/*<meta conditions="" />*/

@import url('fontawesome-all.css');

@import url('search_results.css');

@import url('Toggle.css');

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

@font-face 
{
	font-family: 'opensans';
	src: url('Fonts/OpenSans-Regular.ttf'), url('Fonts/OpenSans-Bold.ttf'), url('Fonts/OpenSans-BoldItalic.ttf'), url('Fonts/OpenSans-Italic.ttf'), url('Fonts/OpenSans-Light.ttf'), url('Fonts/OpenSans-LightItalic.ttf'), url('Fonts/OpenSans-Semibold.ttf'), url('Fonts/OpenSans-SemiboldItalic.ttf'), url('Fonts/OpenSans-ExtraBold.ttf'), url('Fonts/OpenSans-ExtraBoldItalic.ttf');
}

@font-face 
{
	font-family: 'raleway';
	src: url('Fonts/Raleway-Regular.ttf'), url('Fonts/Raleway-Bold.ttf'), url('Fonts/Raleway-BoldItalic.ttf'), url('Fonts/Raleway-Italic.ttf'), url('Fonts/Raleway-Medium.ttf'), url('Fonts/Raleway-MediumItalic.ttf');
}

@font-face 
{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(Fonts/Roboto-300.woff2) format('woff2');
	unicode-range: U +0000-00FF, U +0131, U +0152-0153, U +02BB-02BC, U +02C6, U +02DA, U +02DC, U +0304, U +0308, U +0329, U +2000-206F, U +2074, U +20AC, U +2122, U +2191, U +2193, U +2212, U +2215, U +FEFF, U +FFFD;
}

@font-face 
{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(Fonts/Roboto-400.woff2) format('woff2');
	unicode-range: U +0000-00FF, U +0131, U +0152-0153, U +02BB-02BC, U +02C6, U +02DA, U +02DC, U +0304, U +0308, U +0329, U +2000-206F, U +2074, U +20AC, U +2122, U +2191, U +2193, U +2212, U +2215, U +FEFF, U +FFFD;
}

@font-face 
{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(Fonts/Roboto-500.woff2) format('woff2');
	unicode-range: U +0000-00FF, U +0131, U +0152-0153, U +02BB-02BC, U +02C6, U +02DA, U +02DC, U +0304, U +0308, U +0329, U +2000-206F, U +2074, U +20AC, U +2122, U +2191, U +2193, U +2212, U +2215, U +FEFF, U +FFFD;
}

@font-face 
{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(Fonts/Roboto-700.woff2) format('woff2');
	unicode-range: U +0000-00FF, U +0131, U +0152-0153, U +02BB-02BC, U +02C6, U +02DA, U +02DC, U +0304, U +0308, U +0329, U +2000-206F, U +2074, U +20AC, U +2122, U +2191, U +2193, U +2212, U +2215, U +FEFF, U +FFFD;
}

/*===============================
		 BLOCK CLASSES
===============================*/

#ua,
.offUA	/* This style is used for the pop out side nav */
{
	position: fixed;
	top: 215px;
	left: 0;
	width: 40px;
	padding: 12px 0px;
	background: #DCDCDC;
	text-align: center;
	/*	overflow: auto; */
	z-index: 2;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}

#ua_content,
.offUAcontent	/* This style is used for the pop out side nav*/
{
	position: fixed;
	top: 215px;
	left: -260px;
	/*	color: #fff; */
	background: #DCDCDC;
	width: 260px;
	padding: 10px 0px 10px 0px;
	/*	height: 400px; */
	/*	overflow: auto; */
	z-index: 2;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	text-align: left;
	-webkit-border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
	border-radius: 0 0 5px 0;
}

#ua:hover,
#ua:focus,
#ua:active,
.onUA	/* This style is used for the pop out side nav*/
{
	left: 260px;
}

#ua:hover #ua_content,
#a:focus #ua_content:focus,
#ua:active #ua_content:active,
.onUAcontent	/* This style is used for the pop out side nav*/
{
	left: 0px;
}

ul.menu._Skins_Help_Center_Menu_Slide.mc-component a	/* Controls the width of the Menu_Slide TOC items to make room for the expander arrow. Also controls width of links in mini TOC proxies */
{
	max-width: 100%;
	padding-left: 2px;
}

ul.menu._Skins_Help_Center_Menu_Slide.mc-component ul > li	/* This style is used for the list items (nav menu options) in the pop out side nav. Also controls the width of some links in the mini TOC proxies */
{
	max-width: 100%;
}

p.nav-contents	/* This style is used in the pop out side nav */
{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 10px;
	mc-short-line: 0;
	padding-left: 10px;
	color: #6f6f6f;
	font-weight: bold;
	font-style: italic;
	font-size: 10pt;
}

body
{
	color: black;
	mc-hyphenate: never;
	font-family: 'roboto', Arial, sans-serif;
	font-size: 1rem;
	line-height: 140%;
	margin: 1rem 0rem 1rem 1rem;
}

h1,
h2,
h3,
h4
{
	font-family: 'roboto', sans-serif;
	font-weight: bold;
}

h4
{
	mc-hyphenate: never;
	color: #696969;
	margin: .65rem 0rem .2rem 0rem;
	line-height: normal;
	font-family: 'roboto', raleway, sans-serif;
	font-size: 1.0rem;
}

p.Title	/* Flare report indicates that this style is not currently used. Consider deleting. */
{
	font-weight: bold;
	font-size: 2.25em;
	line-height: normal;
	font-family: 'roboto', raleway, sans-serif;
}

table
{
	border-collapse: collapse;
	margin-right: auto;
	font-size: inherit;
	margin-left: 2rem;
}

ul
{
	margin-bottom: .3rem;
	list-style-type: square;
	font-family: 'roboto', sans-serif;
	margin: 1rem 0rem 1rem .75rem;
}

ul,
ol
{
	margin-bottom: 0.3rem !important;
	mc-short-line: default;
	mc-short-line-method: never;
}

ul ul,
ol ul
{
	list-style-type: circle;
	list-style-font-size: inherit;
	padding-left: 1rem;
}

ol div ol
{
	list-style-type: lower-alpha;
	padding-left: 3.5rem;
	margin-top: 0.3rem;
}

ol ul ol
{
	list-style-type: lower-alpha;
	padding-left: 1rem;
	margin-top: .2rem;
}

ol ol,
ul ol
{
	list-style-type: lower-alpha;
	padding-left: 1rem;
}

p,
li
{
	line-height: 1.3rem;
	mc-short-line: default;
	mc-short-line-method: never;
}

p
{
	mc-hyphenate: never;
	mc-short-line: default;
	mc-short-line-method: never;
	mc-leader-indent: 0rem;
	margin-top: .85rem;
	font-family: 'roboto', sans-serif;
	line-height: 140%;
	margin: .85rem 0rem .85rem 0rem;
}

pre	/* this style is used in a couple places to give the look of code */
{
	font-size: 1.0rem;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
	margin-left: 3.3rem;
	padding: 3px 10px;
	background-color: #ecf2f2;
	border-radius: 5px;
}

MadCap|dropDown
{
	mc-image-spacing: 6px;
	mc-image-position: right;
	margin-left: 18px;
	left: 18px;
	mc-leader-indent: 18px;
	margin: 1rem 0rem 1rem 0rem;
	mc-closed-image: url('../Images/CSS_Icons/arrow_blue_down.png');
	mc-open-image: url('../Images/CSS_Icons/arrow_blue_up.png');
}

MadCap|dropDownBody
{
	margin-top: 1rem;
	margin-bottom: 1rem;
	margin-left: 1.15rem;
	padding-left: .3rem;
	font-family: 'roboto', sans-serif;
}

MadCap|dropDownHead
{
	font-family: 'roboto', raleway, sans-serif;
	color: #000000;
}

p.Option	/* this style and p.OptionDef are used when you have a list of items that require a description or other related text */
{
	margin-left: 3.3rem;
}

div ul,
ul ul,
ol ul
{
	margin-left: 1rem;
	padding-left: 1rem;
}

#docprint
{
	cursor: pointer;
}

hr	/* this style is used to add a line separating top and bottom content in PDF front matter. */
{
	width: 100%;
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 3px;
	border: solid 2px #cccccc;
	margin: 10px 0px 10px 0px;
}

li
{
	mc-hyphenate: never;
	left: 3.5rem;
	list-style-type: inherit;
	margin-bottom: .2rem;
}

li.checkbox	/* a Flare report indicataes that this style is not used */
{
	list-style-type: none;
	list-style-position: outside;
	padding-left: 1em;
	text-indent: -23px;
}

li.checkbox:before	/* a Flare report says this style isn't used. */
{
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	content: '\f0c8    ';
}

li.new-feature	/* this style is used for bulleted lists on the new features page */
{
	list-style-type: square;
	margin-bottom: 1.25rem;
	margin-top: 1.25rem;
}

li.new-feature_circle_2	/* This style is not used and may not be needed. It is the same as the new feature LI but with a circle and no additional indentation */
{
	list-style-type: circle;
	margin-bottom: 1.25rem;
	margin-top: 1.25rem;
}

li.square_indent_2	/* this is an indented version of the li.square_indent style */
{
	list-style-type: square !important;
	margin-left: 4rem;
}

li.circle_indent_2	/* this is an indented version of the li.circle_indent style */
{
	list-style-type: circle;
	margin-left: 2.5rem;
}

li.square_indent_3	/* this is an indented version of the li.square_indent style */
{
	list-style-type: square !important;
	margin-left: 6.5rem;
}

#myBtn	/* This is not used. It was originally a style designed to support the .modal style for floating videos in topics */
{
	background-color: white;
	border: none;
	float: right;
	cursor: pointer;
}

#myBtn:hover	/* This is not used. It was originally a style designed to support the .modal style for floating videos in topics */
{
	background-color: #D9D9D9;
	border-radius: 12px;
	border: none;
}

#myBtn2	/* This is not used. It was originally a style designed to support the .modal style for floating videos in topics */
{
	background-color: white;
	border: none;
	float: right;
	cursor: pointer;
}

#myBtn2:hover	/* This is not used. It was originally a style designed to support the .modal style for floating videos in topics */
{
	background-color: #D9D9D9;
	border-radius: 12px;
	border: none;
}

.button	/* This is likely used for the language menu */
{
	background-color: white;
	border: none;
	float: right;
	cursor: pointer;
}

.button:hover	/* This is likely used for the language menu */
{
	background-color: #D9D9D9;
	border-radius: 12px;
	border: none;
}

div.modal	/* This is not used. It was originally a style designed to show floating videos in topics */
{
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 2;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	/*background-color: #cccccc; /* Fallback color */
	background-color: rgba(172,172,172,0.7);
	/* color w/ opacity */
}

div.modal2	/* This is not used. It was originally a style designed to show floating videos in topics */
{
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 2;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	/*background-color: #cccccc; /* Fallback color */
	background-color: rgba(172,172,172,0.7);
	/* color w/ opacity */
}

div.modal-content	/* This is not used. It was originally a style designed to show floating videos in topics */
{
	margin: auto;
	position: relative;
	display: block;
	width: 80%;
	max-width: 80%;
	z-index: 1;
}

div.modal-content2	/* This is not used. It was originally a style designed to show floating videos in topics */
{
	margin: auto;
	display: block;
	width: 80%;
	max-width: 80%;
	z-index: 1;
}

.close	/* This is not used. It was originally a style designed to support the .modal style for floating videos in topics */
{
	color: #C00000;
	padding: 10px;
	float: right;
	font-family: 'roboto', 'raleway';
	font-size: 40px;
	font-weight: bold;
	cursor: pointer;
}

.close2	/* This is not used. It was originally a style designed to support the .modal style for floating videos in topics */
{
	color: #C00000;
	padding: 10px;
	float: right;
	font-family: 'roboto', 'raleway';
	font-size: 40px;
	font-weight: bold;
	cursor: pointer;
}

.close:hover,
.close:focus	/* This is not used. It was originally a style designed to support the .modal style for floating videos in topics */
{
	color: rgba(192,0,0,0.7);
	text-decoration: none;
	cursor: pointer;
}

p.img	/* this style is used to align an image that follows a paragraph */
{
	margin-left: .5rem;
	margin-bottom: .5rem;
	margin-top: .5rem;
}

p.img:hover	/* this is a supporting style for p.img*/
{
	color: #82DDDD;
}

p.img_indent_1	/* this supporting style for p.img, which is used to align an image that follows a paragraph */
{
	margin: 0rem 0rem 0rem 3.25rem;
}

p.img_indent_2	/* this supporting style for p.img, which is used to align an image that follows a paragraph */
{
	margin-left: 8rem;
}

p.img_indent_3	/* this supporting style for p.img, which is used to align an image that follows a paragraph */
{
	margin-left: 11.25rem;
}

p.Option_indent	/* This is a further indented style that supports p.Option */
{
	margin-left: 3.5rem;
	font-style: italic;
}

p.OptionDef_indent	/* This is a further indented style that supports p.OptionDef */
{
	margin: .3rem 0rem .3rem 5.3rem;
}

p.Note	/* This style is used for notes in our help topics */
{
	background-repeat: no-repeat;
	border-top: solid 10px #e6e6e6;
	border-right: solid 10px #e6e6e6;
	border-left: solid 10px #e6e6e6;
	border-bottom: solid 10px #e6e6e6;
	background-color: #e6e6e6;
	bottom: 9px;
	left: 2px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-top: 20px;
	margin-right: auto;
	min-height: 60px;
	background-position: 20px 40%;
	background-image: url('../Images/CSS_Icons/icon_help_center_Note_black.png');
	padding-left: 80px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	border-left-style: solid;
	border-left-width: 10px;
	border-left-color: #e6e6e6;
	border-right-style: solid;
	border-right-width: 10px;
	border-right-color: #e6e6e6;
	border-top-style: solid;
	border-top-width: 10px;
	border-top-color: #e6e6e6;
	border-bottom-style: solid;
	border-bottom-width: 10px;
	border-bottom-color: #e6e6e6;
}

p.Warning	/* This style is used to highlight warnings in our help topics */
{
	background-repeat: no-repeat;
	border-top: solid 10px #cccccc;
	border-right: solid 10px #cccccc;
	border-left: solid 10px #cccccc;
	border-bottom: solid 10px #cccccc;
	kground-color: #cccccc;
	bottom: 9px;
	left: 2px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background-position: 20px 50%;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: auto;
	margin-top: 20px;
	min-height: 65px;
	mc-auto-number-format: 'GH:WARNING: ';
	border-left-style: solid;
	border-left-width: 10px;
	border-left-color: #e6e6e6;
	border-right-style: solid;
	border-right-width: 10px;
	border-right-color: #e6e6e6;
	border-top-style: solid;
	border-top-width: 10px;
	border-top-color: #e6e6e6;
	border-bottom-style: solid;
	border-bottom-width: 10px;
	border-bottom-color: #e6e6e6;
	background-position-y: 40%;
	padding-left: 80px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	background-color: #e6e6e6;
	background-image: url('../Images/CSS_Icons/icon_help_center_Warning.png');
}

p.version_info	/* This style is used for version info and also to note topics with content related to beta features */
{
	background-repeat: no-repeat;
	background-color: #e6e6e6;
	left: 2px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: 20px;
	min-height: 50px;
	-webkit-transition-duration: ;
	border-bottom: solid 10px #e6e6e6;
	border-left: solid 10px #e6e6e6;
	border-right: solid 10px #e6e6e6;
	border-top: solid 10px #e6e6e6;
	bottom: 9px;
	background-position: 20px 50%;
	margin: 20px auto 20px 20px;
	background-image: url('../Images/CSS_Icons/icon_help_center_Early_Access_black.png');
	background-position-y: 40%;
	padding-left: 80px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	border-left-style: solid;
	border-left-width: 10px;
	border-left-color: #e6e6e6;
	border-right-style: solid;
	border-right-width: 10px;
	border-right-color: #e6e6e6;
	border-top-style: solid;
	border-top-width: 10px;
	border-top-color: #e6e6e6;
	border-bottom-style: solid;
	border-bottom-width: 10px;
	border-bottom-color: #e6e6e6;
}

p.Option	/* This style is for when you have a list of items that require a description or other related text. p.Option is the indented heading and p.OptionDef is the further indented description text */
{
	margin-left: 1.8em;
	font-style: italic;
	margin: .8rem 0rem .3rem 1.2rem;
}

p.OptionDef	/* This style is for when you have a list of items that require a description or other related text. p.Option is the indented heading and p.OptionDef is the further indented description text */
{
	margin-left: 3.2em;
	margin-top: 1em;
	margin: .8rem 0rem .3rem 3.2rem;
}

p.FooterTop	/* This style is used for the footer of the online help */
{
	width: 100% !important;
	padding-top: .5em;
	padding-left: .5em;
	border-top: 3px solid #CCCCCC;
	font-size: .8rem;
	margin: 1rem 0rem 1rem 0rem;
	font-family: 'roboto', Raleway;
}

p.Footer	/* This style is used for the footer of the online help */
{
	text-align: left;
	color: #696969;
	font-size: .7rem;
	margin: 1rem 0rem 1rem 0rem;
	font-family: 'roboto', Raleway;
}

span.NumContinued	/* used for text that goes below a step on a new line */
{
	font-style: italic;
	font-size: .8em;
	z-index: -1;
}

span.Input	/* used for text typed in fields and file names */
{
	font-family: "Courier New", Courier, monospace;
	font-size: 1.0em;
	border-radius: 5px;
	border: solid 1px #e3f2f2;
	line-height: 1.75em;
	margin: 3px 1px 3px 0px;
	padding: 2px 3px;
	background-color: #ecf2f2;
}

span.UserVariable	/* used for text the user must replace with their own information */
{
	font-style: italic;
	font-weight: bold;
}

a
{
	text-decoration: underline;
	font-family: 'roboto', 'roboto';
	color: #e81410;
}

a.MCXref,
a.MCXref_0	/* this a manually added style to set the color of MadCap cross reference links. Im not sure why we style them with this */
{
	color: #e81410 !important;
	text-decoration: underline !important;
}

a.MCXref:hover,
a.MCXref_0:hover	/* this a manually added style to set the color of MadCap cross reference links on hover. Im not sure why we style them with this */
{
	color: #b32317 !important;
	text-decoration: underline !important;
}

MadCap|xref,
xref.OnPage
{
	mc-format: '{para}';
}

td.footright,
p.footright	/* these styles are used in a lot of page layouts. They are primarily for print output */
{
	text-align: right;
}

h3
{
	font-family: 'roboto', sans-serif;
	font-size: 1.15rem;
}

h1
{
	font-family: 'roboto', sans-serif;
	line-height: normal;
	font-size: 1.5rem;
	clear: both;
	margin-bottom: 0;
}

h2
{
	font-family: 'roboto', sans-serif;
	font-size: 1.3rem;
	line-height: normal;
}

ul ul
{
	margin: .2rem 0rem 0rem .75rem;
}

h1.Subtitle	/* This looks like it was a legacy style used for print, but no topics in Help Master currently use it */
{
	font-size: 1.65rem;
	font-style: italic;
}

h2.HiddenH2	/* Hidden style for synonym search phrases.  */
{
	display: none;
	color: #1e90ff;
}

ol ol
{
	margin: .2rem 0rem 0rem .6rem;
}

ul ol
{
	margin-top: .2rem;
}

a:link
{
	color: #e81410;
}

a:visited
{
	color: #e81410;
}

a:hover
{
	color: #b32317;
}

ul.navigation li > a:hover	/* used to color the top nav menu option text on hover */
{
	color: #fcfcfc;
}

MadCap|xref:hover
{
	color: #c00000;
}

MadCap|xref:focus
{
	color: #82dddd;
}

MadCap|xref:visited
{
	color: #4b568d;
}

div a.front-tile	/* this style is used to wrap the content in the tiles on the front landing pages to make the full tile a link */
{
	padding: 10px;
	display: block;
	text-decoration: none;
	color: #696969;
	font-size: 1.05rem;
	font-weight: bold;
}

div a.front-tile:hover	/* supporting style for a.front-tile */
{
	color: #b32317;
}

div.Front	/* Flare says this style isn't used, and it seems redundant since we have the Three-box style */
{
	mc-grid-row: true;
	border-radius: 20px;
}

div.Front::before	/* Supporting style for div.Front. Flare says this style isn't used */
{
	content: ' ';
	display: table;
}

div.Front::after	/* Supporting style for div.Front. Flare says this style isn't used */
{
	content: ' ';
	display: table;
	clear: both;
}

div.Front > div	/* Supporting style for div.Front. Flare says this style isn't used */
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.Front > div:hover	/* Supporting style for div.Front. Flare says this style isn't used */
{
	box-shadow: 2px 3px 7px rgba(0,0,0,.25);
}

div.Front > div:nth-child(1)	/* Supporting style for div.Front. Controls the width of the first child div. Flare says this style isn't used */
{
	width: 33.33%;
	background-color: #d3d3d3;
	border-radius: 20px;
	border-color: #ffffff;
	border: solid 5px #ffffff;
}

div.Front > div:nth-child(2)	/* Supporting style for div.Front. Controls the width of the second child div. Flare says this style isn't used */
{
	width: 33.33%;
	border-radius: 20px;
	background-color: #d3d3d3;
	border: solid 5px #ffffff;
}

div.Front > div:nth-child(3)	/* Supporting style for div.Front. Controls the width of the third child div. Flare says this style isn't used */
{
	width: 33.33%;
	background-color: #d3d3d3;
	border-radius: 20px;
	border: solid 5px #ffffff;
}

div.Two-box	/* Used to create a row with two responsive div tiles on help center landing pages and intro topics */
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.Two-box::before	/* Supporting style for div.Two-box */
{
	content: ' ';
	display: table;
}

div.Two-box::after	/* Supporting style for div.Two-box */
{
	content: ' ';
	display: table;
	clear: both;
}

div.Two-box > div	/* Supporting style for div.Two-box */
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.Two-box > div:hover	/* Supporting style for div.Two-box */
{
	box-shadow: 2px 3px 7px rgba(0,0,0,.25);
}

div.Two-box > div:nth-child(1)	/* Supporting style for div.Two-box. Defines the appearance of the first child div in a div with the .Two-box style */
{
	margin: 10px;
	border-radius: 10px;
	width: calc(50% - 20px);
	text-align: center;
	background-color: #ebebeb;
}

div.Two-box > div:nth-child(2)	/* Supporting style for div.Two-box. Defines the appearance of the second child div in a div with the .Two-box style */
{
	margin: 10px;
	border-radius: 10px;
	width: calc(50% - 20px);
	text-align: center;
	background-color: #ebebeb;
}

div.Three-box	/* Used to create a row with three responsive div tiles on help center landing pages and intro topics */
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.Three-box::before	/* Supporting style for div.Three-box */
{
	content: ' ';
	display: table;
}

div.Three-box::after	/* Supporting style for div.Three-box */
{
	content: ' ';
	display: table;
	clear: both;
}

div.Three-box > div	/* Supporting style for div.Three-box */
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.Three-box > div:hover	/* Supporting style for div.Three-box */
{
	box-shadow: 2px 3px 7px rgba(0,0,0,.25);
}

div.Three-box > div:nth-child(1)	/* Supporting style for div.Three-box. Defines the appearance of the first child div in a div with the .Three-box style */
{
	margin: 10px;
	border-radius: 10px;
	width: calc(33.33% - 20px);
	text-align: center;
	background-color: #ebebeb;
}

div.Three-box > div:nth-child(2)	/* Supporting style for div.Three-box. Defines the appearance of the second child div in a div with the .Three-box style */
{
	margin: 10px;
	border-radius: 10px;
	width: calc(33.33% - 20px);
	text-align: center;
	background-color: #ebebeb;
}

div.Three-box > div:nth-child(3)	/* Supporting style for div.Three-box. Defines the appearance of the third child div in a div with the .Three-box style */
{
	margin: 10px;
	border-radius: 10px;
	width: calc(33.33% - 20px);
	text-align: center;
	background-color: #ebebeb;
}

div.Troubleshooting	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin: .85rem 0rem .85rem -5px;
}

div.Troubleshooting::before	/* Supporting style for div.Troubleshooting */
{
	content: ' ';
	display: table;
}

div.Troubleshooting::after	/* Supporting style for div.Troubleshooting */
{
	content: ' ';
	display: table;
	clear: both;
}

div.Troubleshooting > div	/* Supporting style for div.Troubleshooting */
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
}

div.Troubleshooting > div:nth-child(1)	/* Supporting style for div.Troubleshooting. Defines the appearance of the first child div in a div with the .Troubleshooting style */
{
	margin-left: 0%;
	width: 75%;
}

div.Troubleshooting > div:nth-child(2)	/* Supporting style for div.Troubleshooting. Defines the appearance of the second child div in a div with the .Troublshooting style */
{
	margin-left: 0%;
	width: 25%;
}

div.Four-box_front	/* Used to create a row with four responsive div tiles on help center landing pages and intro topics */
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.Four-box_front::before	/* Supporting style for div.Four-box_front */
{
	content: ' ';
	display: table;
}

div.Four-box_front::after	/* Supporting style for div.Four-box_front */
{
	content: ' ';
	display: table;
	clear: both;
}

div.Four-box_front > div	/* Supporting style for div.Four-box_front */
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 2px;
	padding-right: 2px;
}

div.Four-box_front > div:hover	/* Supporting style for div.Four-box_front */
{
	box-shadow: 2px 3px 7px rgba(0,0,0,.25);
}

div.Four-box_front > div:nth-child(1)	/* Supporting style for div.Four-box_front. Defines the appearance of the first child div in a div with the .Four-box_front style */
{
	margin: 10px;
	width: calc(25% - 20px);
	text-align: center;
	border-radius: 10px;
	background-color: #ebebeb;
}

div.Four-box_front > div:nth-child(2)	/* Supporting style for div.Four-box_front. Defines the appearance of the second child div in a div with the .Four-box_front style */
{
	margin: 10px;
	width: calc(25% - 20px);
	text-align: center;
	border-radius: 10px;
	background-color: #ebebeb;
}

div.Four-box_front > div:nth-child(3)	/* Supporting style for div.Four-box_front. Defines the appearance of the third child div in a div with the .Four-box_front style */
{
	margin: 10px;
	width: calc(25% - 20px);
	text-align: center;
	border-radius: 10px;
	background-color: #ebebeb;
}

div.Four-box_front > div:nth-child(4)	/* Supporting style for div.Four-box_front. Defines the appearance of the fourth child div in a div with the .Four-box_front style */
{
	margin: 10px;
	width: calc(25% - 20px);
	text-align: center;
	border-radius: 10px;
	background-color: #ebebeb;
}

div.Five-box_front	/* Used to create a row with five responsive div tiles on help center landing pages and intro topics. Currently unused */
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.Five-box_front::before	/* Supporting style for div.Five-box_front. Flare says this style isn't used */
{
	content: ' ';
	display: table;
}

div.Five-box_front::after	/* Supporting style for div.Five-box_front. Flare says this style isn't used */
{
	content: ' ';
	display: table;
	clear: both;
}

div.Five-box_front > div	/* Supporting style for div.Five-box_front. Flare says this style isn't used */
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 2px;
	padding-right: 2px;
}

div.Five-box_front > div:hover	/* Supporting style for div.Five-box_front. Flare says this style isn't used */
{
	box-shadow: 2px 3px 7px rgba(0,0,0,.25);
}

div.Five-box_front > div:nth-child(1)	/* Supporting style for div.Five-box_front. Flare says this style isn't used */
{
	margin: 10px;
	text-align: center;
	background-color: #ebebeb;
	border-radius: 10px;
	width: calc(20% - 20px);
	margin-left: 0%;
}

div.Five-box_front > div:nth-child(2)	/* Supporting style for div.Five-box_front. Flare says this style isn't used */
{
	margin: 10px;
	text-align: center;
	background-color: #ebebeb;
	border-radius: 10px;
	width: calc(20% - 20px);
	margin-left: 0%;
}

div.Five-box_front > div:nth-child(3)	/* Supporting style for div.Five-box_front. Flare says this style isn't used */
{
	margin: 10px;
	text-align: center;
	background-color: #ebebeb;
	border-radius: 10px;
	width: calc(20% - 20px);
}

div.Five-box_front > div:nth-child(4)	/* Supporting style for div.Five-box_front. Flare says this style isn't used */
{
	margin: 10px;
	text-align: center;
	background-color: #ebebeb;
	border-radius: 10px;
	width: calc(20% - 20px);
}

div.Five-box_front > div:nth-child(5)	/* Supporting style for div.Five-box_front. Flare says this style isn't used */
{
	margin: 10px;
	text-align: center;
	background-color: #ebebeb;
	border-radius: 10px;
	width: calc(20% - 20px);
}

div.Six-box_front > div:nth-child(1)	/* Supporting style for div.Six-box_front. Flare says this style isn't used */
{
	background-color: #ebebeb;
}

div.Six-box_front > div:nth-child(2)	/* Supporting style for div.Six-box_front. Flare says this style isn't used */
{
	background-color: #ebebeb;
}

div.Six-box_front > div:nth-child(3)	/* Supporting style for div.Six-box_front. Flare says this style isn't used */
{
	background-color: #ebebeb;
}

div.Six-box_front > div:nth-child(4)	/* Supporting style for div.Six-box_front. Flare says this style isn't used */
{
	background-color: #ebebeb;
}

div.Six-box_front > div:nth-child(5)	/* Supporting style for div.Six-box_front. Flare says this style isn't used */
{
	background-color: #ebebeb;
}

div.Six-box_front > div:nth-child(6)	/* Supporting style for div.Six-box_front. Flare says this style isn't used */
{
	background-color: #ebebeb;
}

#ua_content	/* This style is used for the pop out side nav */
{
	height: 500px;
	width: 300px;
	left: -300px;
}

#ua:active	/* This style is used for the pop out side nav */
{
	left: 300px;
}

#ua:focus	/* This style is used for the pop out side nav */
{
	left: 300px;
}

#ua:hover	/* This style is used for the pop out side nav */
{
	left: 300px;
}

p.MiniTOC1	/* This style is used to control the look of links that are generated as part of a miniTOC proxy, such as on an integration guides landing page. The style will NOT show as in use in any topic because it only applies to content that is generated by the proxy at build. */
{
	margin-bottom: .1rem;
	margin-top: .1rem;
	line-height: 120%;
	font-weight: normal;
}

a.MiniTOC1	/* This style is used to control the look of links that are generated as part of a miniTOC proxy, such as on an integration guides landing page. The style will NOT show as in use in any topic because it only applies to content that is generated by the proxy at build. */
{
	color: #e81410;
}

MadCap|miniTocProxy
{
	border-top-style: none;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

img
{
	max-height: auto;
	max-width: 100%;
}

@media print
{
	h1,
	h2,
	h3,
	h4
	{
		font-family: 'roboto', raleway;
		color: #000000;
		page-break-after: avoid;
	}

	h1
	{
		margin-right: 0em;
		page-break-before: avoid;
		mc-hyphenate: never;
		font-family: 'roboto', raleway;
		color: #2d3237;
		mc-auto-number-position: none;
		font-size: 18pt;
		border-bottom: solid 3px #acacac;
		border-spacing: 2px;
		line-height: normal;
		padding-bottom: 5px;
		margin: 18pt 0pt 16pt 0pt;
		mc-toc-depth: 1;
	}

	h2
	{
		font-family: 'roboto', raleway;
		color: #2d3237;
		font-size: 16pt;
		margin: 18pt 0pt 6pt 0pt;
		line-height: normal;
		mc-toc-depth: 2;
	}

	h3
	{
		font-family: 'roboto', raleway;
		color: #2d3237;
		font-size: 14pt;
		margin: 14pt 0pt 6pt 0pt;
		line-height: normal;
		mc-toc-depth: 3;
	}

	h4
	{
		font-family: 'roboto', raleway;
		font-size: 12pt;
		mc-heading-level: 4;
		padding: 0pt 0pt 0pt 0pt;
		margin: 6pt 0pt 4pt 0pt;
		line-height: normal;
	}

	h5
	{
		font-size: 12pt;
		mc-heading-level: 0;
	}

	h6
	{
		font-size: 11pt;
		mc-heading-level: 0;
	}

	p.Title	/* Flare report says this style isn't used */
	{
		font-size: 30pt;
		margin-bottom: 1em;
		margin-right: 0em;
		page-break-after: avoid;
		page-break-before: avoid;
		font-family: 'roboto', raleway;
		font-weight: bold;
		margin-left: 0;
	}

	p.Chapter	/* Flare report says this style isn't used. */
	{
		font-size: 40pt;
		font-weight: bold;
		float: left;
		page-break-before: always;
		text-align: right;
		margin-left: 0in;
		margin-top: .03in;
		mc-auto-number-format: "{chapnum}";
		width: 0.75in;
		font-family: 'roboto', raleway;
	}

	ul,
	ol,
	p.img,
	p.img_indent_1,
	p.img_indent_2,
	p.img_indent_3,
	p.OptionDef
	{
		page-break-before: avoid;
	}

	p.Option	/* this style and p.OptionDef are used when you have a list of items that require a description or other related text */
	{
		page-break-after: avoid;
		page-break-inside: avoid;
		margin: 6pt 0pt 3pt 0pt;
	}

	span.Input,
	pre
	{
		font-family: Consolas, monospace;
		font-size: 9pt;
	}

	pre
	{
		margin-left: 0.3in;
	}

	p.BodyIndent,
	p.img_indent_1,
	p.OptionDef,
	p.Option_Indent,
	pre
	{
		margin-left: 30pt;
	}

	li.square_indent_2,
	li.circle_indent_2
	{
		margin-left: 20pt;
	}

	p.OptionDef_Indent,
	p.img_indent_2
	{
		margin-left: 50pt;
	}

	li.square_indent_3
	{
		margin-left: 47pt;
	}

	p.img_indent_3
	{
		margin-left: 77pt;
	}

	p.version_info	/* this style is used for notes related to version info and to note topics that have info related to a beta feature */
	{
		border: solid 10px #e6e6e6;
		border-right-width: 10px;
		border-top-width: 10px;
		border-left-width: 10px;
		border-bottom-width: 10px;
		border-radius: 12px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		min-height: 40px;
		mc-hyphenate: never;
		background-repeat: no-repeat;
		background-color: #e6e6e6;
		background-position: 20px 50%;
		padding-left: 80px;
		padding-top: 10px;
		margin-bottom: 20px;
		margin-top: 20px;
		margin-left: 20px;
		margin-right: auto;
		background-image: url('../Images/CSS_Icons/icon_help_center_Early_Access_black.png');
	}

	p.Warning	/* this style is used for warnings in  help topics */
	{
		border: solid 10px #CCCCCC;
		border-right-width: 10px;
		border-top-width: 10px;
		border-left-width: 10px;
		border-bottom-width: 10px;
		border-radius: 12px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		min-height: 45px;
		mc-hyphenate: never;
		background-repeat: no-repeat;
		background-position: 20px 50%;
		padding-left: 80px;
		padding-top: 10px;
		margin-bottom: 20px;
		margin-top: 20px;
		margin-left: 20px;
		margin-right: auto;
		background-image: url('../Images/CSS_Icons/icon_help_center_Warning.png');
	}

	p.Note	/* this style is used for notes in help topics */
	{
		border: solid 10px #e6e6e6;
		border-right-width: 10px;
		border-top-width: 10px;
		border-left-width: 10px;
		border-bottom-width: 10px;
		border-radius: 12px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		mc-hyphenate: never;
		background-color: #e6e6e6;
		background-repeat: no-repeat;
		background-padding: 20px;
		padding-top: 10px;
		padding-bottom: 20px;
		margin-bottom: 20px;
		margin-top: 20px;
		margin-left: 20px;
		margin-right: auto;
		background-position: 20px 40%;
		min-height: 40px;
		font-family: 'roboto', Arial, sans-serif;
		padding-left: 70px;
		background-image: url('../Images/CSS_Icons/icon_help_center_Note_black.png');
	}

	li
	{
		line-height: 130%;
		orphans: 4;
		widows: 4;
		margin-left: 0pt;
		margin-bottom: 3pt;
	}

	th
	{
		text-align: left;
		position: relative;
	}

	MadCap|xref
	{
		mc-format: '{i}{para}{/i}';
		text-decoration: underline;
	}

	MadCap|xref.OnPage
	{
		mc-format: '{i}{para}{/i} on page {page}';
	}

	p,
	td,
	p.Title,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	span,
	a,
	li,
	ol,
	ul,
	th,
	pre
	{
		mc-hyphenate: never;
		mc-short-line-method: never;
		mc-short-line: default;
	}

	body,
	p,
	td,
	th
	{
		font-size: 10pt;
		font-family: 'roboto';
	}

	p
	{
		orphans: 4;
		widows: 4;
		color: #000000;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		margin: 8pt 0pt 6pt 0pt;
		line-height: 130%;
	}

	span.number_font	/* this style doesn't seem to be used*/
	{
		font-style: normal;
		font-weight: bold;
		font-size: 12pt;
	}

	ol ul
	{
		list-style-type: square;
		margin-left: 2.5em;
		margin-right: 0em;
		margin-top: 0em;
		margin-bottom: 0em;
		margin: .2em 2em 0em .6em;
	}

	ol ol
	{
		margin: .2em 2em 0em .9em;
	}

	MadCap|popupHead
	{
		color: #2d9bae;
		font-style: italic;
		padding: 2px;
	}

	MadCap|popup
	{
		color: #2d9bae;
		font-style: italic;
		padding: 2px;
		background-image: url('../Images/CSS_Icons/blue_arrow.png');
		background-repeat: no-repeat;
		background-position: 2% 50%;
		padding-left: 2px;
	}

	MadCap|popupBody
	{
		mc-help-control-display: popup;
		border-bottom-color: #D9F1F5;
		border-left-color: #D9F1F5;
		border-right-color: #D9F1F5;
		border-top-color: #D9F1F5;
		color: #696969;
		border: solid 2px #D9F1F5;
		background-color: #D9F1F5;
	}

	MadCap|breadcrumbsProxy
	{
		padding-top: 10px;
	}

	head
	{
		mc-hyphenate: never;
	}

	body
	{
		mc-hyphenate: never;
		mc-hyphenate-maximum-adjacent-line-count: 0;
		mc-hyphenate-shortest-prefix: 0;
		mc-hyphenate-shortest-suffix: 0;
		mc-hyphenate-shortest-word: 0;
		mc-short-line: default;
		mc-short-line-method: never;
		border: none 2px #000000;
		font-family: 'roboto', Arial, sans-serif;
		line-height: 140%;
	}

	img
	{
		mc-thumbnail-max-height: 200px;
		max-width: 5.5in;
	}

	p.OptionDef	/* this style and p.OptionDef are used when you have a list of items that require a description or other related text */
	{
		page-break-inside: avoid;
		margin: 3pt 0pt 6pt 30pt;
	}

	p.Option_indent	/* this style is an indented style for p.Option */
	{
		page-break-after: avoid;
	}

	p.OptionDef_indent	/* this style is an indented style for p.OptionDef */
	{
		page-break-before: avoid;
	}

	MadCap|dropDown
	{
		mc-image-position: right;
		mc-image-spacing: 6px;
	}

	MadCap|dropDownBody
	{
		position: relative;
	}

	MadCap|expanding
	{
		mc-closed-image: url('../Images/CSS_Icons/arrow_blue_down.png');
		mc-open-image: url('../Images/CSS_Icons/arrow_blue_up.png');
	}

	p.Footer
	{
		font-family: 'roboto', raleway;
		font-size: 9pt;
		font-style: italic;
		font-weight: bold;
	}

	p.FooterTop
	{
		font-family: 'roboto', raleway;
		font-size: 9pt;
		font-style: italic;
		font-weight: bold;
		mc-auto-number-position: none;
		color: #696969;
	}

	p.footright	/* this style is used in page layouts and topics for PDF output */
	{
		font-family: 'roboto', raleway;
		font-size: 9pt;
		font-style: italic;
		font-weight: bold;
		mc-auto-number-position: none;
		color: #6f6f6f;
	}

	a
	{
		
	}

	h2.FrontMatter
	{
		font-size: 16pt;
		margin: 12pt 0pt;
		mc-heading-level: 0;
		mc-toc-depth: 0;
	}

	p.FrontMatterInfo
	{
		font-size: 9pt;
		margin: 4pt 0pt 4pt 0pt;
	}

	p.FrontMatter
	{
		margin: .2rem 0rem .2rem 0rem;
		font-size: 10pt;
	}

	hr	/* this style is used to create a line between the top text and bottom text in the front matter for PDFs */
	{
		
	}

	ol
	{
		margin: 6pt 0pt 6pt 20pt;
	}

	ul
	{
		list-style-type: square;
		margin: 6pt 0pt 6pt 20pt;
	}

	p.FrontMatterH1	/* This is used in some Wi Fi Cloud PDF topics instead of an H1 , but don't know why we would want a paragraph element to format as an H1, other than to not include it in the TOC */
	{
		mc-auto-number-position: none;
		mc-heading-level: 0;
		mc-toc-depth: 0;
		font-size: 18pt;
		font-family: 'roboto', raleway;
		font-weight: bold;
		border-bottom: solid 3px #acacac;
		border-spacing: 2px;
		padding-bottom: 5px;
		padding-top: 6p;
		margin: 18pt 0pt 8pt 0pt;
		padding: 18pt 0pt 5px 0pt;
	}

	p.FrontMatterH2	/* This is used in some Wi Fi Cloud PDF topics instead of an H2 , but don't know why we would want a paragraph element to format as an H2, other than to not include it in the TOC */
	{
		font-size: 16pt;
		font-family: 'roboto', raleway;
		font-weight: bold;
		line-height: 14pt;
		margin: 10pt 0pt 0pt 0pt;
	}

	h1.FrontMatter
	{
		mc-heading-level: 0;
		margin: 16pt 0pt 8pt 0pt;
		mc-toc-depth: 0;
	}

	table
	{
		left: 1em;
	}

	p.img	/* used to align an image that follows a paragraph */
	{
		font-family: 'roboto', roboto;
		font-size: 10pt;
	}

	p.Caution	/* used for caution notes in help topics */
	{
		background-image: url('../Images/CSS_Icons/icon_help_center_Caution.png');
		padding-left: 80px;
		padding-right: 15px;
		padding-top: 15px;
		padding-bottom: 12px;
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
		border-bottom-left-radius: 12px;
		border-left-style: solid;
		border-left-width: 10px;
		border-left-color: #e6e6e6;
		border-right-style: solid;
		border-right-width: 10px;
		border-right-color: #e6e6e6;
		border-top-style: solid;
		border-top-width: 10px;
		border-top-color: #e6e6e6;
		border-bottom-style: solid;
		border-bottom-width: 10px;
		border-bottom-color: #e6e6e6;
	}

	h1.Subtitle	/* This looks like it was a legacy style used for print, but no topics in Help Master currently use it. */
	{
		font-style: italic;
	}

	ul ul
	{
		list-style-type: circle;
		margin: .2em 0em 0em .6em;
	}

	ol ul ol
	{
		margin-top: 3pt;
	}

	ul ol
	{
		margin-top: 3pt;
	}
}

p.BodyIndent
{
	margin: .4rem 0rem .4rem 3.25rem;
}

ol
{
	font-size: inherit;
	margin-bottom: 0.3rem;
	margin-top: .3rem;
	list-style-type: decimal;
	font-family: 'roboto', sans-serif;
	margin: 1rem 0rem 1rem .75rem;
}

code
{
	mc-disabled: true;
}

abbr
{
	mc-disabled: true;
}

acronym
{
	mc-disabled: true;
}

b
{
	mc-disabled: false;
}

big
{
	mc-disabled: true;
}

button
{
	mc-disabled: true;
}

cite
{
	mc-disabled: true;
}

dd
{
	mc-disabled: true;
}

del
{
	mc-disabled: true;
}

em
{
	mc-disabled: true;
}

ins
{
	mc-disabled: true;
}

kbd
{
	mc-disabled: true;
}

o
{
	mc-disabled: true;
}

s
{
	mc-disabled: true;
}

strike
{
	mc-disabled: true;
}

strong
{
	mc-disabled: true;
}

u
{
	mc-disabled: false;
}

i
{
	mc-disabled: false;
}

samp
{
	mc-disabled: true;
}

small
{
	mc-disabled: true;
}

tt
{
	mc-disabled: true;
}

var
{
	mc-disabled: true;
}

span.boolean	/* Flare report says this style isn't used */
{
	mc-disabled: true;
}

span.state
{
	mc-disabled: true;
}

blockquote
{
	mc-disabled: false;
}

center
{
	mc-disabled: false;
}

dir
{
	mc-disabled: true;
}

menu
{
	mc-disabled: true;
}

code
{
	mc-disabled: true;
}

abbr
{
	mc-disabled: true;
}

acronym
{
	mc-disabled: true;
}

b
{
	mc-disabled: false;
}

big
{
	mc-disabled: true;
}

button
{
	mc-disabled: true;
}

cite
{
	mc-disabled: true;
}

dd
{
	mc-disabled: true;
}

del
{
	mc-disabled: true;
}

em
{
	mc-disabled: true;
}

ins
{
	mc-disabled: true;
}

kbd
{
	mc-disabled: true;
}

o
{
	mc-disabled: true;
}

s
{
	mc-disabled: true;
}

strike
{
	mc-disabled: true;
}

strong
{
	mc-disabled: true;
}

u
{
	mc-disabled: false;
}

i
{
	mc-disabled: false;
}

samp
{
	mc-disabled: true;
}

small
{
	mc-disabled: true;
}

tt
{
	mc-disabled: true;
}

var
{
	mc-disabled: true;
}

span.boolean	/* Flare report says this style isn't used */
{
	mc-disabled: true;
}

span.state
{
	mc-disabled: true;
}

blockquote
{
	mc-disabled: false;
}

center
{
	mc-disabled: false;
}

dir
{
	mc-disabled: true;
}

menu
{
	mc-disabled: true;
}

li.li_indent_2
{
	margin-bottom: .3rem;
	margin-left: 3.5rem;
}

MadCap|tocProxy
{
	border-top-style: none;
	border-top-width: inherit;
}

MadCap|xref
{
	color: #b32317;
	font-family: 'roboto';
}

/* phone */

@media (max-width: 450px)
{
	#ua	/* hides the pop out side nav menu on  mobile screens */
	{
		display: none;
	}

	body .phone	/* this is a supporting style for the .phone style. The .phone selector seems to make content hidden by default, and then the styles for specific media make the content visible again. This style is not used, but might be worth keeping around to be safe unless we decide we want to do away with the .phone style */
	{
		display: block;
	}

	body span.phone	/* this is a supporting style for the .phone style. The .phone selector seems to make content hidden by default, and then the styles for specific media make the content visible again. This style is used */
	{
		display: inline;
	}

	body img.phone	/* this is a supporting style for the .phone style. The .phone selector seems to make content hidden by default, and then the styles for specific media make the content visible again. This style is not used, but might be worth keeping around to be safe unless we decide we want to do away with the .phone style */
	{
		display: inline;
	}

	body li.phone	/* this is a supporting style for the .phone style. The .phone selector seems to make content hidden by default, and then the styles for specific media make the content visible again. This style is not used, but might be worth keeping around to be safe unless we decide we want to do away with the .phone style  */
	{
		display: list-item;
		height: auto;
		visibility: visible;
	}

	body table.phone	/* this is a supporting style for the .phone style. The .phone selector seems to make content hidden by default, and then the styles for specific media make the content visible again. This style is not used, but might be worth keeping around to be safe unless we decide we want to do away with the .phone style */
	{
		display: table;
	}

	body tr.phone	/* this is a supporting style for the .phone style. The .phone selector seems to make content hidden by default, and then the styles for specific media make the content visible again. This style is not used, but might be worth keeping around to be safe unless we decide we want to do away with the .phone style */
	{
		display: table-row;
	}

	MadCap|dropDown
	{
		mc-image-spacing: 6px;
		mc-image-position: right;
		mc-closed-image: url('../Images/CSS_Icons/arrow_blue_down.png');
		mc-open-image: url('../Images/CSS_Icons/arrow_blue_up.png');
	}

	.title-bar-layout .logo-wrapper	/* this style gives a margin to the company icon in the banner at the top of the screen, preventing the mobile/tablet hamburger menu from overlaping it */
	{
		margin-left: 40px;
	}
}

/* tablet */

@media (min-width: 451px) and (max-width: 750px)
{
	#ua	/* hides the pop out side nav menu on  tablet screens */
	{
		display: none;
	}

	body .tablet	/* this is a supporting style for the .tablet style. The .tablet selector seems to make content hidden by default, and then the styles for specific media make the content visible again. This style is not used, but might be worth keeping around to be safe unless we decide we want to do away with the .tablet style  */
	{
		display: block;
	}

	body span.tablet	/* this is a supporting style for the .tablet style. The .tablet selector seems to make content hidden by default, and then the styles for specific media make the content visible again. This style is used */
	{
		display: inline;
	}

	body img.tablet	/* this is a supporting style for the .tablet style. The .tablet selector seems to make content hidden by default, and then the styles for specific media make the content visible again. This style is not used, but might be worth keeping around to be safe unless we decide we want to do away with the .tablet style  */
	{
		display: inline;
	}

	body li.tablet	/* this is a supporting style for the .tablet style. The .tablet selector seems to make content hidden by default, and then the styles for specific media make the content visible again. This style is not used, but might be worth keeping around to be safe unless we decide we want to do away with the .tablet style  */
	{
		display: list-item;
		height: auto;
		visibility: visible;
	}

	body table.tablet	/* this is a supporting style for the .tablet style. The .tablet selector seems to make content hidden by default, and then the styles for specific media make the content visible again. This style is not used, but might be worth keeping around to be safe unless we decide we want to do away with the .tablet style  */
	{
		display: table;
	}

	body tr.tablet	/* this is a supporting style for the .tablet style. The .tablet selector seems to make content hidden by default, and then the styles for specific media make the content visible again. This style is not used, but might be worth keeping around to be safe unless we decide we want to do away with the .tablet style  */
	{
		display: table-row;
	}

	ul.menu._Skins_Help_Center_Menu_Slide.mc-component a	/* Controls the width of the side menu items to make room for the expander arrow. Also controls width of links in mini TOC proxies */
	{
		max-width: 100%;
	}

	MadCap|dropDown
	{
		mc-image-spacing: 6px;
		mc-image-position: right;
		mc-closed-image: url('../Images/CSS_Icons/arrow_blue_down.png');
		mc-open-image: url('../Images/CSS_Icons/arrow_blue_up.png');
	}

	.title-bar-layout .logo-wrapper	/* this style gives a margin to the company icon in the banner at the top of the screen, preventing the mobile/tablet hamburger menu from overlaping it */
	{
		margin-left: 40px;
	}
}

/* desktop */

@media (min-width: 751px)
{
	body .desktop	/* this is a supporting style for the .desktop style. The .desktop selector seems to make content hidden by default, and then the styles for specific media make the content visible again. This style is not used, but might be worth keeping around to be safe unless we decide we want to do away with the .desktop style  */
	{
		display: block;
	}

	body span.desktop	/* this is a supporting style for the .desktop style. The .desktop selector seems to make content hidden by default, and then the styles for specific media make the content visible again. This style is used  */
	{
		display: inline;
	}

	body img.desktop	/* this is a supporting style for the .desktop style. The .desktop selector seems to make content hidden by default, and then the styles for specific media make the content visible again. This style is used */
	{
		display: inline;
	}

	body li.desktop	/* this is a supporting style for the .desktop style. The .desktop selector seems to make content hidden by default, and then the styles for specific media make the content visible again. This style is not used, but might be worth keeping around to be safe unless we decide we want to do away with the .desktop style  */
	{
		display: list-item;
		height: auto;
		visibility: visible;
	}

	body table.desktop	/* this is a supporting style for the .desktop style. The .desktop selector seems to make content hidden by default, and then the styles for specific media make the content visible again. This style is not used, but might be worth keeping around to be safe unless we decide we want to do away with the .desktop style */
	{
		display: table;
	}

	body tr.desktop	/* this is a supporting style for the .desktop style. The .desktop selector seems to make content hidden by default, and then the styles for specific media make the content visible again. This style is not used, but might be worth keeping around to be safe unless we decide we want to do away with the .desktop style */
	{
		display: table-row;
	}

	div.Six-box_front	/* Flare says this style isn't used */
	{
		display: flex;
	}

	div.Five-box_front	/* This style isn't used */
	{
		display: flex;
	}

	div.Four-box_front	/* This style is used to create a row of four tiles on landing pages */
	{
		display: flex;
	}

	div.Three-box	/* This style is used to create a row of three tiles on landing pages */
	{
		display: flex;
	}

	div.Three-box-links	/* This style is used to create a row of three divs for columns of text */
	{
		display: flex;
	}

	div.Two-box	/* This style is used to create a row of two tiles on landing pages */
	{
		display: flex;
	}

	div.Front	/* Supporting style for div.Front. Flare says this style isn't used */
	{
		display: flex;
	}

	MadCap|dropDown
	{
		mc-image-spacing: 6px;
		mc-image-position: right;
		mc-closed-image: url('../Images/CSS_Icons/arrow_blue_down.png');
		mc-open-image: url('../Images/CSS_Icons/arrow_blue_up.png');
	}

	.title-bar-layout .logo-wrapper	/* this style gives a margin to the company icon in the banner at the top of the screen, preventing the mobile/tablet hamburger menu from overlaping it */
	{
		margin-left: 40px;
	}
}

.phone	/* the .phone selector seems to make content hidden by default, and then the styles for specific media make the content visible again. This style is used */
{
	display: none;
}

.tablet	/* the .tablet selector seems to make content hidden by default, and then the styles for specific media make the content visible again. This style is used */
{
	display: none;
}

.desktop	/* The .desktop selector seems to make content hidden by default, and then the styles for specific media make the content visible again. This style is used */
{
	display: none;
}

li.phone	/* this is a supporting style for the .phone style. The .phone selector seems to make content hidden by default, and then the styles for specific media make the content visible again. This style is not used, but might be worth keeping around to be safe unless we decide we want to do away with the .phone style */
{
	display: block;
	height: 0;
	visibility: hidden;
	margin-left: 0;
}

li.tablet	/* this is a supporting style for the .tablet style. The .tablet selector seems to make content hidden by default, and then the styles for specific media make the content visible again. This style is not used, but might be worth keeping around to be safe unless we decide we want to do away with the .tablet style */
{
	display: block;
	height: 0;
	visibility: hidden;
	margin-left: 0;
}

li.desktop	/* this is a supporting style for the .desktop style. The .desktop selector seems to make content hidden by default, and then the styles for specific media make the content visible again. This style is not used, but might be worth keeping around to be safe unless we decide we want to do away with the .desktop style */
{
	display: block;
	height: 0;
	visibility: hidden;
	margin-left: 0;
}

MadCap|breadcrumbsProxy
{
	border-bottom-color: transparent;
	border-bottom-width: 2px;
	mc-breadcrumbs-prefix: ' ';
	font-size: 0.8rem;
	font-family: 'roboto';
	mc-breadcrumbs-count: 6;
	clear: none;
	float: left;
	color: gray;
}

@media only screen and (max-width: 979px)
{
	#ua	/* hides the pop out side nav menu on  tablet screens */
	{
		display: none;
	}

	body
	{
		mc-hyphenate: never;
		font-family: 'roboto';
		font-size: .85rem;
		margin-left: 0.5rem;
		margin: 0.5rem 0.5rem 0.5rem 1rem;
	}

	MadCap|dropDown
	{
		mc-image-position: right;
		mc-image-spacing: 6px;
	}

	div.Two-column_text > div:nth-child(1)	/* Supporting style for div.Two-column_text. Defines the appearance of the first child div in a div with the .Two-column_text style */
	{
		width: 50%;
		margin-left: 0%;
	}

	div.Two-column_text > div:nth-child(2)	/* Supporting style for div.Two-column_text. Defines the appearance of the first child div in a div with the .Two-column_text style */
	{
		width: 50%;
		margin-left: 0%;
	}

	ul
	{
		list-style-type: square;
	}

	h1
	{
		font-size: 1.45rem;
	}

	div.Front > div:nth-child(1)	/* Supporting style for div.Front. Controls the width of the first child div. Flare says this style isn't used */
	{
		width: 50%;
	}

	div.Front > div:nth-child(2)	/* Supporting style for div.Front. Controls the width of the second child div. Flare says this style isn't used */
	{
		width: 50%;
	}

	div.Front > div:nth-child(3)	/* Supporting style for div.Front. Controls the width of the third child div. Flare says this style isn't used */
	{
		width: 50%;
	}

	div.Two-box > div:nth-child(1)	/* Supporting style for div.Two-box. Defines the appearance of the first child div in a div with the .Two-box style */
	{
		width: 50%;
	}

	div.Two-box > div:nth-child(2)	/* Supporting style for div.Two-box. Defines the appearance of the second child div in a div with the .Two-box style */
	{
		width: 50%;
	}

	div.Two-box > div	/* Supporting style for div.Two-box */
	{
		padding: 10px;
	}

	div.Troubleshooting > div:nth-child(1)	/* Supporting style for div.Troubleshooting. Defines the appearance of the first child div in a div with the .Troubleshooting style */
	{
		margin-left: 0%;
		width: 60%;
	}

	div.Troubleshooting > div:nth-child(2)	/* Supporting style for div.Troubleshooting. Defines the appearance of the second child div in a div with the .Troubleshooting style */
	{
		margin-left: 0%;
		width: 40%;
	}

	h4
	{
		font-size: 1.0rem;
	}

	div.Five-box_front > div:nth-child(1)	/* this style is not used */
	{
		width: 20%;
		margin-left: 0%;
	}

	div.Five-box_front > div:nth-child(2)	/* this style is not used */
	{
		width: 20%;
		margin-left: 0%;
	}

	div.Five-box_front > div:nth-child(3)	/* this style may not be needed or used */
	{
		width: 20%;
		margin-left: 0%;
	}

	div.Five-box_front > div:nth-child(4)	/* this style may not be needed or used */
	{
		width: 20%;
		margin-left: 0%;
	}

	div.Five-box_front > div:nth-child(5)	/* this style may not be needed or used */
	{
		width: 20%;
		margin-left: 0%;
	}

	div.Six-box_front > div:nth-child(5)	/* Flare says this style isn't used,  also the tablet section only defines the 5th and 6th children */
	{
		width: 8.3333%;
		margin-left: 0%;
	}

	div.Six-box_front > div:nth-child(6)	/* Flare says this style isn't used, also the tablet section only defines the 5th and 6th children */
	{
		width: 8.3333%;
		margin-left: 0%;
	}

	a.Front
	{
		font-size: .95rem;
	}

	.title-bar-layout .logo-wrapper	/* this style gives a margin to the company icon in the banner at the top of the screen, preventing the mobile/tablet hamburger menu from overlaping it */
	{
		margin-left: 40px;
	}
}

@media only screen and (max-width: 767px)
{
	body
	{
		font-size: 0.75rem;
		mc-hyphenate: never;
		margin: 0.5rem 0.5rem 0.5rem 1rem;
	}

	ul.menu._Skins_Help_Center_Menu_Slide.mc-component a	/* Controls the width of the side menu items to make room for the expander arrow. Also controls width of links in mini TOC proxies */
	{
		max-width: 100%;
	}

	MadCap|dropDown
	{
		mc-image-position: right;
		mc-image-spacing: 6px;
	}

	div.Six-box_front	/* Flare says this style isn't used */
	{
		display: block;
	}

	div.Five-box_front	/* Flare says this style isn't used */
	{
		display: block;
	}

	div.Four-box_front	/* Supporting style for div.Four-box_front */
	{
		display: block;
	}

	div.Three-box	/* Supporting style for div.Three-box */
	{
		display: block;
	}

	div.Three-box-links	/* This style is used to create a row with three div columns for text and is used for the links on the front page of help center */
	{
		display: block;
	}

	div.Two-box	/* Supporting style for div.Two-box */
	{
		display: block;
	}

	div.Front	/* Supporting style for div.Front. Flare says this style isn't used */
	{
		display: block;
	}

	div.Two-column_text > div:nth-child(1)	/* Supporting style for div.Two-column_text. Defines the appearance of the first child div in a div with the .Two-column_text style */
	{
		width: 100%;
		margin-left: 0%;
		padding: 5px;
	}

	div.Two-column_text > div:nth-child(2)	/* Supporting style for div.Two-column_text. Defines the appearance of the second child div in a div with the .Two-column_text style */
	{
		width: 100%;
		margin-left: 0%;
		padding: 5px;
	}

	h1
	{
		font-size: 1.4rem;
	}

	h2
	{
		font-size: 1.2rem;
	}

	h3
	{
		font-size: 1.05rem;
	}

	h4
	{
		font-size: .975rem;
	}

	ul
	{
		list-style-type: square;
	}

	div.Front > div:nth-child(1)	/* Supporting style for div.Front. Controls the width of the first child div. Flare says this style isn't used */
	{
		width: 100%;
	}

	div.Front > div:nth-child(2)	/* Supporting style for div.Front. Controls the width of the second child div. Flare says this style isn't used */
	{
		width: 100%;
	}

	div.Front > div:nth-child(3)	/* Supporting style for div.Front. Controls the width of the third child div. Flare says this style isn't used */
	{
		width: 100%;
	}

	div.Two-box > div:nth-child(1)	/* Supporting style for div.Two-box. Defines the appearance of the first child div in a div with the .Two-box style */
	{
		width: 100%;
	}

	div.Two-box > div:nth-child(2)	/* Supporting style for div.Two-box. Defines the appearance of the second child div in a div with the .Two-box style */
	{
		width: 100%;
	}

	div.Three-box > div:nth-child(1)	/* Supporting style for div.Three-box. Defines the appearance of the first child div in a div with the .Three-box style */
	{
		width: 100%;
	}

	div.Three-box > div:nth-child(2)	/* Supporting style for div.Three-box. Defines the appearance of the second child div in a div with the .Three-box style */
	{
		width: 100%;
	}

	div.Three-box > div:nth-child(3)	/* Supporting style for div.Three-box. Defines the appearance of the third child div in a div with the .Three-box style */
	{
		width: 100%;
	}

	div.Troubleshooting > div:nth-child(1)	/* Supporting style for div.Troubleshooting. Defines the appearance of the first child div in a div with the .Troubleshooting style */
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Troubleshooting > div:nth-child(2)	/* Supporting style for div.Troubleshooting. Defines the appearance of the second child div in a div with the .Troubleshooting style */
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Four-box_front > div:nth-child(1)	/* Supporting style for div.Four-box_front. Defines the appearance of the first child div in a div with the .Four-box_front style */
	{
		width: 100%;
	}

	div.Four-box_front > div:nth-child(2)	/* Supporting style for div.Four-box_front. Defines the appearance of the second child div in a div with the .Four-box_front style */
	{
		width: 100%;
	}

	div.Four-box_front > div:nth-child(3)	/* Supporting style for div.Four-box_front. Defines the appearance of the third child div in a div with the .Four-box_front style */
	{
		width: 100%;
	}

	div.Four-box_front > div:nth-child(4)	/* Supporting style for div.Four-box_front. Defines the appearance of the fourth child div in a div with the .Four-box_front style */
	{
		width: 100%;
	}

	div.Five-box_front > div:nth-child(1)	/* Flare says this style isn't used */
	{
		margin-left: 0%;
		width: 100%;
	}

	div.Five-box_front > div:nth-child(2)	/* Flare says this style isn't used */
	{
		margin-left: 0%;
		width: 100%;
	}

	div.Five-box_front > div:nth-child(3)	/* Flare says this style isn't used */
	{
		margin-left: 0%;
		width: 100%;
	}

	div.Five-box_front > div:nth-child(4)	/* Flare says this style isn't used */
	{
		margin-left: 0%;
		width: 100%;
	}

	div.Five-box_front > div:nth-child(5)	/* Flare says this style isn't used */
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Six-box_front > div:nth-child(1)	/* Flare says this style isn't used */
	{
		width: 50%;
	}

	div.Six-box_front > div:nth-child(2)	/* Flare says this style isn't used */
	{
		width: 50%;
	}

	div.Six-box_front > div:nth-child(3)	/* Flare says this style isn't used */
	{
		width: 50%;
	}

	div.Six-box_front > div:nth-child(4)	/* Flare says this style isn't used */
	{
		width: 50%;
	}

	div.Six-box_front > div:nth-child(5)	/* Flare says this style isn't used */
	{
		width: 8.3333%;
		margin-left: 0%;
	}

	div.Six-box_front > div:nth-child(6)	/* Flare says this style isn't used */
	{
		width: 8.3333%;
		margin-left: 0%;
	}

	a.Front
	{
		font-size: .85rem;
	}

	div.Two-column_text > div	/* Supporting style for div.Two-column_text */
	{
		padding: 5px;
	}

	#ua_content	/* Used for the pop out side nav menu */
	{
		height: 400px;
		width: 250px;
		left: -250px;
	}

	#ua:active	/* Used for the pop out side nav menu */
	{
		left: 250px;
	}

	#ua:focus	/* Used for the pop out side nav menu */
	{
		left: 250px;
	}

	#ua:hover	/* Used for the pop out side nav menu */
	{
		left: 250px;
	}

	nav.title-bar
	{
		padding-bottom: 10px;
	}

	p.BestPractice
	{
		font-weight: normal;
		font-style: normal;
		margin-left: 20px;
		background-image: url('../Images/CSS_Icons/icon_help_center_Best Practice_black.png');
		padding-left: 80px;
		padding-right: 15px;
		padding-top: 15px;
		padding-bottom: 12px;
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
		border-bottom-left-radius: 12px;
		border-left-style: solid;
		border-left-width: 10px;
		border-left-color: #e6e6e6;
		border-right-style: solid;
		border-right-width: 10px;
		border-right-color: #e6e6e6;
		border-top-style: solid;
		border-top-width: 10px;
		border-top-color: #e6e6e6;
		border-bottom-style: solid;
		border-bottom-width: 10px;
		border-bottom-color: #e6e6e6;
		background-position-x: 20px;
	}

	p.Caution
	{
		
	}

	.title-bar-layout .logo-wrapper	/* this style gives a margin to the company icon in the banner at the top of the screen, preventing the mobile/tablet hamburger menu from overlaping it */
	{
		margin-left: 40px;
	}
}

html.front
{
	
}

p.footright	/* used in page layouts for PDF output */
{
	font-size: .8rem;
	margin-bottom: .5rem;
	margin-top: .5rem;
	font-family: 'roboto', Raleway;
}

div.Two-column_text	/*Insert this responsive table for two-column text or images in a topic.*/
{
	mc-grid-row: true;
	margin-left: .5rem;
	margin-right: .5rem;
	padding-left: .5rem;
	padding-right: .5rem;
	margin-top: 10px;
}

div.Two-column_text::before	/* Supporting style for div.Two-column_text */
{
	content: ' ';
	display: table;
}

div.Two-column_text::after	/* Supporting style for div.Two-column_text */
{
	content: ' ';
	display: table;
	clear: both;
}

div.Two-column_text > div	/* Supporting style for div.Two-column_text */
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 2.5px;
	padding-right: 2.5px;
	padding: 10px;
}

div.Two-column_text > div:nth-child(1)	/* Supporting style for div.Two-column_text. Defines the appearance of the first child div in a div with the .Two-column_text style */
{
	width: 50%;
	margin-left: 0%;
	padding: 10px;
}

div.Two-column_text > div:nth-child(2)	/* Supporting style for div.Two-column_text. Defines the appearance of the second child div in a div with the .Two-column_text style */
{
	width: 50%;
	margin-left: 0%;
	padding: 10px;
}

a.MCBreadcrumbsLink:visited
{
	color: gray;
}

a.MCBreadcrumbsLink:hover
{
	color: darkgray;
}

a.MCBreadcrumbsLink
{
	color: darkgray;
}

li.front	/* Flare says this style isn't used */
{
	margin-left: 2rem;
}

MadCap|slideshow
{
	left: 0;
	margin-bottom: 2rem;
	margin: 1rem 0rem 1rem 0rem;
	z-index: 0;
	text-align: left;
}

div.ImagesFloatLeft	/* Flare says this style isn't used */
{
	float: left;
	padding: .4rem;
	margin-right: .8rem;
	clear: both;
}

div.ImagesFloatRight	/* Flare says this style isn't used */
{
	clear: both;
	float: right;
	margin-left: .8rem;
	padding: .4rem;
}

span.h2	/* I don't think this style is used */
{
	line-height: 1.65rem;
	font-weight: bold;
	font-size: 1.45rem;
	font-family: 'roboto', raleway;
}

MadCap|popupHead
{
	background-image: url('../Images/CSS_Icons/blue_arrow.png');
	background-position: 2% 50%;
	background-repeat: no-repeat;
	font-style: italic;
	font-weight: bold;
	margin-left: 2px;
	padding: 2px 2px 2px 20px;
	font-size: .9rem;
	font-family: 'roboto';
	color: #e81410;
}

a.topic_popup
{
	background-image: url('../Images/CSS_Icons/pop-up_topic.png');
	background-position: 2% 50%;
	background-repeat: no-repeat;
	font-style: italic;
	padding-bottom: 4px;
	padding-left: 27px;
	padding-top: 4px;
	text-decoration: none;
	mc-help-control-display: popup;
}

caption
{
	font-size: .7rem;
	font-style: italic;
	padding-top: 5px;
	text-align: left;
	text-indent: 15px;
	font-family: 'roboto', Raleway;
}

div.sideContent	/* this style is not used */
{
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 33.33%;
}

div.TightContent	/* Flare report says this style is used */
{
	line-height: 1rem;
}

MadCap|helpControlMenuItem
{
	background-color: ;
	font-size: .9rem;
	color: #808080;
	padding: 3px 3px 3px 0px;
	font-family: 'roboto', Raleway;
}

MadCap|xref.OnPage
{
	font-family: 'roboto';
	mc-format: '{paratext}';
}

MadCap|relatedTopics
{
	color: #b32317;
	font-style: italic;
	mc-image: url('../Images/CSS_Icons/blue_arrow.png');
}

ul.navigation ul > li
{
	left: 0px;
}

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

MadCap|popupBody
{
	background-color: #d9f1f5;
	border: solid 2px #d9f1f5;
	color: #696969;
	mc-help-control-display: popup;
	font-size: 0.8rem;
	font-style: italic;
	font-family: 'roboto';
}

MadCap|popup
{
	font-style: italic;
	border-radius: 12px;
	color: #2d9bae;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	mc-help-control-display: popup;
}

a.Popup
{
	mc-help-control-display: popup;
}

MadCap|popup.popup_info
{
	/*
	mc-help-control-display: popup;
	background-image: url('../Images/CSS_Icons/blue_arrow.png');
	background-position: 2% 50%;
*/
	background-repeat: no-repeat;
	margin-top: 10px;
	padding-bottom: 5px;
	padding-left: 22px;
	padding-right: 5px;
	margin-left: 10px;
}

MadCap|popup.popup_tip
{
	mc-help-control-display: popup;
	background-image: url('../Images/CSS_Icons/tip.png');
	background-position: 2% 50%;
	background-repeat: no-repeat;
	margin-top: 10px;
	padding-bottom: 5px;
	padding-left: 22px;
	padding-right: 5px;
	padding-top: 5px;
	margin-left: 10px;
}

MadCap|relatedTopicsControlListItemLink
{
	color: #2d9bae;
}

MadCap|relatedTopicsControlList
{
	background-color: #d9f1f5;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	font-size: .9rem;
	outline-color: #d9f1f5;
	outline-style: solid;
	color: #2d9bae;
	border-bottom-color: #d9f1f5;
	border-color: #d9f1f5;
}

MadCap|relatedTopicsControlListItem
{
	font-size: .9rem;
	color: #2d9bae;
}

MadCap|relatedTopics:focus
{
	
}

MadCap|helpControlMenu
{
	border: solid 2px #d9f1f5;
	background-color: #d9f1f5;
	color: #2d9bae;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

MadCap|helpControlMenuItem.Highlighted
{
	background-color: transparent;
	color: #c00000;
	font-weight: bold;
	font-size: .9rem;
}

h1.FrontMatter
{
	
}

h2.FrontMatter
{
	
}

ol ul
{
	list-style-type: square;
	margin: .2rem 0rem 0rem .6rem;
}

MadCap|popupHead.popupHead_tip
{
	background-image: url('../Images/CSS_Icons/tip.png');
	color: #e81410;
}

MadCap|expanding
{
	mc-closed-image: url('../Images/CSS_Icons/arrow_blue_down.png');
	mc-open-image: url('../Images/CSS_Icons/arrow_blue_up.png');
	font-size: inherit;
	color: #000000;
	font-family: 'roboto';
}

th
{
	font-family: 'roboto', Raleway;
}

p.Chapter
{
	font-family: 'roboto', Raleway;
}

p.FrontMatterH1
{
	font-family: 'roboto', Raleway;
}

p.FrontMatterH2
{
	font-family: 'roboto', Raleway;
}

span.h3
{
	font-family: 'roboto', Raleway;
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1.55rem;
}

MadCap|slide
{
	z-index: 0;
}

MadCap|slideshowBullet
{
	z-index: 1;
}

MadCap|slideshowCaption
{
	z-index: -1;
}

p.caption_diagram_1
{
	font-size: 8pt;
	margin-top: 0;
	line-height: 120%;
	margin-bottom: 1pt;
	margin-left: 3.5rem;
	margin: 0rem 0rem 1pt 3.5rem;
	font-style: italic;
}

hr.red
{
	border: solid 2px #901b1c;
	background-color: #901b1c;
}

p.Caution
{
	background-repeat: no-repeat;
	background-color: #e6e6e6;
	left: 2px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: 20px;
	border-bottom: solid 10px #e6e6e6;
	border-left: solid 10px #e6e6e6;
	border-right: solid 10px #e6e6e6;
	border-top: solid 10px #e6e6e6;
	bottom: 9px;
	margin: 20px auto 20px 20px;
	background-origin: padding-box;
	min-height: 45px;
	background-position: 20px 40%;
	line-height: 140%;
	background-image: url('../Images/CSS_Icons/icon_help_center_Caution.png');
	padding-left: 80px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	border-left-style: solid;
	border-left-width: 10px;
	border-left-color: #e6e6e6;
	border-right-style: solid;
	border-right-width: 10px;
	border-right-color: #e6e6e6;
	border-top-style: solid;
	border-top-width: 10px;
	border-top-color: #e6e6e6;
	border-bottom-style: solid;
	border-bottom-width: 10px;
	border-bottom-color: #e6e6e6;
	mc-auto-number-format: 'GH:Caution: ';
}

div.Row-4-4-4	/* Flare report says this style isn't used */
{
	background-color: #fcfcfc;
}

MadCap|dropDownHead.h2
{
	color: #000000;
	font-weight: bold;
	font-size: 1.3rem;
}

MadCap|dropDownHotspot.h2
{
	color: #000000;
	font-weight: bold;
	font-size: 1.3rem;
}

MadCap|slideshow.Front	/* Flare report says this style isn't used */
{
	left: 0;
	margin-bottom: 2rem;
	margin: 1rem 0rem 1rem 0rem;
	z-index: 0;
	text-align: center;
}

a.Front
{
	text-decoration: none;
	color: #696969;
	font-size: 1.05rem;
	line-height: normal;
	font-weight: bold;
}

a.Front:hover
{
	color: #b32317;
}

/* show/hide menu icons */

ul.mc-component ul > li.has-children > a
{
	/* uses !important because MC uses your skin's name in their selector */
	/* easier than using skin's name, which could change */
	margin-left: 18px !important;
	padding-left: 2px !important;
}

ul.mc-component ul.sub-menu	/* indents submenus to add space for the arrow icon */
{
	margin-left: 20px;
}

ul.mc-component li > span.opener	/* the opener span contains the arrow icon */
{
	color: #2d9bae;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
	font-size: 1.2em;
}

ul.mc-component li li span.opener
{
	margin-right: -20px;
	margin-left: 6px;
}

ul.menu.mc-component li > span.opener:hover
{
	cursor: pointer;
	cursor: hand;
	color: #c00000;
}

ul.sub-menu.off
{
	display: none;
}

ul.menu li > a
{
	display: block;
}

.is-accordion-submenu-parent > a::after
{
	right: -10px;
}

div.summary-left	/* This is used for the Integration Summary section of integration guides */
{
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	padding-left: 10px;
	border-left: solid 4px #c00000;
	background-color: #e9e8e8;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	padding: 11px 5px 10px 12px;
}

a.MiniTOC1:link	/* Controls the look of the links in a miniTOC proxy */
{
	color: #e81410;
}

a.MiniTOC1:visited	/* Controls the look of the links in a miniTOC proxy */
{
	color: #e81410;
}

a.MiniTOC1:hover	/* Controls the look of the links in a miniTOC proxy */
{
	color: #b32317;
}

MadCap|popupHead.definition	/* the popupHead.definition style is used for popup text that defines a term or acronym */
{
	background-image: none;
	padding: 0px;
	margin-left: 0px;
	font-weight: normal;
	text-decoration: none;
	border-radius: 0px;
	font-size: inherit;
	font-family: 'roboto', sans-serif;
	font-style: italic;
	border-bottom: dotted 1.2px #808080;
	color: #000000;
}

MadCap|popup.definition	/* the popupHead.definition style is used for popup text that defines a term or acronym */
{
	
}

img.Thumbnail	/* This style is used for MadCap thumbnail images that get larger when you click them */
{
	mc-thumbnail-max-height: 100px;
	mc-thumbnail: popup;
	box-shadow: 2px 3px 4px #808080;
	box-sizing: border-box;
}

img.hasBorder	/* this style is used for images in help topics that don't have a border added to the image itself */
{
	border: solid 1px #acacac;
}

.search-bar._Skins_Help_Center_Search_Bar.mc-component .search-filter:hover
{
	background-position: center;
}

img.icon	/* This style is used for inline icons, to make them the icon the same size as the text even when the text changes for different screen sizes */
{
	width: auto;
	height: 1em;
}

html[data-mc-toc-path^="Fireware"] ul.navigation > li[data-mc-id="0"],
html[data-mc-toc-path^="WatchGuard Cloud"] ul.navigation > li[data-mc-id="1"],
html[data-mc-toc-path^="AuthPoint"] ul.navigation > li[data-mc-id="2"],
html[data-mc-toc-path^="Endpoint Security"] ul.navigation > li[data-mc-id="3"],
html[data-mc-toc-path^="Wi-Fi Cloud"] ul.navigation > li[data-mc-id="4"],
html[data-mc-toc-path^="Self-Help Tools"] ul.navigation > li[data-mc-id="5"]	/* These styles are used to highlight the top nav menu items to show which section of the help you are viewing */
{
	border-bottom: solid 1.5px #fcfcfc;
	border-radius: 3px 3px 2px 2px;
	background-color: rgba(255,255,255,0.35);
}

ul.navigation li:hover
{
	border-radius: 3px 3px 2px 2px;
	background-color: rgba(255,255,255,0.35);
}

ul.navigation > li
{
	margin-left: 3px;
	margin-right: 3px;
}

p.announcement	/* This style is used for the text in the slides on the front page of help center */
{
	bottom: 9px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	margin-left: 20px;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 100%;
	border-bottom: solid 1px #e6e6e6;
	border-left: solid 1px #e6e6e6;
	border-right: solid 1px #e6e6e6;
	border-top: solid 1px #e6e6e6;
	padding-left: 20px;
	left: 2px;
	min-height: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	width: auto;
}

div.localization
{
	clear: both;
	margin-top: 10px;
}

p.localization	/* this style is used for the localization message that appears at the top of localized help topics */
{
	bottom: 9px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	margin-left: 20px;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 100%;
	border-bottom: solid 1px #e6e6e6;
	border-left: solid 1px #e6e6e6;
	border-right: solid 1px #e6e6e6;
	border-top: solid 1px #e6e6e6;
	padding-left: 20px;
	left: 2px;
	min-height: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
}

p.applies_to	/* Paragraph after H1 that indicates which products or features a topic applies to */
{
	font-size: 0.9em;
	font-weight: normal;
	font-style: italic;
	margin-top: 0.25rem;
}

MadCap|popupHead.applies_to	/* Popup style for the feature or product names a topic applies to */
{
	background-image: none;
	padding: 0px;
	margin-left: 0px;
	font-weight: normal;
	text-decoration: none;
	border-radius: 0px;
	font-size: inherit;
	font-family: 'roboto', sans-serif;
	font-style: italic;
	border-bottom: dotted 1.2px #808080;
	color: #000000;
}

MadCap|popup.applies_to
{
	
}

MadCap|popupHead.feature_list	/*Popup style to provide more detail for an entry in a table.*/
{
	background-image: none;
	padding: 0px;
	margin-left: 0px;
	font-weight: normal;
	text-decoration: none;
	border-radius: 0px;
	font-size: inherit;
	font-family: 'roboto', sans-serif;
	font-style: italic;
	border-bottom: dotted 1.2px #e81410;
	color: #e81410;
}

MadCap|popup.feature_list
{
	
}

div.buttons	/* This style is used in the language menu */
{
	/* Language menu */
	position: absolute;
	right: 0px;
	width: 200px;
	z-index: 1;
}

div.toolbar-button-drop-down	/* This style is used in the language menu */
{
	position: initial;
}

div.button-group-container-left	/* This style is used in the language menu */
{
	position: initial;
}

.button-group-container-left	/* This style is used in the language menu */
{
	/* Language menu */
	float: right;
	margin-left: -1px;
	margin-right: -1px;
	margin-top: 3px;
}

div.language_menu	/* This style is used in the language menu */
{
	height: 20px;
}

p.Tip
{
	background-repeat: no-repeat;
	border-top: solid 10px #e6e6e6;
	border-right: solid 10px #e6e6e6;
	border-left: solid 10px #e6e6e6;
	border-bottom: solid 10px #e6e6e6;
	background-color: #e6e6e6;
	bottom: 9px;
	left: 2px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-top: 20px;
	margin-right: auto;
	min-height: 60px;
	background-position: 20px 40%;
	mc-short-line: 0;
	background-position-y: 40%;
	background-image: url('../Images/CSS_Icons/icon_help_center_Tip_black.png');
	padding-left: 80px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	border-left-style: solid;
	border-left-width: 10px;
	border-left-color: #e6e6e6;
	border-right-style: solid;
	border-right-width: 10px;
	border-right-color: #e6e6e6;
	border-top-style: solid;
	border-top-width: 10px;
	border-top-color: #e6e6e6;
	border-bottom-style: solid;
	border-bottom-width: 10px;
	border-bottom-color: #e6e6e6;
}

h4.black	/* This is an H4 style that can be used in topics (default H4 style is grey and used for the See Also links */
{
	color: #000000;
}

p.BestPractice
{
	background-repeat: no-repeat;
	bottom: 9px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-right: auto;
	min-height: 60px;
	mc-short-line: 0;
	background-position-y: 40%;
	margin: 20px auto 20px 20px;
	border-bottom: solid 3px #e6e6e6;
	border-left: solid 3px #e6e6e6;
	border-right: solid 3px #e6e6e6;
	border-top: solid 3px #e6e6e6;
	border-width: 3px;
	left: 2px;
	margin-left: 20px;
	background-position: 27px 40%;
	background-image: url('../Images/CSS_Icons/icon_help_center_Best Practice_black.png');
	background-position-x: 20px;
	padding-left: 80px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	border-left-style: solid;
	border-left-width: 10px;
	border-left-color: #e6e6e6;
	border-right-style: solid;
	border-right-width: 10px;
	border-right-color: #e6e6e6;
	border-top-style: solid;
	border-top-width: 10px;
	border-top-color: #e6e6e6;
	border-bottom-style: solid;
	border-bottom-width: 10px;
	border-bottom-color: #e6e6e6;
	background-color: #e6e6e6;
}

/* this div is used on template pages to wrap around the breadcrumbs proxy and the language menu, so they are placed in the same row */

div.breadcrumbsArea
{
	display: flex;
}

/* this style sets the width of the first div within the breadcrumbsArea, which is the breadcrumbs proxy, to be the full width of the page minus the 180 px of the language menu */

div.breadcrumbsArea > div:nth-child(1)
{
	width: calc(100% - 180px);
}

/* this style sets the width of the second div within the breadcrumbsArea, which is the language menu, to be 180 px */

div.breadcrumbsArea > div:nth-child(2)
{
	width: 180px;
}

/* this style is applied to the language menu select element on template pages where there are no breadcrumbs so that it aligns to the right side of the page just like on pages with the breadcrumbs */

.languageMenu
{
	float: right;
}

p.Permission	/* This style is used for notes in our help topics */
{
	background-repeat: no-repeat;
	border-top: solid 10px #e6e6e6;
	border-right: solid 10px #e6e6e6;
	border-left: solid 10px #e6e6e6;
	border-bottom: solid 10px #e6e6e6;
	background-color: #e6e6e6;
	bottom: 9px;
	left: 2px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-top: 20px;
	margin-right: auto;
	min-height: 60px;
	background-position: 20px 40%;
	padding-left: 80px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	border-left-style: solid;
	border-left-width: 10px;
	border-left-color: #e6e6e6;
	border-right-style: solid;
	border-right-width: 10px;
	border-right-color: #e6e6e6;
	border-top-style: solid;
	border-top-width: 10px;
	border-top-color: #e6e6e6;
	border-bottom-style: solid;
	border-bottom-width: 10px;
	border-bottom-color: #e6e6e6;
	background-image: url('../Images/CSS_Icons/icon_help_center_Permission_black.png');
}

span.landing-title
{
	font-size: 24pt;
	color: #696969;
	font-weight: bold;
}