/*<meta />*/

/* 
DESCRIPTION:  CSS for Flare Template File Set SideNav projects
VERSION:      FTFS 2.0

Copyright 2017 - 2023 Open Text.

The only warranties for products and services of Open Text and its affiliates and licensors (“Open Text”) 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. Open Text shall not be liable for technical or editorial errors or omissions contained herein. The information contained herein is subject to change without notice.

*/

/* Begin FT_IE.css -------- */

@import url('_FT_IE.css');

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

/* End FT_IE.css -------- */
/***************************************************************/
/* Global CSS variables                                        */
/***************************************************************/

:root
{
	--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 ****/
	/* Search bar */
	--iconSearch: "\F220";
	/* search glyph */
	--iconFilter: "\F19A";
	/* filter glyph */
	/* Toolbar buttons */
	--iconPreviousTopic: "\F1CE";
	--iconNextTopic: "\F1CD";
	--iconExpandAll: "\F192";
	--iconCollapseAll: "\F151";
	--iconRemoveHighlighting: "\F1AA";
	--iconPrint: "\F20C";
	/* SideNav footer icons */
	--iconConnect: "\F1C4";
	/* language glyph */
	--iconLearn: "\F29B";
	/* workshop glyph */
	--iconContact: "\F289";
	/* user glyph */
	--iconLinkedIn: "\F238";
	--iconFacebook: "\F235";
	--iconTwitter: "\F243";
	--iconYouTube: "\F248";
	/* General icons */
	--iconAnnouncement: "\F10D";
	--iconBarChart: "\F114";
	--iconCompass: "\F148";
	--iconConfiguration: "\F14C";
	/* wrench */
	--iconDeployment: "\F15E";
	/* diagonal rocket */
	--iconDownload: "\F18A";
	--iconHelpCircle: "\F1A8";
	--iconHelp: "\F1A9";
	--iconHighlighting: "\F1AB";
	--iconLaunch: "\F1C5";
	/* vertical rocket */
	--iconLicense: "\F1C7";
	/* key */
	--iconLogin: "\F1D8";
	--iconOverview: "\F1F3";
	/* binoculars */
	--iconSOA: "\F231";
	/* soa glyph (gears) */
	--iconSystem: "\F25B";
	/* monitor with gears */
	--iconTroubleshooting: "\F275";
	--iconVideo: "\F28D";
}

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_Logo.svg) !important;
	min-width: 108px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	margin: 4px 20px 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;
	padding-bottom: 3px;
}

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

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

/* Search submit button */

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

/* Search filter button */

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

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

div.home-search div.search-filter.selected
{
	border: 1px solid var(--clrBorder) !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: 1em;
}

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

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

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

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

.body-container
{
	padding: 0;
	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;
	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;
	line-height: 1em;
}

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

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

div.flex-container-home-buttons
{
	display: flex;
	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-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                                                    */
/***************************************************************/

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
{
	--clrText: #e3e7ea;
	--clrLink: #a0a0a0;
	--clrLinkHover: #e3e7ea;
	margin-top: 1em;
	margin-bottom: 0;
	padding: 4px 0 6px;
	flex-shrink: 0;
	color: var(--clrText);
	background-color: var(--clrFooterBkg);
}

#ft-feedbackDiv
{
	--clrText: #323435;
	--clrLink: #0073e7;
	--clrLinkHover: #00abf3;
}

.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: flex;
	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: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 3px;
}

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

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 and MOBILE                                           */
/***************************************************************/

@media only screen and (max-width: 750px)
{
	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%;
	}
}

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

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

@media print
{
	/* 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;
	}

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

	.masterFooter
	{
		--clrText: #000;
		--clrFooterBkg: transparent;
	}

	div.masterFooter a
	{
		color: var(--clrText);
	}

	/* Hide some footer parts */

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

