/*<meta conditions="process.acl-galvanize-legacy" />*/

/*
 * purpose: Global stylesheet for Galvanize content
 * authors: paulo_amaral, michelle_vinci, ian_alton, lachlan_murray, janine_chan
 * created: 2016-04-06 paulo_amaral
 * updated: 2022-03-11 janine_chan
 */

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

/* *********** */
/* *********** */
/* *********** */
/* web fonts import */
/* *********** */
/* *********** */
/* *********** */

@font-face 
{
	font-family: 'Source Sans Pro';
	src: url('../fonts/source_sans_pro/SourceSansPro-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face 
{
	font-family: 'Source Sans Pro';
	src: url('../fonts/source_sans_pro/SourceSansPro-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face 
{
	font-family: 'Source Sans Pro';
	src: url('../fonts/source_sans_pro/SourceSansPro-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face 
{
	font-family: 'Source Sans Pro';
	src: url('../fonts/source_sans_pro/SourceSansPro-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face 
{
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url("../fonts/fontawesome/webfonts/fa-solid-900.eot");
	src: url("../fonts/fontawesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fontawesome/webfonts/fa-solid-900.woff") format("woff"), url("../fonts/fontawesome/webfonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fontawesome/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa,
.fas
{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

/* *********** */
/* *********** */
/* *********** */
/* CSS that has been refactored and cleaned up */
/* *********** */
/* *********** */
/* *********** */
/*  */
/*  */
/*  */
/* Styles that affect all browser widths */
/*  */
/*  */
/*  */

@media screen
{
	/* Core structural elements */
	/* layout helper classes */

	.float-left
	{
		display: block;
	}

	.float-right
	{
		display: block;
	}

	.center
	{
		text-align: center;
		margin: auto;
	}

	/* Headings */
	/* Paragraphs */
	/* Lists */
	/* Images and icons */
	/* Tables */
	/* Forms */

	input.search-field
	{
		transition: 0.3s;
	}

	input.search-field:focus
	{
		outline: none;
		border-color: #3E95FA;
		box-shadow: 0 0 10px #3E95FA;
	}

	/* Other */

	div#retired-bond-message
	{
		color: #FFFFFF;
		background-color: #0B4CCE;
		text-align: center;
		padding: 5px 0px;
	}

	div#retired-bond-message a
	{
		color: #FFFFFF;
		text-decoration: underline !important;
	}

	div#retired-bond-message a:hover
	{
		color: #FFFFFF;
		text-decoration: none !important;
	}

	div#eol-connector-message
	{
		color: #FFFFFF;
		background-color: #af295e;
		text-align: center;
		padding: 5px 5px;
		margin-bottom: 2.5em;
		border-radius: 4px;
	}

	div#eol-connector-message a
	{
		color: #FFFFFF;
		text-decoration: underline !important;
	}

	div#eol-connector-message a:hover
	{
		color: #FFFFFF;
		text-decoration: none !important;
	}
}

/*  */
/*  */
/*  */
/* styles that affect tablets and larger */
/*  */
/*  */
/*  */

@media screen and (min-width: 768px)
{
	/* Core structural elements */
	/* Layout helper classes */

	.float-left
	{
		float: left;
		margin: 0px 30px 30px 0px;
	}

	.float-right
	{
		float: left;
		margin: 0px 30px 30px 0px;
	}

	.center
	{
		text-align: center;
		margin: auto;
	}

	/* Headings */
	/* Paragraphs */
	/* Lists */
	/* Images and icons */
	/* Tables */
	/* Forms */
	/* Other */
}

/*  */
/*  */
/*  */
/* styles that affect laptops and larger */
/*  */
/*  */
/*  */

@media screen and (min-width: 1024px)
{
	/* Core structural elements */
	/* Layout helper classes */
	/* Headings */
	/* Paragraphs */
	/* Lists */
	/* Images and icons */
	/* Tables */
	/* Forms */
	/* Other */
}

/*  */
/*  */
/*  */
/* styles that affect printed documents only */
/*  */
/*  */
/*  */

@media print
{
	/* Core structural elements */
	/* Layout helper classes */
	/* Headings */
	/* Paragraphs */
	/* Lists */
	/* Images and icons */
	/* Tables */
	/* Forms */
	/* Other */
}

/*  */
/*  */
/*  */
/* styles that affect screen readers only */
/*  */
/*  */
/*  */

@media speech
{
	/* Core structural elements */
	/* Layout helper classes */
	/* Headings */
	/* Paragraphs */
	/* Lists */
	/* Images and icons */
	/* Tables */
	/* Forms */
	/* Other */
}

/* *********** */
/* *********** */
/* *********** */
/* CSS that hasn't yet been refactored and cleaned up */
/* *********** */
/* *********** */
/* *********** */

html
{
	font-size: 18px;
}

body
{
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 1.0em;
	color: rgb(25,25,25);
	line-height: 1.7;
	/* unitless spec as per styling recommendations of MDN: The computed value is the same as the specified <number>. In most cases this is the preferred way to set line-height with no unexpected results in case of inheritance.*/
	margin-left: auto;
	margin-right: auto;
	max-width: 80rem;
	padding-left: 2.25em;
	padding-right: 2.25em;
	letter-spacing: .015em;
}

input
{
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.0em;
}

body.no-search div.nav-search
{
	display: none;
}

body.no-top-nav div.navigation-wrapper,
body.no-top-nav span#product-name
{
	display: none;
}

/* Formatting for correct/incorrect examples */

ul.example-list
{
	list-style-type: none;
}

li.incorrect
{
	text-indent: -1em;
	background-color: #ffe5e3;
	border-radius: 4px;
	padding-left: 0.3em;
}

li.incorrect:before
{
	content: '\f00d';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-style: normal;
	color: red;
	display: inline-block;
	text-decoration: none;
	margin-left: 0.4em;
	margin-right: 0.6em;
}

.incorrect-segment
{
	color: #b30000;
	background-color: #ffffcc;
	border-radius: 4px;
	font-weight: 700;
	padding: 0px 3px;
}

li.correct
{
	text-indent: -1em;
	background-color: #d4ffd8;
	border-radius: 4px;
	padding-left: 0.3em;
}

li.correct:before
{
	content: '\f00c';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-style: normal;
	color: green;
	display: inline-block;
	text-decoration: none;
	width: 0.7em;
	margin-left: 0.3em;
}

.correct-segment
{
	color: #006100;
	background-color: #ffffcc;
	border-radius: 4px;
	font-weight: 700;
	padding: 0px 3px;
}

/* Hide side columns in the search results page */

html.searchTopic div#table-of-contents-container-column,
html.searchTopic div#on-this-page-column
{
	display: none !important;
}

/* Move the search results to the left on the search results page */

html.searchTopic div#body-and-on-page-container
{
	float: left !important;
}

.main-section
{
	overflow-y: unset;
}

div.off-canvas-content
{
	overflow: unset;
}

.off-canvas-wrapper-inner .outer-row
{
	max-width: 80rem;
}

p.pseudo-header
{
	font-size: 1.0em;
	font-weight: 700;
}

/* Keeps the logo aligned vertically with the search bar at larger screen widths. This overrides a weird CSS decision inherited from Flare */

@media only screen and (min-width: 1024px)
{
	a.logo
	{
		margin-top: 10px !important;
	}
}

/* td.pdf-target-only {
	mc-conditions: 'medium.print_only';
} */

img.inline
{
	display: inline;
	vertical-align: middle;
}

img.product-icon
{
	color: #000;
	height: 1.5em;
	width: 1.5em;
	margin-right: 5px;
	vertical-align: middle;
}

a.lightbox-me > img
{
	cursor: zoom-in;
	max-width: 100%;
}

.arrow
{
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 7px;
}

.arrow-up
{
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #fff;
}

.arrow-down
{
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #fff;
}

.arrow-right
{
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 7px solid #fff;
}

.arrow-left
{
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 7px solid #fff;
}

div#universal-nav
{
	/* Width of the universal nav top title bar in relation to the overall page */
	width: 100%;
	/* Background color of the universal nav top title bar */
	background-color: #2F3B4D;
	/* #282E37 */
}

div#universal-nav div.row
{
	/* Controls the width of the content in the universal nav top title bar */
	max-width: 80rem;
	margin: auto;
	padding-left: 25px;
}

/* Styling of the app switcher icon */

div#universal-nav #app-switcher
{
	height: 2em;
	vertical-align: top;
	margin-top: 5px;
	border-radius: 10px;
	padding: 5px;
	background-color: #F3F3F3;
	margin-left: -1em;
	margin-right: 1em;
}

/* Styling of the block containing the app switcher icon */

/*div#universal-nav .app-switcher
{
	padding: 0em 1em;
	display: inline-block;
	margin-right: 1em;
	line-height: 2.5em;
	transition: 0.2s;
    background-color: #bfc9d9;
}

div#universal-nav .app-switcher:hover
{
	background-color: #dfe4ec;
}*/

div#universal-nav span#product-name
{
	color: #ffffff;
	line-height: 2.5em;
}

div#universal-nav-menu
{
	z-index: 1000;
	position: absolute;
	width: 100%;
	margin: 0 auto;
	padding: 1.5em 0;
	background-color: #FFFFFF;
	border-bottom: 1px solid #c1c1c1;
	display: none;
}

div#universal-nav-source-of-truth a,
div#universal-nav-source-of-truth a:visited
{
	text-decoration: none !important;
	/* text-decoration: underline !important; */
	color: #282E37;
	font-weight: 400;
	/* margin-left: -0.5em; */
}

div#universal-nav-source-of-truth a:hover,
div#universal-nav-source-of-truth a:active
{
	text-decoration: underline !important;
	color: #282E37;
	font-weight: 400;
	/* margin-left: -0.5em; */
}

div#universal-nav-menu div.row
{
	max-width: 80rem;
}

p.universal-nav-category
{
	font-weight: 700;
	margin: 0;
	border-bottom: 1px solid #E6E3DF;
	padding-bottom: 10px;
}

ul.universal-nav-list
{
	padding-left: 0;
	margin-bottom: 1.5em;
}

ul.universal-nav-list li
{
	list-style-type: none;
}

ul.universal-nav-list .MCDropDown_Closed
{
	font-weight: normal;
}

ul.universal-nav-list div.version-list
{
	padding-bottom: 15px;
}

@media screen and (max-width: 1023px)
{
	.navtitle
	{
		padding-top: 0px;
	}

	ul.top-half
	{
		margin-bottom: 0 !important;
	}

	ul.bottom-half
	{
		margin-top: 0 !important;
	}
}

@media screen and (min-width: 1024px)
{
	ul.universal-nav-list div.version-list
	{
		padding-bottom: 0px;
	}
}

div.topicToolbarProxy
{
	margin-left: 0px;
}

body.empty-body div.topicToolbarProxy
{
	margin-top: 25px;
}

body.empty-body h1
{
	margin-top: 25px;
}

.message-banner
{
	background-color: #fafafa;
	padding: 0.75rem;
	margin: 1rem 0;
	border-radius: 3px;
}

.edition-banner
{
	background-color: rgba(240,161,23,0.10);
	border: 1px solid rgba(240,161,23,0.20);
	padding: 0.75rem;
	margin: 0px 0px 15px 0px;
	border-radius: 3px;
	display: -webkit-box;
}

.edition-banner img.inline
{
	margin-bottom: 5px;
	/* Offsets the crown icon slightly to ensure its visual weight is better aligned with the premium statement  */
	margin-right: 15px;
}

nav.page-table-contents
{
	word-wrap: break-word;
	margin-bottom: 50px;
}

div#language
{
	margin-bottom: 50px;
}

@media screen and (max-width: 1023px)
{
	div#language
	{
		margin-top: 50px;
	}
}

ul[data-mc-side-menu="True"]
{
	padding-left: 0px;
}

ul[data-mc-side-menu="True"] ul.sub-menu
{
	border: none;
}

span.SearchHighlight
{
	background: #ffff00;
}

#empty-column
{
	min-height: 1px;
}

/* responsive side nav movement */

#on-this-page-container
{
	display: block;
}

#mc-main-content nav.page-table-contents
{
	display: none;
}

@media screen and (max-width: 1023px)
{
	#table-of-contents-container-column ul.menu._Skins_menu_proxy.mc-component,
	#on-this-page-container
	{
		display: none;
	}

	#mc-main-content nav.page-table-contents
	{
		display: block;
		margin: 50px 0 0;
	}

	#toolbar div.topicToolbarProxy
	{
		margin-left: 0px;
		float: left !important;
	}
}

/* end responsive side nav movement */
/* Affects the "On this page" links */

nav.page-table-contents a
{
	text-decoration: none;
}

nav.page-table-contents a:hover
{
	text-decoration: underline;
}

.navtitle
{
	font-size: 1em;
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	margin: 0px auto 15px auto;
}

nav.page-table-contents ul,
div#feedback-was-not-helpful ul
{
	list-style-type: none;
	padding: 0;
	margin: auto;
}

nav.page-table-contents ul li,
div#feedback-was-not-helpful ul li
{
	padding-left: 0;
	margin-bottom: 15px;
	line-height: 1.3;
}

section.release-notes
{
	margin-top: 20px;
	clear: both;
}

section.release-notes h2,
section.release-notes h3
{
	float: left;
	width: 20%;
	margin: 10px 0;
	font-size: 1.125em;
}

section.release-notes ul
{
	float: left;
	list-style: none;
	margin: 0 0 20px 0;
	width: 75%;
}

section.release-notes ul ul
{
	float: none;
	list-style: disc;
}

section.release-notes ul ul li
{
	padding: 5px;
}

section.release-notes ul li
{
	padding: 15px;
	margin-left: 20px;
}

section.release-notes ul li:nth-child(odd)
{
	background-color: #f6f6f9;
}

section.release-notes ul ul li:nth-child(odd)
{
	background-color: transparent;
}

section.release-notes
{
	margin: 20px 0;
	padding: 30px 0;
	border-top: 1px solid #dcdcdc;
}

img.release-icon
{
	vertical-align: middle;
}

/* Heading styles as per corp style guide */
/* size scale based on style guide */

h1,
h2,
h3:not(.title),
h4,
h5,
h6,
.glossaryPageNav,
.GlossaryPageLink,
.GlossaryPageLink:hover,
.GlossaryPageLink:active
{
	font-family: 'Source Sans Pro', verdana, helvetica, arial, sans-serif;
	font-weight: normal;
	margin-bottom: 0px;
	color: rgba(25, 25, 25, .85);
	clear: both;
	/*ACL Marketing style*/
	/*#3F3D3C; GRC style*/
	page-break-after: avoid;
	letter-spacing: normal;
}

h3.title
{
	letter-spacing: normal;
}

/* Spans to highlight which scripting language a page is about */

/* not currently used
h1 span.acl-badge, h1 span.hcl-badge {
	border-radius: 4px;
	font-size: 0.3em;
	font-weight: 700;
	padding: .1em .3em;
	vertical-align: middle;
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 span.acl-badge {
	letter-spacing: 1px;
	background-color: #785cba;
	color: #ffffff;
}

h1 span.hcl-badge {
	background-color: #F0A117;
	color:#000000;
}
*/

/* Pseudo-elements to highlight which scripting language a page is about */

h1.acl-badge::after
{
	content: "ACL";
	letter-spacing: 1px;
	color: #ffffff;
	background-color: #785cba;
	border-radius: 4px;
	font-size: 0.3em;
	font-weight: 700;
	padding: .1em .3em;
	vertical-align: middle;
	margin-left: 0.75em;
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1.hcl-badge::after
{
	content: "HCL";
	color: #000000;
	background-color: #F0A117;
	border-radius: 4px;
	font-size: 0.3em;
	font-weight: 700;
	padding: .1em .3em;
	vertical-align: middle;
	margin-left: 0.75em;
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* overrides the default MadCap Flare styling for the string with the number of returned search results */

h1#results-heading
{
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: rgb(47, 51, 55);
}

/* Custom styling on Flare search result description, beyond what's possible in Flare */

#resultList .description
{
	line-height: 1.35;
}

/* Make micro-content fully visible since, if we've written it, we want it to be used */

div.micro-response
{
	max-height: none !important;
}

/* Turn off the transition effect that is used to indicate expandable microcontent since we show it all */

div.micro-content-expand-transition
{
	display: none !important;
}

/* Turn off the button to expand micro-content */

button.micro-content-expand
{
	display: none !important;
}

div.micro-content div.micro-response
{
	padding: 0px !important;
}

div.micro-content h1
{
	font-size: 2em;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	line-height: 1.3;
}

div.micro-content h2
{
	font-size: 1.5em;
	margin-top: 0px;
	margin-bottom: 15px;
	line-height: 1.3;
}

div.micro-content h3
{
	font-size: 1.2em !important;
	margin-top: 0px;
	margin-bottom: 15px;
	line-height: 1.3;
}

h1
{
	font-size: 3.052rem;
	margin: 0px 0px 24px -4px;
	line-height: 1.3;
}

h1.release-notes,
h1.admin-section,
h1.quick-start,
h1.user-section,
h1.videos,
h1.general-info,
h1.troubleshooting,
h1.scripting,
h1.basic-scripting,
h1.lang-ref
{
	background-repeat: no-repeat;
	background-position: 0%;
	padding-left: 2em;
}

h1.scripting
{
	background-image: url('../../images/background_icons/scripting.png');
}

h1.basic-scripting
{
	background-image: url('../../images/background_icons/basic_scripting.png');
}

h1.lang-ref
{
	background-image: url('../../images/background_icons/lang_ref.png');
}

h1.troubleshooting
{
	background-image: url('../../images/background_icons/troubleshooting.png');
}

h1.general-info
{
	background-image: url('../../images/background_icons/general_info.png');
}

h1.release-notes
{
	background-image: url('../../images/background_icons/release_notes.png');
}

h1.admin-section
{
	background-image: url('../../images/background_icons/admin_section.png');
}

h1.quick-start
{
	background-image: url('../../images/background_icons/quick_start.png');
}

h1.user-section
{
	background-image: url('../../images/background_icons/user_section.png');
}

h1.videos
{
	background-image: url('../../images/background_icons/videos.png');
}

h2,
div.GlossaryPageHeading
{
	font-size: 2.341rem;
	margin-top: 50px;
	margin-bottom: 15px;
	line-height: 1.3;
}

div.GlossaryPageHeading
{
	border: none;
	background-color: #f6f6f9;
	padding: 0.5em;
}

.GlossaryPageHeading_0 a
{
	display: inline-block;
	font-size: 1rem;
	top: -.4em;
	position: relative;
	margin-left: 1.25em;
}

h2.pipar
{
	background-image: url("../../images/background_icons/pipar.png");
	background-repeat: no-repeat;
	padding-left: 2rem;
	background-position: 0% 0.75rem;
}

section.release-notes + h2
{
	clear: both;
}

h2.faq-question
{
	font-size: 1.0em;
	font-weight: 700;
}

h3:not(.title):not(.panel-title)
{
	font-size: 1.830rem;
	margin-bottom: 15px;
	line-height: 1.3;
}

section.release-notes h3
{
	margin-top: 0px !important;
	font-size: 1.5em !important;
}

/* solution guide card styling */

div.card h3
{
	font-size: 1.5rem !important;
}

h4
{
	font-size: 1.5rem;
	margin-top: 30px;
	line-height: 1.5;
	margin-bottom: 15px;
}

h5
{
	font-size: 1.25rem;
	margin-top: 25px;
	margin-bottom: 15px;
}

h6
{
	font-size: 1rem;
	margin-top: 25px;
	font-weight: 700;
}

br
{
	line-height: 2.5rem;
}

div.GlossaryPageTerm
{
	font-weight: 700;
	margin-bottom: .5em;
}

hr
{
	margin: 40px 0;
}

p
{
	margin-top: 0px;
	margin-bottom: 15px;
}

p.small-text
{
	font-size: 0.8em;
}

/* Controls the footer area of the Help site web pages, and the Home page. */

footer
{
	margin: 0 0 0 0;
	background-color: #F3F3F3;
	border-top: 1px solid #c1c1c1;
	clear: both;
	display: block;
	width: 100%;
}

/* Control the width of the content in the footer area */

footer div.row
{
	max-width: 80rem;
	margin: auto;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.GlossaryPageEntry
{
	margin: 2em 0;
	max-width: 70%;
}

.GlossaryPageDefinition
{
	margin-left: 3em;
}

.GlossaryPageLink,
.GlossaryPageLink:hover,
.GlossaryPageLink:active
{
	text-decoration: none;
	font-weight: normal;
	font-size: 1.5em;
	color: #0A1612;
}

MadCap|glossaryProxy,
ul.glossary-list
{
	list-style-type: none;
	cursor: default;
	border: none;
	padding-left: 0;
}

div#madcap-content-area
{
	padding: 20px 0px 40px 0px;
}

div#breadcrumbs-area
{
	padding-top: 20px;
}

div#app-icon-name a,
div#app-icon-name a:visited
{
	text-decoration: none !important;
	color: rgb(25,25,25);
}

div#app-icon-name a:hover,
div#app-icon-name a:active
{
	text-decoration: underline !important;
	color: rgb(25,25,25);
}

div#homepage-content-area
{
	width: 98% !important;
	/* 100% makes the Foundation grid slightly narrower than the other landing page elements above the grid. Slightly narrower is the desired effect. */
	margin: auto;
	/* Centers the entire Foundation grid on the Home page */
}

div#homepage-content-area a,
div#homepage-content-area a:visited
{
	text-decoration: none !important;
	/* text-decoration: underline !important; */
	color: #0B4CCE;
}

div#homepage-content-area a:hover,
div#homepage-content-area a:active
{
	text-decoration: underline !important;
	color: #0B4CCE;
}

.center-text
{
	text-align: center;
}

.right-text
{
	float: right;
}

td.numeric-col,
th.numeric-col
{
	text-align: right;
}

.img-header
{
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1;
}

/* *** CODE RELATED STYLING FOR BOTH ACLSCRIPT AND HIGHBOND COMMAND LANGUAGE *** */
/* Styling for code blocks */

pre
{
	/* Monospace font stack, includes Windows, Mac, and Ubuntu monospace fonts */
	font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, sans-serif;
	border-radius: 3px;
	/* styling for word wrapping code blocks without line breaks */
	white-space: pre-wrap;
	/* css-3 */
	white-space: -moz-pre-wrap;
	/* Mozilla, since 1999 */
	white-space: -pre-wrap;
	/* Opera 4-6 */
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	/*clear: both;*/
	font-size: 1.05em;
	color: #000000;
	padding: 1em;
}

pre.aclscript
{
	border: 1px solid #785cba;
	line-height: 1.75;
	background: rgba(250, 250, 250, 1.0);
	/*font-size: 1.05em;*/
	/*color: #000000;*/
	/*padding: 1em;*/
}

pre.aclscript:hover
{
	background: none;
}

pre.hcl
{
	border: 1px solid #f0a117;
	/*background: #ffffe6;*/
	background: rgba(250, 250, 250, 1.0);
	/*font-size: 1.05em;*/
	/*color: #000000;*/
	/*padding: 1em;*/
}

pre.hcl:hover
{
	background: none;
}

pre.generic
{
	border: 1px solid #c1c1c1;
	background: rgba(250, 250, 250, 1.0);
	/*font-size: 1.05em;*/
	/*color: #000000;*/
	/*padding: 1em;*/
}

pre.generic:hover
{
	background: none;
}

pre.spacebelow
{
	margin-bottom: 2.5em;
}

.varname
{
	font-style: italic;
}

/* apply syntax highlighting to variables in generic ACLScript syntax blocks */

/*
.aclscript .varname
{
	color: #CC0000;
}*/

/*.hcl .varname
{
	color: #df5000;
	color: #006500;
	color: #a71d5d;
}*/

/* syntax highlighting for <pre> elements that works in conjunction with 'syntax_parser.js' javascript */
/* NOTE: syntax highlighting colours meet the WCAG AA or AAA contrast threshold (4.5:1 or 7:1). If you change any of the colours, make sure they continue to meet the threshold, ideally WCAG AAA. */

.acl-cmd,
.acl-func,
.acl-bool,
.acl-tag,
.hcl-meth
{
	font-weight: 700;
}

span.acl-func
{
	color: #CC0000;
}

span.acl-str
{
	color: #ECAD23;
	/* class not currently used, colour does not meet web accessibility threshold */
}

span.acl-cmd
{
	color: #0000FF;
}

span.acl-com
{
	color: #006500;
}

span.acl-key
{
	color: #8300DB;
}

span.acl-bool
{
	color: #1A1A1A;
}

span.acl-tag
{
	color: #006500;
}

span.acl-com span.acl-func,
span.acl-com span.acl-str,
span.acl-com span.acl-cmd,
span.acl-com span.acl-key,
span.acl-com span.acl-tag
{
	color: #006500;
	font-weight: normal;
}

span.acl-cmd span.acl-key
{
	color: #0000FF;
}

span.acl-func span.acl-key
{
	color: #CC0000;
}

span.hcl-meth
{
	/*color: #0000cc;*/
	/*color: #6f42c1;*/
	color: #0000FF;
}

span.hcl-param
{
	color: #B60000;
}

span.hcl-arg
{
	/*color: #a71d5d;*/
	/*color: #981b55;*/
	color: #6600CC;
	/*color: #6f42c1;*/
}

span.hcl-com
{
	color: #006500;
	font-style: italic;
}

span.hcl-com span.hcl-meth,
span.hcl-com span.hcl-param,
span.hcl-com span.hcl-arg
{
	color: #006500;
	font-style: italic;
}

/* Inline code styles */
/* For HCL */

.code-hcl
{
	/* Monospace font stack, includes Windows, Mac, and Ubuntu monospace fonts */
	font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, sans-serif;
	font-size: 1em;
	color: #1a1a1a;
	background: none;
	border: 1px solid #f0a117;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 5px;
}

/* For ACLScript */

.code
{
	/* Monospace font stack, includes Windows, Mac, and Ubuntu monospace fonts */
	font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, sans-serif;
	font-size: 1em;
	color: #1a1a1a;
	background: none;
	border: 1px solid #785cba;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 5px;
}

/* For syntax other than ACLScript or HCL */

.code-generic
{
	/* Monospace font stack, includes Windows, Mac, and Ubuntu monospace fonts */
	font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, sans-serif;
	font-size: 1em;
	color: #1a1a1a;
	background: none;
	border: 1px solid #c1c1c1;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 5px;
}

/* MadCap code snippet styles. */
/* All native Flare elements that start with "MadCap|codeSnippet" are currently not used. The Flare code snippet feature has limitations that prevent us from using it. The syntax highlight colours do not seem to be easily configurable, and in the Python syntax highlighting the light grey comments do not meet the minimum accessibilty threshold for contrast. */
/* However, we have created some hacky styling to make use of the Flare code snippet CopyButton functionality in the Robots scripting and API tutorial. We wanted the Copy button and we wanted our own HCL <pre> styling, so the hack merges those two things together. */
/* The hack will probably break if the HTML is migrated to a tool other than Flare. */

/* MadCap|codeSnippetCopyButton
{
	padding-right: 1em;
	line-height: 1em;
	padding-top: 1em;
	font-size: 1.25em;
}

MadCap|codeSnippetCopyButton.nobutton
{
	display: none; */

/* display: none !important; */
/*}*/

/* MadCap|codeSnippet
{
	background: #fafafa;
	border-radius: 3px;
	padding: 0px;
	margin-bottom: 1em;
	border: 1px solid #f0a117; */

/*font-size: 1.2em;*/
/*}*/

/* MadCap|codeSnippet.spacebelow
{
	margin-bottom: 2em;
} */

/* MadCap|codeSnippetBody
{
	mc-code-lang: Python; */

/* Monospace font stack, includes Windows, Mac, and Ubuntu monospace fonts */

/* font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, sans-serif;
	mc-code-border: none 0px transparent;
	padding: 0px; */

/*line-height: 1.25em;*/

/* color: #1a1a1a;
	font-size: 1.25em;
	line-height: normal;
} */

/* The CSS for the syntax highlighting hack starts here. */
/* The hack is turned off, now that we've implemented Prism.js for syntax highlighting. */
/* However, we're keeping the CSS in case we run into trouble with Prism.js and need to revert to this method. */

/*div.codeSnippet
{
	border: 1px solid #f0a117;
	font-size: 1.05em;
	padding-top: 25px;
	padding-bottom: 12px;
	padding-left: 12px;
	padding-right: 12px;
	background: #ffffe6;
	margin-bottom: 30px;
}

a.codeSnippetCopyButton
{
	font-size: 1.05em;
	font-weight: 700;
	padding: 0.35rem;
	border-radius: 3px;
	background-color: #fafafa;
	border: 1.75px solid #0B4CCE;
	margin: 15px;
	position: sticky;
	left: 100em;*/

/*position: relative;*/
/*left: 500px;*/

/*}

div.codeSnippetBody
{*/

/*border: 1px;*/

/*margin-top: 10px;
}

div.codeSnippetBody pre.hcl
{
	font-size: 1.05em;
	padding: 0px;
	background: none;
	border: 0px;
	padding: 15px;
	/*background: #ffffe6;*/

/*}

div.codeSnippetBody pre code
{*/

/* Monospace font stack, includes Windows, Mac, and Ubuntu monospace fonts */
/*font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, sans-serif;*/
/*font-size: 1em;*/

/*font-size: 1.05em;
	padding: 0px;
	background: none;
	border: 0px;
	line-height: 1.7em;
	padding: 0px;
}*/

/* End of MadCap code snippet styles, and hack styling. */
/* *** END OF CODE RELATED STYLING *** */

.column-left-2 img,
.column-left-3 img,
.column-middle-3 img,
.column-right-2 img,
.column-right-3 img
{
	margin-top: 20px;
}

/* panel styling */

.panel
{
	border: 1px solid #c1c1c1;
	border-radius: 3px;
	margin: 15px 0;
}

.panel-title
{
	margin: 0;
	/*font-weight: normal;*/
}

h3.panel-title
{
	margin: 0;
	font-weight: normal;
	font-size: 1.753em;
}

h4.panel-title
{
	margin: 0;
	font-weight: normal;
	font-size: 1.5em;
}

h5.panel-title
{
	margin: 0;
	font-weight: normal;
	font-size: 1.25em;
}

.panel-heading
{
	padding: 10px 20px;
}

.panel-default .panel-heading
{
	background-color: #F3F3F3;
	border-bottom: #c1c1c1;
}

.panel-body
{
	padding: 10px 20px;
}

/* end panel styling */

video
{
	width: 100% !important;
	height: auto !important;
	max-width: 750px;
	min-width: 200px;
}

ul,
ol
{
	margin-bottom: 15px;
}

@media only screen and (min-width: 1024px)
{
	ul.two-column-list,
	ol.two-column-list
	{
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
        column-gap: 50px;
	}

	ul.three-column-list,
	ol.three-column-list
	{
		columns: 3;
		-webkit-columns: 3;
		-moz-columns: 3;
        column-gap: 50px;
	}
}

ul.homepage-icons li
{
	margin-bottom: 25px;
}

dt
{
	font-weight: 700;
}

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

tr > td > ol
{
	list-style-type: decimal;
}

/* Adds some space above a paragraph tag if it appears within a list item, which they commonly do. This fixes some weird text spacing issues and gives a more natural feel that matches other text spacing. */

li > p:first-of-type
{
	margin-top: 15px;
}

/* hack styling to handle flare import of dita choices element and lists */

div#body-column li ul
{
	margin-top: 15px;
	padding-left: 20px;
}

div#body-column li ol
{
	margin-top: 15px;
	padding-left: 20px;
}

div#body-column li
{
	margin-bottom: 15px;
}

div.toolbar-button-drop-down li
{
	margin-bottom: 0px !important;
	padding: 7px;
}

div#body-column li div.note
{
	margin-top: 15px;
}

div#body-column
{
	padding-right: 50px;
}

ol.unstyled,
ul.unstyled,
.unstyled ol,
.unstyled ul
{
	list-style-type: none;
	padding-left: 0;
}

div.choice
{
	display: list-item;
	list-style-type: circle;
	margin: 0 0 0 20px;
	padding: 0;
}

/* all p tags that are immediate children of class choice */

.choice p:first-of-type
{
	margin: 0;
	padding: 0;
}

/* end of hack styling */
/* Don't italicize asian characters */

html[lang="ja"] .varname,
html[lang="zh-cn"] .varname
{
	font-style: normal !important;
}

html[lang="ja"] i,
html[lang="zh-cn"] i
{
	font-style: normal !important;
}

html[lang="ja"] em,
html[lang="zh-cn"] em
{
	font-style: normal !important;
}

/* End Don't italicize asian characters */

.userinput
{
	/* Monospace font stack, includes Windows, Mac, and Ubuntu monospace fonts */
	font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, sans-serif;
	font-size: 1em;
	color: #000099;
	background-color: #E6F7FF;
	border: 1px solid #66CCFF;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 5px;
}

p.example
{
	color: #546C7F;
	border: solid 1px #BECFDC;
	background-color: #DEE8F0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 14px 20px;
}

/*
p.note
{
    color: #616E14;
    border: solid 1px #BFD62F;
    background-color: #DAE691;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 14px 20px;
}
*/

/* note styles */

div.note,
div.noteImportant,
div.noteCaution,
div.noteTip,
div.important,
div.caution,
div.tip
{
	margin-left: 3px;
	margin-bottom: 15px;
	padding: 2px 15px 3px;
}

li div.note,
li div.noteImportant,
li div.noteCaution,
li div.noteTip,
li div.important,
li div.caution,
li div.tip
{
	margin-top: 15px;
}

div.note
{
	border-left: solid 5px #6790CC;
}

div.noteTip,
div.tip
{
	border-left: solid 5px #3E8914;
}

div.noteImportant,
div.important
{
	border-left: solid 5px #EAA14B;
}

div.noteCaution,
div.caution
{
	border-left: solid 5px #D64933;
}

p.notetitle,
span.notetitle
{
	font-weight: 700;
	line-height: 1.7;
}

/* treat notetitle imported from HelpIQ as if it were marked up correctly to save the re-work */

span.notetitle
{
	display: block;
}

.note p,
.noteImportant p,
.important p,
.noteCaution p,
.caution p,
.noteTip p,
.tip p
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
}

/* Link styles */

a,
a.external-guide,
a.xref,
a.MCXref,
a.codeSnippetCopyButton,
.back-to-top
{
	color: #0B4CCE;
	text-decoration: none;
}

a:visited,
a.external-guide:visited,
a.xref:visited,
a.MCXref:visited,
a.codeSnippetCopyButton:visited
{
	color: #642FCF;
}

a:hover,
a.external-guide:hover,
a.xref:hover,
a.MCXref:hover,
a.codeSnippetCopyButton:hover
{
	text-decoration: underline;
}

/* End link styles */
/* Place an external link icon after external links. Will be overridden by more specific icons indicated below */

body:not(.universal-navigation-body) div.main-section a[href*="//"]:not(.not-external-link):after,
body:not(.universal-navigation-body) footer a[href*="//"]:not(.not-external-link):after,
nav.title-bar a[href*="//"]:not(.not-external-link):after
{
	content: '\f35d';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-style: normal;
	display: inline;
	padding-left: 3px;
	text-decoration: none;
}

/* Place a chevron next to Learn More links */

body:not(.universal-navigation-body) div.main-section a.learn-more:after,
body:not(.universal-navigation-body) footer a.learn-more:after
{
	content: '\f054' !important;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-style: normal;
	display: inline;
	padding-left: 3px;
	text-decoration: none;
}

/* Place an envelope icon next to email links */

body:not(.universal-navigation-body) div.main-section a[href^="mailto:"]:not(.not-external-link):after,
body:not(.universal-navigation-body) footer a[href^="mailto:"]:not(.not-external-link):after,
nav.title-bar a[href^="mailto:"]:not(.not-external-link):after
{
	content: '\f0e0';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-style: normal;
	display: inline;
	padding-left: 3px;
	text-decoration: none;
}

/* Place a telephone icon next to phone links */

body:not(.universal-navigation-body) div.main-section a[href^="tel:"]:not(.not-external-link):after,
body:not(.universal-navigation-body) footer a[href^="tel:"]:not(.not-external-link):after,
nav.title-bar a[href^="tel:"]:not(.not-external-link):after
{
	content: '\f095';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-style: normal;
	display: inline;
	padding-left: 3px;
	text-decoration: none;
}

/* Place a PDF icon next to PDF links */

body:not(.universal-navigation-body) div.main-section a[href$=".pdf"]:not(.not-external-link):after,
body:not(.universal-navigation-body) div.main-section a[href$=".PDF"]:not(.not-external-link):after,
body:not(.universal-navigation-body) footer a[href$=".pdf"]:not(.not-external-link):after,
body:not(.universal-navigation-body) footer a[href$=".PDF"]:not(.not-external-link):after,
nav.title-bar a[href$=".pdf"]:not(.not-external-link):after,
nav.title-bar a[href$=".PDF"]:not(.not-external-link):after
{
	content: '\f1c1';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-weight: normal;
	font-style: normal;
	display: inline;
	padding-left: 3px;
	text-decoration: none;
}

/* Place an excel icon next to xlsx links */

body:not(.universal-navigation-body) div.main-section a[href$=".xlsx"]:not(.not-external-link):after,
body:not(.universal-navigation-body) div.main-section a[href$=".XLSX"]:not(.not-external-link):after,
body:not(.universal-navigation-body) footer a[href$=".xlsx"]:not(.not-external-link):after,
body:not(.universal-navigation-body) footer a[href$=".XLSX"]:not(.not-external-link):after,
nav.title-bar a[href$=".xlsx"]:not(.not-external-link):after,
nav.title-bar a[href$=".XLSX"]:not(.not-external-link):after
{
	content: '\f1c3';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-weight: normal;
	font-style: normal;
	display: inline;
	padding-left: 3px;
	text-decoration: none;
}

/* Place a text icon next to text links */

body:not(.universal-navigation-body) div.main-section a[href$=".txt"]:not(.not-external-link):after,
body:not(.universal-navigation-body) div.main-section a[href$=".TXT"]:not(.not-external-link):after,
body:not(.universal-navigation-body) footer a[href$=".txt"]:not(.not-external-link):after,
body:not(.universal-navigation-body) footer a[href$=".TXT"]:not(.not-external-link):after,
nav.title-bar a[href$=".txt"]:not(.not-external-link):after,
nav.title-bar a[href$=".TXT"]:not(.not-external-link):after
{
	content: '\f15c';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-weight: normal;
	font-style: normal;
	display: inline;
	padding-left: 3px;
	text-decoration: none;
}

/* Place an excel icon next to zip links */

body:not(.universal-navigation-body) div.main-section a[href$=".zip"]:not(.not-external-link):after,
body:not(.universal-navigation-body) div.main-section a[href$=".ZIP"]:not(.not-external-link):after,
body:not(.universal-navigation-body) footer a[href$=".zip"]:not(.not-external-link):after,
body:not(.universal-navigation-body) footer a[href$=".ZIP"]:not(.not-external-link):after,
nav.title-bar a[href$=".zip"]:not(.not-external-link):after,
nav.title-bar a[href$=".ZIP"]:not(.not-external-link):after
{
	content: '\f1c6';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-weight: normal;
	font-style: normal;
	display: inline;
	padding-left: 3px;
	text-decoration: none;
}

/* Affects the lefthand navigation menu on topic pages, the links in the Site Map, and maybe other things. */

ul.menu._Skins_menu_proxy.mc-component li > a:hover
{
	background-color: transparent !important;
	/* color: #294772; */
	text-decoration: underline;
}

/* START modify default MadCap relationship table styling */

p.scriptingHeading_scripting_0
{
	display: none !important;
}

p.user_interfaceHeading_user_interface_0
{
	display: none !important;
}

p.scriptingItem_scripting_0 a:before
{
	content: "Script mode: ";
	font-weight: 700;
	margin-left: -25px;
}

p.user_interfaceItem_user_interface_0 a:before
{
	content: "User interface mode: ";
	font-weight: 700;
	margin-left: -25px;
}

p.scriptingItem_scripting_0 + p.scriptingItem_scripting_0,
p.user_interfaceItem_user_interface_0 + p.user_interfaceItem_user_interface_0
{
	margin-top: -10px;
}

/* END modify default MadCap relationship table styling */
/* START table styling */

table
{
	width: 100%;
	border: none;
	border-collapse: collapse;
	margin-bottom: 15px;
}

/* special class of allow-word-breaks that allow tables with long words in them to break, which will prevent them from spilling out of their parent container */

table.allow-word-breaks
{
	table-layout: fixed !important;
}

table.allow-word-breaks th,
table.allow-word-breaks td
{
	word-wrap: break-word !important;
}

li table
{
	margin-top: 15px;
}

td,
th
{
	padding: 15px;
	border: 1px solid #c1c1c1;
	text-align: left;
	vertical-align: top;
}

/* Prevent the first item in a table cell from inheriting their natural top-margin so there aren't weird spacing issues in table cells */

th > *:first-child,
td > *:first-child
{
	margin-top: 0 !important;
}

/* Prevent the last item in a table cell from inheriting their natural bottom-margin so there aren't weird spacing issues in table cells */

th > *:last-child,
td > *:last-child
{
	margin-bottom: 0 !important;
}

th
{
	color: #595959;
	background-color: #F3F3F3;
}

table tr:hover
{
	background-color: #F3F3F3;
}

/* table list item styling */

td > ul,
td > ol
{
	margin-left: 12px;
	padding-left: 10px;
}

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

td > ol.numbered-list
{
	list-style-type: decimal;
}

/* styling for sortable tables */

table#release-notes-table td:nth-child(1),
table#release-notes-table td:nth-child(2)
{
	white-space: nowrap;
}

.tablesorter-default .header,
.tablesorter-default .tablesorter-header
{
	background-image: url(images/black-unsorted.gif);
	background-position: center right 15px;
	background-repeat: no-repeat;
	cursor: pointer;
	white-space: normal;
}

.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc
{
	background-image: url(images/black-asc.gif);
	border-bottom: #000 2px solid;
}

.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc
{
	background-image: url(images/black-desc.gif);
	border-bottom: #000 2px solid;
}

.tablesorter-default .tablesorter-header-inner
{
	padding-right: 15px;
}

/* hide less important columns from the release notes table at small screen widths */

@media screen and (max-width: 650px)
{
	div.release-notes-section table td:nth-child(1),
	div.release-notes-section table td:nth-child(2),
	div.release-notes-section table th:nth-child(1),
	div.release-notes-section table th:nth-child(2)
	{
		display: none;
	}
}

/* hide less important columns from the release notes table at small screen widths */

@media screen and (max-width: 420)
{
	div.release-notes-section table td:nth-child(1),
	div.release-notes-section table td:nth-child(2),
	div.release-notes-section table td:nth-child(3),
	div.release-notes-section table th:nth-child(1),
	div.release-notes-section table th:nth-child(2),
	div.release-notes-section table th:nth-child(3)
	{
		display: none;
	}
}

/* Hide the SOC 2 compliance column */

@media screen
{
	div.release-notes-section table td:nth-child(5),
	div.release-notes-section table th:nth-child(5)
	{
		display: none;
	}
}

/* custom attribute for lists that are alone in td to achieve consistent alignment with text */

td ul[list-type="table-orphan"],
td ol[list-type="table-orphan"]
{
	margin-top: 0;
	padding-top: 0;
}

/* additional formatting for lists in table cells to achieve consistent alignment with regular text in adjacent cells
the custom attribute above was broken by a MadCap Flare upgrade that started auto-inserting a <p> tag inside each <li> tag */

td ul li:nth-child(1) p,
td ol li:nth-child(1) p
{
	margin-top: 0 !important;
	padding-top: 0 !important;
}

td.risk
{
	background-color: #ffedfe;
}

td.projects
{
	background-color: #e2ffd6;
}

td.results
{
	background-color: #fdff99;
}

td.system-field
{
	background-color: #bfecff;
}

/* END table styling */
/* pseudo 3 col tables */
/* responsive design for mobile */

@media screen and (min-width: 481px)
{
	div.column-left-3
	{
		float: left;
		width: 33%;
	}

	div.column-right-3
	{
		float: right;
		width: 33%;
	}

	div.column-middle-3
	{
		display: inline-block;
		width: 33%;
	}

	/* pseudo 2 col tables */

	div.column-left-2
	{
		float: left;
		width: 48%;
	}

	div.column-right-2
	{
		float: right;
		width: 48%;
	}

	div.column-left-2-narrow
	{
		float: left;
		width: 35%;
	}

	div.column-right-2-narrow
	{
		float: right;
		width: 35%;
	}

	div.column-right-2 + *,
	div.column-right-2-narrow + *
	{
		clear: both;
	}
}

/* list styling */
/* fake dl divs imported from DITA */

.dt
{
	font-weight: 700;
}

.dd > p,
.dd > li
{
	margin-left: 25px;
}

.uicontrol
{
	font-weight: 700;
}

.filepath
{
	/* Monospace font stack, includes Windows, Mac, and Ubuntu monospace fonts */
	font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, sans-serif;
	font-size: 1.05em;
	color: #D3222A;
}

.runin-heading
{
	font-weight: 700;
}

html[lang="ja"] .runin-heading,
html[lang="zh-cn"] .runin-heading
{
	font-weight: normal;
}

/* insert en dash after the term as a delimiter */

.runin-heading::after
{
	font-weight: normal;
	content: " \2013";
}

/* basic nav inline */

.glossary-nav
{
	list-style: none;
	margin-left: 0;
	padding: 0 0 0 .25em;
	font-size: 1.75em;
	margin-top: 2em;
}

.glossary-nav li
{
	display: inline-block;
	margin-right: 1.3em;
	margin-left: 0;
	padding: 0;
}

/* component styling */

input[type=text]
{
	border: solid 1px #c1c1c1;
	border-radius: 3px;
	padding: 5px;
	-webkit-appearance: none;
}

input#search-release-notes
{
	background-image: url('images/search.svg');
	background-position: left 15px center;
	background-repeat: no-repeat;
	width: 100%;
	font-size: 1.25em;
	padding: 15px 15px 15px 50px;
	margin: 15px 0px 30px 0px;
	transition: 0.3s;
}

input#search-release-notes:focus
{
	outline: none;
	border-color: #3E95FA;
	box-shadow: 0 0 10px #3E95FA;
}

/* END component styling */

MadCap|expanding
{
	mc-open-image: url('resources:Images/WebHelp/minus.png');
	mc-closed-image: url('resources:Images/WebHelp/plus.png');
	mc-image-position: left;
}

MadCap|dropDown
{
	mc-open-image: url('resources:Images/WebHelp/minus.png');
	mc-closed-image: url('resources:Images/WebHelp/plus.png');
}

MadCap|toggler
{
	mc-open-image: url('resources:Images/WebHelp/minus.png');
	mc-closed-image: url('resources:Images/WebHelp/plus.png');
	color: inherit;
}

MadCap|popupHead
{
	color: #0B4CCE;
}

MadCap|popupBody
{
	color: #EBEBEB;
	border: none;
	background-color: rgba(0, 0, 0, .85);
	padding: 11px 15px;
}

MadCap|glossaryTerm.Expanding
{
	color: inherit;
	font-weight: inherit;
}

MadCap|glossaryTerm.Hyperlink
{
	color: #0B4CCE;
	font-weight: inherit;
}

MadCap|glossaryTerm.Popup
{
	color: #0B4CCE;
	font-weight: normal;
}

MadCap|conceptLink
{
	color: #000000;
}

MadCap|keywordLink
{
	color: #000000;
}

MadCap|relatedTopics
{
	color: #000000;
}

MadCap|helpControlMenu
{
	color: #707070;
	background-color: #FFFFFF;
	border: none;
}

MadCap|helpControlMenuItem
{
	color: inherit;
	font-size: inherit;
	font-family: inherit;
}

MadCap|helpControlMenuItem.Highlighted
{
	color: #000000;
	background-color: #E5EFF7;
}

/* relationship table styles for AN */

/*
div.related-links-widget
{
	background-color: #f6f6f9;
	width: 75%;
	padding: 1rem;
	border-radius: 3px;
}

div.related-links-widget::before
{
	content: "See also: ";
	color: #53529F;
	font-weight: 700;
} */

div.related-links-widget
{
	margin-bottom: 1.5rem;
}

div.related-links-widget a
{
	padding: 0.75rem 2rem;
	margin-right: 0.5rem;
	border-radius: 3px;
	background-color: #f6f6f9;
	color: #53529F;
	border: 1px solid #d6d6e7;
	font-weight: 700;
}

div.related-links-widget a.active-rel-link
{
	color: grey;
	cursor: default;
}

MadCap|relationshipsProxy
{
	display: block;
	border-top-color: transparent;
	border-top: none 0px transparent;
}

div.MCRelationshipsProxy_0
{
	display: block;
	border-left: 2px solid #0B4CCE;
	border-radius: 0px;
	margin-top: 0px;
	margin-bottom: 35px;
	padding-left: 0px;
	padding-top: 0px;
}

MadCap|relationshipsHeading.how-it-works
{
	mc-label: "How it works";
	font-weight: normal;
	font-size: 1.563em;
}

MadCap|relationshipsHeading.steps
{
	mc-label: "Steps";
	font-weight: normal;
	font-size: 1.563em;
}

MadCap|relationshipsHeading.syntax
{
	mc-label: "Syntax";
	font-weight: normal;
	font-size: 1.563em;
}

MadCap|xref
{
	color: #0B4CCE;
	text-decoration: none;
}

/* release notes link style */

MadCap|xref.learn-more
{
	mc-format: 'Learn\00a0more';
}

MadCap|breadcrumbsProxy
{
	mc-breadcrumbs-count: 10;
	border-bottom-style: none;
	mc-breadcrumbs-prefix: "";
}

MadCap|tocProxy
{
	border-top-color: transparent;
	mc-float: outside-frame-left;
}

div.MCMiniTOCBox_0,
div.minitoc
{
	border: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
}

.MCDropDown_Closed
{
	font-weight: 700;
}

.MCDropDown
{
	margin-bottom: 15px;
}

/* allows tables and other elements to properly render their full widths in dropdowns, even if they don't fit in the dropdown. We assume the content is more important than enforicing the layout of the page arbitrarily. */

.MCDropDownBody
{
	overflow: unset !important;
}

/* tmp L10N link solution for GRC */

#lang-select-wrapper
{
	text-align: right;
	max-width: 50em;
}

#globe-icon-tmp
{
	position: relative;
	top: 8px;
}

#lang-select
{
	border-radius: 2px;
	box-shadow: none;
	padding: 0.3rem;
}

/* end tmp solution */
/* mobile-friendly styling */

@media screen and (max-width: 480px)
{
	body
	{
		margin: 10px;
	}

	div.column-left-3,
	div.column-right-3,
	div.column-middle-3,
	div.column-left-2,
	div.column-right-2,
	div.column-left-2-narrow,
	div.column-right-2-narrow
	{
		width: 90%;
		margin: auto;
		text-align: center;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6
	{
		clear: both;
	}

	h1.release-notes,
	h1.admin-section,
	h1.quick-start,
	h1.user-section,
	h1.videos
	{
		padding-left: 1em;
	}

	div.MCBreadcrumbsBox_0
	{
		text-align: center;
	}

	footer .right-text
	{
		float: none;
		display: block;
	}

	div.GlossaryPageHeading_0
	{
		text-align: center;
	}

	.GlossaryPageHeading_0 a
	{
		margin-top: 1em;
	}

	a.back-to-top
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.GlossaryPageEntry
	{
		margin: 2em 0;
		max-width: 100%;
	}

	.GlossaryPageEntry,
	.GlossaryPageDefinition
	{
		margin-left: 0;
	}

	ul.glossary-nav
	{
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
	}

	.glossary-nav li
	{
		display: inline-block;
		margin-left: 1em;
	}

	/* solution guide card style */

	div.card
	{
		display: block;
		float: none;
		width: 20rem;
		min-height: 21rem;
		margin: 30px 0;
	}
}

p.optional-param
{
	opacity: 0.6;
}

ul.sub-menu,
div.search-filter-content
{
	border: 1px solid #c1c1c1;
	border-radius: 3px;
	background: #FFFFFF;
}

.search-filter-content .mc-dropdown-item,
.search-filter-content ul li
{
	cursor: pointer;
}

ul.navigation
{
	margin-left: -10px;
}

ul.navigation > li,
ul.navigation li:hover
{
	/* remove the default "dropdown" background that Flare applies to all navigation li items since it also appears on menu items that don't have children */
	background-image: none;
}

ul.navigation > li.has-children,
ul.navigation > li.has-children:hover
{
	/* position the dropdown arrow to the right of the menu item */
	background-position: right 10px center;
}

ul.navigation > li.has-children
{
	/* re-add default background for dropdown arrow */
	background-image: url('../../images/global_icons/dropdown-arrow.png');
}

ul.navigation > li.has-children:hover
{
	/* re-add default background for dropdown arrow, hover mode */
	background-image: url('../../images/global_icons/dropdown-arrow-hover.png');
}

ul.navigation > li,
ul.navigation > li:hover
{
	margin-right: 1.5em;
}

ul.navigation ul.sub-menu
{
	margin-left: 15px;
}

ul.navigation li > a
{
	padding: 0px 10px 0px 10px;
	font-size: 18px;
}

ul.navigation li.has-children > a
{
	padding: 0px 35px 0px 10px;
}

ul.navigation ul li
{
	background-image: none;
}

ul.navigation li:hover
{
	border-radius: 3px;
}

ul.navigation li:hover > a
{
	color: white;
}

/* ul.navigation ul.sub-menu > li > a:hover,
div.search-filter-content > ul > li:hover */

ul.navigation ul.sub-menu > li > a:hover
{
	background-color: #455772;
	/* #D3222A RED 2*/
	/* #282E37 GREY 5*/
	/* Hover background color of the top nav dropdown list items */
	color: #FFF;
	/* Hover font color of the top nav dropdown list items */
}

div.search-filter-content > ul > li.selected-filter
{
	background-color: #0B4CCE;
	/* #282E37 GREY 5*/
	/* Background color of selected filter item */
	color: #ffffff;
}

nav.tab-bar
{
	border-bottom: 1px solid #c1c1c1;
	background: #F3F3F3;
	padding: 1.5em 0;
}

._Skins_toolbar.mc-component .button,
._Skins_toolbar_full_page.mc-component .button
{
	margin-bottom: 0.5rem;
	/* controls space between bottom edge of button and top of line that follows */
}

._Skins_toolbar.mc-component .button.select-language-button,
._Skins_toolbar.mc-component .button.glossary-nav-button,
._Skins_toolbar_full_page.mc-component .button.select-language-button,
._Skins_toolbar_full_page.mc-component .button.glossary-nav-button
{
	width: 8rem !important;
}

._Skins_toolbar.mc-component .button.select-language-button > div,
._Skins_toolbar_full_page.mc-component .button.select-language-button > div
{
	margin: 0px 4px !important;
}

@media only screen and (max-width: 650px)
{
	div.topicToolbarProxy
	{
		/*display: none; */
	}

	._Skins_toolbar.mc-component .button.select-language-button,
	._Skins_toolbar_full_page.mc-component .button.select-language-button
	{
		width: 1.5rem;
		background-position: 50%;
	}

	._Skins_toolbar.mc-component .button.print-button,
	._Skins_toolbar_full_page.mc-component .button.print-button
	{
		display: none;
	}

	._Skins_toolbar.mc-component .toolbar-button-drop-down.select-language-drop-down,
	._Skins_toolbar_full_page.mc-component .toolbar-button-drop-down.select-language-drop-down
	{
		left: 200px !important;
	}
}

@media only screen and (max-width: 1279px)
{
	nav.tab-bar .menu-icon
	{
		right: 3px;
	}
}

/* Styles for the tabbed UI */

div.tab /* tab bar */
{
	overflow: hidden;
	border-bottom: 1px solid #c1c1c1;
	background-color: transparent;
	margin-top: 2rem;
	border-radius: 3px 3px 0 0;
    mc-hidden: hidden;
}

/* Style the buttons inside the tab */

div.tab button
{
	background-color: inherit; /* non-active tab buttons */
	float: left;
	border: 1px solid #c1c1c1;
    border-bottom: none !important;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	font-size: 1.125em;
	color: rgb(25,25,25);
	font-family: inherit;
    mc-hidden: hidden;
}


/* Change background color of buttons on hover */

div.tab button:hover
{
	background-color: #f3f3f3;
    mc-hidden: hidden;
}

/* Create an active/current tablink class */

div.tab button.active
{
	background-color: #f3f3f3;
    font-weight: 600;
    mc-hidden: hidden;
}

/* Style the tab content */

.tab-content
{
	display: none;
	padding: 20px 20px;
	border: 1px solid #c1c1c1;
	border-top: none;
	border-radius: 0 0 3px 3px;
    mc-hidden: hidden;
}

span.red-highlight
{
	color: #FF0000;
}

span.blue-highlight
{
	color: #3300ff;
}

span.turquiose-highlight
{
	color: #00ccff;
}

/* LANDING PAGES */
/* Flare 2018 introduced new empty element that screws up our CSS */

div.sidenav-layout
{
	display: block;
}

div.landing-page-banner
{
	position: relative;
	top: -1rem;
	/* controls space between top edge of landing-page-banner and top nav menu */
	background-color: #2F3B4D;
	background-image: url(../../images/diligent-background.svg);
	padding-top: 1.5rem;
	/* controls space between top of Help site name and top edge of landing-page-banner */
	padding-bottom: 0px;
	/* controls space between bottom of landing-page-banner text and bottom edge of landing-page-banner */
	width: 100vw;
	left: calc(-50vw + 50%);
}

div.release-notes-section
{
	position: relative;
	width: 100vw;
	left: calc(-50vw + 50%);
}

div.landing-page-banner form.search
{
	margin: 50px auto;
}

div.landing-page-banner input.search-field
{
	text-indent: 1.5rem;
}

.landing-page-banner-text
{
	color: #fafafa;
}

.landing-page-banner-text a,
.landing-page-banner-text a:hover,
.landing-page-banner-text a:visited
{
	color: #fafafa;
	font-weight: 700;
}

div.landing-page-banner .search-bar._Skins_search_bar.mc-component
{
	max-width: 80rem;
}

.search-submit
{
	transition: 0.3s;
}

div.landing-page-banner div.search-submit
{
	width: 75px !important;
}

a.landing-page-link
{
	color: white;
	text-decoration: none;
	display: inline-block;
	margin: 0 3rem;
	border-bottom: 2px solid white;
	background-image: url(../../images/background_icons/arrow.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 2.5rem;
}

div.landing-page-banner > p
{
	margin-top: 2rem;
	font-size: 1.25rem;
	color: white;
}

div#what-is-this-product
{
	border-radius: 3px;
	background-color: #2F3B4D;
	color: #ffffff;
	padding: 30px;
}

div#what-is-this-product h2
{
	margin-top: 0px;
	color: #ffffff;
}

div#what-is-this-product a,
div#what-is-this-product a:hover
{
	color: #ffffff;
}

div#popular-topics
{
	background-color: #F3F3F3;
	padding: 30px;
	border-radius: 3px;
	border: 1px solid #c1c1c1;
}

div#popular-topics h2
{
	margin-top: 0px;
}

h1.compliance-title
{
	color: black;
}

h1.audit
{
	background-image: url("../../images/solution_guide_icons/h1_audit.png");
	background-repeat: no-repeat;
	padding-left: 3rem;
	background-position: 0 50%;
}

h1.erm
{
	background-image: url("../../images/solution_guide_icons/h1_erm.png");
	background-repeat: no-repeat;
	padding-left: 3rem;
	background-position: 0 50%;
}

h1.compliance
{
	background-image: url("../../images/solution_guide_icons/h1_compliance.png");
	background-repeat: no-repeat;
	padding-left: 3rem;
	background-position: 0 50%;
}

h1.compliance-long
{
	background-image: url("../../images/solution_guide_icons/h1_compliance.png");
	background-repeat: no-repeat;
	padding-left: 3rem;
	background-position: 0 12%;
}

h1.sox
{
	background-image: url("../../images/solution_guide_icons/h1_sox.png");
	background-repeat: no-repeat;
	padding-left: 3rem;
	background-position: 0 50%;
}

h1.cm
{
	background-image: url("../../images/solution_guide_icons/h1_cm.png");
	background-repeat: no-repeat;
	padding-left: 3rem;
	background-position: 0 50%;
}

h1.vrm
{
	background-image: url("../../images/solution_guide_icons/h1_vrm.png");
	background-repeat: no-repeat;
	padding-left: 3rem;
	background-position: 0 50%;
}

h2.audit
{
	background-image: url("../../images/solution_guide_icons/h2_audit.png");
	background-repeat: no-repeat;
	padding-left: 2rem;
	background-position: 0 50%;
}

h2.erm
{
	background-image: url("../../images/solution_guide_icons/h2_erm.png");
	background-repeat: no-repeat;
	padding-left: 2rem;
	background-position: 0 50%;
}

h2.compliance
{
	background-image: url("../../images/solution_guide_icons/h2_compliance.png");
	background-repeat: no-repeat;
	padding-left: 2rem;
	background-position: 0 50%;
}

h2.sox
{
	background-image: url("../../images/solution_guide_icons/h2_sox.png");
	background-repeat: no-repeat;
	padding-left: 2rem;
	background-position: 0 50%;
}

h2.cm
{
	background-image: url("../../images/solution_guide_icons/h2_cm.png");
	background-repeat: no-repeat;
	padding-left: 2rem;
	background-position: 0 50%;
}

h2.vrm
{
	background-image: url("../../images/solution_guide_icons/h2_vrm.png");
	background-repeat: no-repeat;
	padding-left: 2rem;
	background-position: 0 50%;
}

/* End of banner styling for each set of solution guides */
/* Card headers */

div.get-started-card-header
{
	height: 2rem;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-color: #785cba;
}

div.quick-start-card-header
{
	height: 2rem;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-color: #f0a117;
}

div.tutorial-card-header
{
	height: 2rem;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-color: #2e143d;
}

div.audit-card-header
{
	height: 2rem;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-color: #2666AB;
}

div.erm-card-header
{
	height: 2rem;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-color: #42996D;
}

div.compliance-card-header
{
	height: 2rem;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-color: #EABA51;
}

div.sox-card-header
{
	height: 2rem;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-color: #D3222A;
}

div.cm-card-header
{
	height: 2rem;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-color: #2e143d;
}

div.vrm-card-header
{
	height: 2rem;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-color: #ff7f00;
}

div.itrm-card-header
{
	height: 2rem;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-color: #b9668f;
}

div.esg-card-header
{
	height: 2rem;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-color: #23523a;
}

/* Card styling */
/* Ensures content in cards is not displayed as a link */

div.cards a
{
	color: rgb(47, 51, 55);
}

/* Hover card properties */

div.card:hover
{
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
	cursor: pointer;
}

/* Cards 1-7 properties */

div.card
{
	min-height: 21rem;
	width: 100%;
	float: left;
	border-radius: 4px;
	margin-left: 0;
	margin-right: 1rem;
	margin-bottom: 2rem;
	box-shadow: 0 3px 3px rgba(0,0,0,0.15);
	transition: all 0.1s ease-in-out;
}

div.card-content
{
	padding: 1rem;
	text-align: center;
	margin-top: 17px;
}

div.card-content p
{
	margin-left: 0 !important;
	margin-top: 0px;
	margin-bottom: -15px;
}

/* End of solution guides card properties */
/* Intro statement styling */

div.introduction-statement
{
	margin-top: 7rem;
}

.lead
{
	font-size: 1.4em;
	margin-bottom: 36px;
	line-height: 1.4;
	letter-spacing: normal;
	font-weight: 300;
}

.homepage-text
{
	font-size: 1.4em;
	margin-bottom: 36px;
	font-weight: normal;
	line-height: 1.4;
	letter-spacing: normal;
}

/* end intro statement styling */
/* End of benefits section styling */

div.product-access
{
	position: relative;
	float: left;
	max-width: 40%;
	top: 5rem;
	padding: 1.67rem;
	margin-top: 1rem;
	background-color: #fafafa;
	background-image: url(../../images/background_icons/quick_start.png);
	background-repeat: no-repeat;
	background-position: 85% 25%;
	background-size: 18%;
}

div.product-access p:first-of-type
{
	width: 66%;
}

div.return-home
{
	position: relative;
	float: left;
	max-width: 60%;
	top: 5rem;
	left: 3rem;
	background-color: #fafafa;
	padding: 0.75rem 1.67rem;
	margin-top: 1rem;
}

div.return-home > h2
{
	font-size: 1.25rem;
	margin: 10px 0;
}

div.return-home + div
{
	clear: both;
	margin-bottom: 8rem;
}

.app-button
{
	border: 1px solid #c1c1c1;
	background-color: white;
	padding: 0.25rem 0.5rem;
	display: inline-block;
}

.popular-topic
{
	border-top: 1px solid #c1c1c1;
	margin-top: 2.5rem;
	padding-top: 1.5rem;
}

.popular-topic a
{
	font-size: 1.25rem;
}

.search-filter-wrapper
{
	letter-spacing: 0em;
}

.search-filter:hover
{
	background-position: center !important;
}

@media screen and (max-width: 1175px)
{
	div.card
	{
		border-radius: 4px;
		margin: 1rem;
		box-shadow: 0 3px 3px rgba(0,0,0,0.15);
		transition: all 0.1s ease-in-out;
		display: inline-block;
	}

	div.two-cards
	{
		display: block;
		width: 640px;
		height: 20rem;
		margin: 0 auto;
	}

	h2
	{
		text-align: left;
	}

	a.landing-page-link
	{
		display: table;
		margin-left: auto;
		margin-right: auto;
	}

	div.return-home,
	div.product-access
	{
		float: none;
		position: static;
		margin-left: auto;
		margin-right: auto;
		max-width: 80%;
	}

	div.product-access
	{
		margin-top: 8rem;
	}
}

@media screen and (max-width: 657px)
{
	div.card
	{
		display: inline-block;
		float: none;
	}

	div.two-cards
	{
		display: block;
		width: 18rem;
		height: auto;
		margin: 0 auto;
	}

	h2
	{
		text-align: left;
	}

	div.landing-page-banner .search-bar._Skins_search_bar.mc-component
	{
		max-width: 95%;
	}
}

p.spaceabove
{
	margin-top: 2.5em;
}

svg.homepage-icon
{
	padding: 8px;
	border-radius: 6px;
	width: 2em;
	height: 2em;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

svg.homepage-icon-black
{
	background-color: #f0f0f0;
	color: #575757;
}

svg.homepage-icon-purple
{
	background-color: #f6f0fa;
	color: #853ab1;
}

svg.homepage-icon-blue
{
	background-color: #e5f1fe;
	color: #0063c5;
}

svg.homepage-icon-green
{
	background-color: #e7f3ed;
	color: #42996d;
}

div.risk-reg-card-header
{
	height: 2rem;
	background-color: #b0e0e6;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}