analytics/webcontent/pat/pat.css

.clsPreview
{
	border: 1px solid var(--text-03);
	overflow: hidden;
	text-align: center;
}
DIV.clsFrameResize
{
	text-align : left;
}
IMG.clsFrameResize
{
	position: absolute;
	width: 12px;
	height: 12px;
	cursor: se-resize;
}
.clsDrillDown
{
	text-decoration: underline;
	cursor: pointer;
}
.clsLabel,
.clsLabelSequence
{
	cursor: default;
	padding-bottom: 2px;
	font-size: var(--BODY-S);
}
.clsLabelSequence,
.clsCheckBoxSequence
{
	padding-top: var(--16S);
}
DIV.clsInfoBox
{
	cursor: default;
	overflow-y: auto;
	padding: 4px;
	font-size: var(--BODY-S);
	color: var(--text-02);
	background-color: var(--ui-01);
	border: 1px solid var(--G2);
}
.clsQueryView,
.clsOutlineView
{
	height: 100%;
	width: 100%;
	white-space: nowrap;
	padding: 3px;
	background-color: var(--ui-01);
}
.clsToolboxListView
{
	overflow: auto;
	white-space: nowrap;
	color: var(--text-01);
	padding: 3px;
	cursor: default;
	font-size: var(--BODY-S);
}
#idToolboxTabPanels_Pane
{
	z-index: 100;
	padding: 0 4px;
}
DIV.clsPaneHeader_active,
DIV.clsPaneHeader_inactive
{
	position: absolute;
}
DIV.clsMainPropertySheetEmptyMessage
{
	position: absolute;
	text-align: center;
	padding-top: 64px;
	font-weight: bold;
	font-size: var(--BODY);
	color: var(--active-ui);
}
#idProperties_Pane
{
	z-index: 102;
	padding: 0 4px;
}
#idDescription_Pane
{
	padding: 2px 4px;
	z-index: 102;
}
.clsTemplateText
{
	font-family: var(--F1);
	font-size: var(--BODY-S);
	font-weight: normal;
	font-style: normal;
	color: var(--text-01);
}
TD.clsConditionalPreview
{
	border: 1px solid var(--G2);
	font-size: var(--BODY-S);
	vertical-align: middle;
	height: 22px;
	width: 70px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	padding: 2px;
}
.clsPane_Toolbox_active,
.clsPane_Toolbox_inactive
{
	position: absolute;
	overflow: auto;
}
.clsPreviewTableCell
{
	border-width: 1px 1px 0 0;
}
.clsPreviewTitleCell
{
	border-width: 0 0 0 1px;
}
.clsPane_Workarea_active,
.clsPane_Workarea_inactive
{
	position: absolute;
	overflow: auto;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid var(--G2);
}
.clsPane_Properties_active,
.clsPane_Properties_inactive
{
	position: absolute;
	overflow: auto;
}
.clsPane_Properties_inactive
{
	background-color: var(--ui-03);
}
#idWorkareaPane
{
	margin: 0;
	padding: 0;
}
#idInsertableObjectsHeader_Pane,
#idRightHeader_Pane
{
	border-bottom: 1px solid var(--ui-03);
}
#idInsertableObjectsHeader_Pane,
#idRightHeader_Pane,
.clsQueryViewListPane
{
	z-index: 100;
}
#idWorkarea_Pane
{
	z-index: 98;
}
.clsDialogPropertySheet
{
	z-index: 1502;
	position: relative;
}
.clsDialogPropertySheetInputBlocker
{
	z-index: 1501;
}
.clsQueryViewListViewHeader
{
	cursor: default;
	padding: 0 var(--8XS) 0 var(--16S);
	border-left: 1px solid var(--G2);
	border-top: 1px solid var(--G2);
	border-right: 1px solid var(--G2);
	white-space: nowrap;
	background-color: var(--ui-01);
	line-height: 32px;
	font-weight: bold;
}
IMG.clsListSortState
{
	height: 8px;
	width: 8px;
	margin: 0 2px 0 1px;
}
DIV.clsPagePreviewContainer
{
	border: 1px solid var(--text-03);
	overflow: hidden;
	background-color: var(--ui-01);
	height: 350px;
	width: 310px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
DIV.clsPagePreview
{
	padding: 4px;
	height: 100%;
	width: 100%;
	zoom: 50%;
}
TD.clsChartPalettePreviewCell,
TD.clsChartPalettePreviewCell_empty
{
	font-family: sans-serif;
	font-size: 2pt;
	border: solid 1px var(--B);
	padding: 0;
}
TD.clsChartPalettePreviewCell_empty
{
	border-color: transparent;
}
.clsNumPaletteCell
{
	padding: 2px;
	border-right: 1px solid var(--B);
	white-space: nowrap;
}
.clsNumPaletteCellLeft
{
	width: 50%;
	overflow: hidden;
	text-align: left;
}
.clsNumPaletteCellRight
{
	width: 50%;
	overflow: hidden;
	text-align: right;
}
.clsSectionOverviewPane
{
	padding: 6px 4px 4px 4px;
	height: 53px;
	background-color: transparent;
	border: 1px solid var(--G2);
	border-top: none;
}
.clsWorkAreaToolbarPane
{
	z-index: 100;
}
#idTopToolbarPane
{
	border-bottom: 1px solid var(--G2);
}

.clsSelectValuesControlList
{
	height: 240px;
}
.clsGalleryErrorMsg
{
	white-space: normal;
	padding: 4px;
}
DIV.clsAppPane
{
	border-top: 1px solid var(--G2);
}
#mnuLayoutPopup,
#mnuMetaDataPopup,
#mnuPagesPopup,
#mnuQueryEditPopup,
#mnuQueriesEditPopup
{
	margin-top: 0;
}

DIV.clsListViewReportView,
DIV.clsListViewReportViewWithGridLines
{
	background-color: var(--ui-01);
	line-height: 32px;
}
DIV.clsListView_dropdown
{
	background-color: var(--ui-01);
	border-width: 0;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
DIV.clsListViewReportView .clsListItem_normal,
DIV.clsListViewReportView .clsListItem_hover,
DIV.clsListViewReportView .clsListItem_selected,
DIV.clsListViewReportView .clsListItem_selected_inactive,
DIV.clsListViewReportViewWithGridLines .clsListItem_normal > TD.clsListItem_gridLine:first-of-type,
DIV.clsListViewReportViewWithGridLines .clsListItem_hover > TD.clsListItem_gridLine:first-of-type,
DIV.clsListViewReportViewWithGridLines .clsListItem_selected > TD.clsListItem_gridLine:first-of-type
{
	padding-left: 16px
}
DIV.clsListViewReportViewWithGridLines .clsListItem_hover > TD.clsListItem_gridLine
{
	background-color: var(--hover-ui);
}
DIV.clsListViewReportViewWithGridLines .clsListItem_selected > TD.clsListItem_gridLine
{
	background-color: var(--selected-ui);
}

TABLE.clsComboBox
{
	height: 32px;
	font-size: var(--BODY-S);
	border-width: 0;
	border-bottom: 1px solid var(--ui-04);
	background-color: var(--field-01);
}
TABLE.clsComboBox:hover
{
	background-color: var(--hover-ui);
}
TABLE.clsComboBox[_abk]
{
	outline: 2px solid var(--primary1);
	outline-offset: -1px;
}

TD.clsComboBoxIcon
{
	width: 32px;
	cursor: pointer;
}
IMG.clsComboBoxIconImg,
svg.clsComboBoxIconImg
{
	display: block;
	margin-left: 16px;
}

TD.clsComboBoxArrow,
TD.clsComboBoxArrow_down,
TD.clsComboBoxArrow_disabled
{
	background-size: 16px;
}
TD.clsComboBoxArrow_disabled
{
	opacity: 0.5;
}

.clsTouchHeight
{
 	height: 40px;
	line-height: 40px;
}

DIV.clsRcTooltip
{
	position: absolute;
	pointer-events: none;
	z-index: 10000;
	color: var(--B);
	padding: 5px 6px 5px 6px;
	border: 2px solid var(--text-03);
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 5px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
}

DIV.clsDuplicateWarningListBody
{
	height: 125px;
}

DIV.clsGeoWarningListBody
{
	height: 175px;
	padding: 2px;
}

DIV.clsGeoWarningList
{
	vertical-align: top;
	padding: 10px;
}

DIV.clsGeoWarningPair
{
	display: inline-block;
	width: 50%;
}

DIV.clsGeoWarningContainer
{
	width: 480px;
}

DIV.clsGeoWarning
{
	padding-left: 5px;
}

svg.clsGeoWarningIcon
{
	vertical-align: middle;
	margin-right: 6px;
	margin-bottom: 5px;	
}

DIV.clsGeoWarningLimit
{
	margin-left: 10px;
	margin-bottom: 8px;
}

DIV.clsGeoWarningLayer
{
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 8px;
}

DIV.clsVizErrorMessage
{
	font-weight: normal;
	text-align: center;
	color: var(--B);
	background-color: var(--ui-03);
	border: 1px solid var(--text-03);
	padding: 5px;
}

DIV.clsListViewRadioView SPAN.clsListItemLabel
{
	margin-left: var(--16S) !important;
	padding: 0 !important;
}
DIV.clsListViewCheckboxView IMG.clsListViewCheckboxImg
{
	margin-right: var(--16S) !important;
}
DIV.clsListViewRadioView DIV.clsListItem,
DIV.clsListViewCheckboxView DIV.clsListItem
{
	display: flex;
	align-items: center;
	margin-bottom: var(--16S);
	padding: 0 !important;
}
DIV.clsListViewRadioView DIV.clsListItem:last-child,
DIV.clsListViewCheckboxView > TABLE > TBODY > TR:last-child DIV.clsListItem
{
	margin-bottom: 0;
}

#idWorkareaPane *[_6be="true"]:not([_doc="true"]):not([specname="page"]):not([specname="pageBody"]):not([specname="pageHeader"]):not([specname="pageFooter"]):not(polyline)
{
	outline: 2px dotted var(--RS-OUTLINE-SELECTION-COLOR);
}
#idWorkareaPane *[_fl9="true"]:not([_doc="true"]):not([specname="page"]):not([specname="pageBody"]):not([specname="pageHeader"]):not([specname="pageFooter"]):not(polyline)
{
	outline: 3px solid var(--RS-OUTLINE-SELECTION-COLOR);
}

MAP
{
	outline: none !important;
}

.clsSvgImageMap
{
	/* Override the padding from GlobalReportStyles */
	padding: 0 !important;
	background-position: 0 0 !important;
	background-repeat: no-repeat !important;
}

.clsSvgImageMap polyline
{
	pointer-events: visible;
	fill: transparent;
	fill-opacity: 0.4;
	stroke: transparent;
	stroke-width: 3px;
}
.clsSvgImageMap polyline[_fl9="true"]
{
	stroke: var(--RS-DATA-SELECTION-BG-COLOR);
	stroke-dasharray: none;
}
.clsSvgImageMap polyline[roid]:not([_doc="true"]):not([_s26="true"]):not([_fl9="true"]):hover
{
	stroke: var(--RS-DATA-SELECTION-BG-COLOR);
	stroke-dasharray: 3,3;
}
.clsSvgImageMap polyline[_s26="true"]
{
	fill: var(--RS-DATA-SELECTION-BG-COLOR);
	stroke: var(--RS-DATA-SELECTION-BG-COLOR);
	stroke-dasharray: none;
}
*[_ik9="true"]
{
	background-color: var(--RS-SPEC-SELECTION-BG-COLOR);
}
*[_hk9="true"]
{
	background-color: var(--RS-DATA-SELECTION-BG-COLOR) !important;
}

DIV.clsCabinet
{
	position: absolute;
	z-index: 101;
	visibility: hidden;
}

BUTTON.clsPanePin
{
	vertical-align: middle;
	overflow: hidden;
	border: none;
	padding: 0;
	font-size: 2pt;
	background-color: transparent;
	display: flex;
	align-items: center;
	width: 40px;
	height: 100%;
}
IMG.clsPanePinImg
{
	margin: 0 auto;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
	transition-property: transform;
	transform-origin: 50% 50%;
	transform: rotate(-45deg);
}
BUTTON.clsUnpinned IMG.clsPanePinImg
{
	transform: rotate(0deg);
}

DIV.clsTitanRightPaneDrawer,
DIV.clsTitanLeftPaneDrawer
{
	position: absolute;
	display: none;
	background-color: var(--ui-01);
}
DIV.clsTitanRightPaneDrawer
{
	box-shadow: -7px 0 5px rgba(0,0,0,0.25);
}
DIV.clsTitanLeftPaneDrawer
{
	box-shadow: 7px 0 5px rgba(0,0,0,0.25);
}

DIV.clsPageModuleError
{
	cursor: default;
	position: absolute;
	z-index: 999999;
	min-width: 200px;
	padding: 12px;
	font-weight: bold;
	background-color: var(--support-01);
	color: var(--text-04);
	box-shadow: 0 0 12px rgba(0,0,0,0.5);
}

DIV.clsLeftPane:not([_ei9="true"])
{
	border-right: 1px solid var(--G2);
}
DIV.clsRightPane:not([_ei9="true"])
{
	border-left: 1px solid var(--G2);
}

DIV.clsViewerProgress
{
	display: flex;
	flex-direction: column;
	width: 214px;
	height: 111px;
	margin-bottom: 107px;
	border: 1px solid var(--ui-03);
	background-color: var(--ui-01);
	text-align: center;
}

DIV.clsViewerBlocker
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	z-index: 10000;
	visibility: hidden;
	height: 100%;
	width: 100%;
	cursor: wait;
}

DIV.clsViewerPage
{
	display: none;
	height: 100%;
	width: 100%;
	overflow: auto;
	position: relative;
}

.clsViewerPageTabs TD.clsTabBox_inactive,
.clsViewerPageTabs TD.clsTabBox_inactive_hover,
.clsViewerPageTabs TD.clsTabBox_active,
.clsViewerPageTabs TD.clsTabBox_active_hover
{
	padding-right: 8px;
	padding-left: 6px;
}
.clsViewerPageTabs DIV.clsTabDivInner
{
	padding-top: 14px;
	padding-bottom: 11px;
}

TABLE.clsTabBoxOrientationTop
{
	border-bottom: 1px solid var(--ui-03);
}
TABLE.clsTabBoxOrientationBottom
{
	border-top: 1px solid var(--ui-03);
}

DIV.clsTabDivInner
{
	transition-property: border-color;
	border-width: 2px;
	border-style: solid;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: var(--ui-03);
}
TD.clsTabBox_active DIV.clsTabDivInner,
TD.clsTabBox_active_hover DIV.clsTabDivInner,
TD.clsBottomTabBox_active DIV.clsTabDivInner,
TD.clsBottomTabBox_active_hover DIV.clsTabDivInner
{
	border-bottom-color: var(--interactive-04);
	font-weight: bold;
}
TD.clsTabBox_inactive DIV.clsTabDivInner:hover,
TD.clsTabBox_inactive_hover DIV.clsTabDivInner:hover,
TD.clsBottomTabBox_inactive DIV.clsTabDivInner:hover,
TD.clsBottomTabBox_inactive_hover DIV.clsTabDivInner:hover
{
	border-bottom-color: var(--ui-04);
}
TD.clsTabBox_active:focus DIV.clsTabDivInner,
TD.clsTabBox_active_hover:focus DIV.clsTabDivInner,
TD.clsBottomTabBox_active:focus DIV.clsTabDivInner,
TD.clsBottomTabBox_active_hover:focus DIV.clsTabDivInner,
TD.clsTabBox_inactive:focus DIV.clsTabDivInner,
TD.clsTabBox_inactive_hover:focus DIV.clsTabDivInner,
TD.clsBottomTabBox_inactive:focus DIV.clsTabDivInner,
TD.clsBottomTabBox_inactive_hover:focus DIV.clsTabDivInner
{
	border-color: var(--focus);
}

DIV.clsSearchBoxContainer
{
	display: flex;
	align-items: center;
	border-bottom: 1px solid var(--ui-04);
	padding-left: var(--16S);
}
DIV.clsSearchBoxContainer.clsActiveSearchBox
{
	border-bottom-color: var(--primary1);
}
svg.clsSearchIcon
{
	margin-right: var(--8XS);
	fill: var(--icon-02);
}
INPUT.clsSearchBox
{
	flex-grow: 1;
	border: 0;
	margin: 0;
	font-size: var(--BODY-S);
	height: 32px;
	line-height: 32px;
	color: var(--text-01);
	background-color: var(--field-01);
}
INPUT.clsSearchBox::placeholder
{
	color: var(--text-03);
}
INPUT.clsSearchBox::-ms-clear
{
	display: none;
}
BUTTON.clsSearchBtnClear
{
	border: 0;
	background-color: transparent;
	margin: 0;
	height: 32px;
	width: 32px;
	padding: 0;
	overflow: visible;
	cursor: pointer;
	display: none;
}
BUTTON.clsSearchBtnClear:hover
{
	background-color: var(--hover-ui);
}
.clsActiveSearchBox BUTTON.clsSearchBtnClear
{
	display: block;
}
DIV.clsSearchBoxContainer.clsMinimalSearchBox
{
	padding-left: var(--8XS);
}
DIV.clsSearchBoxContainer.clsCompactSearchBox svg.clsSearchIcon,
DIV.clsSearchBoxContainer.clsMinimalSearchBox svg.clsSearchIcon
{
	display: none;
}

.clsTemplateTheme_normal,
.clsTemplateTheme_hover,
.clsTemplateTheme_selected
{
	cursor: default;
	text-align: center;
	padding-top: 8px;
	color: var(--text-01);
	fill: var(--icon-01);
}
.clsTemplateTheme_hover
{
	background-color: var(--hover-ui);
}
.clsTemplateTheme_selected
{
	background-color: var(--selected-ui);
}

.clsFilter
{
	fill: var(--primary1);
	margin-left: 5px;
}

.clsDefaultPromptTitle
{
	font-size: var(--BODY);
	color: var(--primary1);
	padding-left: 3px;
	padding-top: 3px;
}
.clsDefaultPromptHint
{
	padding: 10px 0 0 5px;
}

TABLE.clsFixedHeightListBody
{
	table-layout: fixed;
	border-collapse: collapse;
}

TBODY.clsFixedHeightListBodyTBody
{
	display: block;
	overflow-x: hidden;
	overflow-y: scroll;
}

.clsLocalFileLoadProgress
{
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 99999;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: wait;
}
.clsLocalFileLoadProgressInnerDiv
{
	padding: 16px;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	box-shadow: 0 1px 8px;
	text-align: center;
}
.clsLocalFileLoadProgressSvg
{
	display: inline-block;
	height: 128px;
	width: 128px;
	fill: var(--G2);
}

/*
*[_3kc="true"]
{
	display: flex !important;
}

*[_3kc="true"] > MAP
{
	position: absolute;
	display: none;
}

*[_3kc="true"] > *
{
	flex: 0 0 auto;
}
*[_3kc="true"] > *[style*='width:100%'],
*[_3kc="true"] > *[style*='width: 100%']
{
	width: auto !important;
}
*[_3kc="true"][_li9="true"]:not([_jak="true"])::before,
*[_3kc="true"][_li9="true"]:not([_jak="true"])::after
{
	content: '';
}
*[_3kc="true"][_li9="true"]:not([_jak="true"])
{
	justify-content: space-between !important;
}

.clsFlexPropertyFlexDirection_row,
.clsFlexPropertyFlexDirection_column,
.clsFlexPropertyJustifyContent_row,
.clsFlexPropertyJustifyContent_column,
.clsFlexPropertyAlignItems_row,
.clsFlexPropertyAlignItems_column
{
	border: 1px solid var(--ui-03);
	background-color: var(--ui-02);
	display: flex;
}
.clsFlexPropertyAlignItems_column,
.clsFlexPropertyAlignItems_column
{
	flex-direction: column;
}
.clsFlexPropertyAlignItems_row,
.clsFlexPropertyAlignItems_column
{
	margin: 2px;
	height: 64px;
}
.clsFlexPropertyFlexDirection_row,
.clsFlexPropertyFlexDirection_column,
.clsFlexPropertyJustifyContent_column
{
	margin: 2px;
	height: 100px;
}
.clsFlexPropertyFlexDirection_row svg,
.clsFlexPropertyFlexDirection_column svg
{
	width: 22px;
	height: 22px;
	fill: var(--primary2);
	stroke: var(--primary2);
}
.clsFlexPropertyFlexDirection_column,
.clsFlexPropertyJustifyContent_column
{
	flex-direction: column;
}
.clsFlexPropertyFlexDirection_column svg
{
	transform: rotate(90deg);
}
.clsFlexPropertyFlexDirection_row > DIV,
.clsFlexPropertyFlexDirection_column > DIV,
.clsFlexPropertyJustifyContent_row > DIV,
.clsFlexPropertyJustifyContent_column > DIV,
.clsFlexPropertyAlignItems_row > DIV,
.clsFlexPropertyAlignItems_column > DIV
{
	margin: 1px;
	height: 22px;
	width: 22px;
	background-color: var(--text-02);
	border-radius: 2px;
}
.clsFlexPropertyJustifyContent_column > DIV
{
	height: 16px;
	width: 16px;
	border-radius: 1px;
}

.clsFlexPropertyAlignItems_row > DIV,
.clsFlexPropertyAlignItems_column > DIV
{
	margin: 2px;
	flex: 1 1 auto;
}
*/

TABLE.clsButtonBarHorizontal,
TABLE.clsButtonBarVertical
{
	background-color: var(--hover-ui);
	border-radius: 4px;
}

TD.clsButtonBarButton
{
	cursor: pointer;
	padding: 0 var(--16S);
}

TD.clsButtonBarHorizontalButtonFirst
{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
TD.clsButtonBarHorizontalButtonLast
{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

TD.clsUpAndSelected,
TD.clsOverAndSelected,
TD.clsDownAndSelected
{
	background-color: var(--ui-05);
	color: var(--ui-01);
}