/*<meta />*/

@import url('delinea-styles.css');

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

@font-face 
{
	font-family: 'IBM Plex Sans';
	src: url('../fonts/ibmplexsans-regular.ttf') format('truetype');
}

@font-face 
{
	font-family: 'IBM Plex Sans';
	font-style: italic;
	src: url('../fonts/ibmplexsans-italic.ttf') format('truetype');
}

@font-face 
{
	font-family: 'IBM Plex Sans';
	font-weight: bold;
	src: url('../fonts/ibmplexsans-bold.ttf') format('truetype');
}

@font-face 
{
	font-family: 'IBM Plex Sans';
	font-weight: bold;
	font-style: italic;
	src: url('../fonts/ibmplexsans-bolditalic.ttf') format('truetype');
}

@font-face 
{
	font-family: 'IBM Plex Sans SemiBold';
	font-weight: normal;
	src: url('../fonts/ibmplexsans-semibold.ttf') format('truetype');
}

@font-face 
{
	font-family: 'IBM Plex Sans SemiBold';
	font-style: italic;
	font-weight: normal;
	src: url('../fonts/ibmplexsans-semibolditalic.ttf') format('truetype');
}

:root
{
	/* Background colors for navigation areas */
	--NavBGContainer: #efefef;
	--NavBGMenu: #efefef;
	--NavBGTitleBar: #00659d;
	/* Colors for text in navigation pane */
	--NavTextNormal: #00659d;
	--NavTextHover: #00659d;
	--NavTextSelected: #00659d;
	/* Colors for backgrounds in navigation pane */
	--NavBGSelected: #0000001f;
	--NavBGHover: transparent;
	/* Expander icons in navigation pane */
	--NavExpanderIcon: transparent;
	--NavExpanderIconHover: transparent;
	/* Navigation font family */
	--NavFont: 'IBM Plex Sans', sans-serif;
	/* Root element font size; 16px is standard default */
	font-size: 17px;
	/* IBM typefaces */
	--FontHeading: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
	--FontSemiBold: 'IBM Plex Sans SemiBold', 'Helvetica Neue', Arial, sans-serif;
	--FontText: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
	/* IBM colors */
	--Brand1: #00659d;
	--Brand2: #3ddbd9;
	/* Interface button colors */
	--ButtonBackground: #ffffff;
	--ButtonBorder: #00659d;
	--ButtonBackgroundActive: #00659d;
	--ButtonBorderActive: #3ddbd9;
}

/* logo */

nav.title-bar
{
	box-shadow: 0 4px 6px 0 rgb(0, 101, 157, 0.3);
	padding-bottom: 26px;
}

div.title-bar-layout a.logo
{
	width: 240px;
	height: 45px;
	display: block;
	mc-hidden: hidden;
}

div.title-bar-layout a.logo
{
	background-image: url('../icons/ibm-logo-white.png');
	background-size: auto 45px;
	text-decoration: none;
	mc-hidden: hidden;
}

div.title-bar-layout a.logo::after
{
	content: 'Powered by Delinea';
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	font-family: var(--FontSemiBold);
	padding-top: 12px;
	padding-right: 26px;
	margin-bottom: 8px;
	width: 300px;
	text-align: right;
	display: block;
	color: #00ff5a;
	text-decoration: none;
	border-bottom: none;
	background-image: url('../icons/circle.png');
	background-size: auto 20px;
	background-position: right 16px;
	background-repeat: no-repeat;
	mc-hidden: hidden;
}

div.logo-wrapper::after
{
	font-size: 22px;
	padding-left: 4px;
	padding-top: 12px;
	mc-hidden: hidden;
}

/* Version picker overrides */

div.version-dropdown-container
{
	width: 400px;
	mc-hidden: hidden;
}

div#HeaderBreadcrumbsHolder
{
	width: calc(100% - 450px);
	mc-hidden: hidden;
}

div.VersionPickerNew div#OtherVersions
{
	background-image: url('../icons/functionbuttons/ibm/picker-versions.svg');
}

/* Images that replace the solid triangles used to expand and contract menu leafs. Change the positioning to align better with different font. */
/* Unselected OPEN node. */

ul.sidenav a[aria-expanded="true"] span.submenu-toggle-container,
ul.sidenav span.submenu-toggle-container[aria-expanded="true"],
ul.sidenav a[href*="javascript:void"] span.submenu-toggle-container[aria-expanded="true"],
ul.sidenav a[aria-expanded="false"] span.submenu-toggle-container,
ul.sidenav span.submenu-toggle-container[aria-expanded="false"],
ul.sidenav a[href*="javascript:void"] span.submenu-toggle-container,
ul.sidenav a.selected span.submenu-toggle-container[aria-expanded="true"],
ul.sidenav a.selected span.submenu-toggle-container[aria-expanded="false"],
ul.sidenav a:hover span.submenu-toggle-container[aria-expanded="true"],
ul.sidenav a:hover span.submenu-toggle-container[aria-expanded="false"],
ul.sidenav a.selected:hover span.submenu-toggle-container[aria-expanded="true"],
ul.sidenav a.selected:hover span.submenu-toggle-container[aria-expanded="false"],
ul.sidenav a[aria-expanded="true"]:hover span.submenu-toggle-container,
ul.sidenav a[aria-expanded="false"]:hover span.submenu-toggle-container,
ul.sidenav a.selected[aria-expanded="false"] span.submenu-toggle-container,
ul.sidenav a.selected[aria-expanded="true"] span.submenu-toggle-container,
ul.sidenav a.selected[aria-expanded="false"]:hover span.submenu-toggle-container,
ul.sidenav a.selected[aria-expanded="true"]:hover span.submenu-toggle-container
{
	background-position: 1px 6px;
	mc-hidden: hidden;
}

/* function button replacements */

div#NextTopic div.button-icon
{
	background-image: url('../icons/functionbuttons/ibm/button-next-normal.svg');
	mc-hidden: hidden;
}

div#PrevTopic div.button-icon
{
	background-image: url('../icons/functionbuttons/ibm/button-prev-normal.svg');
	mc-hidden: hidden;
}

div#Print div.button-icon
{
	background-image: url('../icons/functionbuttons/ibm/button-print-normal.svg');
	mc-hidden: hidden;
}

div#RemoveHighlight div.button-icon
{
	background-image: url('../icons/functionbuttons/ibm/button-highlight-normal.svg');
	mc-hidden: hidden;
}

div#Library
{
	background-image: url('../icons/functionbuttons/ibm/button-library-normal.svg');
	mc-hidden: hidden;
}

div#HomePage
{
	background-image: url('../icons/functionbuttons/ibm/button-home-normal.svg');
	mc-hidden: hidden;
}

div#RSS
{
	background-image: url('../icons/functionbuttons/ibm/button-rss-normal.svg');
	mc-hidden: hidden;
}

div#ReturnTop
{
	background-image: url('../icons/functionbuttons/ibm/button-top-normal.svg');
	mc-hidden: hidden;
}

div#DarkMode
{
	background-image: url('../icons/functionbuttons/ibm/button-darkmode-normal.svg');
	mc-hidden: hidden;
}

div#GitHub
{
	background-image: url('../icons/functionbuttons/ibm/button-github-normal.svg');
	mc-hidden: hidden;
}

div#PDFs
{
	background-image: url('../icons/functionbuttons/ibm/button-pdf-normal.svg');
	mc-hidden: hidden;
}

div#SearchAll
{
	background-image: url('../icons/functionbuttons/ibm/button-searchall-normal.svg');
	mc-hidden: hidden;
}

div#PresentationModeOn
{
	background-image: url('../icons/functionbuttons/ibm/button-presentation-on-normal.svg');
	mc-hidden: hidden;
}

div#PresentationModeOff
{
	background-image: url('../icons/functionbuttons/ibm/button-presentation-off-normal.svg');
	mc-hidden: hidden;
}

/* hover */

div#NextTopic:hover div.button-icon
{
	background-image: url('../icons/functionbuttons/ibm/button-next-hover.svg');
	mc-hidden: hidden;
}

div#PrevTopic:hover div.button-icon
{
	background-image: url('../icons/functionbuttons/ibm/button-prev-hover.svg');
	mc-hidden: hidden;
}

div#Print:hover div.button-icon
{
	background-image: url('../icons/functionbuttons/ibm/button-print-hover.svg');
	mc-hidden: hidden;
}

div#RemoveHighlight:hover div.button-icon
{
	background-image: url('../icons/functionbuttons/ibm/button-highlight-hover.svg');
	mc-hidden: hidden;
}

div#Library:hover
{
	background-image: url('../icons/functionbuttons/ibm/button-library-hover.svg');
	mc-hidden: hidden;
}

div#HomePage:hover
{
	background-image: url('../icons/functionbuttons/ibm/button-home-hover.svg');
	mc-hidden: hidden;
}

div#RSS:hover
{
	background-image: url('../icons/functionbuttons/ibm/button-rss-hover.svg');
	mc-hidden: hidden;
}

div#ReturnTop:hover
{
	background-image: url('../icons/functionbuttons/ibm/button-top-hover.svg');
	mc-hidden: hidden;
}

div#DarkMode:hover
{
	background-image: url('../icons/functionbuttons/ibm/button-darkmode-hover.svg');
	mc-hidden: hidden;
}

div#GitHub:hover
{
	background-image: url('../icons/functionbuttons/ibm/button-github-hover.svg');
	mc-hidden: hidden;
}

div#PDFs:hover
{
	background-image: url('../icons/functionbuttons/ibm/button-pdf-hover.svg');
	mc-hidden: hidden;
}

div#SearchAll:hover
{
	background-image: url('../icons/functionbuttons/ibm/button-searchall-hover.svg');
	mc-hidden: hidden;
}

div#PresentationModeOn:hover
{
	background-image: url('../icons/functionbuttons/ibm/button-presentation-on-hover.svg');
	mc-hidden: hidden;
}

div#PresentationModeOff:hover
{
	background-image: url('../icons/functionbuttons/ibm/button-presentation-off-hover.svg');
	mc-hidden: hidden;
}

/* active */

div#NextTopic:active div.button-icon
{
	background-color: var(--ButtonBackgroundActive);
	background-image: url('../icons/functionbuttons/ibm/button-next-active.svg');
	mc-hidden: hidden;
}

div#PrevTopic:active div.button-icon
{
	background-color: var(--ButtonBackgroundActive);
	background-image: url('../icons/functionbuttons/ibm/button-prev-active.svg');
	mc-hidden: hidden;
}

div#Print:active div.button-icon
{
	background-color: var(--ButtonBackgroundActive);
	background-image: url('../icons/functionbuttons/ibm/button-print-active.svg');
	mc-hidden: hidden;
}

div#RemoveHighlight:active div.button-icon
{
	background-color: var(--ButtonBackgroundActive);
	background-image: url('../icons/functionbuttons/ibm/button-highlight-active.svg');
	mc-hidden: hidden;
}

div#Library:active
{
	background-image: url('../icons/functionbuttons/ibm/button-library-active.svg');
	mc-hidden: hidden;
}

div#HomePage:active
{
	background-image: url('../icons/functionbuttons/ibm/button-home-active.svg');
	mc-hidden: hidden;
}

div#RSS:active
{
	background-image: url('../icons/functionbuttons/ibm/button-rss-active.svg');
	mc-hidden: hidden;
}

div#ReturnTop:active
{
	background-image: url('../icons/functionbuttons/ibm/button-top-active.svg');
	mc-hidden: hidden;
}

div#DarkMode:active
{
	background-image: url('../icons/functionbuttons/ibm/button-darkmode-active.svg');
	mc-hidden: hidden;
}

div#GitHub:active
{
	background-image: url('../icons/functionbuttons/ibm/button-github-active.svg');
	mc-hidden: hidden;
}

div#PDFs:active
{
	background-image: url('../icons/functionbuttons/ibm/button-pdf-active.svg');
	mc-hidden: hidden;
}

div#SearchAll:active
{
	background-image: url('../icons/functionbuttons/ibm/button-searchall-active.svg');
	mc-hidden: hidden;
}

div#PresentationModeOn:active
{
	background-image: url('../icons/functionbuttons/ibm/button-presentation-on-active.svg');
	mc-hidden: hidden;
}

div#PresentationModeOff:active
{
	background-image: url('../icons/functionbuttons/ibm/button-presentation-off-active.svg');
	mc-hidden: hidden;
}

/* Heading styles */

h1::after,
h2::after,
h3::after
{
	background-image: url('../icons/functionbuttons/ibm/link-copy.svg');
	background-position: right 90%;
	mc-hidden: hidden;
}

h2::after
{
	background-image: url('../icons/functionbuttons/ibm/link-copy.svg');
	background-position: right 75%;
	mc-hidden: hidden;
}

/* Table styles */

tr > th,
table.TableStyle-Alternate-Row-Color tr > th
{
	background-color: var(--IBMBlue);
}

@media only screen and (max-width: 1299px)
{
	div.nav-search-wrapper
	{
		padding-top: 24px;
	}
}

