/*<meta />*/

/* Don't import Fixes here because it makes all those styles show up in the UI. */

@import url('../TableStyles/NonTableColumns.css');

@import url('../TableStyles/Default.css');

@import url('../TableStyles/FirstColumnDifferent.css');

@import url('../TableStyles/ResizableColumns.css');
@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

/*
modular scales: http://www.modularscale.com/?1&em&1.333,1.667,2&web&text
perfect fourth, 3:4 = 1.333; major sixth, 3:5 = 1.667; octave 2:1
for tiny spacing: major eleventh, 3:8 = 2.667
base unit = 100% = 16px

madcap|footnote formatting doesn't work
Madcap|popup formatting doesn't work
*/

@font-face 
{
	font-family: 'Degular Text Regular';
	src: url(../fonts/Degular-Text-Regular-Body.otf) format("opentype");
}

@font-face 
{
	font-family: 'Degular Text Italic';
	src: url(../fonts/Degular-Text-Italic-Body-Italic-Text.otf) format("opentype");
}

@font-face 
{
	font-family: 'Degular Text Bold';
	src: url(../fonts/Degular-Text-Bold-Body-Bold-Text.otf) format("opentype");
}

@font-face 
{
	font-family: 'Degular Display Thin';
	src: url(../fonts/Degular-Display-Thin-H1.otf) format("opentype");
}

@font-face 
{
	font-family: 'Degular Display Light';
	src: url(../fonts/Degular-Display-Light-H2.otf) format("opentype");
}

@font-face 
{
	font-family: 'Degular Medium';
	src: url(../fonts/Degular-Medium-H3.otf) format("opentype");
}

@font-face 
{
	font-family: 'Degular Semibold';
	src: url(../fonts/Degular-Semibold-H4-H5.otf) format("opentype");
}

@font-face 
{
	font-family: 'Degular Text Semibold';
	src: url(../fonts/Degular-Text-Semibold-H6.otf) format("opentype");
}



@font-face 
{
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: normal;
	src: url(../fonts/fa-brands-400.woff) format("woff");
}

/* Color and font variables */

:root
{
  	/* Primary Palette */
	--color-indigo: #5F61FF;
	--color-obsidian: #1A1825;
	
	/* Accent Palette */
	--color-ember: #ff9371;
	--color-ember-light: #FFEBE6;
	--color-amber: #ffc06c;
	--color-amber-light: #FFF4E6;
	--color-yellow: #ffedba;
	--color-yellow-light: #FFF8E6;
	--color-mint: #b6ff9f;
	--color-mint-light: #EBFFE6;
	--color-aqua: #95ffec;
	--color-aqua-light: #E6FFFA;
	--color-sky: #c5eaff;
	--color-sky-light: #E6F6FF;
	
	/* Neutral Palette */
  	--color-carbon: #4C4C5B;
  	--color-steel: #747481;
  	--color-stone: #AAAAB4;
	--color-stone-light: #C1C1C8;
  	--color-frost: #E2E2E8;
	--color-frost-light: #F1F1F4;

  	/* Indigo Palette */
  	--color-midnight: #0A0B2E;
  	--color-deep: #2D2F8F;
  	--color-lift: #A5A7FF;
  	--color-mist: #E8E9FF;
	--color-mist-light: #F7F8FF;
	
	/* Skins */
	--skin-header-bar: var(--color-obsidian);
	--skin-header-text: #FFFFFF;
	
	--skin-menu-text: var(--color-steel);
	--skin-menu-hover: var(--color-frost);
	--skin-menu-hover-text: var(--color-steel);
	--skin-menu-selected: var(--color-frost);
	--skin-menu-selected-text: var(--color-carbon);	
	--skin-menu-expander: var(--color-deep);
	
	--skin-search-bkgd: #FFFFFF;
	--skin-search-text: var(--color-obsidian);
	--skin-search-filter-bkgd: var(--color-frost);
	--skin-search-filter-bkgd-hover: var(--color-mist);
	--skin-search-filter-bkgd-selected: var(--color-indigo);
	--skin-search-menu-text: var(--color-steel);
	--skin-search-menu-hover: var(--color-frost);
	--skin-search-menu-hover-text: var(--color-carbon);
	--skin-search-submit-bkgd: #FFFFFF;
	--skin-search-submit-hover: var(--color-mist);
	--skin-search-results-text: var(--color-obsidian);
	
	/* Home/Portal and Header Bar */
	
	/* Home/Portal Header Gradient */
	--header-gradient-angle: -60deg;
	--header-gradient-start: var(--color-indigo);
	--header-gradient-end: var(--color-mist);

	--header-gradient-background: linear-gradient(
		var(--header-gradient-angle),
		var(--header-gradient-start) 0%,
		var(--header-gradient-end) 100%
	);
	
	/* Header glass pill */
	--header-buttons-item-bg-hover: var(--color-deep);
	--header-buttons-item-text: #ffffff;
	--header-buttons-item-text-hover: #ffffff;
	--c-light: #ffffff;
	--c-dark: var(--color-midnight);
	--glass-reflex-light: 1;
	--glass-reflex-dark: 1;
	
	--home-tiles-background: #FFFFFF;
	--home-tiles-border: var(--color-frost);
	--home-tiles-hover-border: var(--color-steel);
	--home-tiles-hover-background: var(--color-frost-light);
	--home-tiles-title: var(--color-midnight);
	--home-tiles-h2-line-height: var(--line-height-loose);
	--home-tiles-h2-weight: var(--font-weight-thin);
	--home-tiles-h2-font: var(--font-h2);
	--home-tiles-h2-font-size: var(--font-size-h2);
	--home-tiles-h2-color: var(--color-obsidian);
	--home-tiles-titles-color: var(--color-obsidian);
	--home-tiles-titles-font-title: var(--font-text-regular);
	--home-tiles-titles-font-text: var(--font-text-regular);
	--home-tiles-titles-weight-title: var(--font-weight-regular);
	--home-tiles-titles-weight-text: var(--font-weight-regular);	
	--home-cta-buttons-background: var(--color-deep);
	--home-cta-buttons-border: var(--color-deep);
	--home-top-bar: var(--color-midnight);
	--header-text: #FFFFFF;
	
	/* Glass dropdown menu (home and right side menu) */
	--dropdown-glass-background-start: rgba(255, 255, 255, 0.96); /* White */
	--dropdown-glass-background-end: rgba(226, 226, 232, 1); /* Frost */
	
	--dropdown-glass-background-home: linear-gradient(
		135deg,
		var(--dropdown-glass-background-start) 0%,
		var(--dropdown-glass-background-end) 100%
	);
	
	--dropdown-glass-background-rightside: linear-gradient(
		225deg,
		var(--dropdown-glass-background-start) 0%,
		var(--dropdown-glass-background-end) 100%
	);

	--dropdown-glass-shadow-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.65); /* White */
	--dropdown-glass-shadow-drop: 0 12px 28px rgba(10, 11, 46, 0.22); /* Midnight */
	--dropdown-glass-shadow:
		var(--dropdown-glass-shadow-highlight),
		var(--dropdown-glass-shadow-drop);
	
	/* Home menu */
	--home-ver-menu-bkgd-hover: var(--color-frost);
	--home-ver-menu-text: var(--color-steel);
	--home-ver-menu-text-hover: var(--color-carbon);
	--home-ver-menu-text-size: var(--font-size-body);
	--home-ver-menu-weight: var(--font-weight-regular);
	--home-ver-menu-expander: var(--color-deep);
	--home-ver-menu-expander-size: var(--font-size-smaller);	
	--home-ver-menu-text-family: var(--font-text-regular);
	--home-ver-menu-line-height: var(--line-height-body);
	
	/* Right side menu */
	--right-ver-menu-bkgd: var(--color-frost-light);
	--right-ver-menu-bkgd-hover: var(--color-frost);
	--right-ver-menu-text: var(--color-steel);
	--right-ver-menu-text-hover: var(--color-carbon);
	--right-ver-menu-text-size: var(--font-size-body);
	--right-ver-menu-weight: var(--font-weight-regular);
	--right-ver-menu-expander: var(--color-deep);
	--right-ver-menu-expander-size: var(--font-size-smaller);	
	--right-ver-menu-text-family: var(--font-text-regular);
	--right-ver-menu-line-height: var(--line-height-body);
	
	/* Flyout menu - uses right side version menu plus */
	--flyout-menu-bkgd-selected: var(--color-stone-light);
	--flyout-menu-bkgd-selected-text: var(--color-obsidian);
	
	/* Botton next/previous buttons */
	--elearning-button-text: var(--color-carbon);
	--elearning-button-text-hover: #FFFFFF;
	--elearning-button-bkgd: var(--color-frost);
	--elearning-button-bkgd-hover: var(--color-deep);
	--elearning-progress-bar: var(--color-deep);
	--elearning-progress-text: var(--color-deep);
	
		
	/* General Use Colors */
	--primary-bright: var(--color-indigo);
	--note-example-tip-important-color-text: var(--color-obsidian);
	--text-color: var(--color-obsidian);
	--white-text: #FFFFFF;
	--text-darkish: var(--color-carbon);
	--caption-color-text: var(--color-obsidian);
	--header-color-text: var(--color-obsidian);
	--link-color: var(--color-deep);
	--link-color-visited: var(--color-steel);
	--link-color-hover: var(--color-steel);
	--glossary-link-color: var(--color-deep);
	--glossary-link-color-hover: var(--color-steel);
	--toggler-div-background: var(--color-mist-light);
	--example-background: var(--color-yellow-light); /* example-background also used for header 5 and pdf colored sections (if there are any) */
	--note-background: var(--color-sky-light); /* note-background also used for header 2 */
	--tip-background: var(--color-mint-light); /* tip-background also used for header 4 */
	--important-background: var(--color-ember-light);
	--important-border: var(--color-ember-light);
	--pre-code-command-background: var(--color-frost-light);
	--code-text: var(--color-carbon);
	--code-border-color: var(--color-stone);
	--header-color1-background: var(--color-mist);
	--header-color3-background: var(--color-aqua-light);
	--header-color6-background: var(--color-amber-light); 
	--header-color7-background: var(--color-ember-light);
	--table-header-background: var(--color-frost);
	--table-darker-background: #FFFFFF;
	--table-ligher-background: #FFFFFF;
	--table-borders: var(--color-stone);
	--nav-bar: var(--color-mist);
	--list-numbers-background: var(--color-midnight);
	
	/* API version buttons */
	--version-button-border: var(--color-frost);
	--version-button-background: linear-gradient(
		var(--color-mist-light) 0%,
		var(--color-frost-light) 100%
	);
	--version-button-shadow: 0 3px 6px 0 rgba(10, 11, 46, 0.18);
	--version-button-shadow-hover: 0 4px 8px 0 rgba(10, 11, 46, 0.22);
	--version-arrow-on: var(--color-deep);
	--version-arrow-off: var(--color-stone);
	
	/* Font families */
	--font-code: Consolas, "Courier New", monospace;
	--font-text-regular: "Degular Text Regular", sans-serif;
	--font-text-italic: "Degular Text Italic", sans-serif;
	--font-text-bold: "Degular Text Bold", sans-serif;
	--font-text-semibold: "Degular Text Semibold", sans-serif;

	--font-display-thin: "Degular Display Thin", sans-serif;
	--font-display-light: "Degular Display Light", sans-serif;

	--font-base-medium: "Degular Medium", sans-serif;
	--font-base-semibold: "Degular Semibold", sans-serif;

	/* Semantic font families */
	--font-body: var(--font-text-regular);
	--font-body-italic: var(--font-text-italic);
	--font-body-bold: var(--font-text-bold);
	
	--font-style-normal: normal; /* Turn off italic if it would be on */
	--font-style-italic: italic;

	--font-h1: var(--font-display-thin);
	--font-h2: var(--font-display-light);
	--font-h3: var(--font-base-medium);
	--font-h4: var(--font-base-semibold);
	--font-h5: var(--font-base-semibold);
	--font-h6: var(--font-text-semibold);
	
	/* Font weights */
	--font-weight-thin: 200;
	--font-weight-light: 300;
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;

	/* Type scale based on 18px body */
	--font-size-smallest: 0.825rem; /* footnote numbers */
	--font-size-smaller: 0.925rem;  /* header version */
  	--font-size-small: 0.975rem;  	/* captions, help text */
	--font-size-code: 0.875rem;
  	--font-size-body: 1.0625rem;     /* 17px */

	--font-size-h6: 1.125rem;       /* 18px */
	--font-size-h5: 1.266rem;       /* ~20px */
	--font-size-h4: 1.5rem;         /* 24px */
	--font-size-h3: 2rem;           /* 32px */
	--font-size-h2: 2.369rem;       /* ~38px */
	--font-size-h1: 3.157rem;       /* ~51px */
	
	/* PDF / print type scale based on 10pt body */
	--font-size-smallest-print: 7.75pt;
	--font-size-smaller-print: 8.25pt;  /* header version */
	--font-size-small-print: 8.75pt;    /* captions, help text */
	--font-size-code-print: 8.75pt;
	--font-size-body-print: 10pt;

	--font-size-h6-print: 10pt;
	--font-size-h5-print: 11.25pt;
	--font-size-h4-print: 13.33pt;
	--font-size-h3-print: 17.77pt;
	--font-size-h2-print: 23.69pt;
	--font-size-h1-print: 31.57pt;

  	/* Line heights */
  	--line-height-heading: 1.3;
  	--line-height-body: 1.7;
	--line-height-code: 1.5;
	--line-height-loose: 2;
  	--line-height-label: 1.2;
}

body
{
	font-family: var(--font-body);
	font-size: var(--font-size-body);
	font-weight: var(--font-weight-regular);
	line-height: var(--line-height-body);
	color: var(--text-color);
	/*font-family: 'NT Bau', Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 100%;
	line-height: 1.666em;*/
	/*background-color: #F4F3F7;*/
	/* Light gray for background--see body-container for background behind text Feb 2021 SLD */
	/*background-image: url('../Images/leftdots.png'), url('../Images/rightdots.png'), url('../Images/leftdots.png'), url('../Images/rightdots.png'), url('../Images/leftdots.png');
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
	background-size: 300px, 300px, 300px, 300px, 300px;
	background-position: 0% 200px, 100% 900px, 0% 1800px, 100% 2600px, 0% 3400px;*/
	mc-hyphenate: never;
	mc-hyphenate-shortest-prefix: 4;
	mc-hyphenate-shortest-suffix: 4;
	mc-hyphenate-shortest-word: 6;
	margin: 0;
  	padding: 0;
}

/* ------------------ MadCap tweaks and overrides ----------------- */

MadCap|xref
{
	mc-format: '{para}';
	text-decoration: underline;
	font-weight: normal;
}

MadCap|xref:hover
{
	color: var(--link-color-hover);
}

MadCap|xref.FigureRef
{
	mc-format: '{paranum}{paratext}';
}

MadCap|xref.TableRef
{
	mc-format: '{paranum}{paratext}';
}

MadCap|xref.xref-unbind
{
	font-weight: var(--font-weight-regular);
	mc-format: '{i}{paratext}{/i}';
	mc-conditions: 'General.Build-Combined';
	mc-exclude-action: 'unbind';
}

MadCap|xref.TableFigureRef-unbind
{
	font-weight: var(--font-weight-regular);
	mc-format: '{i}{paranum}{paratext}{/i}';
	mc-conditions: 'General.Build-Combined';
	mc-exclude-action: 'unbind';
}

MadCap|toggler
{
	mc-closed-image: url('../Images/DropDownClosed.png');
	mc-open-image: url('../Images/DropDownOpenOrchid.png');
	mc-disable-glossary-terms: true;
	color: var(--link-color);
}

MadCap|toggler:hover
{
	color: var(--link-color-hover);
}

MadCap|dropDown
{
	margin-bottom: 6px;
	margin-top: 6px;
	mc-closed-image: url('../Images/DropDownClosed.png');
	mc-open-image: url('../Images/DropDownOpenOrchid.png');
}

MadCap|dropDown.SecondLevel
{
	margin-left: 10px;
	mc-closed-image: url('../Images/DropDownClosedSecondLevel.png');
	mc-open-image: url('../Images/DropDownOpenSecondLevelOrchid.png');
}

MadCap|dropDownBody
{
	border-bottom: none;
	margin-left: 1px;
	border-bottom: solid 1px --code-border-color;
}

MadCap|dropDownBody + ul
{
	border-bottom: none;
}

MadCap|dropDownBody.Final
{
	border-bottom: 0px;
}

MadCap|dropDownHead
{
	mc-disable-glossary-terms: true;
	color: var(--header-color-text);
}

MadCap|dropDownHotspot
{
	color: var(--text-color);
	font-family: var(--font-h2);
	font-size: var(--font-size-h2);
	font-weight: var(--font-weight-light);
	line-height: var(--line-height-heading);
}

MadCap|dropDownHotspot:hover
{
	color: var(--link-color-hover);
}

MadCap|dropDownHotspot.SecondLevel
{
	color: var(--text-color);
	font-family: var(--font-h3);
	font-size: var(--font-size-h3);
	font-weight: var(--font-weight-medium);
	line-height: var(--line-height-heading);
}

MadCap|glossaryTerm
{
	color: var(--link-color);
	font-weight: var(--font-weight-regular);
}

MadCap|glossaryTerm:hover
{
		font-family: var(--font-body-bold);
	font-weight: var(--font-weight-bold);
}

MadCap|codeSnippet
{
	border-radius: 15px;
	margin: 1.333em 0 1.333em 0;
	padding: 1.333em;
	mc-code-lang: JavaScript;
	border-bottom-color: var(--code-border-color);
	border-left-color: var(--code-border-color);
	border-right-color: var(--code-border-color);
	border-top-color: var(--code-border-color);
	border: var(--code-border-color);
	border-style: solid;
	border-width: 1px;
	background-color: var(--pre-code-command-background);
}

.codeSnippetBody > pre > code
{
	white-space: pre-wrap;
}

/* Don't think DocLink is in use
MadCap|xref.DocLink:visited,
MadCap|xref.DocLink:link,
MadCap|xref.DocLink:hover,
MadCap|xref.DocLink
{
	font-family: var(--font-text-regular);
}*/

MadCap|footnote
{
	font-size: var(--font-size-smallest) !important;
}

/* Background / box for glossary terms */
MadCap|popupBody
{
	background-color: var(--pre-code-command-background);
	/*border-bottom-color: var(--code-border-color);
	border-left-color: var(--code-border-color);
	border-right-color: var(--code-border-color);
	border-top-color: var(--code-border-color);
	border: var(--code-border-color);
	border-style: solid;
	border-width: 1px;*/
	padding: 0.422em;
	box-shadow: 0px 3px 6px #b2b2b2;
}

a.MCTextPopup_Closed.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup	/* Disables Arrow on auto-generated glossary popups */
{
	background-image: none !important;
	padding: 0 0 0 0;
}

a.MCTextPopup_Open.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup	/* Disables Arrow on auto-generated glossary popups */
{
	background-image: none !important;
	padding: 0 0 0 0;
}

img.MCHelpControl_Image_Icon	/* Disables Arrow on auto-generated glossary popups */
{
	display: none !important;
	width: 0px;
	height: 0px;
}

/* Headings */

/* h1 - main heading, h1 included in PDF TOC, h1-h3 included in "on this page" */

h1,
h2,
h3,
h4,
h5,
h6
{
	color: var(--header-color-text);
	/* See also #results-heading in fixes for search results (pages without breadcrumbs) */
	padding: 0;
	clear: left;
	mc-disable-glossary-terms: true;
}

h1
{
	font-family: var(--font-h1);
	font-size: var(--font-size-h1);
	font-weight: var(--font-weight-thin);
	line-height: var(--line-height-heading);
	margin: 1.777em 0 0.563em 0;
}

h1 > sup
{
	font-size: 50%;
}

h2
{
	font-family: var(--font-h2);
	font-size: var(--font-size-h2);
	font-weight: var(--font-weight-light);
	line-height: var(--line-height-heading);
	margin: 1.0em 0 0.563em 0;
}

h3
{
	font-family: var(--font-h3);
	font-size: var(--font-size-h3);
	font-weight: var(--font-weight-medium);
	line-height: var(--line-height-heading);
	margin: 1.0em 0 0.563em 0;	
}

h3.title	/* This gets used in the search results - called from built-in style */
{
	color: var(--header-color-text);
	/* must be specified or IE and firefox show link underline in default H3 color instead of link color. No idea why. */
}

h4
{
	font-family: var(--font-h4);
	font-size: var(--font-size-h4);
	font-weight: var(--font-weight-semibold);
	line-height: var(--line-height-heading);
	margin: 1.0em 0 0.563em 0;	
}

h5
{
	font-family: var(--font-h5);
	font-size: var(--font-size-h5);
	font-weight: var(--font-weight-semibold);
	line-height: var(--line-height-heading);
	margin: 1.0em 0 0.563em 0;	
}

h6
{
	font-family: var(--font-h6);
	font-size: var(--font-size-h6);
	font-weight: var(--font-weight-semibold);
	line-height: var(--line-height-heading);
}

/* Wrap dropdown headers to get them to show up in the "on this page" section (h2/h3 only at present) - formerly menu proxy */
h2.dropdownHeader,
h3.dropdownHeader,
h5.dropdownHeader
{
	margin: 0;
	padding: 0;
}
/* End wrap dropdown headers

/* Wrap headers in numbered lists to allow them to appear in the "on this page" section (h2/h3 only at present)
 -- header goes above list, spacer positions first element below header so it doesn't sit to close to header */
h2.inNumberedList,
h3.inNumberedList,
h5.inNumberedList,
h6.inNumberedList
{
	margin: 0 0 -28px 48px;
}

p.spacer
{
	height: 20px;
	margin: 0 0 20px 0;
	/* Bottom margin needs to match height */
	padding: 0;
	/* Remove any default padding */
}

/* End wrap headers in numbered lists to allow them to appear in the "on this page" section */

h2.color1,
h3.color1,
h4.color1,
h5.color1,
h6.color1
{
	background-color: var(--header-color1-background);
	padding: .5em 0 .5em .25em;
	border-radius: 12px;
	margin: 1.2em 0 0.563em 0;	
}

h2.color2,
h3.color2,
h4.color2,
h5.color2,
h6.color2
{
	background-color: var(--note-background);
	padding: .5em 0 .5em .25em;
	border-radius: 12px;
	margin: 1.2em 0 0.563em 0;	
}

h2.color3,
h3.color3,
h4.color3,
h5.color3,
h6.color3
{
	background-color: var(--header-color3-background);
	padding: .5em 0 .5em .25em;
	border-radius: 12px;
	margin: 1.2em 0 0.563em 0;	
}

h2.color4,
h3.color4,
h4.color4,
h5.color4,
h6.color4
{
	background-color: var(--tip-background);
	padding: .5em 0 .5em .25em;
	border-radius: 12px;
	margin: 1.2em 0 0.563em 0;	
}

h2.color5,
h3.color5,
h4.color5,
h5.color5,
h6.color5
{
	background-color: var(--example-background);
	padding: .5em 0 .5em .25em;
	border-radius: 12px;
	margin: 1.2em 0 0.563em 0;	
}

h2.color6,
h3.color6,
h4.color6,
h5.color6,
h6.color6
{
	background-color: var(--header-color6-background);
	padding: .5em 0 .5em .25em;
	border-radius: 12px;
	margin: 1.2em 0 0.563em 0;	
}

h2.color7,
h3.color7,
h4.color7,
h5.color7,
h6.color7
{
	background-color: var(--header-color7-background);
	padding: .5em 0 .5em .25em;
	border-radius: 12px;
	margin: 1.2em 0 0.563em 0;	
}

h2.hidden,
h3.hidden,
h4.hidden,
h5.hidden,
h6.hidden
{
	display: none;
	font-size: 1.0rem;
	color: #FF00E4;
}

p
{
	margin: 0 0 1.333em 0;
}

.indent
{
	margin-left: 2.666em;
}

.indentSmall1
{
	margin-left: 1.2em;
}

.indentSmall2
{
	margin-left: 2.4em;
}

.indentSmall3
{
	margin-left: 3.6em;
}

.indentSmall4
{
	margin-left: 4.8em;
}

.indentSmall5
{
	margin-left: 6em;
}

ul
{
	margin-bottom: 1.333em;
	list-style-type: disc;
	/* list-style-image: url('../Images/Bullet1.png'); */
	/*font-size: 1.2em;*/
}

li
{
	orphans: 2;
	widows: 2;
}

p + ul
{
	margin-top: 0.4em;
}

ul p
{
	margin-bottom: 0.75em;
}

ul > li,
ol ul > li
{
	margin-bottom: 0.75em;
}

ul ul
{
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	list-style-type: circle;
	/* list-style-image: url('../Images/Bullet2.png'); */
}

ol
{
	margin-bottom: 1.333em;
	counter-reset: item; /* Initiate a counter */
	margin-left: 0; /* Remove the default left margin */
	padding-left: 0; /* Remove the default left padding */
	/* Disable the normal item numbering */
	list-style-image: none;
	list-style-type: none;
}

ol > li
{
	counter-increment: item; /* Increment the counter by 1 */
	margin-bottom: 1.333em;
	position: relative;	/* Create a positioning context */
	margin: 0 0 1.333em 2.5em;	/* Give each list item a left margin to make room for the numbers */
	padding: 0 0 0 0em;	/* Add some spacing around the content */
}

/* circled */

ol > li::before
{
	content: counter(item);
	/* Use the counter as content */
	/* Position and style the number */
	position: absolute;
	top: -0.125em;
	/* -2px */
	left: -2.5em;
	/* -2em */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 1.667em;
	/* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
	margin-right: 0.5em;
	padding: 0.125em 0.25em 0.125em 0.25em;
	color: #ffffff;
	background: var(--list-numbers-background);
	text-align: center;
	border-radius: 5px;
	overflow: hidden;
	font-family: var(--font-base-medium);
}

ol ul
{
	margin-top: 0.75em;
	padding-left: 3.5em;
	/* Indent unordered lists that come within ordered lists a lot to accommodate the large numbers. SLD */
}

ol ol
{
	margin-top: 0.75em;
	list-style-type: lower-alpha;
}

ol ol > li::before
{
	content: normal;
	position: relative;
	width: auto;
	margin-right: 0;
	padding: 0;
	background: transparent;
	text-align: left;
	border-radius: 0;
	overflow: visible;
}

ul.inlineBullets {
  margin: 0 0 1em 0;
  padding: 0;
}

ul.inlineBullets li {
  display: inline;
  margin: 0;
  padding: 0;
}

ul.inlineBullets li::before {
  content: " • ";
}

ul.inlineBullets li:first-child::before {
  content: "";
}

/* ------------------ tables, figures, and images ----------------------*/

div.KeepCaptionsWithContent	/* In this file, this div for images and tables sets spacing and shrinks to make room for the ToC; in PDFOnly, it keeps content together. */
{
	/*overflow-x: auto;*/
	/* No longer need this since we're not using the miniTOC */
	padding: 1.5em 0 0 0;
	width: 100%;
}

div.KeepCaptionsWithContentNote	/* In this file, this div for images and tables inside notes just sets spacing; in PDFOnly, it keeps content together. */
{
	padding: 1.5em 0 0 0;
}

img
{
	border: none;
	max-width: 100%;
	height: auto;
}

img.screenWatermark
{
	margin: 0 0 0.5em 0;
	border: none;
	display: block;
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto; /* Don't set max here, it goes weird. Set max at container level. */
	mc-thumbnail-max-width: auto;
	border-radius: 0px;	/* Don't round the corners of the thumbnail image */
}

img.MCPopupFullImage
{
	padding: 3px; /* Avoid cutting off the corners of the image when it pops up */
}

div.watermarkContainer
{
	position: relative;
	display: inline-block;
	max-width: 50em; /* <= cap */
	vertical-align: top;
}

img.popupWatermark
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 50%;	/* Adjust the maximum width of the watermark */
	opacity: 0.1; /* Adjust the opacity as needed */
	pointer-events: none;
	/* Ensure the watermark doesn't interfere with clicks */
	mc-conditions: 'Master.Online';
}

/* End popups */

li > a > img.img.imgscreenshot	/* inside a list item, inside the thumbnail link, the thumbnail image needs space above 99% of time. Have to use output class of .imgscreenshot for this to work. Using internal class of .screenshot doesn't work.  */
{
	margin-top: 0.75em;
}

.MatrixSymbol
{
    display: block;
    width: 100%;
    text-align: center;
    white-space: nowrap;
}

img.MatrixImgs
{
    display: block;
    margin: .2em auto;
    width: 15px;
    height: 15px;
}

.MatrixSymbol img.MatrixImgs
{
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

img.print-img
{
	display: none;
	visible: hidden;
}

img.Hyperlinked
{
	border-style: none;
}

img.Example	/* For images on the peachy background that can't use the top padding that comes over from Capture due to transparency problems in PDF output. */
{
	margin-top: 20px;
}

img.ReleaseNotes	/* For colored flags--e.g. Fixed--in Release Notes. See also PDFOnly.css. */
{
	margin-left: 5px;
	vertical-align: middle;
}

p.Caption_1
{
	font-size: var(--font-size-small);
	font-family: var(--font-body-italic);
	font-style: var(--font-style-italic);
	text-align: left;
	color: var(--caption-color-text);
	line-height: var(--line-height-label);
	mc-auto-number-class: Figures;
	mc-auto-number-format: 'GF:Figure {n+}: ';
	mc-disable-glossary-terms: true;
}

p.Table_Title
{
	font-size: var(--font-size-small);
	text-align: left;
	color: var(--caption-color-text);
	font-family: var(--font-body-italic);
	font-style: var(--font-style-italic);
	line-height: var(--line-height-label);
	mc-auto-number-class: Tables;
	mc-auto-number-format: 'GT:Table {n+}: ';
	mc-disable-glossary-terms: true;
}

th
{
	mc-disable-glossary-terms: true;
}

td
{
	line-height: var(--line-height-table);
	vertical-align: top;
	mc-disable-glossary-terms: true;
}

td p,
td li
{
	margin-bottom: 0.5em;
}

td ol
{
	margin: 0.5 0 1em 0;
	padding-left: 0em;
}

td ol > li
{
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

td ul
{
	margin: 0.5 0 1em 0;
	padding-left: 1.333em;
	list-style-type: disc;
}

td ul ul,
td ol ul,
td ol ol
{
	margin-bottom: 0.75em;
}

td p:last-child,
td ul:last-child,
td ol:last-child,
td li:last-child
{
	margin-bottom: 0;
}

td p + ul
{
	margin-top: 0.5em;
}

td ul:first-child,
td ol:first-child
{
	margin-top: 0em;
}

td ul ul:first-child,
td ol ul:first-child
{
	margin-top: 0.5em;
}

/* Responsive Columns for use within topics -- especially for lists of short stuff like query fields */

div.GridColumnsEven
{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
	column-gap: 1rem;
	margin-bottom: .5rem;
}

/* Flare doesn't like grid and flex, so gets grumpy when these are used, though it does build correctly */

ul.noMargins > li
{
	list-style: disc outside;
}

ul.noMargins
{
	margin-top: 0;
	margin-bottom: 0;
	padding-inline-start: 20px;
}

div.FourColumnEven
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.FourColumnEven::before
{
	content: ' ';
	display: table;
}

div.FourColumnEven::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.FourColumnEven > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 8px;
	padding-right: 8px;
}

div.FourColumnEven > div:nth-child(1)
{
	width: 25%;
	margin-left: 0%;
}

div.FourColumnEven > div:nth-child(2)
{
	width: 25%;
	margin-left: 0%;
}

div.FourColumnEven > div:nth-child(3)
{
	width: 25%;
	margin-left: 0%;
}

div.FourColumnEven > div:nth-child(4)
{
	width: 25%;
	margin-left: 0%;
}

div.ThreeColumnEven
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.ThreeColumnEven::before
{
	content: ' ';
	display: table;
}

div.ThreeColumnEven::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.ThreeColumnEven > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 8px;
	padding-right: 8px;
}

div.ThreeColumnEven > div:nth-child(1)
{
	width: 33.33333%;
	margin-left: 0%;
}

div.ThreeColumnEven > div:nth-child(2)
{
	width: 33.33333%;
	margin-left: 0%;
}

div.ThreeColumnEven > div:nth-child(3)
{
	width: 33.33333%;
	margin-left: 0%;
}

div.TwoColumnEven
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.TwoColumnEven::before
{
	content: ' ';
	display: table;
}

div.TwoColumnEven::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.TwoColumnEven > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 8px;
	padding-right: 24px;
	/* Need larger padding here to accomodate use in dropdowns */
}

div.TwoColumnEven > div:nth-child(1)
{
	width: 50%;
	margin-left: 0%;
}

div.TwoColumnEven > div:nth-child(2)
{
	width: 50%;
	margin-left: 0%;
}

/* End Responsive Columns */

/* ----------------- buttons ------------------ */
/* Are these even used? SLD Sept 2025 */

a.btn:link,
a.btn:visited	/*can't use a style ".button" because it's defined in TextEffects.css and used for toolbar buttons. This default is for small buttons that would appear in normal content */
{
	text-decoration: none;
	display: inline-block;
	text-align: center;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	position: relative;
	/* need this to workaround CSS3PIE known issue: http://css3pie.com/documentation/known-issues/#z-index */
	z-index: 1;
	font-size: 0.6em;
	/* Changed from .75em with body @ 100% to .6em with body @ 120% */
	border-radius: 5px;
	color: #ffffff;
	background-color: #B6FF9F;
	/* was 0069ba */
	padding: 0.36em 0.75em 0.36em 0.75em;
}

a.btn.white:link
{
	background-color: #ffffff;
	color: #B6FF9F;
	/* was 0069ba */
	font-size: 1em;
	/* Changed from 1.25em with body @ 100% to 1em with body @ 120% */
	border-radius: 7px;
	padding: 0.6em 1.33em 0.6em 1.33em;
}

a.btn:hover,
a.btn.white:hover
{
	background-color: #B6FF9F;
	/* was 082b47 */
	border-color: #B6FF9F;
	/* was 082b47 */
	color: #ffffff;
}

/* ----------------- Notes, tips, Warnings, Source code, Examples ------------ */
/* New all in ones so we can pick them off the formatting menu - see old ones in Fixes */
/* See also related p styles in Fixes for BuildNote etc. */

div.BuildNote
{
	background-repeat: no-repeat;
	border-radius: 15px;
	color: var(--note-example-tip-important-color-text);
	padding: 0.3em 0.35em 0.45em 38px;
	-webkit-border-radius: 15px;
	margin-top: 1.333em;
	margin-bottom: 1.333em;
	mc-disabled: false;
	background-image: url('../Images/2023Mkt-NewIcons/clipboard-check.svg');
	mc-auto-number-format: '{b}Note:  {/b}';
	background-position: 5px 8px;
	border-bottom-color: var(--note-background);
	border-left-color: var(--note-background);
	border-right-color: var(--note-background);
	border-top-color: var(--note-background);
	border: var(--note-background);
	border-style: solid;
	border-width: 1px;
	background-color: var(--note-background);
}

div.BuildTip
{
	background-repeat: no-repeat;
	border-radius: 15px;
	padding: 0.3em 0.35em 0.45em 38px;
	-webkit-border-radius: 15px;
	margin-top: 1.333em;
	margin-bottom: 1.333em;
	mc-disabled: false;
	background-image: url('../Images/2023Mkt-NewIcons/pin-02.svg');
	color: var(--note-example-tip-important-color-text);
	/*mc-auto-number-format: '{b}{color #1a1a1a}Tip:  {/color}{/b}';*/
	mc-auto-number-format: '{b}Tip:  {/b}';
	background-position: 5px 8px;
	border-bottom-color: var(--tip-background);
	border-left-color: var(--tip-background);
	border-right-color: var(--tip-background);
	border-top-color: var(--tip-background);
	border: var(--tip-background);
	border-style: solid;
	border-width: 1px;
	background-color: var(--tip-background);
}

div.BuildExample,
div.BuildExampleNoPageBreak	/* NoPageBreak to solve problem where the background image was duplicating after a PDF page break. Use only on short examples at risk for falling at a page break in the PDF. */
{
	background-repeat: no-repeat;
	border-radius: 15px;
	padding: 0.3em 0.35em 0.45em 38px;
	-webkit-border-radius: 15px;
	margin-top: 1.333em;
	margin-bottom: 1.333em;
	background-image: url('../Images/2023Mkt-NewIcons/search-refraction.svg');
	color: var(--note-example-tip-important-color-text);
	/*mc-auto-number-format: '{b}{color #1a1a1a}Example:  {/color}{/b}';*/
	mc-auto-number-format: '{b}Example:  {/b}';
	background-position: 5px 8px;
	page-break-inside: auto;
	border-bottom-color: var(--example-background);
	border-left-color: var(--example-background);
	border-right-color: var(--example-background);
	border-top-color: var(--example-background);
	border: var(--example-background);
	border-style: solid;
	border-width: 1px;
	background-color: var(--example-background);
}

div.BuildPDF
{
	background-repeat: no-repeat;
	border-radius: 15px;
	padding: 0.6em 0.35em 0.55em 38px;
	-webkit-border-radius: 15px;
	margin-top: 1.333em;
	margin-bottom: 1.333em;
	background-image: url('../Images/NEW-HomePage/DownloadPDFSmall.png');
	color: var(--note-example-tip-important-color-text);
	/*mc-auto-number-format: '{b}{color #1a1a1a}PDF:  {/color}{/b}Download a PDF of the ';*/
	mc-auto-number-format: '{b}PDF:  {/b}Download a PDF of the ';
	background-position: 7px 12px;
	page-break-inside: auto;
	border-bottom-color: var(--example-background);
	border-left-color: var(--example-background);
	border-right-color: var(--example-background);
	border-top-color: var(--example-background);
	border: var(--example-background);
	border-style: solid;
	border-width: 1px;
	background-color: var(--example-background);
}

div.BuildExamplewithTitle	/* See p.ExampleTitle to add "Example" word */
{
	background-repeat: no-repeat;
	border-radius: 15px;
	padding: 0.3em 0.35em 0.45em 38px;
	-webkit-border-radius: 15px;
	margin-top: 1.333em;
	margin-bottom: 1.333em;
	background-image: url('../Images/2023Mkt-NewIcons/search-refraction.svg');
	color: var(--note-example-tip-important-color-text);
	background-position: 5px 8px;
	page-break-inside: auto;
	border-bottom-color: var(--example-background);
	border-left-color: var(--example-background);
	border-right-color: var(--example-background);
	border-top-color: var(--example-background);
	border: var(--example-background);
	border-style: solid;
	border-width: 1px;
	background-color: var(--example-background);
}

p.ExampleTitle
{
	text-align: left;
	font-family: var(--font-body-bold);
	font-weight: var(--font-weight-bold);
	color: var(--note-example-tip-important-color-text);
	mc-auto-number-format: '{b}Example:  {/b}';
	mc-disable-glossary-terms: true;
}

div.BuildImportant
{
	background-repeat: no-repeat;
	border-radius: 15px;
	color: var(--note-example-tip-important-color-text);
	padding: 0.3em 0.35em 0.45em 38px;
	-webkit-border-radius: 15px;
	margin-top: 1.333em;
	margin-bottom: 1.333em;
	background-image: url('../Images/2023Mkt-NewIcons/alert-triangle.svg');
	/*mc-auto-number-format: '{b}{color #1a1a1a}Important:  {/color}{/b}';*/
	mc-auto-number-format: '{b}Important:  {/b}';
	background-position: 5px 8px;
	border-bottom-color: var(--important-background);
	border-left-color: var(--important-background);
	border-right-color: var(--important-background);
	border-top-color: var(--important-background);
	border: var(--important-background);
	border-style: solid;
	border-width: 2px;
	background-color: var(--important-background);
}

div.BuildWarning
{
	background-repeat: no-repeat;
	border-radius: 15px;
	color: var(--note-example-tip-important-color-text);
	padding: 0.3em 0.35em 0.45em 38px;
	-webkit-border-radius: 15px;
	maskrgin-top: 1.333em;
	margin-bottom: 1.333em;
	background-image: url('../Images/2023Mkt-NewIcons/alert-triangle.svg');
	/*mc-auto-number-format: '{b}{color #1a1a1a}Important:  {/color}{/b}';*/
	mc-auto-number-format: '{b}Important:  {/b}';
	background-position: 5px 8px;
	border-bottom-color: var(--important-background);
	border-left-color: var(--important-background);
	border-right-color: var(--important-background);
	border-top-color: var(--important-background);
	border: var(--important-background);
	border-style: solid;
	border-width: 2px;
	background-color: var(--important-background);
}

pre.example
{
	background-color: var(--pre-code-command-background);
	border: solid 1px var(--code-border-color);
	color: var(--code-text);
	border-radius: 15px !important;
	/* Seems to need important to actually work */
	margin: 1.333em 0 1.333em 0;
	padding: 1.333em;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	font-family: var(--font-code);
	line-height: var(--line-height-code);
	font-size: var(--font-size-code);
	white-space: pre-wrap;
	width: auto;
	mc-disable-glossary-terms: true;
}

div.toggler
{
	/*border: solid 2px #5F61FF;*/
	/* background-color: rgba(95, 97, 255, 0.16); */
	/* With variables, can't use opacity */
	background-color: var(--toggler-div-background);
	padding: .5em;
	border-radius: 12px;
	color: var(--note-example-tip-important-color-text) !important;
	/* Seems to need this to prevent text color of elements in the div from fading on hover. */
	margin: 1.333em 0 1.333em 0;
}

/*
div.exampleSmallFont
{
	font-size: var(--font-size-small);
}*/

div.singleSpaceTip
{
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	padding: 0 1em 0 2em;
	mc-disable-glossary-terms: true;
	line-height: var(--line-height-body);
	background-color: var(--tip-background);
}

div.internal	/* For internal notes to stand out on green background */
{
	mc-auto-number-format: '{b}{color #DC143C}Internal Comments:  {/color}{/b}';
	background-color: #C2F7D4;
	background-repeat: no-repeat;
	margin: 0 0 1.333em 0;
	padding: 0 5px 0 5px;
	mc-disable-glossary-terms: true;
}

div.example,
div.exampleGray,
div.exampleTip,
div.exampleExample,
div.exampleNote,
div.exampleImportant,
div.command,
div.commandGray,
div.commandTip,
div.commandNote,
div.commandExample,
div.commandImportant
{
	background-color: #ffffff;
	margin: .75em 0 0 0;
	padding: 0 1em 0 2em;
	mc-disable-glossary-terms: true;
	border-radius: 12px;
	mc-disable-glossary-terms: true;
	mc-hyphenate: never;
	/* Don't use hyphens to break up words in a command. Added May 2022. SLD */
}

div.command,
div.commandGray,
div.commandTip,
div.commandNote,
div.commandExample,
div.commandImportant
{
	font-family: var(--font-code);
	color: var(--code-text);
	font-size: var(--font-size-code);
	line-height: var(--line-height-code);
}

div.command,
div.example
{
	margin: .75em 0 1.333em 0;
}

div.commandGray,
div.exampleGray
{
	background-color: var(--pre-code-command-background);
	border: solid 1px var(--code-border-color);
	padding: 1.0em;
	margin: .75em 0 1.333em 0;
}

div.commandNote,
div.exampleNote
{
	background-color: var(--note-background);
}

div.commandTip,
div.exampleTip
{
	background-color: var(--tip-background);
}

div.commandExample,
div.exampleExample
{
	background-color: var(--example-background);
}

div.commandImportant,
div.exampleImportant
{
	background-color: var(--important-background);
}

span.Emphasis
{
	font-family: var(--font-body-bold);
	font-weight: var(--font-weight-bold);
	mc-disable-glossary-terms: true;
}

span.Italicize
{
	font-family: var(--font-body-italic);
	font-style: var(--font-style-italic);
	mc-disable-glossary-terms: true;
}

span.TabTitle	/* Added for RedTrust docs March 2022 SLD */
{
	font-family: var(--font-body-italic);
	font-style: var(--font-style-italic);
}

span.SectionTitle	/* Added for RedTrust docs March 2022 SLD */
{
	font-family: var(--font-body-bold);
	font-weight: var(--font-weight-bold);
}

span.code-number
{
	font-family: var(--font-code);
	color: var(--code-text);
}

span.code-blue
{
	color: var(--color-aqua);
}

span.code-darkblue
{
	color: var(--color-deep);
}

span.code-darkgreen
{
	color: #228B22;
}

span.code-highlightyellow
{
	background-color: #FFEDBA;
}

span.code-highlightgray
{
	background-color: var(--pre-code-command-background);
	font-family: var(--font-code);
	color: var(--code-text);
	border-radius: 3px;
	padding: 0.05em 0.25em;
}

span.code-highlightred
{
	background-color: #FF9371;
}

span.code-darkred
{
	color: #8B0000;
}

span.code-yellow
{
	color: #FFFF00;
	background-color: var(--color-obsidian);
}

span.code-red
{
	color: #EF3F3F;
}

span.disableGlossaryTerms
{
	mc-disable-glossary-terms: true;
}

span.strikethrough,
h1.strikethrough
{
	text-decoration: line-through;
	text-decoration-thickness: 0.08em;
}

span.zeroSpace
{
	display: inline-block;
	background-image: url('../Images/zeroSpace.png');	/* Show in editing so it's more obvious; Doesn't appear in output. */
	background-size: 2px 2px;	/* Set the width and height of the background image */
}

span.zeroSpace::after
{
	content: "\200B";
	/* Zero-width space for visual break, won't affect searches */
}

span.DocTitle
{
	font-family: var(--font-body-italic);
	font-style: var(--font-style-italic);
	mc-disable-glossary-terms: true;
}

/* Wrap text that's triggering Vale make it stop--inherit formatting of whatever the underlying tag is. */
.vale-ignore {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: inherit;
  background: transparent;
}

/* Begin column resizing and related styles */
/* Address long parameter names by shortening with ellipsis and adding tooltop with copy button. */

.resizable-wrapper
{
	display: inline-block;
	position: relative;
	overflow: hidden;	/* Prevent horizontal overflow */
	white-space: nowrap;
	padding-right: 5px;
	width: 130px;	/* Initial min width on page load */
	max-width: 150px;	/* Initial max width on page load */
}

.shortenable-text
{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	max-width: 100%;
	width: 100%;
}

/* Indents used for text inside shortenable-text */

.indent-level-0
{
	text-indent: 0em;
}

.indent-level-1
{
	text-indent: 0.66em;
}

.indent-level-2
{
	text-indent: 1.0em;
}

.indent-level-3
{
	text-indent: 1.33em;
}

.indent-level-4
{
	text-indent: 1.66em;
}

.indent-level-5
{
	text-indent: 2.0em;
}

.indent-level-6
{
	text-indent: 2.33em;
}

.shortenable-text.indent-level-1::before
{
	content: "\00B7\0020\0020";
	/* Vertically centered dot--00B7--follow by two spaces--0020 */
}

.shortenable-text.indent-level-2::before
{
	content: "\00B7\0020\00B7\0020\0020";
}

.shortenable-text.indent-level-3::before
{
	content: "\00B7\0020\00B7\0020\00B7\0020\0020";
}

.shortenable-text.indent-level-4::before
{
	content: "\00B7\0020\00B7\0020\00B7\0020\00B7\0020\0020";
}

.shortenable-text.indent-level-5::before
{
	content: "\00B7\0020\00B7\0020\00B7\0020\00B7\0020\00B7\0020\0020";
}

.shortenable-text.indent-level-6::before
{
	content: "\00B7\0020\00B7\0020\00B7\0020\00B7\0020\00B7\0020\00B7\0020\0020";
}

.resizable-wrapper.expanded .shortenable-text
{
	overflow: visible !important; 	/* Allow full text when expanded */
	text-overflow: clip; 	/* Remove ellipsis */
	white-space: nowrap;
	display: block;
	width: 100%; 	/* Let it expand */
}

/* Tooltip pops up when hovering over a truncated word in a resizable column. */

.floating-tooltip
{
	position: fixed;
	background: #333;
	color: #fff;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: var(--font-size-smaller);
	z-index: 9999;
	max-width: 300px;
	white-space: normal;
	user-select: text;
	pointer-events: auto;
}

.floating-tooltip-wrapper
{
	position: relative;
	display: inline-block;
}

.floating-tooltip-wrapper:hover .floating-tooltip
{
	pointer-events: auto;
}

.floating-tooltip::before
{
	content: '';
	position: absolute;
	top: -8px;
	left: -8px;
	right: -8px;
	bottom: -8px;
	z-index: -1;
}

.copy-btn
{
	margin-top: 8px;
	padding: 4px 8px;
	background-color: var(--table-header-background);
	border: 1px solid var(--table-borders);
	border-radius: 3px;
	cursor: pointer;
	font-size: var(--font-size-smaller);
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.copy-btn:hover
{
	background-color: var(--table-borders);
}

/* End floating tooltip styles */

/* Resizable columns on ResizableColumns tables. */

.resizer
{
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height: 100%;
	cursor: ew-resize;
	background: transparent;
	z-index: 10;
	right: -9px;
}

/* Vertical line that appears while resizing table columns. */

.column-guide-line
{
	position: fixed;
	top: 0;
	bottom: 0;
	width: 2px;
	background-color: var(--nav-bar);
	z-index: 9999;
	pointer-events: none;
}

/* End column resizing and related styles */


/* Color for links is set at "a" level not xref level, though if you set a color at xref level it will appear in the UI that way. */
a,
a:link,
a:active
{
	color: var(--link-color);
	mc-disable-glossary-terms: true;
}

a:link
{
	color: var(--link-color);
}

a:visited
{
	color: var(--link-color-visited);
	mc-disable-glossary-terms: true;
}

a:hover
{
	color: var(--link-color-hover);
	vertical-align: baseline;
	mc-disable-glossary-terms: true;
}

a.DocTitle
{
	font-family: var(--font-body-italic);
	font-style: var(--font-style-italic);
}

/* Arrow indicator */
a.external {
	text-decoration: none; /* Underline is added with .link-text, prevents underlining of arrow */
	position: relative;
}

a.external .link-text {
	text-decoration: underline;
}  /* normal */

a.external:hover .link-text,
a.external:focus-visible .link-text {
	text-decoration: underline;
} /* Underline only link-text, not arrow */

a.external::after {
	content: "\2197";
	margin: 0 .25em 0 .25em;
	font-size: var(--font-size-small);
	opacity: .6;
}

a.external:hover::after,
a.external:focus-visible::after { opacity: 1; }

/* Screen-reader text helper */
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

/* Tooltip bubble */
a.external[data-tooltip]::before {
  content: attr(data-tooltip);
  position: absolute;
  left: 0;
  top: -2.2em;                 /* show above link; use top:100% to show below */
  background: #333;
  color: #fff;
  padding: .25em .5em;
  border-radius: .25rem;
  font-size: var(--font-size-smaller);
  line-height: 1.2;
  white-space: nowrap;
  opacity: 0;
  transform: translateY(4px);
  pointer-events: none;
  transition: opacity .15s ease, transform .15s ease;
  z-index: 2;
}
a.external:hover::before,
a.external:focus-visible::before {
  opacity: 1;
  transform: translateY(0);
}

a.toggler:link
{
	color: var(--link-color);
}

a.toggler:visited
{
	color: var(--link-color-visited);
}

a.toggler:hover
{
	color: var(--link-color-hover);
}

a.toggler:active
{
	color: var(--link-color);
}

a.MCTextPopup:link	/* Applies to auto-generated glossary popups and footnote numbers */
{
	color: var(--glossary-link-color);
}

a.MCTextPopup:hover	/* Applies to auto-generated glossary popups and footnote numbers */
{
	color: var(--glossary-link-color-hover);
}

a.MCTextPopup.popup.popupHead.MCTextPopup_Closed	/* Applies to the footnote numbers before the footnote opens */
{
	font-size: var(--font-size-smallest) !important;
}

a.MCTextPopup.popup.popupHead.MCTextPopup_Open	/* Applies to the footnote numbers after the footnote opens -- footnote text is controlled elsewhere */
{
	font-size: var(--font-size-smallest) !important;
}

/* miniTocbutton no longer needed May 2021 SLD */

/*.miniTocButton
{
	height: 25px;
	width: 25px;
	margin: 0.69em 0 0 1.5px;
	float: left;
	cursor: pointer;
	padding: 0;
	border: none;
	background-color: transparent;
}

.miniTocButton:hover,
.miniTocButton:active,
.miniTocButton:visited,
.miniTocButton:focus
{
	text-decoration: none;
	background-color: transparent;
	outline: none;
}

Img.tocButton
{
	vertical-align: baseline;
	border: solid 1px #e1e1e1;
	border-radius: 3px;
	box-shadow: 0px 1px 0px 0px #ffffff;
}*/

div.shrinkContent	/* Wrap around elements that need to shrink to make room for the ToC. */
{
	overflow-x: auto;
}

abbr
{
	mc-disabled: true;
}

acronym
{
	mc-disabled: true;
}

b
{
	mc-disabled: true;
}

big
{
	mc-disabled: true;
}

cite
{
	mc-disabled: true;
}

em
{
	mc-disabled: true;
}

fieldset
{
	mc-disabled: true;
}

i
{
	mc-disabled: true;
}

ins
{
	mc-disabled: true;
}

kbd
{
	mc-disabled: true;
}

label
{
	mc-disabled: true;
}

pre
{
	mc-disabled: false;
}

q
{
	mc-disabled: true;
}

samp
{
	mc-disabled: true;
}

small
{
	mc-disabled: true;
}

span.boolean
{
	mc-disabled: true;
}

span.state
{
	mc-disabled: true;
}

strike
{
	mc-disabled: true;
}

strong
{
	mc-disabled: true;
}

tt
{
	mc-disabled: true;
}

var
{
	mc-disabled: true;
}

address
{
	mc-disabled: true;
}

del
{
	mc-disabled: true;
}

div.imp
{
	mc-disabled: true;
}

div.warn
{
	mc-disabled: true;
}

div.tip
{
	mc-disabled: true;
}

img.MCHelpControl_Image_Icon
{
	mc-disabled: true;
}



@media print
{
	/* Print definitions here primarily apply to printing done with the printer button in the header. */
	
	/* Force the browser to keep the background colors and background images when printing. */
	* {
    	print-color-adjust: exact !important;
    	-webkit-print-color-adjust: exact !important;
    }
	
	/* Don't include right side content when printing with printer button. */
  	div.rightSideContent {
    	display: none !important;
	}
	
	/* Get rid of blank right column for print output with printer button. */
	.columns.small-3.right.sticky-container {
    	display: none !important;
	}
	
	/* Get rid of nav border between left menu and main content for print output with printer button. */
	div.nav-border {
    	display: none !important;
	}
	
	/* Get rid of footer for print output with printer button. */
	div.fullWidthFooter {
    	display: none !important;	
	}
	
		/* Get rid of feedback for print output with printer button. */
	div.feedback {
    	display: none !important;	
	}
	
	p
	{
		font-family: var(--font-text-regular);
		font-size: var(--font-size-body-print);
		font-style: var(--font-style-normal);
		font-weight: var(--font-weight-regular);
		line-height: var(--line-height-body);
	}	

	/* ----------------- Notes, tips, Warnings, Source code, Examples ------------ */
	/* New all in ones so we can pick them off the formatting menu - see old ones in Fixes */
	/* See also related p styles in Fixes for BuildNote etc. */
	
	div.BuildNote,
	div.BuildTip,
	div.BuildExample,
	div.BuildExampleNoPageBreak,
	div.BuildImportant,
	div.BuildWarning
	{
		background-repeat: no-repeat;
		border-radius: 15px;
		margin-top: 1.333em;
		margin-bottom: 1.333em;
		color: var(--text-color);
		padding: .7em 0.35em 1.1em 38px;
		/* PDF needs more padding than HTML to deal with one line notes */
		-webkit-border-radius: 15px;
		background-position: 5px 8px;
		mc-auto-number-format: '{b}{color #1a1825}Important:  {/color}{/b}';
		font-family: var(--font-text-regular);
		font-size: var(--font-size-body-print);
		font-weight: var(--font-weight-regular);
		line-height: var(--line-height-body);
	}

	div.BuildNote
	{
		border: solid 2px var(--note-background);
		mc-disabled: false;
		background-image: url('../Images/2023Mkt-NewIcons/clipboard-check.svg');
	}

	div.BuildTip
	{
		mc-disabled: false;
		background-image: url('../Images/2023Mkt-NewIcons/pin-02.svg');
		border: solid 2px var(--tip-background);
	}

	div.BuildExample,
	div.BuildExampleNoPageBreak	/* NoPageBreak to solve problem where the background image was duplicating after a PDF page break. Use only on short examples at risk for falling at a page break in the PDF. */
	{
		background-image: url('../Images/2023Mkt-NewIcons/search-refraction.svg');
		border: solid 2px var(--example-background);
		page-break-inside: auto;
	}

	div.BuildImportant,
	div.BuildWarning
	{
		background-image: url('../Images/2023Mkt-NewIcons/alert-triangle.svg');
		border: solid 1px var(--iimportant-background);
	}
	
	pre.example
	{
		background-color: var(--pre-code-command-background);
		color: var(--code-text);
		background-repeat: no-repeat;
		border: solid 1px var(--code-border);
		border-radius: 15px;
		margin-top: 1.667em;
		margin-bottom: 1.667em;
		padding: 1.667em 1.667em 1.667em 1.667em;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		font-family: var(--font-code);
		line-height: var(--line-height-code);
		font-size: var(--font-size-code-print);
		white-space: pre-wrap;
		width: auto;
		max-width: 65em;
	}	

	div.command,
	div.commandGray,
	div.commandTip,
	div.commandNote,
	div.commandExample,
	div.commandImportant
	{
		font-size: var(--font-size-code-print);
		font-family: var(--font-code);
		line-height: var(--line-height-code);
		color: var(--code-text);
		padding: 5pt 5pt 5pt 8pt;
		margin: 0 0 10pt .25in;
		border-radius: 12px;
		mc-hyphenate: never;
	}

	div.commandGray
	{
		background-color: var(--pre-code-command-background);
		border: solid 2px var(--pre-code-command-background);
	}

	div.commandNote
	{
		background-color: var(--note-background);
	}

	div.commandTip
	{
		background-color: var(--tip-background);
	}

	div.commandExample
	{
		background-color: var(--example-background);
	}

	div.commandImportant
	{
		background-color: var(--important-background);
	}
		
  
	div.TopicContent
	{
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 25px;
	}

	div.GlossaryPageDefinition
	{
		font-size: var(--font-size-small-print);
	}

	div.GlossaryPageHeading
	{
		border-bottom-color: var(--glossary-link-color);
		border-bottom-style: solid;
		border-bottom-width: 1px;
		color: var(--header-color-text);
		font-size: var(--font-size-h2-print);
		font-family: var(--font-h2);
		font-weight: var(--font-weight-light);
		line-height: var(--line-height-heading);
	}

	div.GlossaryPageTerm
	{
		color: var(--glossary-link-color);
		font-size: var(--font-size-body-print);
		padding-bottom: 10px;
		padding-top: 10px;
	}

	h1
	{
		border-bottom: none;
		color: var(--header-color-text);
		font-family: var(--font-h1);
		font-size: var(--font-size-h1-print);
		font-weight: var(--font-weight-thin);
		line-height: var(--line-height-heading);
		margin-bottom: 12pt;
		margin-top: 18pt;
		margin-left: 0;
		margin-right: 0;
		padding: 0;
		/*	mc-auto-number-position: outside-head;  */
		mc-auto-number-offset: 75px;
		page-break-before: avoid;
		mc-auto-number-format: 'CH:{chapnum}.0  ';
		text-decoration: none;
	}

	h2
	{
		font-family: var(--font-h2);
		font-size: var(--font-size-h2-print);
		font-weight: var(--font-weight-light);
		line-height: var(--line-height-heading);
		/*	mc-auto-number-position: outside-head;  */
		mc-auto-number-offset: 75px;
		color: var(--header-color-text);
		margin-bottom: 12pt;
		margin-top: 18pt;
		mc-auto-number-format: 'CH:{chapnum}.{n+}  ';
	}

	h3
	{
		font-family: var(--font-h3);
		font-size: var(--font-size-h3-print);
		font-weight: var(--font-weight-medium);
		line-height: var(--line-height-heading);
		/*mc-heading-level: 0;*/
		/*	mc-auto-number-position: outside-head; */
		mc-auto-number-offset: 75px;
		color: var(--header-color-text);
		margin-bottom: 12pt;
		margin-top: 18pt;
		mc-auto-number-format: 'CH:{chapnum}.{n}.{n+}  ';
	}

	h4
	{
		font-family: var(--font-h4);
		font-size: var(--font-size-h4-print);
		font-weight: var(--font-weight-semibold);
		line-height: var(--line-height-heading);
		/* mc-heading-level: 0; */
		/* mc-auto-number-position: outside-head;*/
		mc-auto-number-offset: 75px;
		color: var(--header-color-text);
		margin-bottom: 12pt;
		margin-top: 18pt;
		mc-auto-number-format: 'CH:{chapnum}.{n}.{n}.{n+}  ';
	}

	h5
	{
		font-family: var(--font-h5);
		font-size: var(--font-size-h5-print);
		font-weight: var(--font-weight-semibold);
		line-height: var(--line-height-heading);
		mc-heading-level: 0;
		/* mc-auto-number-position: outside-head;*/
		mc-auto-number-offset: 75px;
		color: var(--header-color-text);
		margin-bottom: 12pt;
		margin-top: 18pt;
		/*mc-auto-number-format: 'CH:{chapnum}.{n}.{n}.{n}.{n+}  ';*/
	}

	h6
	{
		font-family: var(--font-h6);
		font-size: var(--font-size-h6-print);
		font-weight: var(--font-weight-semibold);
		line-height: var(--line-height-label);
		mc-heading-level: 0;
		/* mc-auto-number-position: outside-head;*/
		mc-auto-number-offset: 75px;
		color: var(--header-color-text);
		margin-bottom: 12pt;
		margin-top: 18pt;
		/*mc-auto-number-format: 'CH:{chapnum}.{n}.{n}.{n}.{n}.{n+}  ';*/
	}

	img
	{
		border: none;
		margin-top: 15pt;
		border: none;
		max-width: 100%;
		min-resolution: 300dppx;
		page-break-after: avoid;
	}

	imgSize
	{
		border: none;
		margin-top: 10pt;
		margin-right: 10pt;
		min-resolution: 300dppx;
		max-width: 6in;
		page-break-after: avoid;
	}

	img.MatrixImgs
	{
		background-position: center;
		background-size: 15px;
		vertical-align: middle;
		height: 15px;
		width: 15px;
		text-align: center;
	}

	p.Front_Headings
	{
		border-bottom: none;
		color: var(--text-color);
		font-family: var(--font-h3);
		font-size: var(--font-size-h3-print);
		font-weight: var(--font-weight-medium);
		line-height: var(--line-height-heading);
		margin-bottom: 12pt;
		margin-top: 18pt;
		margin-left: 0;
		margin-right: 0;
		padding: 0;
		page-break-before: always;
		text-decoration: none;
	}

	MadCap|glossaryProxy
	{
		border-top: none;
	}

	MadCap|indexProxy
	{
		border-top: none;
	}

	MadCap|tocProxy
	{
		border-top: none;
		margin-right: 0.25in;
		color: var(--home-top-buttons-background);
	}

	MadCap|xref.xref-unbind
	{
		color: var(--link-color);
		font-weight: normal;
		mc-format: '{i}{paratext}{/i}';
		mc-conditions: 'General.Build-Combined';
		mc-exclude-action: 'unbind';
	}

	MadCap|xref
	{
		color: var(--link-color);
		font-weight: normal;
		mc-format: '{para}';
		text-decoration: underline;
	}

	p.Caption_1
	{
		font-size: var(--font-size-small-print);
		text-align: left;
		color: var(--text-color);
		font-family: var(--font-body-italic);
		font-style: var(--font-style-italic);
		line-height: var(--line-height-label);
	}

	p.IndexHeading
	{
		font-size: var(--font-size-h5-print);
		padding-top: 16px;
		text-align: left;
	}

	ul
	{
		left: auto;
		list-style: bullet;
		margin-left: 1;
		font-size: var(--font-size-body-print);
		line-height: var(--line-height-body);
		list-style-position: inherit;
	}

	MadCap|footnote
	{
		font-size: var(--font-size-body-print);
	}
}

@media screen and (max-width: 966px)
{
	div.FourColumnEven > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.FourColumnEven > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.FourColumnEven > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.FourColumnEven > div:nth-child(4)
	{
		width: 100%;
		margin-left: 0%;
	}
}

@media screen and (max-width: 582px)
{
	div.FourColumnEven > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.FourColumnEven > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.FourColumnEven > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.FourColumnEven > div:nth-child(4)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.ThreeColumnEven > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.ThreeColumnEven > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.ThreeColumnEven > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.TwoColumnEven > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.TwoColumnEven > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}
}