/*<meta />*/

@import url('header-menu.css');

@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;
}

/*=====================================================
  SEARCH BAR
=====================================================*/

/* Search input base */

input.gsc-input,
.gsc-input-box input[type="search"]
{
	appearance: none;
	-webkit-appearance: none;
	height: 36px !important;
	line-height: 36px !important;
	margin: 0 !important;
	padding: 0 12px !important;
	font-size: 14px !important;
	background: transparent !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}

/* Google wrapper */

.gsc-input-box,
.gsc-input-box-hover,
.gsc-input-box-focus
{
	border: 1px solid #cfd6dc !important;
	box-shadow: none !important;
	background: #fff !important;
	border-radius: 24px !important;
}

/* Remove odd nested focus effects */

.gsc-control-cse input:focus,
.gsc-control-cse .gsc-input-box-focus,
.gsc-control-cse .gsib_a,
.gsc-control-cse .gstl_50
{
	outline: none !important;
	box-shadow: none !important;
}

/* Keep your custom focus state */

.gsc-input-box:focus-within
{
	border-color: #4b89dc !important;
	box-shadow: 0 0 0 2px rgba(75, 137, 220, 0.15) !important;
}

/* Hide only extra Google clear-button wrapper if needed */

.gsc-clear-button,
td.gsc-clear-button
{
	display: none !important;
	width: 0 !important;
	min-width: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
}

/* Remove stray spacing */

.gsc-search-box td,
.gsc-search-box table,
.gsib_b
{
	border: 0 !important;
}

td.gsc-input
{
	padding-right: 0 !important;
}

/*=====================================================
  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;
}

/*=====================================================
  PAGE LAYOUT
=====================================================*/

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

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

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

/* Main topic and On This Page layout */

.topic-page-layout
{
	display: grid;
	grid-template-columns: minmax(0, 1fr) 250px;
	column-gap: 40px;
	align-items: start;
}

.topic-content
{
	min-width: 0;
}

.topic-headings-nav
{
	position: sticky;
	top: 30px;
	align-self: start;
	width: auto;
	margin: 0;
	padding: 0 0 0 20px;
	border-left: 1px solid #d9dfe7;
}

.topic-headings-title
{
	margin: 0 0 12px;
	color: #002F70;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}

/*=====================================================
  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;
}

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

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

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

/* 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;
}

/*=====================================================
  BACK TO TOP BUTTON
=====================================================*/

button#backToTopBtn
{
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	font-weight: bold;
	border: none;
	outline: none;
	color: #fff;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
	background-color: #002F70;
	background-position: center;
	background-repeat: no-repeat;
}

/*=====================================================
  HEADING BOOKMARK STYLES
=====================================================*/

.bookmark-hotspot
{
	position: relative;
}

.bookmark-hotspot:hover a.heading-link
{
	opacity: 1;
	display: inline-block;
	background-image: url('../Images/FlareUI-Assets/bookmark.svg');
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	width: 20px;
	height: 20px;
}

a.heading-link
{
	display: none;
	text-decoration: none;
	letter-spacing: 1px;
	position: relative;
	opacity: 0;
}

div#anchor-icon
{
	display: inline;
}

.bookmark-hotspot.active:after
{
	font-size: 10px;
	margin-left: 10px;
	padding: 5px;
	content: 'Copied!';
	background-color: #002F70;
	color: #fff;
	border-radius: 5px;
	position: absolute;
	top: -20px;
	left: -20px;
}

h1#results-heading
{
	cursor: auto;
}

h1#results-heading:active:after
{
	display: none;
}

/*=====================================================
  CALLOUTS
=====================================================*/

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;
}

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;
}

li
{
	margin: 6px 0;
}

li p
{
	margin: 6px 0;
}

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

ul
{
	list-style-type: disc;
}

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

ol
{
	list-style-type: decimal;
}

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

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

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

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

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

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

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

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

td p,
th p
{
	margin: 0;
}

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

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

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

div.dlentry
{
	display: table-row;
}

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

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

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

div.dd p
{
	margin: 0;
}

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

/*=====================================================
  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 wrapper */

div.code-container
{
	position: relative;
}

/* Copy button */

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;
}

/* ==========================================
   ON THIS PAGE / TOPIC HEADINGS NAV
   ========================================== */

.topic-headings-nav
{
	position: sticky;
	top: 120px;
	align-self: flex-start;
	width: 260px;
	padding-left: 24px;
	border-left: 1px solid #d9d9d9;
}

.topic-headings-title
{
	margin: 0 0 12px 0;
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	color: #002F70;
}

/* Reset the MadCap menu inside the side nav */

.topic-headings-nav ul._Skins_Header_Menu,
.topic-headings-nav ul._Skins_Header_Menu ul,
.topic-headings-nav ul._Skins_Header_Menu li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Force all nested levels to behave like a plain document outline,
   not like hover/dropdown navigation */

.topic-headings-nav ul._Skins_Header_Menu ul
{
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: static !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	float: none !important;
	width: auto !important;
	min-width: 0 !important;
	height: auto !important;
	max-height: none !important;
	overflow: visible !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

/* Base styling for every link in the On This Page tree */

.topic-headings-nav ul._Skins_Header_Menu a
{
	display: block !important;
	background: transparent !important;
	background-color: transparent !important;
	color: #002F70 !important;
	text-decoration: none !important;
	border: none !important;
	box-shadow: none !important;
	white-space: normal !important;
	word-break: break-word !important;
}

/* H1/top level */

.topic-headings-nav ul._Skins_Header_Menu > li > a
{
	padding: 6px 0 6px 0 !important;
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 600 !important;
}

/* H2 level */

.topic-headings-nav ul._Skins_Header_Menu > li > ul > li > a
{
	padding: 4px 0 4px 14px !important;
	font-size: 13px !important;
	line-height: 18px !important;
	font-weight: 400 !important;
}

/* H3 level */

.topic-headings-nav ul._Skins_Header_Menu > li > ul > li > ul > li > a
{
	padding: 4px 0 4px 28px !important;
	font-size: 13px !important;
	line-height: 18px !important;
	font-weight: 400 !important;
}

/* If there are deeper levels, keep them readable too */

.topic-headings-nav ul._Skins_Header_Menu > li > ul > li > ul > li > ul > li > a
{
	padding: 4px 0 4px 42px !important;
	font-size: 13px !important;
	line-height: 18px !important;
	font-weight: 400 !important;
}

/* Hover should not change layout or reveal hidden default menu behavior */

.topic-headings-nav ul._Skins_Header_Menu a:hover
{
	background: transparent !important;
	background-color: transparent !important;
	color: #002F70 !important;
	text-decoration: underline !important;
}

/* Selected/current item */

.topic-headings-nav ul._Skins_Header_Menu .selected > a,
.topic-headings-nav ul._Skins_Header_Menu a.selected
{
	color: #002F70 !important;
	font-weight: 700 !important;
	background: transparent !important;
	background-color: transparent !important;
}

/* Preserve indentation for selected items by level */

.topic-headings-nav ul._Skins_Header_Menu > li.selected > a,
.topic-headings-nav ul._Skins_Header_Menu > li > a.selected
{
	padding-left: 0 !important;
}

.topic-headings-nav ul._Skins_Header_Menu > li > ul > li.selected > a,
.topic-headings-nav ul._Skins_Header_Menu > li > ul > li > a.selected
{
	padding-left: 14px !important;
}

.topic-headings-nav ul._Skins_Header_Menu > li > ul > li > ul > li.selected > a,
.topic-headings-nav ul._Skins_Header_Menu > li > ul > li > ul > li > a.selected
{
	padding-left: 28px !important;
}

.topic-headings-nav ul._Skins_Header_Menu > li > ul > li > ul > li > ul > li.selected > a,
.topic-headings-nav ul._Skins_Header_Menu > li > ul > li > ul > li > ul > li > a.selected
{
	padding-left: 42px !important;
}

/* ==========================================
   LAST UPDATED DATE AND READING TIME CONTAINER
   ========================================== */

.last-updated
{
	margin: 8px 0 12px 0;
	font-size: 14px;
	line-height: 20px;
	color: #1a2228;
}

.reading-time-container
{
	margin: 8px 0 24px 0;
}

.reading-time-container p
{
	margin: 0;
	font-size: 14px;
	line-height: 20px;
	color: #1a2228;
}

.reading-time-img
{
	display: inline-block;
	vertical-align: middle;
	margin: 0 6px 0 0;
	width: 16px;
	height: 16px;
}

#read-time
{
	font-weight: 600;
}

.topic-meta-row
{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 0.5rem;
	color: #5f6b7a;
	font-size: 0.95rem;
	line-height: 1.4;
}

.topic-meta-row .last-updated,
.topic-meta-row .reading-time-container
{
	margin: 0;
}

.topic-meta-row .last-updated
{
	display: inline;
}

.topic-meta-row .reading-time-container
{
	display: inline-flex;
	align-items: center;
}

.topic-meta-row .reading-time-container p
{
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	margin: 0;
}

.topic-meta-separator
{
	display: inline-block;
	margin: 0 0.5rem;
	color: #8a94a6;
}

.topic-meta-divider
{
	border-top: 1px solid #d9dfe8;
	margin: 0.75rem 0 1.5rem;
}

.reading-time-img
{
	width: 14px;
	height: 14px;
	display: inline-block;
}