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

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

/* start topic popup */

a.popup-hotspot	/* empty selector so this class will show in the style window */
{
	
}

MadCap|xref.popup-hotspot	/* empty selector for cross-references */
{
	
}

div.popup-modal
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	justify-content: center;
	align-items: center;
}

div.popup-content
{
	background: #fff;
	padding: 20px;
	width: 80%;
	max-width: 600px;
	border-radius: 8px;
	margin: auto;
	margin-top: 12%;
	position: relative;
}

button.close-btn
{
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: transparent;
	color: black;
	border: none;
	cursor: pointer;
	padding: 5px 10px;
}

iframe.popup-iframe
{
	width: 100%;
	height: 400px;
}

div.hidden
{
	display: none;
}

/* end topic popup */

div.collapse,
div.expand
{
	position: sticky;
	top: 0%;
	left: 0%;
	width: 30px;
	height: 30px;
	background-color: #202945;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 0px 10px 10px 0px;
	cursor: pointer;
	transition: width .25s;
}

div.collapse
{
	background-image: url(../Images/FlareUI-Assets/arrowleft.png);
}

div.expand
{
	background-image: url(../Images/FlareUI-Assets/arrowright.png);
}

.overlay
{
	position: relative;
	/* needed for ::after */
	overflow: hidden;
	/* keeps overlay inside */
	padding: 20px;
	border-radius: 8px;
	background: #fff;
	/* your tile background */
	transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease;
}

/* overlay layer */

.overlay::after
{
	content: "";
	position: absolute;
	inset: 0;
	/* shorthand for top:0; right:0; bottom:0; left:0 */
	background: rgba(0,0,0,0.4);
	/* dark overlay */
	opacity: 0;
	transition: opacity .28s ease;
	z-index: 1;
	/* sits below text */
	pointer-events: none;
	/* lets links remain clickable */
}

/* keep content above overlay */

.overlay > *
{
	position: relative;
	z-index: 2;
}

/* hover effect */

.overlay:hover::after
{
	opacity: 1;
	/* fade overlay in */
}

/* Scale hover effect */

div.scale-tile
{
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

div.scale-tile:hover
{
	transform: scale(1.1);
	box-shadow: 0 12px 24px rgba(0,0,0,0.2);
}

/* End scale hover effect */

.overlay:hover
{
	transform: translateY(-6px);
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

body.light
{
	--text: #221f1f;
	--background: #ffffff;
}

body.dark
{
	--text: #f0f0f0;
	--background: #1a1a1a;
}

body
{
	color: #221f1f;
	background: #ffffff;
}

/* Dark mode content overrides */

body.dark p,
body.dark li,
body.dark h1,
body.dark td,
body.dark th,
body.dark span,
body.dark div,
body.dark label
{
	color: #f0f0f0;
}

/* Keep callouts readable in dark mode — force dark text on light backgrounds */

body.dark p.note,
body.dark div.note,
body.dark div.note p,
body.dark p.note_bullet,
body.dark p.no-title,
body.dark div.no-title,
body.dark div.no-title p,
body.dark p.outcome,
body.dark div.outcome,
body.dark div.outcome p,
body.dark p.warning,
body.dark div.warning,
body.dark div.warning p,
body.dark p.caution,
body.dark div.caution,
body.dark div.caution p,
body.dark p.stop,
body.dark div.stop,
body.dark div.stop p,
body.dark p.internal,
body.dark div.internal,
body.dark div.internal p,
body.dark p.example,
body.dark div.example,
body.dark div.example p,
body.dark p.solution,
body.dark div.solution,
body.dark div.solution p,
body.dark p.takeaway,
body.dark div.takeaway,
body.dark div.takeaway p,
body.dark p.bestpractice,
body.dark div.bestpractice,
body.dark div.bestpractice p,
body.dark p.tip,
body.dark div.tip,
body.dark div.tip p,
body.dark p.procedure,
body.dark div.procedure,
body.dark div.procedure p,
body.dark p.earlyaccess,
body.dark div.earlyaccess,
body.dark div.earlyaccess p,
body.dark p.admin,
body.dark div.admin,
body.dark div.admin p,
body.dark p.usecase,
body.dark p.usecase_bullet,
body.dark div.usecase,
body.dark div.usecase p,
body.dark p.simplyput,
body.dark p.simplyput_bullet,
body.dark div.simplyput,
body.dark div.simplyput p,
body.dark div.callout-formula,
body.dark div.callout-formula p,
body.dark div.callout-code,
body.dark div.callout-code p,
body.dark span.code
{
	color: #202945 !important;
}

/* Preserve MadCap module pill text colors in dark mode */

body.dark span.mc-variable.Automation_Modules\00002ECandidates
{
	color: #28A745 !important;
}

body.dark span.mc-variable.Automation_Modules\00002ELeads
{
	color: #6F42C1 !important;
}

body.dark span.mc-variable.Automation_Modules\00002EContacts
{
	color: #FD7E14 !important;
}

body.dark span.mc-variable.Automation_Modules\00002EPlacements
{
	color: #4053D6 !important;
}

body.dark span.mc-variable.Automation_Modules\00002EJobs
{
	color: #DC3545 !important;
}

body.dark span.mc-variable.Automation_Modules\00002ECompanies
{
	color: #17A2B8 !important;
}

body.dark span.mc-variable.Automation_Modules\00002EJob_Submissions
{
	color: #6C757D !important;
}

body.dark span.mc-variable.Automation_Modules\00002EOpportunities
{
	color: #6F42C1 !important;
}

body.dark span.mc-variable.Automation_Modules\00002EApps
{
	color: #495057 !important;
}

body.dark span.mc-variable.Automation_Modules\00002EBe_Human
{
	color: #05906C !important;
}

body.dark span.mc-variable.Automation_Modules\00002EEnergy
{
	color: #F6AF17 !important;
}

body.dark span.mc-variable.Automation_Modules\00002ESpeed_\000026\0000A0Agility
{
	color: #D9491E !important;
}

body.dark span.mc-variable.Automation_Modules\00002EService
{
	color: #0098DC !important;
}

body.dark span.mc-variable.Automation_Modules\00002EOwnership
{
	color: #6C1F55 !important;
}

/* MiniTOC links — readable in dark mode */

body.dark a.MiniTOC1:link,
body.dark a.MiniTOC2:link,
body.dark a.MiniTOC3:link,
body.dark a.MiniTOC1:visited,
body.dark a.MiniTOC2:visited,
body.dark a.MiniTOC3:visited
{
	color: #63c4f0 !important;
}

/* Glossary terms — readable in dark mode */

body.dark MadCap|glossaryTerm,
body.dark MadCap|glossaryTerm.Hyperlink,
body.dark MadCap|glossaryTerm.Popup
{
	color: #63c4f0 !important;
}

/* Keep feedback bar readable in dark mode */

body.dark .feedback .question
{
	color: #202945 !important;
}

body.dark .fb-btn,
body.dark .feedback .modal a.fb-btn,
body.dark .feedback .modal label.fb-btn
{
	color: #202945 !important;
	background: #ffffff !important;
	border-color: #D6D6D6 !important;
}

body.dark .fb-btn:hover
{
	color: #ffffff !important;
	background: #202945 !important;
	border-color: #202945 !important;
}

body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5
{
	color: var(--colorsecondary1);
	/* keep Bullhorn orange on dark */
}

body.dark table
{
	border-color: #444444 !important;
	background-color: #242424 !important;
}

body.dark td,
body.dark th
{
	border-color: #444444 !important;
	background-color: #242424 !important;
	color: #f0f0f0 !important;
}

body.dark .article-body-grid
{
	background: #1a1a1a;
}

body.dark a
{
	color: #63c4f0;
}

/* Dark mode skin overrides */

body.dark nav.sidenav-wrapper,
body.dark div.sidenav-container,
body.dark ul.sidenav,
body.dark .sidenav-wrapper li,
body.dark .sidenav-wrapper a
{
	background-color: #1e1e1e !important;
	color: #f0f0f0 !important;
	border-color: #333333 !important;
}

body.dark .sidenav-wrapper a:hover,
body.dark .sidenav-wrapper li.tree-node-selected > a
{
	background-color: #2e2e2e !important;
	color: #63c4f0 !important;
}

body.dark nav.title-bar,
body.dark .title-bar-container
{
	background-color: #111111 !important;
}

/* Expand-table modal — dark mode polish */

body.dark div.table-modal-content
{
	background-color: #242424 !important;
	border-color: #444444 !important;
	color: #f0f0f0;
}

body.dark div.table-modal-content table,
body.dark div.table-modal-content td,
body.dark div.table-modal-content th
{
	background-color: #242424 !important;
	border-color: #444444 !important;
	color: #f0f0f0 !important;
}

body.dark span.close-table
{
	color: #aaa;
}

body.dark span.close-table:hover
{
	color: #ffffff !important;
}

/* Expand-table modal — explicit table styles so they survive the JS clone */

div.table-modal-content table
{
	width: 100%;
	border-collapse: collapse;
}

div.table-modal-content td,
div.table-modal-content th
{
	padding: 8px 10px;
	border: 1px solid #cccccc;
	color: #000000;
}

div.table-modal-content th
{
	background-color: #f2f2f2;
	font-weight: bold;
}

body.dark .menu-proxy-grid,
body.dark .side-menu-grid
{
	background-color: #1e1e1e !important;
}

body.dark ul.menu li a
{
	color: #f0f0f0 !important;
}

body.dark ul.menu li a:hover
{
	color: #63c4f0 !important;
}

li > a:hover
{
	color: #913b8d;
}

li > a:hover
{
	color: #913b8d;
}

/* End dark mode skin overrides */
/* End dark mode content overrides */

#theme-toggle
{
	background: none;
	border: none;
	border-radius: 4px;
	color: inherit;
	cursor: pointer;
	padding: 4px 6px;
	float: right;
	margin-top: 4px;
	opacity: 0.7;
	line-height: 1;
}

#theme-toggle:hover
{
	opacity: 1;
}

/******* Add resize icon to side navigation *******/

div.ui-resizable-e
{
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../Images/FlareUI-Assets/resize-navigation.png');
	width: 20px !important;
	background-size: 26px;
	right: 0px;
}

/******* Fix resizable side navigation for long TOCs *******/

div.sidenav-container
{
	height: 100%;
	padding: 20px 20px 20px 5px;
}

div.sidenav-container,
nav.sidenav-wrapper
{
	overflow: unset;
}

div.sidenav-container > ul
{
	overflow: auto;
	height: 100%;
}

/******* Hide unused resize handles *******/

div.ui-resizable-se,
div.ui-resizable-s
{
	display: none !important;
}

/* Back to Top button styles */

button#backToTopBtn
{
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	font-weight: bold;
	border: none;
	outline: none;
	color: #fff;
	/* Text color */
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
	background-color: #125783;
	background-position: center;
	background-repeat: no-repeat;
}

button#backToTopBtn:hover
{
	background-color: transparent;
	color: #125783;
	border: 1px solid #125783;
}

/* End Back to Top button styles */
/* start topic popup */

a.popup-hotspot	/* empty selector so this class will show in the style window */
{
	
}

div.popup-modal
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	justify-content: center;
	align-items: center;
}

div.popup-content
{
	background: #fff;
	padding: 20px;
	width: 80%;
	max-width: 600px;
	border-radius: 8px;
	margin: auto;
	margin-top: 12%;
	position: relative;
}

button.close-btn
{
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: transparent;
	color: black;
	border: none;
	cursor: pointer;
	padding: 5px 10px;
}

iframe.popup-iframe
{
	width: 100%;
	height: 400px;
}

div.hidden
{
	display: none;
}

/* end topic popup */
/* Inline drop-down */

span.inline-head
{
	font-weight: 600;
	cursor: pointer;
	color: var(--colorprimary2);
	text-decoration: underline;
}

span.inline-head:hover
{
	color: var(--colortertiary1);
}

span.closed::after
{
	/* icon for collapsed state (replace with your own image or character) */
	content: url('../Images/FlareUI-Assets/arrow-down.png');
	padding-left: 5px;
}

span.expand::after
{
	/* icon for expanded state (replace with your own image or character) */
	content: url('../Images/FlareUI-Assets/arrow-up.png');
	padding-left: 5px;
}

div.inline-body
{
	padding: 10px;
	margin-top: 10px;
	border: dotted 0.5px #00657c;
	border-radius: 5px;
	box-shadow: 5px 5px 10px 0px #eee;
	display: none;
}

/* Heading Bookmark Styles*/

.bookmark-hotspot
{
	position: relative;
}

.bookmark-hotspot:hover a.heading-link
{
	opacity: 1;
	background-image: url('../Images/FlareUI-Assets/bookmark.svg');
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	width: 25px;
	margin-left: 5px;
	display: inline-block;
}

a.heading-link
{
	opacity: 0;
	text-decoration: none;
	letter-spacing: 1px;
	position: relative;
	display: none;
}

div#anchor-icon
{
	display: inline;
}

.bookmark-hotspot.active:after
{
	font-size: 10px;
	margin-left: 10px;
	padding: 5px;
	content: 'Copied!';
	background-color: var(--Dark);
	color: #fff;
	border-radius: 5px;
	position: absolute;
	top: -20px;
	left: -20px;
}

h1#results-heading	/* prevent heading in search results from being a bookmark */
{
	cursor: auto;
}

h1#results-heading:active:after	/* prevent heading in search results from being a bookmark */
{
	display: none;
}

/* End Heading Bookmark Styles */

@font-face 
{
	font-family: 'Montserrat Regular';
	src: url('../Fonts/Montserrat-Regular.ttf');
}

:root
{
	--colorprimary1: #202945;
	/*Navigation Blue*/
	--colorprimary2: #1b9ad6;
	/*Sky Blue*/
	--colorsecondary1: #ff6b00;
	/*Bullhorn Orange*/
	--colorsecondary2: #6b2155;
	/*Opps Purple*/
	--colorsecondary3: #221f1f;
	/*Bullhorn Black */
	--colorsecondary4: #404141;
	/*Gray 25%*/
	--colortertiary1: #913b8d;
	/*Lead Purple*/
	--colortertiary2: #00956c;
	/*Dark Green*/
	--colortertiary3: #ffce5c;
	/*Honey Yellow*/
	--colortertiary4: #ca5728;
	/*Valencia Orange*/
	--colortertiary5: #125783;
	/*Medium Blue*/
	--tile-border: #cccccc;
	/*Light Grey*/
}

.SearchHighlight
{
	background-color: #ffda85;
}

body
{
	font-family: Montserrat Regular;
}

h1,
h2,
h3,
h4,
h5,
h6
{
	font-weight: bold;
	color: #749AB6;
}

h1	/*Default*/
{
	margin: 0pt;
	padding-bottom: 5px;
	margin-bottom: 15pt;
	page-break-after: avoid;
	page-break-before: always;
	margin-top: 25px;
	font-size: 2em;
	font-weight: bold;
	margin-left: 0px;
	color: black;
}

h1:after
{
	content: "";
	display: block;
	width: 90%;
	padding-top: 20px;
	border-bottom: 2px solid black;
}

h2	/*Default*/
{
	mc-heading-level: 2;
	page-break-after: avoid;
	font-size: 1.5em;
	color: var(--colorsecondary1);
	font-weight: bold;
	margin-left: 0px;
}

h3	/*Default*/
{
	font-weight: bold;
	page-break-after: avoid;
	font-size: 1.17em;
	color: var(--colorprimary2);
	margin-left: 0px;
	mc-heading-level: 0;
}

h4	/*Default*/
{
	margin-top: 18px;
	margin-bottom: 0px;
	font-weight: bold;
	page-break-after: avoid;
	font-size: 1em;
	color: var(--colorsecondary2);
	margin-left: 0px;
	mc-heading-level: 0;
}

h5	/*Default*/
{
	margin-top: 18px;
	margin-bottom: 0px;
	font-weight: bold;
	page-break-after: avoid;
	font-size: .83em;
	color: var(--colortertiary2);
	margin-left: 0px;
	mc-heading-level: 0;
}

h6	/*Default*/
{
	margin-top: 18px;
	margin-bottom: 0px;
	font-weight: bold;
	page-break-after: avoid;
	font-size: .67em;
	color: var(--colortertiary3);
	margin-left: 0px;
	mc-heading-level: 0;
}

p
{
	font-size: 12.0pt;
	margin-top: 0pt;
	margin-bottom: 0pt;
	font-family: 'Montserrat Regular';
}

ol,
ul
{
	margin-top: 0px;
	margin-bottom: 0px;
}

img	/*Default but  no border*/
{
	margin-right: 8px;
	margin-top: 0px;
	margin-bottom: 15pt;
	padding-top: 0px;
	padding-bottom: 0px;
	max-width: 70%;
}

img.withborder
{
	border: solid 1px #202945;
	margin-right: 8px;
	margin-top: 0px;
	margin-bottom: 15pt;
	padding: 0px;
}

p.note,
div.note,
p.no-title,
div.no-title
{
	background-color: #EAF7FC;
	margin-left: 0;
	margin-bottom: 0;
	page-break-before: avoid;
	box-sizing: border-box;
	border-width: 0, 0, 0, 3px;
	background-repeat: no-repeat;
	background-position: none;
	background-image: none;
	background-size: 0;
	margin-right: 0px;
	border-radius: 0;
	border-style: none none none solid;
	margin-top: 0;
	border-color: #1b9ad6;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

p.note:before,
div.note > p:nth-child(1)::before
{
	content: "Note: ";
	font-weight: bold;
}

div.warning > p:nth-child(1)::before
{
	content: "Warning! ";
	font-weight: bold;
}

p	/*Default*/
{
	margin-left: 0px;
	margin-right: 16px;
	padding-right: 8px;
	margin-top: 9px;
	margin-bottom: 9px;
	mc-hyphenate: never;
	color: black;
	font-family: Montserrat Regular;
}

p.note_bullet
{
	background-color: #EAF7FC;
	margin-left: 0;
	margin-bottom: 0;
	page-break-before: avoid;
	box-sizing: border-box;
	border-width: 0, 0, 0, 3px;
	background-repeat: no-repeat;
	background-position: none;
	background-image: none;
	background-size: 0;
	margin-right: 0px;
	border-radius: 0;
	border-style: none none none solid;
	margin-top: 0;
	border-color: #1b9ad6;
	padding-top: 10px;
	padding-left: 60px;
	padding-bottom: 10px;
	padding-right: 10px;
}

div.note
{
	background-color: #EAF7FC;
	border-left: solid 3px #1b9ad6;
	line-height: 18px;
	overflow: hidden;
	padding: 12px;
}

div.outcome
{
	background-color: daf0e8;
	border-left: solid 3px #2b5d56;
	line-height: 18px;
	overflow: hidden;
	padding: 12px;
}

div.warning
{
	background-color: #fce9ec;
	border-left: solid 3px #EA526F;
	line-height: 18px;
	overflow: hidden;
	padding: 12px;
}

p.caution,
div.caution
{
	background-color: #ffda85;
	margin-left: 0;
	margin-bottom: 0;
	page-break-before: avoid;
	box-sizing: border-box;
	border-width: 0, 0, 0, 3px;
	background-repeat: no-repeat;
	background-position: none;
	background-image: none;
	background-size: 0;
	margin-right: 0px;
	border-radius: 0;
	border-style: none none none solid;
	margin-top: 0;
	border-color: #ffb400;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

p.caution:before,
div.caution > p:nth-child(1)::before
{
	content: "Caution! ";
	font-weight: bold;
}

p.stop,
div.stop
{
	background-color: #ffeee6;
	margin-left: 0;
	margin-bottom: 0;
	page-break-before: avoid;
	box-sizing: border-box;
	border-width: 0, 0, 0, 3px;
	background-repeat: no-repeat;
	background-position: none;
	background-image: none;
	background-size: 0;
	margin-right: 0px;
	border-radius: 0;
	border-style: none none none solid;
	margin-top: 0;
	border-color: #e65100;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

p.stop:before,
div.stop > p:nth-child(1)::before
{
	content: "Warning! ";
	font-weight: bold;
}

p.outcome,
div.outcome
{
	background-color: #f2f2f2;
	margin-left: 0;
	margin-bottom: 0;
	page-break-before: avoid;
	box-sizing: border-box;
	border-width: 0, 0, 0, 3px;
	background-repeat: no-repeat;
	background-position: none;
	background-image: none;
	background-size: 0;
	margin-right: 0px;
	border-radius: 0;
	border-style: none none none solid;
	margin-top: 0;
	border-color: #404141;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

p.outcome:before,
div.outcome > p:nth-child(1)::before
{
	content: "Outcome: ";
	font-weight: bold;
}

p.internal,
div.internal
{
	background-color: #daf0e8;
	margin-left: 0;
	margin-bottom: 0;
	page-break-before: avoid;
	box-sizing: border-box;
	border-width: 0, 0, 0, 3px;
	background-repeat: no-repeat;
	background-position: none;
	background-image: none;
	background-size: 0;
	margin-right: 0px;
	border-radius: 0;
	border-style: none none none solid;
	margin-top: 0;
	border-color: #2b5d56;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	mc-conditions: "Audience.InternalOnly";
}

p.internal:before,
div.internal > h2:nth-child(1)::before
{
	content: "Internal Only: ";
	font-weight: bold;
}

p.example,
div.example
{
	background-color: #aae1f4;
	margin-left: 0;
	margin-bottom: 0;
	page-break-before: avoid;
	box-sizing: border-box;
	border-width: 0, 0, 0, 3px;
	background-repeat: no-repeat;
	background-position: none;
	background-image: none;
	background-size: 0;
	margin-right: 0px;
	border-radius: 0;
	border-style: none none none solid;
	margin-top: 0;
	border-color: #125783;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

p.example:before,
div.example > p:nth-child(1)::before
{
	content: "Example: ";
	font-weight: bold;
}

p.solution,
div.solution
{
	background-color: #aae1f4;
	margin-left: 0;
	margin-bottom: 0;
	page-break-before: avoid;
	box-sizing: border-box;
	border-width: 0, 0, 0, 3px;
	background-repeat: no-repeat;
	background-position: none;
	background-image: none;
	background-size: 0;
	margin-right: 0px;
	border-radius: 0;
	border-style: none none none solid;
	margin-top: 0;
	border-color: #125783;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

p.solution:before,
div.solution > p:nth-child(1)::before
{
	content: "Solution: ";
	font-weight: bold;
}

p.takeaway,
div.takeaway
{
	background-color: #E8E6F1;
	margin-left: 0;
	margin-bottom: 0;
	page-break-before: avoid;
	box-sizing: border-box;
	border-width: 0, 0, 0, 3px;
	background-repeat: no-repeat;
	background-position: none;
	background-image: none;
	background-size: 0;
	margin-right: 0px;
	border-radius: 0;
	border-style: none none none solid;
	margin-top: 0;
	border-color: var(--colortertiary1);
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

p.takeaway:before,
div.takeaway > p:nth-child(1)::before
{
	content: "Takeaway: ";
	font-weight: bold;
}

p.bestpractice,
div.bestpractice
{
	background-color: #e9d7e8;
	margin-left: 0;
	margin-bottom: 0;
	page-break-before: avoid;
	box-sizing: border-box;
	border-width: 0, 0, 0, 3px;
	background-repeat: no-repeat;
	background-position: none;
	background-image: none;
	background-size: 0;
	margin-right: 0px;
	border-radius: 0;
	border-style: none none none solid;
	margin-top: 0;
	border-color: #742f70;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

p.bestpractice:before,
div.bestpractice > p:nth-child(1)::before
{
	content: "Best Practice: ";
	font-weight: bold;
}

p.tip,
div.tip
{
	background-color: #e9d7e8;
	margin-left: 0;
	margin-bottom: 0;
	page-break-before: avoid;
	box-sizing: border-box;
	border-width: 0, 0, 0, 3px;
	background-repeat: no-repeat;
	background-position: none;
	background-image: none;
	background-size: 0;
	margin-right: 0px;
	border-radius: 0;
	border-style: none none none solid;
	margin-top: 0;
	border-color: #742f70;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

p.tip:before,
div.tip > p:nth-child(1)::before
{
	content: "Tip: ";
	font-weight: bold;
}

p.procedure,
div.procedure
{
	background-color: #f8e0e9;
	margin-left: 0;
	margin-bottom: 0;
	page-break-before: avoid;
	box-sizing: border-box;
	border-width: 0, 0, 0, 3px;
	background-repeat: no-repeat;
	background-position: none;
	background-image: none;
	background-size: 0;
	margin-right: 0px;
	border-radius: 0;
	border-style: none none none solid;
	margin-top: 0;
	border-color: #da477d;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

p.procedure:before,
div.procedure > p:nth-child(1)::before
{
	content: "Full Procedure: ";
	font-weight: bold;
}

p.earlyaccess,
div.earlyaccess
{
	background-color: #f8e0e9;
	margin-left: 0;
	margin-bottom: 0;
	page-break-before: avoid;
	box-sizing: border-box;
	border-width: 0, 0, 0, 3px;
	background-repeat: no-repeat;
	background-position: none;
	background-image: none;
	background-size: 0;
	margin-right: 0px;
	border-radius: 0;
	border-style: none none none solid;
	margin-top: 0;
	border-color: #da477d;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

p.earlyaccess:before,
div.earlyaccess > p:nth-child(1)::before
{
	content: "Early Access: ";
	font-weight: bold;
}

p.admin,
div.admin
{
	background-color: #FFd2b2;
	margin-left: 0;
	margin-bottom: 0;
	page-break-before: avoid;
	box-sizing: border-box;
	border-width: 0, 0, 0, 3px;
	background-repeat: no-repeat;
	background-position: none;
	background-image: none;
	background-size: 0;
	margin-right: 0px;
	border-radius: 0;
	border-style: none none none solid;
	margin-top: 0;
	border-color: #ff6b00;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

p.admin:before,
div.admin > p:nth-child(1)::before
{
	content: "Admin Only: ";
	font-weight: bold;
}

p.usecase,
div.usecase
{
	background-color: #E8E6F1;
	margin-left: 0;
	margin-bottom: 0;
	page-break-before: avoid;
	box-sizing: border-box;
	border-width: 0, 0, 0, 3px;
	background-repeat: no-repeat;
	background-position: none;
	background-image: none;
	background-size: 0;
	margin-right: 0px;
	border-radius: 0;
	border-style: none none none solid;
	margin-top: 0;
	border-color: #742f70;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

p.usecase:before,
div.usecase > p:nth-child(1)::before
{
	content: "Use Case: ";
	font-weight: bold;
}

p	/*Default*/
{
	margin-left: 0px;
	margin-right: 16px;
	padding-right: 8px;
	margin-top: 9px;
	margin-bottom: 9px;
	mc-hyphenate: never;
	color: black;
	font-family: Montserrat Regular;
}

p.usecase_bullet
{
	background-color: #E8E6F1;
	margin-left: 0;
	margin-bottom: 0;
	page-break-before: avoid;
	box-sizing: border-box;
	border-width: 0, 0, 0, 3px;
	background-repeat: no-repeat;
	background-position: none;
	background-image: none;
	background-size: 0;
	margin-right: 0px;
	border-radius: 0;
	border-style: none none none solid;
	margin-top: 0;
	border-color: #742f70;
	padding-top: 10px;
	padding-left: 60px;
	padding-bottom: 10px;
	padding-right: 10px;
}

div.usecase
{
	background-color: #E8E6F1;
	border-left: solid 3px #742f70;
	line-height: 18px;
	overflow: hidden;
	padding: 12px;
}

MadCap|expandingHead
{
	font-style: italic;
	font-weight: normal;
	cursor: hand;
	text-decoration: none;
	color: #1b9ad6;
}

MadCap|expandingBody
{
	color: #ff6b00;
	font-style: italic;
}

MadCap|dropDownHotspot
{
	cursor: hand;
	font-style: italic;
	text-decoration: none;
	color: #1b9ad6;
}

MadCap|glossaryTerm
{
	color: #125783;
}

MadCap|glossaryTerm.Expanding
{
	color: inherit;
	font-weight: inherit;
}

MadCap|glossaryTerm.Hyperlink
{
	color: #1b9ad6;
	font-weight: inherit;
}

MadCap|glossaryTerm.Popup
{
	color: #1b9ad6;
	font-weight: normal;
}

.body-container
{
	padding-top: 1em;
	padding-left: 1em;
	overflow: auto;
}

/* Feedback button */

.modal
{
	background: rgba(236,236,236,0);
	display: inline-block;
	width: auto;
	text-align: left;
}

.question
{
	color: #000000;
	font-size: 14px;
	padding: 0.5em -5em;
}

.modal > label
{
	background: #ffffff;
	border: 1px solid #E0E0E0;
	border-radius: .2em;
	color: #000000;
	cursor: pointer;
	display: inline-block;
	font-weight: normal;
	font-variant: normal;
	font-size: 14px;
	padding: 0.5em 0.8em;
	text-shadow: 1px 1px 1px #fff;
}

.modal > label:hover
{
	border: 1px solid #ff6b00;
	color: #ff6b00;
}

.modal a
{
	background: #ffffff;
	border: 1px solid #E0E0E0;
	border-radius: .2em;
	color: #000000;
	cursor: pointer;
	display: inline-block;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	font-size: 14px;
	padding: 0.5em 0.8em;
	margin: 0.5em 0.5em 0.5em .2em;
	text-shadow: 1px 1px 1px #fff;
}

.modal__overlay
{
	background: rgba(0,0,0,0.4);
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	text-align: center;
	text-shadow: none;
	top: 0;
	z-index: 600;
	justify-content: center;
	align-items: flex-end;
}

.modal__wrap
{
	padding: 1em;
	position: relative;
	vertical-align: middle;
	max-width: 500px;
	width: 10%;
	background: #ffffff;
	margin-bottom: 100px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
	border-radius: 10px;
}

MadCap|miniTocProxy
{
	
}

p.usecase
{
	border-bottom-color: #742f70;
	border-color: #742f70;
}

@media (min-height: 37.5em)
{
	.modal__wrap
	{
		left: 50%;
		position: absolute;
		top: 50%;
		-webkit-transform: translate(-50%, -80%);
		transform: translate(-50%, -80%);
	}

	p.usecase::before
	{
		mc-auto-number-format: 'Use Case';
		padding-right: 8px;
		border-left-color: #125783;
		border-right-color: #125783;
		border-top-color: #125783;
		border-bottom-color: #125783;
		background-color: #e9d7e8;
	}

	p.usecase
	{
		border-bottom-color: #742f70;
		border-color: #742f70;
		background-color: #e9d7e8;
	}

	div.usecase
	{
		background-color: #e9d7e8;
	}

	p.usecase_bullet
	{
		background-color: #e9d7e8;
	}

	p.simplyput::before
	{
		mc-auto-number-format: 'Simply Put';
		padding-right: 8px;
		border-left-color: #125783;
		border-right-color: #125783;
		border-top-color: #125783;
		border-bottom-color: #125783;
		background-color: #e9d7e8;
	}

	div.simplyput
	{
		background-color: #e9d7e8;
	}

	p.simplyput_bullet
	{
		background-color: #e9d7e8;
	}
}

p.simplyput,
div.simplyput
{
	background-color: #e9d7e8;
	margin-left: 0;
	margin-bottom: 0;
	page-break-before: avoid;
	box-sizing: border-box;
	border-width: 0, 0, 0, 3px;
	background-repeat: no-repeat;
	background-position: none;
	background-image: none;
	background-size: 0;
	margin-right: 0px;
	border-radius: 0;
	border-style: none none none solid;
	margin-top: 0;
	border-color: #742f70;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.modal__wrap label
{
	background: #54B948;
	border-radius: 50%;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	height: 1.5em;
	line-height: 1.5;
	position: absolute;
	right: 1em;
	top: 25%;
	width: 1.5em;
}

.modal__wrap p
{
	color: #000000;
	text-align: justify;
	padding: 0px;
	margin: 0px;
}

.modal input:focus ~ label
{
	-webkit-transform: scale(0.97);
	transform: scale(0.97);
}

.modal__overlay
{
	opacity: 0;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all 0.75s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: all 0.75s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	z-index: -100;
}

input:checked ~ .modal__overlay
{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	z-index: 800;
}

.thumbs_up
{
	background-image: url('../Images/thumbs_up.png');
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.thumbs_down
{
	background-image: url('../Images/thumbs_down.png');
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

/* Pill-style feedback buttons — Bullhorn brand pill style */

.fb-btn
{
	background: #ffffff;
	border: 1px solid #D6D6D6;
	border-radius: 9999px;
	color: #202945;
	cursor: pointer;
	display: inline-block;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	padding: 9px 22px;
	margin: 0 5px 0 0;
	text-align: center;
	text-decoration: none;
	transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}

.fb-btn:hover
{
	background: #202945;
	border-color: #202945;
	color: #ffffff;
}

/* Feedback bar — wraps the .modal */

.feedback
{
	background: #ffffff;
	border-top: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
	margin-top: 32px;
	padding: 20px 32px;
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
}

.feedback .modal
{
	display: inline-flex;
	align-items: center;
	gap: 14px;
}

.feedback .question
{
	color: #202945;
	font-size: 15px;
	font-weight: 600;
	padding: 0;
	margin: 0;
}

/* Strip the legacy label/anchor box around the pill buttons */

.feedback .modal > label,
.feedback .modal > label:hover,
.feedback .modal a,
.feedback .modal a:hover
{
	background: transparent;
	border: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
	text-shadow: none;
	color: inherit;
	box-shadow: none;
}

img.screenshot	/*Default but  no border*/
{
	margin-right: 8px;
	margin-top: 0px;
	margin-bottom: 15pt;
	padding-top: 0px;
	padding-bottom: 0px;
	mc-thumbnail: popup;
	max-width: 10%;
	width: 10%;
	border: black 1px;
}

p > img,
ol > img,
ul > img,
li > img
{
	margin-right: 8px;
	margin-top: 0px;
	margin-bottom: 15pt;
	padding-top: 0px;
	padding-bottom: 0px;
	mc-thumbnail: popup;
	max-width: 10%;
	width: 10%;
	border: black 1px;
}

img.MCPopupThumbnail
{
	height: auto !important;
	width: auto !important;
}

div.MCPopupContainer > img.MCPopupFullImage
{
	max-width: 100%;
}

li
{
	padding-top: 5px;
	padding-bottom: 5px;
}

li > a
{
	text-decoration: none;
}

/*== Other topics header bar styles ==*/

.title-bar-container
{
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	/*adds the shadow effect to the header*/
}

/*== madcap proxy assigned styles ==*/

MadCap|breadcrumbsProxy
{
	border-bottom-width: 0;
	color: #888888;
	mc-breadcrumbs-count: 10;
}

/*== This is the beginning of the CSS Grid Styling used in Template Pages*/

.template-grid
{
	display: grid;
	grid-template-rows: auto max-content;
	grid-template-columns: 85% 15%;
}

.breadcrumbs-grid
{
	display: grid;
	grid-row: 1;
	grid-column: 1;
}

.toolbar-grid
{
	display: grid;
	grid-row: 1;
	grid-column: 2;
	align-content: space-evenly;
}

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

.side-menu-grid
{
	display: grid;
	grid-column: 2;
	grid-row: 2;
	grid-template-rows: 250px;
	grid-template-columns: auto;
	align-items: baseline;
	font-family: Montserrat Regular;
}

.menu-proxy-grid
{
	display: grid;
	grid-row: 1;
	position: sticky;
	top: 0;
	font-size: .8vw;
}

.article-body-grid
{
	display: grid;
	grid-column: 1;
	grid-row: 2;
}

.correction-button
{
	background-color: #ff6b00;
	/* Orange */
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 15px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 40px;
	/* Rounded corners */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	/* Shadow effect */
	font-family: 'Montserrat Regular';
	font-weight: bold;
}

.correction-button:hover
{
	background-color: #ffb400;
	/* Lighter orange on hover */
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	/* Darker shadow on hover */
}

.client-facing-button
{
	background-color: #ff6b00;
	/* Orange */
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 15px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 40px;
	/* Rounded corners */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	/* Shadow effect */
	font-family: 'Montserrat Regular';
	font-weight: bold;
}

.client-facing-button:hover
{
	background-color: #ffb400;
	/* Lighter orange on hover */
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	/* Darker shadow on hover */
}

.hub-button
{
	background-color: #202945;
	/* Navigation Blue */
	border: none;
	color: #aee1f4;
	/* Light Blue */
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 15px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 40px;
	/* Rounded corners */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	/* Shadow effect */
	font-family: 'Montserrat Regular';
	font-weight: bold;
}

.hub-button:hover
{
	background-color: #009bdf;
	/* Lighter blue on hover */
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	/* Darker shadow on hover */
}

/*== This is the end of the CSS Grid Styling section*/
/* Callout boxes redesigned */

img.img-callout
{
	mc-thumbnail: none;
	box-shadow: none;
	width: 25px;
	height: auto;
}

div.callout-info
{
	display: flex;
	border: solid 3px rgba(167, 169, 172, 0.5);
	margin: 20px 5px;
	border-radius: 8px;
}

div.callout-info-header
{
	display: inline-block;
	width: 35px;
	background-color: rgba(167, 169, 172, 0.5);
	padding: 5px;
	margin-right: 15px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}

div.callout-content
{
	padding-right: 10px;
	padding-left: 8px;
	width: 100%;
}

div.callout-support
{
	border: solid 3px rgba(107, 165, 66, 0.5);
}

div.callout-support-header
{
	display: inline-block;
	width: 35px;
	background-color: rgba(107, 165, 66, 0.5);
	padding: 5px;
	margin-right: 15px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}

div.callout-caution
{
	border: solid 3px rgba(255, 220, 23, 0.5);
}

div.callout-info-header-caution
{
	background-color: rgba(255, 220, 23, 0.5);
	display: inline-block;
	width: 35px;
	padding: 5px;
	margin-right: 15px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}

div.callout-warning
{
	border: solid 3px rgba(237, 28, 35, 0.5);
}

div.callout-info-header-warning
{
	background-color: rgba(237, 28, 35, 0.5);
	display: inline-block;
	width: 35px;
	padding: 5px;
	margin-right: 15px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}

div.callout-tip
{
	border: solid 3px rgba(255, 106, 0, 0.5);
}

div.callout-info-header-tip
{
	background-color: rgba(255, 106, 0, 0.5);
	display: inline-block;
	width: 35px;
	padding: 5px;
	margin-right: 15px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}

div.callout-key
{
	border: solid 3px rgba(38, 105, 95, 0.5);
}

div.callout-info-header-key
{
	background-color: rgba(38, 105, 95, 0.5);
	display: inline-block;
	width: 35px;
	padding: 5px;
	margin-right: 15px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}

div.callout-leader
{
	border: solid 3px rgba(27, 155, 214, 0.5);
}

div.callout-info-header-leader
{
	background-color: rgba(27, 155, 214, 0.5);
	display: inline-block;
	width: 35px;
	padding: 5px;
	margin-right: 15px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}

div.callout-admin
{
	border: solid 3px rgba(255, 106, 0, 0.5);
}

div.callout-info-header-admin
{
	background-color: rgba(255, 106, 0, 0.5);
	display: inline-block;
	width: 35px;
	padding: 5px;
	margin-right: 15px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}

div.callout-formula
{
	font-family: "Times New Roman", Times, serif;
	font-size: 23px;
	font-style: italic;
	background-color: lightgray;
	text-align: center;
	padding: 15px 0;
}

div.callout-code
{
	font-family: "Courier New", Courier, monospace;
	font-size: 19px;
	background-color: lightgray;
	padding: 15px 0;
}

/* New standard grids home pages */

.standard-grid
{
	margin-top: 2%;
	display: flex;
	justify-content: center;
	align-items: baseline;
	flex-wrap: wrap;
}

.standard-tile
{
	background-color: #fff;
	padding: 2rem;
	margin: 8px 20px;
	border: solid 1px #cccccc;
	border-radius: 7px;
}

.standard-tile:hover
{
	transform: scale(1.1);
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
	background-color: #fff;
}

.noBorder-tile
{
	margin: 8px 20px;
	border: none;
}

.noBorder-tile:hover
{
	transform: scale(1.1);
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
	background-color: var(--body-color);
	padding: 0;
}

.standard-button
{
	height: auto;
	width: 240px;
	mc-thumbnail: none;
	border: none 0px #000000;
	outline: none;
	box-shadow: none;
}

@media only screen and (max-width: 1279px)
{
	.body-container
	{
		padding-left: 1em;
		padding-right: 1em;
	}

	div.collapse,
	div.expand
	{
		display: none;
	}
}

/* End of Grid Home Pages */

.codeSnippet
{
	display: grid;
}

/*This removes the padding from glossary arrow images by overriding the styling applies to default img tags. */

.MCHelpControl_Image_Icon
{
	margin-right: 0px;
	margin-bottom: 0pt;
}

/*Yet another custom grid. These need to be standardized */

.fourplus-grid
{
	mc-hidden: hidden;
	grid-column: 3 / 9;
	display: grid;
	grid-template-columns: repeat(4, min-content);
	margin-bottom: 2.5rem;
	margin-top: 1rem;
	justify-content: center;
}

.fourplus-tile
{
	background-color: #fff;
	padding: 2rem;
	margin: 10px 10px;
	border: solid 1px #cccccc;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fourplus-tile:hover
{
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
	background-color: #fff;
}

.fourplus-btn
{
	width: 200px;
	max-width: none;
	height: auto;
	mc-thumbnail: none;
	border: none 0px #cccccc;
	outline: none;
	box-shadow: none;
}

/*End of custom grid */

img.noborder
{
	outline: none;
	mc-thumbnail: none;
	height: auto;
	width: auto;
	border: none;
	box-shadow: none;
	margin-right: 0px;
	margin-bottom: 0pt;
}

img.diagram
{
	mc-thumbnail: none;
	max-width: 100%;
	width: auto;
	height: auto;
	margin-top: 10px;
	margin-bottom: 20pt;
	border: solid 1px #202945;
	border-radius: 4px;
	box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.12);
}

p > img.diagram,
ol > img.diagram,
ul > img.diagram,
li > img.diagram
{
	mc-thumbnail: none;
	max-width: 100%;
	width: auto;
}

p.new-ats-ui
{
	margin-top: 10px;
	margin-bottom: 0;
}

p.new-ats-ui > img
{
	mc-thumbnail: none;
	max-width: 100%;
	width: auto;
	height: auto;
	display: block;
	margin: 0;
	border: solid 1px #202945;
	border-radius: 4px;
	box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.12);
}

p.new-ats-ui-caption
{
	margin-top: 4px;
	margin-bottom: 20pt;
	font-size: 12px;
	font-style: italic;
	color: #5B6472;
	text-align: center;
}

p.new-ats-ui-caption a
{
	font-style: italic;
}

/* Another custom grid...*/

a.tiles
{
	mc-hidden: hidden;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	background-color: #ffffff;
	border-radius: 20px;
	height: 125px;
	margin: 10px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 5px;
	border: solid 0px var(--tile-border);
	width: 170px;
	justify-self: center;
	height: auto;
}

a.hometiles
{
	mc-hidden: hidden;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	background-color: #ffffff;
	border-radius: 20px;
	height: 125px;
	margin: 10px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 20px 15px;
	border: solid 0px var(--tile-border);
	width: 260px;
	justify-self: center;
}

a.hometiles:hover,
a.tiles:hover
{
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

a.bhtiles
{
	mc-hidden: hidden;
	height: 75px;
	background-color: #ffffff;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	width: 200px;
	min-width: 180px;
	display: table-cell;
	font-size: 1.2em;
	color: #427bc6;
}

a.bhtiles:visited
{
	color: #427bc6;
}

a.bhtiles:hover
{
	mc-hidden: hidden;
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.topic-grid
{
	mc-hidden: hidden;
	grid-column: 2 / 10;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	margin-bottom: 2.5rem;
	margin-top: 1rem;
	justify-items: center;
}

/*End of custom grid */
/*Talktracks*/

p.talktrack:before
{
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}

p.talktrack
{
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
	quotes: "\201C" "\201D";
	font-style: italic;
}

p.talktrack p
{
	display: inline;
}

/*End of talktracks*/

.table-overflow-div
{
	display: grid;
}

.tableCorrection
{
	display: table;
}

#tableOverride
{
	overflow-x: auto;
	width: 100%;
	display: block;
}

.searchHidden
{
	display: none;
}

div.MCMiniTOCBox_0::after
{
	content: "";
	display: block;
	width: 90%;
	padding-top: 20px;
	border-bottom: 1px solid black;
}

li > p
{
	margin: -1px;
}

span.action
{
	font-family: 'Montserrat Regular';
	font-size: 12pt;
	font-weight: bold;
}

span.checkboxName
{
	font-family: 'Montserrat Regular';
	font-size: 12pt;
	font-style: italic;
}

span.fieldName
{
	font-family: 'Montserrat Regular';
	font-size: 12pt;
	font-style: italic;
}

span.fieldSelect
{
	font-family: 'Montserrat Regular';
	font-size: 12pt;
	font-weight: bold;
}

span.setting
{
	font-family: 'Montserrat Regular';
	font-size: 12pt;
	font-weight: bold;
}

span.tabWindowName
{
	font-family: 'Montserrat Regular';
	font-size: 12pt;
	font-style: italic;
}

span.nav
{
	font-family: 'Montserrat Regular';
	font-size: 12pt;
	font-weight: bold;
}

video
{
	width: 100%;
}

.tile-grid-container
{
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto;
}

.card-grid-one
{
	display: grid;
	grid-column: 1;
	grid-template-columns: 2;
	grid-template-rows: 1;
	text-decoration: none;
	padding: 2rem;
	margin: 10px 10px;
	border-radius: 4px;
}

.card-grid-one:hover
{
	transform: scale(1.1);
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
	background-color: #fff;
}

.card-grid-two
{
	display: grid;
	grid-column: 2;
	grid-template-columns: 2;
	grid-template-rows: 1;
	text-decoration: none;
	padding: 2rem;
	margin: 10px 10px;
	border-radius: 4px;
}

.card-grid-two:hover
{
	transform: scale(1.1);
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
	background-color: #fff;
}

.grid-image
{
	grid-column: 1;
	grid-row: 1;
	width: 150px;
	height: auto;
	mc-thumbnail: none;
}

.grid-desc
{
	grid-column: 2;
	grid-row: 1;
}

span.mc-variable.Automation_Modules\00002ECandidates
{
	background-color: #D4EDDA;
	/* Light green background */
	color: #28A745;
	/* Green text */
	font-weight: bold;
	padding: 6px;
	border-radius: 3px;
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 10px;
}

span.mc-variable.Automation_Modules\00002ELeads
{
	background-color: #F5E6FF;
	/* Light violet background */
	color: #6F42C1;
	/* Violet text */
	font-weight: bold;
	padding: 6px;
	border-radius: 3px;
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 10px;
}

span.mc-variable.Automation_Modules\00002EContacts
{
	background-color: #FFF3E6;
	/* Pale orange background */
	color: #FD7E14;
	/* Orange text */
	font-weight: bold;
	padding: 6px;
	border-radius: 3px;
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 10px;
}

span.mc-variable.Automation_Modules\00002EPlacements
{
	background-color: #E5E9FF;
	/* Light navy background */
	color: #001F3F;
	/* Navy blue text */
	font-weight: bold;
	padding: 6px;
	border-radius: 3px;
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 10px;
}

span.mc-variable.Automation_Modules\00002EJobs
{
	background-color: #FFE5E9;
	/* Light rose background */
	color: #FF073A;
	/* Rose text */
	font-weight: bold;
	padding: 6px;
	border-radius: 3px;
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 10px;
}

span.mc-variable.Automation_Modules\00002ECompanies
{
	background-color: #E5F8FF;
	/* Sky blue background */
	color: #17A2B8;
	/* Sky blue text */
	font-weight: bold;
	padding: 6px;
	border-radius: 3px;
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 10px;
}

span.mc-variable.Automation_Modules\00002EJob_Submissions
{
	background-color: #E9ECEF;
	/* Light gray background */
	color: #343A40;
	/* Dark gray text */
	font-weight: bold;
	padding: 6px;
	border-radius: 3px;
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 10px;
}

span.mc-variable.Automation_Modules\00002EOpportunities
{
	background-color: #F5E6FF;
	/* Light purple background */
	color: #6F42C1;
	/* Purple text */
	font-weight: bold;
	padding: 6px;
	border-radius: 3px;
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 10px;
}

span.mc-variable.Automation_Modules\00002EApps
{
	background-color: #F8F9FA;
	/* Light gray background */
	color: #6C757D;
	/* Gray text */
	font-weight: bold;
	padding: 6px;
	border-radius: 3px;
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 10px;
}

/* Expand button that appears before the table */

div.expand-table
{
	cursor: pointer;
	/* Make it clickable */
	padding: 5px 5px 5px 35px;
	/* Space around text, extra left padding for icon */
	background-image: url('../Images/FlareUI-Assets/expand-table.png');
	/* Icon for expand */
	background-repeat: no-repeat;
	/* Prevent icon from tiling */
	background-size: 20px;
	/* Scale icon to 20px */
	background-position: 5px center;
	/* Position icon 5px from left, vertically centered */
	display: inline-block;
	/* Shrink-wrap around text & padding */
	margin-bottom: 5px;
	/* Space below button */
}

/* Fullscreen modal overlay for expanded table */

div.table-modal
{
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay fixed relative to viewport */
	z-index: 9999;
	/* On top of everything */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Scroll if content is too tall */
	background-color: rgb(0, 0, 0);
	/* Fallback solid black */
	background-color: rgba(0, 0, 0, 0.4);
	/* Semi-transparent black overlay */
}

/* Inner modal box containing the expanded table */

div.table-modal-content
{
	background-color: #fefefe;
	/* White background */
	margin: 6% auto;
	/* Centered horizontally, 6% from top */
	padding: 25px 10px 10px 10px;
	/* Space inside modal */
	border: 1px solid #888;
	/* Light gray border */
	width: 90%;
	/* Take up 90% of viewport width */
	max-height: 79%;
	/* Prevent modal from being too tall */
	overflow: auto;
	/* Scroll if content exceeds max-height */
	position: relative;
	/* Allows absolutely positioned close button */
}

/* Close button (×) inside modal */

span.close-table
{
	color: #aaa;
	/* Light gray by default */
	float: right;
	/* Push to the right */
	font-weight: bold;
	padding: 5px;
	position: absolute;
	/* Position relative to modal content */
	right: 6px;
	/* Offset from right edge */
	top: -2px;
	/* Slightly above content top */
	cursor: pointer;
	/* Pointer cursor on hover */
}

/* Hover effect for close button */

span.close-table:hover
{
	color: #000;
	/* Turn black when hovered */
}

td
{
	mc-hyphenate: never;
}

thead
{
	position: sticky;
	top: 0;
}

a.MiniTOC1:link,
a.MiniTOC2:link,
a.MiniTOC3:link
{
	color: #202945;
}

/*.is-accordion-submenu-parent > a span.submenu-toggle-container {
	left: 0;
	width: 1.5em !important; 
}*
/*Mediums go below this line, this will determine what logo is used for what product externally*/

@media ATS
{
	.title-bar-layout a.logo
	{
		background-image: url("../Images/Logos/Bullhorn_ATS_Linear_Color.png") !important;
		width: 300px;
		background-size: contain;
	}
}

@media BTE
{
	.title-bar-layout a.logo
	{
		background-image: url("../Images/Logos/Bullhorn_Time Expense_Linear_Color.png") !important;
		width: 300px;
		background-size: contain;
	}
}

@media Onb365
{
	.title-bar-layout a.logo
	{
		background-image: url("../Images/Logos/Bullhorn_Onboarding_Linear_Color.png") !important;
		width: 300px;
		background-size: contain;
	}
}

@media BBO
{
	.title-bar-layout a.logo
	{
		background-image: url("../Images/Logos/Bullhorn_Back-Office_Linear_Color.png") !important;
		width: 300px;
		background-size: contain;
	}
}

@media BOTE
{
	.title-bar-layout a.logo
	{
		background-image: url("../Images/Logos/Bullhorn_Talent-Platform_Linear_Color.png") !important;
		width: 300px;
		background-size: contain;
	}
}

@media WFM
{
	.title-bar-layout a.logo
	{
		background-image: url("../Images/Logos/Bullhorn_WFM-RC_Linear_Color.png") !important;
		width: 300px;
		background-size: contain;
	}
}

@media Analytics
{
	.title-bar-layout a.logo
	{
		background-image: url("../Images/Logos/Bullhorn_Analytics_Linear_Color.png") !important;
		width: 300px;
		background-size: contain;
	}
}

@media Erecruit
{
	.title-bar-layout a.logo
	{
		background-image: url("../Images/Logos/erecruitHB.png") !important;
		width: 300px;
		height: 100px;
		background-size: contain;
	}
}

@media BullhornRecruitmentCloud
{
	.title-bar-layout a.logo
	{
		background-image: url('../Images/Logos/Bullhorn Recruitment Cloud linear dark1.png') !important;
		width: 300px;
		background-size: contain;
	}
}

@media Automation
{
	.title-bar-layout a.logo
	{
		background-image: url("../Images/Logos/Bullhorn_Automation_Linear_Color.png") !important;
		width: 300px;
		background-size: contain;
	}
}

@media BH1
{
	.title-bar-layout a.logo
	{
		background-image: url("../Images/Logos/Bullhorn_One_Linear.png") !important;
		width: 300px;
		height: 100px;
		background-size: contain;
	}
}

@media MiddleOffice
{
	.title-bar-layout a.logo
	{
		background-image: url("../Images/Logos/Bullhorn_Middle-Office_Linear_Color.png") !important;
		width: 300px;
		background-size: contain;
	}
}

@media Invenias
{
	.title-bar-layout a.logo
	{
		background-image: url("../Images/Logos/Bullhorn_Invenias_Linear_Color.png") !important;
		width: 300px;
		background-size: contain;
	}
}

@media SourceBreaker
{
	.title-bar-layout a.logo
	{
		background-image: url("../Images/Logos/BH_Sourcebreaker_Linear.png") !important;
		width: 300px;
		background-size: contain;
	}
}

@media VMSA
{
	.title-bar-layout a.logo
	{
		background-image: url("../Images/Logos/VMSHB2.png") !important;
		width: 300px;
		height: 100px;
		background-size: contain;
	}
}

@media VMSS
{
	.title-bar-layout a.logo
	{
		background-image: url("../Images/Logos/Bullhorn_VMS-Sync_Linear_Color.png") !important;
		width: 300px;
		background-size: contain;
	}
}

span.emphasis
{
	font-family: 'Montserrat Regular';
	font-size: 12.0pt;
	text-decoration: underline;
}

span.bullet
{
	font-family: 'Montserrat Regular';
	font-size: 12pt;
	font-weight: bold;
}

@media print
{
	p > img,
	ol > img,
	ul > img,
	li > img
	{
		max-width: 65%;
		width: auto;
	}

	td > p
	{
		font-size: 8pt;
	}

	.table-image
	{
		max-width: 100%;
	}

	table
	{
		height: auto;
	}
}

span.markup
{
	font-family: 'Montserrat Regular';
	font-size: 12pt;
	font-weight: bold;
}

span.code
{
	font-family: monospace;
	background-color: #eeeeee;
}

.nav-search-wrapper
{
	display: block;
}

.embed-container
{
	position: relative;
	width: 100%;
	height: auto;
	max-width: 100%;
	aspect-ratio: 16 / 9;
	/* Keeps proper player aspect ratio */
	overflow: hidden;
}

.embed-container iframe
{
	width: 100%;
	height: 100%;
	border: none;
}

a.table
{
	color: #ffffff;
	font-family: 'Montserrat Regular';
	font-size: 12pt;
	vertical-align: inherit;
	font-weight: bold;
}

p.usecase::before
{
	
}

p.simplyput::before
{
	
}

MadCap|multipleChoiceItem.Sub_Step
{
	padding-left: 40px;
}

span.mc-variable.Automation_Modules\00002EBe_Human
{
	border-radius: 3px;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	margin-right: 10px;
	padding: 6px;
	vertical-align: middle;
	color: #05906C;
	background-color: #A0CFB7;
}

span.mc-variable.Automation_Modules\00002EEnergy
{
	vertical-align: middle;
	padding: 6px;
	margin-right: 10px;
	font-weight: bold;
	font-size: 12px;
	display: inline-block;
	border-radius: 3px;
	color: #F6AF17;
	background-color: #Fff0cc;
}

span.mc-variable.Automation_Modules\00002ESpeed_\000026\0000A0Agility
{
	background-color: #FFD2b2;
	border-radius: 3px;
	color: #D9491E;
	display: inline-block;
	font-weight: bold;
	margin-right: 10px;
	padding: 6px;
	vertical-align: middle;
	font-size: 12px;
}

span.mc-variable.Automation_Modules\00002EService
{
	border-radius: 3px;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	margin-right: 10px;
	padding: 6px;
	vertical-align: middle;
	background-color: #A8E0F4;
	color: #0098DC;
}

span.mc-variable.Automation_Modules\00002EOwnership
{
	border-radius: 3px;
	color: #6C1F55;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	margin-right: 10px;
	padding: 6px;
	vertical-align: middle;
	background-color: #e0d7e8;
}

table#myTable
{
	
}