/*<meta />*/

@import url('Aras-Styles.css');

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

/* Start page styles. Attach locally only to the start page. */
/*div.search-bar,*/

div.header-container,
div.breadcrumbs,
div.NavigationToolbar,
nav.sidenav-wrapper,
div.search-filter
{
	display: none;
	mc-hidden: hidden;
}

div.row.outer-row.sidenav-layout
{
	width: 100%;
	max-width: 100%;
	padding: 0;
}

/* adds letter spacing for side nav at different resolutions*/

ul.sidenav a
{
	letter-spacing: .03em;
}

div.library-toolbar-holder
{
	width: 100%;
	height: 40px;
	margin-bottom: 0px;
	position: absolute;
	right: 0;
	top: 185px;
	mc-hidden: hidden;
}

div.library-toolbar-holder div.TopToolbar
{
	display: block;
	mc-hidden: hidden;
}

/* Hide prev and next topic buttons in toolbar but show the home button */

div.library-toolbar-holder div._Skins_Toolbar_Default.mc-component button.button.next-topic-button
{
	display: none;
	mc-hidden: hidden;
}

div.library-toolbar-holder div._Skins_Toolbar_Default.mc-component button.button.previous-topic-button
{
	display: none;
	mc-hidden: hidden;
}

div.library-toolbar-holder div._Skins_Toolbar_Default.mc-component button.button.home-button
{
	display: block;
	mc-hidden: hidden;
}

.templateTopic .buttons
{
	display: block;
	mc-hidden: hidden;
}

html[data-mc-runtime-file-type*="Search"] div._Skins_Toolbar_Default.mc-component button.button.expand-all-button,
html[data-mc-runtime-file-type*="Search"] div._Skins_Toolbar_Default.mc-component button.button.collapse-all-button,
html[data-mc-runtime-file-type*="Search"] div._Skins_Toolbar_Default.mc-component button.button.remove-highlight-button
{
	display: none;
	mc-hidden: hidden;
}

div.TopToolbar
{
	float: right;
	margin: 0 20px 0 0;
	height: 40px;
	padding: 5px 5px 0 5px;
	width: auto;
	mc-hidden: hidden;
}

div.content-container
{
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	mc-hidden: hidden;
}

div.LibraryHeader
{
	height: 175px;
	background-image: url('../Images/topic-hero.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
	background-color: var(--White);
	mc-hidden: hidden;
}

h1
{
	font-family: var(--FontHeading);
	font-weight: bold;
	font-size: 3rem;
	line-height: 3.6rem;
	text-align: center;
	padding-top: 20px;
	margin: 0 auto 5px auto;
	/* text-shadow: 2px 2px var(--GrayMedium); */
	color: var(--GrayExtraLight);
}

h2
{
	font-family: var(--FontHeading);
	font-weight: bold;
	font-size: 2rem;
	line-height: 2.6rem;
	text-align: center;
	padding: 0;
	margin: 15px auto 5px auto;
	/* text-shadow: 1px 1px var(--GrayMedium); */
	color: var(--GrayExtraLight);
}

p.Invisible
{
	font-size: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
	visibility: hidden;
	mc-hidden: hidden;
	display: none;
}

/* Responsive tiles */

div.library-tiles
{
	width: auto;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-flow: row wrap;
	/* align-items: stretch; */
	align-items: flex-start;
	margin-top: 75px;
	padding: 0px 1% 32px 1%;
	overflow-y: auto;
	/* background-color: white; */
	mc-hidden: hidden;
	max-width: 1600px;
	justify-content: flex-start;
}

div.library-tiles > div
{
	flex: 0 1 30%;
	cursor: pointer;
	min-width: 350px;
	max-width: 98%;
	margin: 0 8px 28px 8px;
	border-radius: 8px;
	padding: 8px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: var(--GrayMedDark);
	overflow: hidden;
	clear: both;
	mc-hidden: hidden;
}

div.library-tiles > div > div:first-child
{
	float: left;
	width: 75px;
	height: 100%;
	padding: 16px 0 0 16px;
	mc-hidden: hidden;
}

div.library-tiles > div > div:first-child p
{
	margin: 0;
	padding: 0;
	mc-hidden: hidden;
}

div.library-tiles > div > div:first-child img
{
	height: auto;
	mc-hidden: hidden;
}

div.library-tiles > div > div:nth-child(2)
{
	float: right;
	width: calc(100% - 76px);
	mc-hidden: hidden;
}

div.library-tiles > div *
{
	font-weight: initial;
	line-height: var(--LineHeightSmaller);
	mc-hidden: hidden;
}

div.library-tiles > div a:link,
div.library-tiles > div a:visited
{
	text-decoration: none;
	color: inherit;
	mc-hidden: hidden;
}

div.library-tiles > div a:active,
div.library-tiles > div a:hover
{
	text-decoration: none;
	border-bottom: 2px dotted var(--Brand1);
	color: inherit;
	mc-hidden: hidden;
}

div.library-tiles > div p
{
	text-align: left;
	margin: 6px;
	padding: 0;
	font-family: var(--FontHeading);
	font-size: 16px;
	line-height: 1.4rem;
	/* letter-spacing: 0.5px; */
	mc-hidden: hidden;
}

div.library-tiles > div > p:first-child
{
	text-align: left;
	margin: 6px;
	/* padding: 0 0 8px 0; */
	font-family: var(--FontHeading);
	font-size: 1.3rem;
	/* border-bottom: 1px solid var(--Brand1); */
	mc-hidden: hidden;
}

/* library tile hover effects */

div.library-tiles > div:hover
{
	/* background-image: url('../Images/Aras-white.png'); */
	/* background-color: var(--Black); */
	/* border-color: var(--Black); */
	/* color: var(--White); */
	mc-hidden: hidden;
	/* border: 1px solid; */
	box-shadow: 0 2px 4px rgb(0 0 0 / 20%), 0 1px 3px rgb(0 0 0 / 24%);
}

div.library-tiles > div:hover > *
{
	color: var(--GrayExtraDark);
	/* border-color: var(--White); */
	mc-hidden: hidden;
}

div.library-tiles > div:hover > p:first-child
{
	/* border-color: var(--White); */
	color: var(--Brand1);
	text-decoration: underline;
	mc-hidden: hidden;
}

div.library-tiles > div ul
{
	padding-left: 24px;
	margin-top: 4px;
	margin-bottom: 4px;
	mc-hidden: hidden;
}

div.library-tiles > div ul li p
{
	margin-top: 2px;
	margin-bottom: 5px;
	mc-hidden: hidden;
}

div.library-tiles > div p > a:link,
div.library-tiles > div p > a:visited
{
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	border: none;
	/* text-decoration: underline; */
	/* border-bottom: 1px dotted; */
	color: var(--Brand1);
	padding: 0;
	margin: 0;
	mc-hidden: hidden;
}

div.library-tiles > div p > a:active,
div.library-tiles > div p > a:hover
{
	/* color: var(--ArasBlueLink); */
	text-decoration: underline;
	mc-hidden: hidden;
}

div.library-tiles > div p > a.xref:link,
div.library-tiles > div p > a.xref:visited,
div.library-tiles > div p > a.xref:active,
div.library-tiles > div p > a.xref:hover
{
	font-family: inherit;
	font-weight: 700;
	font-size: 20px;
	color: inherit;
	border: none;
	text-decoration: none;
	padding: 0;
	margin: 0;
	mc-hidden: hidden;
}

/* Main text on a library page */

div.LibraryText
{
	margin: 100px auto 20px auto;
	padding: 0 10px 30px 10px;
	max-width: 1000px;
	z-index: 0;
	background-color: var(--White);
}

div.LibraryText p
{
	font-size: 16px;
	line-height: 1.2;
	mc-hidden: hidden;
}

div.LibraryText a:link,
div.LibraryText a:visited
{
	/* border-bottom: 1px dotted var(--GrayExtraDark); */
	color: var(--GrayExtraDark);
	text-decoration: none;
	mc-hidden: hidden;
}

div.LibraryText a:active,
div.LibraryText a:hover
{
	/* border-bottom: 1px dotted var(--Brand1); */
	color: var(--Brand1);
	text-decoration: underline;
	mc-hidden: hidden;
}

#resultList h3.title a:link
{
	border-bottom: none;
	color: var(--Brand1);
	text-decoration: none;
	mc-hidden: hidden;
}

#resultList h3.title a:visited
{
	border-bottom: none;
	color: var(--GrayDark);
	text-decoration: none;
	mc-hidden: hidden;
}

#resultList h3.title a:active,
#resultList h3.title a:hover
{
	border-bottom: none;
	text-decoration: underline;
	color: var(--GrayDark);
	mc-hidden: hidden;
}

div.LibraryText MadCap|dropDown
{
	mc-image-position: left;
	mc-image-spacing: 10px;
	mc-open-image: none;
	mc-closed-image: none;
	/* mc-image-position: right;
	mc-image-spacing: 10px;
	mc-open-image: url('../Images/Minus.png');
	mc-closed-image: url('../Images/Plus.png');*/
	margin: 0;
	mc-hidden: hidden;
}

div.LibraryText MadCap|dropDownHead
{
	padding: 10px 0;
	color: var(--Brand1);
	width: 100%;
	background-color: var(--White);
	mc-hidden: hidden;
}

div.LibraryText MadCap|dropDownBody
{
	padding: 10px;
	margin: 0;
	background-color: var(--GrayExtraLight);
	mc-hidden: hidden;
}

div.LibraryText MadCap|dropDownHotspot
{
	font-family: var(--FontHeading);
	cursor: hand;
	background-color: var(--White);
	color: var(--Brand1);
	font-size: 1.8rem;
	line-height: 2.2rem;
	border-bottom: none;
	text-decoration: none;
	padding: 4px 0 8px 0;
	width: 95%;
	mc-hidden: hidden;
}

div.LibraryText div.dropDown
{
	/* border-top: 1px solid var(--GrayLight); */
	border-bottom: 1px solid var(--GrayLight);
	mc-hidden: hidden;
}

div.LibraryText div.dropDown + div.dropDown
{
	border-top: none;
	mc-hidden: hidden;
}

div.LibraryText span.MCDropDownHead
{
	text-align: left;
	/* font-size: 1.8rem; */
	line-height: 2.2rem;
	color: var(--GrayExtraDark);
	mc-hidden: hidden;
}

div.LibraryText a.MCDropDownHotSpot
{
	text-align: left;
	font-size: 20px;
	line-height: 2rem;
	color: var(--GrayExtraDark);
	mc-hidden: hidden;
}

div.LibraryText a.MCDropDownHotSpot:link,
div.LibraryText a.MCDropDownHotSpot:visited,
div.LibraryText a.MCDropDownHotSpot:active,
div.LibraryText a.MCDropDownHotSpot:hover
{
	width: 100%;
	display: block;
	color: var(--GrayExtraDark);
	border: none;
	text-decoration: none;
	mc-hidden: hidden;
}

div.LibraryText a.MCDropDownHotSpot:active,
div.LibraryText a.MCDropDownHotSpot:hover
{
	text-decoration: none;
	color: var(--Brand1);
	border: none;
	mc-hidden: hidden;
}

div.LibraryText div.MCDropDown[data-mc-state="open"] a.MCDropDownHotSpot
{
	color: var(--Brand1);
	mc-hidden: hidden;
}

div.OnlineDocLink
{
	background-color: var(--Brand1);
	border: 1px solid var(--Brand1);
	border-radius: 3px;
	width: 240px;
	margin: 20px 0;
	box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
}

div.OnlineDocLink p
{
	color: var(--White);
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	letter-spacing: 1px;
	padding: 0;
}

div.OnlineDocLink p a:link,
div.OnlineDocLink p a:visited
{
	background-color: inherit;
	color: inherit;
	padding: 12px 8px;
	display: block;
	width: 240px;
	text-decoration: none;
}

div.OnlineDocLink:hover
{
	box-shadow: none;
	filter: saturate(0.7);
}

@media only screen and (max-width: 1200px)
{
	div.main-section
	{
		overflow: auto;
		mc-hidden: hidden;
	}

	h1
	{
		font-size: 2.2rem;
		line-height: 2.8rem;
		padding-top: 15px;
		mc-hidden: hidden;
	}

	h2
	{
		font-size: 1.8rem;
		line-height: 2.2rem;
		mc-hidden: hidden;
	}
}

@media only screen and (max-width: 767px)
{
	div.TopToolbar
	{
		float: none;
		margin: 0 20px 20px 0;
		padding: 5px 5px 0 5px;
		mc-hidden: hidden;
	}

	div.LibraryHeader
	{
		height: 150px;
		mc-hidden: hidden;
	}

	div.library-toolbar-holder
	{
		top: 165px;
		mc-hidden: hidden;
	}

	h1
	{
		font-size: 2.0rem;
		line-height: 2.6rem;
		padding-top: 8px;
		mc-hidden: hidden;
	}

	h2
	{
		font-size: 1.6rem;
		line-height: 2rem;
		mc-hidden: hidden;
	}
}

div.div
{
	
}

h1 MadCap:xref
{
	color: #cc1c1c;
}