/*<meta />*/

/* 
DESCRIPTION:  CSS for Flare Template File Set SideNav projects
VERSION:      FTFS 1.10
 
© Copyright 2017-2021 Micro Focus or one of its affiliates.

The only warranties for products and services of Micro Focus and its affiliates and licensors 
(“Micro Focus”) are as may be set forth in the express warranty statements accompanying such 
products and services. Nothing herein should be construed as constituting an additional warranty. 
Micro Focus shall not be liable for technical or editorial errors or omissions contained herein. 
The information contained herein is subject to change without notice.
*/

@import url('_FT_IE.css');

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

/***************************************************************/
/* 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 */
	/*** FT_ux-icons.woff ****/
	/* Dropdown toggle */
	--iconDown: "\F189";
	/* down glyph */
	--iconUp: "\F278";
	/* up glyph */
	/* Search bar */
	--iconSearch: "\F220";
	/* search glyph */
	--iconFilter: "\F19A";
	/* filter glyph */
	/* Toolbar buttons */
	--iconPreviousTopic: "\F1CE";
	/* link-previous glyph */
	--iconNextTopic: "\F1CD";
	/* link-next glyph */
	--iconExpandAll: "\F192";
	/* expand glyph */
	--iconCollapseAll: "\F151";
	/* contract glyph */
	--iconRemoveHighlighting: "\F1AA";
	/* highlighting-remove glyph */
	--iconPrint: "\F20C";
	/* print glyph */
	/* SideNav footer icons */
	--iconConnect: "\F1C4";
	/* language glyph */
	--iconLearn: "\F29B";
	/* workshop glyph */
	--iconContact: "\F289";
	/* user glyph */
	--iconLinkedIn: "\F238";
	/* social-linkedin glyph */
	--iconFacebook: "\F235";
	/* social-facebook glyph */
	--iconTwitter: "\F243";
	/* social-twitter glyph */
	--iconYouTube: "\F248";
	/* social-youtube glyph */
	/* General icons */
	--iconAnnouncement: "\F10D";
	/* announcement glyph */
	--iconBarChart: "\F114";
	/* bar-chart glyph */
	--iconCompass: "\F148";
	/* compass glyph */
	--iconConfiguration: "\F14C";
	/* configuration glyph (wrench) */
	--iconDeployment: "\F15E";
	/* deployment glyph (diagonal rocket) */
	--iconDownload: "\F18A";
	/* download glyph  */
	--iconHelpCircle: "\F1A8";
	/* help-circle glyph  */
	--iconHelp: "\F1A9";
	/* help glyph  */
	--iconHighlighting: "\F1AB";
	/* highlighting glyph */
	--iconLaunch: "\F1C5";
	/* launch glyph (vertical rocket) */
	--iconLicense: "\F1C7";
	/* license glyph (key) */
	--iconLogin: "\F1D8";
	/* login glyph */
	--iconOverview: "\F1F3";
	/* overview glyph (binoculars) */
	--iconSOA: "\F231";
	/* soa glyph (gears) */
	--iconSystem: "\F25B";
	/* system glyph (monitor with gears) */
	--iconTroubleshooting: "\F275";
	/* troubleshooting glyph */
	--iconVideo: "\F28D";
	/* video glyph */
}

body
{
	min-height: 100vh;
}

/* Hide header for use on printed page */

div.printHeader
{
	display: none;
}

/***************************************************************/
/* HEADER                                                      */
/***************************************************************/

.title-bar-layout .logo-wrapper
{
	flex: 1 1 200px;
	justify-content: normal;
}

/* Product logo */

.title-bar-layout a.logo
{
	background: url(../Images/_FT_MF_Logo.svg) !important;
	min-width: 110px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	margin: 4px 30px 4px 20px;
}

.title-bar-layout .navigation-wrapper
{
	flex: 0 1;
}

.title-bar-layout .nav-search-wrapper
{
	flex: 0 1 auto;
}

/* Header title - master page only */

#skinTitle
{
	display: flex;
	align-items: center;
	font-size: 1.4em;
	margin: 0 10px 0 0;
}

html.SideNavStartupPage .row.nav-search
{
	display: none;
}

/* Force footer to bottom (64px is header size) */

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

/***************************************************************/
/* 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: var(--clrMainBrand);
}

ul.sidenav li a
{
	/* Side Navigation Menu Item */
	font-family: var(--fntMainSet);
	color: var(--clrText);
}

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

/* _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: var(--fntMainSet);
	color: var(--clrSearchHintText);
	border: solid 1px var(--clrBorder) !important;
}

div.title-bar-layout div.search-filter
{
	border-left: solid 1px var(--clrBorder) !important;
	border-right: solid 1px var(--clrBorder) !important;
}

div.home-search div.search-submit
{
	/* Search Submit Button */
	border: solid 1px var(--clrMainBrand) !important;
	border-left: solid 1px var(--clrBorder) !important;
	background-color: var(--clrMainBrand) !important;
}

div.home-search div.search-filter
{
	/* Search Filter */
	border-top: solid 1px var(--clrMainBrand) !important;
	border-bottom: solid 1px var(--clrMainBrand) !important;
	border-left: solid 1px var(--clrMainBrand) !important;
	border-right: none !important;
	background-color: var(--clrMainBrand);
}

div.home-search div.search-filter.selected,
div.title-bar-layout div.search-filter.selected
{
	/* Search Filter (selected) */
	background-color: var(--clrSearchFilterBkg) !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: var(--clrText);
	font-family: var(--fntMainSet);
	background-color: var(--clrSearchFilterHover);
}

div.home-search div.search-filter-content,
div.title-bar-layout div.search-filter-content
{
	/* Search Filter Drop-down */
	background-color: var(--clrSearchFilterBkg);
}

/***************************************************************/
/* 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: "FT_ux-icons";
	font-size: 0.9em;
	color: var(--clrText);
}

/* Home page search & filter button override */

div.home-search div.search-submit:before,
div.home-search div.search-filter:before
{
	color: var(--clrSearchHomePageBtns);
}

/* Fix Filter button selected border issue */

div.home-search div.search-filter.selected
{
	border-top: solid 1px var(--clrBorder) !important;
	border-bottom: solid 1px var(--clrBorder) !important;
	border-left: solid 1px var(--clrBorder) !important;
	border-right: solid 1px var(--clrBorder) !important;
}

/* Fix Submit button border issue */

div.home-search div.search-submit
{
	border-top: solid 1px var(--clrMainBrand) !important;
	border-bottom: solid 1px var(--clrMainBrand) !important;
	border-right: solid 1px var(--clrMainBrand) !important;
}

/* Submit button image */

div.search-submit-wrapper div.search-submit:before
{
	content: var(--iconSearch);
}

/* Filter button image - all files */

div.search-filter-wrapper div.search-filter:before
{
	content: var(--iconFilter);
}

/* 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: var(--clrCommonBkg);
	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: var(--clrSearchHighlight);
}

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

h3.title a
{
	color: var(--clrMainBrand) !important;
}

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

.sidenav-wrapper
{
	resize: horizontal;
	min-width: max(20%, 300px);
	max-width: 30%;
}

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

.body-container
{
	padding: 0em;
	border-left: 1px solid var(--clrBorder);
	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;
}

div.body-container > div.height-container-sidenav
{
	padding-bottom: 0;
}

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

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

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

p.helpCenterName_3line,
p.helpCenterName_2line,
p.helpCenterName_1line
{
	text-align: center;
	font-size: 2.5em;
	font-family: var(--fntMainSet);
	line-height: 1em;
	margin-bottom: 0em;
}

p.helpCenterName_2line
{
	margin-bottom: 1em;
}

p.helpCenterName_1line
{
	margin-bottom: 2em;
}

/* For custom use, not in default templates */

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

/***************************************************************/
/* HOME PAGE BUTTONS (FT_UX-ICONS FONT IMAGES)                 */
/***************************************************************/

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

div.home-button p
{
	margin-top: 0.5em;
}

/***************************************************************/
/* UX-ICONS STYLES                                           */
/***************************************************************/
/* FT_ux-icons styles */

.ft-icon
{
	font-family: "FT_ux-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
{
	content: var(--iconAnnouncement);
}

.ft-bar-chart:before
{
	content: var(--iconBarChart);
}

.ft-compass:before
{
	content: var(--iconCompass);
}

.ft-wrench:before
{
	content: var(--iconConfiguration);
}

.ft-rocketDiagonal:before
{
	content: var(--iconDeployment);
}

.ft-inward:before
{
	content: var(--iconDownload);
}

.ft-help-circle:before
{
	content: var(--iconHelpCircle);
}

.ft-help:before
{
	content: var(--iconHelp);
}

.ft-highlighting-remove:before
{
	content: var(--iconRemoveHighlighting);
}

.ft-higlighting:before
{
	content: var(--iconHighlighting);
}

.ft-launch:before
{
	content: var(--iconLaunch);
}

.ft-key:before
{
	content: var(--iconLicense);
}

.ft-login:before
{
	content: var(--iconLogin);
}

.ft-overview:before
{
	content: var(--iconOverview);
}

.ft-gears:before
{
	content: var(--iconSOA);
}

.ft-system:before
{
	content: var(--iconSystem);
}

.ft-troubleshooting:before
{
	content: var(--iconTroubleshooting);
}

.ft-video:before
{
	content: var(--iconVideo);
}

/***************************************************************/
/* TOOL BAR                                                    */
/***************************************************************/
/* HTML5 & SideNav                                */
/* Included here instead of FT_IE to link smaller */
/* CSS file to HTML5 skins.                       */
/*._Skins_TopicToolBar.mc-component .button,      */

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

button.previous-topic-button:before
{
	content: var(--iconPreviousTopic);
}

button.next-topic-button:before
{
	content: var(--iconNextTopic);
}

button.expand-all-button:before
{
	content: var(--iconExpandAll);
}

button.collapse-all-button:before
{
	content: var(--iconCollapseAll);
}

button.remove-highlight-button:before
{
	content: var(--iconRemoveHighlighting);
}

button.print-button:before
{
	content: var(--iconPrint);
}

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

.masterFooter
{
	margin-top: 1em;
	margin-bottom: 0;
	padding: 4px 0 6px;
	flex-shrink: 0;
	color: var(--clrFooterLabel);
	background-color: var(--clrFooterBkg);
}

div.masterFooter a
{
	color: var(--clrFooterLink);
	text-decoration: none;
}

div.masterFooter a:hover
{
	color: var(--clrFooterLinkHover);
	text-decoration: underline;
}

#ft-feedbackDiv a,
#ft-feedbackDiv a:hover,
#ft-feedbackDiv a:visited
{
	color: var(--clrMainBrand);
}

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

.footerHead > div
{
	font-size: 0.9em;
	padding: 0 8px;
}

div.last_updated
{
	font-weight: bold;
}

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: var(--iconConnect);
}

.ft-learn:before
{
	content: var(--iconLearn);
}

.ft-contact:before
{
	content: var(--iconContact);
}

/* 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: var(--clrFooterLink);
}

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

.flex-container-social-icons i:hover::before
{
	color: var(--clrFooterLinkHover);
	text-decoration: none !important;
}

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

.ft-linkedin:before
{
	content: var(--iconLinkedIn);
}

.ft-facebook:before
{
	content: var(--iconFacebook);
}

.ft-twitter:before
{
	content: var(--iconTwitter);
}

.ft-youtube:before
{
	content: var(--iconYouTube);
}

/* Contact */

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

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

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: "FT_ux-icons";
	font-size: 0.8em;
	padding: 0 0.5em 0 0;
	display: inline-block;
}

/* Second selectors account for HTML structure if dropdownHotspot is styled. */
/* Styling as header (h#) or p.intro_phrase wraps it, which causes an extra level. */

.dropDown.MCDropDown_Closed > .dropDownHead > .dropDownHotspot:before,
.dropDown.MCDropDown_Closed > .dropDownHead > * > .dropDownHotspot:before
{
	content: var(--iconDown);
}

.dropDown.MCDropDown_Open > .dropDownHead > .dropDownHotspot:before,
.dropDown.MCDropDown_Open > .dropDownHead > * > .dropDownHotspot:before
{
	content: var(--iconUp);
}

/* Overwrite _FT_IE.css setting required when using image instead of font */

div.MCDropDown_Open a.MCDropDownHotSpot_,
div.MCDropDown_Closed a.MCDropDownHotSpot_
{
	padding-left: 0em !important;
}

/* 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 from the Flare editor                           */
/***************************************************************/

div.button-group-container-left,
div.flex-container,
div.footborder,
div.home-button,
div.home-search,
div.masterFooter,
div.MCDropDown_Closed,
div.MCDropDown_Open,
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_3line,
p.helpCenterName_2line,
p.helpCenterName_1line,
span.submenu-toggle,
span.submenu-toggle-container,
ul.sideNav
{
	mc-disabled: true;
}

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

@media only screen and (max-width: 900px)
{
	html.SideNavStartupPage nav.title-bar
	{
		padding-bottom: 0;
	}

	/* Force footer to bottom (126px is header size) */

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

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

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

	/* Header title - master page only */

	#skinTitle
	{
		margin: 0 35px 0 0;
	}

	.title-bar-layout .logo-wrapper
	{
		flex: 1 1 auto;
	}

	.title-bar-layout .nav-search-wrapper
	{
		flex: 1 1 100%;
	}
}

/***************************************************************/
/* 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: var(--clrText);
	}

	/* Hide some footer parts */

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

