
@import "ALPConstants.less";

.sapSmartTemplatesAnalyticalListPageMasterExtension {
	overflow: hidden;
}

.sapSmartTemplatesAnalyticalListPageFilterContainer.sapUiVlt{
	display:block;
	overflow:inherit;
}

.sapSmartTemplatesAnalyticalListPageChartContainer {
	min-height: @_sap_suite_ui_generic_template_ALPConstants_PageChartMinHeight;
}
.sapSmartTemplatesAnalyticalListPageInheritHeight{
	height:inherit;
}
.sapSmartTemplatesAnalyticalListPageCompactFilter {
	border-bottom: none;
}
.sapSmartTemplatesAnalyticalListPageVFDialogChartTitle {
	padding-left: 0.4rem;
}
.sap-desktop .sapSmartTemplatesAnalyticalListPageVFDialogChartTitle {
	padding-left: 0.4rem;
	max-width: 60%;
}

.sapSmartTemplatesAnalyticalListPageVFDialogGroupTitle {
	font-family: @sapUiFontHeaderFamily; 
	font-size: @sapMFontHeader5Size !important;
	font-weight: @sapUiFontHeaderWeight; 
	color: @sapUiGroupTitleTextColor;
}

.sapSmartTemplatesAnalyticalListPageDynamicPageTitle>.sapFDynamicPageTitleMain.sapFDynamicPageTitleMainNoContent>.sapFDynamicPageTitleMainLeft {
	width: 59% !important;
}
/***** Required end *****/

/***** UI Tweaks start *****/

.sapUiCompSmartFullScreenDialog{
	.sapSmartTemplatesAnalyticalListPageContentContainer{
		.sapMTB{
			border-bottom-color: @sapUiChartBackgroundColor;
 		}
	}
}

.sapSmartTemplatesAnalyticalListPageFilterDialogToolbar.sapMTB{
	border-bottom-color: @sapUiChartBackgroundColor;
}

.sapSmartTemplatesAnalyticalListPageSmartChart{
	.sapMTB{
		border-bottom-color: @sapUiChartBackgroundColor;
	}
}
.sapMListBGTranslucent{
	.sapSmartTemplatesAnalyticalListPageRowHighlighted.sapMLIB.sapMListTblRow{
		background-color: @sapUiListSelectionBackgroundColor !important;
		> td{ 
			border-bottom: @sapElement_BorderWidth solid @sapUiListSelectionBorderColor;
		}
	}
}
.sapSmartTemplatesAnalyticalListPageRowHighlighted{
	background-color: @sapUiListSelectionBackgroundColor !important;
	.sapUiTableCell{
		border-bottom: @sapElement_BorderWidth solid @sapUiListSelectionBorderColor;
		&.sapUiTableRowSelectionCell{
			box-shadow: none !important;
		}
	}
}

.sapSmartTemplatesAnalyticalListPageDropdownDialogCancelButton.sapUiIcon{
    margin-right: @_sap_suite_ui_generic_template_ALPConstants_ShowSelectedPadding !important;
	padding: @_sap_suite_ui_generic_template_ALPConstants_ShowSelectedPadding !important;
}

.sapSmartTemplatesAnalyticalListPageSelectedLinkDialog .sapMTB-Info-CTX.sapMTB{
	padding: 0 0.25rem !important;
}
.sapSmartTemplatesAnalyticalListPageSelectedLinkDialog .sapMLIB{
	padding:0 .75rem 0 .75rem;
}
.sapUiTableCtrl{
	.sapUiTableGroupHeader.sapSmartTemplatesAnalyticalListPageRowHighlighted{
		background-color: @sapUiListSelectionBackgroundColor;
	}
}

.sapUiTableRowHdr.sapUiTableGroupHeader.sapSmartTemplatesAnalyticalListPageRowHighlighted{
	background-color: @sapUiListSelectionBackgroundColor;
}

.sapUiTable{
	.sapUiTableCtrl{
		.sapUiTableRowHvr.sapSmartTemplatesAnalyticalListPageRowHighlighted{
			> td{
				background-color: @sapUiListSelectionBackgroundColor;
			}
	   	}
	}
	.sapUiTableRowHdr.sapUiTableGroupHeader.sapUiTableRowHvr.sapSmartTemplatesAnalyticalListPageRowHighlighted{
		background-color: @sapUiListSelectionBackgroundColor;
	}
}

.sapSmartTemplatesAnalyticalListPageTableContainer>.sapUiCompSmartTable{
    .sapMTB{
		margin-bottom: @_sap_suite_ui_generic_template_ALPConstants_ToolbarMarginBottom;
		border-bottom-color: @sapUiChartBackgroundColor;
	}
}
.sapSmartTemplatesAnalyticalListPageVisualFilterBar{
    .sapMHdrCntrItemCntr.sapMHrdrCntrInner {
    	vertical-align: top;
    	height: 11rem;
    }
    height: 11rem !important;
}

.sapSmartTemplatesAnalyticalListPageVisualFilterBarCozy {
    .sapMHdrCntrItemCntr.sapMHrdrCntrInner {
    	vertical-align: top;
    	height: 14rem;
    }
    height: 14rem !important;
}

.sapSmartTemplatesAnalyticalListPageVisualFilterToolbar{
	margin-right: @_sap_suite_ui_generic_template_ALPConstants_VisualFilterToolbarMargin;
}

.sapSmartTemplatesAnalyticalListPageVisualFilterTitleToolbar.sapMTB { /* not possible to hide the line at the bottom of the toolbar via settings, have to do this via CSS*/
	border-bottom: none;
	padding: @_sap_suite_ui_generic_template_ALPConstants_PageChartTitlePadding;

}

.sapUiSizeCompact .sapFDynamicPageTitleWrapper>.sapSmartTemplatesAnalyticalListPageDynamicPageTitle{
	padding: @_sap_suite_ui_generic_template_ALPConstants_PageHeadingPadding;
	border: none;
}

.sapUiSizeCompact .sapFDynamicPageTitleWrapper>.sapSmartTemplatesAnalyticalListPageDynamicPageTitle .sapFDynamicPageTitleSnapped>.sapSmartTemplatesAnalyticalListPageSnappedContentText{
	cursor: pointer;
}

.sapFDynamicPageContent .sapSmartTemplatesAnalyticalListPageContentContainer {
	padding: @_sap_suite_ui_generic_template_ALPConstants_ZeroPadding;
}
.sapMFlexBox.sapMFlexBoxAlignContentStretch.sapMFlexBoxAlignItemsEnd {
	padding: @_sap_suite_ui_generic_template_ALPConstants_ZeroPadding;
}
.sapSmartTemplatesAnalyticalListPageFilterDialogTitleToolbar {
	border-bottom: none !important;
	padding-left: 0rem !important;
}

.sapSmartTemplatesAnalyticalListPageDynamicPage {
	.sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
		padding-top: 0rem !important;
	}
}
/***** UI Tweaks end *****/

/***** new controls start *****/

/**************** KPI TAG START ****************/

.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageAlignVariantTitle{
	margin-left: 0rem;
}
.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageKpiTagContainer {
	height: @_sap_suite_ui_generic_template_ALPConstants_KpiTagContainerHeightCozy;
}
.sapUiSizeCompact .sapSmartTemplatesAnalyticalListPageKpiTagContainer {
	height: @_sap_suite_ui_generic_template_ALPConstants_KpiTagContainerHeightCompact;
}

.sapSmartTemplatesAnalyticalListPageKpiCardStyle{
	min-height: @_sap_suite_ui_generic_template_ALPConstants_KpiCardMinHeight;
	min-width: @_sap_suite_ui_generic_template_ALPConstants_KpiCardMinWidth;
}
.sapSmartTemplatesAnalyticalListPageVFTitle {
	margin: 0.5rem 1.5rem 0.5rem 1rem !important;
	width: 20rem !important;
}

@media screen and (max-width: 600px) {
	.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageDynamicPage .sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
		padding-top: 0rem !important;
	}
	.sapSmartTemplatesAnalyticalListPageVFTitle {
		margin-top: 0.75rem !important;
		margin-bottom: 0.75rem !important;
	}
	.sapSmartTemplatesAnalyticalListPageVisualFilterTitleText {
		font-family: @sapUiFontFamily; 
		font-size: @sapMFontLargeSize;
		line-height: 1.5; 
		color: @sapUiBaseText;
	}
}

.sapSmartTemplatesAnalyticalListPageVFChart {
	margin: 0rem 1.5rem 0.5rem 1rem !important;
	width: 20rem !important;
}
/**************** KPI TAG END ****************/
.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageVFDShowInFilterBarCozy.sapMCb {
	padding-left: 2.375rem !important;
}
.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageVFDShowInFilterBarCozy .sapMCbBg {
	left: 0.4375rem !important;
}
.sapSmartTemplatesAnalyticalListPageSelectedLinkDialog{
	min-width:	@_sap_suite_ui_generic_template_ALPConstants_SelectedLinkDialogWidth;
}	

 .sapUiSizeCompact .sapSmartTemplatesAnalyticalListPageFilterableKPIContainer{
 	width: inherit;
	padding: 0.5rem 1rem;
	border-bottom: none;
	height: @sapElement_LineHeight;
 }

 .sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageFilterableKPIContainer{
 	width: inherit;
	padding: 0.5rem 1rem;
	border-bottom: none;
	height: @sapElement_LineHeight;
 }

 .sapSmartTemplatesAnalyticalListPageFilterableKPITitle{
 	font-family: @sapUiFontHeaderFamily;
	font-size: @sapMFontHeader2Size;
	color: @sapUiGroupTitleTextColor;
	padding-right: @sapContent_Space_Small;
 }

 .sapSmartTemplatesAnalyticalListPageKpiTagDisable{
	z-index: -1;
	opacity: @sapContent_DisabledOpacity;
	background-color: transparent;
 }

 .sapSmartTemplatesAnalyticalListPageKpiTagOverflow {
	border-bottom: none;
}

.sapSmartTemplatesAnalyticalListPageHeaderContainerBorder {
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.10), inset 0 -1px 0 0 #d9d9d9 !important;
}


.sapUiTheme-sap_fiori_3 .sapSmartTemplatesAnalyticalListPageDynamicPage .sapFDynamicPageContentWrapper {
    background: @sapBackgroundColor;
}

.sapSmartTemplatesAnalyticalListPageRequired:before {
	content:"*";
	color: @sapUiFieldRequiredColor;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontLargeSize;
	font-weight: bold;
	position: relative;
	vertical-align: middle;
	line-height: 0;
}

