/*<meta />*/

/* 
DESCRIPTION:  CSS for Flare Template File Set SideNav projects
VERSION:      FTFS 1.8
 
© 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 */
	--iconUser: "\F289";
	/* user glyph */
	--iconUserExpert: "\F280";
	/* user-expert glyph (user with check mark) */
	--iconGroup: "\F1A5";
	/* group glyph */
	--iconCompliance: "\F149";
	/* compliance glyph (clipboard with check mark) */
	--iconConnect: "\F14D";
	/* connect glyph (plug, no cord) */
	--iconResources: "\F212";
	/* resources glyph */
	--iconServers: "\F227";
	/* servers glyph */
	--iconTask: "\F264";
	/* task glyph */
	--iconDocument: "\F17C";
	/* document-text glyph */
}

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.4em;
	margin-left: 5px;
	margin-bottom: 0;
	padding-top: 18px;
}

/***************************************************************/
/* 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: "FT_ux-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: "\F220";
}

/* Filter button image - all files */

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

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

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: FT-MetricLocal, Arial, Tahoma, 'Lucida Sans Unicode', sans-serif;
	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: "\F10D";
}

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

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

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

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

.ft-inward:before
{
	content: "\F18A";
}

.ft-help-circle:before
{
	content: "\F1A8";
}

.ft-help:before
{
	content: "\F1A9";
}

.ft-highlighting-remove:before
{
	content: "\F1AA";
}

.ft-higlighting:before
{
	content: "\F1AB";
}

.ft-launch:before
{
	content: "\F1C5";
}

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

.ft-login:before
{
	content: "\F1D8";
}

.ft-overview:before
{
	content: "\F1F3";
}

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

.ft-system:before
{
	content: "\F25B";
}

.ft-troubleshooting:before
{
	content: "\F275";
}

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

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

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

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

.ft-compliance:before
{
	content: "\F149";
}

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

.ft-resources:before
{
	content: "\F212";
}

.ft-servers:before
{
	content: "\F227";
}

.ft-task:before
{
	content: "\F264";
}

.ft-search:before
{
	content: "\F220";
}

.ft-document:before
{
	content: "\F17C";
}

/***************************************************************/
/* 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: "\F1CE";
}

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

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

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

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

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

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

.masterFooter
{
	margin-top: 1em;
	margin-bottom: 0;
	padding: 4px 0 6px;
	flex-shrink: 0;
	color: #e3e7ea;
	background-color: #293138;
	visibility: hidden;
	/* Initially hide footer to prevent flash of unstyled content. Made visible in SideNav JavaScript */
}

.masterFooter.visible
{
	visibility: visible;
}

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

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

#ft-feedbackDiv a,
#ft-feedbackDiv a:hover,
#ft-feedbackDiv a:visited
{
	color: #0073e7;
}

.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: "\F14D";
}

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

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

/* 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: "\F238";
}

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

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

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

/* 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: "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: "\F189";
}

.dropDown.MCDropDown_Open > .dropDownHead > .dropDownHotspot:before,
.dropDown.MCDropDown_Open > .dropDownHead > * > .dropDownHotspot:before
{
	content: "\F278";
}

/* 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                                                 */
/***************************************************************/
/* 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: 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: #323435;
	}

	/* Hide some footer parts */

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

