/*<meta />*/

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

@font-face 
{
	font-family: "Open Sans";
	src: url("../Resources/Fonts/OpenSans-Regular.ttf") format("truetype");
}

@font-face 
{
	font-family: "Montserrat";
	src: url("../Resources/Fonts/Montserrat-Bold.ttf") format("truetype");
	font-weight: 700;
}

/*=====================================================
  DESIGN TOKENS / VARIABLES
=====================================================*/

:root
{
	--Primary: #002F70;
	--Secondary: #009DEA;
	--Dark: #002F70;
	--Darkest: #1a2228;
	--Light: #eceef0;
	--Lightest: #ffffff;
	--FontFamily: "Open Sans", Helvetica, Arial, sans-serif;
}

/*=====================================================
  BASE DOCUMENT STYLES
=====================================================*/

body
{
	color: #1a2228;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	padding: 2% 2%;
}

img
{
	max-width: 100%;
	height: auto;
	border: none;
	display: block;
	margin: 1rem 0;
}

/*=====================================================
  HEADINGS
=====================================================*/

h1
{
	color: #002F70;
	font-size: 2.1rem;
	font-weight: bold;
}

h2
{
	color: #002F70;
	font-weight: bold;
	border-bottom: 1px solid #eceef0;
	margin-top: 2em;
	margin-bottom: 0.75em;
	padding-bottom: 0.25em;
	margin-bottom: 0.75em;
}

h3
{
	color: #002F70;
	font-weight: bold;
	border-bottom: 1px solid #eceef0;
	margin-top: 1.5em;
	margin-bottom: 0.6em;
	padding-bottom: 0.2em;
	margin-bottom: 0.6em;
}

/*=====================================================
  PARAGRAPH STYLES
=====================================================*/

p
{
	color: #1a2228;
	font-size: 12pt;
	line-height: 20pt;
	margin: 20px 0;
	letter-spacing: 0.25px;
	widows: 3;
	orphans: 3;
}

/* Table body text */

p.table-text
{
	font-size: 12pt;
}

/* Flare system footer note */

p.created-using-flare
{
	font-size: 9pt;
	line-height: 15pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #1a2228;
}

/* Title page */

p.title
{
	font-size: 55pt;
	line-height: 65pt;
	margin-top: 30px;
}

/*=====================================================
  LINKS
=====================================================*/

a,
a:link,
a:visited
{
	color: #009DEA;
}

a:hover,
a:focus
{
	color: #009DEA;
	text-decoration: underline;
}

a[href$=".pdf"]
{
	color: #009DEA;
	font-weight: 600;
	text-decoration: underline;
	padding-right: 22px;
	background: url('../Images/icon-pdfs.png') no-repeat right center;
	background-size: 16px 16px;
}

/*=====================================================
  CALLOUTS (supports DITA + Flare + new formats)
=====================================================*/

/* Shared base style (ALL variants) */

div.note,
p.note,
div.warning,
p.warning,
div.noteWarning,
div.caution,
p.caution,
div.noteCaution,
div.important,
p.important,
div.noteImportant
{
	padding: 0.75rem 1rem;
	margin: 1rem 0;
}

/* Hide ALL old hardcoded labels */

div.note b,
p.note b,
div.warning b,
p.warning b,
div.noteWarning b,
div.caution b,
p.caution b,
div.noteCaution b,
div.important b,
p.important b,
div.noteImportant b
{
	display: none;
}

/*=====================================================
  NOTE
=====================================================*/

div.note,
p.note
{
	background-color: #eceef0;
	border-left: 4px solid #002F70;
}

div.note::before,
p.note::before
{
	content: "Note: ";
	font-weight: bold;
}

/*=====================================================
  WARNING
=====================================================*/

div.warning,
p.warning,
div.noteWarning
{
	background-color: #fff5ec;
	border-left: 4px solid #D85204;
}

div.warning::before,
p.warning::before,
div.noteWarning::before
{
	content: "Warning: ";
	font-weight: bold;
}

/*=====================================================
  CAUTION
=====================================================*/

div.caution,
p.caution,
div.noteCaution
{
	background-color: #fff8e1;
	border-left: 4px solid #FFB400;
}

div.caution::before,
p.caution::before,
div.noteCaution::before
{
	content: "Caution: ";
	font-weight: bold;
}

/*=====================================================
  IMPORTANT
=====================================================*/

div.important,
p.important,
div.noteImportant
{
	background-color: #eceef0;
	border-left: 4px solid #009DEA;
}

div.important::before,
p.important::before,
div.noteImportant::before
{
	content: "Important: ";
	font-weight: bold;
}

/*=====================================================
  INLINE STYLES
=====================================================*/

span.keyref
{
	background-color: #eaedf1;
	padding: 0 0.2em;
	border-radius: 3px;
}

span.uicontrol
{
	font-weight: bold;
}

/*=====================================================
  LISTS
=====================================================*/

ul,
ol
{
	line-height: 20pt;
	letter-spacing: 0.25px;
}

/* List items */

li
{
	margin: 6px 0;
}

/* Paragraphs inside lists */

li p
{
	margin: 6px 0;
}

/* Nested lists */

ul ul,
ol ol
{
	margin-top: 6px;
}

/* Bullet style */

ul
{
	list-style-type: disc;
}

/*=====================================================
  TABLES
=====================================================*/

table
{
	border-collapse: collapse;
	width: 100%;
}

/* Table header cells */

th
{
	background-color: #002F70;
	color: #ffffff;
	text-align: left;
	padding: 10px;
}

/* Table body cells */

td
{
	padding: 10px;
	vertical-align: top;
}

td p,
th p
{
	margin-top: 0;
	margin-bottom: 0;
}

/* Zebra striping */

tr:nth-child(even) td
{
	background-color: #eceef0;
}

/*=====================================================
  DEFINITION LIST
=====================================================*/

div.dl
{
	display: table;
	width: 100%;
	border-collapse: collapse;
	margin: 1rem 0;
}

/* Row */

div.dlentry
{
	display: table-row;
}

/* Add thin row separators (only between rows) */

div.dlentry + div.dlentry
{
	border-top: 1px solid #eceef0;
}

/* Left column (label) */

span.dt
{
	display: table-cell;
	width: 28%;
	padding: 10px 16px 10px 0;
	font-weight: 600;
	/* slightly stronger than normal */
	color: #1a2228;
	vertical-align: top;
}

/* Right column (description) */

div.dd
{
	display: table-cell;
	padding: 10px 0;
	color: #1a2228;
	vertical-align: top;
}

/* Clean inner spacing */

div.dd p
{
	margin: 0;
}

div.dd ul
{
	margin: 0.4rem 0 0.4rem 1.25rem;
}

/*=====================================================
  NUMBERED LISTS
=====================================================*/

/* Level 1: 1. */

ol
{
	list-style-type: decimal;
}

/* Level 2: a. */

ol ol
{
	list-style-type: lower-alpha;
}

/* Level 3: i. */

ol ol ol
{
	list-style-type: lower-roman;
}

/* Level 4: 1. */

ol ol ol ol
{
	list-style-type: decimal;
}

/* Level 5: a. */

ol ol ol ol ol
{
	list-style-type: lower-alpha;
}

/*=====================================================
  HOME & LAYOUT STRUCTURE (HIDDEN) @exclude
=====================================================*/

div.home-section
{
	padding: 3% 2%;
	border-bottom: 1px solid #eceef0;
}

div.quick-links
{
	margin: auto;
}

div.quick-links *
{
	text-align: center;
	color: #1a2228;
}

/*=====================================================
  PAGE LAYOUT & FLARE PROXIES (HIDDEN) @exclude
=====================================================*/

.page-layout-front-header,
.page-layout-front-logo,
.page-layout-front-main,
.page-layout-front-footer,
.home-footer-logo,
div.GlossaryPageHeading,
div.GlossaryPageTerm,
div.GlossaryPageDefinition,
p.IndexHeading,
p.Index1,
p.Index2,
MadCap|glossaryProxy,
MadCap|indexProxy,
MadCap|tocProxy,
MadCap|breadcrumbsProxy
{
	border-top: none;
}

/*=====================================================
  CODE BLOCKS
=====================================================*/

pre[class^="language-"],
pre[class*=" language-"]
{
	font-family: Consolas, "Courier New", monospace;
	font-size: 0.95rem;
	line-height: 1.5;
	background-color: #eceef0;
	border: 1px solid #d6d6d6;
	border-radius: 6px;
	padding: 1rem 1.25rem;
	margin: 1.25rem 0;
	overflow-x: auto;
	white-space: pre;
}

/* =====================================================
   CODE BLOCK COPY BUTTON
===================================================== */

/* Container wrapper for code blocks (added via JS) */

div.code-container
{
	position: relative;
}

/* Copy button positioned top-right of the code block */

div.code-container button.copy-btn
{
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 4px 12px;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 0.75rem;
	font-weight: bold;
	color: #002F70;
	background-color: #ffffff;
	border: 1px solid #d6d6d6;
	border-radius: 4px;
	cursor: pointer;
	opacity: 0.8;
	transition: opacity 0.2s, background-color 0.2s;
	z-index: 10;
}

div.code-container button.copy-btn:hover
{
	opacity: 1;
	background-color: #f0f4f8;
}

/*=====================================================
  FOOTER PLACEMENT - HTML5 TOPIC OUTPUT ONLY
=====================================================*/

.page-shell
{
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.page-main
{
	flex: 1 0 auto;
}

.page-footer
{
	margin-top: auto;
	width: 100%;
}