/*<meta />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

body
{
	color: #45494C;
	font-family: Tahoma;
}

div.body-container
{
	padding-left: 0;
	padding-top: 0;
	overflow: auto;
}

span.clear-icon
{
	position: absolute;
	top: 7px;
	right: 65px;
	cursor: pointer;
	color: #45494C;
}

div.home-search-wrapper span.clear-icon
{
	top: 11px;
	right: 70px;
}

div.sidenav-container
{
	display: none;
}

/* Content */

img
{
	border: none;
	max-width: 100%;
}

p
{
	font-size: 12.0pt;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 20pt;
	letter-spacing: 0.25px;
	font-family: Tahoma;
}

p.table-text
{
	font-size: 12pt;
}

/* Headings */
/* Home page topic */

div.home-layout
{
	padding: 2% 5%;
	background-color: #FFFFFF;
}

div.home-section
{
	padding: 5% 0;
	border-bottom: solid 1px #DADEE1;
}

div.home-section h1
{
	text-align: center;
	color: #1A1A1A;
}

div.home-tiles	/*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;
	margin-bottom: auto;
	padding: 20px 0px;
}

div.home-tiles::before
{
	content: ' ';
	display: table;
}

div.home-tiles::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-tiles > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1%;
	color: #1A1A1A;
	width: 18%;
	text-align: center;
	border-radius: 4px;
	background-color: #FFFFFF;
}

div.home-tiles > div:nth-child(1)
{
	margin-left: 20%;
}

div.home-tiles > div:nth-child(2)
{
	margin-left: 3%;
}

div.home-tiles > div:nth-child(3)
{
	margin-left: 3%;
}

div.home-tiles-layout	/*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.home-tiles-layout::before
{
	content: ' ';
	display: table;
}

div.home-tiles-layout::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-tiles-layout > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.home-tiles-layout > div:nth-child(1)
{
	width: 33.33333%;
	margin-left: 0%;
}

div.home-tiles-layout > div:nth-child(2)
{
	width: 66.66667%;
	margin-left: 0%;
}

div.home-tiles-layout p
{
	line-height: 1.2;
}

div.home-tile-container
{
	background-color: #F1EDFf;
	padding: 100px 0 60px;
}

img.home-tile-icon
{
	height: 100px;
	width: auto;
}

p.tile-title
{
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #1A1A1A;
}

div.faq-section
{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

div.quick-links	/*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;
}

div.quick-links::before
{
	content: ' ';
	display: table;
}

div.quick-links::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.quick-links > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.quick-links > div:nth-child(1)
{
	width: 16.66666%;
	margin-left: 2%;
}

div.quick-links > div:nth-child(2)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links > div:nth-child(3)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links > div:nth-child(4)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links > div:nth-child(5)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links *	/*Text-align center set to all elements within div.quick-links*/
{
	text-align: center;
}

div.two-tiles-home	/*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;
	margin-top: 75px;
}

div.two-tiles-home::before
{
	content: ' ';
	display: table;
}

div.two-tiles-home::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.two-tiles-home > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #F1EDFf;
	padding: 1%;
}

div.two-tiles-home > div:nth-child(1)
{
	margin-left: 17%;
	width: 31.5%;
}

div.two-tiles-home > div:nth-child(2)
{
	margin-left: 3%;
	width: 31.5%;
}

div.two-tiles-home > div > div img
{
	height: 100px;
	width: auto;
}

div.two-tiles-home-inner	/*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.two-tiles-home-inner::before
{
	content: ' ';
	display: table;
}

div.two-tiles-home-inner::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.two-tiles-home-inner > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.two-tiles-home-inner > div:nth-child(1)
{
	width: 25%;
	margin-left: 0%;
}

div.two-tiles-home-inner > div:nth-child(2)
{
	width: 72%;
	margin-left: 3%;
}

div.topic-hero
{
	padding: 3% 3% 6% 2%;
	background-image: url('../Images/Assets/HeroStockImages/help-center-hero.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: scroll;
}

div.topic-hero h1
{
	color: #FFFFFF;
	font-size: 48pt;
}

html.home-topic	/*Used on home topic to override padding set in the skin*/
{
	
}

html.home-topic div.body-container	/*Overrides padding set in the skin*/
{
	padding: 0;
}

html.home-topic div.main-section > div.outer-row	/*Overrides padding set in the skin when in tablet/mobile*/
{
	max-width: 100%;
	padding: 0;
}

html.home-topic nav.sidenav-wrapper	/* Hides side navigation on the home topic */
{
	display: none;
}

div.home-search-wrapper
{
	width: 50%;
}

/* Heading Bookmark Styles*/

.bookmark-hotspot
{
	position: relative;
}

.bookmark-hotspot:hover a.heading-link
{
	opacity: 1;
	background-image: url('../Images/Assets/Icons/Heading-Bookmarks/hovercopy.svg');
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	width: 25px;
	margin-left: -25px;
	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: #45494C;
	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 a.heading-link,
html.home-topic div.topic-hero h1 a.heading-link	/* prevent heading in search results and home page from being a bookmark */
{
	display: none;
}

/********Custom expand and collapse buttons for Side Navigation********/

div.collapse,
div.expand
{
	position: sticky;
	top: 0%;
	left: 0%;
	width: 30px;
	height: 30px;
	background-color: #F1EDFf;
	/*Set button color*/
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 0px 10px 10px 0px;
	cursor: pointer;
	transition: width .25s;
	background-size: 16px;
}

div.collapse:hover,
div.expand:hover
{
	width: 33px;
}

/********Arrow icons for expand/collapse button********/

div.collapse
{
	background-image: url('../Images/Assets/Icons/Side-Navigation/collapse-arrow.png');
}

div.expand
{
	background-image: url('../Images/Assets/Icons/Side-Navigation/expand-arrow.png');
}

/*******Remove body container padding so expand/collapse button is attached to side nav*******/

div.body-container
{
	padding-left: 0;
	padding-top: 0;
	padding-right: 3em;
}

div.topic-container
{
	padding-left: 3em;
	padding-top: 2em;
	float: left;
	width: 100%;
}

nav.sidenav-wrapper
{
	overflow: hidden auto;
	position: sticky;
	top: 0;
}

/*******Add resize icon to side nav*******/

div.ui-resizable-e
{
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../Images/Assets/Icons/Side-Navigation/resize-navigation.png');
	width: 20px !important;
	background-size: 26px;
	right: 0px;
}

/*******Fix resizable side navigation in place for long TOCs *******/

div.sidenav-container
{
	height: 100%;
}

div.sidenav-container,
nav.sidenav-wrapper
{
	overflow: unset;
}

div.sidenav-container > ul
{
	overflow: auto;
	height: 100%;
}

/*******Hide bottom-right resize icon*******/

div.ui-resizable-se
{
	display: none !important;
}

div.ui-resizable-s
{
	display: none !important;
}

MadCap|breadcrumbsProxy
{
	border-bottom-width: 0;
	color: #45494C;
	width: 60%;
	float: left;
}

/* Links */

a
{
	color: #4935BA;
}

MadCap|dropDownBody
{
	padding: 10px 30px 0;
}

MadCap|expandingBody
{
	color: #45494C;
	font-style: italic;
}

MadCap|expandingHead
{
	font-style: italic;
	font-weight: normal;
	cursor: hand;
	text-decoration: none;
	color: #4935BA;
}

MadCap|xref
{
	font-weight: bold;
	mc-format: '{para}';
	text-decoration: underline;
	color: #4935BA;
}

/* Lists */

dd,
dd p,
dt,
dt p,
li,
li p
{
	margin-bottom: 8px;
	margin-top: 8px;
}

dl,
ol,
ul
{
	letter-spacing: .25px;
	line-height: 20pt;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Master page */

div.home-footer
{
	background-color: #4935BA;
	padding: 2% 5%;
}

td.home-footer-logo
{
	background-image: url('../Images/Assets/BrandIdentity/billtrust-logo-reversed-sm.png');
	background-repeat: no-repeat;
	background-position: right center;
	width: 400px;
}

p.footer
{
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 13pt;
	color: #FFFFFF;
}

p.footer-sub
{
	color: #FFFFFF;
	font-size: 14pt;
	margin-top: 14px;
}

MadCap|dropDown.faq
{
	background-color: #F1EDFf;
	padding: 10px 10px 10px 0;
	margin-bottom: 10px;
	border-bottom: none;
}

html.searchTopic div.buttons
{
	display: block;
}

div.search-bar-icon
{
	display: inline-block;
	float: left;
	margin-right: 35px;
	width: 22px;
	cursor: pointer;
}

nav.title-bar
{
	box-shadow: 0px 0px 6px #333;
	display: none;
}

div.dropDownfaq a.MCHotSpotImage
{
	display: block;
	background-position: right !important;
}

/********** Back to top button **********/

button#myBtn
{
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	font-weight: bold;
	border: none;
	outline: none;
	color: transparent;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #4935BA;
	background-image: url(../Images/up-arrow-white.png);
}

button#myBtn:hover
{
	background-color: #FFFFFF;
	background-image: url(../Images/up-arrow-primary.png);
}

div.toolbar-container
{
	width: 100%;
	height: 40px;
	background-color: #4935BA;
	padding-top: 8px;
	padding-bottom: 8px;
	position: relative;
	display: none;
}

div.buttons._Skins_Toolbar_Right.mc-component
{
	display: flex;
}

/* position next and previous toolbar button */

div.buttons._Skins_Toolbar_Left.mc-component
{
	position: absolute;
	left: 70px;
	top: 10px;
}

button.next-topic-button div.button-icon,
button.previous-topic-button div.button-icon
{
	background-size: 20px !important;
}

/* position home  icon in toolbar */

img.toolbar-home-icon
{
	margin-left: 25px;
}

div.sidenav-container ul.menu li
{
	position: relative;
}

li.has-children.collapsed ul.sub-menu
{
	display: none;
}

li.has-children.expanded ul.sub-menu
{
	display: block;
}

div.header-links-menu > ul > li > a:hover,
div.header-links-menu > ul > li > a.selected
{
	background-color: transparent !important;
	color: #4935BA !important;
}

div.sidenav-container > ul.sidenav a.selected span.submenu-toggle
{
	border-top-color: #FFFFFF;
}

div.header-links-menu ul.menu._Skins_Header_Menu.mc-component ul > li > a
{
	background-color: #FFFFFF;
}

a:link
{
	color: #4935BA;
}

a:visited
{
	color: #4935BA;
}

div.header-links-menu ul.menu._Skins_Header_Menu.mc-component ul > li > a:hover
{
	color: #fff;
	background-color: #4935BA;
}

a:hover
{
	color: #8F33FF;
}

ul.hovered a:hover
{
	background-color: #4935BA;
}

ul.menu._Skins_Header_Menu.mc-component li > a.selected
{
	background-color: #4935BA;
}

ul.menu._Skins_Header_Menu.mc-component li > ul a.selected
{
	background-color: #4935BA !important;
}

ul.sidenav li a:hover span.submenu-toggle,
ul.off-canvas-list a:hover span.submenu-toggle
{
	border-top-color: #FFFFFF !important;
}

/* Dropdown indicator for menu items with children */

li.menu-drop-down
{
	position: relative;
	padding-right: 20px;
}

/* Set icon for Top Navigation menu items with children */

div.header-links-menu > ul.menu > li.has-children > a:after
{
	content: "";
	height: 15px;
	width: 15px;
	display: inline-block;
	background: url('../../Resources/Images/Assets/Icons/Top-Navigation/arrow-down-gray.png') no-repeat 93% center;
	vertical-align: bottom;
}

/* add icon for Top Navigation links that are set to open in a new tab */

div.header-links-menu > ul.menu ul.sub-menu > li > a[target="_blank"]:after
{
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 5px;
	background-image: url('../Images/Assets/Icons/Top-Navigation/icon-login.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	vertical-align: 0px;
}

div.header-links-menu
{
	display: block;
}

div.home-tiles > div[onclick]:hover
{
	box-shadow: 2px 3px 9px #ccc;
}

div.home-tiles > div[onclick]
{
	cursor: pointer;
}

div.home-tiles
{
	display: flex;
	flex-wrap: wrap;
}

div.two-tiles-home
{
	display: flex;
	flex-wrap: wrap;
}

div.quick-links
{
	margin-left: auto;
	margin-right: auto;
	width: 60%;
}

div#mc-main-content,
div.search-wrapper
{
	clear: both;
}

div.search-wrapper
{
	display: none;
	margin-top: -4px;
	padding-right: 20px;
}

div.search-bar._Skins_Topic_search.mc-component
{
	display: inline-block;
	float: right;
}

button.copy-link-button.active:after
{
	font-size: 10px;
	margin-left: 10px;
	padding: 5px;
	content: 'Copied!';
	background-color: #45494C;
	color: #fff;
	border-radius: 5px;
	position: absolute;
	top: -20px;
	left: -20px;
}

div._Skins_Toolbar_Right button.print-button
{
	width: 75px !important;
}

div._Skins_Toolbar_Right button.copy-link-button
{
	width: 115px !important;
}

button.button.needs-pie.print-button::after
{
	content: 'Print';
	left: 28px;
}

button.button.needs-pie.copy-link-button::after
{
	content: 'Copy URL';
}

div._Skins_Toolbar_Right button::after
{
	color: #FFFFFF;
	position: absolute;
	left: 24px;
	top: 2px;
}

button.copy-link-button div.button-icon
{
	background-image: url('../Images/Assets/Icons/Toolbar-Buttons/copy-url-icon.png');
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: left center !important;
}

div._Skins_Toolbar_Right.buttons button.button > div
{
	display: block;
	margin: unset;
}

div._Skins_Toolbar_Right button
{
	position: relative;
}

div.header-links ul a
{
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	padding: 10px;
}

div.header-links-menu ul ul li.menu-drop-down
{
	position: relative;
	background: url('../Images/Assets/Icons/Top-Navigation/arrow-down-gray.png') no-repeat 96% center;
}

div.header-links-menu ul ul li.has-children ul.sub-menu
{
	left: -100%;
	position: absolute;
	top: 10px;
}

div.header-links-menu ul ul li.has-children
{
	background-color: #FFFFFF;
	margin-left: 0;
}

div.header-links-menu li
{
	flex: 1 0 auto;
}

div.header-links-menu li.has-children
{
	margin-left: 25px;
	padding-right: 25px;
}

div.header-links > ul > li > ul > li.menu-drop-down > ul:hover,
div.header-links-menu > ul > li > ul > li.menu-drop-down > ul:hover
{
	display: inline-block;
	left: -100%;
}

div.header-links > ul > li > ul > li.menu-drop-down > ul,
div.header-links > ul > li > ul > li.menu-drop-down > ul > li > ul
{
	left: -100%;
	top: 0;
	display: none;
}

li.menu-drop-down.open > ul
{
	display: inline-block;
	position: absolute;
	width: 200px;
	z-index: 1000;
	box-shadow: 2px 2px 9px #45494C;
}

ul.hovered a
{
	display: block;
}

ul.hovered li,
ul.hovered p
{
	margin-top: 0;
	margin-bottom: 0;
}

ul.hovered
{
	display: block !important;
}

li.menu-drop-down:hover > ul
{
	display: inline-block;
	position: absolute;
	width: 200px;
	z-index: 1000;
	box-shadow: 2px 2px 9px #45494C;
}

div.header-links > ul > li > ul,
div.header-links-menu > ul > li > ul
{
	display: none;
	position: absolute;
	right: -30px;
	top: 100%;
	list-style: none;
}

div.header-links-menu ul.menu
{
	width: 90% !important;
	z-index: 9999;
	position: relative;
	overflow-y: unset;
}

div.header-links ul,
div.header-links-menu ul
{
	list-style: none;
}

div.header-links > ul,
div.header-links-menu > ul
{
	display: flex;
	align-items: center;
	justify-content: center;
	list-style: none;
}

div.header-links-menu
{
	min-width: 500px;
}

div.header-links,
div.header-links-menu
{
	display: flex;
	order: 3;
	flex: 0 1 auto;
}

@media only screen and (max-device-width: 1279px)
{
	/* Home page topic */

	div.home-search-wrapper
	{
		width: 100%;
	}

	div.home-tiles > div
	{
		width: 26%;
	}

	div.home-tiles > div:nth-child(1)
	{
		margin-left: 9%;
	}

	div.home-tiles > div:nth-child(2)
	{
		margin-left: 2%;
	}

	div.home-tiles > div:nth-child(3)
	{
		margin-left: 2%;
	}

	div.home-tiles-layout > div:nth-child(1)
	{
		width: 40%;
		margin-left: 30%;
	}

	div.home-tiles-layout > div:nth-child(2)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.quick-links > div:nth-child(1)
	{
		width: 24%;
		margin-left: 0%;
	}

	div.quick-links > div:nth-child(2)
	{
		width: 24%;
		margin-left: 14%;
	}

	div.quick-links > div:nth-child(3)
	{
		width: 24%;
		margin-left: 14%;
	}

	div.quick-links > div:nth-child(4)
	{
		width: 24%;
		margin-left: 19%;
	}

	div.quick-links > div:nth-child(5)
	{
		width: 24%;
		margin-left: 14%;
	}

	html.home-topic div.body-container
	{
		margin-left: 0;
	}

	div.off-canvas-wrapper-inner div.main-section div.outer-row
	{
		overflow-y: auto;
		display: flex;
		padding-right: 0;
	}

	div.toolbar-container
	{
		position: sticky;
		top: 85px;
		z-index: 5;
		height: 40px;
	}

	div.faq-section
	{
		width: 80%;
	}

	div.quick-links
	{
		width: 80%;
	}

	div.header-links,
	div.header-links-menu
	{
		order: 1;
	}

	div.title-bar-layout div.logo-wrapper
	{
		flex-basis: auto;
	}

	div.two-tiles-home > div:nth-child(1)
	{
		width: 43%;
		margin-left: 5.5%;
	}

	div.two-tiles-home > div:nth-child(2)
	{
		width: 43%;
		margin-left: 3%;
	}

	div.two-tiles-home-inner > div:nth-child(1)
	{
		width: 32%;
		margin-left: 0%;
	}

	div.two-tiles-home-inner > div:nth-child(2)
	{
		width: 65%;
		margin-left: 3%;
	}

	div.topic-container
	{
		padding-left: 1em;
		padding-right: 1em;
	}

	div.body-container
	{
		padding-right: 0;
	}

	/*******Hide expand/collapse icon in tablet and mobile*******/

	div.collapse
	{
		display: none;
	}

	/* Disable hover styles for mobile */

	li.menu-drop-down:hover > ul.sub-menu
	{
		display: none !important;
	}

	/* Show menu when JS adds .open */

	li.menu-drop-down.open > ul.sub-menu
	{
		display: block !important;
	}

	/* Optional: make submenus take full width for touch ease */

	ul.sub-menu
	{
		position: static;
		width: 100%;
	}
}

@media only screen and (max-device-width: 767px)
{
	/* Home page topic */

	div.home-tiles > div:nth-child(1)
	{
		width: 94%;
		margin-left: 3%;
	}

	div.home-tiles > div:nth-child(2)
	{
		width: 94%;
		margin-left: 3%;
		margin-top: 5%;
	}

	div.home-tiles > div:nth-child(3)
	{
		width: 94%;
		margin-left: 3%;
		margin-top: 5%;
	}

	div.home-tiles-layout p
	{
		line-height: 1.2;
	}

	div.quick-links > div:nth-child(1)
	{
		width: 49%;
		margin-left: 0;
	}

	div.quick-links > div:nth-child(2)
	{
		width: 49%;
		margin-left: 2%;
	}

	div.quick-links > div:nth-child(3)
	{
		width: 49%;
		margin-left: 0;
	}

	div.quick-links > div:nth-child(4)
	{
		width: 49%;
		margin-left: 2%;
	}

	div.quick-links > div:nth-child(5)
	{
		width: 49%;
		margin-left: 25.5%;
	}

	td.home-footer-logo
	{
		padding: 20px;
		background-origin: content-box;
		background-size: contain;
	}

	div.MCBreadcrumbsBox_0
	{
		display: none;
	}

	div.search-wrapper
	{
		width: 100%;
	}

	div.toolbar-container.mobile-active
	{
		height: 80px;
	}

	div.toolbar-container.mobile-active div.search-wrapper
	{
		top: 40px;
		right: 3%;
		width: 94%;
		position: absolute;
		padding-right: 0;
		margin-top: 0;
	}

	div.faq-section
	{
		width: 100%;
	}

	div.quick-links
	{
		width: 100%;
	}

	div.topic-hero h1
	{
		text-align: center;
	}

	div.header-links,
	div.header-links-menu
	{
		flex-basis: 100%;
		justify-content: center;
	}

	div.header-links-menu
	{
		min-width: auto;
	}

	div.two-tiles-home
	{
		margin-top: 25px;
	}

	div.two-tiles-home > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.two-tiles-home > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
		margin-top: 3%;
	}

	div.two-tiles-home-inner > div:nth-child(1)
	{
		width: 25%;
		margin-left: 0%;
	}

	div.two-tiles-home-inner > div:nth-child(2)
	{
		width: 75%;
		margin-left: 0%;
	}

	div.header-links-menu > ul > li:nth-child(1) > ul.sub-menu
	{
		right: unset;
		left: 0;
	}

	div.header-links-menu > ul > li:last-child > ul.sub-menu
	{
		right: 0;
	}

	div.header-links-menu ul.menu
	{
		flex-wrap: wrap;
		justify-content: center;
		width: 100% !important;
	}

	div.header-links-menu > ul > li
	{
		flex: 0 1 auto;
	}

	div.header-links-menu li.has-children
	{
		margin-left: 0;
	}
}

@media print
{
	/* Links */

	MadCap|xref
	{
		font-weight: normal;
		mc-format: '{quote}{para}{quote} {pageref}';
		text-decoration: none;
	}

	div.toolbar-container,
	div.search-wrapper,
	div.feedback-wrapper,
	div#expand-collapse,
	div.breadcrumbs
	{
		display: none !important;
	}
}

@media html5
{
	/*============================================================================================================================================================================================================
This is a custom stylesheet medium used to correct the display of certain elements that could otherwise appear incorrectly in the XML Editor.
The medium is assigned to the target under the Advanced tab in the Stylesheet Medium section. This approach ensures that elements are styled appropriately in the built output, while still displaying cleanly in the XML Editor - which uses the Default medium for preview.
================================================================================================================================================================================================================*/

	/*==============================
	=         HEADER MENU          =
	==============================*/

	/* Container layout for header menu */

	div.header-links,
	div.header-links-menu
	{
		display: flex;
		order: 3;
		flex: 0 1 auto;
	}

	/* Minimum width for menu section */

	div.header-links-menu
	{
		min-width: 500px;
	}

	/* Top-level header menu list */

	div.header-links > ul,
	div.header-links-menu > ul
	{
		display: flex;
		align-items: center;
		justify-content: center;
		list-style: none;
	}

	/* General reset for all ULs inside header */

	div.header-links ul,
	div.header-links-menu ul
	{
		list-style: none;
	}

	/* Main menu bar styling */

	div.header-links-menu ul.menu
	{
		width: 90% !important;
		z-index: 9999;
		position: relative;
		overflow-y: unset;
	}

	/* Hide nested submenus by default */

	div.header-links > ul > li > ul,
	div.header-links-menu > ul > li > ul
	{
		display: none;
		position: absolute;
		right: -30px;
		top: 100%;
		list-style: none;
	}

	/* Show submenus on hover */

	li.menu-drop-down:hover > ul
	{
		display: inline-block;
		position: absolute;
		width: 200px;
		z-index: 1000;
		box-shadow: 2px 2px 9px #45494C;
	}

	/* Selected submenu handling */

	ul.hovered
	{
		display: block !important;
	}

	ul.hovered li,
	ul.hovered p
	{
		margin-top: 0;
		margin-bottom: 0;
	}

	ul.hovered a
	{
		display: block;
	}

	ul.hovered a:hover
	{
		background-color: #4935BA;
	}

	/* Show submenu when the parent li has the 'open' class (for keyboard/JS control) */

	li.menu-drop-down.open > ul
	{
		display: inline-block;
		position: absolute;
		width: 200px;
		z-index: 1000;
		box-shadow: 2px 2px 9px #45494C;
	}

	/* Nested submenu positioning (open left) */

	div.header-links > ul > li > ul > li.menu-drop-down > ul,
	div.header-links > ul > li > ul > li.menu-drop-down > ul > li > ul
	{
		left: -100%;
		top: 0;
		display: none;
	}

	div.header-links > ul > li > ul > li.menu-drop-down > ul:hover,
	div.header-links-menu > ul > li > ul > li.menu-drop-down > ul:hover
	{
		display: inline-block;
		left: -100%;
	}

	/* Nested header-links-menu submenu styling */

	div.header-links-menu li.has-children
	{
		margin-left: 25px;
		padding-right: 25px;
	}

	div.header-links-menu li
	{
		flex: 1 0 auto;
	}

	div.header-links-menu ul ul li.has-children
	{
		background-color: #FFFFFF;
		margin-left: 0;
	}

	div.header-links-menu ul ul li.has-children ul.sub-menu
	{
		left: -100%;
		position: absolute;
		top: 10px;
	}

	div.header-links-menu ul ul li.menu-drop-down
	{
		position: relative;
		background: url('../Images/Assets/Icons/Top-Navigation/arrow-down-gray.png') no-repeat 96% center;
	}

	/* Menu links */

	div.header-links ul a
	{
		text-decoration: none;
		color: #fff;
		cursor: pointer;
		padding: 10px;
	}

	/*==============================
	=          TOOLBAR             =
	==============================*/

	/* Toolbar layout */

	div._Skins_Toolbar_Right button
	{
		position: relative;
	}

	div._Skins_Toolbar_Right.buttons button.button > div
	{
		display: block;
		margin: unset;
	}

	/* Copy URL button icon */

	button.copy-link-button div.button-icon
	{
		background-image: url('../Images/Assets/Icons/Toolbar-Buttons/copy-url-icon.png');
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: left center !important;
	}

	/* Toolbar button text labels */

	div._Skins_Toolbar_Right button::after
	{
		color: #FFFFFF;
		position: absolute;
		left: 24px;
		top: 2px;
	}

	button.button.needs-pie.copy-link-button::after
	{
		content: 'Copy URL';
	}

	button.button.needs-pie.print-button::after
	{
		content: 'Print';
		left: 28px;
	}

	/* Width adjustments */

	div._Skins_Toolbar_Right button.copy-link-button
	{
		width: 115px !important;
	}

	div._Skins_Toolbar_Right button.print-button
	{
		width: 75px !important;
	}

	/* "Copied!" tooltip styling when copy link url is clicked */

	button.copy-link-button.active:after
	{
		font-size: 10px;
		margin-left: 10px;
		padding: 5px;
		content: 'Copied!';
		background-color: #45494C;
		color: #fff;
		border-radius: 5px;
		position: absolute;
		top: -20px;
		left: -20px;
	}

	/* Search bar alignment */

	div.search-bar._Skins_Topic_search.mc-component
	{
		display: inline-block;
		float: right;
	}

	div.search-wrapper
	{
		display: none;
		/*position: absolute;
		right: 285px;
		top: 4px;*/
		margin-top: -4px;
		padding-right: 20px;
	}

	/* Clear floats */

	div#mc-main-content,
	div.search-wrapper
	{
		clear: both;
	}

	/* Layout for landing pages */

	div.quick-links
	{
		margin-left: auto;
		margin-right: auto;
		width: 60%;
	}

	div.two-tiles-home
	{
		display: flex;
		flex-wrap: wrap;
	}

	div.home-tiles
	{
		display: flex;
		flex-wrap: wrap;
	}

	div.home-tiles > div[onclick]
	{
		cursor: pointer;
	}

	div.home-tiles > div[onclick]:hover
	{
		box-shadow: 2px 3px 9px #ccc;
	}
}

img.smallicon
{
	margin: 0px;
	height: 20px;
	padding: 0px 2px;
	padding-bottom: -4px;
}

img.screenshot
{
	border-left-style: solid;
	border-left-color: #a9a9a9;
	border-right-style: solid;
	border-right-color: #a9a9a9;
	border-top-style: solid;
	border-top-color: #a9a9a9;
	border-width: 3px;
	padding-left: 0;
	float: none;
	border-bottom-style: none;
	border: solid 2px #c0c0c0;
	padding: 0;
	margin: 0;
	max-width: 80%;
}

div.important
{
	padding: 10px;
	margin: 40px 0 40px 20px;
	mc-auto-number-format: '{b}{color #B36200}IMPORTANT';
	border-left: solid 2px #f2aa1a;
}

div.note
{
	padding: 5px;
	padding-left: 10px;
	margin-left: 20px;
	margin-bottom: 40px;
	margin-top: 40px;
	mc-auto-number-format: '{b}{color #8F33FF}NOTE   ';
	border-left: solid 2px #8F33FF;
}

h1,
h2,
h3,
h4,
h5,
h6
{
	font-family: Tahoma;
}

h1
{
	padding: 0 0 10px 0;
	text-transform: none;
	font-size: 32px;
	font-weight: 600;
	margin: 60px 0 8px 0;
	font-family: Tahoma;
}

h1.landing-page
{
	font-weight: 500;
	border-bottom-style: solid;
	border-color: #028758;
	padding-bottom: 15px;
	margin: 30px 0;
	font-size: 32px;
	color: #006E53;
}

h1,
h2,
h3,
h4,
h5,
h6
{
	font-family: Tahoma;
}

h2
{
	margin: 40px 0 4px 0;
	font-size: 28px;
	font-weight: 600;
	padding-bottom: 10px;
	font-family: Tahoma;
}

h1,
h2,
h3,
h4,
h5,
h6
{
	font-family: Tahoma;
}

h3
{
	margin: 32px 0 4px 0;
	font-size: 20px;
	font-weight: 600;
}

h3.green
{
	font-weight: normal;
	margin-top: 16px;
	margin-bottom: 8px;
	font-size: 20px;
	color: #008761;
}

h1,
h2,
h3,
h4,
h5,
h6
{
	font-family: Tahoma;
}

h4
{
	margin: 28px 0 0 0;
	font-size: 18px;
	font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6
{
	font-family: Tahoma;
}

h5
{
	margin: 26px 0 0 0;
	font-size: 16px;
	font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6
{
	font-family: Tahoma;
}

h6
{
	margin: 24px 0 0 0;
	font-size: 14px;
	font-weight: 600;
}

p.green
{
	padding: 3px;
	font-size: 16px;
	margin-bottom: 8px;
	margin-top: 4px;
	color: #006E53;
}

p.MiniTOC1
{
	color: #8f33ff;
	padding: 3px;
	font-weight: normal;
	font-style: italic;
}

p.MiniTOC2
{
	color: #8f33ff;
	font-weight: normal;
	font-style: italic;
}

p.MiniTOC3
{
	color: #8f33ff;
	font-weight: normal;
	font-style: italic;
}

p.orchid_small_title
{
	color: #8f33ff;
	text-transform: uppercase;
	letter-spacing: 1.25px;
	font-weight: 600;
}

p.smalltitle
{
	margin: 8px 0;
	padding: 3px;
	color: #028758;
	font-size: 14pt;
	text-transform: none;
	font-weight: 600;
}

p.subtitle-text
{
	font-size: 16px;
	color: #001821;
	padding-bottom: 1px;
	margin: 15px 0 25px 0;
}

span.bold
{
	font-weight: bold;
}

span.green
{
	color: #028758;
}

span.italic
{
	font-style: italic;
}

span.italic-green
{
	font-style: italic;
	color: #028758;
}

span.smallnote
{
	font-size: 10pt;
}

a.InlineLinks
{
	font-weight: 500;
	text-decoration: underline;
	color: #8f33ff;
}

a.MCBreadcrumbsLink:hover
{
	color: #8F33FF;
}

MadCap|dropDown
{
	mc-open-image: url('../Images/Assets/Icons/Arrows/arrow-down-gray.png');
	mc-closed-image: url('../Images/Assets/Icons/Arrows/arrow-right-gray.png');
	padding: 50px 0px 0px;
	padding-left: 10px;
}

MadCap|dropDownHotspot
{
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
	font-family: candara;
	color: #006E53;
}

MadCap|snippetBlock
{
	padding: 10px;
}

MadCap|miniTocProxy
{
	border-top-style: none;
	border-top-color: transparent;
	color: #8f33ff;
	font-size: 14pt;
	text-decoration: underline;
	margin-top: 5px;
	padding-top: 5px;
}

MadCap|dropDownHead
{
	font-size: inherit;
	color: #006E53;
}

p.subtitle-text-white
{
	font-size: 16px;
	padding-bottom: 1px;
	margin: 15px 0 25px 0;
	color: #ffffff;
}

p.green_small_title
{
	text-transform: uppercase;
	letter-spacing: 1.25px;
	font-weight: 600;
	color: #006E53;
}

a.tile_green_small_title
{
	text-transform: uppercase;
	letter-spacing: 1.25px;
	font-weight: 600;
	color: #006E53;
}

/*<meta sourceDocument="C:\Users\dbodnar\OneDrive - billtrust.com\Documents - Product Doc Source Files (Restricted)\ach-returns-implementation-guide-0326.docx" />*/

/*===========================================================================================================================================================

Hello! If this is your first time looking at a stylesheet within the text editor view, what you are reading right now is a "comment". Comments are added throughout this stylesheet with the purpose of making the source code easier to understand, comments will not be interpreted during the compile process. Since comments are not interpreted during the compile process, feel free to add or remove any comments.

For help with MadCap Flare go to Help Ribbon > Topics Section > Open Help. Alternatively visit the Flare Online Help at help.madcapsoftware.com

If you have any questions regarding how to work with this stylesheet or template project, please contact MadCap Technical Support. 
https://www.madcapsoftware.com/support/contact-options.aspx

NOTE: Generally, this stylesheet has elements listed out in the order that they appear in the topic from top to bottom. The exception are General styles which are at the top and the stylesheet mediums which are at the bottom.

EXAMPLE: Since the search-bar is at the top of the topic page, it will be listed closer to the top of this stylesheet.

===========================================================================================================================================================*/

/*<meta sourceDocument="C:\Users\dbodnar\OneDrive - billtrust.com\Documents - Product Doc Source Files (Restricted)\payment-settings-updates0326.docx" />*/

