/*<meta />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

/* isw_stylesheet.css for Flare projects

	- 07/02/2019 - JLH - added top navigation menu classes, for use with HTML5 SideNav target
   	- 06/27/2019 - JLH - created: based on DevNet documentation.css and cleaned up.
	- 02/03/2022 - TEL - added "maintenanceVersionGrayscale" class for Exago documentation
	
*/

/* enumerate color variables */

:root
{
	--isw-Green: #31ab46;
	--isw-Blue-Green: #31ab46;
	--isw-Pale-Blue: #007ac9;
	--isw-Pale-Blue-Lt: #a1d1ef;
	--isw-Navy-Blue: #1e2556;
	--isw-Menu-Gray: #96A6B0;
	--Dark-Gray: #001737;
	--Medium-Gray: #546176;
	--Light-Gray: #8392a5;
	--White: #ffffff;
}

/* === search results page numbers === */

@font-face 
{
	font-family: 'Poppins';
	src: url(../fonts/poppins-regular.ttf);
}

#pagination
{
	margin-bottom: 30px;
}

#pagination a
{
	border: none;
}

a:link
{
	outline: none;
	text-decoration: none;
	color: var(--isw-Pale-Blue);
	/* dark green  */
}

.linkiswGreen A:link
{
	outline: none;
	text-decoration: none;
	color: var(--isw-Pale-Blue);
}

.linkiswBlue A:link
{
	outline: none;
	text-decoration: none;
	color: var(--isw-Pale-Blue);
}

.linkLogiBlueNC A:link
{
	outline: none;
	text-decoration: none;
	color: var(--isw-Pale-Blue);
}

.linkLogiGreen A:visited
{
	outline: none;
	text-decoration: none;
	color: var(--isw-Pale-Blue);
}

.linkLogiGreen A:visited:hover
{
	outline: none;
	text-decoration: none;
	color: var(--isw-Pale-Blue-Lt);
}

.linkLogiBlue A:visited
{
	outline: none;
	text-decoration: none;
	color: var(--isw-Pale-Blue-Lt);
}

.linkLogiBlueNC A:visited
{
	outline: none;
	text-decoration: none;
	color: var(--isw-Pale-Blue);
}

#pagination a:hover
{
	border-top: solid 2px var(--isw-Pale-Blue);
}

.logi-navbar a:hover
{
	background-color: #f9f9f9;
	color: var(--isw-Blue-Green);
}

.linkLogiGreen A:hover
{
	outline: none;
	text-decoration: none;
	color: var(--isw-Pale-Blue-Lt);
}

.dropdown-content a:hover
{
	background-color: #f0f0f0;
}

.linkLogiGreen A:active
{
	outline: none;
	text-decoration: none;
	color: var(--isw-Green);
}

.linkLogiBlue A:active
{
	outline: none;
	text-decoration: none;
	color: var(--isw-Pale-Blue-Lt);
}

.linkLogiBlueNC A:active
{
	outline: none;
	text-decoration: none;
	color: var(--isw-Pale-Blue);
}

#pagination a#selected
{
	font-weight: bold;
	border: none;
}

/* === top navigation === */
/* top navigation menu */

.logi-navbar
{
	overflow: hidden;
	font-family: Poppins, sans-serif;
	font-weight: 400;
	font-size: 15px;
	width: 100%;
	font-size: 16px;
	height: 70px;
}

/* top navigation links */

.logi-navbar a
{
	float: left;
	font-size: 16px;
	color: var(--isw-Menu-Gray);
	text-align: center;
	padding: 18px 48px 14px 0px;
	text-decoration: none;
}

div.dropdown
{
	font-family: Poppins, sans-serif !important;
	height: 59px;
}

nav.title-bar
{
	height: 59px;
}

div.title-bar-container
{
	min-height: 0px !important;
}

/* dropdown container */

.dropdown
{
	float: left;
	overflow: hidden;
	margin-right: 3%;
}

/* dropdown button */

.dropdown .dropbtn
{
	font-size: 15px;
	border: none;
	outline: none;
	color: var(--Dark-Grey);
	background-color: inherit;
	font-family: inherit;
	font-weight: 400;
	margin: 0;
	padding: 22px 15px 20px 15px;
}

/* == custom link classes == */
/* change top navigation links color on hover */
/* add a background color to dropdown links on hover */

.dropdown:hover .dropbtn
{
	background-color: var(--White);
	color: black;
}

/* Dropdown content (hidden by default) */

.dropdown-content
{
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 5px 10px 8px rgba(0,0,0,0.2);
	z-index: 1;
	/*	border-top: 4px solid #89BB40; */
}

/* links inside the dropdown */

.dropdown-content a
{
	float: none;
	color: var(--isw-Menu-Gray);
	font-family: Poppins, sans-serif;
	font-weight: normal;
	font-size: 16px;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}

/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content
{
	display: block;
}

/* HTML tag classes */

body
{
	margin-top: 0px;
	font-family: Poppins, sans-serif;
	line-height: 24px;
	padding-right: 20px;
	/*overflow-y: hidden;*/
	color: 000;
	font-size: 12pt;
}

/* underlined-when-hovered isw green link classes, more custom classes at end of this file */

div.TitleWrapper
{
	width: 100%;
	height: 80px;
	background-color: #F7F6F6;
}

div.home-footer
{
	margin-left: -15px;
	margin-right: -15px;
	/* "bleed" footer into sidenav menu */
	font-family: Poppins, sans-serif;
	background-color: var(--isw-Green);
}

div.logi-topics
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
}

div.logi-topics::before
{
	content: ' ';
	display: table;
}

div.logi-topics::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.logi-topics > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.logi-topics > div:nth-child(1)
{
	width: 40%;
}

div.logi-topics > div:nth-child(2)
{
	width: 98%;
	margin-left: 2%;
	padding-top: 4px;
}

div.searchPane
{
	width: 96%;
	margin-left: 4%;
	padding-top: 4px;
}

/* hide the search bar in the header */

div.nav-search-wrapper
{
	display: none;
}

div.search-bar
{
	width: 99%;
	margin-bottom: 10px;
}

h1
{
	color: #000000;
	font-size: 26pt;
	font-weight: normal;
	margin-top: 0px;
}

h2
{
	color: #505050;
	font-size: 18pt;
	font-weight: 500;
	margin-top: 0px;
	padding-top: 12px;
}

h3
{
	color: #000000;
	font-size: 14pt;
	font-weight: normal;
	padding-top: 12px;
}

img
{
	border: none;
	max-width: 100%;
}

li
{
	line-height: 24px;
}

* ol ol
{
	list-style-type: circle;
	line-height: 20px;
}

p
{
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 24px;
	color: #000;
	font-size: 12pt;
}

pre
{
	border: 1px solid #E1E1E8;
	border-radius: 4px 4px 4px 4px;
	display: block;
	font-size: 11pt;
	line-height: 24px;
	padding: 8.5px;
	background-color: #F5F5F5;
	font-family: "Courier New", monospace;
	white-space: normal;
	word-wrap: break-word;
	-ms-word-wrap: break-word;
}

pre ol
{
	margin-left: -12px;
}

pre li
{
	color: silver;
	font-size: 11pt;
	padding-left: 12px;
}

pre span
{
	color: #333333;
}

.maintenanceVersionGrayscale
{
	color: #4d4d4d;
	background: #f2f2f2;
	border: solid 2px #c4c4c4;
	border-radius: 4px;
	font-weight: 400;
	font-size: 16px;
	padding: 0px 2px;
}

/* regular style classes */

.footerContact
{
	color: var(--White);
	font-weight: 300;
	font-size: 10pt;
}

.footerContactLink
{
	font-weight: 300;
	font-size: 10pt;
}

.footerCopyright
{
	color: var(--isw-Pale-Blue);
	font-weight: 300;
	font-size: 10pt;
	line-height: 70%;
}

.footerMenuBlock
{
	vertical-align: top;
	border-top: 3px solid #435D6A;
	/* isw-Pale-Blue */
}

.footerMenuText
{
	color: var(--isw-Pale-Blue-Lt);
	font-weight: 700;
	font-size: 10pt;
	line-height: 80%;
	color: #ffffff;
}

.footerMenuText2
{
	color: var(--isw-Pale-Blue-Lt);
	font-weight: 700;
	font-size: 10pt;
	line-height: 80%;
}

.footerMenuTitle
{
	font-weight: 400;
	font-size: 17pt;
	color: #ffffff;
}

.footerSectionBottomHR
{
	border: none;
	height: 1px;
	/* isw-Pale-Blue */
	color: #435D6A;
	background-color: #435D6A;
}

.halfLine
{
	line-height: .5;
}

.indentedImage
{
	padding-left: 40px;
}

.lgxCodeBlock
{
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #E1E1E8;
	background-color: #F7F7F9;
	font-family: "Courier New", monospace;
	font-size: 11pt;
	color: #505050;
	padding: 10px 20px;
	white-space: pre;
}

.lgxCommandLine
{
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #000000;
	background-color: #000000;
	font-family: "Courier New", monospace;
	font-size: 10pt;
	color: #FFFFFF;
	padding: 10px 20px;
}

.lgxInlineCode
{
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #E1E1E8;
	background-color: #F7F7F9;
	font-family: "Courier New", monospace;
	font-size: 11pt;
	color: #505050;
	padding: 5px 10px;
}

/* sets overall width of content */

.off-canvas-wrapper-inner .outer-row
{
	max-width: 100%;
}

.off-canvas-content
{
	overflow: hidden;
}

/* == MadCap special classes */

MadCap|breadcrumbsProxy
{
	font-weight: normal;
	font-size: 10pt;
	border-bottom-color: transparent;
	border-bottom-style: none;
	border-bottom-width: 0px;
	mc-breadcrumbs-prefix: '';
	/* remove intro text */
}

MadCap|dropDown
{
	mc-closed-image: none;
	mc-open-image: none;
	width: 100%;
}

MadCap|dropDownHead
{
	background-color: #f0fff0;
	border: solid 2px #d3d3d3;
}

MadCap|xref
{
	mc-format: '{paratext}';
	color: var(--isw-Pale-Blue);
}

/* == header and top navigation menu == */
/* sets header background color, width, border, etc. */

.logo-wrapper
{
	padding-top: 15px;
}

nav.title-bar
{
	width: 100%;
	max-width: 1920px;
	padding-top: 0px !important;
	/*	border-bottom: 1px solid var(--Light-Gray); */
	height: auto;
}

/* script in MasterPage moves top menu into this wrapper */

.navigation-wrapper
{
	width: 50%;
	justify-content: left;
	position: relative;
	left: 10%;
	/*	margin-top: 10px;  */
}

/* top navigation menu */
/* top navigation links */

/*
.logi-navbar a
{
	float: left;
	font-size: 16px;
	color: var(--isw-Menu-Gray);
	text-align: center;
	padding: 18px 48px 14px 0px;
	text-decoration: none;
}
*/

/* dropdown container */

.dropdown
{
	float: left;
	overflow: hidden;
}

/* dropdown button */

/* .dropdown .dropbtn
{
	font-size: 16px;
	border: none;
	outline: none;
	color: var(--Dark-Grey);
	background-color: inherit;
	font-family: museo-sans, sans-serif;
	margin: 0;
	padding: 14px 48px 14px 0px;
}
*/

/* change top navigation links color on hover */
/* add a background color to dropdown links on hover */

.dropdown:hover .dropbtn
{
	background-color: #ececec;
	color: #1d3849;
}

/* dropdown content (hidden by default) */

.dropdown-content
{
	display: none;
	position: absolute;
	font-weight: normal;
	background-color: white;
	min-width: 160px;
	box-shadow: 5px 10px 8px rgba(0,0,0,0.2);
	z-index: 1;
	/*	border-top: 4px solid #89BB40; */
}

/* links inside the dropdown */

.dropdown-content a
{
	float: none;
	color: black;
	font-weight: normal;
	font-size: 15x;
	padding: 8px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}

/* Add a grey background color to dropdown links on hover
.dropdown-content a:hover {
  background-color: #ddd;
} */

/* show the dropdown menu on hover */

.dropdown:hover .dropdown-content
{
	display: block;
}

/* == media classes == */

@media only screen and (max-device-width: 1024px)
{
	div.logo-wrapper
	{
		padding-left: 50px;
	}

	.title-bar .menu-icon span
	{
		height: 48px;
		width: 48px;
		display: block;
		margin-left: 6px;
	}

	/* show the search bar in the header */

	div.nav-search-wrapper
	{
		display: block;
	}

	div.footer-wrap
	{
		display: block;
	}

	.search-bar .search-field
	{
		text-align: left;
		width: 50%;
		border: 1px solid #96A6B0;
		border-radius: 4px;
		padding: 0 0 0 10px;
		line-height: 1em;
		top: 0;
		float: right;
		position: relative;
		height: 2em;
		color: #5F5F5F;
		font-size: 1em;
	}

	.search-bar .search-submit-wrapper
	{
		position: absolute;
		top: 0;
		font-size: 1em;
	}

	div.breadcrumbmargin
	{
		margin-top: 70px;
	}

	div.versionmargin
	{
		margin-top: 70px;
	}
}

@media only screen and (max-device-width: 767px)
{
	div.side-menu,
	div.home-footer	/* hide side search bar, side menu, and footer */
	{
		display: none;
	}

	.nav-search	/* display search bar in header */
	{
		display: block;
	}
}

@media print
{
	/* Links */

	MadCap|xref
	{
		font-weight: normal;
		mc-format: '{quote}{para}{quote} {pageref}';
		text-decoration: none;
	}
}

.search-bar .search-filter-wrapper
{
	display: block !important;
}

#resultList h3.title a
{
	font-family: Poppins !important;
}

h1#results-heading
{
	font-family: Poppins !important;
}

MadCap|xref.Title
{
	mc-format: '{i}{paratext}{/i}';
}

h6.TitleWrapper	/*New wrapper bar from DevNet design*/
{
	margin-bottom: 12px;
	font-size: 28pt;
	font-weight: normal;
	font-style: normal;
	color: #555555;
}

a.logifooterlinks
{
	font-weight: 700;
	font-size: 10pt;
	line-height: 80%;
	color: #white !important;
}

a.logifooterlinks:hover
{
	color: #8DC9C1;
}

p.noteISW
{
	/*display: flex;
flex-direction: row;
align-items: flex-start;*/
	padding: 12px 12px 12px 40px;
	gap: 12px;
	width: 800px;
	height: auto;
	display: block;
	background: #E8F4FC;
	border-left: 4px solid #007AC9;
	box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
	box-sizing: border-box;
	/*flex: none;
order: 0;
flex-grow: 0;*/
	mc-auto-number-format: '{b}Note: {/b}';
	background-image: url('../images/information-fillisw.png');
	background-position: 10px 0px;
	background-repeat: no-repeat;
}

p.noteISW span
{
	display: block;
}

p.noteISWWide
{
	/*display: flex;
flex-direction: row;
align-items: flex-start;*/
	padding: 12px 12px 12px 40px;
	gap: 12px;
	width: 900px;
	height: auto;
	display: block;
	background: #E8F4FC;
	border-left: 4px solid #007AC9;
	box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
	box-sizing: border-box;
	/*flex: none;
order: 0;
flex-grow: 0;*/
	mc-auto-number-format: '{b}Note: {/b}';
	background-image: url('../images/information-fillisw.png');
	background-position: 10px 0px;
	background-repeat: no-repeat;
}

p.noteISWWide span
{
	display: block;
}

/* MC TEch support edited*/

div.noteISW
{
	/*display: flex;
flex-direction: row;
align-items: flex-start;*/
	padding: 12px 12px 12px 40px;
	gap: 12px;
	width: 800px;
	height: auto;
	display: block;
	background: #E8F4FC;
	border-left: 4px solid #007AC9;
	box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
	box-sizing: border-box;
	/*flex: none;
order: 0;
flex-grow: 0;*/
	mc-auto-number-format: '{b}Note: {/b}';
	background-image: url('../images/information-fillisw.png');
	background-position: 10px 10px;
	background-repeat: no-repeat;
}

div.noteISWWide
{
	/*display: flex;
flex-direction: row;
align-items: flex-start;*/
	padding: 12px 12px 12px 40px;
	gap: 12px;
	width: 900px;
	height: auto;
	display: block;
	background: #E8F4FC;
	border-left: 4px solid #007AC9;
	box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
	box-sizing: border-box;
	/*flex: none;
order: 0;
flex-grow: 0;*/
	mc-auto-number-format: '{b}Note: {/b}';
	background-image: url('../images/information-fillisw.png');
	background-position: 10px 0px;
	background-repeat: no-repeat;
}

div.noteISWWide span
{
	display: block;
}

p.cautionISW
{
	/*display: flex;
flex-direction: row;
align-items: flex-start;*/
	padding: 12px 12px 12px 40px;
	gap: 12px;
	width: 600px;
	height: auto;
	display: block;
	background: #FCF3F3;
	border-left: 4px solid #C31818;
	box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
	box-sizing: border-box;
	/*flex: none;
order: 0;
flex-grow: 0;*/
	mc-auto-number-format: '{b}Caution: {/b}';
	background-image: url('../images/alert-fillisw.png');
	background-position: 10px 0px;
	background-repeat: no-repeat;
}

p.cautionIS span
{
	display: block;
}

p.cautionISWWide
{
	/*display: flex;
flex-direction: row;
align-items: flex-start;*/
	padding: 12px 12px 12px 40px;
	gap: 12px;
	width: 900px;
	height: auto;
	display: block;
	background: #FCF3F3;
	border-left: 4px solid #C31818;
	box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
	box-sizing: border-box;
	/*flex: none;
order: 0;
flex-grow: 0;*/
	mc-auto-number-format: '{b}Caution: {/b}';
	background-image: url('../images/alert-fillisw.png');
	background-position: 10px 0px;
	background-repeat: no-repeat;
}

p.cautionISWWide span
{
	display: block;
}

p.importantISW
{
	/*display: flex;
flex-direction: row;
align-items: flex-start;*/
	padding: 12px 12px 12px 40px;
	gap: 12px;
	width: 600px;
	height: auto;
	display: block;
	background: #FEEFE2;
	border-left: 4px solid #F2994A;
	box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
	box-sizing: border-box;
	/*flex: none;
order: 0;
flex-grow: 0;*/
	mc-auto-number-format: '{b}Important: {/b}';
	background-image: url('../images/error-warning-fillisw.png');
	background-position: 10px 0px;
	background-repeat: no-repeat;
}

p.importantISW span
{
	display: block;
}

p.importantISWWide
{
	/*display: flex;
flex-direction: row;
align-items: flex-start;*/
	padding: 12px 12px 12px 40px;
	gap: 12px;
	width: 900px;
	height: auto;
	display: block;
	background: #FEEFE2;
	border-left: 4px solid #F2994A;
	box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
	box-sizing: border-box;
	/*flex: none;
order: 0;
flex-grow: 0;*/
	mc-auto-number-format: '{b}Important: {/b}';
	background-image: url('../images/error-warning-fillisw.png');
	background-position: 10px 0px;
	background-repeat: no-repeat;
}

p.importantISWWide span
{
	display: block;
}

p.tipISW
{
	/*display: flex;
flex-direction: row;
align-items: flex-start;*/
	padding: 12px 12px 12px 40px;
	gap: 12px;
	width: 600px;
	height: auto;
	display: block;
	background: #E8F8EB;
	border-left: 4px solid #278838;
	box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
	box-sizing: border-box;
	/*flex: none;
order: 0;
flex-grow: 0;*/
	mc-auto-number-format: '{b}Tip: {/b}';
	background-image: url('../images/lightbulb-fillisw.png');
	background-position: 10px 0px;
	background-repeat: no-repeat;
}

p.tipISW span
{
	display: block;
}

p.tipISWWide
{
	/*display: flex;
flex-direction: row;
align-items: flex-start;*/
	padding: 12px 12px 12px 40px;
	gap: 12px;
	width: 900px;
	height: auto;
	display: block;
	background: #E8F8EB;
	border-left: 4px solid #278838;
	box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
	box-sizing: border-box;
	/*flex: none;
order: 0;
flex-grow: 0;*/
	mc-auto-number-format: '{b}Tip: {/b}';
	background-image: url('../images/lightbulb-fillisw.png');
	background-position: 10px 0px;
	background-repeat: no-repeat;
}

p.tipISWWide span
{
	display: block;
}

div.tipISW
{
	/*display: flex;
flex-direction: row;
align-items: flex-start;*/
	padding: 12px 12px 12px 40px;
	gap: 12px;
	width: 600px;
	height: auto;
	display: block;
	background: #E8F8EB;
	border-left: 4px solid #278838;
	box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
	box-sizing: border-box;
	/*flex: none;
order: 0;
flex-grow: 0;*/
	mc-auto-number-format: '{b}Tip: {/b}';
	background-image: url('../images/lightbulb-fillisw.png');
	background-position: 10px 0px;
	background-repeat: no-repeat;
}

div.tipISW span
{
	display: block;
}

div.tipISWWide
{
	/*display: flex;
flex-direction: row;
align-items: flex-start;*/
	padding: 12px 12px 12px 40px;
	gap: 12px;
	width: 900px;
	height: auto;
	display: block;
	background: #E8F8EB;
	border-left: 4px solid #278838;
	box-shadow: 0px 1px 3px rgba(0, 23, 55, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
	box-sizing: border-box;
	/*flex: none;
order: 0;
flex-grow: 0;*/
	mc-auto-number-format: '{b}Tip: {/b}';
	background-image: url('../images/lightbulb-fillisw.png');
	background-position: 10px 0px;
	background-repeat: no-repeat;
}

div.tipISWWide span
{
	display: block;
}

