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

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

@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;
}

p.note,
div.note
{
	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;
}

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.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;
	}
}

.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;
}

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;
}

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

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

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;
}

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);
}

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

/* 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;
}

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

.fourplus-btn
{
	width: 200px;
	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;
}

/* 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;
}

.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;
}

td
{
	mc-hyphenate: never;
}

thead
{
	position: sticky;
	top: 0;
}

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

a.MiniTOC2:link
{
	margin-left: 20px;
}

a.MiniTOC3:link
{
	margin-left: 40px;
}

/*.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/ATS_Linear_New.png") !important;
		width: 300px;
	}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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;
}

a.table:visited
{
	
}

a.table:hover
{
	
}

p.usecase::before
{
	
}