/* =================================== */
/* CSS for control sap.tnt/ToolHeader  */
/* Quartz Dark theme                   */
/* =================================== */

@_sap_tnt_ToolHeader_Height: 2.75rem;
@_sap_tnt_ToolHeader_IconHeight: 0.75rem;
@_sap_tnt_ToolHeader_AvatarBackground: @sapUiAccent6;
@_sap_tnt_ToolHeader_AvatarColor: @sapUiContentContrastTextColor;
@_sap_tnt_ToolHeader_DisabledOpacity: @sapUiContentDisabledOpacity;

.sapTntToolHeader:not(.sapUshellShellToolHeader) {
	&.sapMTB {
		background-color: @sapUiShellColor;
		box-shadow: inset 0 -0.0625rem 0 0 @sapUiShellBorderColor;
	}

	&.sapMTBStandard {
		border-bottom: none;
	}
}

// ==========================================================================
// sap.m.Button overriding
// ==========================================================================

.sapTntToolHeader {
	.sapMBtn .sapMBtnTransparent,
	.sapMBtn .sapMBtnDefault,
	.sapMBtn .sapMBtnBack,
	.sapMBtn .sapMBtnUp {
		color: @sapUiShellInteractiveTextColor;
		background-color: transparent;
		border-color: transparent;

		.sapUiIcon {
			color: @sapUiShellInteractiveTextColor;
		}
	}

	.sapMBtn .sapMBtnEmphasized {
		color: @sapUiShellTextColor;
		background: transparent;
		border-color: transparent;

		.sapUiIcon {
			color: @sapUiShellInteractiveTextColor;
		}
	}

	.sapMBtn:focus .sapMBtnTransparent.sapMFocusable,
	.sapMBtn:focus .sapMBtnEmphasized.sapMFocusable,
	.sapMBtn:focus .sapMBtnDefault.sapMFocusable,
	.sapMBtn:focus .sapMBtnBack.sapMFocusable,
	.sapMBtn:focus .sapMBtnUp.sapMFocusable {
		outline-color: @_sap_tnt_ToolHeader_BorderColor;
	}

	.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnTransparent,
	.sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault
	.sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnBack,
	.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnUp {
		background: @sapUiShellHoverBackground;
		border-color: transparent;
	}

	.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnEmphasized {
		color: @sapUiShellTextColor;
		background: @sapUiShellHoverBackground;
		border-color: transparent;

		.sapUiIcon {
			color: @sapUiShellInteractiveTextColor;
		}
	}

	.sapMBtn:not(.sapMBtnDisabled) .sapMBtnEmphasized.sapMBtnActive,
	.sapMBtn:not(.sapMBtnDisabled) .sapMToggleBtnPressed {
		background: @sapUiShellActiveBackground;
		color: @sapUiShellActiveTextColor;
		border-color: transparent;

		&::after {
			color: @sapUiShellActiveTextColor;
			background: @sapUiShellActiveBackground;
		}

		.sapUiIcon {
			color: @sapUiShellInteractiveTextColor;
		}
	}

	.sapMBtn:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive bdi {
		color: @sapUiShellActiveTextColor;
	}

	.sapMBtn:not(.sapMBtnDisabled) .sapMBtnIconFirst.sapMBtnTransparent.sapMBtnActive,
	.sapMBtn:not(.sapMBtnDisabled) .sapMBtnIconFirst.sapMBtnDefault.sapMBtnActive,
	.sapMBtn:not(.sapMBtnDisabled) .sapMBtnIconFirst.sapMBtnBack.sapMBtnActive,
	.sapMBtn:not(.sapMBtnDisabled) .sapMBtnIconFirst.sapMBtnUp.sapMBtnActive {
		background: @sapUiShellActiveBackground;
		color: @sapUiShellInteractiveTextColor;
		border-color: transparent;
		outline-color: @_sap_tnt_ToolHeader_BorderColor;

		&::after {
			color: @sapUiShellInteractiveTextColor;
			background: @sapUiShellActiveBackground;
		}

		.sapUiIcon {
			color: @sapUiShellInteractiveTextColor
		}
	}
	.sapMBtn:not(.sapMBtnDisabled) .sapMFocusable.sapMBtnTransparent.sapMBtnActive,
	.sapMBtn:not(.sapMBtnDisabled) .sapMFocusable.sapMBtnEmphasized.sapMBtnActive,
	.sapMBtn:not(.sapMBtnDisabled) .sapMFocusable.sapMBtnDefault.sapMBtnActive,
	.sapMBtn:not(.sapMBtnDisabled) .sapMFocusable.sapMBtnBack.sapMBtnActive,
	.sapMBtn:not(.sapMBtnDisabled) .sapMFocusable.sapMBtnUp.sapMBtnActive {
		outline-color: @_sap_tnt_ToolHeader_BorderColor;
		background: @sapUiShellActiveBackground;
	}

	.sapMBtn:hover:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnTransparent:not(.sapMBtnActive):focus,
	.sapMBtn:hover:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized:not(.sapMBtnActive):focus,
	.sapMBtn:hover:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnDefault:not(.sapMBtnActive):focus,
	.sapMBtn:hover:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnBack:not(.sapMBtnActive):focus,
	.sapMBtn:hover:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnUp:not(.sapMBtnActive):focus {
		outline-color: @_sap_tnt_ToolHeader_BorderColor;
	}

	.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnHoverable.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
	.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnHoverable.sapMBtnDefault:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
	.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnHoverable.sapMBtnBack:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
	.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnHoverable.sapMBtnUp:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
		background: @sapUiShellHoverBackground;
		border-color: transparent;

		bdi {
			color:@sapUiShellInteractiveTextColor
		}
	}

	.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
		background: @sapUiShellHoverBackground;
		border-color: transparent;

		bdi {
			color: @sapUiShellTextColor;
		}
	}

	.sapMBtn:hover:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed) > .sapMBtnIcon,
	.sapMBtn:hover:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized:not(.sapMBtnActive):not(.sapMToggleBtnPressed) > .sapMBtnIcon,
	.sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault > .sapMBtnIcon,
	.sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnBack > .sapMBtnIcon,
	.sapMBtn:hover:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnUp:not(.sapMBtnActive):not(.sapMToggleBtnPressed) > .sapMBtnIcon {
		color: @sapUiShellInteractiveTextColor;
		border-color: transparent;
	}

	.sapMBtn.sapMBtnDisabled {
		opacity: @_sap_tnt_ToolHeader_DisabledOpacity;
	}

	.sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnTransparent:not(.sapMToggleBtnPressed),
	.sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnEmphasized:not(.sapMToggleBtnPressed)
	.sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnBack:not(.sapMToggleBtnPressed),
	.sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnUp:not(.sapMToggleBtnPressed) {
		border-color: transparent;
		outline-color: @_sap_tnt_ToolHeader_BorderColor;
	}
}

html.sap-desktop .sapTntToolHeader .sapMBtn:focus > .sapMBtnEmphasized.sapMFocusable.sapMBtnActive {
	outline-color: @_sap_tnt_ToolHeader_BorderColor;
}

html.sap-desktop .sapTntToolHeader .sapMBtn:focus > .sapMBtnEmphasized.sapMFocusable {
	outline-color: @_sap_tnt_ToolHeader_BorderColor;
}

html.sap-desktop .sapTntToolHeader .sapMFooter-CTX .sapMBtn:focus .sapMBtnFocusDiv,
.sapTntToolHeader .sapMBtn:focus .sapMBtnFocusDiv {
	border-color: @_sap_tnt_ToolHeader_BorderColor;
}

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

.sapTntToolHeader {
	.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
		color: @sapUiShellInteractiveTextColor;
	}

	.sapMSB:focus .sapMSBInner::after {
		border-color: @_sap_tnt_ToolHeader_BorderColor;
	}

	.sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled)  .sapMBtnInner.sapMBtnActive {
		background: @sapUiShellActiveBackground;
	}

	.sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnActive::after {
		color: @sapUiShellInteractiveTextColor;
		background-color: transparent;
	}

	.sapMMenuBtn .sapMBtn:hover > .sapMBtnHoverable.sapMBtnEmphasized, .sapMMenuBtn span.sapMBtnInner.sapMBtnEmphasized {
		border-left: transparent;
	}

	.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnActive.sapMBtnInner::after {
		height: auto;
	}
}

// ==========================================================================
// sap.m.Text, sap.m.Title and sap.m.Label overriding
// ==========================================================================

.sapTntToolHeader {
	.sapMText,
	.sapMTitle,
	.sapMLabel {
		color: @sapUiShellTextColor;
	}

	.sapMTitle {
		text-shadow: none;
	}
}

// ==========================================================================
// sap.ui.core.Icon overriding
// ==========================================================================

.sapTntToolHeader {
	.sapUiIcon:not(.sapMITBInlineIcon) {
		color: @sapUiShellTextColor;
		outline-color: transparent;

		&.sapUiIconPointer:focus {
			outline-color: @sapUiContentFocusColor;
		}
	}

	// no backgrounds
	.sapUiIcon:not(.sapMITBInlineIcon) {
		&.sapUiIconColorCritical {
			color: @sapUiCriticalText;
		}

		&.sapUiIconColorNegative {
			color: @sapUiNegativeText;
		}

		&.sapUiIconColorPositive {
			color: @sapUiPositiveText;
		}

		&.sapUiIconColorNeutral {
			color: @sapUiNeutralText;
		}
	}

	// backgrounds
	.sapUiIcon:not(.sapMITBInlineIcon) {
		&.sapUiIconBGColorContrast {
			color: @sapUiShellTextColor;
			background: transparent;
		}

		&.sapUiIconBGColorCritical {
			color: @sapUiContentContrastTextColor;
			background: @sapUiCriticalElement;
		}

		&.sapUiIconBGColorNegative {
			color: @sapUiContentContrastTextColor;
			background: @sapUiNegativeElement;
		}

		&.sapUiIconBGColorNeutral {
			color: @sapUiContentContrastTextColor;
			background: @sapUiNeutralElement;
		}

		&.sapUiIconBGColorPositive {
			color: @sapUiContentContrastTextColor;
			background: @sapUiPositiveElement;
		}
	}
}

// ==========================================================================
// sap.m.Select overriding
// ==========================================================================

.sapTntToolHeader {
	.sapMSlt,
	.sapMSlt:hover {
		background: transparent;
		color: @sapUiShellTextColor;
	}

	.sapMSltHoverable:not(.sapMSltPressed):hover > .sapMSltArrow {
		background-color: transparent;
		color: @sapUiShellTextColor;
	}

	.sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):hover {
		background: @sapUiShellHoverBackground;
	}

	.sapMSltPressed:not(.sapMSltDisabled):not(.sapMSltState) {
		border-color: @sapUiShellInteractiveTextColor;
	}
}

html.sap-desktop .sapTntToolHeader .sapMSlt:not(.sapMSltExpanded):not(.sapMSltDisabled):not(.sapMSltState):focus {
	outline-color: @_sap_tnt_ToolHeader_BorderColor;
}

html.sap-desktop .sapTntToolHeader .sapMSlt:not(.sapMSltExpanded):not(.sapMSltDisabled):not(.sapMSltState):focus::before {
	outline-color: @_sap_tnt_ToolHeader_BorderColor;
}

.sapTntToolHeader {
	.sapMSlt .sapUiIcon,
	.sapMSlt .sapMSelectListItemText,
	.sapMSlt .sapMSltArrow {
		color: @sapUiShellTextColor;
	}

	.sapMSltPressed > .sapMSltArrow {
		background: transparent;
	}

	.sapMSltPressed > .sapMSltArrow::before {
		color: @sapUiShellTextColor;
	}

	.sapMSlt.sapMSltPressed:not(.sapMSltDisabled) {
		background-color: @sapUiShellActiveBackground;

		&.sapMSltExpanded {
			background-color: @sapUiShellActiveBackground;
		}
	}

	.sapMSltDisabled {
		opacity: @_sap_tnt_ToolHeader_DisabledOpacity;
	}
}

/* IconOnly */

.sapTntToolHeader {
	.sapMSltIconOnly.sapMSltHoverable:hover:not(.sapMSltState) {
		background-color:  @sapUiShellHoverBackground;
		border-color: transparent;
	}

	.sapMSltIconOnly.sapMSltExpanded.sapMSltPressed.sapMSltHoverable:hover {
		background-color:  @sapUiShellHoverBackground;
		border-color: transparent;
	}

	.sapMSltIconOnly.sapMSltHoverable .sapUiIcon {
		color: @sapUiShellInteractiveTextColor;
	}

	.sapMSltIconOnly.sapMSltHoverable:active .sapUiIcon {
		color: @sapUiShellActiveTextColor;
	}

	.sapMSltIconOnly.sapMSltExpanded.sapMSltPressed:not(.sapMSltDisabled) {
		background-color: @sapUiShellActiveBackground;
		.sapUiIcon {
			color: @sapUiShellActiveTextColor;
		}
	}

	.sapMSltIconOnly.sapMSltPressed.sapMSltHoverable:not(.sapMSltState):hover {
		background-color: @sapUiShellActiveBackground;
	}

	.sapMSltPressed.sapMSltIconOnly:not(.sapMSltDisabled) {
		background-color: @sapUiShellActiveBackground;
		border-color: transparent;
	}

	.sapMSltIcon.sapUiIcon.sapUiIconMirrorInRTL {
		font-size: 1rem;
	}
}

// ==========================================================================
// sap.m.SearchField overriding
// ==========================================================================

.sapTntToolHeader {
	.sapMSF .sapMSFF {
		background: transparent;
		color: @sapUiShellInteractiveTextColor;
	}

	.sapMSFDisabled {
		opacity: @_sap_tnt_ToolHeader_DisabledOpacity;
	}

	.sapMSF:not(.sapMSFDisabled) .sapMSFF:hover {
		border-color: lighten(@sapUiShellInteractiveBorderColor, 10);
	}

	.sapMSFF>.sapMSFB,
	.sapMSF.sapMFocus>.sapMSFF>.sapMSFB,
	.sapMSFI::placeholder {
		color: @sapUiShellInteractiveTextColor;
	}

	.sapMSFI,
	.sapMSFB {
		color: @sapUiShellTextColor;
	}

	.sapMSFB:hover {
		background-color: @sapUiShellHoverBackground;
	}

	.sapMSFF>.sapMSFB:not(.sapMSFBF):active,
	.sapMSFF>.sapMSFB.sapMSFBA {
		background-color: @sapUiButtonLiteActiveBackground;
		color: @sapUiShellInteractiveTextColor;
	}

	.sapMSFF > .sapMSFB:not(.sapMSFBF):active,
	.sapMSFF > .sapMSFB.sapMSFBA {
		background-color: @sapUiShellActiveBackground;
		color: @sapUiShellActiveTextColor;
	}

	.sapMFocus > .sapMSFF > .sapMSFB {
		color: @sapUiShellInteractiveTextColor;
	}
}

html.sap-desktop .sapTntToolHeader .sapMFocus > .sapMSFF::before {
	border-color: @_sap_tnt_ToolHeader_BorderColor;
}

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

.sapTntToolHeader:not(.sapUshellShellToolHeader) {
	.sapMITH {
		height: 2.75rem;
		background-color: transparent;
	}

	.sapMITH .sapMITBSelected .sapMITBFilterWrapper > .sapMITBText {
		color: @sapUiShellInteractiveTextColor;
		text-shadow: none;
	}

	.sapMITH .sapMITBSelected .sapMITBContentArrow::after {
		background: @sapUiShellInteractiveTextColor;
		box-shadow: 0 0.125rem @sapUiShellInteractiveTextColor;
	}

	.sapMITH .sapMITBText {
		color: @sapUiShellActiveTextColor;
		text-shadow: none;
	}

	.sapMITH .sapMITBFilter:hover .sapMITBText {
		color: @sapUiShellActiveTextColor;
	}

	.sapMITH .sapMITBSelected.sapMITBFilter:hover .sapMITBText {
		color: @sapUiShellInteractiveTextColor;
	}

	.sapMITH .sapMITBDisabled {
		opacity: @_sap_tnt_ToolHeader_DisabledOpacity;
	}

	.sapMITH {
		border-color: transparent;
	}

	.sapMITH {
		.sapMITHStartOverflow,
		.sapMITHEndOverflow {
			.sapMITBItem {
				color: @sapUiShellInteractiveTextColor;
				background-color: transparent;
				border: none;

				&:not(.sapUiDnDDragging):focus::after {
					border-color: @sapUiShellInteractiveTextColor;
					border-radius: unset;
				}

				.sapMITHShowSubItemsIcon {
					color: @sapUiShellInteractiveTextColor;
				}
			}
		}
	}

	.sapMITBHead .sapMITBFilter .sapMITBText + .sapMITBContentArrow {
		height: 0.875rem;
	}

	.sapMITBFilter .sapMITBFilterExpandBtn:hover .sapMITBFilterExpandIcon {
		background: @sapUiShellHoverBackground;
		color: @sapUiShellInteractiveTextColor;
		border-color: transparent;
	}
}

/* Focus Colors*/

html.sap-desktop .sapTntToolHeader {

	/* Custom focus outline */
	.sapMITBTextOnly .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText,
	.sapMITBItem:not(.sapUiDnDDragging):focus.sapMITBAll {
		&::after {
			border-color: @_sap_tnt_ToolHeader_BorderColor;
		}
	}
}

// ==========================================================================
// sap.m.ObjectStatus overriding
// ==========================================================================

.sapTntToolHeader {
	.sapMObjStatus.sapMObjStatusError {
		.sapMObjStatusText,
		.sapMObjStatusIcon .sapUiIcon {
			color: @sapUiNegativeText;
		}
	}

	.sapMObjStatus.sapMObjStatusInformation {
		.sapMObjStatusText,
		.sapMObjStatusIcon .sapUiIcon {
			color: @sapUiInformativeText;
		}
	}
	.sapMObjStatus.sapMObjStatusNone {
		.sapMObjStatusText,
		.sapMObjStatusIcon .sapUiIcon {
			color: @sapUiNeutralText;
		}
	}

	.sapMObjStatus.sapMObjStatusSuccess {
		.sapMObjStatusText,
		.sapMObjStatusIcon .sapUiIcon {
			color: @sapUiPositiveText;
		}
	}

	.sapMObjStatus.sapMObjStatusWarning {
		.sapMObjStatusText,
		.sapMObjStatusIcon .sapUiIcon {
			color: @sapUiCriticalText;
		}
	}

	//Inverted

	.sapMObjStatus.sapMObjStatusInverted.sapMObjStatusError {
		.sapMObjStatusText,
		.sapMObjStatusIcon,
		.sapMObjStatusIcon .sapUiIcon {
			background-color: @sapUiNegativeElement;
		}
	}

	.sapMObjStatus.sapMObjStatusInverted.sapMObjStatusInformation {
		.sapMObjStatusText,
		.sapMObjStatusIcon,
		.sapMObjStatusIcon .sapUiIcon {
			background-color: @sapUiInformativeElement;
		}
	}

	.sapMObjStatus.sapMObjStatusInverted.sapMObjStatusNone {
		.sapMObjStatusText,
		.sapMObjStatusIcon,
		.sapMObjStatusIcon .sapUiIcon {
			background-color: @sapUiNeutralElement;
		}
	}

	.sapMObjStatus.sapMObjStatusInverted.sapMObjStatusSuccess {
		.sapMObjStatusText,
		.sapMObjStatusIcon,
		.sapMObjStatusIcon .sapUiIcon {
			background-color: @sapUiPositiveElement;
		}
	}

	.sapMObjStatus.sapMObjStatusInverted.sapMObjStatusWarning {
		.sapMObjStatusText,
		.sapMObjStatusIcon,
		.sapMObjStatusIcon .sapUiIcon {
			background-color: @sapUiCriticalElement;
		}
	}

	.sapMObjStatus.sapMObjStatusInverted {
		.sapMObjStatusIcon .sapUiIcon {
			height: @_sap_tnt_ToolHeader_IconHeight;
			vertical-align: text-top;
		}

		.sapMObjStatusText,
		.sapMObjStatusIcon .sapUiIcon{
			color: @sapUiContentContrastTextColor;
		}
	}

	.sapMObjStatus .sapMObjStatusTitle {
		color: @sapUiShellActiveTextColor;
	}
}

html.sap-desktop .sapTntToolHeader .sapMObjStatusActive:focus .sapMObjStatusLink::after {
	outline-color: @_sap_tnt_ToolHeader_BorderColor;
}

// ==========================================================================
// sap.f.Breadcrumbs overriding
// ==========================================================================
.sapTntToolHeader .sapMBreadcrumbs {
	.sapMBreadcrumbsItem,
	.sapMLnk,
	.sapMSltIcon:before{
		color: @sapUiShellInteractiveTextColor;
	}

	.sapMBreadcrumbsSeparator {
		color: @sapUiShellTextColor;
	}
}

// ==========================================================================
// sap.m.Avatar / sap.f.Avatar overriding
// ==========================================================================

.sapTntToolHeader .sapFAvatar {
	background-color: @_sap_tnt_ToolHeader_AvatarBackground;
	.sapFAvatarInitialsHolder,
	.sapUiIcon.sapFAvatarTypeIcon  {
		color: @_sap_tnt_ToolHeader_AvatarColor;
	}
}