/*<meta />*/

@import url('HHA-Structure.css');

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

/* Content */
/* Links */

a:link,
a:visited
{
	color: var(--OrangeDark);
	text-decoration: none;
}

a:active,
a:hover
{
	color: var(--OrangeLight);
	text-decoration: underline;
}

a[class*="MiniTOC"]:link,
a[class*="MiniTOC"]:visited
{
	padding: 1px 8px 3px 8px;
	display: block;
	width: 100%;
	color: var(--Brand1);
	border: none;
	mc-hidden: hidden;
}

a[class*="MiniTOC"]:active,
a[class*="MiniTOC"]:hover
{
	/* background-color: var(--GrayLight); */
	color: var(--Brand1);
	text-decoration: underline;
	mc-hidden: hidden;
}

/* XREFs */

MadCap|xref
{
	font-weight: normal;
	mc-format: '{para}';
	text-decoration: none;
	color: var(--TextColor);
}

img
{
	border: none;
	max-width: 100%;
}

img.Inline
{
	vertical-align: text-bottom;
	margin-left: 3px;
	max-height: 1.8rem;
	max-width: auto;
}

img.ThumbnailSmaller
{
	max-width: 800px;
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 100px;
	border: 2px solid var(--GrayMedium);
	border-radius: 0;
}

img.ThumbnailSmall
{
	/*max-width: 1000px; this was set by jay. I am trying percent FTM 6/13/24*/
	max-width: 60%;
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	/*mc-thumbnail-max-width: 200px; (Removing this to see if it fixes blurry images FTM 6/13/24)*/
	mc-thumbnail-max-width: 60%;
	border: 2px solid var(--GrayMedium);
	border-radius: 0;
}

img.ThumbnailMedium
{
	/*max-width: 1200px; this was set by jay. I am trying percent FTM 6/13/24*/
	max-width: 80%;
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	/*mc-thumbnail-max-width: 400px; (Removing this to see if it fixes blurry images FTM 6/13/24)*/
	mc-thumbnail-max-width: 80%;
	border: 2px solid var(--GrayMedium);
	border-radius: 0;
}

img.ThumbnailLarge
{
	/*max-width: 1600px; this was set by jay. I am trying percent FTM 5/31/24*/
	max-width: 100%;
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	/*mc-thumbnail-max-width: 600px; (Removing this to see if it fixes blurry images FTM 6/13/24)*/
	mc-thumbnail-max-width: 100%;
	border: 2px solid var(--GrayMedium);
	border-radius: 0;
}

img.ThumbnailPortrait
{
	max-height: 1000px;
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-height: 400px;
	border: 2px solid var(--GrayMedium);
	border-radius: 0;
}

body
{
	font-family: var(--FontText);
	font-size: var(--FontSizeNormal);
	line-height: var(--LineHeightNormal);
	color: var(--TextColor);
	mc-hyphenate: never;
}

p
{
	margin-top: 1rem;
	margin-bottom: 1rem;
	letter-spacing: 0px;
}

p.Larger
{
	font-size: var(--FontSizeLarger);
}

p.Smaller
{
	font-size: var(--FontSizeSmaller);
}

/* Headings */

h1,
h2,
p.Subhead1,
h3,
p.Subhead2,
h4,
p.Subhead3,
h5,
h6
{
	font-family: var(--FontHeading);
	page-break-after: avoid;
	mc-hyphenate: never;
}

h1
{
	color: var(--Brand1);
	font-weight: bold;
	font-size: 40px;
	line-height: 48px;
	margin-top: 0;
	margin-bottom: 1rem;
	clear: both;
}

h2,
p.Subhead1
{
	color: var(--Brand1);
	font-weight: bold;
	font-size: 32px;
	line-height: 40px;
	margin-top: 2rem;
	margin-bottom: .8rem;
	clear: both;
}

h3,
p.Subhead2
{
	color: var(--Brand1);
	font-weight: bold;
	font-size: 24px;
	line-height: 32px;
	margin-top: 1.6rem;
	margin-bottom: .7rem;
	clear: both;
}

h4,
p.Subhead3
{
	color: var(--Brand1);
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	margin-top: 1.4rem;
	margin-bottom: .5rem;
}

h5
{
	color: var(--Brand1);
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
	margin-top: 1.2rem;
	margin-bottom: .4rem;
}

h6
{
	color: var(--Brand1);
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	margin-top: 1.1rem;
	margin-bottom: .3rem;
}

/* Paragraph note styles */

p.Note,
p.Tip,
p.Important
{
	font-size: var(--FontSizeLarger);
	line-height: var(--LineHeightNormal);
	width: 100%;
	margin: 16px 0px;
	padding: 12px 40px 12px 40px;
	border: 1px dashed var(--OrangeDark);
	border-radius: 5px;
}

p.Note
{
	border-color: var(--BlueDark);
	background-color: var(--BlueExtraLight);
}

p.Note::before
{
	content: 'Note: ';
	font-family: var(--FontHeading);
	color: var(--BlueDark);
	font-weight: bold;
}

p.Tip
{
	border-color: var(--OrangeDark);
	background-color: var(--OrangeExtraLight);
}

p.Tip::before
{
	content: 'Tip: ';
	font-family: var(--FontHeading);
	color: var(--OrangeDark);
	font-weight: bold;
}

p.Important
{
	border-color: var(--Red);
	background-color: var(--RedExtraLight);
}

p.Important::before
{
	content: 'Important: ';
	font-family: var(--FontHeading);
	color: var(--Red);
	font-weight: bold;
}

/* Div note styles */

div.Note,
div.Tip,
div.Important
{
	width: 100%;
	margin: 16px 0px;
	padding: 6px 40px 6px 40px;
	border: 1px dashed var(--OrangeDark);
	border-radius: 5px;
}

div.Note *,
div.Tip *,
div.Important *
{
	font-size: var(--FontSizeLarger);
	line-height: var(--LineHeightNormal);
}

div.Note
{
	border-color: var(--BlueDark);
	background-color: var(--BlueExtraLight);
}

div.Note > p:first-child::before
{
	content: 'Note: ';
	font-family: var(--FontHeading);
	color: var(--BlueDark);
	font-weight: bold;
	margin-top: 0;
	mc-hidden: hidden;
}

div.Tip
{
	border-color: var(--OrangeDark);
	background-color: var(--OrangeExtraLight);
}

div.Tip > p:first-child::before
{
	content: 'Tip: ';
	font-family: var(--FontHeading);
	color: var(--OrangeDark);
	font-weight: bold;
	margin-top: 0;
	mc-hidden: hidden;
}

div.Important
{
	border-color: var(--Red);
	background-color: var(--RedExtraLight);
}

div.Important > p:first-child::before
{
	content: 'Important: ';
	font-family: var(--FontHeading);
	color: var(--Red);
	font-weight: bold;
	margin-top: 0;
	mc-hidden: hidden;
}

div.VideoLightbox:hover
{
	cursor: pointer;
}

/* Below is the code for the Thumbs up Thumbs Down Code. This isn't fully completed or correct. In process. Hidden script in Topics.flmsp and Topic-Thumbs.flsnp -FTM
div.vote-container 
{
  margin-top: 20px;
  
}

vote-container button 
{
  font-size: 1.5em;
  margin-right: 10px;
  cursor: pointer;
}
button.thumbs-up
button.thumbs-down
p.vote-message
*/

/* List styles */

ol
{
	font-family: var(--FontText);
}

ul
{
	font-family: var(--FontText);
	list-style-type: square;
}

li
{
	margin-top: 1rem;
	margin-bottom: 1rem;
	color: var(--TextColor);
	font-family: var(--FontText);
	font-size: var(--FontSizeNormal);
	line-height: var(--LineHeightNormal);
}

li.PageBreakAvoid
{
	page-break-inside: avoid;
}

li p
{
	color: var(--TextColor);
	font-family: var(--FontText);
	font-size: var(--FontSizeNormal);
	line-height: var(--LineHeightNormal);
	mc-hyphenate: never;
}

/* List styles */

ol
{
	list-style-type: decimal;
}

ol ol
{
	list-style-type: lower-alpha;
}

ol ol ol
{
	list-style-type: lower-roman;
}

ul
{
	list-style-type: disc;
}

ul ul,
ul ul ul ul,
ul ul ul ul ul ul
{
	list-style-type: square;
}

ul ul ul,
ul ul ul ul ul,
ul ul ul ul ul ul ul
{
	list-style-type: circle;
}

ol li,
ul li
{
	padding-left: 8px;
}

ol li::marker
{
	color: var(--Brand1);
}

ul li::marker
{
	color: var(--OrangeDark);
}

/* Dropdown styles. See Structure styles for specific div overrides. */

MadCap|dropDown
{
	border: none;
	margin: 8px 0;
	mc-image-position: right;
	mc-image-spacing: 20px;
	mc-open-image: url('../Icons/dropdown-open.svg');
	mc-closed-image: url('../Icons/dropdown-closed.svg');
}

MadCap|dropDownHead
{
	width: 100%;
	border: none;
	font-family: var(--FontHeading);
	font-weight: normal;
	font-size: var(--FontSizeLarger);
	line-height: var(--LineHeightSmaller);
	color: var(--TextColor);
	background-color: var(--GrayLight);
	padding: 5px 5px 5px 5px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

MadCap|dropDownBody
{
	border: 1px solid var(--GrayLight);
	border-width: 0 1px 1px 1px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px 5px 10px;
	margin: 0;
	background-color: transparent;
}

MadCap|dropDownHotspot
{
	font-family: var(--FontHeading);
	font-size: var(--FontSizeLarger);
	cursor: hand;
	text-decoration: none;
	width: 100%;
	display: block;
	color: var(--TextColor);
	background-color: transparent;
}

span.dropDownHead a:link,
span.dropDownHead a:visited,
span.dropDownHead a:active,
span.dropDownHead a:hover
{
	color: var(--TextColor);
	background-color: transparent;
}

/* Table styles */
/* Set the size and text for table heading rows. */

table
{
	mc-hidden: hidden;
}

caption
{
	font-family: var(--FontHeading);
	font-size: var(--FontSizeLarger);
	line-height: var(--LineHeightLarger);
	font-weight: bold;
	text-align: center;
	margin-top: 0;
	padding-bottom: 0.5em;
	color: var(--TextColor);
	mc-hyphenate: never;
}

tr
{
	page-break-inside: avoid;
}

th
{
	font-family: var(--FontHeading);
	font-size: var(--FontSizeSmaller);
	line-height: var(--LineHeightSmaller);
	font-weight: bold;
	padding: 4px;
	color: var(--Brand1);
	background-color: var(--White);
}

th p
{
	font-family: var(--FontHeading);
	font-size: var(--FontSizeSmaller);
	line-height: var(--LineHeightSmaller);
	padding: 0 0 0 0;
	margin: 0;
	font-weight: bold;
	color: var(--Brand1);
}

/* Set the size and text for table data rows. */

td
{
	padding: 4px;
	font-size: var(--FontSizeSmaller);
	line-height: var(--LineHeightNormal);
	font-family: var(--FontText);
	background-color: transparent;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
}

td p
{
	font-size: var(--FontSizeSmaller);
	line-height: var(--LineHeightNormal);
	margin: 4px 0;
	padding: 0;
}

td ol,
td ul
{
	padding-left: 18px;
	margin-left: 2px;
	margin-bottom: 6px;
	margin-top: 0;
	padding-top: 0;
}

td ol li,
td ul li
{
	margin-top: .8rem;
	margin-bottom: .8rem;
}

td > ol:first-child > li:first-child,
td > ul:first-child > li:first-child
{
	padding-top: 0;
	margin-top: 0;
}

/* DIV styles */
/* Trending Topics */

div.TrendingTopics *
{
	font-size: var(--FontSizeLarger);
	mc-hidden: hidden;
}

div.TrendingTopics a:link,
div.TrendingTopics a:visited
{
	color: var(--BlueDark);
	text-decoration: none;
	mc-hidden: hidden;
}

div.TrendingTopics a:active,
div.TrendingTopics a:hover
{
	color: var(--OrangeLight);
	text-decoration: underline;
	mc-hidden: hidden;
}

/* Video link that uses a lightbox effect. Stylized links for other content. */

div.VideoLightbox,
div.LinkVideo,
div.LinkPDF,
div.LinkTopic,
div.LinkGetStarted,
div.LinkWhatsNew,
div.LinkFAQ,
div.LinkTroubleshoot,
div.LinkSupport
{
	width: 250px;
	max-width: 275px;
	min-width: 225px;
	height: auto;
	border-radius: 5px;
	padding: 14px;
	margin: 12px 0 0 0;
	background-color: var(--GrayLight);
	border: 1px solid rgba(160, 178, 194, 0.23);
}

div.VideoLightbox > div,
div.LinkVideo > div,
div.LinkPDF > div,
div.LinkTopic > div,
div.LinkGetStarted > div,
div.LinkWhatsNew > div,
div.LinkFAQ > div,
div.LinkTroubleshoot > div,
div.LinkSupport > div
{
	float: right;
	width: 28px;
	height: 28px;
	margin: 0 0 0 8px;
	cursor: pointer;
	background-color: transparent;
	background-image: url('../Icons/FunctionButtons/button-start-orange.svg');
	background-size: auto 28px;
	background-repeat: no-repeat;
	background-position: center center;
	mc-hidden: hidden;
}

div.LinkVideo > div
{
	background-size: auto 26px;
	background-image: url('../Icons/FunctionButtons/button-video-orange.svg');
}

div.LinkPDF > div
{
	width: 28px;
	height: 30px;
	background-size: auto 30px;
	background-image: url('../Icons/FunctionButtons/button-pdf-orange.svg');
}

div.LinkTopic > div
{
	background-size: auto 24px;
	background-image: url('../Icons/FunctionButtons/button-topic-orange.svg');
}

div.LinkGetStarted > div
{
	background-image: url('../Icons/FunctionButtons/button-bolt-orange.svg');
}

div.LinkWhatsNew > div
{
	background-image: url('../Icons/FunctionButtons/button-news-orange.svg');
}

div.LinkFAQ > div
{
	background-image: url('../Icons/FunctionButtons/button-faq-orange.svg');
}

div.LinkTroubleshoot > div
{
	background-image: url('../Icons/FunctionButtons/button-wrench-orange.svg');
}

div.LinkSupport > div
{
	background-image: url('../Icons/FunctionButtons/button-headset-orange.svg');
}

div.VideoLightbox > div > a:link,
div.LinkVideo > div > a:link,
div.LinkPDF > div > a:link,
div.LinkTopic > div > a:link,
div.LinkGetStarted > div > a:link,
div.LinkWhatsNew > div > a:link,
div.LinkFAQ > div > a:link,
div.LinkTroubleshoot > div > a:link,
div.LinkSupport > div > a:link
{
	display: block;
	width: 28px;
	height: 28px;
}

div.VideoLightbox p,
div.LinkVideo p,
div.LinkPDF p,
div.LinkTopic p,
div.LinkGetStarted p,
div.LinkWhatsNew p,
div.LinkFAQ p,
div.LinkTroubleshoot p,
div.LinkSupport p
{
	color: var(--TextColor);
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div.VideoLightbox p:nth-child(2),
div.LinkVideo p:nth-child(2),
div.LinkPDF p:nth-child(2),
div.LinkTopic p:nth-child(2),
div.LinkGetStarted p:nth-child(2),
div.LinkWhatsNew p:nth-child(2),
div.LinkFAQ p:nth-child(2),
div.LinkTroubleshoot p:nth-child(2),
div.LinkSupport p:nth-child(2)
{
	color: var(--Brand1);
	clear: none;
	font-size: 18px;
	line-height: var(--LineHeightSmaller);
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

div.VideoLightbox:hover,
div.LinkVideo:hover,
div.LinkPDF:hover,
div.LinkTopic:hover,
div.LinkGetStarted:hover,
div.LinkWhatsNew:hover,
div.LinkFAQ:hover,
div.LinkTroubleshoot:hover,
div.LinkSupport:hover
{
	border-color: var(--Brand1);
}

div.VideoLightbox:hover > div
{
	background-image: url('../Icons/FunctionButtons/button-start-blue.svg');
	mc-hidden: hidden;
}

div.LinkPDF:hover > div
{
	background-image: url('../Icons/FunctionButtons/button-pdf-blue.svg');
}

div.LinkVideo:hover > div
{
	background-image: url('../Icons/FunctionButtons/button-video-blue.svg');
}

div.LinkTopic:hover > div
{
	background-image: url('../Icons/FunctionButtons/button-topic-blue.svg');
}

div.LinkWhatsNew > div:hover
{
	background-image: url('../Icons/FunctionButtons/button-news-blue.svg');
}

div.LinkGetStarted:hover > div
{
	background-image: url('../Icons/FunctionButtons/button-bolt-blue.svg');
}

div.LinkFAQ:hover > div
{
	background-image: url('../Icons/FunctionButtons/button-faq-blue.svg');
}

div.LinkTroubleshoot:hover > div
{
	background-image: url('../Icons/FunctionButtons/button-wrench-blue.svg');
}

div.LinkSupport:hover > div
{
	background-image: url('../Icons/FunctionButtons/button-headset-blue.svg');
}

div.VideoLightbox p a:link,
div.LinkVideo p a:link,
div.LinkPDF p a:link,
div.LinkTopic p a:link,
div.LinkGetStarted p a:link,
div.LinkWhatsNew p a:link,
div.LinkFAQ p a:link,
div.LinkTroubleshoot p a:link,
div.LinkSupport p a:link,
div.VideoLightbox p a:visited,
div.LinkVideo p a:visited,
div.LinkPDF p a:visited,
div.LinkTopic p a:visited,
div.LinkGetStarted p a:visited,
div.LinkWhatsNew p a:visited,
div.LinkFAQ p a:visited,
div.LinkTroubleshoot p a:visited,
div.LinkSupport p a:visited
{
	color: var(--Brand1);
	text-decoration: none;
}

div.VideoLightbox p a:hover,
div.LinkVideo p a:hover,
div.LinkPDF p a:hover,
div.LinkTopic p a:hover,
div.LinkGetStarted p a:hover,
div.LinkWhatsNew p a:hover,
div.LinkFAQ p a:hover,
div.LinkTroubleshoot p a:hover,
div.LinkSupport p a:hover,
div.VideoLightbox p a:active,
div.LinkVideo p a:active,
div.LinkPDF p a:active,
div.LinkTopic p a:active,
div.LinkGetStarted p a:active,
div.LinkWhatsNew p a:active,
div.LinkFAQ p a:active,
div.LinkTroubleshoot p a:active,
div.LinkSupport p a:active
{
	color: var(--OrangeLight);
	text-decoration: underline;
}

/* Flexbox layout for multiple videos */

div.TileGroup
{
	width: auto;
	margin: 0 0 0 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	/* center, flex-start, space-evenly, space-around, and space-between are options */
	align-content: center;
	align-items: stretch;
	padding: 0 0 0 0;
	background-color: transparent;
}

div.TileGroup > div
{
	flex: 0 1 31%;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 18px;
	mc-hidden: hidden;
}

/* Embedded local video. */

div.VideoEmbedded
{
	/*Trying these top 3 lines and changed max-width from 100% to 75% and justify-item left 3/18/25*/
	position: relative;
	width: auto;
	max-width: 75%;
	overflow-x: auto;
	padding: 12px;
	border: 2px solid var(--OrangeLight);
	margin: 16px 0;
	background-color: var(--GrayLight);
}

div.VideoEmbedded div
{
	display: flex;
	justify-content: center;
	text-align: center;
}

div.VideoEmbedded p
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}

div.FloatLeft
{
	margin-top: 8px;
	float: left;
	padding: 0px 12px 0px 0;
	width: 50%;
	overflow: hidden;
}

div.FloatRight
{
	margin-top: 8px;
	float: right;
	padding: 0px 0px 0px 12px;
	width: 50%;
	overflow: hidden;
}

/* MiniTOC Proxy */

MadCap|miniTocProxy
{
	border: 1px solid var(--GrayExtraLight);
	background-color: var(--GrayExtraLight);
	border-radius: 5px;
	padding: 5px 15px 10px 0;
	margin: 16px 0px 10px 0px;
	mc-output-support: html5;
}

p.MiniTOC1
{
	font-family: var(--FontHeading);
	font-weight: bold;
	font-size: var(--FontSizeNormal);
	line-height: var(--LineHeightNormal);
	color: var(--Brand1);
	margin: 8px 0 0 1%;
	padding: 0;
}

p.MiniTOC2
{
	font-family: var(--FontHeading);
	font-size: var(--FontSizeNormal);
	line-height: var(--LineHeightNormal);
	color: var(--Brand1);
	margin: 2px 0 0 3%;
	padding: 0;
}

p.MiniTOC3
{
	font-family: var(--FontHeading);
	font-size: var(--FontSizeNormal);
	line-height: var(--LineHeightNormal);
	margin: 2px 0 0 5%;
	color: var(--Brand1);
	padding: 0;
}

p.MiniTOC4
{
	font-family: var(--FontHeading);
	font-size: var(--FontSizeNormal);
	line-height: var(--LineHeightNormal);
	margin: 2px 0 0 7%;
	color: var(--Brand1);
	padding: 0;
}

p.MiniTOC5
{
	font-family: var(--FontHeading);
	font-size: var(--FontSizeNormal);
	line-height: var(--LineHeightNormal);
	margin: 2px 0 0 9%;
	color: var(--Brand1);
	padding: 0;
}

p.MiniTOC6
{
	font-family: var(--FontHeading);
	font-size: var(--FontSizeNormal);
	line-height: var(--LineHeightNormal);
	margin: 2px 0 0 11%;
	color: var(--Brand1);
	padding: 0;
}

/* Generic styles */

.ClearFloats
{
	clear: both;
}

.CenterText
{
	text-align: center;
}

/* Span styles */

span.BrandColor
{
	color: var(--Brand1);
}

span.OrangeLight
{
	color: var(--OrangeLight);
}

code
{
	padding: 0 4px;
	white-space: pre-wrap;
}

b,
strong,
span.Bold
{
	font-weight: bold;
	overflow-wrap: break-word;
}

span.BoldRed
{
	font-weight: bold;
	overflow-wrap: break-word;
	color: #ff0000;
}

span.BoldGreen
{
	font-weight: bold;
	overflow-wrap: break-word;
	color: #2e8b57;
}

span.BoldBlue
{
	font-weight: bold;
	overflow-wrap: break-word;
	color: #0070C0;
}

emphasis,
em,
span.Italic
{
	font-style: italic;
}

span.BoldItalic
{
	font-weight: bold;
	font-style: italic;
}

span.Underline
{
	text-decoration: underline;
}

span.BoldUnderline
{
	font-weight: bold;
	text-decoration: underline;
}

span.BoldItalicUnderline
{
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}

span.Important
{
	color: var(--Red);
	font-weight: bold;
}

/* Search highlight colors */

span.SearchHighlight1
{
	background: Yellow;
}

span.SearchHighlight2
{
	background: PaleTurquoise;
}

span.SearchHighlight3
{
	background: LightPink;
}

span.SearchHighlight4
{
	background: PaleGreen;
}

/* Hide these elements in the Flare GUI style pickers. */

address,
kbd,
tt,
var,
samp,
abbr,
acronym,
big,
cite,
del,
em,
ins,
label,
q,
small,
fieldset,
form,
ul.sidenav,
div._Skins_Toolbar_Next.mc-component,
div._Skins_Toolbar_Prev.mc-component,
div.button-icon,
div.footer-links,
div.search-filter-wrapper,
div.search-bar,
div.social-media-icons,
div.logo-wrapper,
span.submenu-toggle-container,
span.VersionNumber,
nav.search-wrapper,
div#SideContentContainer,
div#Tile-Documentation,
div#Tile-FAQs,
div#Tile-GettingStarted,
div#Tile-Training,
div#Tile-Troubleshooting,
div#Tile-WhatsNew,
div#CollapseExpand,
div#CollapseExpandMobile,
div#RemoveHighlight,
div#RemoveHighlightMobile,
div.button-tiles,
div._Skins_Toolbar_CollapseExpand.mc-component,
div.search-submit,
div.title-bar-layout,
div.two-column-layout
{
	mc-hidden: hidden;
}

@media only screen and (max-width: 1199px)
{
	/* Remove padding around content in tablet/mobile modes. */

	.main-section > .outer-row
	{
		padding: 0;
		mc-hidden: hidden;
	}

	div.TileGroup > div
	{
		flex: 0 1 45%;
	}
}

@media only screen and (max-width: 767px)
{
	MadCap|breadcrumbsProxy
	{
		padding-top: 0px;
	}

	div.FloatLeft
	{
		float: none;
		padding: 0px 0px 0px 0px;
		width: 100%;
	}

	div.FloatRight
	{
		float: none;
		padding: 0px 0px 0px 0px;
		width: 100%;
		overflow: hidden;
	}

	/* 
	div.FloatLeft > div.VideoLightbox
	{
		float: none;
		clear: both;
		mc-hidden: hidden;
	}

	div.FloatRight > div.VideoLightbox
	{
		float: none;
		clear: both;
		mc-hidden: hidden;
	}
	*/

	div.TileGroup
	{
		justify-content: center;
	}

	div.TileGroup > div
	{
		flex: 0 1 80%;
	}
}

@media edit
{
	:root
	{
		--FontSizeNormal: 10pt;
		/* 1rem; */
		--FontSizeSmaller: 9pt;
		/* .85rem; */
		--FontSizeLarger: 11pt;
		/* 1.2rem; */
		--LineHeightNormal: 120%;
		--LineHeightSmaller: 110%;
		--LineHeightLarger: 130%;
	}

	div#RelatedContent
	{
		background-color: var(--White);
		padding: 5px;
		border: 2px dashed blue;
	}

	div#RelatedContent::before
	{
		content: 'Related Content Div; Use plain paragraphs with link to internal or external resources.';
		font-family: var(--FontHeading);
		color: blue;
		border: none;
		display: block;
		text-align: center;
		border-bottom: 8px;
		padding: 0px;
		mc-hidden: hidden;
	}

	div.TileGroup
	{
		background-color: var(--White);
		padding: 5px;
		width: 100%;
		display: block;
		border: 2px dashed green;
	}

	div.TileGroup::before
	{
		content: 'Tile Group';
		font-family: var(--FontHeading);
		color: green;
		border: none;
		display: block;
		text-align: center;
		border-bottom: 8px;
		padding: 0px;
		mc-hidden: hidden;
	}

	div.VideoEmbedded
	{
		background-color: var(--White);
		padding: 5px;
		width: 100%;
		border: 2px dashed red;
	}

	div.VideoEmbedded::before
	{
		content: 'Embedded Video';
		font-family: var(--FontHeading);
		color: blue;
		border: none;
		display: block;
		text-align: left;
		border-bottom: 8px;
		padding: 0px;
		mc-hidden: hidden;
	}

	div.VideoEmbedded p
	{
		text-align: left;
	}

	div.FloatLeft,
	div.FloatRight
	{
		float: none;
		margin: 0;
		border: 2px dashed var(--GrayDark);
		width: 100%;
	}

	div.FloatLeft::before,
	div.FloatRight::before
	{
		content: 'Float enclosed content to LEFT; max width of 50%; show inline for mobile mode';
		font-family: var(--FontHeading);
		color: var(--GrayDark);
		border: none;
		display: block;
		text-align: center;
		border-bottom: 8px;
		padding: 0px;
		mc-hidden: hidden;
	}

	div.FloatRight::before
	{
		content: 'Float enclosed content to RIGHT; max width of 50%; show inline for mobile mode';
	}

	div.FloatLeft > div.VideoLightbox,
	div.FloatRight > div.VideoLightbox
	{
		float: none;
		clear: both;
	}

	div.home-tiles
	{
		display: block;
		padding: 5px;
		border: 2px dashed red;
		mc-hidden: hidden;
	}

	div.home-tiles::before
	{
		content: 'Home Tile Container';
		font-family: var(--FontHeading);
		color: red;
		border: none;
		display: block;
		text-align: center;
		border-bottom: 8px;
		padding: 0px;
		mc-hidden: hidden;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6
	{
		margin-top: 10pt;
		margin-bottom: 4pt;
	}

	.ClearFloats::before
	{
		content: '<Clear floating elements> ';
		font-family: var(--FontHeading);
		color: red;
		border: none;
	}
}

@media print
{
	:root
	{
		/* Print font sizes in points */
		--FontSizeNormal: 10pt;
		--FontSizeSmaller: 9pt;
		--FontSizeLarger: 12pt;
		--LineHeightNormal: 130%;
		--LineHeightSmaller: 110%;
		--LineHeightLarger: 160%;
	}

	p.Note,
	p.Tip,
	p.Important,
	div.Note,
	div.Tip,
	div.Important
	{
		page-break-inside: avoid;
	}

	/*	img.ThumbnailSmall
	{
		max-width: auto;
		max-height: 50%;
	}
img.ThumbnailMedium
	{
		max-width: auto;
		max-height: 50%;
	}
	img.ThumbnailLarge
	{
		max-width: auto;
		max-height: 50%;
	}
	img.ThumbnailPortrait
	{
	max-width: auto;
		max-height: 50%;
	}*/
}