@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);
/*<meta />*/

body
{
	font-family: Arial, Segoe UI, Calibri;
	font-size: 11pt;
	line-height: 1.5em;
}

body div.main
{
	margin: 15px;
}

h1
{
	font-size: 18pt;
	color: var(--02-dynamic-black-color);
	font-family: Helvetica, Arial;
	font-weight: bolder;
	margin-bottom: 0.5em;
	margin-top: 1.5em;
}

h2
{
	font-size: 14pt;
	color: var(--02-dynamic-black-color);
	font-family: Helvetica, Arial;
	margin-bottom: 0.50em;
	margin-top: 2em;
	font-weight: bold;
}

h3
{
	font-size: 11pt;
	color: var(--02-dynamic-black-color);
	font-family: Helvetica, Arial;
	margin-bottom: 0.30em;
	margin-top: 1.5em;
	font-weight: bold;
}

h4
{
	font-weight: bold;
	font-size: 10pt;
	color: var(--02-dynamic-black-color);
	font-family: Helvetica, Arial;
	margin-tip: 1em;
}

h5
{
	font-weight: bold;
	font-size: 10.0pt;
	color: var(--02-dynamic-black-color);
	font-family: Helvetica, Arial;
}

h6
{
	font-weight: bold;
	font-size: 8.0pt;
	color: var(--02-dynamic-black-color);
	font-family: Helvetica, Arial;
}

p
{
	margin-top: 0pt;
	margin-bottom: 0pt;
	padding-bottom: .75em;
	padding-top: .75em;
}

ol,
ul
{
	margin-top: .75em;
	margin-bottom: .75em;
}

img
{
	border: none;
}

a.Popup
{
	
}

MadCap|expandingHead
{
	font-style: italic;
	font-weight: normal;
	cursor: hand;
	text-decoration: none;
	color: #006600;
}

MadCap|expandingBody
{
	color: #777777;
	font-style: italic;
}

MadCap|dropDownHotspot
{
	cursor: hand;
	font-style: italic;
	text-decoration: none;
	color: #006600;
}

caption
{
	font-weight: bold;
	text-decoration: underline;
	vertical-align: middle;
	font-size: 12pt;
	border: none;
	background-color: var(--04-warm-white-color);
	padding: 10px;
	color: var(--02-dynamic-black-color);
}


table
{
	width: 85%;
	caption-side: top;
}

td p	/* This resets the margins for paragraphs within a table column so that they inherit the spacing within the table */
{
	margin: 0;
	padding: 0;
}

td p + p	/* This adds space between subsequent paragraphs in a table without adding space above the first pargraph or below the last one. */
{
	padding-top: 1em;
	margin: 0px;
}

td ul + p,
td ol + p	/* These do the same as above, but between a bullet or numbered list and a following paragraph */
{
	Padding-top: 0.5em;
}


.nodecoration
{
	text-decoration: none;
}

MadCap|xref
{
	text-decoration: none;
	mc-format: 'See {b}{paratext}{/b}';
}

/* Paragraph styles for Notes, warnings, examples, etc. */

p.example,
div.example,
div.examples,
p.note,
div.note,
div.notes,
p.tip,
div.tip,
div.tips,
p.warning,
div.warning,
div.warnings
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	overflow: hidden;
	padding: 12px;
	margin-top: 1.25em;
	margin-bottom: 1.25em;
	margin-left: 1em;
	margin-right: 1em;
	display: block;
	line-height: 18pt;
}


p.note
{
	mc-auto-number-format: '{b}Note: {/b}';
	background-color: #e9fff5;
	border: solid 1px var(--03-sedgwick-green-color);
	color: var(--02-dynamic-black-color);
}

p.warning
{
	mc-auto-number-format: '{b}Warning: {/b}';
	border: solid 1px var(--14-status-red-color);
	color: var(--02-dynamic-black-color);
	background-color: #ffefed;
}

p.example
{
	mc-auto-number-format: '{b}Example: {/b}';
	color: var(--02-dynamic-black-color);
	border: solid 1px var(--11-status-green-color);
	background-color: #f1fff9;
}

p.tip
{

	background-color: #fffbea;
	mc-auto-number-format: '{b}Tip: {/b}';
	border: solid 1px var(--12-status-yellow-color);
	color: var(--02-dynamic-black-color);
}

/*Div styles*/

div.note
{
	mc-auto-number-format: '{b}Note: {/b}';
	border: solid 1px var(--03-sedgwick-green-color);
	color: var(--02-dynamic-black-color);
	background-color: #e9fff5;
}

div.warning
{
	mc-auto-number-format: '{b}Warning: {/b}';
	border: solid 1px var(--14-status-red-color);
	color: var(--02-dynamic-black-color);
	background-color: #ffefed;
}

div.example
{
	mc-auto-number-format: '{b}Example: {/b}';
	background-color: #f1fff9;
	border: solid 1px var(--11-status-green-color);
	color: var(--02-dynamic-black-color);
}

div.tip
{
	mc-auto-number-format: '{b}Tip: {/b}';
	background-color: #fffbea;
	border: solid 1px var(--12-status-yellow-color);
	color: var(--02-dynamic-black-color);
}


MadCap|glossaryTerm
{
	color: #191970;
}

MadCap|toggler
{
	mc-closed-image-alt-text: Closed expanding section click to expand;
	mc-open-image-alt-text: Open expanding section click to close;
	color: var(--01-engaged-black-color);

}

MadCap|xref.list_item
{
	mc-format: '{paranumonly}';
}

/* OLD?
p.LOB_WCDS
{
	font-size: 8pt;
	font-weight: bold;
	background-color: #add8e6;
	color: #00008b;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 3px;
	margin: -2px 0px 4px;
	width: 50%;
}

p.UserType
{
	
}

p.LOB_LOA
{
	font-size: 8pt;
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 3px;
	margin: -2px 0px 4px;
	width: 50%;
	background-color: #98fb98;
	color: #006400;
}
*/

p.release_date
{
	margin-top: 0pt;
	margin-bottom: 0pt;
	padding-bottom: 5px;
	padding-top: 5px;
	font-style: italic;
	font-weight: normal;
	font-size: 8pt;
	color: var(--01-engaged-black-color);
}

p.diary
{
	font-style: italic;
	margin-left: 10pt;
}

li
{
	line-height: 1.5em;
	padding-bottom: 5px;
}

body#mc-main-content
{
	padding-left: 25px;
}

@media screen /*Putting these under the screen medium somehow keeps Flare from throwing errors because it doesn't recognize the display:flex or width:fit-content values despite them being valid*/
{
	.flex-container
	{
		display: flex; /*Flare doesn't recognize the flex value for this property but it works*/
	}

	.flex-container > div /*put this here just to keep it with the class above*/
	{
		margin: 10px;
		padding: 20px;
	}

	p.note, p.example, p.warning, p.tip, div.note, div.notes, div.example, div.examples, div.warning, div.warnings, div.tip, div.tips
	{
		width: fit-content;
	}
}