/*<meta />*/

/* 

FILE:         _FT_SideNav.css
DESCRIPTION:  Base cascading Style Sheet for Flare Template File Set SideNav projects.
MODIFIED:     July 17, 2019
VERSION:      FTFS 1.5 
 	
*/

@import url('_FT_IE.css');

@namespace MadCap "http://www.madcapsoftware.com/Schemas/MadCap.xsd";

/* Fonts for sideNav home page quick-link images and some template elements */

@font-face 
{
	font-family: "FT-branded-icons";
	src: url("fonts/_FT_branded_icons.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

/***************************************************************/
/* Global CSS variables                                        */
/***************************************************************/

:root
{
	--clrFooterLabel: #e3e7ea;
	--clrFooterLink: #a0a0a0;
	--clrFooterLinkHover: #e3e7ea;
	--clrFooterBkg: #293138;
	--clrSearchHighlight: #ffff00;
	--clrSearchFilterBkg: #f1f2f3;
	/* Search filter (drop-down & selected button mode) */
	--clrSearchFilterHover: #ffffff;
	--clrSearchHintText: #656668;
	--clrSearchHomePageBtns: #ffffff;
	--clrSideNavHighlight: #f2f8fe;
	/* 5% opacity of clrMainBrand */
}

body
{
	min-height: 100vh;
}

/* Hide header for use on printed page */

div.printHeader
{
	display: none;
}

/***************************************************************/
/* HEADER                                                      */
/***************************************************************/
/* Product logo */

.title-bar-layout a.logo
{
	background: url(../Images/_FTc_HeaderLogo.png) !important;
	width: 56px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

/* Header title - master page only */

#skinTitle
{
	display: block;
	font-size: 1.2em;
	margin-left: 10px;
	margin-bottom: 0px;
	padding-top: 9px;
}

/***************************************************************/
/* HEADER & SEARCH SKIN OVERRIDES FOR CSS VARIABLES            */
/***************************************************************/
/* Target setting to 'Resolve CSS variables' doesn't handle variables in   */
/* skins so override/duplicate skin settings here. Keep these in sync with */
/* skin. If IE ever supports CSS variables or we no longer need to support */
/* IE, remove this section.                                                */
/* NOTE: Variables in _FT_SearchResults don't need overrides.              */
/* _FT_SideNav_Main skin */

nav.title-bar
{
	/* Header */
	background-color: #0073e7;
}

ul.sidenav li a
{
	/* Side Navigation Menu Item */
	font-family: FT-MetricLocal, Arial, Tahoma, 'Lucida Sans Unicode', sans-serif;
	color: #323435;
}

ul.sidenav li a:hover
{
	/* Side Navigation Menu Item (hover) */
	background-color: #f2f8fe;
}

/* _FT_SideNav_Main skin (master page search)   */
/* _FT_SideNav_HomeSearchBar (home page search) */

div.home-search input.search-field,
div.title-bar-layout input.search-field
{
	/* Search Bar & Search Input */
	font-family: FT-MetricLocal, Arial, Tahoma, 'Lucida Sans Unicode', sans-serif;
	color: #656668;
	border: solid 1px #dcdedf !important;
}

div.title-bar-layout div.search-filter
{
	border-left: solid 1px #dcdedf !important;
	border-right: solid 1px #dcdedf !important;
}

div.home-search div.search-submit
{
	/* Search Submit Button */
	border: solid 1px #0073e7 !important;
	border-left: solid 1px #dcdedf !important;
	background-color: #0073e7 !important;
}

div.home-search div.search-filter
{
	/* Search Filter */
	border-top: solid 1px #0073e7 !important;
	border-bottom: solid 1px #0073e7 !important;
	border-left: solid 1px #0073e7 !important;
	border-right: none !important;
	background-color: #0073e7;
}

div.home-search div.search-filter.selected,
div.title-bar-layout div.search-filter.selected
{
	/* Search Filter (selected) */
	background-color: #f1f2f3 !important;
}

div.home-search div.search-filter-content ul li:hover,
div.title-bar-layout div.search-filter-content ul li:hover
{
	/* Search Filter Drop-down (hover) */
	color: #323435;
	font-family: FT-MetricLocal, Arial, Tahoma, 'Lucida Sans Unicode', sans-serif;
	background-color: #ffffff;
}

div.home-search div.search-filter-content,
div.title-bar-layout div.search-filter-content
{
	/* Search Filter Drop-down */
	background-color: #f1f2f3;
}

/***************************************************************/
/* SEARCH BAR - HOME & MASTER PAGES                            */
/***************************************************************/

div.search-submit-wrapper,
div.search-filter-wrapper
{
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	line-height: 32px;
}

/* Submit & filter button font */

div.search-submit-wrapper div.search-submit:before,
div.search-filter-wrapper div.search-filter:before
{
	font-family: font_icomoon_icons;
	font-size: 0.9em;
	color: #323435;
}

/* Home page search & filter button override */

div.home-search div.search-submit:before,
div.home-search div.search-filter:before
{
	color: #ffffff;
}

/* Fix Filter button selected border issue */

div.home-search div.search-filter.selected
{
	border-top: solid 1px #dcdedf !important;
	border-bottom: solid 1px #dcdedf !important;
	border-left: solid 1px #dcdedf !important;
	border-right: solid 1px #dcdedf !important;
}

/* Fix Submit button border issue */

div.home-search div.search-submit
{
	border-top: solid 1px #0073e7 !important;
	border-bottom: solid 1px #0073e7 !important;
	border-right: solid 1px #0073e7 !important;
}

/* Submit button image */

div.search-submit-wrapper div.search-submit:before
{
	content: "\e912";
}

/* Filter button image - all files */

div.search-filter-wrapper div.search-filter:before
{
	content: "\e90b";
}

/* Filter button image - filter selected (uses skin image) */

div.search-filter-wrapper div.search-filter.selected:before
{
	content: "";
}

/***************************************************************/
/* SEARCH RESULTS                                              */
/***************************************************************/

.searchTipsLink
{
	text-align: right;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 2em;
}

.searchTipsInfo
{
	background-color: #f1f2f3;
	font-size: 0.9em;
	margin-left: 0;
	margin-top: 0;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0.5em;
}

/* Search highlight */

span.SearchHighlight
{
	background: #ffff00;
}

/*****************************/

h3.title a
{
	color: #0073e7 !important;
}

/***************************************************************/
/* SIDE NAV MENU                                               */
/***************************************************************/
/* make width resizable */

.sidenav-wrapper
{
	resize: horizontal;
	min-width: 15%;
	max-width: 25%;
}

/***************************************************************/
/* MAIN CONTENT AREA                                           */
/***************************************************************/

.body-container
{
	padding: 0em;
	border-left: 1px solid #dcdedf;
	display: flex;
}

/* Ensure home page expands - Flare 2019 */

div[data-mc-content-body="True"]
{
	min-width: 100%;
}

div.flex-container
{
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	/* Safari */
	flex-direction: column;
	min-height: 100%;
}

.main
{
	flex: 1 0 auto;
	padding-right: 1em;
	padding-left: 1em;
}

MadCap|breadcrumbsProxy
{
	margin-top: 2em;
}

/* Info for internal use (below footer) */

.internalTopicID
{
	font-size: 85%;
	text-align: center;
}

/***************************************************************/
/* TOOL BAR - MASTER PAGE ONLY                                 */
/***************************************************************/
/* Button images */

div.button-group-container-left button:before
{
	font-family: font_icomoon_icons;
	font-size: 1.2em;
}

button.previous-topic-button:before
{
	content: "\e90d";
}

button.next-topic-button:before
{
	content: "\e90c";
}

button.print-button:before
{
	content: "\e910";
}

button.remove-highlight-button:before
{
	content: "\e911";
}

button.collapse-all-button:before
{
	content: "\e906";
}

button.expand-all-button:before
{
	content: "\e909";
}

/***************************************************************/
/* HOME PAGE CONTENT                                           */
/***************************************************************/

.home-title
{
	margin-top: 5.5em;
	margin-bottom: 4.5em;
}

.home-search
{
	margin-bottom: 4.5em;
}

p.helpCenterName
{
	font-size: 2.5em;
	line-height: 1em;
	text-align: center;
	font-family: FT-MetricLocal, Arial, Tahoma, 'Lucida Sans Unicode', sans-serif;
}

p.helpCenterVersion
{
	font-size: 1.8em;
	text-align: center;
	margin-top: 40px;
}

/***************************************************************/
/* HOME PAGE BUTTONS                                           */
/***************************************************************/

div.flex-container-home-buttons
{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	/* Safari */
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-content: center;
	text-align: center;
}

/* Button spacing */

div.home-button
{
	padding-left: 25px;
	padding-right: 25px;
	width: 150px;
}

/* FT-branded-icons styles */

.ft-icon
{
	font-family: "FT-branded-icons";
	display: inline-block;
	vertical-align: baseline;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ft-3x
{
	font-size: 3em;
}

.ft-announcement:before
{
	/* megaphone */
	content: "\f10c";
}

.ft-launch:before
{
	/* rocket ship vertical*/
	content: "\f19f";
}

.ft-overview:before
{
	/* binoculars */
	content: "\f1c2";
}

.ft-help:before
{
	/* question mark */
	content: "\f18d";
}

.ft-key:before
{
	content: "\f1A0";
}

.ft-rocketDiagonal:before
{
	content: "\f14C";
}

.ft-video:before
{
	content: "\f235";
}

.ft-wrench:before
{
	content: "\f13D";
}

.ft-gears:before
{
	content: "\f1F5";
}

.ft-inward:before
{
	/* arrow into box */
	content: "\f177";
}

.ft-compass:before
{
	content: "\f13A";
}

.ft-bar-chart:before
{
	content: "\f113";
}

.ft-system:before
{
	/* monitor with gear */
	content: "\f20e";
}

.ft-resources:before
{
	/* stack of documents */
	content: "\f1dc";
}

.ft-compliance:before
{
	/* clipboard with checkmark */
	content: "\f13b";
}

.ft-folder:before
{
	/* closed folder */
	content: "\f186";
}

.ft-user:before
{
	content: "\f233";
}

.ft-group:before
{
	content: "\f18a";
}

.ft-user-expert:before
{
	/* user with check mark; role */
	content: "\f22c";
}

.ft-document-verified:before
{
	/*document with checkmark */
	content: "\f171";
}

/***************************************************************/
/* FOOTER                                                      */
/***************************************************************/

.masterFooter
{
	margin-top: 1em;
	margin-bottom: 0;
	flex-shrink: 0;
	color: #e3e7ea;
	background-color: #293138;
	visibility: hidden;
	/* Initially hide footer to prevent flash */
	/* when page changes. Made visible in the */
	/* JS script of each masterpage.          */
}

div.masterFooter a
{
	color: #a0a0a0;
	text-decoration: none;
}

div.masterFooter a:hover
{
	color: #e3e7ea;
	text-decoration: underline;
}

/* Visible when minimized */

.footerHead
{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.copyright_box
{
	font-size: 0.8em;
	text-align: left;
	margin-top: 0;
	padding-left: 1em;
}

div.last_updated
{
	font-weight: bold;
	line-height: 1em;
	padding-top: 5px;
}

/* Toggle flex-container-footer */

.footerToggle
{
	padding-right: 1em;
	padding-left: 1em;
}

.footerToggleText
{
	font-family: FT-MetricLocal, Arial, Tahoma, 'Lucida Sans Unicode', sans-serif;
	padding-left: 0.5em;
}

a.footerToggle
{
	text-decoration: none !important;
	font-family: font_icomoon_icons;
	font-size: 0.8em;
}

.footerToggle:before
{
	content: "\e901";
	/* down arrow */
}

.footerToggle.is-open:before
{
	content: "\e918";
	/* up arrow */
}

/* Hidden when minimized */

div.flex-container-footer
{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	/* Safari */
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-content: center;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 0.5em;
}

/* Footer groups *********/

div.footborder
{
	margin-top: 12px;
	margin-bottom: 0px;
	margin-right: 15px;
	margin-left: 27px;
	/* account for floated icon */
}

div.snippetBlock_small1
{
	font-size: 1.1em;
	margin-bottom: 3px;
	margin-left: -0.2em;
}

div.small_word_block
{
	padding-left: 20px;
}

div.snippetBlock_small2
{
	font-size: 0.85em;
	line-height: 1.2em;
	white-space: nowrap;
}

.ft-connect:before
{
	content: "\f19e";
}

.ft-learn:before
{
	content: "\f23e";
}

.ft-contact:before
{
	content: "\f233";
}

/* Connect group *********/

div.flex-container-social-icons
{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	/* Safari */
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 3px;
	color: #a0a0a0;
}

.flex-container-social-icons a:hover
{
	text-decoration: none !important;
}

.flex-container-social-icons i:hover::before
{
	color: #e3e7ea;
	text-decoration: none !important;
}

.flex-container-social-icons i,
.snippetBlock_small1 i
{
	margin-right: 0.4em;
}

.ft-linkedin:before
{
	content: "\f1fb";
}

.ft-facebook:before
{
	content: "\f1f7";
}

.ft-twitter:before
{
	content: "\f201";
}

.ft-youtube:before
{
	content: "\f203";
}

/* Contact */

p.ft-feedbackLink
{
	margin-bottom: 0em;
}

/***************************************************************/
/* MISC STYLES                                                 */
/***************************************************************/

img.logoLegalNotices
{
	margin-top: 4em;
	margin-right: 0;
	margin-bottom: 0;
	float: none;
}

/* General content style */

div.rd_scroll
{
	margin-bottom: 0;
}

/*****************************************/
/* DROPDOWN                              */
/*****************************************/
/* Use font-based image instead of default image */

MadCap|dropDown
{
	mc-image-spacing: 0;
	mc-open-image: none;
	mc-closed-image: none;
	mc-image-position: none;
}

.dropDownHotspot:before
{
	font-family: "font_icomoon_icons";
	font-size: 0.8em;
	padding: 0 0.5em 0 0;
	display: inline-block;
}

.dropDown.MCDropDown_Closed > .dropDownHead > .dropDownHotspot:before
{
	content: "\e901";
	/* Down arrow */
}

.dropDown.MCDropDown_Open > .dropDownHead > .dropDownHotspot:before
{
	content: "\e918";
	/* Up arrow */
}

/* Fix issue where bookmark (which inserts a 'name' property) or a */
/* tag is included in dropdownhotspot; this extra link tag causes  */
/* a duplicate icon, so hide it. */

.dropDownHotspot[name],
.dropDownHotspot:empty
{
	display: none;
}

.dropDownHead
{
	margin-bottom: 0;
}

/***************************************************************/
/* HIDE STYLES                                                 */
/***************************************************************/
/* Hide styles from the Flare editor. */
/* Only elements with a selected can be hidden. */

div.button-group-container-left,
div.flex-container,
div.footborder,
div.home-button,
div.home-search,
div.masterFooter,
div.search-filter,
div.search-filter.selected,
div.search-filter-content,
div.search-submit,
div.small_word_block,
div.snippetBlock_small1,
div.snippetBlock_small2,
div.title-bar-layout,
h3.title,
nav.title-bar,
p.helpCenterName,
p.helpCenterVersion,
span.submenu-toggle,
span.submenu-toggle-container,
ul.sideNav
{
	mc-disabled: true;
}

/***************************************************************/
/* TABLET                                                      */
/***************************************************************/

@media only screen and (max-width: 750px)
{
	/* Force sticky footer to bottom by subtracting  
	   responsive header size from content           */

	div.flex-container.master-page
	{
		min-height: calc(100vh - 118px);
	}

	div.flex-container.home-page
	{
		min-height: calc(100vh - 56px);
	}

	/* Responsive menu items larger so need more margin */

	.is-accordion-submenu.nested
	{
		margin-left: 0.6em;
	}
}

/***************************************************************/
/* MOBILE                                                      */
/***************************************************************/

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

/***************************************************************/
/* PRINT - Styles for pages printed via Print toolbar button   */
/***************************************************************/

@media print
{
	MadCap|xref
	{
		font-weight: normal;
		mc-format: '{quote}{para}{quote} {pageref}';
		text-decoration: none;
	}

	/* Hide vertical border between side nav & content */

	.body-container
	{
		border: none;
	}

	/* Hide blank header space */

	.title-bar-container
	{
		display: none;
	}

	/* Print-only header */

	div.printHeader
	{
		display: block;
		/* make visible */
		font-size: 2em;
		margin-top: 1em;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	div.MCBreadcrumbsBox_0
	{
		margin-top: 0.5em;
	}

	div.footerHead
	{
		background: #ffffff;
		/* white to hide on printed page */
	}

	div.masterFooter,
	div.masterFooter a
	{
		color: ;
	}

	/* Hide some footer parts */

	a.footerToggle,
	div.flex-container-footer
	{
		display: none;
	}
}

/***************************************************************/