/*<meta />*/

@import url('../Stylesheets/N-ABLE_Structure.css');

@import url('https://fonts.googleapis.com/css2?family=Manrope');

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

/*
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  src: url(opensans-light.eot);
  src: local('Manrope'), local('OpenSans-Light'),
       url(opensans-light.eot) format('embedded-opentype'),
       url(opensans-light.woff) format('woff');
} 

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url(opensans-regular.eot);
  src: local('Manrope'), local('OpenSans'),
       url(opensans-regular.eot) format('embedded-opentype'),
       url(opensans-regular.woff) format('woff');
} 

@font-face {
  font-family: 'Manrope';
  font-style: normal;Fmedia
  font-weight: 700;
  src: url(opensans-bold.eot);
  src: local('Manrope Bold'), local('OpenSans-Bold'),
       url(opensans-bold.eot) format('embedded-opentype'),
       url(opensans-black.woff) format('woff');
} 
*/

body
{
	font-family: 'Manrope', sans-serif;
	font-size: var(--FontSizeNormal);
	font-style: normal;
	font-weight: 400;
	overflow: visible;
	line-height: var(--LineHeightNormal);
}

/************************* MiniTOC for Onboarding Guide topics in MindTouch */

.OBminiTOC
{
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	border: 1px solid gray;
	background-color: #eee;
	width: 300px;
	padding: 5px;
}

div.OBminiTOC ul
{
	list-style-type: none !important;
	padding-left: 10px !important;
	margin-left: 0px !important;
	line-height: 1.1 !important;
	margin-bottom: .4em !important;
	margin-top: .4em !important;
}

div.OBminiTOC ul ul li
{
	list-style-type: none !important;
	padding-left: 10px !important;
	margin-left: 0px !important;
	line-height: 1.1 !important;
	margin-bottom: .4em !important;
	margin-top: .4em !important;
}

/****************************** DIV CONTAINER */

/*
div.faq
{
	
}

div.faq input.checkbox
{
	display: none;
}

div.faq input.checkbox + label
{
	display: block;
	padding: 4px 12px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	background: linear-gradient(#fff, #eee);
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1);
	overflow: hidden;
}

div.faq input.checkbox + label h3
{
	margin: 0;
}

div.faq input.checkbox + label + div.answer
{
	//display: none;
	opacity: 0;
	//padding: 15px;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	//-moz-transition: all 1s linear;
	-o-transition: all 1s linear;
	//-webkit-transition: all 1s linear;
	transition: all 1s ease-out;
	opacity: 0;
	height: 0;
	overflow: hidden;
}

div.faq input.checkbox + label + div.answer p
{
	margin: 0;
	padding: 15px;
}

div.faq input.checkbox:checked + label + div.answer
{
	//display: block;
	opacity: 1;
	height: auto;
	//opacity: 1;
}
*/

div.turq-line
{
	border-top-style: solid;
	border-color: #04c9d7;
	margin: 0px;
	height: 80px;
}

div.topicheroslim
{
	background-image: url('../Images/SWI_curvy-tile.png');
	background-repeat: repeat;
	padding-top: 0;
	padding-bottom: 20px;
	border-top-style: solid;
	border-color: #04c9d7;
	height: 60px;
	margin: 0px;
}

div.topicheroslim p
{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 18pt;
	text-align: center;
}

div.publishdate
{
	margin-top: 1px;
	margin-bottom: 1px;
	font-size: 8pt;
	text-align: right;
}

/* Hidden keyword style for better search results. Preferably, use this style in an H1 - H3 tag */

.keyword
{
	display: none;
}

div.TopicContent
{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 25px;
}

div.topicNav
{
	padding-bottom: -10px;
	margin-bottom: -10px;
}

div.horizscroll
{
	overflow: scroll;
}

/* front matter/About */

p.frontmatter_h1
{
	widows: 3;
	orphans: 3;
	mc-hyphenate: never;
	page-break-after: avoid;
	page-break-before: always;
	font-family: Manrope;
	color: #0079aa;
	font-size: 14px;
	font-weight: 500;
}

p.frontmatter_h2
{
	font-size: 25px;
	font-weight: 700;
	color: #333;
	mc-hyphenate: never;
	page-break-after: avoid;
	padding-bottom: 0em;
	margin-bottom: .5em;
	font-family: Manrope;
}

/****************************** Misc */

MadCap|glossaryTerm
{
	color: var(--NableLinkUnvisited);
	font-family: Manrope;
}

MadCap|glossaryTerm.Popup
{
	color: var(--NableLinkUnvisited);
	font-size: 10pt;
}

MadCap|relatedTopics
{
	color: var(--NableBlack);
	mc-help-control-display: list;
}

MadCap|codeSnippet	/*****Added the following codeSnippet code March 20/2024 to maintain tags currently used in N-central***********/
{
	border-color: ;
	border-left-width: 1;
	border-left-color: transparent;
	border-right-color: transparent;
	border: solid 2px transparent;
}

MadCap|codeSnippetBody
{
	border: solid 2px transparent;
}

MadCap|codeSnippetCaption
{
	text-decoration: none;
	font-family: Manrope;
	color: #c046ff;
	font-size: 12pt;
}

MadCap|menuProxy
{
	border-radius: 10px;
}

@media only screen and (max-width: 600px)
{
	div.topicheroslim p
	{
		font-size: 12pt;
	}
}

@media only screen and (min-width: 600px)
{
	div.topicheroslim p
	{
		font-size: 18pt;
	}
}

#flex
{
	display: flex;
	/* Optional, if you want the DIVs 100% width: */
	flex-direction: column;
}

#flex > #modified
{
	order: 4;
}

#flex > #description
{
	order: 1;
}

#flex > #environment
{
	order: 2;
}

#flex > #solution
{
	order: 3;
}

#flex > #internal
{
	order: 5;
}

#topBtn
{
	display: none;
	width: 40px;
	height: 40px;
	line-height: 45px;
	text-align: center;
	text-decoration: none;
	font-size: 40px;
	font-weight: bold;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	border: none;
	outline: none;
	background-color: #c046ff;
	color: white;
	cursor: pointer;
	padding: 5px;
	border-radius: 50%;
	opacity: 0.3;
}

#topBtn:hover
{
	opacity: 1;
}

/************************************ text */

h1	/* mirror changes in p.frontmatter_h1 */
{
	font-family: Manrope;
	font-weight: 500;
	font-size: 2rem;
	/*With fontsize=16px, this will be 32px */
	line-height: 2.5rem;
	widows: 3;
	orphans: 3;
	padding-bottom: 0em;
	padding-top: 0px;
	margin-top: 0px;
	mc-hyphenate: never;
	/* page-break-after: avoid;
	old color = #444444 */
	color: var(--NableBlack);
}

h2	/*mirror changes in p.frontmatter_h2 */
{
	font-family: Manrope;
	font-weight: 500;
	font-size: 1.75rem;
	/*With fontsize=16px, this will be 28px */
	line-height: 2.25rem;
	padding-bottom: 0em;
	margin-bottom: .5em;
	color: var(--NableBlack);
	mc-hyphenate: never;
	/* page-break-after: avoid;
	padding-top: .6em; */
}

h3
{
	font-family: Manrope;
	font-weight: 500;
	font-size: 1.38rem;
	/*With fontsize=16px, this will be 22.08px */
	line-height: 1.88rem;
	padding-bottom: 0em;
	color: var(--NableBlack);
	mc-hyphenate: never;
}

h4
{
	font-family: Manrope;
	font-weight: 500;
	font-size: 1.17rem;
	/*With fontsize=16px, this will be 18.72x */
	line-height: 1.67rem;
	padding-bottom: 0em;
	color: var(--NableBlack);
	mc-hyphenate: never;
}

h5
{
	font-family: Manrope;
	font-weight: 500;
	font-size: 1rem;
	/*With fontsize=16px, this will be 16px */
	line-height: 1.5rem;
	padding-bottom: 0em;
	mc-heading-level: 4;
	color: var(--NableBlack);
	mc-hyphenate: never;
}

h6
{
	font-family: Manrope;
	font-weight: 500;
	font-size: 0.83rem;
	/*With fontsize=16px, this will be 13.28px */
	line-height: 1.33rem;
	padding-bottom: 0em;
	color: var(--NableBlack);
	mc-hyphenate: never;
}

p
{
	font-family: Manrope;
	font-weight: 400;
	font-size: var(--FontSizeNormal);
	widows: 3;
	orphans: 3;
	mc-hyphenate: never;
	/* page-break-inside: avoid; */
}

p.menu	/*used with dropdown menu */
{
	font-size: var(--FontSizeNormal);
}

.expand	/*use with expands */
{
	overflow: auto;
}

.ButtonMenuNote
{
	font-weight: bold;
	page-break-after: avoid;
}

.IfStatement
{
	font-style: normal;
}

/*Changes to term definitions should also be mirrored in dt and dd in List styles */

.TermDefinition
{
	margin-left: 40px;
	page-break-before: avoid;
}

.Term
{
	font-weight: bold;
	font-style: normal;
	page-break-after: avoid;
	mc-next-clas: TermDefinition;
}

code
{
	font-size: 17px;
	mc-toc-depth: 3;
	margin-top: 3pt;
	font-family: "Courier New", monospace;
}

pathcode
{
	background-color: #E6E6E6;
	/* border: 1px solid #696969; */
	border-radius: 5px;
	padding-right: 5px;
	padding-left: 5px;
	overflow: hidden;
	mc-hyphenate: never;
	font-family: "Courier New", monospace;
	font-size: 17px;
}

p.TaskIntro
{
	font-weight: normal;
	page-break-after: avoid;
}

MadCap|xref.PageNumberOnly
{
	mc-format: '{page}';
}

pre
{
	background-color: #F6F6F6;
	border: 1px solid #696969;
	padding: 10px;
	overflow: auto;
	mc-hyphenate: never;
	font-family: "Courier New", monospace;
	font-size: 17px;
}

caption
{
	caption-side: top;
	text-align: left;
	page-break-after: avoid;
}

/*********************************** Images */

img
{
	max-width: 100%;
}

img.thumbnail
{
	mc-thumbnail: popup;
}

img.no_border
{
	border: none;
}

/*ol img,
ul img
{
	border: 1px solid #222;
}

img.borders
{
	border: 1px solid #222;
}*/

.BigImages
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 700px;
	border: solid;
	border-width: 1px;
	border-color: #c0c0c0;
	padding: 4px;
}

.MediumImages
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 500px;
	border: solid;
	border-width: 1px;
	border-color: #c0c0c0;
	padding: 4px;
}

.SmallImages
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 300px;
	border: solid;
	border-width: 1px;
	border-color: #c0c0c0;
	padding: 4px;
}

.videobutton
{
	width: 200px;
	height: 35px;
	padding: 0px;
}

/******************************************* Lists */

p ol,
p ul
{
	margin-top: -.4em;
	padding-top: 1px;
	margin-bottom: 0px;
}

ol
{
	padding-bottom: 2px;
	mc-hyphenate: never;
}

ul
{
	padding-top: 2px;
	list-style-type: square;
}

li
{
	mc-hyphenate: never;
	/* line-height: 1.4em; */
	/* margin-top: 2px;*/
	page-break-inside: avoid;
	page-break-before: avoid;
	margin-bottom: 0.4em;
}

li p,
ol p,
ul p,
ol ol li,
ol ul li
{
	mc-hyphenate: never;
	line-height: 1.5em;
	margin-top: .8em;
	margin-bottom: 3px;
	page-break-inside: avoid;
	page-break-before: avoid;
}

p ul li:first-child,
p ol li:first-child,
ol ul li:first-child,
ol ol li:first-child,
ul ul li:first-child,
ul li ul li:first-child
{
	margin-top: .4em;
}

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

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

/*Must be mirrored in .term and .term definition */

dd
{
	margin-left: 40px;
	page-break-before: avoid;
	padding-top: 4px;
	padding-bottom: 1.1em;
}

dt
{
	font-weight: bold;
	font-style: normal;
	page-break-after: avoid;
	mc-next-clas: dd;
}

/******************************************* Drop-down text */

MadCap|expandingHead
{
	font-size: var(--FontSizeNormal);
	font-weight: 400;
	font-family: Manrope;
	cursor: hand;
	text-decoration: none;
	color: var(--NableBlack);
	mc-closed-image: url('../Images/GLOBAL-IMAGES/ArrowRightSmall.png');
	mc-open-image: url('../Images/GLOBAL-IMAGES/ArrowDownSmall.png');
}

MadCap|expand	/* Placeholder for having better expand images} */
{
	/*	mc-open-image: none;
	mc-closed-image: none; */
}

MadCap|expanding
{
	mc-closed-image: url('../Images/GLOBAL-IMAGES/ArrowRightSmall.png');
	mc-open-image: url('../Images/GLOBAL-IMAGES/ArrowDownSmall.png');
	font-size: var(--FontSizeNormal);
	font-weight: normal;
	mc-hyphenate: never;
	padding-bottom: 0em;
	margin-bottom: 0em;
	color: var(--NableBlack);
	font-family: Manrope;
	mc-image-position: left;
}

MadCap|dropDown
{
	mc-closed-image: url('../Images/GLOBAL-IMAGES/ArrowRightSmall.png');
	mc-open-image: url('../Images/GLOBAL-IMAGES/ArrowDownSmall.png');
	mc-image-position: left;
	color: var(--GrayDarkest);
	font-family: Manrope;
	font-size: 18px;
	font-weight: normal;
}

MadCap|dropDownHead.menu
{
	color: var(--NableBlack);
}

MadCap|dropDown.menu
{
	mc-open-image: none;
	mc-closed-image: none;
	mc-image-position: none;
	font-size: 13px;
	cursor: hand;
	text-decoration: none;
	line-height: 1.8em;
	font-weight: normal;
	font-style: normal;
	color: var(--NableBlack);
}

MadCap|dropDown.menu:link
{
	font-size: 13px;
	cursor: hand;
	text-decoration: none;
	line-height: 1.8em;
	mc-closed-image: none;
	mc-open-image: none;
	font-weight: normal;
	font-style: normal;
	color: var(--NableBlack);
}

MadCap|dropDownHotspot.menu:link
{
	font-size: 13px;
	cursor: hand;
	text-decoration: none;
	line-height: 1.8em;
	mc-closed-image: none;
	mc-open-image: none;
	font-weight: normal;
	font-style: normal;
	color: var(--NableBlack);
}

MadCap|dropDownHead.menu:link
{
	font-size: 13px;
	font-weight: 400;
	cursor: hand;
	text-decoration: none;
	line-height: 1.8em;
	mc-closed-image: none;
	mc-open-image: none;
	color: var(--GrayDarkest);
}

MadCap|dropDownHotspot.menu:hover
{
	font-size: 13px;
	cursor: hand;
	background-color: #fff;
	mc-closed-image: none;
	mc-open-image: none;
	font-weight: normal;
	font-style: normal;
	color: var(--NableBlack);
	text-decoration: none;
}

MadCap|dropDownHotspot.menu:visited
{
	font-size: 13px;
	cursor: hand;
	background-color: #fff;
	mc-closed-image: none;
	mc-open-image: none;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

MadCap|dropDownBody.menu
{
	font-size: 13px;
	font-weight: 400;
	cursor: hand;
	mc-closed-image: none;
	mc-open-image: none;
	color: #000;
}

MadCap|dropDownHead
{
	mc-closed-image: url('../Images/GLOBAL-IMAGES/ArrowRightSmall.png');
	mc-open-image: url('../Images/GLOBAL-IMAGES/ArrowDownSmall.png');
	mc-image-position: left;
	color: #fafbff;
	font-family: Manrope;
	font-size: 18px;
	font-weight: normal;
}

MadCap|dropDownBody
{
	mc-closed-image: url('../Images/GLOBAL-IMAGES/ArrowRightSmall.png');
	mc-open-image: url('../Images/GLOBAL-IMAGES/ArrowDownSmall.png');
	mc-image-position: left;
	color: var(--NableBlack);
	font-family: Manrope;
	font-size: var(--FontSizeNormal);
	font-weight: 400;
}

/*** Dropdown Body class for MSP-I table dropdown in QSG */

MadCap|dropDownBody.mspitab
{
	mc-closed-image: url('../Images/GLOBAL-IMAGES/ArrowRightSmall.png');
	mc-open-image: url('../Images/GLOBAL-IMAGES/ArrowDownSmall.png');
	mc-image-position: left;
	color: Black;
	font-family: Manrope;
	font-size: var(--FontSizeNormal);
	font-weight: 400;
	margin-left: 2px;
}

MadCap|dropDownHotspot:hover
{
	mc-closed-image-alt-text: url('../Images/GLOBAL-IMAGES/ArrowRightSmall.png');
	mc-image-position: left;
}

MadCap|dropDownHotspot:focus
{
	mc-closed-image-alt-text: url('../Images/GLOBAL-IMAGES/ArrowRightSmall.png');
}

MadCap|dropDownHotspot
{
	font-size: var(--FontSizeLarger);
	/*  18px;  */
	font-weight: normal;
	font-color: var(--GrayDarkest);
	mc-hyphenate: never;
	padding-bottom: 0em;
	margin-bottom: 0em;
	color: var(--GrayDarkest);
	font-family: Manrope;
	mc-image-position: left;
	mc-closed-image: url('../Images/GLOBAL-IMAGES/ArrowRightSmall.png');
	mc-open-image: url('../Images/GLOBAL-IMAGES/ArrowDownSmall.png');
}

MadCap|dropDown.faq
{
	font-size: var(--FontSizeLarger);
	display: block;
	overflow: hidden;
	margin-bottom: 5px;
}

MadCap|dropDownHead.faq
{
	font-size: var(--FontSizeLarger);
	color: var(--GrayDarkest);
	border: solid 1px var(--GrayMedium);
	background: linear-gradient(#fff, #f4f6fe);
	padding: 3px 3px 3px 3px;
}

MadCap|dropDownBody.faq
{
	border: solid 1px var(--GrayMedium);
	/*#c0c0c0; */
	margin-left: 0px;
	padding-left: 5px;
	padding-right: 5px;
}

/*******************************************  Links */

MadCap|xref
{
	mc-format: '{paratext}';
	color: var(--NableLinkUnvisited);
	text-decoration: none;
	font-weight: 500;
}

MadCap|xref:hover
{
	color: var(--NableLinkUnvisited);
	text-decoration: underline;
	font-weight: 500;
}

MadCap|xref.ParaTextOnly
{
	mc-format: '{paratext}';
	color: var(--NableLinkUnvisited);
	text-decoration: none;
	font-weight: 500;
}

a:link
{
	color: var(--NableLinkUnvisited);
	text-decoration: none;
	font-weight: 500;
}

a:visited
{
	color: var(--NableLinkVisited);
	text-decoration: none;
	font-weight: 500;
}

a:visited:hover
{
	color: var(--NableLinkVisited);
	text-decoration: underline;
	font-weight: 500;
}

a:hover
{
	color: var(--NableLinkUnvisited);
	text-decoration: underline;
	font-weight: 500;
}

/**************************Add Leave Page icon to links that have _blank*********/

.main-secton a[target="_blank"]
{
	white-space: nowrap;
}

.main-section a[target="_blank"]:not(.footer-link):not(.icon-link):after
{
	/******^ensures that _blank links in the footer and in the top nav images don't include this auto leave page icon *****************/
	content: url('../Images/GLOBAL-IMAGES/open_me_p.png');
	margin-left: 4px;
	vertical-align: 8%;
}

/**************************Screen reader-only CSS Class********************

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}*/

/********************************* Box Styles */

.info
{
	background-color: #f0f9ff;
	/* old color #e9f3f7; */
	border-radius: 6px;
	/*This creates a smooth corner */
	/*border-top: 1px solid var(--GrayMedium);  old color 258fb0*/
	/*border-right: 1px solid var(--GrayMedium); /* old color 258fb0*/
	/*border-left: 1px solid var(--GrayMedium); /* old color 258fb0 at 4px*/
	/*border-bottom: 1px solid var(--GrayMedium); /* old color 258fb0 at 4px*/
	background-repeat: no-repeat;
	padding: 5px 30px 5px 45px;
	background-image: url('../Images/GLOBAL-IMAGES/info-in circle.svg');
	background-position: 10px 5px;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	line-height: var(--LineHeightNormal);
	/*flex-basis: auto;*/
}

.info::before
{
	content: "Note ";
	font-weight: 600;	/* semi-bold */
	/*margin-left: 2px;
	/*margin-right: 10px; Add some space after the inserted word */
}

/*.info::after
{
	content: "\a";
	white-space: pre;
}

.info::bottom
{
	content: "\a";
	white-space: pre;
}*/

.nugget
{
	background-color:#e9fbf2;
	/* old color #e5f6ed; */
	border-radius: 6px;
	/*This creates a smooth corner */
	/* border-top: 1px solid var(--GrayMedium); /* old color 00a753*/
	/*border-right: 1px solid var(--GrayMedium); /* old color 00a753*/
	/*border-left: 1px solid var(--GrayMedium); /* old color 00a753 at 4px*/
	/*border-bottom: 1px solid var(--GrayMedium); /* old color 00a753 at 4px*/
	background-repeat: no-repeat;
	padding: 5px 30px 5px 45px;
	background-image: url('../Images/GLOBAL-IMAGES/insights.svg');
	background-position: 10px 5px;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
	page-break-inside: avoid;
	/*color: #000000; */
	display: block;
	line-height: var(--LineHeightNormal);
}

.nugget::before
{
	content: "Tip ";
	font-weight: 600;	/* semi-bold */
	/* margin-left: 2px;
	/* margin-right: 10px; Add some space after the inserted word */
}

.code
{
	background-color: #F6F6F6;
	border: 1px solid #696969;
	padding: 10px;
	overflow: hidden;
	mc-hyphenate: never;
	font-family: "Courier New", monospace;
	font-size: 15px;
}

.codescroll
{
	font-family: "Courier New", monospace;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding: 5px 15px 5px 30px;
	background-color: #F6F6F6;
	border: 1px solid #696969;
	overflow: scroll;
}

.warning
{
	background-color: #fff8e0;
	/* old color #fef9ea; */
	border-radius: 6px;
	/*This creates a smooth corner */
	/* border-top: 1px solid var(--GrayMedium); /* old color fdc32b*/
	/* border-right: 1px solid var(--GrayMedium); /* old color fdc32b*/
	/* border-left: 1px solid var(--GrayMedium); /* old color fdc32b at 4px*/
	/* border-bottom: 1px solid var(--GrayMedium); /* old color fdc32b at 4px*/
	background-repeat: no-repeat;
	padding: 5px 30px 5px 45px;
	background-image: url('../Images/GLOBAL-IMAGES/warning.svg');
	background-position: 10px 3px;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 20px;
	page-break-inside: avoid;
	/*(color: #000000; */
	display: block;
	line-height: var(--LineHeightNormal);
}

.warning::before
{
	content: "Important ";
	font-weight: 600; /* semi-bold */
    /*margin-left: 5px;
	/*margin-right: 10px; Add some space after the inserted word */
}

.error
{
	background-color: #fff7f5;
	border-radius: 6px;
	/*This creates a smooth corner */
	/* border-top: 1px solid var(--GrayMedium); /* old color #8b0000; */
	/* border-right: 1px solid var(--GrayMedium); /* old color #8b0000; */
	/* border-left: 1px solid var(--GrayMedium); /* old color #8b0000; */
	/* border-bottom: 1px solid var(--GrayMedium); /* old color #8b0000; */
	background-repeat: no-repeat;
	padding: 5px 30px 5px 45px;
	background-image: url('../Images/GLOBAL-IMAGES/critical.svg');
	background-position: 10px 5px;
	overflow: hidden;
	margin-top: 3px;
	margin-bottom: 3px;
	page-break-inside: avoid;
	/*color: #000000; */
	display: block;
}

.error::before
{
	content: "Error ";
	font-weight: 600; /* semi-bold */
	/*margin-left: 5px;
	 margin-right: 10px; Add some space after the inserted word */
}

.comment
{
	background-color: #e8fffb;
	border: 1px dashed black;
	display: block;
	margin-top: -8px;
	margin-bottom: 0px;
}

.video
{
	background-color: var(--GrayLight);
	border-top: 1px solid var(--GrayMedium);
	border-right: 1px solid var(--GrayMedium);
	border-left: 4px solid var(--GrayMedium);
	border-bottom: 4px solid var(--GrayMedium);
	background-repeat: no-repeat;
	padding: 5px 30px 5px 30px;
	background-image: url('../Images/GLOBAL-IMAGES/videoicon.svg');
	background-size: 18px;
	background-position: 5px 5px;
	overflow: hidden;
	margin-top: 3px;
	margin-bottom: 3px;
	page-break-inside: avoid;
	/* color: #000000; */
	display: block;
}

/*----------CORNERED----------

.nableinfocornered
{
	height: 0px;
	border-top: 20px solid #e9f3f7;
	border-right: 20px solid #258fb0;
	background-image: url('../Images/info-nable.png');
	background-position: 5px 25px;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 25px;
}

.nablenuggetcornered
{
	height: 0px;
	border-top: 20px solid #e5f6ed;
	border-right: 20px solid #00a753;
	background-image: url('../Images/nugget-nable.png');
	background-position: 5px 25px;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 25px;
}

.nablewarningcornered
{
	height: 0px;
	border-top: 20px solid #fef9ea;
	border-right: 20px solid #fdc32b;
	background-image: url('../Images/warning-nable.png');
	background-position: 5px 25px;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 25px;
}

.nableerrorcornered
{
	height: 0px;
	border-top: 20px solid #ffe4e1;
	border-right: 20px solid #8b0000;
	background-image: url('../Images/critical.svg');
	background-position: 5px 25px;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 25px;
}*/

/******************************* Breadcrumbs */

a.MCBreadcrumbsLink
{
	/*font-style: italic;
	text-decoration: underline; */
}

a.MCBreadcrumbsLink:visited
{
	color: var(--NableLinkVisited);
}

a.MCBreadcrumbsLink:visited:hover
{
	color: var(--NableLinkVisited);
	text-decoration: underline;
}

a.MCBreadcrumbsLink:hover
{
	color: var(--NableLinkUnvisited);
	text-decoration: underline;
}

MadCap|breadcrumbsProxy
{
	border-bottom: none;
	margin: 0;
	padding: 0;
	font-size: .8em;
	/*	font-style: italic; */
	line-height: 1.05rem;
	mc-breadcrumbs-prefix: ' > ';
}

/****************************************************** Quick Start */

div.topright_vid
{
	float: right;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-right: 10p;
}

.top
{
	float: left;
}

img.map
{
	height: auto;
	min-width: 2in;
	clear: right;
	position: relative;
}

p
{
	clear: left;
	font-family: Manrope;
}

MadCap|tocProxy
{
	orphans: 3;
	widows: 3;
}

MadCap|dropDown:link
{
	color: #000000;
}

h5
{
	mc-heading-level: 0;
}

h6
{
	mc-heading-level: 0;
}

ol ul li
{
	margin-bottom: 10px;
}

div.NewRowClass1	/*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.NewRowClass1::before
{
	content: ' ';
	display: table;
}

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

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

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

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

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

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

span.N-ablePink
{
	color: var(--PinkMedium);
}

span.DocTypeTitle-UserGuide
{
	color: var(--NableLinkVisited);
}

/***************** Print Styles *********************/

@media print
{
	MadCap|xref
	{
		mc-format: '{paratext}';
		color: #0079aa;
		text-decoration: none;
	}

	MadCap|xref:hover
	{
		color: #2d5c77;
		background-color: #f99d1f;
		text-decoration: underline;
	}

	MadCap|xref.ParaTextOnly
	{
		mc-format: '{paratext}';
		color: #0079aa;
	}

	h1
	{
		/*	 page-break-before: always;  */
	}

	h2,
	h3
	{
		page-break-after: avoid;
	}

	h4
	{
		font-size: 16px;
	}

	h5
	{
		font-size: 15px;
	}

	h6
	{
		font-size: 14px;
	}

	h7
	{
		font-size: 13px;
		color: #111;
	}

	h8
	{
		font-size: 12px;
		color: #333;
	}

	MadCap|xref.ParaTextOnly
	{
		text-decoration: underline;
	}

	MadCap|dropDownHotspot
	{
		color: #000000;
		font-size: 13pt;
		font-style: normal;
		font-weight: bold;
		margin-top: 1.5em;
	}

	.avoid_pagebreak
	{
		page-break-after: avoid;
	}

	.pagebreak
	{
		page-break-after: always;
	}

	img
	{
		page-break-before: avoid;
		max-height: auto;
		max-width: 6.5in;
	}

	ol ul,
	ol,
	ul
	{
		page-break-before: avoid;
	}

	li
	{
		orphans: 3;
		widows: 3;
		page-break-inside: avoid;
	}

	ol p img
	{
		page-break-before: avoid;
	}

	ul p img
	{
		page-break-before: avoid;
	}

	img.ignore
	{
		max-width: auto;
	}

	table
	{
		width: auto;
	}

	MadCap|tocProxy
	{
		border-top-width: 0px;
		border-top-color: #000000;
	}

	MadCap|variable.TOCheader
	{
		color: #005496;
		display: block;
		font-size: 24pt;
	}

	p.TOC1
	{
		mc-leader-format: 'dot';
	}

	p.TOC2
	{
		mc-leader-format: 'dot';
	}

	p.TOC4
	{
		mc-leader-format: 'dot';
	}

	nav.tab-bar,
	div.sideContent,
	.noprint
	{
		display: none;
	}

	div.noprint
	{
		visibility: hidden;
	}

	/*
	.changebar
	{
		border-style: solid;
		border-right: 25px #bd0026;
		background-color: #fed98e;
	} */

	div.first_table
	{
		float: none;
		display: inline-block;
		width: 100%;
	}

	MadCap|dropDownHead
	{
		font-weight: bold;
		font-style: normal;
	}
}

span.ButtonMenuNote	/*UI Elements*/
{
	font-weight: bold;
	font-style: normal;
}

/* Hidden keyword style for better search results. Preferably, use this style in an H1 - H3 tag */

.keyword
{
	display: none;
}

MadCap|xref.emailscoutreport
{
	mc-format: '{color #0079C1}Email Scout Report{/color}';
}

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

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

	div.NewRowClass1 > div:nth-child(3)
	{
		width: 8.3333%;
		margin-left: 0%;
	}

	div.NewRowClass1 > div:nth-child(4)
	{
		width: 8.3333%;
		margin-left: 0%;
	}
}

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

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

	div.NewRowClass1 > div:nth-child(3)
	{
		width: 8.3333%;
		margin-left: 0%;
	}

	div.NewRowClass1 > div:nth-child(4)
	{
		width: 8.3333%;
		margin-left: 0%;
	}
}

MadCap|xref.sys-gen-manage-cert
{
	mc-format: '{color #0079C1}Branding Management - System Generation and Management of TLS Certificate{/color}';
}

MadCap|xref.email-scout-report-email-content
{
	mc-format: '{color #0079C1}Log Search Report - Email content{/color}';
}

MadCap|xref.domainsettings
{
	mc-format: '{color #0079C1}Domain Settings{/color}';
}

MadCap|xref.incoming-log-search
{
	mc-format: '{color #0079C1}Log Search{/color}';
}

MadCap|xref.def-sys-gen-cert
{
	mc-format: '{color #0079C1}default system generated certificate{/color}';
}

MadCap|xref.recipient-callouts
{
	mc-format: '{color #0079C1}Recipient Callouts{/color}';
}

MadCap|xref.outuseridmethod
{
	mc-format: '{color #0079C1}Outgoing User - Identification Method{/color}';
}

/***************** Buttons and Sliders *********************/

.switch
{
	position: relative;
	display: inline-block;
	width: 40px;
	height: 17px;
}

.switch input
{
	opacity: 0;
	width: 0;
	height: 0;
}

.slider
{
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #bbb;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before
{
	position: absolute;
	content: "";
	height: 13px;
	width: 13px;
	left: 2px;
	bottom: 2px;
	background-color: #8631B2;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider
{
	background-color: #C046FF;
}

input:focus + .slider
{
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before
{
	-webkit-transform: translateX(23px);
	-ms-transform: translateX(23px);
	transform: translateX(23px);
}

/* Rounded sliders */

.slider.round
{
	border-radius: 34px;
}

.slider.round:before
{
	border-radius: 50%;
}

/************************* Footer and Go to top */
/***Tags for go to top button image and commented out CSS tags for the padding and colour we'd use for a text message***/

footer
{
	background-color: #eeeeee;
	color: white;
	text-align: left;
	padding: 5px;
	overflow: hidden;
	/*border-top: 2px;*/
	/*border-color: transparent;*/
}

#gttBtn
{
	opacity: 0.8;
	display: none;
	/*width: fit-content;*/
	width: 48px;
	height: 48px;
	/*left: 50%;
	transform: translateX(-50%); */
	position: fixed;
	/*margin: 0px auto; */
	/*bottom: 0px;*/
	bottom: 75px;
	right: 20px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	/*background-color: #E8E4E4;*/
	background-image: url('../Images/GLOBAL-IMAGES/up_arrow.png');
	background-repeat: no-repeat;
	background-position: center;
	/*background-size: 24px 24px;*/
	color: #666666;
	cursor: pointer;
	border-radius: 30px;
	transform: none;
	/* Remove centering */
	margin: 0;
	/* Remove auto margin */
	/*padding: 10px 50px 10px 50px;*/
	/*border-top-left-radius: 15px;*/
	/*border-top-right-radius: 15px;*/
}

#gttBtn:hover
{
	background-color: #C046FF;
	opacity: 0.5;
	background-image: url('../Images/GLOBAL-IMAGES/up_arrow_hover.png');
	color: white;
}

#gttBtn:focus {
    outline: 2px solid var(--NableBlack);
    outline-offset: 4px;
}

#redirect-modal
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #FFDE59;
	color: black;
	text-align: center;
	padding: 5px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	z-index: 1000;
}