/*<meta />*/

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

/* Revision 2.28.03, 2020/07/08, CH */
/* ******Desktop Styles****** */

@font-face 
{
	font-family: Arial, sans-serif;
}

body
{
	color: #000000;
	mc-hyphenate: never;
	font-size: 11pt;
	line-height: 1.7em;
	font-family: Arial, sans-serif;
}

p
{
	color: #000000;
	margin-bottom: 8px;
	margin-top: 4px;
}

p.nogloss,
b
{
	mc-disable-glossary-terms: true;
}

/* Madcap Cross-reference Styles*/

MadCap|xref
{
	color: #2D8DCC;
	font-weight: bold;
	mc-format: '{para}';
	text-decoration: underline;
	transition: color 500ms;
	mc-disable-glossary-terms: true;
}

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

a.crossref
{
	color: #2D8DCC;
	mc-format: '{para}';
	text-decoration: underline;
	transition: color 500ms;
	mc-disable-glossary-terms: true;
}

a.crossref:hover
{
	color: #e04e39;
}

div
{
	mc-disable-glossary-terms: true;
}

/* UI Emphasis Styles */

.uicontrol	/* For bolding button, field, and option labels. */
{
	font-weight: bold;
	mc-disable-glossary-terms: true;
}

.uinavhead	/* For bolding navigation breadcrumbs at the head of a reference topic. (e.g., *Settings > Site Settings > Admin*) */
{
	font-weight: bold;
	font-size: 14;
	mc-disable-glossary-terms: true;
}

.uidialog	/* For italicizing pop-up dialog window and tab names. */
{
	font-style: italic;
	mc-disable-glossary-terms: true;
}

.userInput
{
	font-weight: bold;
	font-family: 'Courier New';
	mc-disable-glossary-terms: true;
}

td b
{
	mc-disable-glossary-terms: true;
}

.nav
{
	font-weight: normal;
	font-style: italic;
	font-family: 'Courier New';
	mc-disable-glossary-terms: true;
}

/* Heading Styles */

h1.cover
{
	font-size: 22pt;
	font-weight: bold;
	color: #58595B;
	margin-bottom: 8px;
	padding-bottom: 10px;
	margin-top: 30px;
	clear: both;
	mc-disable-glossary-terms: true;
}

h2.cover
{
	font-size: 15pt;
	font-weight: normal;
	color: #58595B;
	margin-bottom: 4px;
	margin-top: 5px;
	clear: both;
	mc-disable-glossary-terms: true;
}

h1
{
	font-size: 22pt;
	font-weight: bold;
	color: #58595B;
	margin-bottom: 8px;
	padding-bottom: 10px;
	margin-top: 30px;
	clear: both;
	mc-disable-glossary-terms: true;
}

h2
{
	font-size: 18pt;
	font-weight: bold;
	color: #58595B;
	margin-bottom: 4px;
	margin-top: 20px;
	clear: both;
	page-break-before: no;
	mc-disable-glossary-terms: true;
}

h2.beforeYouBegin
{
	font-size: 12pt;
	font-weight: bold;
	color: #58595B;
	margin-top: 18pt;
	margin-bottom: 3pt;
	page-break-before: avoid;
	clear: both;
	mc-disable-glossary-terms: true;
}

h2.aboutThisTask
{
	font-size: 12pt;
	font-weight: bold;
	color: #58595B;
	margin-top: 18pt;
	margin-bottom: 3pt;
	page-break-before: avoid;
	clear: both;
	mc-disable-glossary-terms: true;
}

h2.procedure
{
	font-size: 12pt;
	font-weight: bold;
	color: #58595B;
	margin-bottom: 3pt;
	margin-top: 18pt;
	page-break-before: avoid;
	clear: both;
	mc-disable-glossary-terms: true;
}

h3
{
	font-size: 14pt;
	font-weight: bold;
	font-style: italic;
	color: #58595B;
	margin-bottom: 4px;
	margin-top: 16px;
	clear: both;
	mc-disable-glossary-terms: true;
}

h4
{
	font-weight: normal;
	font-style: italic;
	font-size: 14pt;
	color: #58595B;
	margin-top: 16px;
	margin-bottom: 0em;
	mc-heading-level: 0;
	mc-next-tag: p;
	clear: both;
	mc-disable-glossary-terms: true;
}

h5
{
	font-weight: bold;
	font-size: 12pt;
	font-style: italic;
	color: #56585c;
	margin-top: 16px;
	margin-bottom: 0em;
	mc-heading-level: 0;
	mc-next-tag: p;
	clear: both;
	mc-disable-glossary-terms: true;
}

h6
{
	font-weight: normal;
	font-size: 12pt;
	font-style: italic;
	color: #56585c;
	margin-top: 16px;
	margin-bottom: 0em;
	mc-heading-level: 0;
	mc-next-tag: p;
	clear: both;
	mc-disable-glossary-terms: true;
}

hr
{
	width: 100%;
	display: block;
	height: 1px;
	border: 0;
	border-top: 3px solid #e04e39;
	margin: 1em 0;
	padding: 0;
}

/* Hyperlink Styles */

img.hyperlinked
{
	border-style: none;
}

a
{
	text-decoration: none;
	color: #2d82dc;
	transition: color 500ms;
	mc-disable-glossary-terms: true;
}

a:visited
{
	color: #0000cd;
	transition: color 500ms;
}

a:visited:hover
{
	color: #2d82dc;
}

a:hover
{
	color: #0000cd;
}

div.footer a:hover
{
	text-decoration: none;
	color: #e04e39;
}

p.task-button a:hover
{
	color: #ffffff;
	background-color: #E04E39;
}

p.video-button a:hover
{
	color: #000000;
	background-color: #D0D0CE;
}

.breadcrumb-home:hover a
{
	color: #E04E39;
}

a.MCBreadcrumbsLink
{
	transition: color 500ms;
	text-decoration: underline;
	mc-disable-glossary-terms: true;
}

a.MCBreadcrumbsLink:hover
{
	color: #E04E39;
}

/* Task Button Styles */

div.task-buttons,
div.task-buttons1,
div.task-buttons1r
{
	mc-grid-row: true;
	width: 100%;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	padding-top: 10px;
	padding-bottom: 20px;
	mc-disable-glossary-terms: true;
}

div.task-buttons::before,
div.task-buttons1::before,
div.task-buttons1r::before
{
	content: ' ';
	display: table;
}

div.task-buttons::after,
div.task-buttons1::after,
div.task-buttons1r::after
{
	content: ' ';
	display: table;
	clear: both;
}

/* 1 task button to a row */

div.task-buttons1 > div	/* Div housing the button. Left-aligned. */
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

div.task-buttons1r > div	/* Div housing the button. Right-aligned. */
{
	float: right;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

div.button-group p.want	/* For the label before task-based buttons. (e.g., "I want to...") */
{
	font-size: 18pt;
	text-align: left;
	color: #58595B;
	font-weight: bold;
}

p.task-button a	/* For the text inside the button. */
{
	display: inline-block;
	margin: 5px 0px 5px 0px;
	border-radius: 10px;
	border: solid 2px #222222;
	padding: 7px 15px 7px 15px;
	font-size: 14pt;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background-color: #58595B;
	text-decoration: none;
	-webkit-transition: all 400ms;
	-moz-transition: all 500ms;
	-ms-transition: all 400ms;
	-o-transition: all 400ms;
	transition: all 400ms;
	mc-disable-glossary-terms: true;
}

p.task-button img	/* For images included in a task button, such as a "next" (>) or "previous" (<) arrow. */
{
	margin-bottom: -5px;
	margin-right: 5px;
}

/* Video Button Styles */

p.video-button a
{
	display: inline-block;
	margin: 5px 0px 5px 0px;
	border-radius: 10px;
	padding: 5px 10px 5px 10px;
	font-size: 16px;
	text-align: left;
	color: #ffffff;
	font-weight: bold;
	background-color: #E04E39;
	text-decoration: none;
	-webkit-transition: all 400ms;
	-moz-transition: all 500ms;
	-ms-transition: all 400ms;
	-o-transition: all 400ms;
	transition: all 400ms;
	mc-disable-glossary-terms: true;
}

p.video-button img	/* For the "play button" image. */
{
	margin-bottom: -5px;
	margin-right: 5px;
}

/* Micro-Content Styles*/

div.micro
{
	background-color: #58585b;
	color: white;
}

h2.micro
{
	font-size: 15pt;
	font-weight: bold;
	color: white;
	margin-bottom: 4px;
	margin-top: 5px;
	clear: both;
	mc-disable-glossary-terms: true;
}

p.micro
{
	color: #white;
	margin-bottom: 8px;
	margin-top: 4px;
	font-family: Arial, sans-serif;
}

/* Callout Styles */

p.code	/* Used for blocks of code that span multiple lines. Use <br/> to start each line with this class. */
{
	font-family: 'Courier New', monospace;
	background-color: #D0D0CE;
	background-repeat: no-repeat;
	mc-disable-glossary-terms: true;
	margin-bottom: 0px;
	margin-top: 0px;
}

span.file,
span.code	/* Use to indicate file names and text entries for end users to input. */
{
	font-family: 'Courier New', monospace;
	mc-disable-glossary-terms: true;
}

div.code1
{
	margin-left: 10px;
	mc-disable-glossary-terms: true;
}

div.code2
{
	margin-left: 20px;
	mc-disable-glossary-terms: true;
}

div.info,
div.warning,
div.example,
div.qa,
div.danger,
div.done,
div.idea
/* Use to indicate general information end users should consider or expect. */
/* Use to indicate potential implications of software interactions as well as important information to consider. */
/* Use to provide a user story that gives context for why or how a feature is used. */
/* Used for FAQ/troubleshooting purposes in a topic. */
/* Use for critical "DON'T DO THIS" style messages. Rarely used because we don't want to scare end users. */
/* Use to indicate the end of a multi-topic or lengthy workflow process. */
/* Use to highlight enhancement stories that originated from the Aha Idea Portal */
{
	mc-auto-number-offset: -14px;
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: center;
	background-position: 10px center;
	padding-left: 55px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 1px #58595B;
	border-radius: 6px;
	margin-top: 7px;
	margin-bottom: 7px;
	color: #000000;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width: 80%;
	mc-disable-glossary-terms: true;
}

div.info
{
	background-color: #E2EFF7;
	background-image: url('../../img/icon/icon-info.png');
}

div.warning
{
	background-color: #FFF3C2;
	background-image: url('../../img/icon/icon-warning.png');
}

div.example
{
	background-color: #BFDFFF;
	background-image: url('../../img/icon/icon-example.png');
}

div.danger
{
	background-color: #FFCCC2;
	background-image: url('../../img/icon/icon-danger.png');
}

div.done
{
	background-color: #DAFFD7;
	background-image: url('../../img/icon/icon-done.png');
}

div.idea
{
	background-color: #D7D8D6;
	background-image: url('../../img/icon/icon-idea.png');
	width: 50%;
}

div.qa
{
	background-color: #D0D0CE;
	background-image: url('../../img/icon/icon-q&a.png');
}

div.fullinfo
{
	background-color: #E2EFF7;
	background-image: url('../../img/icon/icon-info.png');
	mc-auto-number-offset: -14px;
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: center;
	background-position: 10px center;
	padding-left: 55px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 1px #58595B;
	border-radius: 6px;
	margin-top: 7px;
	margin-bottom: 7px;
	color: #000000;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width: 100%;
	mc-disable-glossary-terms: true;
}

div.qa p.question	/* Used for FAQ/troubleshooting purposes in a topic. This is for the question. */
{
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 10pt;
	mc-disable-glossary-terms: true;
}

div.qa p.question:before	/* Inserts a Q: before the question to indicate it being the question. */
{
	content: "Q: ";
}

div.qa p.answer	/* Used for FAQ/troubleshooting purposes in a topic. This is for the answer. */
{
	font-size: 1em;
	font-style: italic;
	mc-disable-glossary-terms: true;
}

div.qa p.answer:before	/* Inserts an A: before the answer to indicate it being the answer to the question. */
{
	content: "A: ";
	font-weight: bold;
}

div.info h4,
div.warning h4,
div.danger h4,
div.example h4	/* Use for rare instances of when headers should be included in callout boxes. */
{
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	padding-bottom: 5px;
	margin-top: 10px;
	mc-disable-glossary-terms: true;
}

div.example ul
{
	padding-top: 0px;
	margin-top: 0px;
}

/* Use on release notes to indicate the type of item. Enhancements are new features and corrections are bug fixes. */

div.enhance,
div.enhancei,
div.correct,
div.correcti
/* New features for customers. */
/* New features for *internal* sharing only. */
/* Bug fixes for customers. */
/* Bug fixes for *internal* sharing only. */
{
	mc-auto-number-offset: -10px;
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: center;
	background-position: 10px center;
	width: 100%;
	padding-left: 55px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: solid 4px #D0D0CE;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-weight: bold;
	font-size: 14pt;
	font-style: italic;
	color: #58595B;
	mc-disable-glossary-terms: true;
}

div.enhance
{
	background-image: url('../../img/icon/icon-enhance.png');
}

div.enhancei
{
	background-image: url('../../img/icon/icon-enhance-i.png');
}

div.correct
{
	background-image: url('../../img/icon/icon-correct.png');
}

div.correcti
{
	background-image: url('../../img/icon/icon-correct-i.png');
}

div.task	/* Use to indicate the start of a process with numbered steps. (e.g., "To add rollover buttons," followed by <ol> */
{
	background-image: url('../../img/icon/icon-task.png');
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: center;
	background-position: 10px center;
	width: 75%;
	padding-left: 55px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 16px;
	margin-bottom: 16px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-weight: bold;
	font-size: 14pt;
	font-style: italic;
	color: #56585c;
	mc-disable-glossary-terms: true;
}

div.rntask	/* Use to indicate the start of a process in release notes with numbered steps. (e.g., "To add rollover buttons," followed by <ol> */
{
	background-image: url('../../img/icon/icon-rntask.png');
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: center;
	background-position: 20px center;
	width: 75%;
	padding-left: 55px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 16px;
	margin-bottom: 16px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-weight: bold;
	font-size: 12pt;
	font-style: italic;
	color: #56585c;
	mc-disable-glossary-terms: true;
}

div.rnprocess,
div.process
{
	margin-left: 20px;
}

/* Used for headings on 5C product documentation pages (where it lists PDFs and HTML links). */

div.tablet,
div.obc,
div.ibb,
div.dot,
div.new,
div.web,
div.ware,
div.aux,
div.cab,
div.other
/* Heading for documentation on supported tablets. */
/* Heading for documentation on supported OBCs. */
/* Heading for documentation on the IBB (COMMANDassurance) probe. */
/* Heading for documentation on DOT integrated services (ISE). */
/* Heading for release note documentation. */
{
	mc-auto-number-offset: -10px;
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: center;
	background-position: 5px center;
	width: 100%;
	padding-left: 65px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 6px;
	margin-bottom: 0px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size: 18pt;
	font-weight: bold;
	color: #58595B;
	mc-disable-glossary-terms: true;
}

div.other
{
	background-image: url('../../img/icon/icon-other.png');
}

div.cab
{
	background-image: url('../../img/icon/icon-cab.png');
}

div.web
{
	background-image: url('../../img/icon/icon-console.png');
}

div.ware
{
	background-image: url('../../img/icon/icon-ware.png');
}

div.aux
{
	background-image: url('../../img/icon/icon-aux.png');
}

div.new
{
	background-image: url('../../img/icon/icon-new.png');
}

div.tablet
{
	background-image: url('../../img/icon/icon-tablet.png');
}

div.dot
{
	background-image: url('../../img/icon/icon-dot.png');
}

div.obc
{
	background-image: url('../../img/icon/icon-obc.png');
}

div.ibb
{
	background-image: url('../../img/icon/icon-ibb.png');
}

/* Image Popup & UI Button Styles */

img.zoom	/* Use for **ALL** screenshots of product interfaces. */
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 175px;
	mc-thumbnail-max-height: 128px;
	max-width: 3in;
	page-break-before: avoid;
	border-style: solid;
	border-width: 2px;
	border-color: #E04E39;
	padding: 3px;
	vertical-align: middle;
}

img.ui-button	/* Use for all UI button icons inserted in-line with text instructions. */
{
	max-height: 14px;
}

img.zoomuibutton	/* Use for UI buttons that need to be zoomed for users to see. */
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: auto;
	mc-thumbnail-max-height: 15px;
	border-style: solid;
	border-width: 1px;
	border-color: #E04E39;
	vertical-align: middle;
}

/* Toolbar Styles */
/* Used for Master Page as a container div. Don't include in-line. */

div.tools
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	mc-disable-glossary-terms: true;
}

div.tools::before
{
	content: ' ';
	display: table;
}

div.tools::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.tools > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.tools > div:nth-child(1)
{
	width: 33.33333%;
}

div.tools > div:nth-child(2)
{
	width: 33.33333%;
}

div.tools > div:nth-child(3)
{
	width: 33.33333%;
}

/* List Styles */

li	/* List item placement. */
{
	margin-bottom: 0px;
	padding-top: 2px;
	mc-printer-page-margin-left: 50px;
}

ul	/* Unordered list bullets. */
{
	list-style-image: url('../../img/style/bullets-1.png');
	padding-bottom: 0px;
	clear: both;
}

ul ul,
ol ul
/* Second-tier bullets for unordered list inside an unordered list. */
/* Second-tier bullets for unordered list inside an ordered list. */
{
	list-style-image: url('../../img/style/bullets-2.png');
	margin-left: -10px;
}

ul ul ul,
ol ul ul,
ol ol ul
/* Third-tier bullets for unordered list inside an unordered list inside an unordered list. */
/* Third-tier bullets for unordered list inside an unordered list inside an ordered list. */
/* Third-tier bullets for unordered list inside an ordered list inside an ordered list. */
{
	list-style-image: url('../../img/style/bullets-3.png');
	margin-left: -10px;
}

ol	/* Ordered list bullets (none). */
{
	list-style-image: none;
	padding-bottom: 0px;
}

ol ol,
ul ol
/* Second-tier numbering for ordered list inside an ordered list. */
/* Second-tier numbering for ordered list inside an unordered list. */
{
	list-style-type: lower-alpha;
	margin-left: -10px;
}

ol ol ol,
ol ul ol,
ul ol ol,
ul ul lo
/* Third-tier bullets for ordered list inside an ordered list inside an ordered list. */
/* Third-tier bullets for ordered list inside an unordered list inside an ordered list. */
/* Third-tier bullets for ordered list inside an ordered list inside an unordered list. */
/* Third-tier bullets for ordered list inside an unordered list inside an unordered list. */
{
	list-style-type: lower-roman;
	margin-left: -10px;
}

/* Breadcrumb Styles */
/* Used for breadcrumb navigation on Master Pages. Don't include in-line. */

div.breadcrumb-home
{
	border: 0px;
	margin-top: 19px;
	margin: 0px;
	float: left;
	font-size: 10pt;
	color: #E04E39;
	font-weight: bold;
	background-image: url('../../img/style/home-a.png');
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: center;
	background-position: left center;
	padding-left: 22px;
	-webkit-transition: background-image 500ms ease-in-out;
	-moz-transition: background-image 500ms ease-in-out;
	-o-transition: background-image 500ms ease-in-out;
	transition: background-image 500ms ease-in-out;
	transition: color 500ms;
	mc-disable-glossary-terms: true;
}

div.breadcrumb-home:hover
{
	color: #58595B;
	background-image: url('../../img/style/home-h.png');
}

MadCap|breadcrumbsProxy
{
	font-family: Arial;
	color: #222222;
	font-size: 8pt;
	margin-top: 19px;
	border: 0px;
	margin: 0px;
	float: left;
	mc-breadcrumbs-count: 8;
	mc-breadcrumbs-prefix: ' > ';
	background-position-x: left;
	background-position-y: center;
	background-position: left center;
}

/* Transitioning Image Button Styles */

#img-button-container	/* Use for home page circular images. */
{
	background-color: transparent;
	mc-disable-glossary-terms: true;
}

.img-button
{
	position: relative;
	height: 136px;
	width: 136px;
	margin: 0 auto;
}

.img-menu	/* Use for images included in UI menu headings. */
{
	position: relative;
	padding: 4px 16px 16px 16px;
	width: 90%;
	height: auto;
}

.img-file	/* Use for PDF and HTML transitioning images */
{
	position: relative;
	margin: 0;
}

.img-button img,
.img-menu img,
.img-file img	/* Image transitioning effect. */
{
	position: absolute;
	left: 0;
	-webkit-transition: opacity 400ms ease-in-out;
	-moz-transition: opacity 400ms ease-in-out;
	-o-transition: opacity 400ms ease-in-out;
	transition: opacity 400ms ease-in-out;
}

#img-button-container:hover .img-top	/* Forces top image to disappear, giving the illusion of image transformation. */
{
	opacity: 0;
}

.img-text	/* The text label accompanying the transitioning image. */
{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	transition: color 400ms;
}

#img-button-container:hover .img-text	/* The color transition for the text label. */
{
	color: #E04E39;
	font-weight: bold;
	text-decoration: none;
}

/* Madcap Dropdown Styles */

MadCap|dropDown
{
	margin-bottom: 26px;
	margin-top: 26px;
	mc-closed-image: url('../../img/style/dropdown-arrow-closed.png');
	mc-open-image: url('../../img/style/dropdown-arrow-open.png');
	border-bottom: solid 2px #D0D0CE;
	border-top: solid 2px #D0D0CE;
	clear: both;
	width: 80%;
}

MadCap|dropDown.task
{
	margin-bottom: 26px;
	margin-top: 26px;
	margin-left: 45px;
	mc-closed-image: url('../../img/icon/icon-task-a.png');
	mc-open-image: url('../../img/icon/icon-task.png');
	border-bottom: solid 2px #D0D0CE;
	border-top: solid 2px #D0D0CE;
	clear: both;
	width: 80%;
	mc-disabled: false;
}

MadCap|dropDownHotspot.task
{
	line-height: 40px;
	font-weight: bold;
	font-size: 14pt;
	font-style: italic;
	color: #58595B;
	mc-disabled: false;
	mc-disable-glossary-terms: true;
}

MadCap|dropDownHotspot.task:hover
{
	color: #E04E39;
}

MadCap|dropDownBody.task
{
	margin-left: 20px;
	mc-disabled: false;
}

MadCap|dropDown.SecondLevel
{
	margin-left: 10px;
	mc-closed-image: url('../../img/style/dropdown-arrow-closed.png');
	mc-open-image: url('../../img/style/dropdown-arrow-open.png');
}

/*
	MadCap|dropDownBody
	{
		border-bottom: solid 2px #E04E39;
	} */

MadCap|dropDownHotspot
{
	color: #E04E39;
	font-size: 14pt;
	font-weight: bold;
	mc-disable-glossary-terms: true;
}

MadCap|dropDownHotspot:hover
{
	color: #58595B;
}

/* Footer Snippet Styles */
/* Used for footers on Master Pages. Do not include in-line. */

div.footer	/* Footer container. */
{
	background-image: url('../../img/bg/bg-concrete-d.png');
	background-size: cover;
	background-repeat: repeat-x;
	height: auto;
	padding-top: 40px;
	padding-bottom: 40px;
	text-decoration: none;
	color: #D0D0CE;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #e04e39;
	mc-disable-glossary-terms: true;
}

div.footer a	/* Hyperlinks in the div. */
{
	text-decoration: none;
	color: #ffffff;
}

div.footer > div.outer-row
{
	line-height: 30px;
	padding: 0;
}

div.page-footer	/* Div inside the footer div. Don't ask why. */
{
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

div.page-footer::before
{
	content: ' ';
	display: table;
}

div.page-footer::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.page-footer > div	/* Left-aligned div that contains the CommAlk logo. */
{
	float: left;
	box-sizing: border-box;
}

div.page-footer > div:nth-child(1)
{
	width: 25%;
	margin-left: 0%;
}

div.page-footer > div:nth-child(2)	/* Right-aligned div that contains copyright and help links. */
{
	width: 75%;
	/* width: 50%; In case a third column is added. */
	float: right;
}

/* In case we add a third column...
			
			div.page-footer > div:nth-child(3)
			{
				width: 25%;
				margin-left: 0%;
			} */

.footer-logo
{
	max-width: 100%;
}

.footer-links
{
	text-align: right;
}

p.copyright	/* Used only on Master Pages. Do not include in-line. */
{
	font-size: 0.9em;
	text-align: right;
	color: #ffffff;
	line-height: 1.6em;
	margin: 0 0 10px 0;
	mc-disable-glossary-terms: true;
}

/* Table Styles */

table
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
	border-collapse: collapse;
}

table.attribute tr	/* Use for tables listing screen options. Best used for displaying reference material. */
{
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #000000;
}

th
{
	mc-disable-glossary-terms: true;
}

th,
td
{
	vertical-align: top;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 8px;
	padding-left: 10px;
}

th p
{
	font-size: 11pt;
	font-weight: bold;
	font-color: #222222;
	text-align: left;
}

table.sub	/* Use for a table contained inside a table. */
{
	width: auto;
}

tr.sub	/* Rows on sub-table. */
{
	border-width: 0px;
	padding: 0px;
}

td.ticket	/* Use on Release Note headings to identify the ticket number. */
{
	vertical-align: middle;
	text-align: center;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 8px;
	border-style: solid;
	border-width: 1px;
	border-color: #222222;
}

td.code	/* Use on cells containing code, user-entered text suggestions, etc. */
{
	font-family: 'Courier New', monospace;
}

/* Misc */

p.correction	/* Use for sub-headers describing Previous and Corrected behaviors. */
{
	font-size: 12pt;
	font-weight: bold;
	color: #222222;
	margin-bottom: 4px;
	margin-top: 16px;
	clear: both;
}

MadCap|slideThumbnail
{
	height: 50%;
	width: 50%;
}

li::marker
{
	
}

MadCap|glossaryTerm
{
	color: #E04E39;
	font-family: Arial;
	font-weight: bold;
	mc-image-position: right;
	mc-closed-image: url('Content/trackit/img/style/glossary-s.png');
	mc-open-image: url('Content/trackit/img/style/glossary-o.png');
}

MadCap|glossaryTerm:hover
{
	color: #2D8DCC;
}

MadCap|popupHead
{
	color: #E04E39;
	font-family: Arial;
	font-size: 14pt;
	font-weight: bold;
}

MadCap|popupBody
{
	font-family: Arial;
	font-size: 11pt;
}

/* Buttons */
/* Next */

.next
{
	display: inline-block;
	border-radius: 4px;
	background-color: #E04E39;
	border: none;
	color: #FFFFFF;
	text-align: center;
	font-size: 18px;
	padding: 15px;
	width: 150px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
}

.next span
{
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.next span:before
{
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.next:hover span
{
	padding-right: 25px;
}

.next:hover span:before
{
	opacity: 1;
	right: 0;
}

/* Back */

.back
{
	display: inline-block;
	border-radius: 4px;
	background-color: #E04E39;
	border: none;
	color: #FFFFFF;
	text-align: center;
	font-size: 18px;
	padding: 15px;
	width: 150px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
}

.back span
{
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.back span:before
{
	content: '\00ab';
	position: absolute;
	opacity: 0;
	top: 0;
	left: -20px;
	transition: 0.5s;
}

.back:hover span
{
	padding-left: 25px;
}

.back:hover span:before
{
	opacity: 1;
	left: 0;
}

/* Task */

.taskbu
{
	display: inline-block;
	border-radius: 4px;
	background-color: #E04E39;
	border: none;
	color: #FFFFFF;
	text-align: center;
	font-size: 18px;
	padding: 15px;
	width: 200px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
}

.taskbu span
{
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.taskbu:hover
{
	background-color: #58595B;
}

/* Modal Styles */
/* The Modal (background) */

.modal
{
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 1;
	/* Sit on top */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0,0,0);
	/* Fallback color */
	background-color: rgba(0,0,0,0.4);
	/* Black w/ opacity */
}

/* Modal Header */

.modal-header
{
	padding: 2px 16px;
	background-color: #EC662F;
}

/* Modal Footer */

.modal-footer
{
	padding: 2px 16px;
	background-color: #EC662F;
}

/* Modal Header/Footer text */

.modal-header h2,
.modal-footer h3
{
	color: white;
}

/* Modal Body */

.modal-body
{
	padding: 2px 16px;
}

/* Modal Content/Box */

.modal-content
{
	background-color: #ffffff;
	margin: 15% auto;
	/* 15% from the top and centered */
	padding: 20px;
	border: 3px solid #58595B;
	width: 40%;
	/* Could be more or less, depending on screen size */
}

/* The Close Button */

.close
{
	color: #58595B;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus
{
	color: black;
	text-decoration: none;
	cursor: pointer;
}

/* Feedback control styles */

#feedbackContainer
{
	mc-disabled: true;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px;
}

p.p_feedback
{
	mc-disabled: true;
	font-family: 'Segoe UI', Roboto, Helvetica, Arial, Sans-Serif;
	font-size: 10pt;
	margin-right: .7em;
}

#feedbackContainer div.left,
#feedbackContainer div.right
{
	mc-disabled: true;
	display: inline-block;
	/* Aligns the checkboxes and textarea horizontally instead of vertically  */
}

#feedbackContainer div.left
{
	mc-disabled: true;
	vertical-align: top;
}

#modal-dialog textarea
{
	mc-disabled: true;
	display: block;
	width: 95%;
	/* Prevents buggy behavior in IE  */
	margin-left: 5pt;
	margin-top: 5pt;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	/* Makes it so the scroll bar doesn't show in IE  */
}

#btnCancel
{
	mc-disabled: true;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

#feedbackyes
{
	margin-right: 3px;
}

div.four-cells	/*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;
}

div.four-cells::before
{
	content: ' ';
	display: table;
}

div.four-cells::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.four-cells > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.four-cells > div:nth-child(1)
{
	width: 25%;
	margin-left: 0%;
}

div.four-cells > div:nth-child(2)
{
	width: 25%;
	margin-left: 0%;
}

div.four-cells > div:nth-child(3)
{
	width: 25%;
	margin-left: 0%;
}

div.four-cells > div:nth-child(4)
{
	width: 25%;
	margin-left: 0%;
}

/* ******End Desktop Styles****** */
/* ******Mobile Styles****** */

@media only screen and (max-width: 1279px)
{
	div.ContentRow > div:nth-child(1)
	{
		width: 66.66667%;
		margin-left: 0%;
	}

	div.ContentRow > div:nth-child(2)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.four-cells > div:nth-child(1)
	{
		width: 50%;
		margin-left: 0%;
	}

	div.four-cells > div:nth-child(2)
	{
		width: 50%;
		margin-left: 0%;
	}

	div.four-cells > div:nth-child(3)
	{
		width: 50%;
		margin-left: 0%;
	}

	div.four-cells > div:nth-child(4)
	{
		width: 50%;
		margin-left: 0%;
	}
}

@media only screen and (max-width: 890px)
{
	div.ContentRow > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.ContentRow > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.four-cells > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.four-cells > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.four-cells > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.four-cells > div:nth-child(4)
	{
		width: 100%;
		margin-left: 0%;
	}
}

/* ******End Mobile Styles****** */
/* ******PDF Styles****** */

@media print
{
	body
	{
		font-color: 000000;
	}

	/* Image Styles */

	img.zoom
	{
		max-width: 200px;
		max-height: auto;
		page-break-before: avoid;
		border-style: solid;
		border-width: 2px;
		border-color: #e04e39;
	}

	img.zoomhoriz
	{
		max-width: 400px;
		max-height: auto;
		page-break-before: avoid;
		border-style: solid;
		border-width: 2px;
		border-color: #e04e39;
	}

	img.zoomuibutton	/* Use for UI buttons that need to be zoomed for users to see. */
	{
		mc-thumbnail-max-width: auto;
		mc-thumbnail-max-height: 5px;
		border-style: solid;
		border-width: 1px;
		border-color: #E04E39;
		vertical-align: middle;
	}

	/* Callout Styles */

	div.info,
	div.warning,
	div.example div.danger,
	div.done,
	div.qa,
	div.idea
	{
		page-break-inside: avoid;
		clear: both;
		width: 100%;
	}

	/* List Styles */

	li
	{
		page-break-inside: avoid;
	}

	ol ol,
	ol ul,
	ul ul,
	ul ol
	{
		margin-left: 10px;
	}

	/* Header Styles */

	h1.cover	/* Use for the Document Type on the title page/cover topic for PDFs. */
	{
		font-size: 18pt;
		font-weight: bold;
		color: #58595B;
		margin-bottom: 8px;
		padding-bottom: 10px;
		margin-top: 30px;
		clear: both;
		text-align: left;
	}

	h2.cover	/* Use for the Version, Date, and Document Name on the title page/cover topic for PDFs. */
	{
		font-size: 13pt;
		font-weight: normal;
		color: #58595B;
		clear: both;
		text-align: left;
	}

	h1
	{
		page-break-before: always;
		margin-bottom: 2px;
		padding-bottom: 5px;
		text-align: center;
	}

	h2
	{
		mc-heading-level: 2;
		margin-bottom: 2px;
		margin-top: 5px;
		text-align: center;
		page-break-before: no;
	}

	h3
	{
		mc-heading-level: 3;
		margin-bottom: 2px;
		margin-top: 10px;
	}

	h4
	{
		mc-heading-level: 4;
	}

	/* Proxy Styles */

	MadCap|glossaryProxy
	{
		border-top: none;
		color: #e1e1e1;
	}

	MadCap|indexProxy
	{
		border-top: none;
		color: #e1e1e1;
	}

	MadCap|miniTocProxy
	{
		border-top: 0;
		margin-left: 0.25in;
		margin-right: 0.25in;
		padding-left: 0;
	}

	MadCap|tocProxy
	{
		border-top: none;
		margin-right: 0.25in;
	}

	/* TOC Styles */

	p.TOC1
	{
		color: #bed230;
		font-size: 12pt;
		font-weight: normal;
		margin-bottom: 6px;
		margin-top: 12px;
		mc-leader-format: 'none';
		mc-pagenum-display: none;
		page-break-after: avoid;
	}

	p.TOC2
	{
		color: #e1e1e1;
		font-size: 10pt;
		font-weight: normal;
		margin-bottom: 2px;
		margin-left: 0.25in;
		margin-top: 2px;
	}

	p.TOC3
	{
		color: #e1e1e1;
		font-size: 8pt;
		font-weight: normal;
		margin-bottom: 2px;
		margin-left: 0.35in;
		margin-top: 2px;
	}

	p.TOC4
	{
		color: #bed230;
		font-size: 12pt;
		font-weight: normal;
		margin-bottom: 6px;
		margin-left: 0;
		margin-top: 12px;
	}

	p.TOCHeading
	{
		color: #47484a;
		font-size: 90pt;
		font-weight: normal;
		letter-spacing: -1px;
		line-height: 92pt;
		margin: 0;
		mc-heading-level: 0;
		text-align: center;
	}

	/* Table Styles */

	table
	{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		border-collapse: collapse;
	}

	tr
	{
		page-break-inside: avoid;
	}
}

p.process-img
{
	color: #000000;
	margin-bottom: 8px;
	margin-top: 4px;
	margin-left: 35px;
}

span.SearchHighlight1
{
	color: #000000;
	background-color: #ffff66;
}

span.SearchHighlight10
{
	color: #ffffff;
	background-color: #990099;
}

span.SearchHighlight2
{
	color: #000000;
	background-color: #a0ffff;
}

span.SearchHighlight3
{
	color: #000000;
	background-color: #99ff99;
}

span.SearchHighlight4
{
	color: #000000;
	background-color: #ff9999;
}

span.SearchHighlight5
{
	color: #000000;
	background-color: #ff66ff;
}

span.SearchHighlight6
{
	color: #ffffff;
	background-color: #880000;
}

span.SearchHighlight7
{
	color: #ffffff;
	background-color: #00aa00;
}

span.SearchHighlight8
{
	color: #ffffff;
	background-color: #886800;
}

span.SearchHighlight9
{
	color: #ffffff;
	background-color: #004699;
}