@openui5/sap.m/src/sap/m/themes/base/ObjectStatus.less

OpenUI5 UI Library sap.m

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

.sapMObjStatus {
	font-size: @sapMFontMediumSize;
	color: var(--sapNeutralTextColor);
	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;
	}

	&.sapMObjectStatusLongText{

		&.sapMObjectStatusLarge {

			.sapMObjStatusTitle,
			.sapMObjStatusText {
				height: inherit;
			}
		}

		.sapMObjStatusText {
			word-break: break-all;
		}
	}

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

	.sapMEmptyIndicator{
		line-height: normal;
	}
}

.sapMObjStatus:not(.sapMObjStatusInverted) .sapMObjStatusTitle {
	vertical-align: top;
}

.sapMLIBActive {

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

.sapMObjStatus:not(.sapMObjStatusInverted) .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: var(--sapFontLightFamily);
		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: var(--sapContent_LabelColor);
}

.sapMObjStatusNone .sapMObjStatusText {
	color: var(--sapNeutralTextColor);
}

.sapMObjStatusError .sapMObjStatusText {
	color: var(--sapNegativeTextColor);
}

.sapMObjStatusWarning .sapMObjStatusText {
	color: var(--sapCriticalTextColor);
}

.sapMObjStatusSuccess .sapMObjStatusText{
	color: var(--sapPositiveTextColor);
}

.sapMObjStatusInformation .sapMObjStatusText {
	color: var(--sapInformativeTextColor);
}

.sapMObjStatusNone .sapMObjStatusIcon {
	color: var(--sapNeutralElementColor);
}

.sapMObjStatusError .sapMObjStatusIcon {
	color: var(--sapNegativeElementColor);
}

.sapMObjStatusWarning .sapMObjStatusIcon {
	color: var(--sapCriticalElementColor);
}

.sapMObjStatusSuccess .sapMObjStatusIcon {
	color: var(--sapPositiveElementColor);
}

.sapMObjStatusInformation .sapMObjStatusIcon {
	color: var(--sapInformativeTextColor);
}

.sapMObjStatusIndication01 .sapMObjStatusText,
.sapMObjStatusIndication01 .sapMObjStatusIcon {
	color: var(--sapIndicationColor_1);
}

.sapMObjStatusIndication02 .sapMObjStatusText,
.sapMObjStatusIndication02 .sapMObjStatusIcon {
	color: var(--sapIndicationColor_2);
}

.sapMObjStatusIndication03 .sapMObjStatusText,
.sapMObjStatusIndication03 .sapMObjStatusIcon {
	color: var(--sapIndicationColor_3);
}

.sapMObjStatusIndication04 .sapMObjStatusText,
.sapMObjStatusIndication04 .sapMObjStatusIcon {
	color: var(--sapIndicationColor_4);
}

.sapMObjStatusIndication05 .sapMObjStatusText,
.sapMObjStatusIndication05 .sapMObjStatusIcon {
	color: var(--sapIndicationColor_5);
}

.sapMObjStatusIndication06 .sapMObjStatusText,
.sapMObjStatusIndication06 .sapMObjStatusIcon {
	color: var(--sapIndicationColor_6);
}

.sapMObjStatusIndication07 .sapMObjStatusText,
.sapMObjStatusIndication07 .sapMObjStatusIcon {
	color: var(--sapIndicationColor_7);
}

.sapMObjStatusIndication08 .sapMObjStatusText,
.sapMObjStatusIndication08 .sapMObjStatusIcon {
	color: var(--sapIndicationColor_8);
}

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

/* inverted classes */

.sapMObjStatusInverted .sapMObjStatusText,
.sapMObjStatusInverted .sapMObjStatusIcon {
	text-shadow: var(--sapContent_ContrastTextShadow);
	font-family: var(--sapFontFamily);
	font-size: var(--sapFontSmallSize);
	font-weight: bold;
}

.sapMObjStatusWrapper {
	display: inline-flex;
}

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

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

.sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon {
	font-size: var(--sapFontSmallSize);
	vertical-align: top;
}

.sapMObjStatusInverted {

	.sapMObjStatusIcon {
		height: 0.875rem;

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

	&.sapMObjectStatusLarge {
		vertical-align: top;

		.sapMObjStatusText,
		.sapMObjStatusIcon {
			font-family: var(--sapFontLightFamily);
			font-size: 1.25rem;
			font-weight: normal;
			color: var(--sapContent_ContrastTextColor);

			& > .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: var(--sapIndicationColor_1_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_2_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_3_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_4_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_5_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_6_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_7_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_8_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication09 .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_9_Background);
	border-color: var(--sapIndicationColor_9_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication10 .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_10_Background);
	border-color: var(--sapIndicationColor_10_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusWrapper {
	background-color: var(--sapButton_Negative_Background);
}

.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusIcon {
	color: var(--sapButton_Negative_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusWrapper {
	background-color: var(--sapButton_Critical_Background);
}

.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusIcon {
	color: var(--sapButton_Critical_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusWrapper {
	background-color: var(--sapButton_Success_Background);
}

.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusIcon {
	color: var(--sapButton_Success_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusWrapper {
	background-color: var(--sapInformativeElementColor);
}

.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusIcon {
	color: var(--sapButton_Information_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusWrapper {
	background-color: var(--sapButton_Neutral_Background);
}

.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusIcon {
	color: var(--sapButton_Neutral_TextColor);
}

.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:has(.sapMObjStatusIconOnly) {
	display: inline-block;
}

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

html[data-sap-ui-browser*='ff'] {

	.sapUiTableCell .sapMObjStatus:not(.sapMObjStatusInverted) .sapMObjStatusIcon > .sapUiIcon {
		padding-bottom: 0.025rem
	}
}

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

.sapUiForm .sapMObjStatusIcon,
.sapUiForm .sapMObjStatusTitle,
.sapUiForm .sapMObjStatusText {
	display: inline-block;
	line-height: normal;
	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: var(--sapGroup_TitleTextColor);
		}
	}
}

.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: var(--sapList_Active_TextColor);
}

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

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

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

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

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

.sapMObjStatusLink:hover .sapMObjStatusIcon,
.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: var(--sapIndicationColor_1_Hover_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_1_Active_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_2_Hover_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_2_Active_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_3_Hover_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_3_Active_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_4_Hover_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_4_Active_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_5_Hover_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_5_Active_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_6_Hover_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_6_Active_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_7_Hover_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_7_Active_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_8_Hover_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_8_Active_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication09 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_9_Hover_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication09 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_9_Active_Background);
	border-color: var(--sapIndicationColor_9_Active_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication09 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication09 .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: var(--sapIndicationColor_9_Active_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication10 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_10_Hover_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication10 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_10_Active_Background);
	border-color: var(--sapIndicationColor_10_Active_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication10 .sapMObjStatusLink:active .sapMObjStatusTex,
.sapMObjStatusInverted.sapMObjStatusIndication10 .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: var(--sapIndicationColor_10_Active_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: var(--sapButton_Negative_Hover_Background);
}

.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover .sapMObjStatusIcon {
	color: var(--sapButton_Negative_Hover_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: var(--sapButton_Negative_Active_Background);
}

.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: var(--sapButton_Active_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: var(--sapButton_Critical_Hover_Background);
}

.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:hover .sapMObjStatusIcon {
	color: var(--sapButton_Critical_Hover_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: var(--sapButton_Critical_Active_Background);
}

.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: var(--sapButton_Active_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: var(--sapButton_Success_Hover_Background);
}

.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:hover .sapMObjStatusIcon {
	color: var(--sapButton_Success_Hover_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: var(--sapButton_Success_Active_Background);
}

.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: var(--sapButton_Active_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: var(--sapButton_Information_Hover_Background);
}

.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:hover .sapMObjStatusIcon {
	color: var(--sapButton_Information_Hover_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: var(--sapButton_Information_Active_Background);
}

.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: var(--sapButton_Active_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: var(--sapButton_Neutral_Hover_Background);
}

.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover .sapMObjStatusIcon {
	color: var(--sapButton_Neutral_Hover_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: var(--sapButton_Neutral_Active_Background);
}

.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: var(--sapButton_Active_TextColor);
}

/* Second set of inverted indication colors regular state */
.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_1b_Background);
	border-color: var(--sapIndicationColor_1b_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusIcon {
	text-shadow: var(--sapContent_ContrastTextShadow);
	color: var(--sapIndicationColor_1b_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_2b_Background);
	border-color: var(--sapIndicationColor_2b_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusIcon {
	text-shadow: var(--sapContent_ContrastTextShadow);
	color: var(--sapIndicationColor_2b_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_3b_Background);
	border-color: var(--sapIndicationColor_3b_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusIcon {
	text-shadow: var(--sapContent_ContrastTextShadow);
	color: var(--sapIndicationColor_3b_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_4b_Background);
	border-color: var(--sapIndicationColor_4b_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusIcon {
	text-shadow: var(--sapContent_ContrastTextShadow);
	color: var(--sapIndicationColor_4b_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_5b_Background);
	border-color: var(--sapIndicationColor_5b_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusIcon {
	text-shadow: var(--sapContent_ContrastTextShadow);
	color: var(--sapIndicationColor_5b_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_6b_Background);
	border-color: var(--sapIndicationColor_6b_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusIcon {
	text-shadow: var(--sapContent_ContrastTextShadow);
	color: var(--sapIndicationColor_6b_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_7b_Background);
	border-color: var(--sapIndicationColor_7b_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusIcon {
	text-shadow: var(--sapContent_ContrastTextShadow);
	color: var(--sapIndicationColor_7b_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_8b_Background);
	border-color: var(--sapIndicationColor_8b_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusIcon {
	text-shadow: var(--sapContent_ContrastTextShadow);
	color: var(--sapIndicationColor_8b_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_9b_Background);
	border-color: var(--sapIndicationColor_9b_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusIcon {
	text-shadow: var(--sapContent_ContrastTextShadow);
	color: var(--sapIndicationColor_9b_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_10b_Background);
	border-color: var(--sapIndicationColor_10b_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusIcon {
	text-shadow: var(--sapContent_ContrastTextShadow);
	color: var(--sapIndicationColor_10b_TextColor);
}

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

.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_2b_Hover_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_3b_Hover_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_4b_Hover_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_5b_Hover_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_6b_Hover_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_7b_Hover_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_8b_Hover_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_9b_Hover_Background);
}

.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_10b_Hover_Background);
}

/* Second set of inverted indication colors active state */
.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_1_Active_Background);
	border-color: var(--sapIndicationColor_1_Active_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: var(--sapIndicationColor_1_Active_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_2_Active_Background);
	border-color: var(--sapIndicationColor_2_Active_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: var(--sapIndicationColor_2_Active_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_3_Active_Background);
	border-color: var(--sapIndicationColor_3_Active_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: var(--sapIndicationColor_3_Active_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_4_Active_Background);
	border-color: var(--sapIndicationColor_4_Active_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: var(--sapIndicationColor_4_Active_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_5_Active_Background);
	border-color: var(--sapIndicationColor_5_Active_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: var(--sapIndicationColor_5_Active_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_6_Active_Background);
	border-color: var(--sapIndicationColor_6_Active_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: var(--sapIndicationColor_6_Active_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_7_Active_Background);
	border-color: var(--sapIndicationColor_7_Active_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: var(--sapIndicationColor_7_Active_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_8_Active_Background);
	border-color: var(--sapIndicationColor_8_Active_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: var(--sapIndicationColor_8_Active_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_9_Active_Background);
	border-color: var(--sapIndicationColor_9_Active_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: var(--sapIndicationColor_9_Active_TextColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_10_Active_Background);
	border-color: var(--sapIndicationColor_10_Active_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusLink:active .sapMObjStatusTex,
.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusLink:active .sapMObjStatusIcon {
	color: var(--sapIndicationColor_10_Active_TextColor);
}

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 var(--sapContent_FocusColor);
	}

	&.sapMObjectStatusLarge {

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

		&.sapMObjStatusInverted .sapMObjStatusLink::after {
			position: absolute;
			top: 3px;
			left: 3px;
			bottom: 3px;
			right: 3px;
			height: 1.625rem;
			outline: 1px dotted var(--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: 0;
}

.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: 0;
		left: 1px;
		bottom: 1px;
		right: 1px;
		outline: 1px dotted var(--sapContent_FocusColor);
	}
}

.sapMListTblCell {

	.sapMObjStatus.sapMObjStatusInverted {
		display: inline-table;

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

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

/* BCP: 2370130730 - when there is a text in Thai languiage, the text decorations are cut, that's why there is */
/* CSS class provided - sapUiHigherText - that can be applied on control level or on parent element/BODY level */
/* in general this class should fix the cutting on most of the languages that have characters with decorations */
.sapUiHigherText.sapMObjStatus,
.sapUiHigherText .sapMObjStatus {

	.sapMObjStatusTitle {
		line-height: inherit;
		vertical-align: initial;
	}

	.sapMObjStatusIcon,
	.sapMObjStatusText {
		line-height: 1.6;
	}

	.sapMObjStatusWrapper {
		align-items: baseline;
	}

	.sapMObjStatusIcon {

		.sapUiIcon {
			line-height: inherit;
			top: 0.0625rem;
		}
	}
}