/*<meta />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

/* The bare div entry is hidden from the style picker so authors pick one of the
   named containers below, which re-expose themselves with mc-hidden: unhidden
   (hiding a tag otherwise hides its classes too). No visual properties here, so
   plain divs render exactly as before. */

div
{
	mc-hidden: hidden;
}

div.code
{
	display: block;
	font-family: Consolas, Monaco, "Courier New", monospace;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left: solid 3px #004878;
	border-bottom: solid 1px #D9D9D9;
	border-right: solid 1px #D9D9D9;
	border-top: solid 1px #D9D9D9;
	border-radius: 3px;
	background: #F2F2F2;
	mc-hidden: unhidden;
}

div.codehighlight
{
	display: block;
	white-space: pre-wrap;
	font-family: Consolas, Monaco, "Courier New", monospace;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left: solid 3px #004878;
	border-bottom: solid 1px #D9D9D9;
	border-right: solid 1px #D9D9D9;
	border-top: solid 1px #D9D9D9;
	border-radius: 3px;
	background: #F2F2F2;
	mc-hidden: unhidden;
}

div.warning
{
	background-image: url('../Images/warning_26x22.png');
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 10px;
	background-position: 4px center;
	padding-left: 32px;
	max-width: 800px;
	margin: 2px;
	border: solid 2px #B2B2B2;
	mc-hidden: unhidden;
}

div.note
{
	background-image: url('../Images/note1_21x23px.png');
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 10px;
	background-position: 4px center;
	padding-left: 32px;
	max-width: 800px;
	margin: 2px;
	border: solid 2px #B2B2B2;
	mc-hidden: unhidden;
}

div.tip
{
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 10px;
	background-position: 4px center;
	padding-left: 32px;
	max-width: 800px;
	background-image: url('../Images/tip_21x26px.png');
	margin: 2px;
	border: solid 2px #B2B2B2;
	mc-hidden: unhidden;
}

:root
{
	--IconicsBlue: #00528B;
	--LogoBurgundy: #952157;
	--IoTCloudBlue: #1D8AC2;
	--Black: #000000;
	--Medium: #b9bec1;
	--Light: #f3f3f3;
	--White: #ffffff;
	--Light-Gray: #c7cecb;
	--Medium-Gray: #6c6e76;
	--Dark-Gray: #444444;
}

body
{
	color: var(--Black);
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 1.4em;
	margin: 8px;
}

/* Headings */

h1
{
	color: var(--IconicsBlue);
	font-size: 20pt;
	font-weight: normal;
	line-height: 1.2em;
	margin-top: 36px;
	margin-bottom: 24px;
	page-break-before: always;
}

h2
{
	color: var(--IconicsBlue);
	font-size: 16pt;
	font-weight: normal;
	line-height: 1.2em;
	margin-bottom: -6px;
	margin-top: 36px;
	margin-left: 5px;
}

h3
{
	color: var(--IconicsBlue);
	font-size: 14pt;
	font-weight: normal;
	line-height: 1.2em;
	margin-bottom: -6px;
	margin-top: 36px;
	margin-left: 10px;
}

p.releaseDocHeading
{
	font-size: 24pt;
	font-weight: normal;
	color: var(--Black);
	line-height: 1.2em;
	margin-bottom: 24px;
	mc-hidden: hidden;
}

/* Content */

/* The bare img entry is hidden from the style picker so authors are steered to the
   two classes below, which re-expose themselves with mc-hidden: unhidden (hiding a
   tag otherwise hides its classes too). No visual properties here, so unclassed
   images render exactly as before. */

img
{
	mc-hidden: hidden;
}

/* Use the .responsive style to make an image responsive */

/* .responsive and .responsiveNoBorder never enlarge an image beyond its original
   size. Anything wider than 1050px is scaled down uniformly to fit, and the image
   also shrinks to fit a narrower container. .responsive adds a thin blue border;
   .responsiveNoBorder is identical without it.
   Three things to leave alone, all of which break Flare's XML editor:
   - do not use min()/max()/clamp() - the image collapses to 0px wide;
   - do not declare an explicit width - the container cap is applied through the
     media query below instead;
   - do not add max-height alongside max-width - constraining both dimensions at
     once makes the editor squash the image instead of scaling it uniformly.
   Capping width only, with height: auto, is what keeps the aspect ratio correct:
   the height is always derived from the scaled width. */

img.responsive
{
	height: auto;
	max-width: 1050px;
	border: solid 0.5px #004878;
	mc-hidden: unhidden;
}

img.responsiveNoBorder
{
	height: auto;
	max-width: 1050px;
	mc-hidden: unhidden;
}

/* Keep the two rules above inside the topic container when it is narrower than the
   1050px cap (small screens, and side-navigation layouts on mid-size screens). */

@media only screen and (max-width: 1520px)
{
	img.responsive,
	img.responsiveNoBorder
	{
		max-width: 100%;
	}
}

img.responsiveTiny
{
	width: 100%;
	max-width: 250px;
	height: auto;
	mc-hidden: hidden;
}

img.responsiveVerySmall
{
	width: 100%;
	max-width: 400px;
	height: auto;
	mc-hidden: hidden;
}

img.responsiveSmall
{
	width: 100%;
	max-width: 550px;
	height: auto;
	mc-hidden: hidden;
}

img.responsiveMedium
{
	width: 100%;
	max-width: 750px;
	height: auto;
	mc-hidden: hidden;
}

img.responsiveMediumLarge
{
	width: 100%;
	max-width: 900px;
	height: auto;
	mc-hidden: hidden;
}

p
{
	margin-bottom: 17px;
	margin-top: 17px;
	widows: 3;
	orphans: 3;
}

p.Procedure
{
	background-image: url(../Images/righttwistie.png);
	background-repeat: No-Repeat;
	background-position: left center;
	font-weight: bold;
	padding-left: 14px;
	margin-bottom: -6px;
	mc-next-tag: p;
}

.listParaBeforeBulletedList	/* Use .listParaBeforeBulletedList when a paragraph is followed by a bulleted list. Need to do this to reduce space between the stem sentence and the bulleted list. */
{
	margin-bottom: -8px;
	mc-hidden: hidden;
}

p.contentsHeading
{
	font-size: 20pt;
	font-weight: normal;
	color: var(--IconicsBlue);
	line-height: 1.2em;
	margin-top: -10px;
	margin-bottom: 20px;
	page-break-before: always;
	mc-hidden: hidden;
}

p.subHeading
{
	margin-bottom: -12px;
	font-weight: bold;
	mc-hidden: hidden;
}

p.tableTextSubHeading
{
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	vertical-align: middle;
	text-align: left;
	background: #f3f3f3;
	color: var(--IoTCloudBlue);
	/* color: var(--LogoBurgundy); */
	mc-hidden: hidden;
}

p.indent
{
	margin-left: 24px;
	mc-hidden: hidden;
}

p.miniTOCCenter
{
	text-align: center;
	font-size: 17px;
	mc-hidden: hidden;
}

p.listIndent
{
	margin-left: 17px;
	mc-hidden: hidden;
}

pre
{
	display: block;
	font-family: monospace;
	white-space: pre;
	margin-left: 24px;
	mc-hidden: hidden;
}

p.rounded
{
	border: solid 5px #BFD62F;
	-moz-border-radius: 100px;
	border-radius: 100px;
	padding: 14px 14px;
	mc-hidden: hidden;
}

p.tableText
{
	margin-top: 4px;
	margin-bottom: 8px;
	margin-left: 2px;
	text-align: left;
	mc-hidden: hidden;
}

p.tableTextIndent
{
	margin-left: 26px;
	mc-hidden: hidden;
}

p.tableTextHeader
{
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 8px;
	margin-left: 2px;
	vertical-align: bottom;
	text-align: left;
	mc-hidden: hidden;
}

p.tableTextCenter
{
	margin-top: 4px;
	margin-bottom: 8px;
	margin-left: 2px;
	text-align: center;
	mc-hidden: hidden;
}

p.tableTextHeaderCenter
{
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 8px;
	margin-left: 2px;
	vertical-align: bottom;
	text-align: center;
	mc-hidden: hidden;
}

p.tableTextBeforeList
{
	margin-top: 4px;
	margin-bottom: -8px;
	margin-left: 2px;
	text-align: left;
	mc-hidden: hidden;
}

p.noteUnderHeading	/* Use for a note above the <h1> */
{
	color: #000000;
	font-size: 9pt;
	background-color: #f3f3f3;
	border: solid 1px #d3d3d3;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-top: 8px;
	margin-bottom: 16px;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 10px;
	mc-hidden: hidden;
}

p.singleStep
{
	margin-left: 16px;
	mc-hidden: hidden;
}

div.miniTOC
{
	color: #546C7F;
	border: solid 1px #BECFDC;
	max-width: 450px;
	background-color: #DEE8F0;
	margin-bottom: 17px;
	text-align: center;
	mc-hidden: unhidden;
}

div.sideMenu	/* Use for the topic menu */
{
	float: right;
	mc-hidden: hidden;
}

div.responsiveTable
{
	overflow-x: auto;
	mc-hidden: hidden;
}

/* Lists */

ol
{
	list-style-type: decimal;
}

ol ol
{
	list-style-type: lower-alpha;
}

ol ol ol
{
	list-style-type: lower-roman;
}

ul
{
	list-style-type: square;
}

ul ul
{
	list-style-type: disc;
	margin-top: 4px;
}

ul ul ul
{
	list-style-type: circle;
	margin-top: 4px;
}

ol ul
{
	list-style-type: square;
	margin-bottom: 0px;
}

ol ul ul
{
	list-style-type: disc;
}

ul li
{
	padding: 2px 0px 2px -6px;
	margin: 2px 0px 2px -6px;
}

li
{
	padding: 4px 2px 4px 0px;
	margin-left: -4px;
}

li.dropDown	/*Use this style when you want each item in a bulleted list to be a drop-down (using a toggler). It uses the plus and minus signs as the bullet, which is done by setting the list-style-type to none.*/
{
	list-style-type: none;
	padding: 4px 2px 4px 0px;
	margin-left: -25px;
	mc-hidden: hidden;
}

li.dropDownBotMargin-4px	/* Use this style when you want each item in a bulleted list to be a drop-down (using a toggler) and you want to reduce the space between items. It uses the plus and minus signs as the bullet, which is done by setting the list-style-type to none. */
{
	list-style-type: none;
	padding: 4px 2px 4px 0px;
	margin-left: -25px;
	margin-bottom: -4px;
	mc-hidden: hidden;
}

li.alignWithNoteOrTip
{
	margin-left: 6px;
	mc-hidden: hidden;
}

li.alignWithSingleStep
{
	margin-left: 6px;
	mc-hidden: hidden;
}

/* li p
{
	margin-bottom: 12px;
} */

li p
{
	margin-top: 6px;
	margin-bottom: 0px;
}

.listParaTop0px
{
	margin-top: 0px;
	mc-hidden: hidden;
}

.listParaTop2px
{
	margin-top: 2px;
	mc-hidden: hidden;
}

.listParaTop4px
{
	margin-top: 4px;
	mc-hidden: hidden;
}

.listParaTop6px
{
	margin-top: 6px;
	mc-hidden: hidden;
}

.listParaTop10px
{
	margin-top: 10px;
	mc-hidden: hidden;
}

.listParaTop-2px
{
	margin-top: -2px;
	mc-hidden: hidden;
}

.listParaTop-4px
{
	margin-top: -4px;
	mc-hidden: hidden;
}

.listParaTop-6px
{
	margin-top: -6px;
	mc-hidden: hidden;
}

.listParaTop-10px
{
	margin-top: -10px;
	mc-hidden: hidden;
}

.listParaBottom0px
{
	margin-bottom: 0px;
	mc-hidden: hidden;
}

.listParaBottom2px
{
	margin-bottom: 2px;
	mc-hidden: hidden;
}

.listParaBottom4px
{
	margin-bottom: 4px;
	mc-hidden: hidden;
}

.listParaBottom6px
{
	margin-bottom: 6px;
	mc-hidden: hidden;
}

.listParaBottom10px
{
	margin-bottom: 10px;
	mc-hidden: hidden;
}

.listParaBottom-2px
{
	margin-bottom: -2px;
	mc-hidden: hidden;
}

.listParaBottom-4px
{
	margin-bottom: -4px;
	mc-hidden: hidden;
}

.listParaBottom-6px
{
	margin-bottom: -6px;
	mc-hidden: hidden;
}

.listParaBottom-10px
{
	margin-bottom: -10px;
	mc-hidden: hidden;
}

span.bold
{
	font-weight: bold;
	mc-hidden: unhidden;
}

span.italic
{
	font-style: italic;
	mc-hidden: unhidden;
}

span.underline
{
	text-decoration: underline;
	mc-hidden: unhidden;
}

span.SearchHighlight
{
	background-color: #ffff00;
	color: #000000;
	mc-hidden: hidden;
}

span.redBoldText
{
	color: red;
	font-weight: bold;
	mc-hidden: hidden;
}

/* Links */

a
{
	color: var(--IconicsBlue);
}

a:link
{
	color: var(--IconicsBlue);
	text-decoration: none;
}

a:visited
{
	color: var(--LogoBurgundy);
	text-decoration: none;
}

a:hover
{
	color: var(--IoTCloudBlue);
	text-decoration: underline;
}

.nav-search-wrapper #stt-lang-widget .lang-dropdown a:hover
{
	background: #e9e9e9;
	mc-hidden: hidden;
}

/* MadCap-Specific Styles */

MadCap|expanding
{
	mc-image-position: left;
	mc-closed-image: url('../Images/plus.png');
	mc-open-image: url('../Images/minus.png');
}

MadCap|breadcrumbsProxy
{
	color: var(--IconicsBlue);
	font: "Segoe UI";
	font-size: 9pt;
	font-family: "Segoe UI";
	border-bottom-color: var(--IconicsBlue);
	mc-breadcrumbs-count: 4;
	mc-hidden: hidden;
}

MadCap|toggler
{
	mc-open-image: url('../Images/minus.png');
	mc-closed-image: url('../Images/plus.png');
	font-weight: bold;
	color: var(--IconicsBlue);
}

MadCap|toggler:focus
{
	color: var(--IoTCloudBlue);
}

MadCap|toggler:hover
{
	color: var(--LogoBurgundy);
}

MadCap|toggler.notBold
{
	font-weight: normal;
	mc-hidden: hidden;
}

MadCap|dropDown
{
	mc-open-image: url('../Images/minus.png');
	mc-closed-image: url('../Images/plus.png');
}

MadCap|dropDownBody
{
	border-top: 1px solid #003366;
	border-bottom: 1px solid #003366;
	margin-bottom: 12px;
	padding: 4px;
	background-color: #f3f3f3;
}

MadCap|dropDownHead
{
	margin-bottom: 1.12em;
	margin-top: 1.12em;
	font-weight: normal;
}

MadCap|dropDownHotspot
{
	color: #266B7C;
	font-weight: normal;
	color: var(--IconicsBlue);
	mc-hidden: hidden;
}

MadCap|dropDownHotspot:focus
{
	color: var(--IoTCloudBlue);
}

MadCap|dropDownHotspot:hover
{
	color: var(--LogoBurgundy);
}

/* Page layout */

p.frame-footer-page-number
{
	color: var(--Medium-Gray);
	font-size: 11pt;
	font-weight: normal;
	text-align: right;
	mc-hidden: hidden;
}

p.frame-footer-text
{
	color: var(--Medium-Gray);
	font-size: 9pt;
	font-weight: normal;
	margin-top: 24px;
	/* text-transform: uppercase; */
	mc-hidden: hidden;
}

p.frame-footer-text-center
{
	color: var(--Medium-Gray);
	font-size: 9pt;
	font-weight: normal;
	text-align: center;
	/* text-transform: uppercase; */
	margin-top: 24px;
	mc-hidden: hidden;
}

/* Frontmatter */

hr.title-page
{
	border: solid 0px transparent;
	background-color: var(--Light-Gray);
	height: 1px;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 370px;
	mc-hidden: hidden;
}

MadCap|tocProxy
{
	border-top: none;
	margin-right: 0in;
	padding-left: 0px;
	mc-hidden: hidden;
}

p.created-using-flare
{
	color: var(--Dark-Gray);
	font-weight: bold;
	margin-top: 18px;
	font-size: 9pt;
	line-height: 15pt;
	text-transform: uppercase;
	mc-hidden: hidden;
}

p.title
{
	font-size: 42pt;
	line-height: 52pt;
	margin-top: 120px;
	mc-hidden: hidden;
}

/* Use the p.titleAdmin style in Title.htm for the AiRXOS Admin Guide title pages because the 42 pt. type used in the p.title style breaks the word "Administrator's." Because the title is a variable, you can't manually break the name. */

p.titleAdmin
{
	font-size: 32pt;
	line-height: 46pt;
	margin-top: 120px;
	mc-hidden: hidden;
}

/* Use the p.titleOrgAdmin style for in Title.htm for the Org Admin Guide title pages because the 42 pt. type used in the p.title style breaks the word "Administrator's." Because the title is a variable, you can't manually break the name. */

p.titleOrgAdmin
{
	font-size: 28pt;
	line-height: 46pt;
	margin-top: 120px;
	mc-hidden: hidden;
}

p.titlePageConfidentialInfo
{
	font-size: 9pt;
	margin-bottom: 0px;
	mc-hidden: hidden;
}

p.logo
{
	margin-top: 0px;
	mc-hidden: hidden;
}

p.title-page-footer
{
	color: var(--Dark-Gray);
	font-size: 14pt;
	font-weight: bold;
	line-height: 20pt;
	margin-top: 6px;
	mc-hidden: hidden;
}

/* Cover Page for Print Output Only */

h1.titlePage	/*Use only for the Cover Page (print output only)*/
{
	font-size: 36px;
	color: var(--IconicsBlue);
	background-color: #ffffff;
	border-bottom-color: var(--IconicsBlue);
	text-align: right;
	border-bottom: solid 4px;
	border-bottom-width: 8px;
	padding-bottom: 15px;
	page-break-before: avoid;
	mc-hidden: hidden;
}

p.titlePageDate	/*Use only for the Cover Page (print output only)*/
{
	text-align: right;
	font-weight: bold;
	font-size: 20px;
	color: #003366;
	mc-hidden: hidden;
}

/* end Cover Page Styles */
/* Backmatter */

div.GlossaryPageDefinition
{
	font-size: 10pt;
	mc-hidden: hidden;
}

div.GlossaryPageHeading
{
	font-size: 21pt;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom-color: var(--Medium-Gray);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: left;
	color: inherit;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-right: 10px;
	background-image: url('../Images/Backmatter-Heading-Background.png');
	background-repeat: no-repeat;
	mc-hidden: hidden;
}

div.GlossaryPageTerm
{
	font-size: 12pt;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
	mc-hidden: hidden;
}

MadCap|glossaryProxy
{
	border-top: none;
	mc-hidden: hidden;
}

MadCap|indexProxy
{
	border-top: none;
	mc-hidden: hidden;
}

p.Index1
{
	font-size: 10pt;
	font-weight: bold;
	mc-hidden: hidden;
}

p.Index2
{
	font-size: 10pt;
	font-weight: normal;
	mc-hidden: hidden;
}

p.IndexHeading
{
	font-size: 21pt;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom-color: var(--Medium-Gray);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: left;
	color: inherit;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-right: 10px;
	background-image: url('../Images/Backmatter-Heading-Background.png');
	background-repeat: no-repeat;
	mc-hidden: hidden;
}

MadCap|topicToolbarProxy
{
	font-family: 'Segoe UI';
	mc-hidden: hidden;
}

MadCap|codeSnippetCaption
{
	text-decoration: none;
	font-weight: bold;
	mc-hidden: hidden;
}

code
{
	font-family: Consolas, Monaco, "Courier New", monospace;
}

#stt-lang-widget
{
	mc-hidden: hidden;
}

acronym
{
	mc-hidden: hidden;
}

abbr
{
	mc-hidden: hidden;
}

b
{
	mc-hidden: hidden;
}

big
{
	mc-hidden: hidden;
}

cite
{
	mc-hidden: hidden;
}

.nav-search
{
	mc-hidden: hidden;
}

samp
{
	mc-hidden: hidden;
}

.lang-dropdown
{
	mc-hidden: hidden;
}

.lang-trigger
{
	mc-hidden: hidden;
}

span.state
{
	mc-hidden: hidden;
}

kbd
{
	mc-hidden: hidden;
}

label
{
	mc-hidden: hidden;
}

tt
{
	mc-hidden: hidden;
}

span.boolean
{
	mc-hidden: hidden;
}

i
{
	mc-hidden: hidden;
}

ins
{
	mc-hidden: hidden;
}

small
{
	mc-hidden: hidden;
}

var
{
	mc-hidden: hidden;
}

em
{
	mc-hidden: hidden;
}

MadCap|slideThumbnail.active
{
	mc-hidden: hidden;
}

q
{
	mc-hidden: hidden;
}

MadCap|helpControlMenuItem.Highlighted
{
	mc-hidden: hidden;
}

html
{
	mc-hidden: hidden;
}

html.concept
{
	mc-hidden: hidden;
}

html.reference
{
	mc-hidden: hidden;
}

html.task
{
	mc-hidden: hidden;
}

html.topic
{
	mc-hidden: hidden;
}

address
{
	mc-hidden: hidden;
}

span
{
	mc-hidden: hidden;
}

MadCap|relationshipsHeading.concept
{
	mc-hidden: hidden;
}

MadCap|relationshipsHeading.reference
{
	mc-hidden: hidden;
}

MadCap|relationshipsHeading.task
{
	mc-hidden: hidden;
}

h6
{
	mc-hidden: hidden;
}

h5
{
	mc-hidden: hidden;
}

h4
{
	mc-hidden: hidden;
}

fieldset
{
	mc-hidden: hidden;
}

strong
{
	mc-hidden: hidden;
}

@media print
{
	:root
	{
		--Brand: #266B7C;
	}

	th
	{
		text-align: left;
	}

	thead
	{
		text-align: left;
		font-weight: bolder;
	}

	p.chapterHeading
	{
		font-size: 24pt;
		font-weight: normal;
		line-height: 1.2em;
		margin-bottom: 28px;
		page-break-before: always;
		page-break-after: avoid;
		mc-heading-level: 1;
	}

	/* p.adminChapterHeading
	{
		mc-heading-level: 1;
	} */

	h1
	{
		mc-heading-level: 1;
	}

	h2
	{
		mc-heading-level: 2;
	}

	h3
	{
		font-size: 14pt;
		font-weight: bold;
		line-height: 1.2em;
		margin-bottom: 18px;
		margin-top: 36px;
	}

	img.responsive
	{
		height: auto;
		max-width: 650px;
	}

	img.responsiveNoBorder
	{
		height: auto;
		max-width: 650px;
	}

	img.responsiveSmall
	{
		width: 100%;
		max-width: 500px;
		height: auto;
	}

	MadCap|xref
	{
		mc-format: '{paratext}';
	}

	span.mc-variable
	{
		
	}
}

/* The following styles apply only to Source Control Process.docx. */

span.master
{
	color: #0070c0;
	font-weight: bold;
	mc-hidden: hidden;
}

span.release
{
	color: #538135;
	font-weight: bold;
	mc-hidden: hidden;
}

span.feature
{
	color: #7030a0;
	font-weight: bold;
	mc-hidden: hidden;
}

span.develop
{
	color: #00b0f0;
	font-weight: bold;
	mc-hidden: hidden;
}

/* Style for Shutto translation (start) */

.lang-menu
{
	display: inline-block;
	mc-hidden: hidden;
}

/* Header bar placement */

.nav-search-wrapper
{
	display: flex;
	overflow: visible;
	align-items: center;
	mc-hidden: hidden;
}

.nav-search-wrapper .nav-search
{
	align-self: center;
	mc-hidden: hidden;
}

.nav-search-wrapper #stt-lang-widget
{
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	align-self: center;
	width: 2em;
	height: 2em;
	line-height: 1;
	margin-top: 0;
	margin-left: 12px;
	position: relative;
	top: 0;
	mc-hidden: hidden;
}

.nav-search-wrapper #stt-lang-widget .lang-trigger
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2em;
	height: 2em;
	padding: 0;
	text-decoration: none;
	background: #f8f8f8;
	border: 1px solid #ccc;
	border-radius: 6px;
	box-sizing: border-box;
	mc-hidden: hidden;
}

.nav-search-wrapper #stt-lang-widget .lang-trigger:hover
{
	background: #e9e9e9;
	mc-hidden: hidden;
}

.nav-search-wrapper #stt-lang-widget .lang-trigger svg
{
	display: block;
	width: 1.5em;
	height: 1.5em;
	mc-hidden: hidden;
}

.nav-search-wrapper #stt-lang-widget .lang-dropdown
{
	display: none;
	position: absolute;
	top: calc(100% + 4px);
	right: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	background: #ffffff;
	border: 1px solid #ccc;
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	min-width: 0;
	width: max-content;
	z-index: 1002;
	overflow: hidden;
	box-sizing: border-box;
	mc-hidden: hidden;
}

.nav-search-wrapper #stt-lang-widget.lang-open .lang-dropdown
{
	display: block;
	mc-hidden: hidden;
}

.nav-search-wrapper #stt-lang-widget .lang-dropdown li
{
	margin: 0;
	padding: 0;
	mc-hidden: hidden;
}

.nav-search-wrapper #stt-lang-widget .lang-dropdown li + li
{
	border-top: 1px solid #e9e9e9;
	mc-hidden: hidden;
}

.nav-search-wrapper #stt-lang-widget .lang-dropdown a
{
	display: block;
	padding: 8px 14px;
	text-decoration: none;
	color: #333;
	border: none;
	border-radius: 0;
	background: #ffffff;
	white-space: nowrap;
	transition: background 0.2s ease;
	min-height: 34px;
	line-height: 1.2;
	text-align: right;
	box-sizing: border-box;
	mc-hidden: hidden;
}

/*activated language style*/

a[data-stt-active]
{
	text-decoration: none;
	font-weight: bold;
	mc-hidden: hidden;
}

/*Styles for the language switch bar suppressed by Google Chrome’s translation feature*/

a[data-stt-disabled]
{
	color: #999;
	mc-hidden: hidden;
}

/* ===== v10.98 legacy classes (start) =====
   Everything above this line is the v11 styles.css, unchanged; keep it in sync with v11.
   The rules below carry over v10 classes (from the retired Styles.css and legacy.css) that
   topics still use and that are awaiting a migration decision. They keep their current
   look in the meantime and are hidden from the style picker so no new content uses them.
   Remove each rule once its topics have been remapped to a v11 class. */

/* ===== v10.98 legacy classes (end) ===== */

