/*<meta />*/

@import url('styles.css');

@import url('stylesforhomepage.css');

body
{
	background: #fff !important;
}

h1.archive
{
	padding: 0;
	font-size: 2.5em;
	color: #000;
}

div.main-section
{
	width: 100%;
}

img
{
	border: none;
}

a.Popup
{
	
}

a.green
{
	color: #208A3D;
	text-decoration: none;
}

a.green:hover
{
	color: #208A3D;
	text-decoration: none;
}

nav.title-bar
{
	height: 56px;
	display: flex;
	padding-top: 10px !important;
}

.title-bar-layout a.logo
{
	background-size: 135px 60px;
}

.title-bar-layout .logo-wrapper
{
	width: 184px;
	height: 32px;
	min-height: 32px;
	justify-content: left;
}

div.content-container
{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.search-bar._Skins_SearchTopics.mc-component .search-field
{
	border-radius: 3px;
	border: 1px solid #959595;
}

.search-bar._Skins_SearchTopics.mc-component .search-submit
{
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.skip-to-content
{
	display: none;
}

.off-canvas-wrapper-inner nav.title-bar .outer-row
{
	margin-left: 4%;
}

.relative
{
	position: initial;
}

img.micro-response-img
{
	border: none;
	height: 343px;
	padding: 10px 0px;
}

.micro-content-proxy._Skins_claris_faq.mc-component .micro-content-collapsed .micro-content-drop-down-button
{
	background-size: 18px 20px;
	transform: translateY(-2px);
}

.micro-content-proxy._Skins_claris_faq.mc-component .micro-content-expanded .micro-content-drop-down-button
{
	background-size: 14px 18px;
	transform: translateY(-2px);
}

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

div.faq-search::after
{
	content: ' ';
	display: table;
	clear: both;
}

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

div.faq-search > div:nth-child(1)
{
	width: 58.333%;
	margin-left: 0%;
}

div.faq-search > div:nth-child(2)
{
	width: 33.333%;
	margin-left: 8.3333%;
}

div.breadcrumb-toolbar	/*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;
	display: flex;
}

div.breadcrumb-toolbar::before
{
	content: ' ';
	display: table;
}

div.breadcrumb-toolbar::after
{
	content: ' ';
	display: table;
	clear: both;
}

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

div.breadcrumb-toolbar > div:nth-child(1)
{
	width: auto;
	margin-left: 0%;
}

div.breadcrumb-toolbar > div:nth-child(2)
{
	width: 33.33333%;
	margin-left: auto;
}

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

/*
MadCap|dropDown
{
	mc-closed-image: url('../../images/plus.png');
	mc-open-image: url('../../images/x-mark.png');
}
*/

@media only screen and (max-width: 1279px)
{
	div.faq-search > div:nth-child(1)
	{
		width: 66.66667%;
		margin-left: 0%;
	}

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

	div.content-container
	{
		width: 100%;
	}

	div.title-bar-container
	{
		display: flex;
	}

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

	div.breadcrumb-toolbar > div:nth-child(1)
	{
		width: auto;
		margin-left: 0%;
	}

	div.breadcrumb-toolbar > div:nth-child(2)
	{
		width: 33.333%;
		margin-left: auto;
	}

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

	p.doc-title
	{
		padding-left: 0 !important;
	}

	.off-canvas-wrapper-inner nav.title-bar .outer-row
	{
		margin-left: 4%;
		padding-left: 0;
		padding-right: 0;
	}
}

@media only screen and (max-width: 767px)
{
	div.content-container
	{
		width: 100%;
	}

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

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

	div.title-bar-container
	{
		display: flex;
	}

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

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

	div.breadcrumb-toolbar > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.archive-row
	{
		flex-direction: column;
	}
}

._Skins_landing_page_menu a.selected	/* On landing pages, hide link to current topic.*/
{
	display: none;
}

ul._Skins_landing_page_menu ul
{
	padding: 5px 10px;
}

ul.sub-menu > li
{
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	padding: 10px;
}

ul.sub-menu > li:hover
{
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-ms-transform: scale(1.01);
	-o-transform: scale(1.01);
	transform: scale(1.01);
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
	background-color: #FFF;
}

ul.menu._Skins_landing_page_menu.mc-component ul > li > a
{
	padding: 10px 0px;
	font-weight: bold;
}

p.childTopicDescription
{
	margin-bottom: 0;
}

p.doc-title
{
	padding-top: 30px;
	padding-left: 5%;
}

div.dt-banner
{
	background-color: #FFFFFF;
	display: none;
}

.MCDropDownBody
{
	margin-left: 24px;
}

div.MCDropDownBody > p
{
	margin-top: 15px;
}

div.MCDropDownBody > p.alt
{
	margin-top: 0px;
}

div.archive-container
{
	margin: 0 10%;
	padding: 0 5em 5em;
}

div.archive-row
{
	display: flex;
}

div.archive-column
{
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 0 10px;
}

.dropDown
{
	margin-top: 18px;
}

.dropDownHead
{
	margin-bottom: 18px;
}

div.dropDownBody > ul
{
	margin-top: -18px;
}

div.dropDownBody > ul.alt
{
	margin-top: 0px;
}

/*
.MCDropDown_Image_Icon
{
	width: 20px;
}

.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage.MCDropDownHotSpot
{
	background-size: 18px 20px;
}

.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage.MCDropDownHotSpot
{
	background-size: 14px 18px;
}
*/

/* Lang picker modal styling */

.modal
{
	display: none;
	position: fixed;
	z-index: 1000;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 20px;
}

.modal-content
{
	text-align: center;
}

.close
{
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

#modalBackdrop
{
	display: none;
	position: fixed;
	z-index: 900;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.sidenav-wrapper,
.search-bar._Skins_SearchTopics.mc-component
{
	display: none;
}