analytics/webcontent/bi/pat/panes/_iyc.htm

<style>
DIV.clsViewTitleContainer
{
	display: flex;
	flex: 0 0 auto;
	white-space: nowrap;
	font-size: var(--BODY-S);
	color: var(--text-01);
	fill: var(--icon-01);
	padding: 0 16px 0 8px;
}
DIV.clsViewTitleContainer > DIV
{
	display: flex;
	flex: 0 0 auto;
	align-items: center;
}
DIV.clsViewTitleContainer[_0sg=true] A:focus
{
	outline: 2px dotted var(--focus);
}
svg.clsViewTitleDropdownArrow
{
	height: 12px;
	width: 12px;
	vertical-align: middle;
	margin-left: 4px;
}
A.clsViewTitleAnchor
{
	transition: background-color 70ms cubic-bezier(0,0,.38,.9);
}
A.clsViewTitleAnchor svg
{
	display: block;
	height: 16px;
	width: 16px;
}

.clsViewTitleDefaultLabel
{
	font-weight: bold;
	color: var(--primary1);
	fill: var(--primary1);
}
svg.clsViewTitleChevron
{
	height: 16px;
	width: 16px;
	margin-left: 8px;
}
A.clsViewTitleAnchor[_pwi=false]:not([_m9k="true"]):hover,
A.clsSvgButton16x16[_pwi=false]:not([_m9k="true"]):hover
{
	fill: var(--text-02);
	color: inherit;
	cursor: default;
}
A.clsViewTitleAnchor[_m9k="true"],
A.clsSvgButton16x16[_m9k="true"]
{
	fill: var(--disabled-02);
	cursor: default;
}
DIV.clsViewTitleAnchorContainer,
DIV.clsViewTitleTextAnchorContainer
{
	cursor: pointer;
	justify-content: center;
}
DIV.clsViewTitleAnchorContainer
{
	width: 40px;
}
DIV.clsViewTitleTextAnchorContainer > A.clsViewTitleAnchor
{
	padding-left: 8px;
	padding-right: 8px;
}
DIV.clsViewTitleAnchorContainer[_cxm=true],
#idViewTitleConditionalStateAnchor[_l7m=true]
{
	background-color: var(--selected-ui);
}
DIV.clsViewTitleAnchorContainer > A.clsViewTitleAnchor,
DIV.clsViewTitleTextAnchorContainer > A.clsViewTitleAnchor
{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
DIV.clsViewTitleAnchorContainer > A.clsViewTitleAnchor
{
	flex: 1;
}
#idViewTitleNameSpan
{
	font-weight: bold;
}
#idViewTitleLevel2IconSpan svg
{
	vertical-align: text-bottom;
	margin-right: 4px;
}

A.clsViewTitleAnchor:not([_m9k="true"]):hover,
#idViewTitleLevel1Anchor[_pwi=true]:hover,
#idViewTitleNameAnchor[_pwi=true]:hover,
#idViewTitleAddAnchor:hover,
#idViewTitleReportAnchor:hover svg
{
	cursor: pointer !important;
	background-color: var(--hover-ui);
}
#idViewTitleReportAnchor svg
{
	transition-duration: 0.2s;
	transition-timing-function: ease;
	transition-property: transform;
}

#idViewTitleReportAnchor:not([_l7m=true]):hover svg
{
	transform: rotate(90deg) !important;
}
#idViewTitleReportAnchor[_ebk=true]:not([_l7m=true]) svg
{
	visibility: hidden;
	transform: rotate(90deg) !important;
}
#idViewTitleReportAnchor[_ebk=true]:hover svg
{
	visibility: visible;
}

#idViewTitleNameAnchor[_pwi=true][_l7m=true] #idViewTitleNameSpanDropdownArrow,
#idViewTitleNameAnchor[_pwi=true]:hover #idViewTitleNameSpanDropdownArrow
{
	display: inline !important;
}
</style>

<div class="clsViewTitleContainer">

	<div id="idViewTitleViewer">
		<a id="idViewTitleViewerAnchor" class="clsSvgButton" onmousedown="_iyc._xl7(event)" aria-haspopup="true">
			<span>Viewer</span><svg id="idViewTitleViewerDropdownArrow" class="clsViewTitleDropdownArrow"><use xlink:href="#def_hal_dropdown_arrow_16x16"/></svg>
		</a>
	</div>

	<div id="idViewTitleBack" class="clsViewTitleAnchorContainer" HAL_idsTooltip="IDS_MI_VIEW_BACK">
		<a id="idViewTitleBackAnchor" class="clsViewTitleAnchor" tabIndex="0" HAL_idsAriaLabel="IDS_MI_VIEW_BACK">
			<svg id="idViewTitleBackSvg"><use xlink:href="#def_arrow_left_16x16"/></svg>
		</a>
	</div>

	<div id="idViewTitleForward" class="clsViewTitleAnchorContainer" HAL_idsTooltip="IDS_MI_VIEW_FORWARD">
		<a id="idViewTitleForwardAnchor" class="clsViewTitleAnchor" HAL_idsAriaLabel="IDS_MI_VIEW_FORWARD">
			<svg><use xlink:href="#def_arrow_right_16x16"/></svg>
		</a>
	</div>

	<div id="idViewTitleNavigatorSeparator">
		<svg style="width:24px; height:24px" viewBox="0 0 24 24">
			<line x1="11" y1="0" x2="11" y2="23" stroke-width="1" stroke="var(--ui-03)"/>
		</svg>
	</div>

	<div id="idViewTitleReport" class="clsViewTitleTextAnchorContainer">
		<a id="idViewTitleReportAnchor" class="clsViewTitleAnchor" style="display:flex; align-items:center;" aria-haspopup="true">
			<span id="idViewTitleReportTitle" HAL_ids="IDS_EL_report"></span>
			<svg class="clsViewTitleChevron"><use xlink:href="#def_chevron_right_16x16"/></svg>
		</a>
	</div>

	<div id="idViewTitleLevel1" class="clsViewTitleTextAnchorContainer">
		<a id="idViewTitleLevel1Anchor" class="clsViewTitleAnchor">
			<span id="idViewTitleLevel1Span"></span>
		</a>
	</div>

	<div id="idViewTitleLevel2Chevron">
		<svg class="clsViewTitleChevron" style="margin-left:0"><use xlink:href="#def_chevron_right_16x16"/></svg>
	</div>

	<div id="idViewTitleLevel2" class="clsViewTitleTextAnchorContainer">
		<a id="idViewTitleNameAnchor" class="clsViewTitleAnchor" aria-haspopup="true">
			<span id="idViewTitleLevel2IconSpan" style="display:none"></span>
			<span id="idViewTitleNameSpan"></span>
			<svg id="idViewTitleNameSpanDropdownArrow" class="clsViewTitleDropdownArrow" style="display:none"><use xlink:href="#def_hal_dropdown_arrow_16x16"/></svg>
		</a>
	</div>

	<div id="idViewTitleAdd">
		<a id="idViewTitleAddAnchor" style="margin-left:var(--8XS)" class="clsSvgButton16x16" HAL_idsTooltip="IDS_BTN_ADD" HAL_idsAriaLabel="IDS_BTN_ADD"><svg><use xlink:href="#def_hal_add_16x16"/></svg></a>
	</div>

	<div style="margin:auto;"></div>

	<div id="idViewTitleConditionalState" class="clsViewTitleAnchorContainer" style="display:none">
		<a id="idViewTitleConditionalStateAnchor" class="clsViewTitleAnchor" aria-haspopup="true">
			<svg><use xlink:href="#def_variable_16x16"/></svg>
		</a>
	</div>

	<div id="idViewTitleLock" class="clsViewTitleAnchorContainer" HAL_idsTooltip="IDS_MI_STRUCTURE_LOCKED">
		<a id="idViewTitleLockedAnchor" class="clsViewTitleAnchor" HAL_idsAriaLabel="IDS_MI_STRUCTURE_LOCKED"><svg><use xlink:href="#def_authoring_locked"/></svg></a>
		<a id="idViewTitleUnlockedAnchor" class="clsViewTitleAnchor" style="display:none" HAL_idsAriaLabel="IDS_MI_STRUCTURE_LOCKED"><svg><use xlink:href="#def_authoring_unlocked"/></svg></a>
	</div>

	<div id="idViewTitleEditor" _pwi="true" class="clsViewTitleTextAnchorContainer">
		<a id="idViewTitleEditorAnchor" class="clsViewTitleAnchor" aria-haspopup="true">
			<span id="idViewTitleEditorSpan"></span>
			<svg id="idViewTitleEditorSpanDropdownArrow" class="clsViewTitleDropdownArrow"><use xlink:href="#def_hal_dropdown_arrow_16x16"/></svg>
		</a>
	</div>

	<div id="idViewTitleQueriesView" _pwi="true" class="clsViewTitleTextAnchorContainer">
		<a id="idViewTitleQueriesViewAnchor" class="clsViewTitleAnchor" aria-haspopup="true">
			<span id="idViewTitleQueriesViewSpan"></span>
			<svg id="idViewTitleQueriesViewSpanDropdownArrow" class="clsViewTitleDropdownArrow"><use xlink:href="#def_hal_dropdown_arrow_16x16"/></svg>
		</a>
	</div>

	<div id="idViewTitleDotDotDot" class="clsViewTitleAnchorContainer" HAL_idsTooltip="IDS_BTN_MORE">
		<a id="idViewTitleDotDotDotAnchor" class="clsViewTitleAnchor" aria-haspopup="true">
			<svg><use xlink:href="#def_overflowMenu_16"/></svg>
		</a>
	</div>

	<div id="idViewTitleProperties" class="clsViewTitleAnchorContainer" HAL_idsTooltip="IDS_TOOLTIP_SHOW_PROPERTIES">
		<a id="idViewTitlePropertiesAnchor" class="clsViewTitleAnchor" HAL_idsAriaLabel="IDS_TOOLTIP_SHOW_PROPERTIES">
			<svg><use xlink:href="#def_settings_16"/></svg>
		</a>
	</div>

</div>