/*<meta />*/

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

/* Define DocTeam Base Fonts: POPPINS */

@font-face 
{
	font-family: 'Poppins Regular';
	src: url(../Fonts/Poppins/Poppins-Regular.ttf);
	font-weight: normal;
	font-style: normal;
}

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

@font-face 
{
	font-family: 'Poppins Semi Bold';
	src: url(../Fonts/Poppins/Poppins-SemiBold.ttf);
}

@font-face 
{
	font-family: 'Poppins Light';
	src: url(../Fonts/Poppins/Poppins-Light.ttf);
	font-weight: normal;
	font-style: normal;
}

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

@font-face 
{
	font-family: 'Poppins Thin';
	src: url(../Fonts/Poppins/Poppins-Thin.ttf);
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: 'Poppins Thin Italic';
	src: url(../Fonts/Poppins/Poppins-ThinItalic.ttf);
	font-weight: normal;
	font-style: normal;
}

/* Define DocTeam Fallback Fonts: ROBOTO */

@font-face 
{
	font-family: 'Roboto Regular';
	src: url(../Fonts/Roboto/Roboto-Regular.ttf);
	font-weight: normal;
	font-style: normal;
}

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

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

@font-face 
{
	font-family: 'Roboto Bold Italic';
	src: url(../Fonts/Roboto/Roboto-BoldItalic.ttf);
}

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

@font-face 
{
	font-family: 'Roboto Condensed Bold';
	src: url(../Fonts/Roboto/RobotoCondensed-Bold.ttf);
}

@font-face 
{
	font-family: 'Roboto Condensed Bold Italic';
	src: url(../Fonts/Roboto/RobotoCondensed-BoldItalic.ttf);
}

@font-face 
{
	font-family: 'Roboto Condensed Italic';
	src: url(../Fonts/Roboto/RobotoCondensed-Italic.ttf);
}

/*ABC Corporate Colors*/
/*NOTE: The DocTeam's best practice is to use RGB/RGBA where possible. The hex color codes are referenced below for reference.*/

:root
{
	--Primary: #29a9e1;
	--Secondary: #0073ba;
	--Accent: #cc451b;
	--Light: #ceced9;
	--Lightest: #FFFFFF;
	--Medium: #75707d;
	--Dark: #231f20;
	--Darkest: #140f10;
	--FontFamily: Poppins;
	--HeroImage: url('../images/assets/hero/crs-bg-2024.png');
	--LogoImage: url('../images/assets/logos/abc-corporate-white-99.png');
	--LogoImagePrint: url('../images/assets/logos/abclogo_stacked_black.png');
}

/*==Topic General Styles==*/

body
{
	color: var(--Darkest);
	font-family: 'Poppins Regular', 'Roboto Regular';
	line-height: 1.5em;
}

h1
{
	font-size: 1.5em;
	font-weight: normal;
	padding-bottom: 10px;
	margin-bottom: 8px;
	margin-top: 0px;
	border-bottom: 1px solid #d3d3d3;
}

h2
{
	font-size: 1.2em;
	font-weight: bold;
	color: var(--Primary);
	margin-bottom: 4px;
	margin-top: 10px;
}

h3
{
	font-size: 1.1em;
	font-weight: normal;
	color: var(--Accent);
	margin-bottom: 4px;
	margin-top: 16px;
}

/* Ordered and Unordered List Items. Online. */

li
{
	font-family: 'Poppins Regular', 'Roboto Regular';
	margin-bottom: 6px;
	margin-top: 6px;
}

li.level1
{
	font-family: 'Poppins Regular', 'Roboto Regular';
	margin-left: 0.5em;
}

li.level2
{
	margin-left: 1.25em;
}

li.level3
{
	margin-left: 2.25em;
}

li.level4
{
	margin-left: 3em;
}

p
{
	padding-bottom: 8px;
	margin-bottom: 8px;
	margin-top: 8px;
}

p.releaseOverview
{
	color: var(--Medium);
}

/* Begin Custom Tag Doc Styles */

p.doct_releaseOverview
{
	color: var(--Medium);
}

.doct_text_bold
{
	font-family: inherit;
	font-weight: bold;
}

.doct_text_bold_burntOrange
{
	font-family: inherit;
	font-weight: bold;
	color: #cc451b;
}

.doct_text_bold_red
{
	font-family: inherit;
	font-weight: bold;
	color: #ee3831;
}

.doct_text_code
{
	font-family: 'Courier New';
}

.doct_text_italic
{
	font-family: inherit;
	font-style: italic;
}

/* End Custom Tag Doc Styles */

.frontMatter
{
	font-size: 1.2em;
	font-weight: bold;
	color: var(--Primary);
	margin-bottom: 4px;
	margin-top: 10px;
}

.header
{
	font-size: 11px;
	font-family: 'Poppins-Thin', 'Roboto Condensed Regular', sans-serif;
	color: #75707d;
	text-align: right;
	letter-spacing: 2px;
}

.StepIntro
{
	font-weight: bold;
}

.ticket
{
	font-size: 0.975em;
	color: #6b6b6b;
	padding-bottom: 0;
	margin: 0;
	mc-conditions: 'primary.Internal';
}

.releaseOverview
{
	color: var(--Medium);
}

strong.burntOrange
{
	color: var(--Accent);
}

strong.gray
{
	color: var(--Medium);
	font-size: inherit;
	font-family: inherit;
}

strong.red
{
	color: #dd090f;
	font-size: inherit;
	font-family: inherit;
}

div.footer
{
	font-size: 0.9em;
	color: var(--Darkest);
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

/* InternalNote Snippet Styling */

.onlineInternalNote
{
	font-size: 0.875em;
	font-weight: bold;
	color: var(--Accent);
	text-align: center;
}

/*==Mad Cap proxy/editor assigned styles==*/

img	/*Setting max-width: 100%; property makes images always fit the width of the container*/
{
	max-width: 100%;
}

/*BEGIN DEFAULT CALLOUTS. Examples: caution, important, tip, etc.*/

.accounting
{
	padding: 18px 45px;
	border-left: solid 6px #41ad49;
	border-right: solid 6px #41ad49;
	border-radius: 8px;
	background-color: #edf8ed;
	background-image: url('../images/global/tips-green.png');
	background-position: 5px 10px;
	background-repeat: no-repeat;
	min-height: 30px;
	width: 85%;
	margin: auto;
}

.caution	/*Default callout.*/
{
	background-color: #ffffd1;
	padding: 14px 20px;
	border-left: solid 6px #ffc301;
	border-right: solid 6px #ffc301;
	border-radius: 8px;
	width: 85%;
	margin: auto;
}

.definition	/*Default callout.*/
{
	background-color: #f5f5f5;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-radius: 8px;
	border-left: solid 6px #696969;
	border-right: solid 6px #696969;
	white-space: normal;
	width: 90%;
	margin: auto;
}

.example
{
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 1em;
	color: #140f10;
	border: solid 1px #0073ba;
	border-left: solid 15px #0073ba;
	background-color: #c8ddf1;
	padding: 14px 20px;
}

.important	/*Default callout.*/
{
	background-color: #ffefd5;
	border-left: solid 6px #f17604;
	border-right: solid 6px #f17604;
	padding: 14px 20px;
	border-radius: 8px;
	width: 85%;
	margin: auto;
}

.note	/*Default callout.*/
{
	padding: 14px 20px;
	border-left: solid 6px var(--Secondary);
	border-right: solid 6px var(--Secondary);
	background-color: #e6f5ff;
	border-radius: 8px;
	width: 85%;
	margin: auto;
}

.tip	/*Default callout.*/
{
	padding: 14px 20px;
	background-color: #f5f5dc;
	border-left: solid 6px #a7860b;
	border-right: solid 6px #a7860b;
	border-radius: 8px;
	width: 85%;
	margin: 15px auto;
}

.warning	/*Default callout.*/
{
	padding: 14px 20px;
	border-left: solid 6px #dc0000;
	border-right: solid 6px #dc0000;
	border-radius: 8px;
	background-color: #ffd8d1;
	width: 85%;
	margin: auto;
}

.caution::before
{
	content: 'Caution! ';
	font-weight: bold;
	color: var(--Darkest);
}

.example::before
{
	content: 'EXAMPLE';
	letter-spacing: 5px;
	font-weight: bold;
	color: var(--Dark);
	padding-bottom: 14px;
	display: block;
}

.important::before
{
	content: 'Important! ';
	font-weight: bold;
	color: var(--Darkest);
}

.note::before
{
	content: 'Note: ';
	font-weight: bold;
	color: var(--Darkest);
}

.tip::before
{
	content: 'Tip: ';
	font-weight: bold;
	color: var(--Darkest);
}

.warning::before
{
	content: 'Warning! ';
	font-weight: bold;
	color: var(--Darkest);
}

/*END DEFAULT CALLOUTS. Examples: caution, important, tip, etc.*/
/* Change background color of links on hover */

a:link
{
	color: var(--Primary);
}

a:link
{
	color: var(--Primary);
}

a:visited
{
	color: var(--Secondary);
}

a:visited
{
	color: var(--Secondary);
}

a:hover
{
	color: var(--Accent);
}

ul.topnav li a:hover
{
	background-color: var(--Dark);
	color: var(--Accent);
}

a:hover
{
	color: var(--Accent);
}

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

a.MCBreadcrumbsLink:visited
{
	color: #000000;
}

a.MCBreadcrumbsLink:hover
{
	color: var(--Accent);
}

MadCap|breadcrumbsProxy
{
	border-bottom: none;
	font-size: .7em;
	font-style: italic;
	mc-breadcrumbs-prefix: 'You are here: ';
	margin-top: 5px;
}

MadCap|xref
{
	color: var(--Secondary);
	font-weight: bold;
	mc-format: '{para}';
	text-decoration: underline;
}

MadCap|xref:hover
{
	color: var(--Primary);
}

MadCap|dropDown
{
	mc-open-image: url('../images/assets/icons/arrow-down-gray.png');
	mc-closed-image: url('../images/assets/icons/arrow-right-gray.png');
}

MadCap|dropDownHotspot
{
	color: #f59405;
	font-weight: bold;
}

/*==Master Page Topic Layout==*/

div.topic-layout	/*This layout was created using the Responsive Layout Editor in MadCap Flare. Go to: Home Ribbon > Styles Section > Responsive Layout*/
{
	mc-grid-row: true;
	margin: 0 auto;
	background-color: var(--Lightest);
	padding: 0 25px;
	min-height: 85vh;
	margin-top: 15px;
}

div.topic-layout::before
{
	content: ' ';
	display: table;
}

div.topic-layout::after
{
	content: ' ';
	display: table;
	clear: both;
}

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

div.topic-layout > div:nth-child(1)
{
	width: 73%;
	margin-left: 0;
	margin-right: 0;
	border-right: solid 1px #d3d3d3;
	padding-right: 20px;
	padding: 25px;
	min-height: 85vh;
	/*ensures that the vertical border line reaches the bottom of the topic container*/
}

div.topic-layout > div:nth-child(2)	/*Menu Proxy and toolbar container*/
{
	width: 25%;
	margin-left: 2%;
	padding: 20px 10px;
}

MadCap|miniTocProxy
{
	border-top-style: none;
	padding-top: 0px;
}

/*========= BEGIN HELP DOCS TOP MENU CUSTOM STYLING ==============*/

ul.topnav
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.abccontainer
{
	border-bottom: 1px solid #555555;
	background-color: var(--Dark);
}

/* Initially hide the submenus */

.abcsubmenu
{
	display: none;
}

/* Float the list items side by side */

ul.topnav li
{
	float: left;
}

/* Style the links inside the list items */

ul.topnav li a
{
	font-family: 'Poppins Regular', 'Roboto Regular';
	font-size: 0.875em;
	display: inline-block;
	color: var(--Light);
	text-align: center;
	text-decoration: none;
	background-color: var(--Dark);
	border-bottom: none;
	padding: 10px 10px;
	transition: 0.3s;
}

/* Change background color of links on hover */

ul.topnav li ul li a
{
	color: var(--Light);
}

/* Hide the list item that contains the link that should open and close the topnav on small screens */

ul.topnav li.icon
{
	display: none;
}

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

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

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

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

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

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

/* Remove the main search bar from the home page only */

.row.nav-search
{
	display: none;
}

MadCap|miniTocProxy
{
	border-top-width: 0px;
	padding-top: 5px;
}

/*========= END HELP DOCS TOP MENU CUSTOM STYLING ==============*/

/*===========================================================================================================================================================
Styles after this point are styles that are for specific mediums. If any additional styles are added to this template they will be listed after mediums.
[@media tablet] declares styles that will apply when the screen is in tablet view
[@media mobile] declares styles that will apply when the screen is in mobile view
===========================================================================================================================================================*/

/*========= BEGIN MOBILE AND DESKTOP CUSTOM STYLING =================*/

/* When the screen is less than 1279 pixels wide, hide all list items, except for the first one (the first one is empty).
Show the list item that contains the link to open and close the topnav (li.icon) */

@media screen and (max-width: 1279px)
{
	ul.topnav li
	{
		display: none;
	}

	ul.topnav li.icon
	{
		float: left;
		display: inline-block;
	}

	ul.topnav li.icon a
	{
		color: var(--Medium);
		font-size: 1em;
	}
}

/* FOR SMALLER SCREENS */

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon or dropdowns. 
This class makes the topnav look good on small screens */

@media screen and (max-width: 1279px)
{
	.symbolrotate
	{
		display: inline-block;
	}

	ul.topnav.responsive
	{
		position: relative;
	}

	ul.topnav.responsive li.icon
	{
		position: absolute;
		left: 0;
		top: 0;
	}

	ul.topnav.responsive li
	{
		float: none;
		display: inline;
	}

	ul.topnav.responsive li a
	{
		display: block;
		text-align: left;
		font-size: 1em;
		border-top: 1px dotted #fbdc00;
	}

	ul.topnav.responsive li:last-child a
	{
		border-top: none;
	}

	ul.topnav.responsive li ul li a
	{
		border-top: none;
		font-size: 0.875em;
	}

	.abcsubmenu.responsive
	{
		position: relative;
		display: block;
		z-index: 0;
	}

	.symbolrotate.responsive
	{
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}

/* FOR LARGER SCREENS */
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on dropdowns. */

@media screen and (min-width: 1280px)
{
	.abcsubmenu.responsive
	{
		position: absolute;
		display: block;
		z-index: 1000;
	}

	.symbolrotate
	{
		display: inline-block;
	}

	.abcsubmenu.responsive li
	{
		background-color: #75707d;
		list-style-type: none;
		float: none;
		width: auto;
	}

	.abcsubmenu.responsive li a
	{
		display: block;
		text-align: left;
	}

	.symbolrotate.responsive
	{
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	/* These next two styles center the topnav */

	.abccontainer
	{
		text-align: center;
	}

	.abccontainer ul.topnav
	{
		display: inline-block;
	}

	.abccontainer ul li:hover .abcsubmenu
	{
		
	}
}

@media only screen and (max-width: 1279px)
{
	div.topic-layout > div:nth-child(1)
	{
		width: 100%;
		border-right: none;
	}

	div.topic-layout > div:nth-child(2)
	{
		display: none;
	}
}

@media only screen and (max-width: 767px)
{
	div.topic-layout > div:nth-child(1)
	{
		width: 100%;
		border-right: none;
	}

	div.topic-layout > div:nth-child(2)
	{
		display: none;
	}
}

/*========= END MOBILE AND DESKTOP CUSTOM STYLING =================*/
/*========= BEGIN SEARCH HIGHLIGHT STYLING ==============*/

span.SearchHighlight1
{
	color: var(--Darkest);
	background-color: #fff9cc;
}

span.SearchHighlight10
{
	color: var(--Darkest);
	background-color: #fff4cc;
}

span.SearchHighlight2
{
	color: var(--Darkest);
	background-color: #ccf1ff;
}

span.SearchHighlight3
{
	color: var(--Darkest);
	background-color: #daf1dc;
}

span.SearchHighlight4
{
	color: var(--Darkest);
	background-color: #ffccea;
}

span.SearchHighlight5
{
	color: var(--Darkest);
	background-color: #ccfcff;
}

span.SearchHighlight6
{
	color: var(--Darkest);
	background-color: #fcdccf;
}

span.SearchHighlight7
{
	color: var(--Darkest);
	background-color: #e8d6f5;
}

span.SearchHighlight8
{
	color: var(--Darkest);
	background-color: #dcf3d8;
}

span.SearchHighlight9
{
	color: var(--Darkest);
	background-color: #cceaff;
}

/*========= END SEARCH HIGHLIGHT STYLING ==============*/