/*<meta />*/

/*
 * purpose: Global stylesheet for Diligent Help content
 * authors: paulo_amaral, michelle_vinci, ian_alton, lachlan_murray, janine_chan
 * created: 2016-04-06 paulo_amaral
 * updated: 2024-11-27 lachlan_murray
 */

@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-SemiBold.ttf') format('truetype');
	font-weight: 600;
	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");
}

/*@font-face 
{
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url("../fonts/fontawesome/webfonts/fa-regular-400.eot");
	src: url("../fonts/fontawesome/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fontawesome/webfonts/fa-regular-400.woff") format("woff"), url("../fonts/fontawesome/webfonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fontawesome/webfonts/fa-regular-400.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
	{
		margin: auto;
        width: 100%;
        color: #FFFFFF;
		background-color: #0B4CCE;
		text-align: center;
		padding-top: 5px;
        padding-bottom: 5px;
	}

	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;
	/* These padding specifications no longer appear to do anything */
	padding-left: 2.25em;
	padding-right: 2.25em;
	letter-spacing: .015em;
}

/* Similar to "body", this selector captures everything on a Help site web page. Some settings, such as padding, work on this selector but not on "body". */
/*div.off-canvas-wrapper
{
    border: 1px solid turquoise;
}*/

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;
    mc-hidden: hidden;
}

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

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

/* Left-right spacing for search results in Flare default search results page */
div#search-results
{
    max-width: 80rem;
    margin: auto;
    padding-left: 10px;
    padding-right: 10px;
}

/* Left-right spacing for search results in custom D1P search results page */
div#search-results._Skins_search_results
{
    max-width: 80rem;
    margin: auto;
    margin-left: -10px;
    margin-right: -10px;
}

/* Left-right spacing for search results in custom Boards search results page */
div#search-results._Skins_search_results_boards
{
    max-width: 80rem;
    margin: auto;
    margin-left: -10px;
    margin-right: -10px;
}

.main-section
{
	overflow-y: unset;
    border-top: 1px solid #A0A2A5;
    mc-hidden: hidden;
}

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


/* prevents subsequent style rule (ul.sub-menu > li.has-children > a:hover) from applying where not wanted  */
#table-of-contents-container-column > ul > li > ul > li.has-children > a:hover
{
    color: rgb(25,25,25) !important;
    mc-hidden: hidden;
}

/* Controls the width of the body area of each web page in a Help site, including the left-side contents, and the right-side Page options, On this page, and Is this page helpful? sections. Controls the width of the body area of the Home page. Does not control the width of the header or footer areas, or the landing page banner area on the Home page. Has no effect at all on any part of the Release Notes page. Includes the breadcrumb and the Top button at the bottom of the page.*/
/* Also see "div#madcap-content-area", which is similar. */
/* Constrains landing-page-banner with the banner uses width=100% */
.off-canvas-wrapper-inner .outer-row
{
	max-width: 80rem;
    mc-hidden: hidden;
}

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%;
    mc-hidden: hidden;
}

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

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

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

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

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

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: #282E37;
    /*border: 1px solid deeppink;*/
    vertical-align: middle !important;
    /* Controls padding inside the entire universal nav top title bar */
    /*padding: 5px;*/
    padding-top: 3px;
    /*padding-bottom: 5px;*/
    padding-bottom: 2px;
    mc-hidden: hidden;
}

/* Controls the container holding a button in the universal nav top title bar */
div#universal-nav > div > div > div > div.button-group-container-left
{
    /*padding-top: 5px;*/ /*work*/
    /*padding-bottom: -5px !important;*/ /*works to add padding but not subtract*/
    /*border: 1px solid orange;*/
    vertical-align: middle !important;
    mc-hidden: hidden;
}

/*div#universal-nav > div > div > div > div > button
{
    height: 15 px !important;
}*/


/* Controls a button in the universal nav top title bar */
div#universal-nav > div > div > div > div.button-group-container-left > button
{
    /*height: 20px !important;*/ /*works*/
    vertical-align: middle !important;
    /*border: 1px solid blue;*/
    /*margin-top: -2px;*/ /*works*/
    margin-top: 3px;
    margin-bottom: 0px; /*works*/
    height: 15px;
    padding-top: 0px;
    padding-bottom: 10px;
    mc-hidden: hidden;
    /*padding-bottom: 15px;*/
}

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;
    mc-hidden: hidden;
    /*padding-top: 0px !important;*/ /*works to add but not subtract*/
    /*border: 1px solid green;*/
    /*padding-bottom: -5px !important;*/
}

div#universal-nav > div > div > div > div.button-group-container-left > button > div > span.button-text
{
    padding-top: 2px;
    mc-hidden: hidden;
    /*margin-bottom: 3px;*/
    /*color: green; */
}

/* Affects the icon */
/*div#universal-nav > div > div > div > div > button > div > div
{
    color: green;
    background: orange;
}*/

/* Affects the icon */
#universal-nav > div > div > div > div > button > div > div > div
{
    /*background: deeppink;*/ /*works*/
}

/* Affects the button styling */
#universal-nav > div > div > div > div > button
{
    /*margin-top: 3px !important;*/ /*works -- but set at the uni nav level rather than at this lower level */
    line-height: 2em !important; /* works to shift text vertically in the button */
    mc-hidden: hidden;
    /*background: yellow;*/ /*works*/
}


/* Affects the icon and the text together */
/*div#universal-nav > div > div > div > div > button
{
    color: blue;
    padding-top: 4px !important;
}*/

/* Styling of the app switcher icon */
div#universal-nav #app-switcher
{
	height: 1.75em;
	vertical-align: middle !important; /*works*/
	/*margin-top: -5px;*/
    /*margin-bottom: 0px;*/
    border-radius: 10px;
    padding: 3px;
    background-color: #F3F3F3;
    margin-left: -1em;
    margin-right: 1em;
    mc-hidden: hidden;
    /*border: 1px solid deeppink;*/
}

/*div#universal-nav #app-switcher:hover
{
	box-shadow: 0 10px 15px rgba(255,255,255,0.5);
	cursor: pointer;
}*/

/* Styling of the block containing the app switcher icon */
/* May no longer be needed? */
/* div#universal-nav .app-switcher
{ */
	/* padding: 0em 1em; */
    /* padding: 0em; */
	/* display: inline-block; */
	/* margin-right: 1em; */
    /* margin-left: 25px; */
	/* line-height: 2.5em; */
	/* transition: 0.2s; */
	/* background-color: #282E37; */
/* } */

/* May no longer be needed? */
/* div#universal-nav .app-switcher:hover
{
	background-color: #282E37;
} */

div#universal-nav span#product-name
{
	color: #FFFFFF;
	/*line-height: 2.5em;*/
    /*vertical-align: middle !important;*/ /*No affect?*/
    /*margin: 0px !important;*/ /*left has affect, but not top and bottom*/
    margin-top: 2px;
    /*border: 1px solid deeppink;*/
    vertical-align: middle !important;
    mc-hidden: hidden;
}

/* Previous method of presenting language links in the universal nav bar -- no longer used */
/* #universal-nav > div > div > div.language-code */
/*{
	color: #FFFFFF;*/
	/*line-height: 2.5em;*/
    /*vertical-align: middle !important;*/ /*No affect?*/
    /*margin: 0px !important;*/ /*left has affect, but not top and bottom*/
    /*margin-top: 2px;*/
    /*border: 1px solid deeppink;*/
    /*margin-top: -28px;
    margin-right: 10px;
    font-size: 0.85em;
    vertical-align: middle !important;
    text-align: right;
}*/

/*#universal-nav > div > div > div.language-code a,
#universal-nav > div > div > div.language-code a:visited
{
	text-decoration: none !important;
	color: #FFFFFF;
}*/

/*#universal-nav > div > div > div.language-code a:hover,
#universal-nav > div > div > div.language-code a:active
{
	text-decoration: underline !important;
	color: #FFFFFF;
}*/

/* *** CHANGE LANGUAGE DROPDOWN MENU ON UNIVERSAL NAV BAR *** */

/* Dropdown Button */
.language-dropbtn
{
    background-color: #282E37;
    margin-top: -10px;
    margin-right: 15px;
    margin-bottom: 0px;
    vertical-align: middle;
    /*border: 1px solid deeppink;*/
    /*color: white;*/
    padding: 8px;
    border: none;
    mc-hidden: hidden;
}

/* The container <div> - needed to position the dropdown content */
.language-dropdown
{
    position: relative;
    display: inline-block;
    float: right;
    mc-hidden: hidden;
    /*border: 1px solid green;*/
}

/* Dropdown Content (Hidden by Default) */
.language-dropdown-content
{
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    min-width: 200px;
    margin-top: 0px;
    padding: 0.50em;
    /*float: right !important;*/
    /*margin-top: 1px;*/
    line-height: 0.80em;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1001;
    right: 0;
    border: 1px solid #A0A2A5;
    border-radius: 3px;
    mc-hidden: hidden;
}

/* Links inside the dropdown */
.language-dropdown-content a,
.language-dropdown-content a:visited
{
    color: rgb(25,25,25);
    padding: 12px 12px;
    text-decoration: none;
    display: block;
    mc-hidden: hidden;
}

/* Change color of dropdown links on hover */
.language-dropdown-content a:hover,
.language-dropdown-content a:active
{
    background-color: #282E37;
    color: #FFFFFF;
    text-decoration: none;
    mc-hidden: hidden;
}

/* Show the dropdown menu on hover */
.language-dropdown:hover .language-dropdown-content
{
    display: block;
    mc-hidden: hidden;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.language-dropdown:hover .language-dropbtn
{
    background-color: #D3222A;
    mc-hidden: hidden;
}

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 #A0A2A5;
	display: none;
    mc-hidden: hidden;
}

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;
    mc-hidden: hidden;    
    /* 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;
    mc-hidden: hidden;
    /* margin-left: -0.5em; */
}

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

p.universal-nav-category
{
	font-weight: 700;
	margin: 0;
	border-bottom: 1px dashed #EE312E;
	padding-bottom: 10px;
    mc-hidden: hidden;
}

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

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

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

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

@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;
    mc-hidden: hidden;
}

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

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

.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;
	padding-left: 0px !important;
	padding-right: 0px !important;
    mc-hidden: hidden;
}

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

/* Controls the color of the highlighted text after a search */
span.SearchHighlight
{
	background: #ffff00;
    mc-hidden: hidden;
}

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

/* responsive side nav movement */

/* Controls the "On this page" block of links on each Help page */
#on-this-page-container
{
	display: block;
    padding: 0px;
    mc-hidden: hidden;
}

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

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

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

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

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

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

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

/* Controls the titles of the Page options, On this page, and Is this page helpful? sections */
.navtitle
{
	font-size: 1em;
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
    margin: 20px auto 15px auto;
    mc-hidden: hidden;
}

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

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

/* Styling for Power Automate Submit Feedback button */

.feedback-button
{
    background-color: #47acce;
    color: rgb(7, 7, 7);
    border: none;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 12px;
}

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

h1,
h2,
h3:not(.title),
h4,
h5,
h6,
.glossaryPageNav,
.GlossaryPageLink,
.GlossaryPageLink:hover,
.GlossaryPageLink:active
{
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin-bottom: 0px;
	color: rgba(25, 25, 25, .85);
	clear: both;
	page-break-after: avoid;
	letter-spacing: normal;
}

h1#app-landing-page
{
	
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 3.052rem;
	color: #FFFFFF;
	letter-spacing: normal;	
	margin: 0px 0px 24px -4px;
	line-height: 1.3;
    mc-hidden: hidden;
}

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);
    mc-hidden: hidden;
}

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

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

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

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

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

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

h1.release-notes,
h1.quick-start
{
	background-repeat: no-repeat;
	background-position: 0%;
	padding-left: 2em;
    mc-hidden: hidden;
}

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

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

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;
    mc-hidden: hidden;
}

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

/* Formatting image captions in Entities topics */

p.image-caption
{
  margin-top: -10px;
  margin-bottom: 30px;
}    

.image-caption-format
{
    font-style: italic;
    background-color: rgba(11, 76, 206, 0.1);
    border-radius: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
}


/* 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 #A0A2A5;
	clear: both;
	display: block;
	width: 100%;
    mc-hidden: hidden;
}

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

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

/* Also see ".off-canvas-wrapper-inner .outer-row", which is similar. This selector excludes the breadcrumb and the Top button at the bottom of the page. And it only applies to actual content pages in the Help site. Does not apply to the Home page, Release Notes, or Sitemap. */
div#madcap-content-area
{
	max-width: 80rem;
    margin: auto;
    padding-top: 25px;
    padding-left: 0px;
    padding-bottom: 40px;
    padding-right: 0px;
    mc-hidden: hidden;
}

div#breadcrumbs-area
{
	max-width: 80rem;
    margin: auto;
    padding-top: 25px;
    mc-hidden: hidden;
}

div#breadcrumbs-area > div.columns.small-12.medium-12.large-1 > div > div.button-group-container-left
{
    float: right;
    padding-right: 15px;
    margin-top: -4px;
}

div#sitemap-links-block
{
    max-width: 80rem;
    margin: auto;
    padding-left: 25px;
    padding-right: 25px;
}

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


/* Styles for the app-level template pages */

.app-template-page-signpost
{
    background-color: #F3F3F3;
    border: 1px solid #F2F2F2;
    border-radius: 10px;
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-left: 0.25em;
    margin-top: -0.5em;
    mc-hidden: hidden;
}

.app-template-page-signpost a,
.app-template-page-signpost a:visited
{
	text-decoration: none !important;
	color: rgb(25,25,25);
    mc-hidden: hidden;
}

.app-template-page-signpost a:hover,
.app-template-page-signpost a:active
{
	text-decoration: underline !important;
	color: rgb(25,25,25);
    mc-hidden: hidden;
}

.app-template-page-icon
{
   vertical-align: -0.60em;
   border-radius: 10px;
   padding: 2px;
   background-color: #FFFFFF;
   mc-hidden: hidden;
}

.app-group-template-page-icon
{
   vertical-align: -0.50em;
   border-radius: 10px;
   padding: 5px;
   background-color: #FFFFFF;
   mc-hidden: hidden;
}

/* Alternate app signpost linking style which turns the entire signpost into a hyperlinked area */
.app-template-page-signpost-hyperlinked
{
    background-color: #F3F3F3;
    border: 1px solid #F2F2F2;
    border-radius: 10px;
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-left: 0.25em;
    margin-top: -0.5em;
    mc-hidden: hidden;
}

.app-signpost-link-style
{
    color: rgb(25,25,25);
    text-decoration: none;
    mc-hidden: hidden;
}

.app-signpost-link-style:hover
{
    color: rgb(25,25,25);
    text-decoration: none;
    border: 1px solid #DADADA;
    mc-hidden: hidden;
}

/* The entire Foundation grid on the new Help Center Home page beneath the landing page banner grid. */
div#homepage-content-area
{
	max-width: 80rem;
    /* "margin auto" centers the entire Foundation grid on the Home page */
    margin: auto;
    padding-left: 25px;
    padding-right: 25px;
    mc-hidden: hidden;
}

div#homepage-content-area a,
div#homepage-content-area a:visited
{
	text-decoration: none !important;
	/* text-decoration: underline !important; */
	color: #282E37;
    font-weight: 400;
    mc-hidden: hidden;
    /* margin-left: -0.5em; */
}

div#homepage-content-area a:hover,
div#homepage-content-area a:active
{
	text-decoration: underline !important;
	color: #282E37;
    font-weight: 400;
    mc-hidden: hidden;    
    /* margin-left: -0.5em; */
}

div#homepage-content-area .app-group-titles
{
    font-size: 1.35em;
    font-weight: 600;
    line-height: 1.25em;
    text-indent: -58px;
    padding-left: 58px;
    padding-top: 0px;
    margin-left: -1em;
    margin-top: 25px;
    margin-bottom: 15px;
    mc-hidden: hidden;
}

div#homepage-content-area .app-group-titles a
{
    font-weight: 600;
    mc-hidden: hidden;
    mc-hidden: hidden;
}

div#table-of-contents-container-column
{
    padding-left: 25px;
    mc-hidden: hidden;
}

/* Standalone Help Home page links block beneath the landing page banner. */
div#standalone-help-homepage-links-block
{
    max-width: 80rem;
    margin: auto;
    padding-left: 25px;
    padding-right: 25px;
}

/* Home page settings */

.app-group-text
{    
    padding-left: 35px;
    line-height: 20px;
    mc-hidden: hidden;
}

.other-resource
{
    text-indent: -57px;
    padding-left: 57px;
    mc-hidden: hidden;
}

.other-resource-icons
{
    vertical-align: -0.75em;
    border-radius: 10px;
    padding: 10px;
    background-color: #FFFFFF;
    mc-hidden: hidden;
}

.other-resource-link
{
    margin-left: 0em !important;
    font-weight: 600 !important;
    mc-hidden: hidden;
}

.other-resource-text
{
    padding-left: 57px;
    line-height: 1.5em;
    mc-hidden: hidden;
}

/* The Foundation grid rows on the app group landing pages. */

/*div.app-group-landing-page-row
{
    margin-top: 20px;
}*/

div.app-group-landing-page-row a,
div.app-group-landing-page-row a:visited
{
	text-decoration: none !important;
	/* text-decoration: underline !important; */
	color: #282E37;
    mc-hidden: hidden;
    /* margin-left: -0.5em; */
}

div.app-group-landing-page-row a:hover,
div.app-group-landing-page-row a:active
{
	text-decoration: underline !important;
	/*color: #282E37;   */
    /* margin-left: -0.5em; */
    color: #282E37;
    mc-hidden: hidden;
}

div.app-group-landing-page-column
{
    margin-top: 20px;
    padding-right: 30px;
    mc-hidden: hidden;
}

div.app-landing-page-banner
{
    padding-top: 0.5em;
    padding-bottom: 0.25em;
    padding-left: 1em;
    padding-right: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    background-color: #282E37;
    border-radius: 12px;
    mc-hidden: hidden;
}

/* App landing page header card styling */

div.app-landing-page-header-card p.card-icon
{
   margin-top: 25px;
   margin-left: -3px;
   mc-hidden: hidden;
}


div.app-landing-page-header-card p.card-header
{
   font-size: 1em;
   font-weight: bold;
   margin-top: -10px;
   line-height: 140%;
   mc-hidden: hidden;
}

/* End of app landing page header card styling */


/* App landing page card styling */

div.app-landing-page-card
{
   min-height: 8rem;
   line-height: 1.6em;
   mc-hidden: hidden;
}

/* App landing page card header */

div.app-landing-page-card p.card-header
{
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 15px;
    font-weight: bold;
    color: rgb(25,25,25) !important;
    font-size: 1em !important;
    mc-hidden: hidden;
}

/* App landing page card link paragraph */

div.app-landing-page-card p.card-link
{
    padding-left: 10px;
    padding-right: 15px;
    mc-hidden: hidden;
}


/* Card mouse hover properties */

div.app-landing-page-card:hover
{
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    mc-hidden: hidden;
}

/* Card link properties */

div.app-landing-page-card a
{
	color: rgb(25,25,25) !important;
	text-decoration: none !important;
    mc-hidden: hidden;
}

div.app-landing-page-card a:hover,
div.app-landing-page-card a:active
{
	color: rgb(25,25,25) !important;
	text-decoration: underline !important;
    mc-hidden: hidden;
}

/* End of app landing page card styling */

div.app-landing-page-row p.tile-header
{
    margin-top: 25px !important;
    font-weight: bold;
    font-size: 1em !important;
    mc-hidden: hidden;
}

div.app-landing-page-divider
{
    border-top: 1px dashed #282E37;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    mc-hidden: hidden;
}

div.app-landing-page-row p
{
    margin-bottom: 12px;
    line-height: 140%;
    font-size: 0.9em;
    mc-hidden: hidden;
}

div.app-landing-page-row a,
div.app-landing-page-row a:hover,
div.app-landing-page-row a:active,
div.app-landing-page-row a:visited
{
	color: #0B4CCE;
    mc-hidden: hidden;
}

/* Controls the formatting of the linked items in the app landing page TOC segments. */
/* If we can find a way to recurse through these level, or specify a universal selector, that would be more elegant than specifying each level separately. */

.app-landing-page-toc-segment > ul > li:nth-child(odd) > a:hover,
.app-landing-page-toc-segment > ul > li:nth-child(even) > a:hover,
.app-landing-page-toc-segment > ul > li.has-children > ul > li:nth-child(odd) > a:hover,
.app-landing-page-toc-segment > ul > li.has-children > ul > li:nth-child(even) > a:hover,
.app-landing-page-toc-segment > ul > li.has-children > ul > li.has-children > ul > li:nth-child(odd) > a:hover,
.app-landing-page-toc-segment > ul > li.has-children > ul > li.has-children > ul > li:nth-child(even) > a:hover,
.app-landing-page-toc-segment > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li:nth-child(odd) > a:hover,
.app-landing-page-toc-segment > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li:nth-child(even) > a:hover,
.app-landing-page-toc-segment > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li:nth-child(odd) > a:hover,
.app-landing-page-toc-segment > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li:nth-child(even) > a:hover,
.app-landing-page-toc-segment > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li:nth-child(odd) > a:hover,
.app-landing-page-toc-segment > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li:nth-child(even) > a:hover,
.app-landing-page-toc-segment > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li:nth-child(odd) > a:hover,
.app-landing-page-toc-segment > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li:nth-child(even) > a:hover,
.app-landing-page-toc-segment > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li:nth-child(odd) > a:hover,
.app-landing-page-toc-segment > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li:nth-child(even) > a:hover
{
    text-decoration: underline !important;
    background-color: transparent !important;
    color: #0B4CCE !important;
    mc-hidden: hidden;
}

.app-landing-page-toc-segment > ul > li.has-children > ul > li:nth-child(odd) > a,
.app-landing-page-toc-segment > ul > li.has-children > ul > li:nth-child(even) > a
{
    color: #0B4CCE !important;
    mc-hidden: hidden;
}

.app-landing-page-toc-segment > ul > li.has-children > a,
.app-landing-page-toc-segment > ul > li.has-children > a:hover
{
    font-weight: bold !important;
    mc-hidden: hidden;
}

.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;
    mc-hidden: hidden;
}

/* 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,
    .two-column-list
	{
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
        mc-hidden: hidden;
        column-gap: 50px;        
	}

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

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

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;
    mc-hidden: hidden;
}

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;
    mc-hidden: hidden;
}

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

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

/* 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 #0B4CCE;
	/*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.important,
div.caution,
div.tip
{
	margin-left: 3px;
	margin-bottom: 15px;
	padding: 2px 15px 3px;
}

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

div.noteImportant,
div.noteCaution,
div.noteTip
{
	margin-left: 3px;
	margin-bottom: 15px;
	padding: 2px 15px 3px;
    mc-hidden: hidden;
}

li div.noteImportant,
li div.noteCaution,
li div.noteTip
{
	margin-top: 15px;
    mc-hidden: hidden;
}

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

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

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

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

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

div.noteImportant
{
	border-left: solid 5px #EAA14B;
    mc-hidden: hidden;
}

div.noteCaution
{
	border-left: solid 5px #D64933;
    mc-hidden: hidden;
}

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,
.important p,
.caution p,
.tip p
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
}

.noteImportant p,
.noteCaution p,
.noteTip p
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
    mc-hidden: hidden;
}

/* 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: 6px;
	text-decoration: none;
    font-size: 0.8em;
}

/* 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: 5px;
	text-decoration: none;
    font-size: 0.8em;
}

/* 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;
    font-size: 1em;
}

/* 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;
    font-size: 1em;
}

/* 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;
    font-size: 1em;
}

/* 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;
    font-size: 1em;
}

/* 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;
    font-size: 1em;
}

/* 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;
    font-size: 1em;
}

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

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

/* Controls the formatting of the linked list items in the sitemap. */
/* If we can find a way to recurse through these level in the sitemap, or specify a universal selector, that would be more elegant than specifying each level separately. */
#mc-main-content > ul > li:nth-child(odd) > a:hover,
#mc-main-content > ul > li:nth-child(even) > a:hover,
#mc-main-content > ul > li.has-children > ul > li:nth-child(odd) > a:hover,
#mc-main-content > ul > li.has-children > ul > li:nth-child(even) > a:hover,
#mc-main-content > ul > li.has-children > ul > li.has-children > ul > li:nth-child(odd) > a:hover,
#mc-main-content > ul > li.has-children > ul > li.has-children > ul > li:nth-child(even) > a:hover,
#mc-main-content > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li:nth-child(odd) > a:hover,
#mc-main-content > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li:nth-child(even) > a:hover,
#mc-main-content > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li:nth-child(odd) > a:hover,
#mc-main-content > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li:nth-child(even) > a:hover,
#mc-main-content > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li:nth-child(odd) > a:hover,
#mc-main-content > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li:nth-child(even) > a:hover,
#mc-main-content > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li:nth-child(odd) > a:hover,
#mc-main-content > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li:nth-child(even) > a:hover,
#mc-main-content > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li:nth-child(odd) > a:hover,
#mc-main-content > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li.has-children > ul > li:nth-child(even) > a:hover
{
    color: rgb(25,25,25) !important;
    font-size: 1em;
    text-decoration: underline;
    background-color: transparent;
    mc-hidden: hidden;
}

/* START modify default MadCap relationship table styling */

p.scriptingHeading_scripting_0
{
	display: none !important;
    mc-hidden: hidden;
}

p.user_interfaceHeading_user_interface_0
{
	display: none !important;
    mc-hidden: hidden;
}

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

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

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

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

/* Table class for use in Flare drop-down text panels. Allows a wide table to take visual precendence (overlap) when intersecting with right navigation items. Also reduce the font size somewhat to allow more content in the table. */

table.dropdown-wide-table
{
	position: relative;
	font-size: 0.875em;
}

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
{
	background-color: #FFFFFF;
}

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;
    mc-hidden: hidden;
}

.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;
    mc-hidden: hidden;
}

.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;
    mc-hidden: hidden;
}

.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;
    mc-hidden: hidden;
}

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

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

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;
    mc-hidden: hidden;
}

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

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

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

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: "";
    mc-hidden: hidden;
}

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

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

.MCDropDown_Closed
{
	font-weight: 700;
    mc-hidden: hidden;
}

.MCDropDown
{
	margin-bottom: 15px;
    mc-hidden: hidden;
}

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

/* tmp L10N link solution for GRC */

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

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

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

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

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

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

	div.MCBreadcrumbsBox_0
	{
		text-align: center;
        mc-hidden: hidden;
	}

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

	div.GlossaryPageHeading_0
	{
		text-align: center;
        mc-hidden: hidden;
	}

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

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

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

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

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

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

	/* solution guide card style */

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

p.optional-param
{
	opacity: 0.6;
    mc-hidden: hidden;
}

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

div.search-filter-content
{
	line-height: 0.9em;
	z-index: 1001;
    mc-hidden: hidden;
}

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

ul.navigation
{
    /* Controls space above top-nav menu bar */
    margin-top: 25px; /* THREE-LEVEL TOP NAV */
    margin-left: -10px;
    mc-hidden: hidden;
}

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;
    mc-hidden: hidden;
}

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;
    mc-hidden: hidden;
}

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

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');
    mc-hidden: hidden;
}

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

ul.navigation ul.sub-menu
{
    /* controls margin of all levels of top-nav dropdown menus */
        margin-left: 0px; /* THREE-LEVEL TOP NAV */
        mc-hidden: hidden;
	/* margin-left: 15px; */
}

/* THREE-LEVEL TOP NAV */
ul.navigation li > a
{
    /* controls padding of top level menu items without children */
	padding: 0px 10px 0px 10px;
    /* controls font size of all levels of top-nav menus */
	font-size: 18px;
    mc-hidden: hidden;
}

/* THREE-LEVEL TOP NAV */
ul.navigation li.has-children > a
{
    /* controls padding of all levels of menu items with children */
	padding: 0px 35px 0px 10px;
    mc-hidden: hidden;
    /* controls line height of all levels of menu items with children */
    /* line-height: 35px !important; */
}

/* THREE-LEVEL TOP NAV */
ul.sub-menu > li.has-children > a
/*ul.sub-menu.openRight > li.has-children > button.topnav-expand.showOnFocus.topnav-expand-submenu*/
{
    /*padding-top: 10px;*/
    /* Causes the font color to be retained rather than disappear when you mouse away. */
    /*color: green !important;*/
    color: rgb(25,25,25) !important;
    /*vertical-align: middle;*/
    line-height: 35px;
    mc-hidden: hidden;
    /*background-position: right 10px center;*/
    /*background-image: none !important;*/
}

/* THREE-LEVEL TOP NAV */
ul.sub-menu > li.has-children > a:hover
{
  color: #FFFFFF !important;
  mc-hidden: hidden;
}

/* THREE-LEVEL TOP NAV */
/* CONTROLS THE ARROW WIDGET*/
/* Commented out attributes are specified in the default Flare stylesheet */
/* Location: C:\Program Files\MadCap Software\MadCap Flare 19\Flare.app\Resources\WebHelp2\Desktop\Skins\Fluid\Stylesheets\Styles.css */
ul.navigation ul > li.has-children > a:after
{
	/*position: absolute;
    border: none;
    content: "\00bb";
    right: 5px;
    top: 9px;*/
    right: 12px;
	top: 0px;
    mc-hidden: hidden;
    /*color: gold;*/
}


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

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

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

/* 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: #282E37;
	/* Hover background color of the top nav dropdown list items */
	color: #FFF;
    mc-hidden: hidden;
	/* Hover font color of the top nav dropdown list items */
}

div.search-filter-content > ul > li.selected-filter
{
	background-color: #D3222A;
	/* Background color of selected filter item */
	color: #ffffff;
    mc-hidden: hidden;
}

div.title-bar-layout.outer-row
{
    max-width: 80rem;
    margin: auto;
    mc-hidden: hidden;
}

/*nav.tab-bar
{
	max-width: 80rem;
    margin: auto;
	border-bottom: 1px solid #A0A2A5;
	background: #FFFFFF;
	padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 25px;
    padding-right: 25px;
}*/

/*nav.title-bar
{	
	padding-left: 75px !important;
    padding-left: 25px;
}*/

/* The heading area of the web pages */
nav
{
    width: 100%;
    max-width: 80rem !important;
    margin: auto !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    background: #FFFFFF;
    /*border-bottom: 1px solid #A0A2A5;*/
    /*border-bottom: 1px solid red;*/
	padding-top: 30px !important;
    padding-bottom: 30px !important;
    mc-hidden: hidden;
}


/*div.menu-icon-container
{
    
}*/


/* This method works to insert a divider below the top nav, but it's easier to put a top border on "div.main-section" */ 
/*.full-width-divider
{
    border-top: 1px solid #A0A2A5;
    margin-top: -19px;
    position: relative;
	width: 100vw;
	left: calc(-50vw + 50%);    
}*/

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

._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
/*._Skins_toolbar.mc-component .button.remove-highlight-button,*/
/*._Skins_toolbar_full_page.mc-component .button.remove-highlight-button,*/

{
	width: 8rem !important;
    mc-hidden: hidden;
}

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

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

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

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

	._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;
        mc-hidden: hidden;
	}
}

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

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

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

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

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

div.sidenav-layout
{
	display: block;
    mc-hidden: hidden;
}

/*div.landing-page-banner-container
{
    float: left;
    position: absolute;
    width: 100vw;
    left: calc(-50vw + 50%);
    background-color: #282E37;
    height: 450px;
    margin-top: -22px;
    margin-bottom: 25px;
}*/

/* Controls the full-width landing page banner */
div.landing-page-banner
{
	position: relative;
    /* controls space between top edge of landing-page-banner and top nav menu */
	/*top: -1rem;*/
	background-color: #282E37;
	/* background-image: url('../../../images/diligent-background.svg'); */
	/* background-image: url('../../images/Diligent_lens_dk_gray_4.svg'); */
	/* controls space between top of Help site name and top edge of landing-page-banner */
    padding-top: 1.5rem;
	/* controls space between bottom of landing-page-banner text and bottom edge of landing-page-banner */
	padding-bottom: 0px;
    /*max-width: 80rem;
    margin: auto;*/
    margin-top: -22px;
    margin-bottom: 25px;
    /*padding-left: 25px !important;
    padding-right: 25px !important;*/
    /*border: 1px solid deeppink;*/
	width: 100vw;
	left: calc(-50vw + 50%);
    mc-hidden: hidden;
}

/* Controls the landing page banner contents */
div.landing-page-banner-contents
{
    /*width: 100%;*/
    max-width: 80rem;
    margin: auto;
    padding-left: 25px;
    padding-right: 25px;
    mc-hidden: hidden;
}

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

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

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

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

/* Home page tile styling */
/* Ensures content in tiles is not displayed as a link */
/* TILE LINK FORMATTING NOT CURRENTLY WORKING */

div.tiles
{
   min-height: 8rem;
   line-height: 1.6em;
}

div.tiles a
{
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* Hover tile properties */

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

/* Body page tile styling */

div.body-tiles
{
	/*display: block;
    float: none;
    width: 20rem;*/
	min-height: 10rem;
	/*margin: 30px 0;*/
}

/* Ensures content in tiles is not displayed as a link */
/* TILE LINK FORMATTING NOT CURRENTLY WORKING */

div.body-tiles a
{
	color: rgb(25,25,25) !important;
	text-decoration: none !important;
}

/* Hover tile properties */

div.body-tiles:hover
{
	box-shadow: 0 5px 15px rgba(160, 162, 165, 1.0);
	cursor: pointer;
}

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%;
    mc-hidden: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 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: 1em;
	margin-bottom: 24px;
	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;
    mc-hidden: hidden;
}

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

@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;
        mc-hidden: hidden;
	}

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

	h2
	{
		text-align: left;
	}

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

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

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

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

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

	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;
    mc-hidden: hidden;
}

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

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

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

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

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