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

/*!
 * OpenUI5
 * (c) Copyright 2009-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_BorderRadius: 0;
@_sap_tnt_ToolHeader_BoxShadow: none;
@_sap_tnt_ToolHeader_AvatarBackground: lighten(saturate(spin(@sapUiAccent6, 348), 36), 28);
@_sap_tnt_ToolHeader_AvatarColor: @sapUiBaseText;
@_sap_tnt_ToolHeader_BorderColor: contrast(@sapShellColor, @sapUiContentFocusColor, @sapUiContentContrastFocusColor, @sapContent_ContrastTextThreshold);
@_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;
	border-radius: @_sap_tnt_ToolHeader_BorderRadius;
	box-shadow: @_sap_tnt_ToolHeader_BoxShadow;
}

// ==========================================================================
// 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;
	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: @sapUiContentNonInteractiveIconColor;
	}
}

.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: @sapUiShellNavigationBackground;
	height: 2.75rem;
	box-shadow: @sapUiShellShadow;
	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: @sapUiGroupContentBorderColor;
@_sap_tnt_SideNavigation_NavigationSeparatorRadius: unset;
@_sap_tnt_SideNavigation_NavigationSeparatorHeight: 1px;
@_sap_tnt_SideNavigation_TriangleColor: @sapUiContentIconColor;
@_sap_tnt_SideNavigation_BorderRight: 1px solid @sapUiGroupContentBorderColor;
@_sap_tnt_SideNavigation_BorderRadius: 0;
@_sap_tnt_SideNavigation_PhoneBorderRadius: 0;
@_sap_tnt_SideNavigation_BoxShadow: none;
@_sap_tnt_SideNavigation_TriangleDisplay: block;
@_sap_tnt_SideNavigation_PhoneWidth: @_sap_tnt_SideNavigation_Width;

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

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

html.sap-phone,
html.sap-tablet:not(html.sap-combi) {
	.sapTntSideNavigation {
		border-radius: @_sap_tnt_SideNavigation_PhoneBorderRadius;
	}
}

html.sap-phone {
	.sapTntSideNavigation {
		width: @_sap_tnt_SideNavigation_PhoneWidth;
	}
}

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

.sapTntSideNavigationNotExpanded {

	.sapTntSideNavigationSeparator {
		margin: @_sap_tnt_SideNavigation_NavigationSeparatorMarginCollapsed;
	}

	.sapTnTNavLINotExpandedTriangle:not(.sapTntNavLIItemDisabled):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;
}

html.sap-desktop:not(.sapUiNativeScrollbars) .sapTntSideNavigation ::-webkit-scrollbar {
	border-radius: @_sap_tnt_SideNavigation_BorderRadius;
}

/*  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: @sapUiContentIconColor;
@_sap_tnt_NavigationList_IconFontSize: 1rem;
@_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentIconColor;
@_sap_tnt_NavigationList_HoverBorderStyleColor: none;
@_sap_tnt_NavigationList_HoverBorderWidth: 0;
@_sap_tnt_NavigationList_GroupBorderStyleColor: solid @sapUiListBorderColor;
@_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_LastItemBorderStyleColor: none;
@_sap_tnt_NavigationList_ItemBorderRadius: 0;
@_sap_tnt_NavigationList_ItemBottomMargin: 0;
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0;
@_sap_tnt_NavigationList_ItemTransition: none;
@_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, @sapUiListSelectionBorderColor, @sapUiListSelectionBorderColor), @sapUiListSelectionBackgroundColor;
@_sap_tnt_NavigationList_SelectedItemBorderColor: @sapUiListSelectionBorderColor;
@_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: @sapUiListBorderColor;
@_sap_tnt_NavigationList_GroupExpandedBorderWidth: @_sap_tnt_NavigationList_GroupBorderWidth;
@_sap_tnt_NavigationList_GroupIconWidth: @_sap_tnt_NavigationList_CollapsedWidth;
@_sap_tnt_NavigationList_GroupTextWeight: unset;
@_sap_tnt_NavigationList_GroupBottomMarginInPopup: 0;
@_sap_tnt_NavigationList_Padding: 0;
@_sap_tnt_NavigationList_PaddingCompact: 0;
@_sap_tnt_NavigationList_ParentPopupPadding: 0;
@_sap_tnt_NavigationList_ParentPopupBorderRadius: @sapUiPopoverBorderCornerRadius;
@_sap_tnt_NavigationList_PopupItemPadding: 0 1rem;
@_sap_tnt_NavigationList_PopupIconWidth: 1rem;
@_sap_tnt_NavigationList_PopupBoxShadow: @sapUiContentShadow2;
@_sap_tnt_NavigationList_PopupArrowBoxShadow: @sapUiContentShadow2;
@_sap_tnt_NavigationList_PopupTitleTextSize: @sapMFontMediumSize;
@_sap_tnt_NavigationList_PopupTitleLineHeight: normal;
@_sap_tnt_NavigationList_SelectionIndicatorDisplay: none;
@_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;

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

.sapTntNavLI.sapTntNavLICollapsed {
	overflow: visible;
	display: flex;
	flex-direction: column;
	height: 100%;
}

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

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

.sapTntNavLI.sapTntNavLICollapsed li {
	min-height: @_sap_tnt_NavigationList_ItemHeight + @_sap_tnt_NavigationList_ItemBottomMargin;
}

.sapTntNavLIItem {
	height: @_sap_tnt_NavigationList_ItemHeight;
	box-sizing: border-box;
	cursor: pointer;
	background-color: @sapUiListBackground;
	border-radius: @_sap_tnt_NavigationList_ItemBorderRadius;
	transition: @_sap_tnt_NavigationList_ItemTransition;

	// 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 {
		content: "";
		position: absolute;
		inset: 0;
		pointer-events: none;
	}

	span {
		cursor: pointer;
	}

	&.sapTntNavLIItemDisabled {
		cursor: auto;
		opacity: @sapContent_DisabledOpacity;

		span {
			cursor: auto;
		}
	}

	.sapMText {
		color: @sapUiListTextColor;
	}

	.sapTntNavLIGroupIcon {
		color: @_sap_tnt_NavigationList_IconColor;
		font-size: @_sap_tnt_NavigationList_IconFontSize;
	}

	.sapTntNavLIExpandIcon {
		color: @_sap_tnt_NavigationList_ExpandIconColor;
	}

	a {
		width: 100%;
		height: 100%;
		text-decoration: none;
		outline: none;
		display: flex;
		align-items: center;
	}
}

.sapTntNavLI.sapTntNavLICollapsed {
	.sapTntNavLIItem a {
		justify-content: center;
	}
}

// defines the styles for border when selected, border when hovering (hover used in high contrast themes)
.sapTntNavLI li .sapTntNavLIItem:not(.sapTntNavLIItemDisabled) {
	&.sapTntNavLIItemSelected::before {
		border: @_sap_tnt_NavigationList_SelectedBorderStyleColor;
		border-width: @_sap_tnt_NavigationList_SelectedBorderWidth;
	}

	&:hover,
	&:active,
	.sapTntNavLIPopover &:last-child:hover,
	.sapTntNavLIPopover &:last-child:active {
		&:not(.sapTntNavLIItemSelected)::before {
			border: @_sap_tnt_NavigationList_HoverBorderStyleColor;
			border-width: @_sap_tnt_NavigationList_HoverBorderWidth;
		}
	}
}

.sapTntNavLI li:focus .sapTntNavLIItem:not(.sapTntNavLIItemDisabled).sapTntNavLIItemSelected,
.sapTntNavLI .sapTntNavLIItem:not(.sapTntNavLIItemDisabled).sapTntNavLIItemSelected:focus {
	&::before {
		border: @_sap_tnt_NavigationList_SelectedAndFocusedBorderStyleColor;
	}
}


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

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

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

// When a group is expanded, defines the border of the group and of its last item
.sapTntNavLI:not(.sapTntNavLIPopup) {
	.sapTntNavLIGroup[aria-expanded="true"]::before {
		border-width: @_sap_tnt_NavigationList_GroupExpandedBorderWidth;
	}

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

.sapTntNavLIPopover .sapTntNavLIGroupItem:last-child::before {
	border: @_sap_tnt_NavigationList_LastItemBorderStyleColor;
}

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

.sapTntNavLIPopover .sapTntNavLIPopup.sapTntNavLI {
	padding: @_sap_tnt_NavigationList_ParentPopupPadding;

	.sapTntNavLIItem.sapTntNavLIGroup {
		margin-bottom: @_sap_tnt_NavigationList_GroupBottomMarginInPopup;
	}
}

.sapTntNavLIPopup .sapTntNavLIGroupItem .sapMText {
	padding: @_sap_tnt_NavigationList_PopupItemPadding;
}

.sapTntNavLIPopup .sapTntNavLIGroup .sapMText {
	margin: 0 1rem 0 0;
	font-size: @_sap_tnt_NavigationList_PopupTitleTextSize;
	line-height: @_sap_tnt_NavigationList_PopupTitleLineHeight;
}

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

	img.sapTntNavLIGroupIcon {
		height: 1.125rem;
		width: 1.125rem;
		padding: 0.6875rem 0.9375rem;
	}
}

.sapTnTNavLIHiddenItem {
	display: none;
}

.sapTntNavLIPopup {
	span.sapTntNavLIGroupIcon {
		width: @_sap_tnt_NavigationList_PopupIconWidth;
		min-width: @_sap_tnt_NavigationList_PopupIconWidth;
		visibility: hidden;
	}

	img.sapTntNavLIGroupIcon {
		width: @_sap_tnt_NavigationList_PopupIconWidth;
		min-width: @_sap_tnt_NavigationList_PopupIconWidth;
		visibility: hidden;
		padding: 0;
	}
}

.sapTntNavLI .sapTntNavLIExpandIcon {
	min-width: 2rem;
	font-size: 0.875rem;

	pointer-events: all;

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

.sapTntNavLIHiddenGroupItems {
	display: none;
}

.sapTntNavLICollapsed {
	width: @_sap_tnt_NavigationList_CollapsedWidth;
}

.sapTntNavLI li,
.sapTntNavLIItem {
	position: relative;
}

.sapTntNavLIGroup .sapTntNavLIText {
	font-weight: @_sap_tnt_NavigationList_GroupTextWeight;
}

.sapTntNavLICollapsed {

	.sapTntNavLIText {
		display: none;
	}

	.sapTntNavLIItem:not(.sapTntNavLIItemDisabled):not(.sapTntNavLIActive):hover,
	&.sapTntNavLI li:focus .sapTntNavLIItem,
	.sapTntNavLIItem:not(.sapTntNavLIItemDisabled):not(.sapTntNavLIActive):focus {

		&:not(.sapTntNavLIItemNoHoverEffect) {
			position: @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPosition;
			padding: @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding;
			z-index: @_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemZIndex;

			.sapTntNavLIText {
				display: @_sap_tnt_NavigationList_Collapsed_HoverOrFocusTextDisplay;
			}
		}
	}

	.sapTntNavLIItem:not(.sapTntNavLIItemDisabled):not(.sapTntNavLIActive):hover {
		box-shadow: @_sap_tnt_NavigationList_Collapsed_ItemHoverBoxShadow;
	}
}

.sapTntNavLIItem:not(.sapTntNavLIItemDisabled):hover {
	background-color: @sapUiListHoverBackground;
}

.sapTntNavLIItem:not(.sapTntNavLIItemDisabled).sapTntNavLIActive,
.sapTntNavLICollapsed.sapTntNavLIGroup.sapTntNavLIItemSelected,
.sapTntNavLI .sapTntNavLIGroup.sapTntNavLIItem:not(.sapTntNavLIItemDisabled):active,
.sapTntNavLI .sapTntNavLIGroupItem.sapTntNavLIItem:not(.sapTntNavLIItemDisabled):active {
	background: @sapUiListActiveBackground;

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

	.sapMText {
		color: @sapUiListActiveTextColor;
	}

	.sapUiIcon {
		color: @sapUiListActiveTextColor;
	}
}

.sapTntNavLISelectionIndicator {
	display: none;
	font-size: 0.5rem;
	color: @sapUiListSelectionBorderColor;
}

.sapTntNavLIItemSelected.sapTntNavLIItem,
.sapTntNavLIItemSelected .sapTntNavLIGroup,
.sapTntNavLIItemSelected.sapTntNavLIGroupItem,
.sapTntNavLIItemSelected.sapTntNavLIGroupItem.sapTntNavLIItem {
	background-color: @sapUiListSelectionBackgroundColor;

	.sapTntNavLISelectionIndicator {
		display: @_sap_tnt_NavigationList_SelectionIndicatorDisplay;
	}
}

.sapTntNavLIGroup.sapTntNavLIItemWithExpander {
	.sapTntNavLISelectionIndicator {
		margin: 0 0 0 0.5rem;
	}
}

.sapTntNavLIGroup:not(.sapTntNavLIItemWithExpander) {
	.sapTntNavLISelectionIndicator {
		margin: 0 0.5rem;
	}
}

.sapTntNavLIGroupItem .sapTntNavLISelectionIndicator {
	margin: 0 0.5rem;
}

.sapTntNavLIItemSelected .sapTntNavLIItem:hover,
.sapTntNavLIItemSelected.sapTntNavLIItem.sapTntNavLIGroup:hover,
.sapTntNavLIItemSelected.sapTntNavLIGroupItem.sapTntNavLIGroupItem:hover {
	background-color: @sapUiListSelectionHoverBackground;
}

.sapTntNavLI:not(.sapTntNavLIPopup) li .sapTntNavLIItem {
	margin-bottom: @_sap_tnt_NavigationList_ItemBottomMargin;
}

.sapTntNavLICollapsed .sapTntNavLIItemSelected:not(.sapTntNavLIItemDisabled):not(.sapTntNavLIActive) {
	background: @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground;
}

.sapTntNavLI li:focus,
.sapTntNavLIItem:focus {
	outline: none;
}

.sapTntNavLI li:focus .sapTntNavLIItem::after,
.sapTntNavLIItem:focus::after {
	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
	position: absolute;
	content: "";
	inset: @_sap_tnt_NavigationList_ItemFocusBorderOffset;
	z-index: 2;
	pointer-events: none;
	border-radius: @_sap_tnt_NavigationList_ItemFocusBorderRadius;
}

// NavigationList with icons
.sapTntNavLI:not(.sapTntNavLINoIcons) {
	span.sapTntNavLIGroupIcon {
		min-width: @_sap_tnt_NavigationList_GroupIconWidth;
	}

	.sapTntNavLIGroupItem .sapMText {
		padding-left: @_sap_tnt_NavigationList_GroupIconWidth;
	}
}

// NavigationList without icons
.sapTntNavLI.sapTntNavLINoIcons:not(.sapTntNavLIPopup) {

	.sapTntNavLIGroup {
		padding-left: @_sap_tnt_NavigationList_NoIconsGroupPadding;
	}

	// nested items
	.sapTntNavLIGroupItem .sapMText {
		padding-left: @_sap_tnt_NavigationList_NoIconsNestedItemPadding;
	}
}

.sapTntNavLIPopover {
	&.sapMPopover {
		box-shadow: @_sap_tnt_NavigationList_PopupBoxShadow;
		border-radius: @_sap_tnt_NavigationList_ParentPopupBorderRadius;

		.sapMPopoverCont {
			border-radius: @_sap_tnt_NavigationList_ParentPopupBorderRadius;
		}
	}

	.sapMPopoverArr:after {
		box-shadow: @_sap_tnt_NavigationList_PopupArrowBoxShadow;
	}
}

.sapTntNavLIMenu.sapUiMnu {
	box-shadow: @_sap_tnt_NavigationList_PopupBoxShadow;

	&:not(.sapUiSubmenu) {
		padding: @_sap_tnt_NavigationList_ParentPopupPadding;
		border-radius: @_sap_tnt_NavigationList_ParentPopupBorderRadius;
	}

	&.sapUiSubmenu {
		padding: 0.5rem;
	}

	// parent menu
	&:not(.sapUiSubmenu) .sapUiMnuLst .sapUiMnuItm  {
		font-weight: @_sap_tnt_NavigationList_GroupTextWeight;

		.sapUiMnuItmIco {
			position: relative !important;
			width: auto;
			padding-inline: 0 0.5rem;

			.sapUiIcon {
				color: @_sap_tnt_NavigationList_IconColor;
				display: block;
				width: 1rem;
				height: 1rem;
			}
		}

		.sapUiMnuItmSbMnu {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 0.75rem;
			height: 100%;
			padding-inline-start: 0.5rem;

			.sapUiIconMirrorInRTL::after {
				content: "\e1ed";
				font-size: 0.75rem;
				color: @_sap_tnt_NavigationList_IconColor;
			}
		}

		.sapUiMnuItmR {
			display: none;
		}

		&.sapUiMnuItmSubMnuOpen,
		&.sapUiMnuItmSubMnuOpen.sapUiMnuItmHov {
			&::before {
				position: absolute;
				content: "";
				inset: 0;
				border: @_sap_tnt_NavigationList_SelectedBorderStyleColor;
				border-width: @_sap_tnt_NavigationList_SelectedBorderWidth;
			}
		}
	}

	.sapUiMnuLst {
		li.sapUiMnuItm {
			display: flex;
			align-items: center;
			height: @_sap_tnt_NavigationList_ItemHeight;
			padding-inline: 0.5rem;
			border-radius: @_sap_tnt_NavigationList_ItemBorderRadius;
			transition: @_sap_tnt_NavigationList_ItemTransition;
			font-size: 0.875rem; // @sapUiFontSize; // todo fix it when @sapUiFontSize gets correct value in Horizon

			.sapUiMnuItmL {
				display: none;
			}

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

			&:focus {
				outline: @sapUiContentFocusStyle @sapUiContentFocusWidth @sapUiContentFocusColor;
			}

			outline-offset: 0;

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

/* Compact size */
.sapUiSizeCompact {

	.sapTntNavLI {
		padding: @_sap_tnt_NavigationList_PaddingCompact;
	}

	.sapTntNavLI.sapTntNavLICollapsed li {
		min-height: @_sap_tnt_NavigationList_ItemHeightCompact + @_sap_tnt_NavigationList_ItemBottomMarginCompact;
	}

	.sapTntNavLIMenu.sapUiMnu li.sapUiMnuItm,
	.sapTntNavLIItem {
		height: @_sap_tnt_NavigationList_ItemHeightCompact;
	}

	.sapTntNavLIPopup .sapTntNavLIGroupItem .sapMText {
		padding: 0 0.5rem;
	}

	.sapTntNavLIPopup .sapTntNavLIGroup .sapMText {
		margin: 0 0.5rem 0 0;
	}

	.sapTntNavLI.sapTntNavLIPopup span.sapTntNavLIGroupIcon {
		padding: 0.5rem 0;
	}

	.sapTntNavLI img.sapTntNavLIGroupIcon {
	  padding: 0.5rem 0.4375rem;
	}

	.sapTntNavLIPopup span.sapTntNavLIGroupIcon {
		width: 0.5rem;
		min-width: 0.5rem;
	}

	// NavigationList with icons
	.sapTntNavLI:not(.sapTntNavLINoIcons) {

		span.sapTntNavLIGroupIcon {
			width: @_sap_tnt_NavigationList_GroupIconWidth;
		}
	}

	.sapTntNavLI:not(.sapTntNavLIPopup) li .sapTntNavLIItem {
		margin-bottom: @_sap_tnt_NavigationList_ItemBottomMarginCompact;
	}

	.sapTntNavLICollapsed {
		.sapTntNavLIItem:not(.sapTntNavLIItemDisabled):not(.sapTntNavLIActive):hover,
		&.sapTntNavLI li:focus .sapTntNavLIItem,
		.sapTntNavLIItem:not(.sapTntNavLIItemDisabled):not(.sapTntNavLIActive):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_Paddings: 0;
@_sap_tnt_ToolPage_PaddingsTablet: 0;
@_sap_tnt_ToolPage_PaddingsPhone: 0;
@_sap_tnt_ToolPage_Background: darken(@sapUiBaseBG, 4);
@_sap_tnt_ToolPage_AsideMargins: 0;
@_sap_tnt_ToolPage_AsideMarginsPhone: 0;
@_sap_tnt_ToolPage_ContentMargins: 0;
@_sap_tnt_ToolPage_ContentMarginsPhone: 0;
@_sap_tnt_ToolPage_ContentShadow: none;
@_sap_tnt_ToolPage_ContentBackgroundStandard: none;
@_sap_tnt_ToolPage_ContentBackgroundSolid: none;
@_sap_tnt_ToolPage_ContentBackgroundTransparent: none;
@_sap_tnt_ToolPage_ContentBackgroundList: none;
@_sap_tnt_ToolPage_ContentBorderRadius: 0;
@_sap_tnt_ToolPage_ContentBorderRadiusTabletPhone: 0;
@_sap_tnt_ToolPage_AsideCollapsedPhoneTransform: -100%;
@_sap_tnt_ToolPage_AsideCollapsedPhoneTransformRtl: 100%;
@_sap_tnt_ToolPage_AsidePhoneTop: 0;
@_sap_tnt_ToolPage_AsidePhoneWidth: auto;

/* ==========================================================================
   Root element
   ========================================================================== */
.sapTntToolPage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: flex;
  flex-direction: column;

  box-sizing: border-box;
  overflow: hidden;
  padding: @_sap_tnt_ToolPage_Paddings;
  background: @_sap_tnt_ToolPage_Background;
}

/* ==========================================================================
   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;
  margin: @_sap_tnt_ToolPage_AsideMargins;
}

.sapTntToolPageAsideCollapsed .sapTntToolPageAside {
  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;
}

html.sap-tablet:not(html.sap-combi) {
  .sapTntToolPage {
    padding: @_sap_tnt_ToolPage_PaddingsTablet;
  }

  .sapTntToolPageMain {
    border-radius: @_sap_tnt_ToolPage_ContentBorderRadiusTabletPhone;
  }
}

html.sap-phone {
  .sapTntToolPage {
    padding: @_sap_tnt_ToolPage_PaddingsPhone;
  }

  .sapTntToolPageAside {
    z-index: 2;
    position: absolute;
    left: 0;
    bottom: 0;
    top: @_sap_tnt_ToolPage_AsidePhoneTop;
    width:  @_sap_tnt_ToolPage_AsidePhoneWidth;

    margin: @_sap_tnt_ToolPage_AsideMarginsPhone;
  }

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

  .sapTntToolPageMain {
    border-radius: @_sap_tnt_ToolPage_ContentBorderRadiusTabletPhone;
    margin: @_sap_tnt_ToolPage_ContentMarginsPhone;
  }
}

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

.sapTntToolPageMain {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0; // fixes flex chrome issue
  overflow: hidden;

  will-change: transform;
  margin: @_sap_tnt_ToolPage_ContentMargins;
  box-shadow: @_sap_tnt_ToolPage_ContentShadow;
  border-radius: @_sap_tnt_ToolPage_ContentBorderRadius;
  background: @_sap_tnt_ToolPage_ContentBackgroundStandard;
}

.sapTntToolPageAsideCollapsed .sapTntToolPageMain {
  z-index: 1;
}

.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%;
}

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

html[dir=rtl] {
  &.sap-phone {
    .sapTntToolPageAsideCollapsed {
      .sapTntToolPageAside {
        transform: translateX(@_sap_tnt_ToolPage_AsideCollapsedPhoneTransformRtl);
      }
    }
  }
}
/* 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: @sapUiFontFamily;
@_sap_tnt_InfoLabel_FontSize: @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: @sapTextColor;
@_sap_tnt_InfoLabel_DisplayModeColor: @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(.sapMLIBImgNav):not(.sapMBtnIcon) {
	font-size: @sapMFontSmallSize;
}
/* END "InfoLabel.less" */