@openui5/sap.m/src/sap/m/themes/sap_hcb/base_ObjectStatus.less

OpenUI5 UI Library sap.m

/* =================================== */
/* CSS for control sap.m/ObjectStatus  */
/* Base theme                          */
/* =================================== */

.sapMObjStatus {
	font-size: @sapMFontMediumSize;
	color: @sapUiNeutralText;
	display: inline-block;
	overflow: visible;
	min-height: 1rem;
	vertical-align: top;
	line-height: normal;
	&.sapMObjectStatusLarge {
		font-size: 1rem;
		min-height: 2rem;
	}
	.sapMObjStatusIcon {
		width: 1rem;
		text-align: center;
		height: 1rem;
		line-height: normal;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		& > .sapMImg {
			max-width: 1rem;
			max-height: 1rem;
		}
	}
	.sapMObjStatusTitle,
	.sapMObjStatusText {
		line-height: normal;
		display: inline-block;
		height: inherit;
		vertical-align: top;
	}

	&.sapMObjectStatusLongText{
		&.sapMObjectStatusLarge {
				.sapMObjStatusTitle,
				.sapMObjStatusText {
					height: inherit;
				}
		}
		.sapMObjStatusText {
			word-break: break-all;
		}
	}

	.sapMObjStatusTitle::after {
		content: attr(data-colon);
		white-space: pre;
	}
	.sapMEmptyIndicator{
		line-height: normal;
	}
}

.sapMLIBActive {
	.sapMObjStatus:not(.sapMObjStatusInverted) .sapMObjStatusText,
	.sapMObjStatus:not(.sapMObjStatusInverted) .sapMObjStatusIcon {
		text-shadow: none;
	}
}

.sapMObjStatusLink {
	min-height: 1rem;
	vertical-align: top;
}

.sapUiFormCLElement .sapMObjStatus .sapMObjStatusIcon,
.sapUiFormCLElement .sapMObjStatus .sapMObjStatusTitle,
.sapUiFormCLElement .sapMObjStatus .sapMObjStatusText {
	padding-bottom: 2px;
}

.sapUiHLayout .sapMObjStatus .sapMObjStatusIcon,
.sapUiHLayout .sapMObjStatus .sapMObjStatusTitle,
.sapUiHLayout .sapMObjStatus .sapMObjStatusText {
	padding-bottom: 2px;
}

.sapMObjectStatusLarge {
	.sapMObjStatusTitle,
	.sapMObjStatusText,
	.sapMObjStatusIcon {
		font-size: 1.5rem;
		font-family: @sapUiFontLightFamily;
		height: 2rem;
	}
	.sapMObjStatusIcon {
		width: 2rem;
		& > .sapMImg {
			max-width: 1.5rem;
			max-height: 1.5rem;
		}
	}
	.sapMObjStatusIcon > .sapUiIcon {
		vertical-align: baseline;
	}
}

.sapMObjStatusText {
	word-break: normal;
	overflow-wrap: break-word;
}

.sapMObjStatus > .sapMObjStatusTitle {
	color: @sapUiContentLabelColor;
}

.sapMObjStatusNone .sapMObjStatusText {
	color: @sapUiNeutralText;
}

.sapMObjStatusError .sapMObjStatusText {
	color: @sapUiNegativeText;
}

.sapMObjStatusWarning .sapMObjStatusText {
	color: @sapUiCriticalText;
}

.sapMObjStatusSuccess .sapMObjStatusText{
	color: @sapUiPositiveText;
}

.sapMObjStatusInformation .sapMObjStatusText {
	color: @sapUiInformativeText;
}

.sapMObjStatusNone .sapMObjStatusIcon {
	color: @sapUiNeutralElement;
}

.sapMObjStatusError .sapMObjStatusIcon {
	color: @sapUiNegativeElement;
}

.sapMObjStatusWarning .sapMObjStatusIcon {
	color: @sapUiCriticalElement;
}

.sapMObjStatusSuccess .sapMObjStatusIcon {
	color: @sapUiPositiveElement;
}

.sapMObjStatusInformation .sapMObjStatusIcon {
	color: @sapInformativeTextColor;
}

.sapMObjStatusIndication01 .sapMObjStatusText,
.sapMObjStatusIndication01 .sapMObjStatusIcon {
	color: @sapUiIndication1;
}

.sapMObjStatusIndication02 .sapMObjStatusText,
.sapMObjStatusIndication02 .sapMObjStatusIcon {
	color: @sapUiIndication2;
}

.sapMObjStatusIndication03 .sapMObjStatusText,
.sapMObjStatusIndication03 .sapMObjStatusIcon {
	color: @sapUiIndication3;
}

.sapMObjStatusIndication04 .sapMObjStatusText,
.sapMObjStatusIndication04 .sapMObjStatusIcon {
	color: @sapUiIndication4;
}

.sapMObjStatusIndication05 .sapMObjStatusText,
.sapMObjStatusIndication05 .sapMObjStatusIcon {
	color: @sapUiIndication5;
}

.sapMObjStatusIndication06 .sapMObjStatusText,
.sapMObjStatusIndication06 .sapMObjStatusIcon {
	color: @sapUiIndication6;
}
.sapMObjStatusIndication07 .sapMObjStatusText,
.sapMObjStatusIndication07 .sapMObjStatusIcon {
	color: @sapUiIndication7;
}
.sapMObjStatusIndication08 .sapMObjStatusText,
.sapMObjStatusIndication08 .sapMObjStatusIcon {
	color: @sapUiIndication8;
}

.sapMObjStatus:not(.sapMObjStatusInverted) .sapMObjStatusText,
.sapMObjStatus:not(.sapMObjStatusInverted) .sapMObjStatusIcon,
.sapMObjStatusInverted .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted .sapMObjStatusLink:active .sapMObjStatusIcon {
	text-shadow: @sapUiContentTextShadow;
}

// inverted classes

.sapMObjStatusInverted .sapMObjStatusText,
.sapMObjStatusInverted .sapMObjStatusIcon {
	text-shadow: @sapUiContentContrastTextShadow;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontSmallSize;
	font-weight: bold;
}

.sapMObjStatusWrapper {
	display: inline-flex;
}

.sapMObjStatusInverted .sapMObjStatusWrapper {
	border-radius: 0.25rem;
}

.sapMListTbl .sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
	font-size: @sapMFontSmallSize;
	vertical-align: top;
}

.sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon {
	font-size: @sapMFontSmallSize;
	vertical-align: top;
}

.sapMObjStatusInverted {
	.sapMObjStatusIcon {
		height: 0.875rem;
		& > .sapUiIcon {
			vertical-align: top;
		}
	}
	&.sapMObjectStatusLarge {
		vertical-align: top;
		.sapMObjStatusText,
		.sapMObjStatusIcon {
			font-family: @sapUiFontLightFamily;
			font-size: 1.25rem;
			font-weight: normal;
			color: @sapUiContentContrastTextColor;
			& > .sapUiIcon {
				font-size: 1.25rem;
			}
		}
	}
}

.sapMObjStatusInverted .sapMObjStatusText,
.sapMObjStatusInverted .sapMObjStatusIcon .sapMObjStatusIconOnly {
	padding: 0 0.25rem;
	line-height: 1rem;
}

.sapMObjStatusInverted .sapMObjStatusIcon {
	padding: 0 0 0 0.25rem;
}

/*  First set of inverted indication colors */
.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusWrapper {
	background-color: @sapUiIndication1;
}

.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusWrapper {
	background-color: @sapUiIndication2;
}

.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusWrapper {
	background-color: @sapUiIndication3;
}

.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusWrapper {
	background-color: @sapUiIndication4;
}

.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusWrapper {
	background-color: @sapUiIndication5;
}

.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusWrapper {
	background-color: @sapUiIndication6;
}

.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusWrapper {
	background-color: @sapUiIndication7;
}

.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusWrapper {
	background-color: @sapUiIndication8;
}

.sapMObjStatusInverted.sapMObjStatusIndication09 .sapMObjStatusWrapper {
	background-color: @sapUiIndication9Background;
	border-color: @sapUiIndication9BorderColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication10 .sapMObjStatusWrapper {
	background-color: @sapUiIndication10Background;
	border-color: @sapUiIndication10BorderColor;
}

.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusWrapper {
	background-color: @sapUiButtonNegativeBackground;
}

.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusIcon {
	color: @sapUiButtonNegativeTextColor;
}

.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusWrapper {
	background-color: @sapUiButtonCriticalBackground;
}

.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusIcon {
	color: @sapUiButtonCriticalTextColor;
}

.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusWrapper {
	background-color: @sapUiButtonSuccessBackground;
}

.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusIcon {
	color: @sapUiButtonSuccessTextColor;
}

.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusWrapper {
	background-color: @sapUiInformativeElement;
}

.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusIcon {
	color: @sapUiButtonInformationTextColor;
}

.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusWrapper {
	background-color: @sapUiButtonNeutralBackground;
}

.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusIcon {
	color: @sapUiButtonNeutralTextColor;
}

.sapMObjStatusIcon > .sapUiIcon {
	font-size: 1rem;
}

.sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon {
	font-size: 0.75rem;
	line-height: 1rem;
}

.sapUiTableCell {
	.sapMObjStatus {
		line-height: inherit;
	}
	.sapMObjStatusIcon {
		line-height: inherit;
		vertical-align: text-bottom;
		& > .sapUiIcon {
			vertical-align: bottom;
		}

	}
	.sapMObjStatusText {
		vertical-align: middle;
	}
	.sapMObjStatusText,
	.sapMObjStatusTitle {
		display: inline;
	}
}

.sapMObjectStatusLarge .sapMObjStatusIcon > .sapUiIcon {
	font-size: 1.5rem;
	line-height: 2rem;
}

.sapMObjStatusInverted .sapMObjectStatusLarge .sapMObjStatusText {
	vertical-align: top;
}

.sapMObjStatusIcon {
	padding-right: .25rem;
}

.sapMObjStatus > .sapMObjStatusTitle {
	padding-right: .25rem;
}

.sapUiTableCell .sapMObjStatusWrapper,
.sapUiTableCell .sapMObjStatus {
	font-size: @sapMFontMediumSize;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

.sapUiTableCell .sapMObjStatus:not(.sapMObjStatusInverted) .sapMObjStatusIcon {
	margin-left: 0.03rem;
}

.sapUiTableCell .sapMObjStatusInverted {
	display: inline-flex;
}

.sapUiForm .sapMObjStatusIcon,
.sapUiForm .sapMObjStatusTitle,
.sapUiForm .sapMObjStatusText {
	display: inline-block;
	line-height: normal;
	-webkit-user-select: text;
	user-select: text;
}

.sapUiForm .sapMObjStatusInverted .sapMObjStatusIcon,
.sapUiForm .sapMObjStatusInverted .sapMObjStatusText {
	line-height: 1rem;
}

/*
	FIX for 1580155978 and 1680267289.
	Fiori design guidelines say that statuses should be specially styled for forms
	and share looks with other text only controls.
*/
.sapUiForm.sapUiFormEdit .sapMObjStatus {
	padding-top: 0.875rem;
	padding-bottom: 0.875rem;
	line-height: normal;
}

.sapUiSizeCompact .sapUiForm.sapUiFormEdit .sapMObjStatus {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	line-height: normal;
}

/*
	FIX for 2715207
	Fiori design guidelines say that statuses should be specially styled for ObjectPage
	and share looks with other text only controls.
*/

.sapMObjStatusNone:not(.sapMObjStatusInverted) {
	.sapUxAPObjectPageContainer &,
	.sapUxAPObjectPageHeaderContentItem &,
	&.sapUxAPObjectPageHeaderContentItem,
	.sapUxAPObjectPageHeaderDetails .sapFDynamicPageHeaderContent & {
		.sapMObjStatusText,
		.sapMObjStatusIcon {
			color: @sapUiGroupTitleTextColor;
		}

	}
}

.sapUxAPObjectPageHeaderContent .sapUxAPObjectPageHeaderContentItem {
	.sapMObjStatus {
		vertical-align: text-bottom;
	}
	.sapMObjStatusIcon {
		height: 1.2rem;
	}
}

/* ============================================= */
/* FIX: CSS 0120061532 0001316230 2014 */
/* ============================================= */
.sapMLIBActive .sapMObjStatusNone .sapMObjStatusText,
.sapMLIBActive .sapMObjStatusNone .sapMObjStatusIcon,
.sapMLIBActive .sapMObjStatusError .sapMObjStatusText,
.sapMLIBActive .sapMObjStatusError .sapMObjStatusIcon,
.sapMLIBActive .sapMObjStatusWarning .sapMObjStatusText,
.sapMLIBActive .sapMObjStatusWarning .sapMObjStatusIcon,
.sapMLIBActive .sapMObjStatusSuccess .sapMObjStatusText,
.sapMLIBActive .sapMObjStatusSuccess .sapMObjStatusIcon {
	color: @sapUiListActiveTextColor;
}

/* Condensed size */
.sapUiSizeCondensed .sapUiTableCell .sapMObjStatus>.sapMObjStatusText {
/*	line-height: 1rem; */
	vertical-align: middle;
	font-size: @sapMFontMediumSize;
}


html.sap-desktop .sapMObjStatusActive:focus {
	outline: none;
}

.sapMObjStatusActive .sapMObjStatusText {
	pointer-events: auto;
}

.sapMObjStatusActive:hover > .sapMObjStatusText,
.sapMObjStatusActive:hover > .sapMObjStatusIcon > .sapUiIcon {
	text-decoration: underline;
	cursor: pointer;
}

.sapMObjStatusActive:focus .sapMObjStatusTitle {
	text-decoration: none;
}

.sapMObjStatusLink:hover .sapMObjStatusIcon > .sapUiIcon {
	cursor: pointer;
}

.sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusLink:hover .sapMObjStatusIcon:only-child > .sapUiIcon {
	text-decoration: underline;
	cursor: pointer;
}

.sapMObjStatusLink .sapMObjStatusIcon:only-child {
	padding-right: 0;
}

.sapMObjStatusInverted .sapMObjStatusIcon.sapMObjStatusIconOnly,
.sapMObjStatusInverted .sapMObjStatusLink .sapMObjStatusIcon.sapMObjStatusIconOnly {
	padding: 0 0.25rem;
	border-radius: 0.25rem 0.25rem;
}

.sapMObjStatusInverted .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted .sapMObjStatusLink:hover .sapMObjStatusIcon.sapMObjStatusIconOnly > .sapUiIcon {
	text-decoration: none;
}

.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: @sapUiIndication1HoverBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: @sapUiIndication1ActiveBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: @sapUiIndication2HoverBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: @sapUiIndication2ActiveBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: @sapUiIndication3HoverBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: @sapUiIndication3ActiveBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: @sapUiIndication4HoverBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: @sapUiIndication4ActiveBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: @sapUiIndication5HoverBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: @sapUiIndication5ActiveBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: @sapUiIndication6HoverBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: @sapUiIndication6ActiveBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: @sapUiIndication7HoverBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: @sapUiIndication7ActiveBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: @sapUiIndication8HoverBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: @sapUiIndication8ActiveBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication09 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: @sapUiIndication9HoverBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication09 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: @sapUiIndication9ActiveBackground;
	border-color: @sapUiIndication9ActiveBorderColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication09 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication09 .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: @sapUiIndication9ActiveTextColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication10 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: @sapUiIndication10HoverBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication10 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: @sapUiIndication10ActiveBackground;
	border-color: @sapUiIndication10ActiveBorderColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication10 .sapMObjStatusLink:active .sapMObjStatusTex,
.sapMObjStatusInverted.sapMObjStatusIndication10 .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: @sapUiIndication10ActiveTextColor;
}

.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: @sapUiButtonNegativeHoverBackground;
}

.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover .sapMObjStatusIcon {
	color: @sapUiButtonNegativeHoverTextColor;
}

.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: @sapUiButtonNegativeActiveBackground;
}

.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: @sapUiButtonActiveTextColor;
}

.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: @sapUiButtonCriticalHoverBackground;
}

.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:hover .sapMObjStatusIcon {
	color: @sapUiButtonCriticalHoverTextColor;
}

.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: @sapUiButtonCriticalActiveBackground;
	//color:  @sapUiButtonActiveTextColor;
}

.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: @sapUiButtonActiveTextColor;
}

.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: @sapUiButtonSuccessHoverBackground;
}

.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:hover .sapMObjStatusIcon {
	color: @sapUiButtonSuccessHoverTextColor;
}

.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: @sapUiButtonSuccessActiveBackground;
}

.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: @sapUiButtonActiveTextColor;
}

.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: @sapUiButtonInformationHoverBackground;
}

.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:hover .sapMObjStatusIcon {
	color: @sapUiButtonInformationHoverTextColor;
}

.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: @sapUiButtonInformationActiveBackground;
}

.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: @sapUiButtonActiveTextColor;
}

.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: @sapUiButtonNeutralHoverBackground;
}

.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover .sapMObjStatusIcon {
	color: @sapUiButtonNeutralHoverTextColor;
}

.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: @sapUiButtonNeutralActiveBackground;
}

.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: @sapUiButtonActiveTextColor;
}

/*  Second set of inverted indication colors regular state */
.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusWrapper {
	background-color: @sapUiIndication1b;
	border-color: @sapUiIndication1bBorderColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusIcon {
	text-shadow: @sapUiContentContrastTextShadow;
	color: @sapUiIndication1;
}

.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusWrapper {
	background-color: @sapUiIndication2b;
	border-color: @sapUiIndication2bBorderColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusIcon {
	text-shadow: @sapUiContentContrastTextShadow;
	color: @sapUiIndication2;
}

.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusWrapper {
	background-color: @sapUiIndication3b;
	border-color: @sapUiIndication3bBorderColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusIcon {
	text-shadow: @sapUiContentContrastTextShadow;
	color: @sapUiIndication3;
}

.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusWrapper {
	background-color: @sapUiIndication4b;
	border-color: @sapUiIndication4bBorderColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusIcon {
	text-shadow: @sapUiContentContrastTextShadow;
	color: @sapUiIndication4;
}

.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusWrapper {
	background-color: @sapUiIndication5b;
	border-color: @sapUiIndication5bBorderColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusIcon {
	text-shadow: @sapUiContentContrastTextShadow;
	color: @sapUiIndication5;
}

.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusWrapper {
	background-color: @sapUiIndication6b;
	border-color: @sapUiIndication6bBorderColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusIcon {
	text-shadow: @sapUiContentContrastTextShadow;
	color: @sapUiIndication6;
}

.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusWrapper {
	background-color: @sapUiIndication7b;
	border-color: @sapUiIndication7bBorderColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusIcon {
	text-shadow: @sapUiContentContrastTextShadow;
	color: @sapUiIndication7;
}

.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusWrapper {
	background-color: @sapUiIndication8b;
	border-color: @sapUiIndication8bBorderColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusIcon {
	text-shadow: @sapUiContentContrastTextShadow;
	color: @sapUiIndication8;
}

.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusWrapper {
	background-color: @sapUiIndication9b;
	border-color: @sapUiIndication9bBorderColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusIcon {
	text-shadow: @sapUiContentContrastTextShadow;
	color: @sapUiIndication9;
}

.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusWrapper {
	background-color: @sapUiIndication10b;
	border-color: @sapUiIndication10bBorderColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusIcon {
	text-shadow: @sapUiContentContrastTextShadow;
	color: @sapUiIndication10;
}

/* Second set of inverted indication colors hovered state */
.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: @sapUiIndication1bHoverBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: @sapUiIndication2bHoverBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: @sapUiIndication3bHoverBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: @sapUiIndication4bHoverBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: @sapUiIndication5bHoverBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: @sapUiIndication6bHoverBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: @sapUiIndication7bHoverBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: @sapUiIndication8bHoverBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: @sapUiIndication9bHoverBackground;
}

.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: @sapUiIndication10bHoverBackground;
}


/* Second set of inverted indication colors active state */
.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: @sapUiIndication1ActiveBackground;
	border-color: @sapUiIndication1ActiveBorderColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: @sapUiIndication1ActiveTextColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: @sapUiIndication2ActiveBackground;
	border-color: @sapUiIndication2ActiveBorderColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: @sapUiIndication2ActiveTextColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: @sapUiIndication3ActiveBackground;
	border-color: @sapUiIndication3ActiveBorderColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: @sapUiIndication3ActiveTextColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: @sapUiIndication4ActiveBackground;
	border-color: @sapUiIndication4ActiveBorderColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: @sapUiIndication4ActiveTextColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: @sapUiIndication5ActiveBackground;
	border-color: @sapUiIndication5ActiveBorderColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: @sapUiIndication5ActiveTextColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: @sapUiIndication6ActiveBackground;
	border-color: @sapUiIndication6ActiveBorderColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: @sapUiIndication6ActiveTextColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: @sapUiIndication7ActiveBackground;
	border-color: @sapUiIndication7ActiveBorderColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: @sapUiIndication7ActiveTextColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: @sapUiIndication8ActiveBackground;
	border-color: @sapUiIndication8ActiveBorderColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: @sapUiIndication8ActiveTextColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: @sapUiIndication9ActiveBackground;
	border-color: @sapUiIndication9ActiveBorderColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: @sapUiIndication9ActiveTextColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: @sapUiIndication10ActiveBackground;
	border-color: @sapUiIndication10ActiveBorderColor;
}

.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusLink:active .sapMObjStatusTex,
.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: @sapUiIndication10ActiveTextColor;
}

html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink {
	position: relative;
	display: inline-block;
}

.sapMObjStatusActive {
	&.sapMObjStatusInverted .sapMObjStatusText {
		vertical-align: top;
	}

	&.sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon {
		vertical-align: top;
	}
}

html.sap-desktop .sapMObjStatusActive:focus {
	.sapMObjStatusLink::after {
		pointer-events: none;
		display: block;
		content: "";
		position: absolute;
		top: -1px;
		left: -1px;
		bottom: -1px;
		right: -1px;
		outline: 1px dotted @sapUiContentFocusColor;
	}

	&.sapMObjectStatusLarge {

		.sapMObjStatusLink::after {
			position: absolute;
			top: 0px;
			left: 1px;
			bottom: 0px;
			right: 1px;
			height: 2rem;
		}

		&.sapMObjStatusInverted .sapMObjStatusLink::after {
			position: absolute;
			top: 3px;
			left: 3px;
			bottom: 3px;
			right: 3px;
			height: 1.625rem;
			outline: 1px dotted @sapContent_ContrastFocusColor;
		}

	}

}

html.sap-desktop .sapMOHStatus .sapMObjStatusActive:focus .sapMObjStatusLink::after {
	left: 1px;
	right: 1px;
}

html.sap-desktop .sapUiTableCell .sapMObjStatusActive:focus .sapMObjStatusLink::after {
	left: 1px;
	right: 1px;
	top: 1px;
	bottom: 1px;
}

.sapMObjStatus .sapUiPseudoInvisibleText {
	font-size: 0px;
}

.sapMObjStatus .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
	display: none;
}

.sapMShowEmpty-CTX .sapMObjStatus .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
	display: inline-block;
}
html.sap-desktop .sapMListTblHasPopin .sapMObjStatusActive:focus {
	.sapMObjStatusLink::after {
		pointer-events: none;
		display: block;
		content: "";
		position: absolute;
		top: 0px;
		left: 1px;
		bottom: 1px;
		right: 1px;
		outline: 1px dotted @sapUiContentFocusColor;
	}
}

.sapMListTblCell {
	.sapMObjStatus.sapMObjStatusInverted {
		display: inline-table;

		&:not(.sapMObjectStatusLongText):not(:has(.sapMObjStatusIcon)) {
			width: min-content;
		}

		.sapMObjStatusText {
			line-height: 1rem;
			vertical-align: middle;
		}
	}
}