/*<meta />*/

/*===========================================================================================================================================================

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

===========================================================================================================================================================*/

/*==Topic General Styles==*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

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

body
{
	color: #404040;
	font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
	line-height: 1.7em;
}

h1
{
	font-size: 36px;
	font-weight: 300;
	margin-bottom: 20px;
	padding: 0;
	margin-top: 0;
	color: #122532;
}

h2
{
	font-size: 25px;
	font-weight: 400;
	margin-bottom: 20px;
}

h3
{
	font-size: 1.1em;
	font-weight: normal;
	margin-bottom: 4px;
	margin-top: 16px;
}

h4
{
	font-weight: 500;
	font-size: 18px;
}

li
{
	margin-bottom: 6px;
	margin-top: 6px;
}

p
{
	margin-bottom: 15px;
	margin-top: 0;
	line-height: 25px;
	font-weight: 400;
	font-size: 16px;
}

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

img.thumbnail
{
	mc-thumbnail: popup;
}

a.MCBreadcrumbsLink,
.MCBreadcrumbsSelf
{
	font-style: normal;
	text-decoration: none;
	color: #49A6F7 !important;
	font-size: 14px;
	font-weight: 400;
}

.MCBreadcrumbsDivider
{
	margin: 0 15px;
	background-image: url('../Images/Assets/site-images/MCBreadcrumbsDivider.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 5px;
	height: 13px;
	font-size: 0;
	display: inline-block;
}

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

a.MCBreadcrumbsLink:hover
{
	color: #4F7476;
}

MadCap|breadcrumbsProxy
{
	border-bottom: none;
	font-size: .7em;
	font-style: italic;
	mc-breadcrumbs-count: 8;
}

MadCap|xref
{
	color: #2D8DCC;
	font-weight: bold;
	mc-format: '{para}';
	text-decoration: underline;
}

MadCap|xref:hover
{
	color: #4F7476;
}

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');
}

MadCap|dropDownHotspot
{
	color: #4F7476;
}

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

.main-section	/*This style applies the grey background. This HTML element is not on a master page, it is used at compile time.*/
{
	background: #ffffff;
}

div.content-container	/*Wraps the topic content on the masterpage and provides the white background behind topics.*/
{
	margin-right: 0;
	background-color: white;
	padding: 0;
	/*min-height: 95vh;*/
}

div.side-content
{
	float: left;
	width: 20%;
	margin-bottom: 30px;
}

/* custom CSS */

nav.title-bar
{
	padding: 10px 0;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: inherit;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	/*background-image: url('../Images/Assets/site-images/banner-bg.png');*/
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.search-bar._Skins_HomeSearchBar.mc-component
{
	display: block;
	width: 90%;
	height: 60px;
	margin-top: 10px;
}

.off-canvas-wrapper-inner .outer-row
{
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}

/*Custom CSS*/

div.home-tiles-container
{
	padding-bottom: 0px;
}

div.home-tiles	/*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-left: auto;
	margin-right: auto;
	width: 100%;
}

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;
	background-color: #000000;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 5%;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	overflow: hidden;
}

div.home-tiles > div:nth-child(1)
{
	width: 16.667%;
	margin-left: 12.667%;
}

div.home-tiles > div:nth-child(2)
{
	width: 16.667%;
	margin-left: 2%;
}

div.home-tiles > div:nth-child(3)
{
	width: 16.667%;
	margin-left: 2%;
}

div.home-tiles > div:nth-child(4)
{
	width: 16.667%;
	margin-left: 2%;
}

div.home-tiles-container h1
{
	color: #122532;
	font-size: 36px;
	font-weight: 300;
	line-height: 40px;
	margin-top: 0;
}

div.title-button-bar
{
	position: relative;
	width: 100%;
	margin: 0 auto 20px auto;
}

div.title-button-bar::before
{
	content: ' ';
	display: table;
}

div.title-button-bar::after
{
	content: ' ';
	display: table;
	clear: both;
}

a.collapse-all-button
{
	background-color: #FFFFFF;
	border: 1px solid rgba(94, 120, 140, 0.4000000059604645);
	border-radius: 5px;
	width: 180px;
	height: 40px;
	display: block;
	color: #5E788C;
	font-size: 16px;
	font-weight: 400;
	line-height: 40px;
	width: 180px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
}

div.home-tiles > div:nth-child(1)
{
	width: 32%;
	margin-left: 0;
}

div.home-tiles > div:nth-child(2)
{
	width: 32%;
}

div.home-tiles > div:nth-child(3)
{
	width: 32%;
}

div.home-tiles > div:nth-child(1)
{
	width: 32%;
	margin-left: 0;
}

div.home-tiles > div:nth-child(4)
{
	width: 32%;
}

div.home-tiles > div:nth-child(5)
{
	width: 32%;
	margin-left: 2%;
}

div.home-tiles > div:nth-child(6)
{
	width: 32%;
	margin-left: 0;
	margin-left: 2%;
}

div.home-tiles > div:nth-child(7)
{
	width: 32%;
}

div.home-tiles > div:nth-child(8)
{
	width: 32%;
	margin-left: 2%;
}

div.home-tiles > div:nth-child(9)
{
	width: 32%;
	margin-left: 2%;
}

.main-section > .outer-row
{
	padding-top: 35px;
}

div.home-tiles > div
{
	background: #ffffff;
}

p.tile-title,
p.tile-title a
{
	color: #5E788C !important;
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	text-align: left;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	text-decoration: none;
}

.dropDownHead a
{
	color: #49A6F7;
	font-size: 17px;
	font-weight: 400;
	line-height: 25px;
}

.dropDownHead
{
	text-decoration: none;
	text-align: left;
}

.MCDropDownBody,
.MCDropDownBody a
{
	margin-left: 18px;
	overflow: hidden;
	text-align: left;
	color: #122532 !important;
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
}

.MCDropDownBody a
{
	margin-left: 0;
}

p.tile-content
{
	padding: 0;
	text-align: left;
}

.MCDropDown
{
	margin-bottom: 10px;
	margin-left: 10px;
}

.dropDownHotspot:link
{
	color: #49A6F7;
}

div.home-tiles > div:nth-child(4)
{
	margin-left: 0px;
}

div.footer
{
	background-color: #EEF1F6;
	padding-top: 0;
	border-top: none;
}

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

div.footer p	/* Complex Selector: Any <p> that is contained within div.footer will have the following properties */
{
	font-size: 0.8em;
	color: #000;
}

.custom-footer
{
	padding: 25px 0px;
	width: 90%;
	margin: 0 auto;
}

.custom-footer::before
{
	content: ' ';
	display: table;
}

.custom-footer::after
{
	content: ' ';
	display: table;
	clear: both;
}

.copyright-text
{
	color: #000;
	/* font-family: 'Open Sans', sans-serif; */
	font-size: 13px;
	font-weight: bold;
	line-height: 33px;
	opacity: 0.8;
	width: 250px;
	text-align: left;
	float: left;
}

.copyright-text a
{
	color: #49A6F7;
}

.footer-navigation
{
	float: left;
	margin: 0 60px;
}

.footer-navigation ul li
{
	float: left;
	margin: 0 10px;
}

.footer-navigation ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.footer-navigation ul li a
{
	color: #49A6F7;
	font-size: 12px;
	font-weight: 700;
	display: inline-block;
}

.footer-navigation.right-section
{
	float: right;
	margin: 0;
}

.footer-navigation.right-section ul li a
{
	color: #5E788C;
}

.footer-navigation.right-section ul li a.feedback-link
{
	color: #49A6F7;
	padding-left: 17px;
	background-image: url('../Images/Assets/site-images/send-feedback-icon.png');
	background-repeat: no-repeat;
	background-position: center left;
}

.toc-bar
{
	width: 20%;
	float: right;
	margin-top: 44px;
}

.main-content
{
	width: 78%;
	float: left;
	margin-left: 15px;
}

ul.menu._Skins_SideMenu.mc-component
{
	padding: 0;
	background: #ffffff;
}

ul.menu._Skins_SideMenu.mc-component li > a
{
	color: #000000 !important;
	font-size: 20px;
	margin-bottom: 10px;
	padding: 0;
	font-weight: 300;
	line-height: normal;
}

ul.menu._Skins_SideMenu.mc-component ul > li > a
{
	color: #000000 !important;
	font-size: 15px !important;
	margin-bottom: 8px;
	padding-left: 0;
}

ul.menu._Skins_SideMenu.mc-component ul ul > li > a
{
	padding-left: 0;
	color: #122532 !important;
	font-size: 15px;
}

.MCBreadcrumbsPrefix
{
	display: none;
}

.div.MCBreadcrumbsBox_0
{
	margin-bottom: 30px;
}

.toc-heading
{
	font-size: 20px;
	color: #5E788C;
	font-weight: 400;
	margin-bottom: 10px;
}

.toc-bar ul.menu._Skins_SideMenu.mc-component li > a
{
	font-size: 14px !important;
	padding-bottom: 5px !important;
	color: #122532 !important;
}

#resultList h3.title a:visited
{
	color: #0185d1;
}

.toc-bar ul.menu._Skins_SideMenu.mc-component li > a:hover
{
	background: none;
	color: #3e515e !important;
}

ul.navigation ul a:hover
{
	background: #e9e9e9;
}

ul.navigation li li a:hover
{
	background: none;
}

.side-content ul.menu._Skins_SideMenu.mc-component li > a.selected,
.side-content ul.menu._Skins_SideMenu.mc-component ul > li > a
{
	font-size: 17px;
	font-weight: 200 !important;
	padding-bottom: 0;
	background: none;
}

.side-content ul.menu._Skins_SideMenu.mc-component li > a.selected
{
	font-weight: bold !important;
}

.side-content ul.menu._Skins_SideMenu.mc-component ul > li > a:hover,
.side-content ul.menu._Skins_SideMenu.mc-component li > a:hover
{
	background: none;
}

.side-content ul.menu._Skins_SideMenu.mc-component ul ul.sub-menu > li > a
{
	font-size: 15px;
	font-weight: 300;
	color: #122532 !important;
	padding-bottom: 0;
}

.side-content ul.sub-menu ul
{
	padding-left: 20px;
}

._Skins_button.mc-component .button.previous-topic-button
{
	background: url('../Images/Assets/site-images/previous-arrow.png') no-repeat 0 0;
	border: 0;
	position: relative;
	width: 110px;
}

._Skins_button.mc-component .button.previous-topic-button:after
{
	content: "Previous Topic";
	color: #49A6F7;
	font-size: 13px;
	font-weight: 400;
	position: absolute;
	top: -5px;
	left: 15px;
}

._Skins_button.mc-component .button.next-topic-button
{
	background: url('../Images/Assets/site-images/next-arrow.png') no-repeat 100% 0;
	border: 0;
	float: right;
	position: relative;
	width: 110px;
}

._Skins_button.mc-component .button.next-topic-button:after
{
	content: "Next Topic";
	color: #49A6F7;
	font-size: 13px;
	font-weight: 400;
	position: absolute;
	top: -5px;
	right: 15px;
}

.main-content .button-group-container-left
{
	width: 100%;
	margin: 25px 0;
}

._Skins_Print_and_Feedback_Button.mc-component .button.print-button
{
	background: url('../Images/Assets/site-images/print-icon.png') no-repeat 0 0;
	border: 0;
	position: relative;
	width: 60px;
}

._Skins_Print_and_Feedback_Button.mc-component .button.print-button:after
{
	content: "Print";
	color: #49A6F7;
	font-size: 14px;
	font-weight: 400;
	position: absolute;
	top: -3px;
	left: 23px;
}

.center
{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	float: none !important;
	text-align: center;
}

pre
{
	white-space: pre-wrap;
	padding: 10px;
	background-color: #e7e7e7;
}

MadCap|codeSnippet
{
	font-size: 14px;
	background-color: #e7e7e7;
}

MadCap|codeSnippetCopyButton
{
	color: #49a6f7;
	text-decoration: none;
}

MadCap|codeSnippetBody
{
	mc-code-border: solid 1px #aaaaaa;
}

/*===========================================================================================================================================================
Styles after this point are styles that are for specific 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
===========================================================================================================================================================*/

@media only screen and (max-width: 1279px)
{
	
}

@media only screen and (max-width: 767px)
{
	.main-section > .outer-row	/* Removes the padding around the topic container in mobile */
	{
		padding: 0;
	}

	div.home-master-page-footer > div	/* Adds separators to the footer items when in mobile layout */
	{
		border-bottom: 1px solid #828282;
	}
}

/*Custom CSS*/

nav.title-bar
{
	height: 250px;
}

ul.navigation a
{
	color: #ffffff !important;
}

.title-bar-layout a.logo
{
	width: 140px;
	background-size: 100%;
}

ul.navigation ul
{
	background: #ffffff !important;
}

ul.navigation ul a
{
	color: #288AF9 !important;
}

ul.menu._Skins_SideMenu.mc-component
{
	border: 0;
}

ul.menu li.has-children a
{
	color: #288AF9;
	font-size: 20px;
}

ul.menu li ul.sub-menu
{
	margin: 25px 0 !important;
	padding-left: 15px;
}

ul.menu li ul.sub-menu a
{
	color: #000000;
}

ul.menu li ul.sub-menu a
{
	font-weight: 300 !important;
	line-height: normal;
}

ul.menu._Skins_HTML5_Menu_skin.mc-component
{
	padding-left: 0;
}

ul.menu._Skins_HTML5_Menu_skin.mc-component li > a
{
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: 300;
	line-height: normal;
}

ul.menu._Skins_HTML5_Menu_skin.mc-component li > a:hover,
ul.menu._Skins_HTML5_Menu_skin.mc-component li > a.selected:hover
{
	background: none;
}

ul.menu._Skins_HTML5_Menu_skin.mc-component li > a.selected
{
	font-weight: 400 !important;
}

.main-section > .outer-row
{
	padding-bottom: 0;
}

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

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

.off-canvas-wrapper-inner nav.title-bar .outer-row
{
	max-width: 90%;
}

.footer-navigation ul li a
{
	text-decoration: none;
}

.search-bar._Skins_SearchHome.mc-component .search-field
{
	padding-left: 20px;
	background-color: #ffffff;
	font-size: 20px;
	font-family: 'Pragmatica', arial;
	font-weight: 300;
}

ul.navigation > li.has-children::after
{
	left: 30px;
}

ul.navigation ul
{
	border-radius: 3px;
	-webkit-box-shadow: 0px 20px 30px -9px rgba(0,0,0,0.53);
	-moz-box-shadow: 0px 20px 30px -9px rgba(0,0,0,0.53);
	box-shadow: 0px 20px 30px -9px rgba(0,0,0,0.53);
}

ul.navigation ul a
{
	font-size: 14px;
	color: #5e788c !important;
}

.search-bar .search-field
{
	padding: 0 0 0 20px !important;
	font-family: 'Pragmatica', arial !important;
	font-size: 20px !important;
	font-weight: 300 !important;
}

.main-content h2
{
	margin: 30px 0 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.main-content h3
{
	font-size: 22px;
	margin-top: 20px;
}

.main-content h4
{
	margin: 10px 0 5px 0;
}

p.important,
p.warning,
p.note
{
	color: rgba(0,0,0,0.7);
}

p.important
{
	background-color: #ffffcc;
	font-size: 14px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

p.warning
{
	background-color: #F3DBDD;
	font-size: 14px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

p.note
{
	background-color: #c5ddff;
	font-size: 14px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 5px 0;
}

.side-content .sub-menu a.focus
{
	font-weight: bold !important;
}

.breadcrumbs a:first-child
{
	display: none !important;
}

div.footer p
{
	float: left;
}

.footer-navigation
{
	float: right;
	margin: 0;
}

.right-section
{
	dispaly: none;
}

.main-content
{
	position: relative;
}

.main-content h1
{
	margin-bottom: 20px;
	line-height: 42px;
}

.feedback-link
{
	/* border: 2px solid #49A6F7; */
	/* background:#fff; */
	color: #49A6F7;
	/* padding: 5px 10px; */
	font-size: 13px;
	margin: 10px 0;
	text-decoration: none;
	transition: all 0.6 ease-in-out;
}

.feedback-link i
{
	padding-right: 5px;
}

.feedback-link:hover
{
	color: #666;
}

.MCBreadcrumbsSelf
{
	color: #9b9b9b !important;
}

ul.navigation
{
	display: block;
}

ul.navigation > li > ul
{
	min-width: 150px;
}

ul.navigation > li
{
	margin-right: 10px;
}

ul.navigation li > a
{
	font-family: 'Open Sans', sans-serif;
	position: relative;
}

ul.navigation > li a:after
{
	font-family: FontAwesome;
	content: "\f107";
	position: absolute;
	top: 12px;
	right: 0;
}

ul.navigation > li > ul > li,
ul.navigation > li > ul > li > ul > li
{
	margin-right: 0;
}

ul.navigation > li > ul > li > ul > li a:after
{
	content: '';
}

.main-content h2 a,
.main-content p a
{
	color: #49a6f7;
	text-decoration: none;
}

::-webkit-input-placeholder
{
	/* Chrome/Opera/Safari */
	color: pink;
}

::-moz-placeholder
{
	/* Firefox 19+ */
	color: pink;
}

:-ms-input-placeholder
{
	/* IE 10+ */
	color: pink;
}

:-moz-placeholder
{
	/* Firefox 18- */
	color: pink;
}

#resultList h3.title a
{
	margin-bottom: 5px;
	display: inline-block;
}

ul.navigation ul > li.has-children > a:after
{
	font-family: FontAwesome;
	content: "\f105";
	position: absolute;
	right: 5px;
	top: 9px;
}

ul.navigation ul > li > a
{
	padding: 5px 10px;
	font-size: 12px;
	display: block;
	position: static;
}

ul.navigation li li
{
	padding: 3px 10px;
	position: relative;
}

ul.navigation li li:hover,
ul.navigation li li:hover a
{
	background: #49A6F7;
	color: #fff;
}

ul.navigation li li:hover a
{
	background: #49A6F7;
	color: #fff !important;
}

ul.navigation li li:hover ul li a
{
	background: none !important;
	color: #5e788c !important;
}

ul.navigation li li ul li:hover,
ul.navigation li li ul li:hover a
{
	background: #ccc !important;
	color: #000 !important;
}

.js-off-canvas-exit
{
	box-shadow: -4px 0 4px rgba(0, 0, 0, 0.2), 4px 0 4px rgba(0, 0, 0, 0.2);
}

@media (max-width: 1279px)
{
	.nav-search
	{
		display: block;
	}
}

@media (max-width: 991px)
{
	nav.title-bar
	{
		height: auto;
		padding: 20px 0 !important;
	}
}