﻿/*<meta />*/

/*These styles were developed for PCM content modernization and unification.*/
/*Last date of update: 21 Nov 2022*/

@import url('Body_Styles.css');

@import url('Heading_Styles.css');

@import url('Image_Styles.css');

@import url('List_Styles.css');

@import url('Callout_Styles.css');

@import url('Link_Styles.css');

@import url('Head_Foot_Styles.css');

@import url('MadCap_Styles.css');

@import url('Media_Styles.css');

/*Inline styles*/

tr:hover td
{
	background-color: #DDDDDD;
}

span.code
{
	font-family: "Consolas", "Courier New", monospace;
	font-size: 11pt;
	background-color: #dcdcdc;
}

span.Bold_UI_Elements_1
{
font-weight:bold;
}

span.Bold_UI_Elements
{
font-weight:bold;
}

span.Monotype
{
	font-family: "Consolas", "Courier New", monospace;
	letter-spacing: 0.2pt;
}

p.Related_Topics_Text
{
	font-size: 11.0pt;
	margin-bottom: 2pt;
	margin-top: 2pt;
}

.CAPS
{
	text-transform: uppercase;
}

div.NoPageBreak	/*Use to group items that should appear together on a printed page.*/
{
	page-break-inside: avoid;
	mc-hidden: hidden;
}

/*We can use MadCap's styling for this. Please see MadCap Flare feature styles section in MadCap_Styles.css*/
/*End of Inline styles.*/
/*==Master Page Topic Layout for top navigation output==*/

.main-section	/*This style applies the grey background. This HTML element is not on a master page, it is used at compile time.*/
{
	background-color: #f4f4f4;
}

.hzn-nav-header
{
	position: fixed;
	left: 0;
	top: 126px;
	width: 100%;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #c5c9ca;
}

.hzn-nav-header .clearfix
{
	float: right;
	margin-right: 7px;
	display: inline-block;
}

.MCBreadcrumbsBox_0.breadcrumbs
{
	margin-bottom: 0;
	padding-bottom: 0;
	Text-align: left;
	margin-left: 10px;
}

.MCBreadcrumbsPrefix
{
	font-size: 10pt;
	color: #003a70;
}

.MCBreadcrumbsLink
{
	font-size: 10pt;
}

.MCBreadcrumbsDivider
{
	font-size: 10pt;
}

.main-section > .outer-row
{
	padding-top: 1em;
	margin-left: unset;
	padding-bottom: 1em;
}

.MCBreadcrumbsSelf
{
	font-size: 10pt;
}

.hzn-content
{
	
}

.buttons._Skins_TopicToolBar.mc-component
{
	margin-bottom: 5px;
	mc-hidden: hidden;
}

nav.title-bar
{
	position: fixed;
	width: 100%;
	z-index: 1;
}

div.content-container	/*Wraps the topic content on the masterpage and provides the white background behind topics.*/
{
	margin-right: 0;
	background-color: white;
	margin-top: 50px;
	padding: 25px;
	padding-top: 0;
	min-height: 95vh;
	display: inline-block;
	width: 75%;
}

div.side-content
{
	position: fixed;
	top: 15px;
	right: 0;
	float: right;
	margin-bottom: 10px;
	width: 24%;
	border: 1px solid black;
	overflow-y: auto;
	max-height: calc(100% - 170px);
	margin-right: 15px;
	margin-top: 150px;
	display: inline-block;
}

ul.menu._Skins_SideMenu.mc-component li > a
{
	margin-left: 15px;
}

span.SearchHighlight
{
	text-decoration: underline;
	text-decoration-color: rgb(255,150,0);
	font-weight: bold;
	mc-hidden: hidden;
}

li.has-children .expander
{
	height: 11px;
	width: 11px;
	position: absolute;
	margin-top: 0.35em;
	left: 7px;
	cursor: pointer;
	background-position: left;
	background-image: url(../Images/GP_global_images/arrow-right-gray.png);
}

li.has-children .expander.expanded
{
	background-image: url(../Images/GP_global_images/arrow-down-gray.png);
}

div.side-content .sticky-container
{
	width: 100%;
}

div.side-content .sticky-menu
{
	width: 100%;
}

.off-canvas-content .outer-row
{
	margin: unset;
}

.off-canvas-wrapper-inner .outer-row
{
	max-width: unset;
	padding-left: 1em;
	padding-right: 1em;
}

ul.menu._Skins_SideMenu.mc-component
{
	background-color: #eeeeee;
}

ul.menu._Skins_SideMenu.mc-component li > a
{
	color: black;
	text-decoration: none;
}

ul.menu._Skins_SideMenu.mc-component li > a:hover	/*link hover color change for the side menu*/
{
	color: #003A70 !important;
	background-color: #C6D6E8 !important;
}

.dropDownHead
{
	text-transform: uppercase;
	font-weight: bold;
}

.dropDownHotspot:link
{
	color: #1d3a40;
}

p.warningAlt
{
	margin-bottom: 10px;
	mc-hidden: hidden;
}

/* End of top navigation style section */

div.note
{
	width: 800px;
	padding-right: 60;
	padding-left: 60px;
}

div.tip
{
	border: solid 2px #00857C;
	width: 800;
}

div.note_n
{
	width: 800px;
	mc-hidden: hidden;
}

div.refTo
{
	width: 800px;
	mc-hidden: hidden;
}