/*<meta />*/

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

body
{
	color: #404040;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	line-height: 1.7em;
}

.simInts
{
	font-size: 32px;
}

.acadiframe
{
	width: 100%;
	height: 500px;
}

#offCanvas > ul > li:nth-child(9) > ul > li:nth-child(n) > ul > li:nth-child(2) > a
{
	font-weight: bold;
	text-decoration: underline;
}

.badge
{
	box-sizing: border-box;
	display: inline-block;
	float: left;
	text-align: center;
	text-decoration: none;
	width: 10px;
	height: 10px;
	padding-top: 10px;
	padding-right: 10px;
	color: #fff;
	background: #4E99A9;
	border-radius: 50%;
}

#contentBody > div.footer > div:nth-child(1) > div > a > p
{
	width: 400px;
}

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

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

div.twobytwo > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
}

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

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

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

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

@media only screen and (max-width: 9999px)
{
	ul.off-canvas-list li a
	{
		font-size: 1em !important;
		border-bottom: solid 0px #646976 !important;
		color: #ffffff;
		font-family: Roboto !important;
		line-height: 1 !important;
		margin-top: 0px !important;
		display: block !important;
	}

	.footerLink:hover
	{
		color: #2D82DC;
	}

	.off-canvas
	{
		display: block !important;
		background-color: #3d4454 !important;
	}

	.is-drilldown-submenu
	{
		background-color: #3d4454;
	}

	tree-node is-drilldown-submenu-parent is-submenu-item is-drilldown-submenu-item
	{
		display: block;
	}
}

@media (max-width: 629px)
{
	.acorn img
	{
		display: none;
	}
}

.grayscale
{
	filter: grayscale(100%);
	/* IE 6-9 */
}

#offCanvas > ul > li:nth-child(1) > ul > li:nth-child(7) > ul > li:nth-child(6) > ul > li:nth-child(3) > a
{
	display: none;
}

nav.title-bar .menu-icon
{
	display: block !important;
}

.inline
{
	display: inline;
	margin: 0 0px;
	padding-right: 2px;
}

.LearnMore
{
	font-family: "Roboto Slab";
	font-size: 16px;
}

.simpleBorder
{
	border: 1px solid #0C78CF;
	padding: 5px;
	border-radius: 4px;
	padding: 15px;
}

img.cc
{
	margin: 0px 0px 0px 0px;
}

.search-filter-content li:nth-child(11)
{
	display: none;
}

.search-filter-content li:nth-child(12)
{
	display: none;
}

.search-filter-content li:nth-child(13)
{
	display: none;
}

.search-filter-content li:hover
{
	font-weight: bold;
	color: #FFFFFF;
}

.search-filter-content
{
	border-style: solid;
	border-color: #d1d1d1;
	border-width: 1px;
	border-top: 0px;
	z-index: 100;
}

.search-filter-content-hide
{
	display: none;
}

#searchPane
{
	width: 100%;
}

._Skins_TopicToolBar.mc-component .button.previous-topic-button
{
	background-image: none;
	width: 105px;
	margin-right: -14px;
	color: #0C78CF;
	font-family: 'Roboto', san-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
}

._Skins_TopicToolBar.mc-component .button.next-topic-button:before
{
	content: "Next >>";
}

._Skins_TopicToolBar.mc-component .button.previous-topic-button:before
{
	content: "<< Previous |";
}

._Skins_TopicToolBar.mc-component .button.next-topic-button
{
	width: 90px;
	background-image: none;
	color: #0C78CF;
	font-family: 'Roboto', san-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
}

a
{
	color: #2d82dc;
	text-decoration: none;
}

ul#resultList li:nth-child(even)
{
	background: #fff;
}

nav.title-bar a:hover
{
	color: red;
}

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

a.MCBreadcrumbsLink:visited
{
	color: #2d82dc !important;
}

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

a.MCBreadcrumbsLink:hover
{
	color: #0C78CF !important;
}

a.MCBreadcrumbsLink:hover
{
	color: #BED230;
}

#resize-topfour
{
	margin: 2% 2% 2% 2%;
	background: #fff;
	float: left;
	position: relative;
	transition: transform .2s;
	width: 21%;
	padding: 5px;
	padding-left: 5px;
}

#resize-topfour a span
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/* edit: added z-index */
	z-index: 1;
	/* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
	background-image: url('empty.gif');
}

#resize-topfour:hover
{
	background-color: #fff;
	-ms-transform: scale(1.25);
	/* IE 9 */
	-webkit-transform: scale(1.25);
	/* Safari 3-8 */
	transform: scale(1.25);
	background-color: #fff;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

#resize-topfour:active
{
	background-color: #fafafa;
	top: +2px;
}

#resize-squares
{
	width: 29%;
	margin: 2% 2% 2% 2%;
	background: #fff;
	float: left;
	padding: 10px;
	position: relative;
	transition: transform .2s;
}

#resize-squares a span
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/* edit: added z-index */
	z-index: 1;
	/* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
	background-image: url('empty.gif');
}

#resize-squares:hover
{
	background-color: #fff;
	-ms-transform: scale(1.25);
	/* IE 9 */
	-webkit-transform: scale(1.25);
	/* Safari 3-8 */
	transform: scale(1.25);
	background-color: #fff;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

#resize-squares:active
{
	background-color: #fafafa;
	top: +2px;
}

#resize-toptwo
{
	width: 29%;
	margin: 2% 9% 2% 11%;
	background: #fff;
	float: left;
	padding: 10px;
	position: relative;
	transition: transform .2s;
	background: transparent;
}

#resize-toptwo a span
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/* edit: added z-index */
	z-index: 1;
	/* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
	background-image: url('empty.gif');
}

#resize-toptwo:hover
{
	background-color: #fff;
	-ms-transform: scale(1.25);
	/* IE 9 */
	-webkit-transform: scale(1.25);
	/* Safari 3-8 */
	transform: scale(1.25);
	background-color: #fff;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

#resize-toptwo:active
{
	background-color: #fafafa;
	top: +2px;
}

div.center-div
{
	margin: 0 auto;
	width: 100px;
}

div.example
{
	background-color: #f0ff86;
	background-repeat: no-repeat;
	border: solid 1px #a4ac67;
	border-radius: 6px;
	margin-bottom: 15px;
	padding: 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

div.ImagesFloatLeft
{
	clear: both;
	float: left;
	margin-right: 10px;
	padding: 5px;
}

div.ImagesFloatRight
{
	clear: both;
	float: right;
	margin-left: 10px;
	padding: 5px;
}

div.note
{
	background: #E2F1FE url(../Images/note.svg ) no-repeat top 10px left 10px;
	width: 100%;
	height: auto;
	border-radius: 4px;
	border: 0.5px solid #0C78CF;
	padding: 15px;
	padding-left: 65px;
	margin: 30px 0 30px 0;
	background-size: 45px 45px;
}

.noteInDiv
{
	mc-auto-number-format: '{b}{color #bed230}Note: {/color}{/b}';
}

div.quotation
{
	background-color: #e1e1e1;
	background-repeat: no-repeat;
	background-position: top left;
	border-color: #b3b3b3;
	border-style: solid;
	border-width: 1px;
	border-radius: 6px;
	font-family: 'Century Gothic';
	font-size: 0.9em;
	font-style: italic;
	font-weight: normal;
	line-height: 18px;
	padding: 20px;
	padding-left: 40px;
}

div.sideContent
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 33.33%;
}

div.TightContent
{
	margin: 0;
	padding: 0;
	line-height: 1em;
}

h1
{
	font-size: 40px;
	font-weight: normal;
	margin-bottom: 16px;
	padding-bottom: 10px;
	margin-top: 26px;
	font-family: 'Roboto', san-serif;
	line-height: 58px;
	font-weight: 500;
}

h1#results-heading
{
	font-family: 'Roboto', san-serif;
}

h2
{
	margin-bottom: 20px;
	margin-top: 20px;
	font-family: 'Roboto', san-serif;
	line-height: 42px;
	font-size: 25px;
	font-weight: 500;
}

.full-width
{
	position: relative;
	/* child absolute */
	margin: 0 -9999rem;
	/* add back section padding value */
	padding: .25rem 9999rem;
	padding-top: 50px;
	padding-bottom: 50px;
	background: #bd5b0e;
	color: white;
	font-family: Roboto Slab;
	font-size: 2.5rem;
	text-align: center;
}

h3
{
	margin-bottom: 4px;
	margin-top: 16px;
	font-family: 'Roboto', san-serif;
	font-size: 22px;
	line-height: 39px;
	font-weight: 600;
}

img
{
	margin: 20px 20px 20px 0px;
	border: none;
	max-width: 100%;
	height: auto;
}

img.home
{
	border: none;
	max-width: 100%;
	height: auto;
}

img.Thumbnail
{
	mc-thumbnail: popup;
}

img.ReduceButtonSize
{
	max-height: 25px;
}

li
{
	orphans: 2;
	widows: 2;
	margin-bottom: 9px;
	margin-top: 5px;
	font-family: 'Roboto', san-serif;
	font-size: 16px;
	line-height: 28px;
	font-weight: 400;
	/*
	color: #484848; */
}

p
{
	font-family: 'Roboto', san-serif;
	font-size: 16px;
	line-height: 28px;
	font-weight: 400;
	color: #484848;
	margin-bottom: 20px !important;
}

.box
{
	font-size: 18px;
}

.intro
{
	text-align: center;
}

MadCap|breadcrumbsProxy
{
	border-bottom: none;
	mc-breadcrumbs-prefix: '';
	padding-top: 15px;
	font-size: 18px;
}

.MCBreadcrumbsSelf
{
	
}

a.MCBreadcrumbsLink
{
	text-decoration: none !important;
	color: #2d82dc !important;
	font-style: normal !important;
}

MadCap|dropDown
{
	margin-bottom: 6px;
	mc-closed-image: url('../Images/DropDownClosed.png');
	mc-open-image: url('../Images/DropDownOpen.png');
	color: #404040;
	font-family: Roboto, san-serif;
	margin-top: -35px;
}

MadCap|dropDown.SecondLevel
{
	margin-left: 10px;
	mc-closed-image: url('../Images/DropDownClosedSecondLevel.png');
	mc-open-image: url('../Images/DropDownOpenSecondLevel.png');
	font-size: 1em;
}

MadCap|dropDownBody
{
	border-bottom: solid 1px #404040;
	font-family: Roboto;
	color: #404040;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
}

MadCap|dropDownBody.Final
{
	border-bottom: 0px;
}

MadCap|dropDownHead
{
	font: Roboto;
	line-height: 42px;
	font-weight: 500;
	font-size: 20px;
}

MadCap|dropDownHotspot
{
	color: #404040;
	font-family: Roboto, san-serif;
}

MadCap|dropDownHotspot:hover
{
	color: #0C78CF;
}

MadCap|popup
{
	color: #2D8DCC;
}

MadCap|popup:focus
{
	color: #2D8DCC;
}

MadCap|popup:hover
{
	color: #2D8DCC;
}

MadCap|popupHead
{
	color: #2D8DCC;
	font-weight: bold;
}

MadCap|xref
{
	color: #2D82DC;
	text-decoration: none;
	font-weight: inherit;
	mc-format: '{title}';
}

MadCap|xref:hover
{
	color: #2D82DC;
}

ol
{
	/*
	display: block;
	padding: 0 0 0 36px;
	list-style: none;
	overflow: hidden;
	counter-reset: numList;
	margin: 0; */
}

/*
ol.continue
{
	counter-reset: none;
}
*/

ol li
{
	/*
	float: left;
	position: relative;
	margin-bottom: 20px;
	padding-left: 15px;
	clear: left; */
}

ol li:before
{
	/*
	counter-increment: numList;
	content: counter(numList);
	float: left;
	position: absolute;
	left: -30px;
	font: bold 14px 'Roboto' sans-serif;
	text-align: center;
	color: #fff;
	line-height: 38px;
	width: 36px;
	height: 36px;
	background: #0C78CF;
	-moz-border-radius: 999px;
	border-radius: 999px;
	*/
}

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

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

p.CompanyInformation1
{
	margin-bottom: 4px;
	margin-top: 14px;
	font-weight: bold;
}

p.CompanyInformation2
{
	color: #6d6d6d;
	margin-top: 4px;
	margin-bottom: 4px;
}

p.ExampleHeadText
{
	font-weight: bold;
	page-break-after: avoid;
	letter-spacing: 5px;
	padding: 0;
	margin: 0;
	border: 0;
}

p.quotationname
{
	text-align: right;
}

p.TableTextCenterDark
{
	color: #000000;
	margin-bottom: 2px;
	margin-top: 8px;
	text-align: center;
}

p.TableTextDark
{
	color: #000000;
	margin-bottom: 2px;
	margin-top: 8px;
}

p.TableTextDarkEmphasis
{
	color: #000000;
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 8px;
}

span.Emphasis
{
	font-weight: bold;
}

span.SetOffFirstLevel
{
	color: #5e6914;
	font-weight: bold;
}

span.SetOffSecondLevel
{
	color: #445879;
	font-weight: bold;
}

td
{
	margin: 8px;
	font-family: Roboto;
	margin-left: 8px;
	margin-right: 8px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: top;
}

td.lti
{
	font-size: 16px;
	margin: 8px;
	font-family: Roboto;
	margin-left: 8px;
	margin-right: 8px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: top;
}

th
{
	margin-bottom: 8px;
	margin-top: 8px;
}

ul
{
	list-style: disc;
	font-size: 0.75rem;
	line-height: 24px;
	padding-bottom: 12px;
	color: #404040;
}

html.templateTopic div.sideContent
{
	display: none;
}

/*Custom classes*/

.fas
{
	margin-right: 8px;
}

#resultList li
{
	margin-bottom: 30px;
}

.img-center
{
	margin: 20px 0 0 0;
}

.off-canvas-wrapper-inner .outer-row
{
	width: 100%;
}

div.wrapper
{
	margin: 0 auto;
	max-width: 960px;
	padding: 0 53px;
	background: #fff;
}

nav.title-bar
{
	background: #0C78CF;
	padding-bottom: 24px !important;
	height: 85px !important;
}

nav.scrolled
{
	background-color: red;
	transition: 0.3s;
}

nav.title-bar a
{
	color: #fff;
}

.release-hammer
{
	background-image: url(../Images/Hammer_Screwdriver_Blue.png );
	background-repeat: no-repeat;
	background-position: center top !important;
	width: 100%;
	height: auto;
	border-bottom: 0.5px solid #9a9a9a;
	padding: 15px;
	margin: auto 0;
	background-size: 45px 45px;
	text-align: center;
}

h2.release-hammer
{
	padding-top: 60px;
}

.release-lightning
{
	background-image: url(../Images/lightning.svg );
	background-repeat: no-repeat;
	background-position: center top !important;
	width: 100%;
	height: auto;
	border-bottom: 0.5px solid #9a9a9a;
	padding: 15px;
	margin: auto 0;
	background-size: 45px 45px;
	text-align: center;
}

h2.release-lightning
{
	padding-top: 60px;
}

.warning
{
	background: #FEF0EF url(../Images/warning.svg ) no-repeat top 10px left 10px;
	width: 100%;
	height: auto;
	border-radius: 4px;
	border: 0.5px solid #f7bbb7;
	padding: 15px;
	padding-left: 65px;
	margin: 30px 0 30px 0;
	background-size: 45px 45px;
}

.note
{
	background: #E2F1FE url(../Images/note.svg ) no-repeat top 10px left 10px;
	width: 100%;
	height: auto;
	border-radius: 4px;
	border: 0.5px solid #0C78CF;
	padding: 15px;
	padding-left: 65px;
	margin: 30px 0 30px 0;
	background-size: 45px 45px;
}

.tip
{
	background: #FFFDED url(../Images/tip.svg ) no-repeat top 10px left 10px;
	width: 100%;
	height: auto;
	border-radius: 4px;
	border: 0.5px solid #FF9800;
	padding: 15px;
	padding-left: 65px;
	margin: 30px 0 30px 0;
	background-size: 45px 45px;
}

.Tip
{
	background: #FFFDED url(../Images/tip.svg ) no-repeat top 10px left 10px;
	width: 100%;
	height: auto;
	border-radius: 4px;
	border: 0.5px solid #FF9800;
	padding: 15px;
	padding-left: 65px;
	margin: 30px 0 30px 0;
	background-size: 45px 45px;
}

.tipresize
{
	background: #FFFDED url(../Images/tip.svg ) no-repeat top 10px left 10px;
	width: 95%;
	height: auto;
	border-radius: 4px;
	border: 0.5px solid #FF9800;
	padding: 15px;
	padding-left: 65px;
	margin: 30px 0 30px 0;
	background-size: 45px 45px;
}

.badge1
{
	position: relative;
}

.badge1::after[data-badge]
{
	content: attr(data-badge);
	position: absolute;
	top: -10px;
	right: -10px;
	font-size: .7em;
	background: green;
	color: white;
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	border-radius: 50%;
	box-shadow: 0 0 1px #333;
}

.announcement
{
	background: #FFFFFF url(../Images/announce.png ) no-repeat top 10px left 10px;
	width: 100%;
	height: auto;
	border-radius: 4px;
	border: 0.5px solid #3F78C2;
	padding: 15px;
	padding-left: 65px;
	margin: 30px 0 30px 0;
	background-size: 45px 45px;
	display: block;
	clear: both;
}

.inTheMiddle
{
	margin: 0 auto;
	width: 75%;
}

.flag
{
	background: #FFFFFF url(../Images/flagIcon.png ) no-repeat top 10px left 10px;
	width: 100%;
	height: auto;
	border-radius: 4px;
	border: 0.5px solid #3F78C2;
	padding: 15px;
	padding-left: 65px;
	margin: 30px 0 30px 0;
	background-size: 45px 45px;
}

.issue
{
	background: #FFFFFF url(../Images/Hammer_Screwdriver_Blue.png ) no-repeat top 10px left 10px;
	width: 100%;
	height: auto;
	border-radius: 4px;
	border: 0.5px solid #3F78C2;
	padding: 15px;
	padding-left: 65px;
	margin: 30px 0 30px 0;
	background-size: 45px 45px;
}

.steps
{
	background: #FFFFFF url(../Images/genericIcons/CheckedPaper_Blue.png ) no-repeat top 10px left 10px;
	width: 100%;
	height: auto;
	border-radius: 4px;
	border: 0.5px solid #3F78C2;
	padding: 15px;
	padding-left: 65px;
	margin: 30px 0 30px 0;
	background-size: 30px 37px;
}

div.steps
{
	background: #FFFFFF url(../Images/genericIcons/CheckedPaper_Blue.png ) no-repeat top 10px left 10px;
	width: 100%;
	height: auto;
	border-radius: 4px;
	border: 0.5px solid #3F78C2;
	padding: 15px;
	padding-left: 65px;
	margin: 30px 0 30px 0;
	background-size: 30px 37px;
}

.container
{
	width: 100%;
	float: left;
}

ul.tab_links
{
	margin-bottom: -10px;
	padding: 0px;
	list-style: none;
	flex-grow: 1;
}

ul.tab_links li
{
	background: none;
	color: #222;
	display: inline-block;
	padding: 10px 16px;
	cursor: pointer;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

ul.tab_links li.current
{
	background: white;
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
}

.tab_wrapper
{
	display: none;
	background: white;
	padding: 15px;
	border-radius: 4px;
	border: 1px solid #E5E4E5;
	margin-bottom: 40px;
}

.tab_wrapper_acorn
{
	display: none;
	background: white;
	padding: 15px;
	border-radius: 4px;
	border: 2px solid #bd5b0e;
	margin-bottom: 40px;
}

hr.rel_notes
{
	height: 2.5px;
	width: 25%;
	background-color: #4E99A9;
}

.tab_wrapper.current
{
	display: inherit;
}

.tab_wrapper_acorn.current
{
	display: inherit;
}

.cat_icons
{
	color: #4E99A9;
}

.rel_icons
{
	color: #4E99A9;
}

.tfs_icons
{
	color: #4287f5;
}

.rel_code_icons
{
	color: #5c8200;
}

.ra_icons
{
	color: #8360D4;
}

.banner_header
{
	background: #025492;
	width: 100%;
	height: 100px;
	float: left;
}

.int_description
{
	float: left;
	width: 100%;
	padding: 4%;
	background-color: #f7f7f7;
}

.int_landing
{
	float: left;
	width: 100%;
	padding: 4%;
	background-color: #FFFFFF;
}

.int_top
{
	float: left;
	width: 100%;
	min-height: 140px;
	background-color: #fff;
}

#int_container
{
	width: 29%;
	margin: 2% 2% 2% 2%;
	background: #fff;
	float: left;
	position: relative;
	transition: transform .1s;
	box-shadow: 0 0 11px rgba(33,33,33,.2);
}

#int_container_two
{
	width: 46%;
	margin: 2% 2% 2% 2%;
	background: #fff;
	float: left;
	position: relative;
	transition: transform .1s;
	box-shadow: 0 0 11px rgba(33,33,33,.2);
}

#int_container h2
{
	color: #404040;
}

#int_container a span
{
	position: absolute;
	top: 0;
	left: 0;
	color: #404040;
	/* edit: added z-index */
	z-index: 1111111;
	/* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
	background-image: url('empty.gif');
}

#int_container:hover
{
	background-color: #fff;
	-ms-transform: scale(1.05);
	/* IE 9 */
	-webkit-transform: scale(1.05);
	/* Safari 3-8 */
	transform: scale(1.05);
	background-color: #fff;
	box-shadow: 0 0 11px rgba(33,33,33,.2);
}

#int_container_two h2
{
	color: #404040;
}

#int_container_two a span
{
	position: absolute;
	top: 0;
	left: 0;
	color: #404040;
	/* edit: added z-index */
	z-index: 1111111;
	/* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
	background-image: url('empty.gif');
}

#int_container_two:hover
{
	background-color: #fff;
	-ms-transform: scale(1.05);
	/* IE 9 */
	-webkit-transform: scale(1.05);
	/* Safari 3-8 */
	transform: scale(1.05);
	background-color: #fff;
	box-shadow: 0 0 11px rgba(33,33,33,.2);
}

#home_container
{
	width: 30%;
	margin: 4% 1.5% 4% 1.5%;
	background: #fff;
	float: left;
	position: relative;
	padding: 0%;
	transition: transform .1s;
	box-shadow: 0 0 11px rgba(33,33,33,.2);
}

.home_container_2_col
{
	width: 42% !important;
}

#desc_2_col
{
	height: 210px !important;
}

#home_container h2
{
	color: #404040;
}

#home_container a span
{
	position: absolute;
	top: 0;
	left: 0;
	color: #404040;
	/* edit: added z-index */
	z-index: 1111111;
	/* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
	background-image: url('empty.gif');
}

#home_container:hover
{
	background-color: #fff;
	-ms-transform: scale(1.05);
	/* IE 9 */
	-webkit-transform: scale(1.05);
	/* Safari 3-8 */
	transform: scale(1.05);
	background-color: #fff;
	box-shadow: 0 0 11px rgba(33,33,33,.2);
}

.grey_box-3
{
	width: 29%;
	margin: 2% 2% 2% 2%;
	background: #F9F9F9;
	padding: 25px;
	float: left;
}

.grey_box-2
{
	width: 46%;
	margin: 2% 2% 2% 2%;
	background: #F9F9F9;
	padding: 25px;
	float: left;
}

#grey_box-integrations
{
	width: 25%;
	height: 350px;
	margin: 2% 2% 2% 2%;
	background: #F9F9F9;
	padding: 25px;
	float: left;
	position: relative;
	transition: transform .2s;
}

.btn_primary
{
	font-family: "Roboto", sans-serif;
	transition: color 0.3s !important;
	font-size: 18px !important;
	line-height: 28px !important;
	letter-spacing: undefined !important;
	padding: 10px;
	color: #025492 !important;
	background: transparent;
	border-radius: 4px;
	border: 2px solid #025492;
	margin: 0 auto;
	display: table;
}

.btn_primary:hover
{
	background: #025492 !important;
	color: #ffffff !important;
	border: 2px solid #025492;
}

.btn_secondary
{
	font-family: "Roboto", sans-serif;
	transition: color 0.3s !important;
	font-size: 18px !important;
	line-height: 28px !important;
	letter-spacing: undefined !important;
	padding: 10px;
	border-radius: 4px;
	margin: 0 auto;
	display: table;
	background: #4E99A9 !important;
	border: 2px solid #4E99A9;
	color: #ffffff !important;
}

.btn_secondary:hover
{
	background: transparent !important;
	color: #4E99A9 !important;
	border: 2px solid #4E99A9;
}

.title-bar-layout a.logo
{
	margin: 15px 0 -15px 0;
}

.banner-strip
{
	background-color: #fafafa;
	padding: 30px;
	width: 100%;
	min-height: 160px;
	margin-top: 40px;
	bottom: 0;
	margin-bottom: 40px;
	text-align: center;
}

div.support-tkt
{
	background-color: #fafafa;
	padding-top: -7px;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
	height: 200px;
	margin-top: 40px;
	position: absolute;
	bottom: 0;
	margin-bottom: 80px;
}

.support-tkt h2
{
	color: #404040;
	text-align: center;
	margin-top: 20px;
}

div.footer
{
	background-color: #3D4454;
	min-height: 80px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	margin-top: 110px;
}

.footer p
{
	font-size: 16px;
}

.footer ul
{
	margin-left: -36px;
	margin-bottom: 20px;
}

.footer ul li
{
	position: relative;
	float: left;
	display: block;
	font-size: 16px;
	padding-left: 20px;
	padding-right: 20px;
	color: #FFF;
	margin-top: 10px;
}

div.footer a
{
	text-decoration: none;
	color: #FFF;
}

div.footer > div.outer-row
{
	line-height: 30px;
	padding: 0;
}

.off-canvas-content .main-section > .outer-row
{
	max-width: 100%;
	padding: 0;
}

.top-nav
{
	background: transparent;
	width: auto;
	height: 95px;
	float: right;
	text-align: center;
	left: 0;
	margin-top: -72px;
	z-index: 1000;
	position: fixed;
	margin-right: 75px;
	width: 50px !important;
}

.top-nav-home
{
	background: transparent;
	width: auto;
	height: 95px;
	float: left;
	text-align: center;
	left: 0;
	margin-top: -72px;
	z-index: 1000;
	position: fixed;
	margin-left: 170px;
	width: 150px !important;
}

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

.top-nav li
{
	float: left;
	display: block;
	color: white;
	text-align: center;
	padding: 12px 17px;
	text-decoration: none;
	font-size: 1.85em;
	border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.top-nav li a
{
	color: white;
}

.fleft
{
	float: left;
	width: 50%;
	padding: 4px;
}

.fright
{
	float: right;
	width: 50%;
	padding: 4px;
}

.top_banner
{
	background-color: #025492;
	background-size: cover;
	background-repeat: no-repeat;
	height: auto;
	padding-bottom: 70px;
	color: #fff;
}

.hr_category
{
	margin: 75px 0 75px 0;
}

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

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

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

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

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

.fleft
{
	float: left;
	width: 50%;
	padding: 4px;
}

.fright
{
	float: right;
	width: 50%;
	padding: 4px;
}

.top_banner
{
	background-color: #025492;
	background-size: cover;
	background-repeat: no-repeat;
	height: auto;
	padding-bottom: 70px;
	color: #fff;
}

.hr_category
{
	margin: 75px 0 75px 0;
}

.search,
.search-bar
{
	margin-top: 25px;
}

.search-bar .search-filter
{
	border-right: solid 1px #e3e3e3;
	border-left: solid 1px #e3e3e3;
}

.search-bar .search-filter-wrapper
{
	display: block;
}

.title-bar-section a.logo
{
	margin-top: -7px;
}

.dropDownBody
{
	border-bottom: solid 1px #fff;
}

.dropDown
{
	margin-top: 0px !important;
}

.content
{
	margin-bottom: 280px;
	background: #fff;
}

.lp-content
{
	margin-bottom: 180px;
}

tbody
{
	font-family: Roboto;
	vertical-align: top;
}

table
{
	font-size: 18px;
	vertical-align: top;
}

h4
{
	font-family: Roboto;
	font-size: 20px;
	font-weight: 600;
}

.quote-box
{
	
}

p.MiniTOC1
{
	display: none;
}

@media only screen and (max-width: 965px)
{
	#resize-squares
	{
		width: 50%;
		margin: 3% 0% 0% 0%;
		background: #fff;
		float: left;
	}

	.search-bar._Skins_HomeSearchBar.mc-component
	{
		margin-top: 70px !important;
	}

	#resize-topfour
	{
		width: 50%;
		margin: 3% 0% 0% 0%;
		background: #fff;
		float: left;
	}

	#resize-squares:hover
	{
		background-color: #fff;
		-ms-transform: scale(1.15);
		/* IE 9 */
		-webkit-transform: scale(1.15);
		/* Safari 3-8 */
		transform: scale(1.15);
		background-color: #fff;
		box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
	}

	#resize-toptwo
	{
		width: 50%;
		margin: 3% 0% 0% 0%;
		background: #fff;
		float: left;
	}

	.title-bar-section a.logo
	{
		margin-top: 13px;
	}

	.title-bar .menu-icon span
	{
		margin-top: 12px;
		display: block;
	}

	div.footer
	{
		min-height: 160px;
	}

	.top-nav
	{
		position: absolute;
	}

	.search,
	.search-bar
	{
		margin-top: 0px;
	}

	div.support-tkt
	{
		margin-bottom: 200px;
	}

	.content
	{
		margin-bottom: 400px;
	}
}

@media only screen and (max-width: 768px)
{
	.int_description
	{
		float: left;
		width: 100%;
		padding: 4%;
		height: 200px;
		background-color: #f7f7f7;
	}

	.int_landing
	{
		float: left;
		width: 100%;
		padding: 4%;
		height: 200px;
		background-color: #FFFFFF;
	}

	.search-bar._Skins_HomeSearchBar.mc-component
	{
		margin-top: 70px !important;
	}

	.int_container_two
	{
		float: left;
		width: 100%;
		padding: 4%;
		height: 200px;
		background-color: #f7f7f7;
	}

	.int_top
	{
		float: left;
		width: 100%;
		min-height: 120px;
		background-color: #fff;
	}

	#int_container
	{
		width: 96%;
		margin: 2%;
		background-color: transparent;
		float: left;
		box-shadow: 0 0 11px rgba(33,33,33,.2);
	}

	#int_container_two
	{
		width: 96%;
		margin: 2%;
		background-color: transparent;
		float: left;
		box-shadow: 0 0 11px rgba(33,33,33,.2);
	}

	#home_container
	{
		width: 96%;
		margin: 2%;
		background-color: transparent;
		float: left;
		box-shadow: 0 0 11px rgba(33,33,33,.2);
	}

	.grey_box-2
	{
		width: 96%;
		margin: 2% 2% 2% 2%;
		background: #F9F9F9;
		padding: 25px;
		float: left;
	}

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

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

	#resize-squares
	{
		width: 100%;
		margin: 3% 0% 0% 0%;
		background: #fff;
		float: left;
	}

	#resize-topfour
	{
		width: 100%;
		margin: 3% 0% 0% 0%;
		background: #fff;
		float: left;
	}

	#resize-toptwo
	{
		width: 100%;
		margin: 3% 0% 0% 0%;
		background: #fff;
		float: left;
	}

	.grey_box
	{
		width: 100%;
		margin: 3% 0% 0% 0%;
		padding: 20px;
		background: #F9F9F9;
		float: left;
	}

	.warning
	{
		width: 100%;
	}

	.note
	{
		width: 100%;
	}

	.tip
	{
		width: 100%;
	}

	.container
	{
		width: 100%;
	}

	.title-bar-section a.logo
	{
		margin-top: 13px;
	}

	.title-bar .menu-icon span
	{
		margin-top: 12px;
		display: block;
	}

	div.footer
	{
		min-height: 200px;
	}

	.top-nav
	{
		position: absolute;
	}

	.search,
	.search-bar
	{
		margin-top: 0px;
	}
}

@media only screen and (max-width: 414px)
{
	.top-nav
	{
		margin-right: 65px;
	}
}

@media only screen and (max-width: 360px)
{
	.top-nav
	{
		visibility: hidden;
	}
}

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

	.search-bar._Skins_HomeSearchBar.mc-component
	{
		margin-top: 70px !important;
	}

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

	.int_description
	{
		float: left;
		width: 100%;
		padding: 4%;
		height: 200px;
		background-color: #f7f7f7;
	}

	.int_landing
	{
		float: left;
		width: 100%;
		padding: 4%;
		height: 200px;
		background-color: #FFFFFF;
	}

	.int_container_two
	{
		float: left;
		width: 100%;
		padding: 4%;
		height: 200px;
		background-color: #f7f7f7;
	}

	.int_top
	{
		float: left;
		width: 100%;
		min-height: 120px;
		background-color: #fff;
	}

	#int_container
	{
		width: 96%;
		margin: 2%;
		background-color: transparent;
		float: left;
		box-shadow: 0 0 11px rgba(33,33,33,.2);
	}

	#int_container_two
	{
		width: 96%;
		margin: 2%;
		background-color: transparent;
		float: left;
		box-shadow: 0 0 11px rgba(33,33,33,.2);
	}

	#home_container
	{
		width: 96%;
		margin: 2%;
		background-color: transparent;
		float: left;
		box-shadow: 0 0 11px rgba(33,33,33,.2);
	}

	.grey_box
	{
		width: 100%;
		margin: 3% 0% 0% 0%;
		padding: 20px;
		background: #F9F9F9;
		float: left;
	}

	.warning
	{
		width: 100%;
	}

	.note
	{
		width: 100%;
	}

	.tip
	{
		width: 100%;
	}

	.container
	{
		width: 100%;
	}

	.title-bar .menu-icon span
	{
		margin-top: 12px;
		display: block;
	}

	.search,
	.search-bar
	{
		margin-top: 0px;
	}

	.content
	{
		margin-bottom: 400px;
	}
}

div.code
{
	background-color: #e1e1e1;
	background-repeat: no-repeat;
	background-position: top left;
	border-color: #b3b3b3;
	border-style: solid;
	border-width: 1px;
	border-radius: 6px;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 18px;
	padding: 20px;
	padding-left: 40px;
	font-family: monospace;
	font-style: normal;
	border-left-color: #0e4a75;
	border-left-width: 5px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 0;
}

p.textonlyURL
{
	line-height: 28px;
	font-weight: 400;
	color: #484848;
	margin-bottom: 20px !important;
	font-family: monospace;
	font-size: 15px;
}

.OCContainer
{
	margin-right: 20%;
}

hr.acorn
{
	color: #bd5b0e;
	background-color: #bd5b0e;
	border-color: #bd5b0e;
	border-bottom-width: 3px;
	border: solid 2px #bd5b0e;
}

ul.cat
{
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}

/* Home Page Topic Hero section*/

div.topichero-acorn
{
	background-image: url('../Images/acorn-banner.png');
	background-color: #0C78CF;
	background-size: cover;
	background-repeat: no-repeat;
	height: 300px;
	margin-bottom: 10px;
	margin-top: -85px;
}

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

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

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

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

.centered-text
{
	text-align: center;
}

@media only screen and (max-width: 9999px)
{
	ul.navigation
	{
		display: none !important;
	}

	nav.title-bar .menu-icon
	{
		display: block !important;
		border: none !important;
		z-index: 100 !important;
		position: absolute !important;
		background: transparent !important;
		cursor: pointer !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		left: auto !important;
		right: -13px !important;
	}

	.title-bar .menu-icon span
	{
		height: 80px !important;
		width: 80px !important;
		margin-top: 20px;
		display: block;
		background: transparent url('../Images/burger_menu.png') no-repeat center center !important;
		-pie-background: transparent url('../Images/burger_menu.png') no-repeat center center !important;
	}
}

td.yes
{
	
}

MadCap|xref.category
{
	mc-format: '{paratext}';
}

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

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

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

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

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

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

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

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