/* NOTE: This file was generated as an optimized version of "library.source.less" for the Theme Designer. */

/*!
 * OpenUI5
 * (c) Copyright 2026 SAP SE or an SAP affiliate company.
 * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 */

@import "../../../../../Base/baseLib/baseTheme/base.less"; /* ORIGINAL IMPORT PATH: "../../../../sap/ui/core/themes/base/base.less" */

@import "../../../../sap/ui/core/themes/base/global.less";

/* START "ToolHeader.less" */
/* =================================== */
/* CSS for control sap.tnt/ToolHeader  */
/* Base theme                          */
/* =================================== */

@_sap_tnt_ToolHeader_Height: 3rem;
@_sap_tnt_ToolHeader_AvatarBackground: lighten(saturate(spin(@sapUiAccent6, 348), 36), 28);
@_sap_tnt_ToolHeader_AvatarColor: var(--sapTextColor);
@_sap_tnt_ToolHeader_BorderColor: contrast(@sapUiShellColor, @sapUiContentFocusColor, @sapUiContentContrastFocusColor, @sapUiContentContrastTextThreshold);
@_sap_tnt_ToolHeader_ArrowHeight: 0.1875rem;
@_sap_tnt_ToolHeader_ArrowMargin: 0;
@_sap_tnt_ToolHeader_Padding: 0 0.5rem;
@_sap_tnt_ToolHeader_ArrowMarginBottom: 0.188rem;
@_sap_tnt_ToolHeader_IconTabHeader_Height: @_sap_tnt_ToolHeader_Height;

.sapTntToolHeader.sapMTB {
	height: @_sap_tnt_ToolHeader_Height;
}

/* ========================================================================== */
/* sap.m.IconTabHeader overriding                                             */
/* ========================================================================== */

.sapMIBar.sapTntToolHeader .sapMBarChild.sapMITH {
	flex: 1;
	min-width: 0; /* fixes Chrome flex issue */
}

.sapMIBar.sapTntToolHeader:not(.sapUshellShellToolHeader) .sapMBarChild.sapMITH {
	box-shadow: none;
	border-bottom: none;
	height: @_sap_tnt_ToolHeader_IconTabHeader_Height;
	padding: @_sap_tnt_ToolHeader_Padding;

	.sapMITBHead {
		padding-top: 0;
		padding-bottom: 0;

		.sapMITBFilter .sapMITBText + .sapMITBContentArrow  {

			&::after {
				border-radius: 0.125rem;
				box-shadow: none;
				margin-bottom: @_sap_tnt_ToolHeader_ArrowMarginBottom;
				height: @_sap_tnt_ToolHeader_ArrowHeight;
			}
		}
	}
}

.sapMITBFilterPopover.sapMITBFilterPopoverInToolHeader {

	.sapUiIcon {
		color: var(--sapContent_NonInteractiveIconColor);
	}
}

.sapTntToolHeader:not(.sapUshellShellToolHeader) .sapMITH .sapMITBContentArrow {
	margin: @_sap_tnt_ToolHeader_ArrowMargin;
}

/* ========================================================================== */
/* sap.m.MenuButton overriding                                                */
/* ========================================================================== */

.sapTntToolHeader {

	.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnEmphasized.sapMBtnInner::after {
		content: '\e287';
	}
}

/* ================================================ */
/* Shell overrides                                  */
/* ================================================ */

.sapTntToolHeader.sapMTB.sapUshellShellToolHeader {
	background-color: var(--sapShell_Navigation_Background);
	height: 2.75rem;
	box-shadow: var(--sapShell_Shadow);
	border: none;
	z-index: 1;
	position: relative;
	border-radius: 0;

	.sapMITH {
		background: transparent;
		box-shadow: none;
	}
}
/* END "ToolHeader.less" */

/* START "SideNavigation.less" */
/* ======================================= */
/* CSS for control sap.tnt/SideNavigation  */
/* Base theme                              */
/* ======================================= */

@_sap_tnt_SideNavigation_Width: 15rem;
@_sap_tnt_SideNavigation_CollapsedWidth: 3rem;
@_sap_tnt_SideNavigation_NavigationSeparatorMargin: 0.25rem 0.875rem 0.25rem 0.875rem;
@_sap_tnt_SideNavigation_NavigationSeparatorMarginCollapsed: 0.25rem 0.5rem 0.25rem 0.5rem;
@_sap_tnt_SideNavigation_NavigationSeparatorBackgroundColor: var(--sapGroup_ContentBorderColor);
@_sap_tnt_SideNavigation_NavigationSeparatorRadius: unset;
@_sap_tnt_SideNavigation_NavigationSeparatorHeight: 1px;
@_sap_tnt_SideNavigation_TriangleColor: var(--sapContent_IconColor);
@_sap_tnt_SideNavigation_BorderRight: 1px solid var(--sapGroup_ContentBorderColor);
@_sap_tnt_SideNavigation_BoxShadow: none;
@_sap_tnt_SideNavigation_TriangleDisplay: block;

.sapTntSideNavigation {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 0;
	background: var(--sapList_Background);
	border-right: @_sap_tnt_SideNavigation_BorderRight;
	min-width: @_sap_tnt_SideNavigation_Width;
	box-shadow: @_sap_tnt_SideNavigation_BoxShadow;
	max-width: 100%;
	width: @_sap_tnt_SideNavigation_Width;
	transition: width 0.3s, min-width 0.3s;
	height: 100%;
}

.sapTntSideNavigationDesignPlain {
	border-right: none;
	box-shadow: none;
}

html[data-sap-ui-animation='off'] .sapTntSideNavigation {
	transition: none;
}

.sapTntToolPage-LayoutS .sapTntSideNavigation {
	width: ~"100% !important";
}


.sapTntSideNavigation.sapTntSideNavigationNotExpandedWidth {
	min-width: @_sap_tnt_SideNavigation_CollapsedWidth;
	width: @_sap_tnt_SideNavigation_CollapsedWidth;
}

.sapTntSideNavigationNotExpanded {

	.sapTntSideNavigationSeparator {
		margin: @_sap_tnt_SideNavigation_NavigationSeparatorMarginCollapsed;
	}

	.sapTntNLINotExpandedTriangle:not(.sapTntNLIDisabled):after {
		display: @_sap_tnt_SideNavigation_TriangleDisplay;
		content: '';
		width: 0;
		height: 0;
		border-left: 0.375rem solid transparent;
		border-bottom: 0.375rem solid @_sap_tnt_SideNavigation_TriangleColor;
		position:absolute;
		right: 0.1875rem;
		bottom:0.125rem;
	}
}

.sapTntSideNavigationFlexible {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 0;
	position: relative;
	box-sizing: border-box;
	outline: none;
}

.sapTntSideNavigationFlexibleContent {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 0;
}

.sapTntSideNavigationSeparator {
	margin: @_sap_tnt_SideNavigation_NavigationSeparatorMargin;
	height: @_sap_tnt_SideNavigation_NavigationSeparatorHeight;
	min-height: @_sap_tnt_SideNavigation_NavigationSeparatorHeight;
	background-color: @_sap_tnt_SideNavigation_NavigationSeparatorBackgroundColor;
	border-radius: @_sap_tnt_SideNavigation_NavigationSeparatorRadius;
}

.sapTntSideNavigationFixed {
	position: relative;
}

/* Compact size */
.sapUiSizeCompact {

	.sapTntSideNavigationNotExpanded {

		.sapTntSideNavigationSeparator {
			margin: @_sap_tnt_SideNavigation_NavigationSeparatorMarginCollapsed;
		}
	}

	.sapTntSideNavigationSeparator {
		margin: @_sap_tnt_SideNavigation_NavigationSeparatorMarginCollapsed;
	}
}
/* END "SideNavigation.less" */

/* START "NavigationList.less" */
/* ======================================= */
/* CSS for control sap.tnt/NavigationList  */
/* Base theme                              */
/* ======================================= */

@_sap_tnt_NavigationList_CollapsedWidth: 3rem;
@_sap_tnt_NavigationList_IconColor: var(--sapContent_IconColor);
@_sap_tnt_NavigationList_ExpandIconColor: var(--sapContent_IconColor);
@_sap_tnt_NavigationList_HoverBorderStyleColor: none;
@_sap_tnt_NavigationList_HoverBorderWidth: 0;
@_sap_tnt_NavigationList_GroupBorderStyleColor: solid var(--sapList_BorderColor);
@_sap_tnt_NavigationList_GroupBorderWidth: 0 0 0.0625rem 0;
@_sap_tnt_NavigationList_ItemBorderStyleColor: none;
@_sap_tnt_NavigationList_ItemBorderWidth: 0;
@_sap_tnt_NavigationList_ItemHeight: 3rem;
@_sap_tnt_NavigationList_ItemHeightCompact: 2rem;
@_sap_tnt_NavigationList_ItemTextMargin: 0.875rem;
@_sap_tnt_NavigationList_ItemTextMarginCompact: 0.5rem;
@_sap_tnt_NavigationList_LastItemBorderStyleColor: none;
@_sap_tnt_NavigationList_ItemBorderRadius: 0;
@_sap_tnt_NavigationList_ItemBottomMargin: 0;
@_sap_tnt_NavigationList_ItemBottomMarginInOverflowPopup: 0.1875rem;
@_sap_tnt_NavigationList_ItemTransition: none;
@_sap_tnt_NavigationList_ItemTextFontFamily: var(--sapFontFamily);
@_sap_tnt_NavigationList_ParentItemTextFontFamily: var(--sapFontSemiboldDuplexFamily);
@_sap_tnt_NavigationList_NoIconsGroupPadding: 1rem;
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 1rem;
@_sap_tnt_NavigationList_ItemFocusBorderOffset: 1px;
@_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius;
@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: ~"0 100% / 100% 0.125rem" no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);
@_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundHover: @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground;
@_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundRTL: @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground;
@_sap_tnt_NavigationList_SelectedItemBorderColor: var(--sapList_SelectionBorderColor);
@_sap_tnt_NavigationList_SelectedBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
@_sap_tnt_NavigationList_SelectedBorderWidth: 0 0 0.0625rem 0;
@_sap_tnt_NavigationList_SelectedAndFocusedBorderStyleColor: @_sap_tnt_NavigationList_SelectedBorderStyleColor;
@_sap_tnt_NavigationList_Collapsed_SelectedItemBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
@_sap_tnt_NavigationList_Collapsed_SelectedGroupBorderColor: @_sap_tnt_NavigationList_SelectedItemBorderColor;
@_sap_tnt_NavigationList_Collapsed_GroupBorderWidth: 0;
@_sap_tnt_NavigationList_GroupExpandedBorderWidth: @_sap_tnt_NavigationList_GroupBorderWidth;
@_sap_tnt_NavigationList_GroupIconWidth: @_sap_tnt_NavigationList_CollapsedWidth;
@_sap_tnt_NavigationList_GroupIconWidthExpanded: @_sap_tnt_NavigationList_CollapsedWidth;
@_sap_tnt_NavigationList_GroupIconMarginLeft: 0;
@_sap_tnt_NavigationList_GroupIconMarginRight: 0px;
@_sap_tnt_NavigationList_GroupTextWeight: unset;
@_sap_tnt_NavigationList_ParentItemBottomMarginInPopup: 0;
@_sap_tnt_NavigationList_Padding: 0;
@_sap_tnt_NavigationList_PaddingFixed: 0;
@_sap_tnt_NavigationList_PaddingInlineEnd: 0.375rem;
@_sap_tnt_NavigationList_ArrowPadding: 0.6875rem;
@_sap_tnt_NavigationList_ArrowPaddingCompact: 0.3125rem;
@_sap_tnt_NavigationList_PopupPadding: 0;
@_sap_tnt_NavigationList_PopupItemPadding: 0 1rem;
@_sap_tnt_NavigationList_PopupTitleTextSize: @sapMFontMediumSize;
@_sap_tnt_NavigationList_PopupTitleLineHeight: normal;
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding: 0;
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: 0;
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusTextDisplay: none;
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemZIndex: 0;
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPosition: relative;
@_sap_tnt_NavigationList_Collapsed_ItemHoverBoxShadow: @_sap_tnt_SideNavigation_BoxShadow;
@_sap_tnt_NavigationList_CollapsedIconPaddingLeft: 0;
@_sap_tnt_NavigationList_CollapsedHiddenExpanderPadding: 0;
@_sap_tnt_NavigationList_NavigationIndicator: "";
@_sap_tnt_NavigationList_ExpandIconWidth: 2rem;
@_sap_tnt_NavigationList_ExpandIconMarginRight: 0;
@_sap_tnt_NavigationList_ExpandIconMarginLeft: 0;
@_sap_tnt_NavigationList_ExpandIconPaddingLeft: 0;
@_sap_tnt_NavigationList_ExpandIconFontSize: 0.875rem;
@_sap_tnt_NavigationList_ActionItemBorderHover: none;
@_sap_tnt_NavigationList_ActionItemBorderPosition: auto;
@_sap_tnt_NavigationList_ActionItemBorderHeight: 100%;
@_sap_tnt_NavigationList_ActionItemBorderPaddingLeft: @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding;
@_sap_tnt_NavigationList_ActionItemBorder: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);

.sapTntNL {
	margin: 0;
	padding: @_sap_tnt_NavigationList_Padding;
	list-style: none;
	box-sizing: border-box;
	overflow: hidden auto;
}

.sapTntSideNavigationFixed .sapTntNL {
	padding: @_sap_tnt_NavigationList_PaddingFixed;
}

.sapTntSideNavigation:not(.sapTntSideNavigationNotExpanded) .sapTntSideNavigationFixed .sapTntNLI.sapTntNLIFirstLevel:first-of-type {
	/* add 2px margin to make focus border visible */
	margin-top: 0.125rem;
}

.sapTntNL.sapTntNLCollapsed {
	overflow: visible;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.sapTntNLOverflow {
	flex: 1;
	display: flex;
	flex-direction: column-reverse;
}

.sapTntNLI .sapUiIcon > .sapUiIconTitle {
	padding-inline-end: @_sap_tnt_NavigationList_PaddingInlineEnd;
	padding-block: @_sap_tnt_NavigationList_ArrowPadding;
	top: -@_sap_tnt_NavigationList_ArrowPadding;
}

.sapTntNL ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sapTntNL.sapTntNLCollapsed li:not(.sapTntNLSeparator) {
	min-height: @_sap_tnt_NavigationList_ItemHeight + @_sap_tnt_NavigationList_ItemBottomMargin;
}

.sapTntNLI {
	height: @_sap_tnt_NavigationList_ItemHeight;
	box-sizing: border-box;
	cursor: pointer;
	background-color: var(--sapList_Background);
	border-radius: @_sap_tnt_NavigationList_ItemBorderRadius;

	/* borders are drawn using a pseudo element. */
	/* in some themes, the border is drawn only on the bottom. */
	/* in high contrast themes the border is on all sides and there is extra border on hover */
	&::before {
		pointer-events: none;
		content: '';
		position: absolute;
		inset: 0;
	}

	span {
		cursor: pointer;
	}

	&.sapTntNLIDisabled {
		cursor: default;

		span {
			cursor: default;
			opacity: var(--sapContent_DisabledOpacity);
		}
	}

	&.sapTntNLIFirstLevel.sapTntNLIInPopover.sapTntNLIUnselectable {
		cursor: default;

		span {
			cursor: text;
		}
	}

	.sapMText {
		color: var(--sapList_TextColor);
		font-family: @_sap_tnt_NavigationList_ItemTextFontFamily;
	}

	.sapTntNLIIcon {
		color: @_sap_tnt_NavigationList_IconColor;
		font-size: 1rem;
	}

	.sapTntNLIExpandIcon,
	.sapTntNLIExternalLinkIcon {
		color: @_sap_tnt_NavigationList_ExpandIconColor;
	}

	a {
		min-width: 100%;
		height: 100%;
		text-decoration: none;
		outline: none;
		background: inherit;
		border-radius: inherit;
		transition: @_sap_tnt_NavigationList_ItemTransition;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	}
}

.sapTntNL:not(.sapTntNLCollapsed) .sapTntNLI:not(.sapTntNLIAction):not(.sapTntNLIInPopover) {
	height: auto;
	min-height: @_sap_tnt_NavigationList_ItemHeight;

	a {
		padding-top: @_sap_tnt_NavigationList_ItemTextMargin;
		padding-bottom: @_sap_tnt_NavigationList_ItemTextMargin;
	}
}

.sapTntNL.sapTntNLCollapsed {

	.sapTntNLI a {
		justify-content: center;
		transition: none;
	}
}

/* defines the styles for border when selected, border when hovering (hover used in high contrast themes) */
.sapTntNL li .sapTntNLI:not(.sapTntNLIDisabled):not(.sapTntNLIAction) {

	&.sapTntNLISelected::before {
		border: @_sap_tnt_NavigationList_SelectedBorderStyleColor;
		border-width: @_sap_tnt_NavigationList_SelectedBorderWidth;
	}

	&:hover,
	&:active,
	.sapTntNLPopover &:last-child:hover,
	.sapTntNLPopover &:last-child:active {

		&:not(.sapTntNLISelected):not(.sapTntNLIAction)::before {
			border: @_sap_tnt_NavigationList_HoverBorderStyleColor;
			border-width: @_sap_tnt_NavigationList_HoverBorderWidth;
		}
	}
}

.sapTntNL .sapTntNLI:not(.sapTntNLIDisabled).sapTntNLISelected [tabindex]:focus {
/* .sapTntNL .sapTntNLI:not(.sapTntNLIDisabled).sapTntNLISelected:focus { */

	&::before {
		border: @_sap_tnt_NavigationList_SelectedAndFocusedBorderStyleColor;
	}
}

.sapTntNLISecondLevel .sapMText {
	padding-inline-start: ~"calc(@{_sap_tnt_NavigationList_GroupIconWidth} + @{_sap_tnt_NavigationList_GroupIconMarginRight})";
}

.sapTntNLISecondLevel::before {
	border: @_sap_tnt_NavigationList_ItemBorderStyleColor;
	border-width: @_sap_tnt_NavigationList_ItemBorderWidth;
}

.sapTntNLIFirstLevel::before {
	border: @_sap_tnt_NavigationList_GroupBorderStyleColor;
	border-width: @_sap_tnt_NavigationList_GroupBorderWidth;

	.sapTntNLCollapsed & {
		border-width: @_sap_tnt_NavigationList_Collapsed_GroupBorderWidth;
	}
}

.sapTntNLIFirstLevel.sapTntNLIAction::before {
	border: none;
}

/* When a group is expanded, defines the border of the group and of its last item */
.sapTntNL:not(.sapTntNLPopup) {

	.sapTntNLIFirstLevel[aria-expanded='true']::before {
		border-width: @_sap_tnt_NavigationList_GroupExpandedBorderWidth;
	}

	.sapTntNLISecondLevel:last-child::before {
		border: @_sap_tnt_NavigationList_GroupBorderStyleColor;
		border-width: @_sap_tnt_NavigationList_GroupBorderWidth;
	}
}

.sapTntNLPopover .sapTntNLISecondLevel:last-child::before {
	border: @_sap_tnt_NavigationList_LastItemBorderStyleColor;
}

.sapTntNLIText {
	flex: 1;
	min-width: 0;
}

.sapTntNLPopover .sapTntNLPopup.sapTntNL {
	padding: @_sap_tnt_NavigationList_PopupPadding;

	.sapTntNLI {

		&.sapTntNLIFirstLevel {
			margin-bottom: @_sap_tnt_NavigationList_ParentItemBottomMarginInPopup;
		}

		&:not(:last-child) {
			margin-bottom: @_sap_tnt_NavigationList_ItemBottomMargin;
		}
	}
}

.sapTntNLPopup .sapTntNLISecondLevel .sapMText {
	padding: @_sap_tnt_NavigationList_PopupItemPadding;
}

.sapTntNLPopup .sapTntNLIFirstLevel .sapMText {
	font-size: @_sap_tnt_NavigationList_PopupTitleTextSize;
	line-height: @_sap_tnt_NavigationList_PopupTitleLineHeight;
}

.sapTntNL {

	span.sapTntNLIIcon {
		outline: none;
		-webkit-user-select: none; /* Chrome all / Safari all */
		-moz-user-select: none; /* Firefox all */
		user-select: none;
	}
}

.sapTntNLIHidden {
	display: none;
}

.sapTntNLPopup .sapTntNLI {

	a {
		padding-left: 1rem;
	}

	.sapTntNLIIcon {
		display: none;
	}
}

.sapTntNL .sapTntNLIExpandIcon,
.sapMMenuItemSubMenu.sapTntNLIExpandIcon,
.sapTntNLIExternalLinkIcon {
	min-width: @_sap_tnt_NavigationList_ExpandIconWidth;
	margin-right: @_sap_tnt_NavigationList_ExpandIconMarginRight;
	margin-left: @_sap_tnt_NavigationList_ExpandIconMarginLeft;
	padding-left: @_sap_tnt_NavigationList_ExpandIconPaddingLeft;
	font-size: @_sap_tnt_NavigationList_ExpandIconFontSize;

	pointer-events: all;

	outline: none;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	user-select: none;
}

.sapTntNL:not(.sapTntNLCollapsed) .sapTntNLI.sapTntNLIWithExpander.sapTntNLITwoClickAreas .sapTntNLIExpandIcon {
	margin-left: 1rem;
}

.sapTntNLIItemsContainer.sapTntNLIItemsContainerHidden {
	display: none;
}

.sapTntNLCollapsed {
	width: @_sap_tnt_NavigationList_CollapsedWidth;
}

.sapTntNL li,
.sapTntNLI {
	position: relative;
}

.sapTntNLIFirstLevel .sapTntNLIText {
	font-family: @_sap_tnt_NavigationList_ParentItemTextFontFamily;
}

.sapTntNLCollapsed {

	.sapTntNLIText {
		display: none;
	}

	.sapTntNLIExternalLinkIcon,
	.sapTntNLIExpandIcon {
		display: none;
	}

	.sapTntNLI:not(.sapTntNLIDisabled):not(.sapTntNLIActive):not(.sapTntNLINoHoverEffect) {

		[tabindex]:hover,
		[tabindex]:focus {
			position: @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPosition;
			padding: @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding;
			z-index: @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemZIndex;

			.sapTntNLIText {
				display: @_sap_tnt_NavigationList_Collapsed_HoverOrFocusTextDisplay;
			}

			.sapTntNLIText:last-child {
				padding-right: 1rem;
			}

			.sapTntNLIExternalLinkIcon,
			.sapTntNLIExpandIcon {
				display: @_sap_tnt_NavigationList_Collapsed_HoverOrFocusTextDisplay;
			}

			.sapUiIcon:first-of-type::after {
				display: none;
			}

			.sapUiIcon:first-of-type {
				padding-left: 0;
			}
		}

		&.sapTntNLIAction {

			[tabindex]:not(:focus):hover {
				border: @_sap_tnt_NavigationList_ActionItemBorderHover;

				/* border should be considered for the positioning in Horizon - the following styles are used to keep the icon in the same position when the border is added */
				top: @_sap_tnt_NavigationList_ActionItemBorderPosition;
				bottom: @_sap_tnt_NavigationList_ActionItemBorderPosition;
				left: @_sap_tnt_NavigationList_ActionItemBorderPosition;
				height: @_sap_tnt_NavigationList_ActionItemBorderHeight;
				padding-left: @_sap_tnt_NavigationList_ActionItemBorderPaddingLeft;
			}

			[tabindex]:focus {
				padding-left: @_sap_tnt_NavigationList_ActionItemBorderPaddingLeft;
				outline: @_sap_tnt_NavigationList_ActionItemBorder;
			}
		}

		&.sapTntNLITwoClickAreas:not(.sapTntNLIWithExpander) {

			[tabindex]:hover,
			[tabindex]:focus {
				padding-right: @_sap_tnt_NavigationList_CollapsedHiddenExpanderPadding;
			}
		}
	}

	.sapTntNLI:not(.sapTntNLIDisabled):not(.sapTntNLIActive) [tabindex]:hover {
		box-shadow: @_sap_tnt_NavigationList_Collapsed_ItemHoverBoxShadow;
	}
}

.sapTntNLI:not(.sapTntNLIDisabled, .sapTntNLIFirstLevel.sapTntNLIInPopover.sapTntNLIUnselectable, .sapTntNLISelected):hover {
	background-color: var(--sapList_Hover_Background);
}

.sapTntNLI:not(.sapTntNLIDisabled).sapTntNLIActive:not(:hover),
.sapTntNLIActive .sapTntNLIFirstLevel.sapTntNLI:not(.sapTntNLIDisabled),
.sapTntNLCollapsed.sapTntNLIFirstLevel.sapTntNLISelected,
.sapTntNL .sapTntNLGroup.sapTntNLI:not(.sapTntNLIDisabled):active,
.sapTntNL .sapTntNLIFirstLevel.sapTntNLI:not(.sapTntNLIDisabled, .sapTntNLIInPopover.sapTntNLIUnselectable):not(.sapTntNLIAction):active,
.sapTntNL .sapTntNLISecondLevel.sapTntNLI:not(.sapTntNLIDisabled):not(.sapTntNLIAction):active,
.sapTntNL .sapTntNLISecondLevel.sapTntNLI:not(.sapTntNLIDisabled):not(.sapTntNLIAction).sapTntNLIActive {
	background: var(--sapList_Active_Background);

	&::before {
		border: @_sap_tnt_NavigationList_SelectedBorderStyleColor;
		border-width: @_sap_tnt_NavigationList_SelectedBorderWidth;
	}

	.sapMText,
	.sapTntNLGroupText {
		color: var(--sapList_Active_TextColor);
	}

	.sapUiIcon {
		color: var(--sapList_Active_TextColor);
	}
}

.sapTntNLISelected.sapTntNLI,
.sapTntNLISelected .sapTntNLIFirstLevel,
.sapTntNLISelected.sapTntNLISecondLevel,
.sapTntNLISelected.sapTntNLISecondLevel.sapTntNLI {
	background-color: var(--sapList_SelectionBackgroundColor);
}

.sapTntSideNavigationNotExpanded .sapTntNLIFirstLevel.sapTntNLIWithExpander .sapUiIcon {
	padding-left: @_sap_tnt_NavigationList_CollapsedIconPaddingLeft; /* to center the icon. Value is the width of the expander. */
}


.sapTntSideNavigationNotExpanded .sapTntNLIFirstLevel.sapTntNLIWithExpander .sapUiIcon:first-of-type::after {
	font-family: SAP-icons;
	content: @_sap_tnt_NavigationList_NavigationIndicator;
	font-size: 0.75rem;
	position: relative;
	bottom: 0.125rem;
	left: 0.25rem;;
}

.sapTntNLIAction {
	border: @_sap_tnt_NavigationList_ActionItemBorder;
}

.sapTntNLIAction .sapMText,
.sapTntNLIAction .sapUiIcon {
	color: var(--sapButton_Lite_TextColor);
}

.sapTntNLIFirstLevel:not(.sapTntNLIWithExpander) {

	.sapTntNLISelectionIndicator {
		margin: 0 0.5rem;
	}
}

.sapTntNLI:not(.sapTntNLIWithExpander):not(.sapTntNLGroup):not(.sapTntNLIExternalLink) .sapMText {
	padding-inline-end: 0.375rem;
}

.sapTntNLIWithExpander.sapTntNLITwoClickAreas .sapUiIcon:last-of-type {
	height: var(--sapElement_Condensed_Height);
	line-height: var(--sapElement_Condensed_Height);
}

.sapTntNL:not(.sapTntNLCollapsed) .sapTntNLIWithExpander.sapTntNLITwoClickAreas .sapUiIcon:last-of-type {
	border-left: 0.0625rem solid var(--sapTextColor);
}

.sapTntNLIWithExpander.sapTntNLITwoClickAreas .sapUiIcon:last-of-type::before {
	line-height: var(--sapElement_Condensed_Height);
}

.sapTntNLISecondLevel .sapTntNLISelectionIndicator {
	margin: 0 0.5rem;
}

.sapTntNLISelected .sapTntNLI:hover,
.sapTntNLISelected.sapTntNLI.sapTntNLIFirstLevel:hover,
.sapTntNLISelected.sapTntNLISecondLevel.sapTntNLISecondLevel:hover {
	background-color: var(--sapList_Hover_SelectionBackground);
}

.sapTntNL:not(.sapTntNLPopup) .sapTntNLI {
	margin-bottom: @_sap_tnt_NavigationList_ItemBottomMargin;
}

.sapTntNLISelected:not(.sapTntNLIDisabled) {
	background: @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground;
}

.sapTntNLCollapsed .sapTntNLISelected:not(.sapTntNLIDisabled):not(.sapTntNLINoHoverEffect):hover {
	background: @_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundHover;
}

html[dir=rtl] .sapTntNLISelected:not(.sapTntNLIDisabled) {
	background: @_sap_tnt_NavigationList_Collapsed_SelectedItemBackgroundRTL;
}

.sapTntNLGroup {
	padding-inline-start: 1rem;
	border-radius: @_sap_tnt_NavigationList_ItemBorderRadius;
	transition: @_sap_tnt_NavigationList_ItemTransition;
	color: var(--sapContent_LabelColor);
	display: flex;
	cursor: pointer;
	box-sizing: border-box;
	align-items: center;

	&::before {
		border: @_sap_tnt_NavigationList_GroupBorderStyleColor;
		border-width: @_sap_tnt_NavigationList_GroupBorderWidth;
	}

	.sapTntNLGroupText {
		flex: 1 1 auto;
		font-size: @sapFontSize;
		font-family: var(--sapFontFamily);
		overflow: hidden;
		margin: @_sap_tnt_NavigationList_ItemTextMargin 0;
	}

	.sapTntNLGroupIcon {
		flex: 0 0 0%;
	}

	&:focus {
		outline: none;
	}
}

.sapTntNLSeparator {
	min-height: 0.625rem;
}

.sapTntNL > .sapTntNLSeparator:last-child {
	display: none;
}

.sapTntNL .sapTntNLI:not(.sapTntNLIFirstLevel.sapTntNLIInPopover.sapTntNLIUnselectable) {

	&[tabindex]:focus::after,
	[tabindex]:focus::after {
		border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
		position: absolute;
		content: '';
		inset: @_sap_tnt_NavigationList_ItemFocusBorderOffset;
		z-index: 2;
		pointer-events: none;
		border-radius: @_sap_tnt_NavigationList_ItemFocusBorderRadius;
	}
}

/* NavigationList with icons */
.sapTntNL:not(.sapTntNLNoIcons) span.sapTntNLIIcon {
	min-width: @_sap_tnt_NavigationList_GroupIconWidth;
}

.sapTntNL:not(.sapTntNLNoIcons):not(.sapTntNLCollapsed) span.sapTntNLIIcon {
	min-width: @_sap_tnt_NavigationList_GroupIconWidthExpanded;
	margin-left: @_sap_tnt_NavigationList_GroupIconMarginLeft;
	margin-right: @_sap_tnt_NavigationList_GroupIconMarginRight
}

/* NavigationList without icons */
.sapTntNL.sapTntNLNoIcons:not(.sapTntNLPopup) {

	.sapTntNLIFirstLevel .sapMText {
		padding-left: @_sap_tnt_NavigationList_NoIconsGroupPadding;
	}
}

.sapTntNLMenu.sapMMenu {

	&:not(.sapMSubmenu) .sapMMenuList {
		padding: @_sap_tnt_NavigationList_PopupPadding;
	}

	.sapMMenuItemSubMenu:empty {
		min-width: initial;
		padding-inline-end: initial;
	}

	/* parent menu */
	&:not(.sapMSubmenu) .sapMMenuList .sapMMenuItem  {
		font-family: @_sap_tnt_NavigationList_ParentItemTextFontFamily;

		.sapMMenuItemIcon {

			.sapUiIcon {
				color: @_sap_tnt_NavigationList_IconColor;
				display: block;
			}
		}

		.sapMMenuItemSubMenu {
			position: static; /* default one */
			display: flex;
			align-items: center;
			justify-content: center;
			width: 0.75rem;
			height: 100%;
			padding-inline-start: 0.5rem;
			padding-inline-end: 0;
			min-width: @_sap_tnt_NavigationList_ExpandIconWidth;
			min-height: inherit;

			&:empty {
				min-width: 0.75rem;
			}

			.sapUiIconMirrorInRTL::after {
				content: '\e1ed';
				font-size: @_sap_tnt_NavigationList_ExpandIconFontSize;
				color: @_sap_tnt_NavigationList_IconColor;
			}
		}

		&.sapMMenuItemSubMenuOpen,
		&.sapMMenuItemSubMenuOpen:hover {
			border-bottom: none;
			background-color: var(--sapList_Hover_Background);

			&::before {
				position: absolute;
				content: '';
				inset: 0;
				border: @_sap_tnt_NavigationList_SelectedBorderStyleColor;
				border-width: @_sap_tnt_NavigationList_SelectedBorderWidth;
			}
		}
	}

	.sapMMenuList {

		li.sapMMenuItem {
			display: flex;
			align-items: center;
			height: @_sap_tnt_NavigationList_ItemHeight;
			padding-inline: 1rem 0.375rem;
			border-radius: @_sap_tnt_NavigationList_ItemBorderRadius;
			transition: @_sap_tnt_NavigationList_ItemTransition;
			font-size: @sapMFontMediumSize;

			.sapMMenuItemText {
				display: flex;
				align-items: center;
				margin: 0 !important;
				padding: 0 !important;
				flex: 1;
				min-width: 0;
			}

			&:focus {
				outline: var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);
			}

			&:not(:last-child) {
				margin-bottom: @_sap_tnt_NavigationList_ItemBottomMarginInOverflowPopup;
				border: @_sap_tnt_NavigationList_ItemBorderStyleColor;
				border-width: @_sap_tnt_NavigationList_ItemBorderWidth;
			}

			.sapTntNLIExpandIcon {
				margin: 0;
			}

			.sapTntNLIExternalLinkIcon {
				margin-right: 0;
			}

			.sapMMenuItemIcon {
				color: @_sap_tnt_NavigationList_IconColor;
			}

			.sapTntNLIExpandIcon {
				color: @_sap_tnt_NavigationList_ExpandIconColor;
			}

			.sapMMenuItemText {
				color: var(--sapList_TextColor);
			}

			&.sapMMenuItemDisabled {

				.sapMMenuItemIcon,
				.sapMMenuItemText,
				.sapTntNLIExpandIcon,
				.sapTntNLIExternalLinkIcon {
					opacity: var(--sapContent_DisabledOpacity);
				}
			}
		}
	}

	.sapMMenuItemIcon {
		min-width: 1rem;
		max-width: 1rem;
		padding-inline-end: 0.5rem;
	}

	.sapTntNLMenuSubItemParent {
		font-family: @_sap_tnt_NavigationList_ParentItemTextFontFamily;
	}
}

.sapTntNLMenu.sapMMenu.sapMSubmenu {
	padding: 0.5rem;

	.sapMMenuList .sapMMenuItem {
		padding-inline: 1rem;

		.sapMMenuItemIcon {
			display: none;
		}

		.sapTntNLIExtLinkOverflowIcon {
			color: @_sap_tnt_NavigationList_ExpandIconColor;
			padding-left: 0.5rem;
			font-size: 0.875rem;
			pointer-events: all;
			outline: none;
		}
	}
}

.sapTntNLPopup .sapTntNLISecondLevel .sapMText {
	padding-left: 0;
}

.sapTntNavMenuItemExternalLink a {
	min-width: 100%;
	height: 100%;
	text-decoration: none;
	outline: none;
	background: inherit;
	border-radius: inherit;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	color: @_sap_tnt_NavigationList_ExpandIconColor;
}

/* Compact size */
.sapUiSizeCompact {

	.sapTntNLI .sapUiIcon > .sapUiIconTitle {
		padding-block: @_sap_tnt_NavigationList_ArrowPaddingCompact;
		top: -@_sap_tnt_NavigationList_ArrowPaddingCompact;
	}

	.sapTntNL.sapTntNLCollapsed li:not(.sapTntNLSeparator) {
		min-height: @_sap_tnt_NavigationList_ItemHeightCompact + @_sap_tnt_NavigationList_ItemBottomMargin;
	}

	.sapTntNLMenu.sapMMenu li.sapMMenuItem,
	.sapTntNLI {
		height: @_sap_tnt_NavigationList_ItemHeightCompact;
	}

	.sapTntNL:not(.sapTntNLCollapsed) .sapTntNLI:not(.sapTntNLIAction):not(.sapTntNLIInPopover) {
		height: auto;
		min-height: @_sap_tnt_NavigationList_ItemHeightCompact;

		a {
			padding-top: @_sap_tnt_NavigationList_ItemTextMarginCompact;
			padding-bottom: @_sap_tnt_NavigationList_ItemTextMarginCompact;
		}
	}

	.sapTntNLMenu.sapMMenu .sapUiIcon {
		line-height: @_sap_tnt_NavigationList_ItemHeightCompact;
	}

	.sapTntNLPopup .sapTntNLISecondLevel .sapMText {
		padding: 0 0.5rem;
	}

	.sapTntNL.sapTntNLPopup span.sapTntNLIIcon {
		padding: 0.5rem 0;
	}

	.sapTntNLPopup span.sapTntNLIIcon {
		width: 0.5rem;
		min-width: 0.5rem;
	}

	.sapTntNLPopup .sapTntNLISecondLevel .sapMText{
		padding-left: 0;
	}

	.sapTntNLGroupText {
		margin: @_sap_tnt_NavigationList_ItemTextMarginCompact 0;
	}

	.sapTntNLCollapsed {
		.sapTntNLI:not(.sapTntNLIDisabled):not(.sapTntNLIActive):not(.sapTntNLINoHoverEffect) {

			[tabindex]:hover,
			[tabindex]:focus {
				padding: @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact;
			}
		}
	}
}

/* END "NavigationList.less" */
 // keep this order, it reuses variable @_sap_tnt_SideNavigation_BoxShadow defined in SideNavigation.less
/* START "ToolPage.less" */
/* ================================= */
/* CSS for control sap.tnt/ToolPage  */
/* Base theme                        */
/* ================================= */

/* ========================================================================== */
/* Variables                                                                  */
/* ========================================================================== */

@_sap_tnt_ToolPage_AnimationDuration : 0.3s;
@_sap_tnt_ToolPage_Background: var(--sapBackgroundColor);
@_sap_tnt_ToolPage_ContentBackgroundStandard: none;
@_sap_tnt_ToolPage_ContentBackgroundSolid: none;
@_sap_tnt_ToolPage_ContentBackgroundTransparent: none;
@_sap_tnt_ToolPage_ContentBackgroundList: none;
@_sap_tnt_ToolPage_AsideCollapsedLayoutSTransform: -100%;
@_sap_tnt_ToolPage_AsideCollapsedLayoutSTransformRtl: 100%;
@_sap_tnt_ToolHeader_Shadow: none;

/* ========================================================================== */
/* Root element                                                               */
/* ========================================================================== */

.sapTntToolPage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
  background: @_sap_tnt_ToolPage_Background;
}

/* ========================================================================== */
/* Header wrapper                                                             */
/* ========================================================================== */

.sapTntToolPageHeaderWrapper {
  z-index: 3;
  box-shadow: @_sap_tnt_ToolHeader_Shadow;
}

/* ========================================================================== */
/* Content wrapper                                                            */
/* ========================================================================== */

.sapTntToolPageContentWrapper {
  display: flex;
  flex: 1;
  min-height: 0; /* fixes flex chrome issue */
  position: relative;
}

/* Aside container
   ========================================================================== */

.sapTntToolPageAside {
  max-width: 100%;
  display: flex;
  flex-direction: column;
  will-change: transform;
  z-index: 2;
}

.sapTntToolPageAsideContent {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
}

html:not([data-sap-ui-animation='off']) .sapTntToolPageAside {
  transition: transform @_sap_tnt_ToolPage_AnimationDuration;
}

.sapTntToolPage-LayoutS {
  .sapTntToolPageAside {
    z-index: 2;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 100%;
  }

  .sapTntToolPageAsideCollapsed {
    .sapTntToolPageAside {
      transform: translateX(@_sap_tnt_ToolPage_AsideCollapsedLayoutSTransform);
    }
  }
}



/* ========================================================================== */
/* Main container                                                             */
/* ========================================================================== */

.sapTntToolPageMain {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0; /* fixes flex chrome issue */
  overflow: hidden;
  will-change: transform;
  background: @_sap_tnt_ToolPage_ContentBackgroundStandard;
}

.sapTntToolPageMain.sapTntToolPageMainBackground-Solid {
  background: @_sap_tnt_ToolPage_ContentBackgroundSolid;
}

.sapTntToolPageMain.sapTntToolPageMainBackground-Transparent {
  background: @_sap_tnt_ToolPage_ContentBackgroundTransparent;
  box-shadow: none;
}

.sapTntToolPageMain.sapTntToolPageMainBackground-List {
  background: @_sap_tnt_ToolPage_ContentBackgroundList;
}

.sapTntToolPageMainContent {
  flex: 1;
  min-height: 0; /* fixes flex chrome issue */
  position: relative;
}

.sapTntToolPageMainContentWrapper {
  width: 100%;
  height: 100%;
}

/* ========================================================================== */
/* Overrides                                                                  */
/* ========================================================================== */

.sapTntToolPage.sapTntToolPageWithSideContent .sapTntToolPageHeader [ui5-shellbar] {
	padding-inline: 0.875rem 1rem;
}

/* ========================================================================== */
/* RTL                                                                        */
/* ========================================================================== */

html[dir=rtl] {
  .sapTntToolPage-LayoutS .sapTntToolPageAsideCollapsed {
    .sapTntToolPageAside {
      transform: translateX(@_sap_tnt_ToolPage_AsideCollapsedLayoutSTransformRtl);
    }
  }
}

/* ========================================================================== */

.sapTntToolPageAsideCollapsed {

  .sapTntToolPageMain {
    z-index: 1;
  }

  .sapTntToolPageAside {
    z-index: 2;
  }
}

.sapUiLocalBusy > .sapTntToolPage {
  z-index: 0;
}

.sapTntToolPage.sapUiLocalBusy .sapUiLocalBusyIndicator {
  z-index: 3;
}
/* END "ToolPage.less" */

/* START "InfoLabel.less" */
/* ================================== */
/* CSS for control sap.tnt/InfoLabel  */
/* Base theme                         */
/* ================================== */

@_sap_tnt_InfoLabel_NarrowPadding: 0 0.1875rem;
@_sap_tnt_InfoLabel_LineHeight: normal;
@_sap_tnt_InfoLabel_LineHeightDisplayOnly: 1rem;
@_sap_tnt_InfoLabel_Height: 1rem;
@_sap_tnt_InfoLabel_HeightWithoutBorders: 0.875rem;
@_sap_tnt_InfoLabel_FontFamily: var(--sapFontFamily);
@_sap_tnt_InfoLabel_FontSize: var(--sapFontSmallSize);
@_sap_tnt_InfoLabel_DisplayFontSize: @_sap_tnt_InfoLabel_FontSize;
@_sap_tnt_InfoLabel_DisplayFontSizeIcon: @_sap_tnt_InfoLabel_FontSize;
@_sap_tnt_InfoLabel_Padding: 0 0.3125rem;
@_sap_tnt_InfoLabel_DisplayPadding: @_sap_tnt_InfoLabel_Padding;
@_sap_tnt_InfoLabel_IconMargin: 0.125rem;
@_sap_tnt_InfoLabel_DisplayIconMargin: 0.1875rem;
@_sap_tnt_InfoLabel_PaddingWhenEmpty: 0 @_sap_tnt_InfoLabel_HeightWithoutBorders/2;
@_sap_tnt_InfoLabel_DisplayModeBorder: none;
@_sap_tnt_InfoLabel_DisplayModeBackground: var(--sapTextColor);
@_sap_tnt_InfoLabel_DisplayModeColor: var(--sapContent_ContrastTextColor);
@_sap_tnt_InfoLabel_BorderRadius: 0.5rem;
@_sap_tnt_InfoLabel_DisplayBorderRadius: @_sap_tnt_InfoLabel_BorderRadius;
@_sap_tnt_InfoLabel_Text: uppercase;
@_sap_tnt_InfoLabel_LetterSpacing: 0.0125rem;

/* ========================================================================== */
/*   Root element                                                             */
/* ========================================================================== */

.sapTntInfoLabel {
	box-sizing: border-box;
	padding: @_sap_tnt_InfoLabel_Padding;
	text-align: center;
	border-radius: @_sap_tnt_InfoLabel_BorderRadius;
	height: @_sap_tnt_InfoLabel_Height;
	display: inline-block;
	max-width: 100%;
	line-height: @_sap_tnt_InfoLabel_LineHeight;

	.sapTntInfoLabelInner {
		font-size: @_sap_tnt_InfoLabel_FontSize;
		font-weight: bold;
		font-family: @_sap_tnt_InfoLabel_FontFamily;
		vertical-align: top;
		letter-spacing: @_sap_tnt_InfoLabel_LetterSpacing;
		text-transform: @_sap_tnt_InfoLabel_Text;
		display: inline-block;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		max-width: 100%;
	}
}

.sapTntInfoLabelRenderModeNarrow { /* Recommended for numeric labels (Numeric Mode) */
	padding: @_sap_tnt_InfoLabel_NarrowPadding;
}

/* ========================================================================== */
/* InfoLabel Display Only                                                     */
/* ========================================================================== */

.sapTntInfoLabel.sapTntInfoLabelDisplayOnly {
	border: @_sap_tnt_InfoLabel_DisplayModeBorder;
	background: @_sap_tnt_InfoLabel_DisplayModeBackground;
	height: 1rem;
	border-radius: @_sap_tnt_InfoLabel_DisplayBorderRadius;
	padding: @_sap_tnt_InfoLabel_DisplayPadding;

	.sapTntInfoLabelInner {
		color: @_sap_tnt_InfoLabel_DisplayModeColor;
		line-height: @_sap_tnt_InfoLabel_LineHeightDisplayOnly;
		font-size: @_sap_tnt_InfoLabel_DisplayFontSize;
	}
}

/* ========================================================================== */
/* InfoLabel No Text                                                          */
/* ========================================================================== */

.sapTntInfoLabel.sapTntInfoLabelNoText {
	padding: 0 0.1875rem;
}

/* ========================================================================== */
/* InfoLabel With Icon                                                        */
/* ========================================================================== */

.sapTntInfoLabel.sapTntInfoLabelWithIcon {

	.sapTntInfoLabelInner .sapTntInfoLabelText {
		vertical-align: top;
	}

	.sapUiIcon {
		padding-right: @_sap_tnt_InfoLabel_IconMargin;
		line-height: @_sap_tnt_InfoLabel_HeightWithoutBorders;
		vertical-align: top;
		font-size: @_sap_tnt_InfoLabel_FontSize;
	}

	&.sapTntInfoLabelNoText {
		padding: @_sap_tnt_InfoLabel_NarrowPadding;

		.sapTntInfoLabelInner .sapUiIcon {
			padding-right: 0 !important;
		}
	}

	&.sapTntInfoLabelDisplayOnly .sapTntInfoLabelInner {

		.sapUiIcon:not(.sapMBtnIcon) { /* needs this to override Form styles */
			line-height: @_sap_tnt_InfoLabel_LineHeightDisplayOnly;
			padding-right: @_sap_tnt_InfoLabel_DisplayIconMargin;
			font-size: @_sap_tnt_InfoLabel_DisplayFontSizeIcon;
		}
	}
}

/* ========================================================================== */
/* Empty InfoLabel                                                            */
/* ========================================================================== */

/* It is recommended for the empty InfoLabel to be circle */
.sapTntInfoLabel.sapTntInfoLabelNoText:not(.sapTntInfoLabelWithIcon) {

	&:not(.sapTntInfoLabelDisplayOnly) {
		padding: @_sap_tnt_InfoLabel_PaddingWhenEmpty;
	}

	&.sapTntInfoLabelDisplayOnly {
		padding: 0 @_sap_tnt_InfoLabel_LineHeightDisplayOnly/2;
	}
};

/* ========================================================================== */
/* InfoLabel in Form                                                          */
/* ========================================================================== */

.sapUiFormEdit .sapTntInfoLabel:not(.sapTntInfoLabelDisplayOnly) {
	margin-top: 0.875rem;
}

/* Compact size */
.sapUiSizeCompact .sapUiFormEdit .sapTntInfoLabel:not(.sapTntInfoLabelDisplayOnly) {
	margin-top: 0.5rem;
}

/* ========================================================================== */
/* InfoLabel in Table                                                         */
/* ========================================================================== */

.sapMListTbl .sapTntInfoLabel.sapTntInfoLabelWithIcon .sapUiIcon:not(.sapMBtnIcon) {
	font-size: var(--sapFontSmallSize);
}
/* END "InfoLabel.less" */