@sapui5/sap.suite.ui.generic.template 1.145.1 → 1.147.0

package/src/sap/suite/ui/generic/template/themes/base/ObjectPage.less

@@ -1,98 +1,106 @@
-.sapUiMedia-Std-Desktop, .sapUiMedia-Std-Tablet {
-  .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageHeaderImage {
-	height: 6rem;
-	width: 6rem;
-  border: @sapElement_BorderWidth solid @sapUiMediumBorder;
-  border-color: @sapUiObjectHeaderBorderColor;
-  }
+/* ========================================================= */
+/* CSS for control sap.suite.ui.generic.template/ObjectPage  */
+/* Base Theme                                                */
+/* ========================================================= */
+
+.sapUiMedia-Std-Desktop,
+.sapUiMedia-Std-Tablet {
+
+	.sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageHeaderImage {
+		height: 6rem;
+		width: 6rem;
+		border: var(--sapElement_BorderWidth) solid @sapUiMediumBorder;
+		border-color: var(--sapObjectHeader_BorderColor);
+	}
 }
 
 .sapUiMedia-Std-Phone .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageHeaderImage {
-  height: 3rem;
-  width: 3rem;
-  border: @sapElement_BorderWidth solid @sapUiMediumBorder;
+	height: 3rem;
+	width: 3rem;
+	border: var(--sapElement_BorderWidth) solid @sapUiMediumBorder;
 }
 
-.sapUiMedia-Std-Desktop, .sapUiMedia-Std-Tablet {
-  .sapSmartTemplatesObjectPage .sapUxAPObjectPageContentObjectImage-Circle .sapSmartTemplatesObjectPageHeaderImage {
-	border-radius: @sapElement_BorderCornerRadius;
-  }
+.sapUiMedia-Std-Desktop,
+.sapUiMedia-Std-Tablet {
+
+	.sapSmartTemplatesObjectPage .sapUxAPObjectPageContentObjectImage-Circle .sapSmartTemplatesObjectPageHeaderImage {
+		border-radius: var(--sapElement_BorderCornerRadius);
+	}
 }
 
 .sapUiMedia-Std-Phone .sapSmartTemplatesObjectPage .sapUxAPObjectPageContentObjectImage-Circle .sapSmartTemplatesObjectPageHeaderImage {
-  border-radius: @sapElement_BorderCornerRadius;
+	border-radius: var(--sapElement_BorderCornerRadius);
 }
 
 .sapSmartTemplatesObjectPage .sapUxAPObjectPageHeaderIdentifier .sapUxAPObjectPageHeaderObjectImageForce .sapUxAPObjectPageHeaderObjectImage,
 .sapSmartTemplatesObjectPage .sapUxAPObjectPageHeaderStickied .sapUxAPObjectPageHeaderIdentifier .sapUxAPObjectPageHeaderObjectImage {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-  padding-top: 0;
-  padding-bottom: 0;
-  border: @sapElement_BorderWidth solid @sapUiMediumBorder;
+	margin-top: 0.5rem;
+	margin-bottom: 0.5rem;
+	padding-top: 0;
+	padding-bottom: 0;
+	border: var(--sapElement_BorderWidth) solid @sapUiMediumBorder;
 }
 
 .sapSmartTemplatesObjectPage .sapUxAPObjectPageHeaderContent .sapUxAPObjectPageHeaderContentItem,
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageDynamicPageHeader > * {
-  margin-right: 2rem;
-  margin-bottom: 1rem;
-  line-height: 1.250rem;
+	margin-right: 2rem;
+	margin-bottom: 1rem;
+	line-height: 1.250rem;
 }
 
-.sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageDynamicPageHeaderTitle > *{
-  margin-right: 2rem;
+.sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageDynamicPageHeaderTitle > * {
+	margin-right: 2rem;
 }
 
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageDynamicPageHeaderTitleWithoutImage > :first-child,
-.sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageDynamicPageHeaderTitleWithImage > :nth-child(2){
-  margin-right: 0.5rem;
+.sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageDynamicPageHeaderTitleWithImage > :nth-child(2) {
+	margin-right: 0.5rem;
 }
 
-.sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageDynamicPageHeaderImageDiv > :first-child{
-  margin-right: 1rem;
+.sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageDynamicPageHeaderImageDiv > :first-child {
+	margin-right: 1rem;
 }
 
 .sapSmartTemplatesObjectPage .sapUxAPObjectPageHeaderContent .sapUxAPObjectPageHeaderContentItem.sapSmartTemplatesObjectPageHeaderImage,
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageDynamicPageHeader .sapSmartTemplatesObjectPageHeaderImage {
-  margin-right: 2rem;
+	margin-right: 2rem;
 }
 
 .sapSmartTemplatesObjectPageHeaderAvatar {
-  margin-right: 1rem;
+	margin-right: 1rem;
 }
 
-
-html[dir="rtl"] .sapSmartTemplatesObjectPage .sapUxAPObjectPageHeaderContent .sapUxAPObjectPageHeaderContentItem {
-  margin-right: 0;
-  margin-left: 3rem;
+html[dir='rtl'] .sapSmartTemplatesObjectPage .sapUxAPObjectPageHeaderContent .sapUxAPObjectPageHeaderContentItem {
+	margin-right: 0;
+	margin-left: 3rem;
 }
 
 .sapSmartTemplatesObjectPageDynamicPageHeaderTitleFlexBox {
-  overflow: hidden;
+	overflow: hidden;
 }
 
-.sapSmartTemplatesObjectPageDynamicHeaderSubtitle{
-  color: @sapContent_LabelColor
+.sapSmartTemplatesObjectPageDynamicHeaderSubtitle {
+	color: var(--sapContent_LabelColor);
 }
 
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageHeaderAddress .sapSmartTemplatesObjectPageHeaderAddressLabel {
-  margin-bottom: 0.5rem;
+	margin-bottom: 0.5rem;
 }
 
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageHeaderAddress .sapSmartTemplatesObjectPageHeaderAddressValue {
-  line-height: 1.5rem;
+	line-height: 1.5rem;
 }
 
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageContactsImage {
-  line-height: 3rem;
-  margin-right: .75rem;
-  width: 3rem;
-  height: 3rem;
+	line-height: 3rem;
+	margin-right: .75rem;
+	width: 3rem;
+	height: 3rem;
 }
 
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageDataPoint .sapSmartTemplatesObjectPageDataPointLabel,
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageHeaderContact .sapSmartTemplatesObjectPageHeaderContactLabel {
-  margin-bottom: 0.5rem;
+	margin-bottom: 0.5rem;
 }
 
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageHeaderContact .sapSmartTemplatesObjectPageHeaderContactLink,
@@ -100,331 +108,354 @@ html[dir="rtl"] .sapSmartTemplatesObjectPage .sapUxAPObjectPageHeaderContent .sa
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageDataPoint .sapSmartTemplatesObjectPageDataPointValue .sapMLnk,
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageDataPoint .sapSmartTemplatesObjectPageDataPointValue .sapMText.sapUiCompSmartFieldUnit,
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageDataPoint .sapSmartTemplatesObjectPageDataPointValue .sapMObjStatusText {
-  font-size: 1.375rem;
-  line-height: 1.5rem;
+	font-size: 1.375rem;
+	line-height: 1.5rem;
 }
 
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageHeaderContact .sapSmartTemplatesObjectPageHeaderContactLinkIcon {
-  font-size: 1.125rem;
-  line-height: 1.125rem;
+	font-size: 1.125rem;
+	line-height: 1.125rem;
 }
 
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageDataPoint div:nth-child(2) .sapMObjStatusIcon {
-  display: none;
+	display: none;
 }
 
-.sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageDataPoint .sapUiCompUOM>div:nth-child(2) {
-  max-width: initial;
-  min-width: initial;
+.sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageDataPoint .sapUiCompUOM > div:nth-child(2) {
+	max-width: initial;
+	min-width: initial;
 }
 
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageContactsList .sapSmartTemplatesObjectPageContactsListItem {
-  border: 0;
-  float: left;
-  width: 24rem;
-  padding: 0.1rem;
+	border: 0;
+	float: left;
+	width: 24rem;
+	padding: 0.1rem;
 }
 
 @media (min-width: 1600px) {
-  .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageContactsList .sapSmartTemplatesObjectPageContactsListItem {
-    width: calc(100% / 6);
-  }
+	.sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageContactsList .sapSmartTemplatesObjectPageContactsListItem {
+		width: calc(100% / 6);
+	}
 }
 
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageContactsList .sapMGrowingList {
-  clear: both;
+	clear: both;
 }
 
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageContactsList .sapSmartTemplatesObjectPageContactsListContactTitle {
-  font-size: @sapFontHeader5Size;
-  margin-top: 0.1rem;
-  max-width: 19.25rem;
+	font-size: var(--sapFontHeader5Size);
+	margin-top: 0.1rem;
+	max-width: 19.25rem;
 }
 
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageContactsList .sapSmartTemplatesObjectPageContactsListContactSubTitle {
-  margin-top: 0.3rem;
+	margin-top: 0.3rem;
 }
 
 .sapSmartTemplatesObjectPageContactsQuickView .sapUiSimpleForm .sapUiRGLContainerCont {
-  padding-bottom: 0;
+	padding-bottom: 0;
 }
 
 .sapSmartTemplatesObjectPage .sapSmartTemplatesSmartForm .sapMTB:not(.sapUiRTECustomToolbar) {
-  display: none;
+	display: none;
 }
 
 .sapSmartTemplatesObjectPage .sapSmartTemplatesSmartForm .sapUiFormTitle:empty {
-  margin: 0;
-  height: 0;
+	margin: 0;
+	height: 0;
 }
 
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageHeaderCollection > div:nth-child(n+2) {
-  margin-top: 0.5rem;
+	margin-top: 0.5rem;
 }
 
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageHeaderPlainText {
-  max-width: 300px;
+	max-width: 300px;
 }
 
-.sapSmartTemplatesObjectPageHeaderProgressIndicatorControl{
-  margin-bottom: 0 !important;
-  margin-top: 1rem;
+.sapSmartTemplatesObjectPageHeaderProgressIndicatorControl {
+	margin-bottom: 0 !important;
+	margin-top: 1rem;
 }
 
-.sapSmartTemplatesFooterFloatRight{
-  float: right;
+.sapSmartTemplatesFooterFloatRight {
+	float: right;
 }
 
-.sapSmartTemplatesObjectPageHeaderProgressIndicatorFooter{
-  margin-top: 0.375rem;
-  border: 0;
-  background-color: inherit;
+.sapSmartTemplatesObjectPageHeaderProgressIndicatorFooter {
+	margin-top: 0.375rem;
+	border: 0;
+	background-color: inherit;
 }
 
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageHeaderForm .sapSmartTemplatesObjectPageHeaderFormTitle,
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageHeaderPlainText .sapSmartTemplatesObjectPageHeaderPlainTextTitle {
-  font-size: @sapUiFontSize;
-  margin-bottom: 1rem;
-  line-height: 1.5rem;
+	font-size: @sapUiFontSize;
+	margin-bottom: 1rem;
+	line-height: 1.5rem;
 }
 
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageHeaderPlainText .sapSmartTemplatesObjectPageHeaderPlainTextField {
-  font-family: @sapUiFontFamily;
-  line-height: 1.5rem;
-  margin-top: -0.125rem;
+	font-family: var(--sapFontFamily);
+	line-height: 1.5rem;
+	margin-top: -0.125rem;
 }
 
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageHeaderMiniChartTitle {
-  font-size: @sapMFontLargeSize;
-  font-family: @sapUiFontFamily;
-  line-height: 1rem;
+	font-size: var(--sapFontLargeSize);
+	font-family: var(--sapFontFamily);
 }
 
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageHeaderMiniChartSubTitle {
-  font-size: @sapMFontMediumSize;
-  font-family: @sapUiFontFamily;
+	font-size: @sapMFontMediumSize;
+	font-family: var(--sapFontFamily);
 }
 
 .sapSmartTemplatesObjectPage .sapSmartTemplatesFooterFloatRight {
-  float: right;
+	float: right;
 }
 
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageHeaderForm .sapSmartTemplatesObjectPageHeaderFormField .sapMText,
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageHeaderForm .sapSmartTemplatesObjectPageHeaderFormField .sapMLnk,
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageHeaderForm .sapSmartTemplatesObjectPageHeaderFormField.sapMLnk,
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageHeaderForm .sapSmartTemplatesObjectPageHeaderFormLabel {
-  line-height: 1.320rem;
+	line-height: 1.320rem;
 }
 
 .sapSmartTemplatesObjectPageHeaderFormLabelNCriticcal{
-  line-height: 1.420rem;
+	line-height: 1.420rem;
 }
 
-html[dir="rtl"] .sapUiMedia-Std-Tablet .sapSmartTemplatesObjectPage .sapUxAPObjectPageHeaderContent {
-  padding-right: 3rem;
-  padding-left: 0;
+html[dir='rtl'] .sapUiMedia-Std-Tablet .sapSmartTemplatesObjectPage .sapUxAPObjectPageHeaderContent {
+	padding-right: 3rem;
+	padding-left: 0;
 }
 
-html[dir="rtl"] .sapUiMedia-Std-Desktop .sapSmartTemplatesObjectPage .sapUxAPObjectPageHeaderContent {
-  padding-right: 3rem;
-  padding-left: 0;
+html[dir='rtl'] .sapUiMedia-Std-Desktop .sapSmartTemplatesObjectPage .sapUxAPObjectPageHeaderContent {
+	padding-right: 3rem;
+	padding-left: 0;
 }
 
-html[dir="rtl"] .sapUiMedia-Std-Tablet .sapSmartTemplatesObjectPage .sapUxAPObjectPageHeaderIdentifier {
-  padding-right: 3rem;
-  padding-left: 0;
+html[dir='rtl'] .sapUiMedia-Std-Tablet .sapSmartTemplatesObjectPage .sapUxAPObjectPageHeaderIdentifier {
+	padding-right: 3rem;
+	padding-left: 0;
 }
 
-html[dir="rtl"] .sapUiMedia-Std-Desktop .sapSmartTemplatesObjectPage .sapUxAPObjectPageHeaderIdentifier {
-  padding-right: 3rem;
-  padding-left: 0;
+html[dir='rtl'] .sapUiMedia-Std-Desktop .sapSmartTemplatesObjectPage .sapUxAPObjectPageHeaderIdentifier {
+	padding-right: 3rem;
+	padding-left: 0;
 }
 
 .sapSmartTemplatesObjectPage .sapUxAPObjectPageHeaderIdentifier .sapSmartTemplatesShareMenuButton .sapMBtnInner.sapMBtnIconFirst,
-.sapSmartTemplatesObjectPage .sapUxAPObjectPageHeaderIdentifier .sapSmartTemplatesUpAndDownNavigation .sapMBtnInner.sapMBtnIconFirst{
-  padding: 0;
+.sapSmartTemplatesObjectPage .sapUxAPObjectPageHeaderIdentifier .sapSmartTemplatesUpAndDownNavigation .sapMBtnInner.sapMBtnIconFirst {
+	padding: 0;
 }
 
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSectionGrid {
-  margin-right: -1rem;
+	margin-right: -1rem;
 }
 
-html[dir="rtl"] .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSectionGrid {
-  margin-left: -1rem;
-  margin-right: 0;
+html[dir='rtl'] .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSectionGrid {
+	margin-left: -1rem;
+	margin-right: 0;
 }
 
-.sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSectionGrid>div>* {
-  padding-right: 1rem;
+.sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSectionGrid > div > * {
+	padding-right: 1rem;
 }
 
-html[dir="rtl"] .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSectionGrid>div>* {
-  padding-left: 1rem;
-  padding-right: 0;
+html[dir='rtl'] .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSectionGrid > div > * {
+	padding-left: 1rem;
+	padding-right: 0;
 }
 
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageSubSection .sapSmartTemplatesObjectPageSubSectionDummyBlock {
 	width: 1px;
-    margin: 0px;
-    height: 1px !important;
-    min-height: 1rem;
+	margin: 0;
+	height: 1px !important;
+	min-height: 1rem;
 }
 
 .sapSmartTemplatesObjectPage .sapSmartTemplatesObjectPageDataFieldVBoxLabel {
-    padding-top: 0.625rem;
-    padding-bottom: 0.125rem;
+	padding-top: 0.625rem;
+	padding-bottom: 0.125rem;
 }
 
 .sapSLIPositive > .sapMLIBContent > .sapMSLIImgIcon {
-  color: @sapPositiveElementColor;
+	color: var(--sapPositiveElementColor);
 }
+
 .sapSLINeutral > .sapMLIBContent > .sapMSLIImgIcon {
-  color: @sapNeutralElementColor;
+	color: var(--sapNeutralElementColor);
 }
+
 .sapSLINegative > .sapMLIBContent > .sapMSLIImgIcon {
-  color: @sapNegativeElementColor;
+	color: var(--sapNegativeElementColor);
 }
+
 .sapSLICritical > .sapMLIBContent > .sapMSLIImgIcon {
-  color: @sapCriticalElementColor;
+	color: var(--sapCriticalElementColor);
 }
 
-/*for NavPopover QuickView*/
-.sapMQuickViewPage.sapSmartTemplatesSmartLinkNavPopoverContentTitleAreaTrunc{
-  display: block !important; //a long text in the title or description gets truncated and ... are set at the end
-  padding-left: 0;
-  padding-right: 0;
+/* for NavPopover QuickView */
+.sapMQuickViewPage.sapSmartTemplatesSmartLinkNavPopoverContentTitleAreaTrunc {
+	display: block !important; /* a long text in the title or description gets truncated and ... are set at the end */
+	padding-left: 0;
+	padding-right: 0;
 }
-.sapSmartTemplatesSmartLinkNavPopoverContentIcon{
+
+.sapSmartTemplatesSmartLinkNavPopoverContentIcon {
 	margin-right: .75rem !important;
-  line-height: 3rem !important;
-	font-size: @sapFontHeader2Size !important;
+	line-height: 3rem !important;
+	font-size: var(--sapFontHeader2Size) !important;
 }
+
 .sapSmartTemplatesSmartLinkNavPopoverContentTitleDecreaseFirstMargin > div:first-child {
-	margin-bottom: .125rem !important; //2px
+	margin-bottom: .125rem !important;
 }
-.sapSmartTemplatesSmartLinkNavPopoverContentTitleIncrease{
-  	white-space: nowrap !important;
-    font-size: @sapFontHeader4Size !important; //20px
-  	padding-bottom: .0625rem !important; //1px
-  	/* the settings below are equivalent to the ContactQV header but not to Smart Link header
-  	font-size: 20px !important;
-  	padding-bottom: 6px !important;
-  	*/
+
+.sapSmartTemplatesSmartLinkNavPopoverContentTitleIncrease {
+	white-space: nowrap !important;
+	font-size: var(--sapFontHeader4Size) !important;
+	padding-bottom: .0625rem !important;
 }
-.sapSmartTemplatesSmartLinkNavPopoverContentContactLabelBoxOuter{
-  padding-top: 0.75rem !important;
+
+.sapSmartTemplatesSmartLinkNavPopoverContentContactLabelBoxOuter {
+	padding-top: 0.75rem !important;
 }
-.sapSmartTemplatesSmartLinkNavPopoverContentContactLabelBoxInner{
-  padding-top: 0.25rem !important;
-  padding-bottom: 0.25rem !important;
+
+.sapSmartTemplatesSmartLinkNavPopoverContentContactLabelBoxInner {
+	padding-top: 0.25rem !important;
+	padding-bottom: 0.25rem !important;
 }
-.sapSmartTemplatesSmartLinkNavPopoverContentContactLabel{
-  height: 2rem !important; //32px
-  line-height: 2rem !important; //32px
-  margin-bottom: .375rem !important;  //6px
-  border-bottom-width: 0 !important;
-  overflow-y: hidden; // !important; //suppress that for the label a vertical scrollbar is shown
+
+.sapSmartTemplatesSmartLinkNavPopoverContentContactLabel {
+	height: 2rem !important;
+	line-height: 2rem !important;
+	margin-bottom: .375rem !important;
+	border-bottom-width: 0 !important;
+	overflow-y: hidden; /* suppress that for the label a vertical scrollbar is shown */
 }
-.sapSmartTemplatesSmartLinkNavPopoverContentContactContent{
-  margin-top: -0.625rem !important;
 
+.sapSmartTemplatesSmartLinkNavPopoverContentContactContent {
+	margin-top: -0.625rem !important;
 }
-.sapSmartTemplatesSmartLinkNavPopoverContentContactFieldGroup{
-  display: block; // !important; //a long text in the title or description gets truncated and ... are set at the end
-  padding-top: .625rem !important; //10px
-  padding-bottom: 1.375rem !important; //22px
+
+.sapSmartTemplatesSmartLinkNavPopoverContentContactFieldGroup {
+	display: block; /* a long text in the title or description gets truncated and ... are set at the end */
+	padding-top: .625rem !important;
+	padding-bottom: 1.375rem !important;
 }
-.sapSmartTemplatesSmartLinkNavPopoverContentContactTitleIncrease{
-  font-size: @sapFontHeader5Size !important; //16px
-  padding-bottom: .375rem !important; //6px
+
+.sapSmartTemplatesSmartLinkNavPopoverContentContactTitleIncrease {
+	font-size: var(--sapFontHeader5Size) !important;
+	padding-bottom: .375rem !important;
 }
-/*CSS for message dialog for transient message dialog*/
+
+/* CSS for message dialog for transient message dialog */
 .sapSmartTemplatesSLIPositive > .sapMLIBContent > .sapMGHLITitle {
-	color: @sapPositiveElementColor;
+	color: var(--sapPositiveElementColor);
 }
+
 .sapSmartTemplatesSLINeutral > .sapMLIBContent > .sapMGHLITitle {
-	color: @sapNeutralElementColor;
+	color: var(--sapNeutralElementColor);
 }
+
 .sapSmartTemplatesSLINegative > .sapMLIBContent > .sapMGHLITitle {
-	color: @sapNegativeElementColor;
+	color: var(--sapNegativeElementColor);
 }
+
 .sapSmartTemplatesSLICritical > .sapMLIBContent > .sapMGHLITitle {
-	color: @sapCriticalElementColor;
+	color: var(--sapCriticalElementColor);
 }
 
 .sapSmartTemplatesSLIBold > .sapMLIBContent > .sapMSLITitleDiv > .sapMSLITitleOnly {
-	font-family: @sapFontBoldFamily;
+	font-family: var(--sapFontBoldFamily);
 }
 
-
-.sapUiSizeCompact .sapSmartTemplatesObjectPageRelatedAppsPopover .sapMBtn{
+.sapUiSizeCompact .sapSmartTemplatesObjectPageRelatedAppsPopover .sapMBtn {
 	padding: 0.250rem 1rem;
 }
 
-.sapSmartTemplatesObjectPageRelatedAppsPopover > .sapMBtn{
+.sapSmartTemplatesObjectPageRelatedAppsPopover > .sapMBtn {
 	padding: 0.250rem 0.350rem;
 }
 
 .sapSmartTemplatesObjectPageSubSectionGridExpand {
-  height: 100%;
-  display:flex;
+	height: 100%;
+	display:flex;
 }
 
-.sapSmartTemplatesObjectPageHeaderFormObjectStatus{
-  line-height: 1.320rem !important;
+.sapSmartTemplatesObjectPageHeaderFormObjectStatus {
+	line-height: 1.320rem !important;
 }
 
 .sapSmartTemplatesObjectPageHeaderFormField .sapMObjStatusText {
-  line-height: 1.320rem !important;
+	line-height: 1.320rem !important;
 }
 
 .sapSmartTemplatesObjectPageEasyFill {
-  box-sizing: border-box;
-  width: 69.4375rem;
-  .sapMDialogScroll{
-    height: 100%;
-  }
-  .sapSmartTemplatesObjectPageEasyFillInputArea {
-    margin-right: 2rem;
-    .sapSmartTemplatesObjectPageEasyFillInputAreaLabel {
-      margin-top: 1rem;
-    }
-  }
-  .sapSmartTemplatesObjectPageEasyFillReviewArea {
-    background-color: var(--sapShell_Background);
-    padding-left: 2rem;
-    .sapSmartTemplatesObjectPageEasyFillReviewAreaTitleUpdatable {
-      bottom: 1.5rem;
-    }
-    .sapSmartTemplatesObjectPageEasyFillReviewAreaSmartFormWrapper {
-      margin-bottom: 2rem;
-    }
-    .sapSmartTemplatesObjectPageEasyFillReviewAreaSmartForm {
-      width: 38.1875rem;
-    }
-    .sapSmartTemplatesObjectPageEasyFillReviewAreaBanner {
-      position: relative;
-      margin-right: 2rem;
-      z-index: 100;
-    }
-    .sapMMsgStrip{
-      margin: 0 2rem 2rem 0rem;
-    }
-    .sapSmartTemplatesObjectPageEasyFillReviewAreaSmartFormNonUpdatable {
-      margin-bottom: 1.25rem;
-    }
-    .sapSmartTemplatesObjectPageEasyFillReviewAreaSmartFormNonUpdatableTitle {
-      margin-bottom: 1rem;
-    }
-  }
-  .sapMDialogScrollCont {
-      padding: 0 0 0 2rem;
-      height: 100%;
-  }
+	box-sizing: border-box;
+	width: 69.4375rem;
+
+	.sapMDialogScroll {
+		height: 100%;
+	}
+
+	.sapSmartTemplatesObjectPageEasyFillInputArea {
+		margin-right: 2rem;
+
+		.sapSmartTemplatesObjectPageEasyFillInputAreaLabel {
+			margin-top: 1rem;
+		}
+	}
+
+	.sapSmartTemplatesObjectPageEasyFillReviewArea {
+		background-color: var(--sapShell_Background);
+		padding-left: 2rem;
+
+		.sapSmartTemplatesObjectPageEasyFillReviewAreaTitleUpdatable {
+			bottom: 1.5rem;
+		}
+
+		.sapSmartTemplatesObjectPageEasyFillReviewAreaSmartFormWrapper {
+			margin-bottom: 2rem;
+		}
+
+		.sapSmartTemplatesObjectPageEasyFillReviewAreaSmartForm {
+			width: 38.1875rem;
+		}
+
+		.sapSmartTemplatesObjectPageEasyFillReviewAreaBanner {
+			position: relative;
+			margin-right: 2rem;
+			z-index: 100;
+		}
+
+		.sapMMsgStrip {
+			margin: 0 2rem 2rem 0;
+		}
+
+		.sapSmartTemplatesObjectPageEasyFillReviewAreaSmartFormNonUpdatable {
+			margin-bottom: 1.25rem;
+		}
+
+		.sapSmartTemplatesObjectPageEasyFillReviewAreaSmartFormNonUpdatableTitle {
+			margin-bottom: 1rem;
+		}
+	}
+
+	.sapMDialogScrollCont {
+		padding: 0 0 0 2rem;
+		height: 100%;
+	}
 }
+
 .sapSmartTemplatesObjectPageEasyFillAINoticePopover {
-  width: 22.8125rem;
-  .sapSmartTemplatesObjectPageEasyFillAINotice {
-    padding: 1rem 1rem 0.5rem 1rem;
-  }
+	width: 22.8125rem;
+
+	.sapSmartTemplatesObjectPageEasyFillAINotice {
+		padding: 1rem 1rem 0.5rem 1rem;
+	}
 }