/* 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/library.less";
@import "../../../../../Base/baseLib/sap_fiori_3_hcw/base.less"; /* ORIGINAL IMPORT PATH: "../../../../sap/ui/core/themes/sap_fiori_3_hcw/base.less" */

@import "../../../../sap/ui/core/themes/sap_fiori_3_hcw/global.less";
/* START "shared.less" */
/* ============================================ */
/* Shared CSS Quartz High Contrast White theme  */
/* ============================================ */

@_sap_m_Badge_AttentionBackgroundColor: @sapUiContentIconColor;

.sapMBadge,
.sapMBadge[class*=sapMBadgeAccentColor] {

	.sapMBadgeIndicator::after {
		background-color: var(--sapContent_BadgeBackground);
		border-color: var(--sapGroup_ContentBorderColor);
	}
}
/* END "shared.less" */


/* START "ActionListItem.less" */
/* ===================================== */
/* CSS for control sap.m/ActionListItem  */
/* Quartz High Contrast White theme      */
/* ===================================== */

/* ------------------------------ */
/* ActionListItem container       */
/* ------------------------------ */

.sapMLIB.sapMALI {
	border-bottom: 0; /* overrides LIB style */
	padding: 0 0.25rem; /* overrides LIB style */
}

.sapMList .sapMLIB.sapMALI:focus {
	outline: none; /* overrides LIB style */
}

/* ------------------------------ */
/* ActionListItem content         */
/* ------------------------------ */

.sapMALI > .sapMLIBContent {
	height: 2.5rem;
	border: 0.0625rem solid @sapUiButtonActionSelectBorderColor;
	border-radius: 0.375rem;
	box-sizing: border-box;
	-webkit-box-align: center;
	align-items: center;
}

/* active */
.sapMLIBActive.sapMLIB.sapMALI {
	background: transparent;
}

.sapMLIBActive.sapMLIB.sapMALI > .sapMLIBContent {
	background: var(--sapButton_Active_Background);
}

/* focus */
.sapMList .sapMLIB.sapMALI:focus > .sapMLIBContent {
	outline: 0.125rem dotted var(--sapContent_FocusColor);
	outline-offset: -0.125rem;
	border: none;
}

/* ------------------------------ */
/* Compact size                   */
/* ------------------------------ */

.sapUiSizeCompact .sapMALI > .sapMLIBContent {
	height: 1.625rem;
}
/* END "ActionListItem.less" */

/* START "ActionSelect.less" */
/**
 * @file
 * @deprecated As of version 1.111, together with sap.m.ActionSelect
 */
/* =================================== */
/* CSS for control sap.m/ActionSelect  */
/* Quartz High Contrast White theme    */
/* =================================== */

/* ----------------------------- */
/* button                        */
/* ----------------------------- */

.sapMActionSelectPicker .sapMBtn {

	.sapMBtnInner {
		border-top: 1px solid @sapUiButtonActionSelectBorderColor;
		border-bottom: 0;
		border-left: 0;
		border-right: 0;
		height: 2.5rem;
	}

	.sapMBtnContent {
		line-height: 2.4375rem;
	}
}

.sapMActionSelectPicker .sapMBtn .sapMBtnInner {
	border-radius: 0;
}

/* override standard buttons inside the action select */

.sapMActionSelectPicker .sapMBtnDefault {
	background: @sapUiButtonActionSelectBackground;
	border-color: @sapUiButtonActionSelectBorderColor;

	/* override the default text-shadow */
	text-shadow: none;
}

.sapMActionSelectPicker .sapMBtn,
.sapMActionSelectPicker .sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
	border-color: @sapUiButtonActionSelectBorderColor;
}

html.sap-desktop .sapMActionSelectPicker .sapMBtn:not(.sapMBtnDisabled) .sapMBtnDefault:not(.sapMBtnActive):hover {
	background: @sapUiButtonLiteActionSelectHoverBackground;
}

/* ======================================================================== */
/* CSS for control sap.m/ActionSelect Fiori 3 theme compact/condensed sizes */
/* ======================================================================== */

/* ----------------------------- */
/* button                        */
/* ----------------------------- */

.sapUiSizeCompact.sapMActionSelectPicker .sapMBtn,
.sapUiTableDataCell .sapUiSizeCondensed.sapMActionSelectPicker .sapMBtn {
	height: 2rem;
	padding: 0;
}

.sapUiSizeCompact.sapMActionSelectPicker .sapMBtnInner {
	height: 2rem;
	border-radius: 0;
	border: 0;
	border-top: 1px solid @sapUiButtonActionSelectBorderColor;

	.sapMBtnContent {
		line-height: 2rem;
	}
}
/* END "ActionSelect.less" */

/* START "ActionSheet.less" */
/* ================================== */
/* CSS for control sap.m/ActionSheet  */
/* Quartz High Contrast White theme   */
/* ================================== */

.sapMActionSheetDialog .sapMBar.sapMHeader-CTX > .sapMBarMiddle > .sapMBarPH > .sapMDialogTitle {
	color: var(--sapContent_ContrastTextColor);
	background: transparent;
}
/* END "ActionSheet.less" */

/* START "ActionTile.less" */
/* ================================== */
/* CSS for control sap.m/ActionTile  */
/* Quartz High Contrast White theme   */
/* ================================== */

.sapMAT:hover {
	box-shadow: 0 0 0 0.125rem var(--sapContent_ShadowColor);
	background-color: var(--sapTile_Background);
}

.sapMAT:focus {

	.sapMATFocusDiv {
		border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor) !important;
	}

	.sapMGTFocusDiv {
		border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor) !important;
	}
}

.sapMAT:active {

	.sapMATFocusDiv {
		border: none;
	}
}
/* END "ActionTile.less" */

/* START "Avatar.less" */
/* ================================= */
/* CSS for control sap.m/Avatar      */
/* Quartz High Contrast White theme  */
/* ================================= */

@_sap_m_Avatar_Hover_Box_Shadow_Offset: 0px;

.sapFAvatarImageContain,
.sapFAvatarIcon,
.sapFAvatarInitials {
	border: 0.0625rem solid var(--sapField_BorderColor);
}

.sapFAvatarIcon,
.sapFAvatarInitialsHolder {
	color: var(--sapContent_ForegroundColor);
}

.sapFAvatarIcon,
.sapFAvatarInitialsHolder {
	color: var(--sapTextColor);
}

.sapFAvatarFocusable:focus {
	outline-width: 0.125rem;
}

.sapFAvatarColorTransparent,
.sapFAvatarColorTileIcon,
.sapFAvatarColorPlaceholder {
	background-color: var(--sapBackgroundColor);
}

.sapFAvatarXL {
	font-size: 3rem;
}

.sapFAvatarL {
	font-size: 2.25rem;
}

.sapFAvatarM {
	font-size: 1.5rem;
}

.sapFAvatarS {
	font-size: 1.125rem;
}

.sapFAvatarXS {
	font-size: 1rem;
}

.sapFAvatar.sapFAvatarInitials > .sapFAvatarInitialsHolder {
	font-size: inherit;
}

// Create classes which would just set background color of Avatar
.generateColor (@accentIndex) {
	@css-selector: ~"sapFAvatarColorAccent@{accentIndex}"; // Create the css selector string

	// Build the real CSS selector.
	.@{css-selector} {
		background-color: var(--sapBackgroundColor);
	}
}

.sapFAvatarBadgeIcon {

	background-color: var(--sapBackgroundColor);
	border: 0.0625rem solid var(--sapField_BorderColor);

	> .sapUiIcon {
		color: var(--sapTextColor);
	}
}
/* END "Avatar.less" */

/* START "Bar.less" */
/* ================================ */
/* CSS for control sap.m/Bar        */
/* Quartz High Contrast White theme */
/* ================================ */

.sapMBar {
	background-color: transparent;
	text-shadow: none;
}

.sapMBarRight,
.sapMBarPH {
	padding-right: 0.5rem;
}

.sapMBarLeft,
.sapMBarPH {
	padding-left: 0.5rem;
}

.sapMBar .sapMBarRight.sapMBarContainer > *:first-child,
.sapMBar .sapMBarLeft.sapMBarContainer > *:first-child,
.sapMBar .sapMBarMiddle .sapMBarContainer > *:first-child {
	margin: 0 0.25rem 0 0;
}

.sapMBar .sapMBarRight.sapMBarContainer > *:last-child,
.sapMBar .sapMBarLeft.sapMBarContainer > *:last-child,
.sapMBar .sapMBarMiddle .sapMBarContainer > *:last-child {
	margin: 0 0 0 0.25rem;
}

.sapMBar .sapMBarRight.sapMBarContainer > *:not(:first-child):not(:last-child),
.sapMBar .sapMBarLeft.sapMBarContainer > *:not(:first-child):not(:last-child),
.sapMBar .sapMBarMiddle .sapMBarContainer > *:not(:first-child):not(:last-child) {
	margin: 0 0.25rem;
}

.sapMBar .sapMBarRight.sapMBarContainer > *:first-child:last-child,
.sapMBar .sapMBarLeft.sapMBarContainer > *:first-child:last-child,
.sapMBar .sapMBarMiddle .sapMBarContainer > *:first-child:last-child {
	margin: 0;
}

.sapMBar {
	height: 2.75rem;
	line-height: 2.75rem;
}

.sapMBarLeft,
.sapMBarRight,
.sapMBarPH {
	height: 2.75rem;
	line-height: 2.75rem;
}

/* in Master page the bar should have different color */
.sapMSplitContainerMaster .sapMIBar .sapMHeader-CTX,
.sapMSplitContainerMaster .sapMIBar.sapMSubHeader-CTX {
	background-color: var(--sapGroup_ContentBackground);
}

/* in Master page the bar should have a different color shadow only if we don't have subHeader (e.g. another bar) */
.sapMSplitContainerMaster .sapMIBar .sapMHeader-CTX:only-of-type {
	box-shadow: inset 0 -0.0625rem var(--sapGroup_ContentBorderColor);
}

/* in Master page the bar should have a different color shadow */
.sapMSplitContainerMaster .sapMIBar.sapMSubHeader-CTX {
	box-shadow: inset 0 -0.0625rem var(--sapGroup_ContentBorderColor);
}

/* Bar Title Alignment */
.sapMBarTitleAlignAuto .sapMBarPH {
	justify-content: flex-start;
}

html[data-sap-ui-browser^="ff"].sap-desktop .sapMBarTitleAlignAuto .sapMBarPH {
	justify-content: start;
}
/* END "Bar.less" */

/* START "BrowserScrollbar.less" */
/* ======================================= */
/* CSS for control sap.m/BrowserScrollbar  */
/* Quartz High Contrast White theme        */
/* ======================================= */

html.sap-desktop ::-webkit-scrollbar {
	border: 1px solid @sapUiScrollBarBorderColor;
}

html.sap-desktop ::-webkit-scrollbar-thumb:horizontal {
	border-left: none;
	border-top: 1px solid @sapUiScrollBarBorderColor;
	border-bottom: 1px solid @sapUiScrollBarBorderColor;
}

html.sap-desktop ::-webkit-scrollbar-thumb:vertical {
	border-left: 1px solid @sapUiScrollBarBorderColor;
	border-right: 1px solid @sapUiScrollBarBorderColor;
}

::-webkit-scrollbar-button:vertical {
	background-color: @sapUiScrollBarFaceColor;
	height: 1px;
}

::-webkit-scrollbar-button:horizontal {
	background-color: @sapUiScrollBarFaceColor;
	width: 1px;
}

::-webkit-scrollbar-corner {
	background-color: @sapUiHcStandardBackground;
	border-right: 1px solid @sapUiScrollBarBorderColor;
	border-bottom: 1px solid @sapUiScrollBarBorderColor;
}
/* END "BrowserScrollbar.less" */

/* START "Breadcrumbs.less" */
/* ================================== */
/* CSS for control sap.m/Breadcrumbs  */
/* Quartz High Contrast White theme   */
/* ================================== */

.sapMBreadcrumbs {

	.sapMSltIconOnly.sapMSltHoverable:hover,
	.sapMSltPressed.sapMSltIconOnly:not(.sapMSltDisabled),
	.sapMSltPressed:not(.sapMSltDisabled),
	.sapMSltIconOnly.sapMSltPressed.sapMSltHoverable:hover,
	.sapMSlt,
	.sapMSlt.sapMSltIconOnly.sapMSltHoverable:hover {
		background: transparent;
		border: none;
	}

	.sapMBreadcrumbsCurrentLocation:focus {
		outline: 0.125rem dotted @sapUiHcStandardForeground;
		outline-offset: -0.125rem;
	}
}
/* END "Breadcrumbs.less" */

/* START "BusyDialog.less" */
/* ================================= */
/* CSS for control sap.m/BusyDialog  */
/* Quartz High Contrast White theme  */
/* ================================= */

@_sap_m_BusyDialog_IndicatorMargin: 1.5rem 0;
@_sap_m_BusyDialog_IndicatorMarginCompact: 1.5rem 0;
/* END "BusyDialog.less" */

/* START "BusyIndicator.less" */
/* ==================================== */
/* CSS for control sap.m/BusyIndicator  */
/* Quartz High Contrast White           */
/* ==================================== */

/* Background animation element */
.sapUiLocalBusyIndicatorAnimation > div::before {
	background: var(--sapContent_IconColor);
	animation-duration: 0ms;
}

/* Shadow animation element */
.sapUiLocalBusyIndicatorAnimation > div::after {
	box-shadow: inset 0 0 0 0 var(--sapContent_IconColor);
}
/* END "BusyIndicator.less" */

/* START "Button.less" */
/* ================================= */
/* CSS for control sap.m/Button      */
/* Quartz High Contrast White theme  */
/* ================================= */

@_sap_m_Button_EmphasizedFocusColor: var(--sapContent_FocusColor);

.sapMBtn {
	height: 2.75rem;
}

.sapMBtnEmphasized {
	font-weight: var(--sapButton_Emphasized_FontWeight);
	border: var(--sapButton_Emphasized_BorderWidth) solid;

	.sapMBtnContent {
		line-height: 2rem;
	}
}

.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive),
span.sapMBtnInner.sapMBtnEmphasized {
	text-shadow: none;
}

.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive) {
	color: var(--sapButton_Emphasized_Hover_TextColor);
	font-weight: var(--sapButton_Emphasized_FontWeight);

	.sapMBtnIcon {
		color: var(--sapButton_Emphasized_Hover_TextColor);
	}
}

/* --------------------- */
/* Inner area            */
/* --------------------- */
.sapMBtnInner {
	font-size: @sapMFontMediumSize;
	height: var(--sapElement_Height);
	min-width: 2.25rem;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
	border-radius: var(--sapButton_BorderCornerRadius);
	text-shadow: none;

	&.sapMBtnCritical,
	&.sapMBtnNegative,
	&.sapMBtnSuccess,
	&.sapMBtnNeutral {
		font-weight: bold;
	}
}

/* ------------------- */
/* Button Icon         */
/* ------------------- */
.sapMBtnIcon.sapUiIcon {
	width: 2.125rem;
	font-size: 1rem;
	line-height: 2.125rem;
}

.sapMBtnInner.sapMBtnText .sapMBtnIcon::before {
	width: 1rem;
	text-align: center;
	display: inline-block;
}

.sapMBtnInner.sapMBtnText .sapMBtnIcon {
	width: 1rem;
	padding-right: 0.375rem;
	text-align: center;
}

.sapMBtnInner.sapMBtnText .sapMBtnIcon.sapMBtnIconRight {
	padding-right: 0;
	padding-left: 0.375rem;
}

.sapMBtnInner.sapMBtnText .sapMBtnIcon.sapMImg {
	height: 2.25rem;
	width: auto;
}

.sapMBtnInner .sapMBtnIcon.sapMImg {
	max-height: 2.125rem;
}

.sapUiSizeCompact .sapMBtnInner .sapMBtnIcon.sapMImg {
	max-height: 1.5rem;
}

/* ------------------- */
/* Content area        */
/* ------------------- */
.sapMBtnContent {
	line-height: 2.125rem;
}

.sapMBtnInner.sapMBtnText {
	padding-left: 0.5625rem;
	padding-right: 0.5625rem;
}

.sapMBtnIconLeft + .sapMBtnIconRight,
.sapMBtnIconLeft + .sapMBtnIconLeft {
	padding-right: 0.5625rem;
}

.sapMBtnGhost {
	color: var(--sapButton_TextColor);
	border: 0.0625rem solid var(--sapButton_BorderColor);
	background: var(--sapButton_Lite_Background);
}

.sapMBtnGhost.sapMBtnHoverable.sapMBtnActive {
	color: var(--sapButton_Active_TextColor);
	border-color: var(--sapButton_Active_BorderColor);
	background: var(--sapButton_Active_Background);
}

.sapMBtn:hover > .sapMBtnGhost.sapMBtnHoverable:not(.sapMBtnActive) {
	background: var(--sapButton_Hover_Background);
	border-color: var(--sapButton_Hover_BorderColor);
}

.sapUiSizeCompact {

	.sapMBtnIcon {
		margin-left: 0;
		margin-right: 0;
	}

	.sapMBtnInner.sapMBtnText {
		padding-left: 0.4375rem;
		padding-right: 0.4375rem;
	}

	.sapMBtnBack.sapMBtnIconFirst:not(.sapMBtnText) > .sapMBtnIconLeft:not(:last-child),
	.sapMBtnIconLeft + .sapMBtnIconRight,
	.sapMBtnIconLeft + .sapMBtnIconLeft,
	.sapMBtnInner .sapMBtnIcon :not(img) {
		padding-right: 0.4375rem;
	}

	.sapMBtnInner > img {
		margin: 0;
		padding: 0;
	}

	.sapMBtnEmphasized .sapMBtnContent {
		line-height: 1.4rem;
	}
}

/* ---------------------------------------------------------------------*/
/* Custom focus outline:                                                */
/* ---------------------------------------------------------------------*/

html.sap-desktop .sapMBtn:focus > .sapMFocusable {
	outline: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);
	outline-offset: -0.25rem;
}

html.sap-desktop .sapMBtn:focus > .sapMBtnActive.sapMFocusable {
	outline-color: var(--sapContent_ContrastFocusColor);
}

html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMFocusable,
html.sap-desktop .sapMBtn:focus > .sapMBtnCritical.sapMFocusable,
html.sap-desktop .sapMBtn:focus > .sapMBtnNegative.sapMFocusable,
html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable,
html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable {
	outline-color: var(--sapContent_ContrastFocusColor);
}

html.sap-desktop .sapMBtn:focus > .sapMBtnActive.sapMBtnEmphasized.sapMFocusable {
	outline-color: var(--sapContent_ContrastFocusColor);
}

.sapMTB-Transparent-CTX .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost) {
	border-color: var(--sapButton_Lite_BorderColor);
}

/* ---------------------------------------------------------------------*/
/* Disabled, hover and active states:                                   */
/* ---------------------------------------------------------------------*/

.sapMBtnDisabled {
	opacity: var(--sapContent_DisabledOpacity);
}

/* ------------------------------------------------ */
/* Buttons in a Bar                                 */
/* (add separators, remove top/bottom border)       */
/* ------------------------------------------------ */

.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
	border-color: transparent;
}

.sapUiSizeCompact .sapMBar-CTX .sapMBtnInner.sapMBtnGhost:not(.sapMBtnDisabled) {
	background: var(--sapButton_Lite_Background);
	border: 0.0625rem solid var(--sapButton_BorderColor);
}

.sapMIBar-CTX .sapMBtn:hover > .sapMBtnGhost.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
	background: var(--sapButton_Hover_Background);
	border-color: var(--sapButton_Hover_BorderColor);
}

html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnAccept {
	border-color: var(--sapButton_Accept_BorderColor);
}

html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnAttention {
	border-color: var(--sapButton_Attention_BorderColor);
}

html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
	border-color: var(--sapButton_Reject_BorderColor);
}

.sapMBar-CTX,
.sapMTB-Transparent-CTX {

	& :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnTransparent.sapMBtnActive {

		& > .sapMBtnContent,
		& > .sapMBtnIcon {
			color: var(--sapButton_Active_TextColor);
		}
	}
}

.sap-desktop .sapMIBar-CTX, .sap-desktop .sapMTB-Transparent-CTX {

	.sapMBtn:not(.sapMBtnDisabled):hover > .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost):not(.sapMBtnCritical):not(.sapMBtnNegative):not(.sapMBtnNeutral):not(.sapMBtnSuccess) {
		border-color: var(--sapButton_Hover_BorderColor);
	}
}

.sapMTB-Transparent-CTX .sapMBtn:not(.sapMBtnDisabled) > .sapMBtnDefault.sapMBtnActive {
	background-color: var(--sapButton_Active_Background);
}

:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnIconFirst.sapMBtnTransparent.sapMBtnActive,
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnIconLast.sapMBtnTransparent.sapMBtnActive {
	background-color: var(--sapButton_Lite_Active_Background);
	border-color: var(--sapButton_Lite_Active_BorderColor);
}

/* ----------------------*/
/* Badges                */
/* ----------------------*/

.sapMBtn .sapMBadge .sapMBadgeIndicator:after {
	border-color: var(--sapGroup_ContentBorderColor);
}

/* END "Button.less" */

/* START "Carousel.less" */
/* ================================= */
/* CSS for control sap.m/Carousel    */
/* Quartz High Contrast White theme  */
/* ================================= */

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

@_sap_m_Carousel_BackgroundColor: var(--sapBackgroundColor);
@_sap_m_Carousel_MinWidth: 11.25rem;
@_sap_m_Carousel_ControlsNoArrowsHeight: 2.75rem;
@_sap_m_Carousel_NumericIndicatorTextColor: var(--sapPageFooter_TextColor);
@_sap_m_Carousel_PrevAndNextSize: 2.125rem;
@_sap_m_Carousel_PrevAndNextPosition: 0.5rem;
@_sap_m_Carousel_PageIndicatorWidthSizeS: 9rem;
@_sap_m_Carousel_PageIndicatorWidthSizeM: @_sap_m_Carousel_PageIndicatorWidthSizeS;
@_sap_m_Carousel_PageIndicatorWidthSizeL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
@_sap_m_Carousel_PageIndicatorWidthSizeXL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
@_sap_m_Carousel_PageIndicatorContainerPadding: 0.5rem;
@_sap_m_Carousel_BulletInactiveBackground: none;
@_sap_m_Carousel_BulletInactiveBorderColor: var(--sapContent_ForegroundBorderColor);
@_sap_m_Carousel_BulletActiveBorder: var(--sapContent_ForegroundBorderColor);
@_sap_m_Carousel_BulletInactiveWidth: 0.5rem;
@_sap_m_Carousel_BulletInactiveMargin: 0 0.25rem;
@_sap_m_Carousel_FocusBorderOffsetArrow: -0.3125rem;
@_sap_m_Carousel_ContrastFocusBorder: var(--sapContent_FocusWidth) solid var(--sapBackgroundColor);
/* END "Carousel.less" */

/* START "ColorPalette.less" */
/* ================================== */
/* CSS for control sap.m/ColorPalette */
/* Quartz High Contrast White theme   */
/* ================================== */

.sapMColorPalette .sapMColorPaletteSquare:hover > div,
.sapMColorPalette .sapMColorPaletteSquare.sapMColorPaletteSquareSelected > div,
.sapMColorPalette .sapMColorPaletteSquare,
html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:hover > div,
html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare.sapMColorPaletteSquareSelected > div,
html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
	border-radius: 0.25rem;
}

.sapMColorPalette .sapMColorPaletteSquare div {
	border-radius: 0.125rem;
}

html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {

	&:focus::before {
		content: '';
		box-sizing: border-box;
		position: absolute;
		left: 0.125rem;
		top: 0.125rem;
		right: 0.125rem;
		bottom: 0.125rem;
		border: 0.0625rem solid var(--sapButton_Lite_Background);
		pointer-events: none;
	}

	&:hover,
	&.sapMColorPaletteSquareSelected {
		border: 0;

		> div {
			border: 0.125rem solid var(--sapContent_ForegroundBorderColor);
		}
	}

	&:focus::after {
		content: '';
		position: absolute;
		box-sizing: border-box;
		left: 0.125rem;
		top: 0.125rem;
		right: 0.125rem;
		bottom: 0.125rem;
		border: 0.0625rem dotted var(--sapContent_ContrastFocusColor);
		pointer-events: none;
	}
}

.sap-desktop .sapMColorPalette .sapMBtn:focus {

	&::after {
		border-color: var(--sapContent_FocusColor);
	}

	&:active::after {
		border-color: var(--sapContent_ContrastFocusColor);
	}
}

html:not(.sap-phone) .sapMColorPalette
.sap-desktop .sapContrast,
.sap-desktop.sapContrast {

	.sapMColorPalette .sapMBtn {

		&:focus::after {
			border-color: var(--sapContent_FocusColor);
		}

		&:active,
		> .sapMBtnActive,
		&:hover > .sapMBtnActive,
		&:active > .sapMBtnActive {
			color: var(--sapList_TextColor);
		}
	}
}

.sap-phone .sapMColorPaletteSquare {

	&:active > div {
		box-shadow: inset 0 0 0 0.125rem var(--sapContent_ForegroundBorderColor);
	}
}
/* END "ColorPalette.less" */

/* START "ColumnListItem.less" */
/* ==================================== */
/* CSS for control sap.m/ColumnListItem */
/* Quartz High Contrast White theme     */
/* ==================================== */

@_sap_m_table_SelectionControlWidth: 2.75rem;

/* selection border indicator */
/* note: adding border-bottom to the td, increased the size of the table, hence not adding border-bottom */
/* note: adding border-top to the sibling row is not suitable as the sibling row can be hidden and in such case the selection border is lost */
.sapMTableTBody:not(.sapMListTblHasPopin) > .sapMLIBSelected,
.sapMTableTBody.sapMListTblHasPopin > .sapMLIBSelected + .sapMListTblSubRow {
	box-shadow: inset 0px -0.0625rem var(--sapList_SelectionBorderColor);
}

/* selection border indicator was not visible on the last row as the td elements within the last row have a bottom border */
/* hence applying -0.125rem so that the selection border is visible */
.sapMTableTBody:not(.sapMListTblHasPopin) > .sapMLIBSelected:last-child,
.sapMTableTBody.sapMListTblHasPopin > .sapMLIBSelected + .sapMListTblSubRow:last-child {
	box-shadow: inset 0px -0.125rem var(--sapList_SelectionBorderColor);
}

/* Safari work-around as box-shadow is not supported on the <tr> element, */
/* hence adding the selection indicator box-shadow to the <td> element */
html[data-sap-ui-browser^="sf"] .sapMTableTBody:not(.sapMListTblHasPopin) > .sapMLIBSelected > td,
html[data-sap-ui-browser^="sf"] .sapMTableTBody.sapMListTblHasPopin > .sapMLIBSelected + .sapMListTblSubRow > td {
	box-shadow: inset 0px -0.0625rem var(--sapList_SelectionBorderColor);
}

/* END "ColumnListItem.less" */

/* START "CheckBox.less" */
/* ================================= */
/* CSS for control sap.m/CheckBox    */
/* Quartz High Contrast White theme  */
/* ================================= */

.sapMCb {
	height: 2.75rem;
	line-height: 2.75rem;
	padding: 0 0 0 2.75rem;
}

.sapMCbBg {
	left: 0.6875rem;
	top: 0.6875rem;
	height: 1.375rem;
	width: 1.375rem;
	line-height: 1.125rem;
	border-width: 0.0625rem;
	box-sizing: border-box;

	&:not(.sapMCbErr):not(.sapMCbInfo):not(.sapMCbWarn) > & {
		line-height: 1.25rem;
	}
}

.sapMCb.sapMCbWarn .sapMCbBg {
	background-color: var(--sapField_WarningBackground);
	border: 0.125rem dashed var(--sapField_WarningColor);

	&.sapMCbMarkChecked::before {
		color: var(--sapField_TextColor);
	}
}

.sapMCb.sapMCbSucc .sapMCbBg {
	background-color: var(--sapField_SuccessBackground);
	border: 0.0625rem solid var(--sapField_SuccessColor);

	&.sapMCbMarkChecked::before {
		color: var(--sapField_SuccessColor);
	}
}

.sapMCb.sapMCbErr .sapMCbBg {
	background-color: var(--sapField_InvalidBackground);
	border: 0.125rem dashed var(--sapField_InvalidColor);

	&.sapMCbMarkChecked::before {
		color: var(--sapField_InvalidColor);
	}
}

.sapMCb.sapMCbInfo .sapMCbBg {
	background-color: var(--sapField_InformationBackground);
	border: var(--sapField_BorderWidth) dashed var(--sapField_InformationColor);

	&.sapMCbMarkChecked::before {
		color: var(--sapField_InformationColor);
	}
}

.sapUiForm .sapMCbBg { /* In forms, align left with '0.1875rem(3px)' ( the focus width) */
	left: 3px; /* Must be in pixels to behave correctly in IE */
}

.sapMCbBg.sapMCbMarkChecked::before {
	color: var(--sapContent_IconColor);
}

.sapMCbBg.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
	border: 0.25rem solid transparent;
}

/* CheckBox focus */
.sapMCb:focus {
	outline: none;
}

html.sap-desktop {

	.sapMCbBg:focus,
	.sapMCbBg:active,
	.sap-desktop .sapMCbBg.sapMCbBgDis:focus {
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		outline: none;
	}

	.sapMCb:not(.sapMCbBgDis):not(.sapMCbHasLabel):focus > .sapMCbBg {
		outline-width: 0.125rem;
		outline-style: dotted;
		outline-color: var(--sapContent_FocusColor);
		outline-offset: 0.0625rem;
	}

	.sapMCb:not(.sapMCbBgDis):not(.sapMCbDisplayOnly).sapMCbHasLabel {

		&:focus::before {
			content: '';
			display: block;
			position: absolute;
			top: 0.5rem;
			bottom: 0.5rem;
			left: 0.5rem;
			right: -0.0625rem;
			border: 0.125rem dotted var(--sapContent_FocusColor);
		}

		&:not(.sapMCbErr):not(.sapMCbInfo):not(.sapMCbWarn):focus::before {
			bottom: 0.5rem;
		}
	}

	.sapUiForm .sapMCb:not(.sapMCbBgDis).sapMCbHasLabel:focus::before {
		left: 0px; /* Cb in SimpleForm: left border adjustment */
	}
}

/* CheckBox in Footer Context */
.sapMFooter-CTX .sapMCb:not(.sapMCbBgDis):focus > .sapMCbBg,
.sapMFooter-CTX .sapMCb:not(.sapMCbBgDis) > .sapMCbBg:focus {
	outline-color: var(--sapContent_ContrastFocusColor);
}

.sapMLIBActive .sapMCbBg,
.sapMLIBActive .sapMCbBg.sapMCbMarkChecked,
.sapMLIBActive .sapMCbBg.sapMCbBgDis,
.sapMLIBActive .sapMCbBg.sapMCbBgDis.sapMCbMarkChecked {
	border-color: var(--sapList_Active_TextColor);
}

.sapMLIBActive .sapMCbBg {
	background-color: var(--sapList_Active_Background);
}

.sapMCbHoverable:hover {
	border-color: var(--sapField_Hover_BorderColor);
	background: var(--sapSelectedColor);
}

.sapMCbBgDis {
	opacity: var(--sapContent_DisabledOpacity);
}

.sapMLIBActive .sapMActive .sapMCbBg.sapMCbActiveStateOff.sapMCbMarkChecked::before,
.sapMLIBActive .sapMCbBg:active.sapMCbActiveStateOff.sapMCbMarkChecked::before,
.sapMLIBActive .sapMCbBg.sapMCbMarkChecked::before,
.sapMLIBActive .sapMActive .sapMCbBg.sapMCbMarkChecked::before,
.sapMLIBActive .sapMCbBg:active.sapMCbMarkChecked::before,
.sapMLIBActive .sapMCbBg.sapMCbBgDis.sapMCbMarkChecked::before {
	color: var(--sapList_Active_TextColor);
}

.sapMCbBg.sapMCbBgDis.sapMCbMarkChecked::before {
	color: fade(@sapUiContentIconColor, 25);
}

/* Compact size */
.sapUiSizeCompact{

	.sapUiForm .sapMCbBg { /* In forms, align left with '0.1875rem(3px)' ( the focus width) */
		left: 3px; /* Must be in pixels to behave correctly in IE */
	}

	.sapMCbBg {
		border-radius: 0.125rem;
	}
}

html.sap-desktop {

	.sapUiSizeCompact {

		.sapMCb:not(.sapMCbBgDis).sapMCbHasLabel {

			&:focus::before {
				top: 0.3025rem;
				bottom: 0.3025rem;
				left: 0.3025rem;
			}

			&:not(.sapMCbErr):not(.sapMCbInfo):not(.sapMCbWarn):focus::before {
				bottom: 0.3025rem;
			}
		}

		.sapMCbBg.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
			border-width: 0.1875rem;
		}

		.sapUiForm .sapMCb:not(.sapMCbBgDis):focus::before {
			left: 0px;
		}

		.sapMCbBg {
			height: 1rem;
			width: 1rem;
			box-sizing: border-box;
		}

		.sapMCb:not(.sapMCbErr):not(.sapMCbWarn) > .sapMCbBg {
			line-height: 0.875rem;
		}
	}

	.sapUiSizeCondensed.sapUiTable,
	.sapUiSizeCondensed .sapUiTable {
		.sapMCb:not(.sapMCbErr):not(.sapMCbInfo):not(.sapMCbWarn) > .sapMCbBg {
			line-height: 0.625rem;
		}
	}
}
/* END "CheckBox.less" */

/* START "CustomTile.less" */
/**
 * @file
 * @deprecated As of version 1.50, together with sap.m.CustomTile
 */
/* ================================= */
/* CSS for control sap.m/CustomTile  */
/* Quartz High Contrast White theme  */
/* ================================= */

.sapMCustomTile:focus {
	outline: 2px dotted var(--sapContent_FocusColor);
}
/* END "CustomTile.less" */

/* START "DateTimePicker.less" */
/* ===================================== */
/* CSS for control sap.m/DateTimePicker  */
/* Quartz High Contrast White theme      */
/* ===================================== */

.sapMDateTimePopupCont > .sapUiCal {
	border: none;
}
/* END "DateTimePicker.less" */

/* START "Dialog.less" */
/* ================================= */
/* CSS for control sap.m/Dialog      */
/* Quartz High Contrast White theme  */
/* ================================= */

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

@_sap_m_Dialog_VerticalMargin: 3%;
@_sap_m_Dialog_BarHeight: 2.75rem;
@_sap_m_Dialog_SubHeaderCompactHeight: 2.25rem;

@_sap_m_Dialog_NoStateHeaderShadow: @sapUiShadowHeader;

.sapMDialogSubHeader .sapMIBar {
	height: 100%;
	padding-bottom: 0.25rem;
	box-sizing: border-box;
}

.sapMDialog > header .sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
	font-size: 1rem;
}

.sapMDialogInformation > header .sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
	color: var(--sapInformativeElementColor);
}

.sapMDialogBeginButton, .sapMDialogEndButton {
	min-width: 4rem;
}

.sapMDialogTitleGroup {
	z-index: 3; /* to hide the shadow from the header when there is sub-header */
}

/* buttons on phone must be to the right side (in LTR mode) */
html.sap-phone .sapMDialog {

	& > footer .sapMFooter-CTX {
		justify-content: flex-end;
	}
}

/* ========================================================================== */
/* header, sub-header, footer */
/* ========================================================================== */

.sapMDialog {

	header .sapMBarLeft,
	header .sapMBarPH {
		padding-left: 1rem;
	}

	header .sapMBarRight,
	header .sapMBarPH {
		padding-right: 1rem;
	}

	header .sapMTB,
	footer .sapMTB {
		padding: 0 1rem;
	}
}

.sapMDialogTitleGroup,
.sapMDialogSubHeader {

	.sapUi-Std-PaddingS,
	.sapUi-Std-PaddingM,
	.sapUi-Std-PaddingL,
	.sapUi-Std-PaddingXL {

		&.sapMIBar {

			.sapMBarMiddle .sapMBarPH {
				padding-left: 0;
				padding-right: 0;
			}

			.sapMBarLeft {
				padding-left: inherit;

				.sapMBarChild {
					padding-right: 0.5rem;
				}
			}

			.sapMBarRight {
				padding-right: inherit;

				.sapMBarChild {
					padding-left: 0.5rem;
				}
			}
		}
	}
}
/* END "Dialog.less" */

/* START "FeedInput.less" */
/* ================================= */
/* CSS for control sap.m/FeedInput   */
/* Quartz High Contrast White theme  */
/* ================================= */

.sapMFeedIn {
	background-color: var(--sapGroup_ContentBackground);
}

.sapMFeedInFigure {
	border-color: @sapUiHcReducedAltForeground;
}
/* END "FeedInput.less" */

/* START "FeedListItem.less" */
/* =================================== */
/* CSS for control sap.m/FeedListItem  */
/* Quartz High Contrast White theme    */
/* =================================== */

.sapMFeedListItemImage,
.sapMFeedListItemImageInactive,
.sapMLIBActive .sapMFeedListItem span.sapMFeedListItemImage,
.sapMLIBActive .sapMFeedListItem span.sapMFeedListItemImageInactive {
	color: @sapUiHcReducedAltForeground;
}

.sapMFeedListItemImage.sapMImgFocusable:focus {
	outline-width: 2px;
}
/* END "FeedListItem.less" */

/* START "GenericTag.less" */
/* ================================= */
/* CSS for control sap.m/GenericTag  */
/* Quartz High Contrast White theme  */
/* ================================= */

html.sap-desktop .sapMGenericTag {

	&::before {
		border: 1px solid var(--sapBackgroundColor);
	}

	&::after {
		border: 1px dotted var(--sapContent_ContrastFocusColor);
	}
}

.sapMGenericTagWrap {

	&:hover {
		background-color: var(--sapList_Hover_Background);
		box-shadow: @sapUiShadowLevel0;

		& .sapMGenericTagIcon,
		& .sapMGenericTagValue {
			color: var(--sapList_Active_TextColor);
		}
	}

	.sapMGenericTagActive & {
		background: var(--sapList_Active_Background);
	}
}
/* END "GenericTag.less" */

/* START "GenericTile.less" */
/* ================================== */
/* CSS for control sap.m/GenericTile  */
/* Quartz High Contrast White theme   */
/* ================================== */

.sapMGT {
	box-shadow: none;
}

.sapMGT.sapMGTBackgroundImage .sapMGTContent {
	border-bottom-left-radius: 0.125rem;
	border-bottom-right-radius: 0.125rem;
}

.sapMGT.sapMGTScopeActions.sapMGTBackgroundImage .sapMGTContent::before {
	border-radius: 0.125rem;
}

.sapMGT.sapMGTBackgroundImage {

	.sapMGTOverlay {
		border-radius: 0.08rem;
	}
}

/* LINE MODE LIST VIEW */

.sapMGT.sapMGTLineMode {
	border: 0.0625rem solid var(--sapTile_BorderColor);

	.sapMGTHdrTxt {
		font-weight: bold;
	}
}

.sapMGTLineMode.sapMGTFailed,
.sapMGTLineMode.sapMGTDisabled {
	border-color: @sapUiHcReducedForeground;

	.sapMGTHdrTxt,
	.sapMGTSubHdrTxt {
		color: var(--sapContent_DisabledTextColor);
	}
}

/* LINE MODE FLOATING VIEW */

.sapUiMedia-GenericTileDeviceSet-large {

	.sapMGT.sapMGTLineMode {
		font-size: @sapMFontMediumSize;
		border: none;

		.sapMGTHdrTxt {
			color: var(--sapTile_TitleTextColor);
			font-weight: bold;
			font-size: @sapMFontMediumSize;
			font-family: var(--sapFontFamily);
		}

		.sapMGTLineModeFailedIcon {
			cursor: pointer;
			color: var(--sapTile_TextColor);
			border-right: 0.25rem solid transparent;
		}

		.sapMGTLineStyleHelper {

			.sapMGTLineStyleHelperInner {
				box-shadow: @sapUiShadowLevel0;
				bottom: 1px;
			}

			&:first-child:not(:only-child) .sapMGTLineStyleHelperInner {
				margin-right: 0.125rem;
			}

			&:not(:first-child) .sapMGTLineStyleHelperInner {
				margin: 0 0.125rem;
			}

			&:last-child .sapMGTLineStyleHelperInner {
				margin-right: 0;
			}

			&:first-child .sapMGTLineStyleHelperInner {
				border-top-left-radius: 0.375rem;
				border-bottom-left-radius: 0.375rem;
			}

			&:last-child .sapMGTLineStyleHelperInner {
				border-top-right-radius: 0.375rem;
				border-bottom-right-radius: 0.375rem;
			}
		}

		&.sapMGTFailed,
		&.sapMGTDisabled {

			.sapMGTLineStyleHelperInner {
				box-shadow: 0 0 0 1px @sapUiHcReducedForeground;
			}

			.sapMGTHdrTxt,
			.sapMGTSubHdrTxt {
				color: var(--sapContent_DisabledTextColor);
			}
		}
	}
}

.sapUiMedia-GenericTileDeviceSet-large .sapMGT.sapMGTLineMode {

	&:not(.sapMGTDisabled):not(.sapMGTFailed):hover .sapMGTLineStyleHelperInner {
		box-shadow: 0 0 0 0.1875rem var(--sapContent_ShadowColor);
		margin-top: 1px;
		margin-bottom: 1px;
	}

	/* &:focus { */
	/* 	border: 0.125rem dotted @sapUiContentFocusColor; */
	/* } */

	&:focus .sapMGTLineStyleHelperInner::before {
		content: '';
		position: absolute;
		top: 1px;
		left: 1px;
		bottom: 1px;
		right: 1px;
		box-sizing: border-box;
		border: 0.125rem dotted var(--sapContent_FocusColor);
	}
}

.sapMGTHdrContent {
	color: var(--sapTile_TextColor);
}

.sapMGTActionButtonPress.sapMGT:active {

	.sapMGTFocusDiv {
		border: none;
	}
}

.sapMGTActionButtonPress.sapMGT:focus-visible {

	.sapMGTFocusDiv {
		border: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
	}
}

.sapMGT.sapMGTStateLoaded.sapMGTScopeActions.sapMGTIconMode {

	.sapMBtnBase.sapMBtn.sapMGTMoreIcon {

		.sapMBtnInner {
			background-color: transparent;
			border: 0;
		}
	}

	.sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized) {
		background-color: var(--sapButton_Lite_Hover_Background) !important;
	}
}

.sapMGTOverlay > .sapUiLocalBusyIndicator > .sapUiLocalBusyIndicatorAnimation {
	border: none;
	box-shadow: none;
}

.sapMGT:not(.sapMGTStateDisabled):hover,
html.sap-phone .sapMGTHvrOutln:not(.sapMGTStateDisabled):active,
html.sap-tablet .sapMGTHvrOutln:not(.sapMGTStateDisabled):active,
html.sap-phone .sapMGTBackgroundHvrOutln:not(.sapMGTStateDisabled):active,
html.sap-tablet .sapMGTBackgroundHvrOutln:not(.sapMGTStateDisabled):active {
	box-shadow: 0 0 0 0.125rem var(--sapContent_ShadowColor);
}

.sapMGT.sapMGTLineMode:hover {

	&.sapMGTLineModePress {
		box-shadow: none;
	}
}

.sapMGT.sapMGTScopeActions.sapMGTIconMode .sapMBtnBase.sapMGTMoreIcon .sapMBtnIcon {
	line-height: 2.125rem !important;
}
.sapUiSizeCompact {

	.sapMGT.sapMGTScopeActions.sapMGTIconMode .sapMBtnBase.sapMGTMoreIcon .sapMBtnIcon {
		line-height: 1.5rem !important;
	}
}

.sapMGT.sapMGTScopeActions.sapMGTIconMode:not(.sapMGTOneByOne),
.sapMGT.sapMGTScopeSingleAction.sapMGTIconMode:not(.sapMGTOneByOne) {

	.sapMBtnBase.sapMGTMoreIcon {

		.sapMBtnIcon {
			border: 0.01rem solid;
			border-radius: 0.5rem;
			line-height: 1.7;
		}
	}
}
/* END "GenericTile.less" */

/* START "HeaderContainer.less" */
/* ====================================== */
/* CSS for control sap.m/HeaderContainer  */
/* Quartz High Contrast White theme       */
/* ====================================== */

.sapMHdrCntrBtn.sapMBtn {
	background-color: transparent;
}

.sapMHdrCntrBtn .sapMBtnIcon {
	color: var(--sapContent_IconColor);
	font-size: 22px;
}

.sapMHrdrCntrInner:focus:not([tabindex]) {
	outline: none;
}

.sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
	border-left: 1px solid @sapUiHcReducedAltForeground;
}

.sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
	border-top: 1px solid @sapUiHcReducedAltForeground;
}

.sapMHrdrCntrInner {
	border: 2px solid transparent;
}

/* END "HeaderContainer.less" */

/* START "IconTabBar.less" */
/* ================================= */
/* CSS for control sap.m/IconTabBar  */
/* Quartz High Contrast White theme  */
/* ================================= */

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

@_sap_m_IconTabBar_TextColor: var(--sapContent_LabelColor);
@_sap_m_IconTabBar_TextShadow: none;

/* ==================== Cozy size ==================== */

/* Content arrow */
@_sap_m_IconTabBar_ContentArrowHeight: 0.875rem;

/* Inline mode */
@_sap_m_IconTabBar_InLineFilterMargin: 0.875rem 0 0 0;
@_sap_m_IconTabBar_InLineTextOnlyVerticalHeight: 2.75rem;
@_sap_m_IconTabBar_InLineTextOnlyContentArrowHeight: @_sap_m_IconTabBar_ContentArrowHeight;

/* TextOnly mode */
@_sap_m_IconTabBar_TextOnlyTabPadding: 0 0 0.125rem 0;
@_sap_m_IconTabBar_TextOnlyVerticalHeight: 3rem;

/* NoText mode */
@_sap_m_IconTabBar_NoTextFilterWidth: 3.125rem;
@_sap_m_IconTabBar_NoTextVerticalHeight: 3.75rem;

/* All tabs */
@_sap_m_IconTabBar_AllTabHeight: 2.875rem;
@_sap_m_IconTabBar_AllTabLineHeight: 2.875rem;
@_sap_m_IconTabBar_AllTabMarginBottom: 0.375rem;

/* Horizontal tabs */
@_sap_m_IconTabBar_HorizontalFilterHeight: 3.75rem;
@_sap_m_IconTabBar_HorizontalTabHeight: 2.75rem;
@_sap_m_IconTabBar_HorizontalWrapperHeight: 2.75rem;
@_sap_m_IconTabBar_HorizontalTabWidth: 3.125rem;
@_sap_m_IconTabBar_HorizontalCountTop: 0.375rem;
@_sap_m_IconTabBar_HorizontalTextPaddingTop: 0.375rem;
@_sap_m_IconTabBar_HorizontalTextPaddingLeft: 0.125rem;

/* Vertical tabs */
@_sap_m_IconTabBar_VerticalHeight: 4.625rem;
@_sap_m_IconTabBar_VerticalContentArrowHeight: 0.625rem;

/* Filter icon */
@_sap_m_IconTabBar_FilterIconHeight: 2.75rem;
@_sap_m_IconTabBar_FilterIconWidth: 2.75rem;
@_sap_m_IconTabFilter_Icon_Border_Radius: var(--sapButton_BorderCornerRadius);
@_sap_m_IconTabFilter_Icon_Border_Color: var(--sapButton_BorderColor);

/* Filter text */
@_sap_m_IconTabBar_FilterTextLineHeight: 0.875rem;

/* Separator */
@_sap_m_IconTabBar_SeparatorHeight: 2rem;
@_sap_m_IconTabBar_SeparatorMargin: 0.75rem 0.25rem 0;
@_sap_m_IconTabBar_TextOnlySeparatorMargin: 0.375rem 0.25rem 0.375rem;
@_sap_m_IconTabBar_TextOnlySeparatorMarginCompact: @_sap_m_IconTabBar_TextOnlySeparatorMargin;
@_sap_m_IconTabBar_SeparatorIconHeight: 2.75rem;
@__sap_m_IconTabBar_SeparatorIconLineHeight: 2.75rem;

/* Left and Right arrows */
@_sap_m_IconTabBar_ArrowScrollPadding: 0.875rem 0.4rem;
@_sap_m_IconTabBar_SplitContainerArrowScrollPadding: 0.875rem 0.4rem;

/* Header */
@_sap_m_IconTabBar_HeaderBackgroundTranslucent: var(--sapObjectHeader_Background);

@_sap_m_IconTabBar_HeaderBorderBottom: none;
@_sap_m_IconTabBar_HeaderShadow: none;

/* Content */
@_sap_m_IconTabBar_ContentBackground: var(--sapBackgroundColor);
@_sap_m_IconTabBar_ContentBackgroundTranslucent: var(--sapGroup_ContentBackground);

/* ==================== Compact size ==================== */

/* Content arrow */
@_sap_m_IconTabBar_Compact_NoTextContentArrowHeight: 1rem;
@_sap_m_IconTabBar_Compact_ContentArrowHeight: 1rem;
@_sap_m_IconTabBar_Compact_NoTextContentArrowWidth: 2.375rem;

/* Inline mode (same as cozy) */
@_sap_m_IconTabBar_Compact_InLineVerticalTabHeight: @_sap_m_IconTabBar_InLineTextOnlyVerticalHeight;
@_sap_m_IconTabBar_Compact_InLineFilterTextMargin: @_sap_m_IconTabBar_InLineFilterMargin;
@_sap_m_IconTabBar_Compact_TextOnlyContentArrowHeight: @_sap_m_IconTabBar_VerticalContentArrowHeight;

/* TextOnly (same as cozy) */
@_sap_m_IconTabBar_Compact_TextOnlyVerticalHeight: @_sap_m_IconTabBar_TextOnlyVerticalHeight;
@_sap_m_IconTabBar_Compact_TextOnlyTabPadding: @_sap_m_IconTabBar_TextOnlyTabPadding;
@_sap_m_IconTabBar_Compact_TextOnlyHeadPadding: 0 0.925rem 0 0.1875rem;
@_sap_m_IconTabBar_Compact_TextOnlyTextLineHeight: 1rem;
@_sap_m_IconTabBar_Compact_TextOnlyTextPadding: 0;

/* NoText */
@_sap_m_IconTabBar_Compact_NoTextTabWidth: 2.375rem;
@_sap_m_IconTabBar_Compact_NoTextVerticalHeight: 3rem;

/* Horizontal */
@_sap_m_IconTabBar_Compact_HorizontalHeight: 3rem;
@_sap_m_IconTabBar_Compact_HorizontalContentArrowHeight: 1rem;

/* Vertical */
@_sap_m_IconTabBar_Compact_VerticalHeight: 3.875rem;

/* Filter text */
@_sap_m_IconTabBar_Compact_FilterTextPadding: 0.375rem 0 0;

/* Focus border */
@_sap_m_IconTabBar_Compact_HorizontalFocusBottom: 1rem;

/* =========== Phone =========== */

/* Content arrow */
@_sap_m_IconTabBar_Phone_ContentArrowHeight: 0.625rem;

@_sap_m_IconTabBar_Phone_TextOnlyContentArrowHeight: 0.5rem;
@_sap_m_IconTabBar_Phone_Compact_TextOnlyContentArrowHeight: 0.75rem;

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

@_sap_m_IconTabBar_TextHoverColor: darken(@sapUiGroupTitleTextColor, 10);
@_sap_m_IconTabBar_SelectedTextColor: var(--sapContent_LabelColor);
@_sap_m_IconTabBar_SelectedTextHoverColor: darken(@sapUiSelected, 10);
@_sap_m_IconTabBar_ArrowScroll_AfterHeight: 1px;

/* =========== Shell =========== */
@_sap_m_IconTabBar_ShellHeaderShadow: var(--sapShell_Shadow);
@_sap_m_IconTabBar_ShellOverflowBorderColor: var(--sapButton_BorderColor);
@_sap_m_IconTabBar_ShellOverflowHoverBorderColor: var(--sapButton_Hover_BorderColor);
@_sap_m_IconTabBar_ShellOverflowPressedBorderColor: var(--sapButton_Active_BorderColor);

/* Head Container */
.sapMITH {
	z-index: 1; /* shows the bottom shadow of the ITHeader over the content of the ITB */

	.sapMITBHead {
		padding-top: 0.875rem;
	}

	&.sapMITBNoText {

		.sapMITBHead {
			padding-top: 1rem;
		}
	}

	&.sapMITBTextOnly {

		.sapMITBHead {
			padding-top: 0.875rem;
		}
	}

	&.sapMITBInLine {

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

/* Head Container - compact */

.sapUiSizeCompact.sapMITH {

	.sapMITBHead {
		padding-top: 0.875rem;
	}

	&.sapMITBTextOnly {

		.sapMITBHead {
			padding-top: 0.875rem;
		}
	}

	&.sapMITBInLine {

		.sapMITBHead {
			padding-top: 0;
		}
	}

	/* Bottom borders on the currently selected tab - compact */
	&.sapMITBTextOnly .sapMITBVertical.sapMITBFilter .sapMITBContentArrow {
		height: 0.875rem;
	}

	&.sapMITBInLine.sapMITBTextOnly .sapMITBVertical.sapMITBFilter .sapMITBContentArrow {
		height: 0.875rem;
	}

	/* Tabs - compact*/
	.sapMITBAll {

		.sapMITBTab {
			margin-bottom: 0.3rem;
			margin-top: 0.6rem;
		}

		.sapMITBContentArrow {
			height: 1rem;
		}
	}

	.sapMITBHorizontal {

		&.sapMITBFilter .sapMITBHorizontalWrapper .sapMITBText {
			padding-top: 4px;
		}

		&.sapMITBAll .sapMITBTab {
			margin-bottom: 0.125rem;
			margin-top: 0;
		}

		+ .sapMITBSepLine {
			margin-top: 0.125rem;
		}
	}
}

.sapMITBContentArrow {
	position: relative;

	/* creates border bottom with rounded top corners */
	&::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		border-radius: 0.125rem 0.125rem 0 0;
	}
}

.sapMITBHorizontal.sapMITBFilter {
	margin-top: 0.125rem;

	+ .sapMITBSep {
		margin-top: 0.125rem;
	}
}

/* Content Container */

.sapMITBContent {
	border: 0.125rem solid var(--sapObjectHeader_BorderColor);
}

.sapMITBBackgroundDesignTransparent > .sapMITBContainerContent > .sapMITBContent {
	border: none;
}

.sapMITBContainerContent {

	&.sapMITBContentClosed {
		border-bottom: 0.125rem solid var(--sapObjectHeader_BorderColor);
	}
}

.sapMITB.sapMITBNoContentPadding > .sapMITBContainerContent, /* legacy class */
.sapMITB.sapUiNoContentPadding > .sapMITBContainerContent {
	border-bottom: 0;
	border-top: 0;
}

/* Tab Filter Item */

.sapMITBTextOnly {

	.sapMITBFilterDefault:hover .sapMITBText {
		color: @_sap_m_IconTabBar_TextHoverColor;
	}
}

.sapMITBFilterIcon {
	border: 1px solid var(--sapGroup_TitleTextColor);
}

.sapMITBFilterDefault {
	color: var(--sapContent_ContrastIconColor);
}

.sapMITBSelected {

	.sapMITBContentArrow::after {
		background: var(--sapList_SelectionBorderColor);
	}

	.sapMITBFilterDefault,
	.sapMITBFilterNeutral,
	.sapMITBFilterPositive,
	.sapMITBFilterNegative,
	.sapMITBFilterCritical {
		background: var(--sapSelectedColor);
		color: var(--sapContent_ContrastIconColor);
	}
}

/* Phone device */

.sapUiMedia-Std-Phone .sapMITH.sapUiSizeCompact {

	&.sapMITBInLine.sapMITBTextOnly {

		.sapMITBHead .sapMITBContentArrow {
			height: 0.875rem;
		}
	}

	&.sapMITBTextOnly {

		.sapMITBHead .sapMITBContentArrow {
			height: 0.75rem;
		}
	}
}

.sapMITH.sapMITBNoText .sapMITBHead {

	> .sapMITBSepLine {
		margin: 0.25rem 0.25rem 0 0;
	}
}

.sapMITH.sapUiSizeCompact {

	&.sapMITBNoText .sapMITBHead {

		> .sapMITBSepLine {
			margin: 0 0.125rem 0 0.125rem;
		}
	}

	.sapMITBSepLine {
		border: unset;
		border-right: 1px solid var(--sapGroup_TitleBorderColor);
		margin: 0.625rem 0.125rem 0 0.125rem;
	}
}

.sapMITBAll {

	.sapMITBTab {
		margin-top: 0.4rem;
	}

	&.sapMITBHorizontal {

		.sapMITBTab {
			margin-top: 0;
		}

		+ .sapMITBSepLine {
			margin-top: 0.5rem;
		}
	}
}

.sapMITBSepLine {
	border: unset;
	border-right: 1px solid var(--sapGroup_TitleBorderColor);
}

.sapUiMedia-Std-Phone {

	.sapMITBSepLine {
		margin: 0.75rem 0.25rem 0;
	}
}

/* Custom focus outline */
html.sap-desktop {

	.sapMITBTextOnly .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText {

		&::after {
			top: -0.1875rem;
			bottom: -0.1875rem;
			right: -0.1875rem;
			left: -0.1875rem;
		}
	}

	.sapMITBItem:not(.sapUiDnDDragging):focus.sapMITBAll {

		&::after {
			top: 0.75rem;
			bottom: 1.75rem;
		}
	}

	.sapMITH.sapUiSizeCompact {

		.sapMITBItem:focus.sapMITBAll {

			&::after {
				bottom: 1.3rem;
				top: 0.125rem;
			}
		}
	}
}

/* HCB Additional Styles */

.sapMITBTab {
	position: relative;
}

.sapMITBFilter .sapMITBText::before,
.sapMITBFilter.sapMITBVertical .sapMITBTab::after,
.sapMITBSelectItem .sapMITBText::before {
	font-family: var(--sapContent_IconFontFamily);
	font-size: 0.75rem;
	margin-right: 0.5rem;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

.sapMITBHorizontal.sapMITBFilterPositive .sapMITBText::before,
.sapMITBTextOnly .sapMITBFilterPositive .sapMITBText::before,
.sapMITBVertical.sapMITBFilterPositive .sapMITBTab::after,
.sapMITBSelectItem.sapMITBFilterPositive .sapMITBText::before {
	color: var(--sapPositiveTextColor);
	content: '\e1c1';
}

.sapMITBHorizontal.sapMITBFilterNegative .sapMITBText::before,
.sapMITBTextOnly .sapMITBFilterNegative .sapMITBText::before,
.sapMITBVertical.sapMITBFilterNegative .sapMITBTab::after,
.sapMITBSelectItem.sapMITBFilterNegative .sapMITBText::before {
	color: var(--sapNegativeTextColor);
	content: '\e1ec';
}

.sapMITBHorizontal.sapMITBFilterCritical .sapMITBText::before,
.sapMITBTextOnly .sapMITBFilterCritical .sapMITBText::before,
.sapMITBVertical.sapMITBFilterCritical .sapMITBTab::after,
.sapMITBSelectItem.sapMITBFilterCritical .sapMITBText::before {
	color: var(--sapCriticalTextColor);
	content: '\e053';
}

.sapMITBVertical.sapMITBFilter .sapMITBTab::after {
	bottom: 0;
	margin-right: -1rem;
	position: absolute;
}

.sapMITBTextOnly .sapMITBTab:after {
	display: none;
}

.sapMITBHorizontal.sapMITBFilter .sapMITBText::before {
	margin-right: 0.25rem;
}

/* Semantic icons in Select List */
.sapMITBSelectItem .sapMITBText::before {
	position: absolute;
	margin-left: -3.5rem;
}

.sapMITBSelectListTextOnly .sapMITBSelectItem .sapMITBText::before {
	margin-left: -1.5rem;
	margin-top: 0.0625rem;
}

.sapUiSizeCompact {

	.sapMITBSelectItem .sapMITBText::before {
		position: absolute;
		margin-left: -2.75rem;
	}

	.sapMITBSelectListTextOnly .sapMITBSelectItem .sapMITBText::before {
		margin-left: -1.5rem;
		margin-top: 0;
	}
}

/* ------------------------------------------------ */
/* IconTabBar Badge */
/* ------------------------------------------------ */

.sapMITH,
.sapMITBFilterPopover {

	.sapMBadge .sapMBadgeAttention {
		background-color: var(--sapContent_IconColor);
	}
}
/* END "IconTabBar.less" */

/* START "IconTabBarSelectList.less" */
/* =========================================== */
/* CSS for control sap.m/IconTabBarSelectList  */
/* Quartz High Contrast White theme            */
/* =========================================== */

@_sap_m_IconTabBar_SelectListItem_PaddingLeftAdditional: 1rem;
/* END "IconTabBarSelectList.less" */

/* START "Image.less" */
/* ================================= */
/* CSS for control sap.m/Image       */
/* Quartz High Contrast White theme  */
/* ================================= */

.sapMImgFocusable:focus {
	outline-width: 0.125rem;
}
/* END "Image.less" */

/* START "Input.less" */
/* ================================= */
/* CSS for control sap.m/Input       */
/* Quartz High Contrast White theme  */
/* ================================= */

.sapMListFocus .sapMLIBFocused {
	outline-offset: -0.1875rem;
}
/* END "Input.less" */

/* START "InputBase.less" */
/* ================================ */
/* CSS for control sap.m/InputBase  */
/* Quartz High Contrast White theme */
/* ================================ */

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

@_sap_m_InputBase_InnerMinWidth: 2.75rem;
@_sap_m_InputBase_InnerPadding: 0 0.625rem;
@_sap_m_InputBase_DisabledOpacity: var(--sapContent_DisabledOpacity);
@_sap_m_InputBase_IconLineHeight: 2.125rem;
@_sap_m_InputBase_IconWidth: 2.125rem;
@_sap_m_InputBase_IconMinWidth: 2.125rem;
@_sap_m_InputBase_FocusOffset_Busy: 3px;

.sapMInputBaseContentWrapper {

	&.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {

		/* calculated line-height excluding the top and bottom borders */
		.sapMInputBaseIcon {
			line-height: 2rem;
		}

		.sapMTokenizer .sapMToken {
			margin-top: 0.1875rem;
		}
	}
}

.sapMInputBaseReadonly:not(.sapMInputBaseDisabled) .sapMInputBaseContentWrapper {
	border: var(--sapElement_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);
}

.sapMInputBase:not(.sapMInputBaseDisabled):not(.sapMInputBaseIconPressed) .sapMInputBaseIconContainer .sapMInputBaseIcon {
	box-sizing: border-box;
	color: var(--sapContent_IconColor);

	&:hover {
		background: var(--sapButton_Lite_Hover_Background);
		border-left: 1px solid var(--sapList_SelectionBorderColor);
	}

	&:active {
		background-color: var(--sapButton_Lite_Active_Background);
		color: var(--sapButton_Active_TextColor);
		border-left: 1px solid var(--sapList_SelectionBorderColor);
	}
}

.sapMInputBaseIconPressed .sapMInputBaseIcon {
	background: var(--sapButton_Selected_Background);
	border-left: 1px solid var(--sapList_SelectionBorderColor);
}

.sapMInputBaseDisabledWrapper .sapMInputBaseIcon {
	color: var(--sapContent_IconColor);

	&:hover {
		background: transparent;
	}
}

.sapMInputBaseContentWrapperWarning,
.sapMInputBaseContentWrapperError {

	.sapMInputBaseInner {
		font-style: italic;
		font-weight: bold;
	}
}

.sapMInputBaseInner::-webkit-input-placeholder {
	font-style: normal;
}

.sapMInputBaseInner::-moz-placeholder {
	font-style: normal;
}

.sapMInputBaseContentWrapperError .sapMInputBaseInner::-webkit-input-placeholder {
	color: var(--sapField_TextColor);
}

.sapMInputBaseContentWrapperError .sapMInputBaseInner::-moz-placeholder {
	color: var(--sapField_TextColor);
}

.sapUiSizeCompact .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMInputBaseIcon {
	line-height: 1.375rem;
}

/* List specific styles */
.sapMILI-CTX .sapMInputBaseContentWrapper,
.sapMILI-CTX .sapMInputBaseInner,
.sapMILI-CTX .sapMInputBaseDisabled .sapMInputBaseInner,
.sapMILI-CTX .sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
	text-align: right;
	background: transparent;
}

.sapMLIBActive {

	.sapMInputBaseInner,
	.sapMInputBaseContentWrapper {
		color: var(--sapList_Active_TextColor);
		background: transparent;
	}

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

.sapMLIBActive .sapMInputBaseInner::-webkit-input-placeholder {
	color: var(--sapList_Active_TextColor);
}
/* END "InputBase.less" */


/* note: the following two files are not in alphabetical order and should be imported after InputBase.less */
/* START "ComboBoxBase.less" */
/* ==================================== */
/* CSS for control sap.m/ComboBoxBase   */
/* Quartz High Contrast White theme     */
/* ==================================== */

.sapMInputBaseIconPressed .sapMComboBoxBaseClearIcon {
	color: var(--sapContent_IconColor);
	background: transparent;
	border-left-color: transparent;

	&:hover {
		background: var(--sapButton_Lite_Hover_Background);
		border-left-color: var(--sapButton_Selected_BorderColor);
	}

	&:active {
		background-color: var(--sapButton_Lite_Active_Background);
		color: var(--sapButton_Active_TextColor);

		&::before {
			color: var(--sapButton_Active_TextColor);
		}
	}
}

.sapMInputBaseIconPressed .sapMComboBoxBaseClearIcon::before {
	color: var(--sapContent_IconColor);
}
/* END "ComboBoxBase.less" */

/* START "ComboBox.less" */
/* ================================= */
/* CSS for control sap.m/ComboBox    */
/* Quartz High Contrast White theme  */
/* ================================= */

.sapMComboBoxBasePicker-CTX .sapMComboBoxList.sapMListFocus .sapMLIBSelected,
.sapMComboBoxBasePicker-CTX .sapMComboBoxList.sapMListFocus .sapMComboBoxBaseNonInteractiveItem.sapMLIBFocused {
	outline-offset: -0.1875rem;
}
/* END "ComboBox.less" */


/* START "LightBox.less" */
/* --------------------------------- */
/* CSS for control sap.m/LightBox    */
/* Quartz High Contrast Black theme  */
/* --------------------------------- */

/* ------------------------------- */
/* Variables overriding            */
/* ------------------------------- */

@_sap_m_LightBox_OverlayBackground: fade(@sapUiBlockLayerBackground, 80);
@_sap_m_LightBox_ContainerBackground: var(--sapGroup_ContentBackground);
@_sap_m_LightBox_SubtitleMarginTop: 0.25rem;

/* ------------------------------- */
/* Footer                          */
/* ------------------------------- */

.sapMLightBoxFooter {
	align-items: center;

	.sapMLightBoxTitleSection {
		margin: 0 0 0 1rem;
		padding: 0;
	}

	.sapMBtn {
		margin: 0 1rem 0;
		padding-right: 0;
	}
}

.sapUiSizeCompact {

	.sapMLightBoxFooter {

		.sapMBtn {
			padding-right: 0;
			margin-bottom: 0;
		}
	}
}
/* END "LightBox.less" */

/* START "Link.less" */
/* ================================= */
/* CSS for control sap.m/Link        */
/* Quartz High Contrast White theme  */
/* ================================= */

.sapMLnk {
	text-decoration: underline;
}

.sapMLnkDsbl {
	opacity: var(--sapContent_DisabledOpacity);
	outline: none;
	cursor: default;
}

.sapMLnk.sapMLnkSubtle {
	color: var(--sapLinkColor);
}

.sapMLnkSubtle:focus {
	color: var(--sapContent_FocusColor);
}

html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
	text-decoration: none;
	outline: 0.125rem dotted var(--sapContent_FocusColor);
}

html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
	text-decoration: none;
}

.sapMLnk:hover.sapMLnkDsbl,
.sapMLnk:focus.sapMLnkDsbl {
	outline: none;
}

/* align Link in Form with Label */
.sapUiFormEdit .sapMLnk {
	margin-top: 0.875rem; /* don't use padding as this would stretch the focus outline */
	margin-bottom: 0.625rem; /* for some reason browser adds 4px, display: block would lead to stretched focus outline */
}
/* END "Link.less" */

/* START "ListBase.less" */
/* ================================= */
/* CSS for control sap.m/ListBase    */
/* Quartz High Contrast White theme  */
/* ================================= */

.sapMListHdrText {
	border-bottom: 0.188rem solid var(--sapGroup_TitleBorderColor);
}

/* Growing feature */

/* HCB additional styles for Growing feature */
.sapMLIBContent > .sapMGrowingListTrigger {
	box-sizing: border-box;
	border-radius: 0.375rem;
	background: var(--sapButton_Background);
	border: var(--sapList_BorderWidth) solid var(--sapButton_BorderColor);
}

html.sap-desktop .sapMLIBContent > .sapMGrowingListTrigger:hover {
	background: var(--sapButton_Hover_Background);
}

html.sap-desktop .sapMGrowingList > .sapMCLI:hover {
	background: var(--sapList_Background) !important;
}

/* Needed to fix the margin collapsing behaviour on safari */
html.sap-desktop .sapMGrowingList > .sapMCLI {
	padding: 0.25rem;
}

html.sap-desktop .sapMGrowingList .sapMCLI.sapMLIB.sapMLIB-CTX:focus {
	outline:none;
}

html.sap-desktop .sapMLIB-CTX:focus .sapMGrowingListTrigger {
	border: 0.125rem dotted var(--sapContent_FocusColor);
	border-radius: 0;
}
/* END "ListBase.less" */

/* START "ListItemBase.less" */
/* =================================== */
/* CSS for control sap.m/ListItemBase  */
/* Quartz High Contrast White theme    */
/* =================================== */

@_sap_m_ListItemBase_Highlight_InformationColor: var(--sapAccentColor6);
@_sap_m_ListItemBase_Navigated: var(--sapList_SelectionBorderColor);
@_sap_m_ListItemBase_Detail_Delete_MarginLeft: 0.25rem;

.sapMLIB.sapMLIBSelected {
	border-bottom: 0.0625rem solid var(--sapList_SelectionBorderColor);
}

.sapMLIBFocusable:focus {
	outline-width: 0.125rem;
}

.sapMTableRowCustomFocus:focus > :not(.sapMListTblDummyCell:last-child)::before {
	border-width: 2px;
}
/* END "ListItemBase.less" */

/* START "Menu.less" */
/* ==================================== */
/* CSS for control sap.m/Menu           */
/* Quartz High Contrast White theme     */
/* ==================================== */

.sapMMenu {

	box-shadow: @sapUiContentShadow1;

	.sapMMenuItem {
		padding: 0 0.75rem;
	}

	.sapMMenuItem.sapMMenuItemDisabled .sapMMenuItemIcon {
		opacity: @sapUiContentDisabledOpacity;
	}

	.sapMMenuItem.sapMMenuItemSubMenuOpen {
    background-color: @sapUiListSelectionBackgroundColor
  }

  .sapMMenuItem.sapMMenuItemSubMenuOpen:hover,
	.sapMMenuItem.sapMMenuItemSubMenuOpen:focus {
		background-color: @sapUiListActiveBackground;
	}

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

		&:empty {
			min-width: 0;
			max-width: 0;
			padding-inline-end: 0;
		}
	}

	.sapMMenuItemSubMenu > div:after {
		font-size: 0.75rem;
	}

}

/* END "Menu.less" */

/* START "MenuButton.less" */
/* ================================= */
/* CSS for control sap.m/MenuButton  */
/* Quartz High Contrast White theme  */
/* ================================= */

/* Compact size */
.sapUiSizeCompact {

	.sapMMenuBtn {

		.sapMBtnInner.sapMBtnText .sapMBtnIcon {
			margin-left: 0;
			margin-right: 0;
		}
	}

	.sapMMenuBtn .sapMBtnIcon {
		margin-left: 0.4375rem;
		margin-right: 0.4375rem;
	}
}

.sapMMenuBtn {

	.sapMBtn:hover > .sapMBtnHoverable.sapMBtnEmphasized,
	span.sapMBtnInner.sapMBtnEmphasized {
		border-left-color: var(--sapButton_Emphasized_TextColor);
	}
}

.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized {
	border-left-color: var(--sapButton_Emphasized_TextColor);
}

.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
	line-height: 2.125rem;
}

.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner:not(.sapMBtnText) {
	padding-left: 0;
}

.sapMMenuBtn .sapMBtn:not(.sapMSBArrow) .sapMBtnInner.sapMBtnIconFirst:not(.sapMBtnText) .sapMBtnIcon {
	padding-right: 0;
}

.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner {
	background-color: var(--sapButton_Selected_Background);
}
/* END "MenuButton.less" */

/* START "MenuListItem.less" */
/* =================================== */
/* CSS for control sap.m/MenuListItem  */
/* Quartz High Contrast White theme    */
/* =================================== */

.sapMRespMenuDialog .sapMLIB {
	border-bottom: 1px solid;
	position: relative;
	padding: 0 1rem;
}
/* END "MenuListItem.less" */

/* START "MessageBox.less" */
/* ================================= */
/* CSS for control sap.m/MessageBox  */
/* Quartz High Contrast White theme  */
/* ================================= */

.sapMDialog.sapMMessageBoxInfo .sapMDialogIcon.sapUiIcon {
	color: var(--sapInformativeElementColor);
}

.sapMMessageBox .sapMDialogFooter .sapMBtn {
	min-width: 4rem;
}
/* END "MessageBox.less" */

/* START "MessagePage.less" */
/**
 * @file
 * @deprecated as of version 1.112, together with sap.m.MessagePage
 */
/* ================================== */
/* CSS for control sap.m/MessagePage  */
/* Quartz High Contrast White theme   */
/* ================================== */

/* MessagePage inner controls styles */
.sapMMessagePage {

	.sapMMessagePageInner {

		.sapMMessagePageIcon.sapUiIcon::before {
			color: fade(@sapUiContentNonInteractiveIconColor,50);
		}
	}

	.sapMMessagePageMainText {
		margin: 1rem 0;
	}

	.sapMMessagePageDescription {
		margin-top: 0;
		margin-bottom: 2rem;

		&:empty {
			margin-bottom: 0;
		}

		.sapMLnk {
			font-size: var(--sapFontHeader5Size);
		}
	}

	.sapMMessagePageButtonsWrapper {
		margin: 0;
	}
}
/* END "MessagePage.less" */

/* START "MessageView.less" */
/* ================================== */
/* CSS for control sap.m/MessageView  */
/* Quartz High Contrast White theme   */
/* ================================== */

@_sap_m_MessageView_DescIcon_Width: 1rem;

.sapMMsgView {

	.sapMMsgViewDetailsPage section {
		padding: 1rem;
	}

	.sapMMsgViewItem {
		padding-left: 0;

		&.sapMSLIWithDescription {
			padding-top: 0.5rem;
			padding-bottom: 0.5rem;
		}
	}

	.sapMSLITitleOnly {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}

	.sapMSLITitle {
		color: var(--sapGroup_TitleTextColor);
	}

	.sapMSLIDescription {
		color: var(--sapContent_LabelColor);
	}

	.sapMMsgViewDescriptionText {
		padding-bottom: 0;
		margin: 0 0 1rem 2.5rem;
		line-height: 1.4;
		font-family: var(--sapFontFamily);
		color: var(--sapTextColor);
	}

	.sapMMsgViewTitleText {
		margin: 0 0 1rem 2.5rem;
	}

	.sapMMsgViewDescriptionLink {
		margin: 0 0 1rem 2.5rem;
		font-family: var(--sapFontFamily);
		font-size: @sapMFontMediumSize;
		font-weight: normal;
		color: var(--sapLinkColor);
	}

	.sapMSLIWithDescription > .sapMLIBContent > .sapMSLIDiv > .sapMSLIDescription {
		margin-top: 0.25rem;
	}

	.sapMIBar .sapMBarChild {
		margin-left: 0;
		margin-right: 0;
	}
}

.sapMMsgView .sapMIBar.sapMHeader-CTX {
	background-color: var(--sapGroup_ContentBackground);
	padding: 0 1rem;
}

.sapMMsgViewDescIcon {
	margin: 0 1rem 0 1.5rem;
	font-size: 1rem;
	top: 1.125rem;
}

.sapMMsgViewItem .sapMSLIImgIcon {
	font-size: 1rem;
}

.sapMMsgView .sapMSegBBtn .sapMBtnCustomIcon {
	font-size: 1rem;
}

/* Compact size */
.sapUiSizeCompact .sapMMsgView {

	.sapMMsgViewDescIcon {
		line-height: 1rem;
	}
}
/* END "MessageView.less" */

/* START "MessageStrip.less" */
/* =================================== */
/* CSS for control sap.m/MessageStrip  */
/* Quartz High Contrast White theme    */
/* =================================== */

.sapMMsgStripCloseButton {
	top: -0.4375rem;
}

.sapUiSizeCompact .sapMMsgStripCloseButton {
	top: -0.0625rem;
}

.sapMMsgStripInformation {
	background-color: var(--sapInformationBackground);
	border-color: var(--sapInformationBorderColor);
	color: var(--sapTextColor);

	& .sapMMsgStripIcon {
		color: var(--sapInformativeElementColor);
	}
}
/* END "MessageStrip.less" */

/* START "MultiComboBox.less" */
/* ==================================== */
/* CSS for control sap.m/MultiComboBox  */
/* Quartz High Contrast White theme     */
/* ==================================== */

.sapMMultiComboBoxPicker .sapMFocusable:focus {
	outline-offset: -0.1875rem;
}

.sapMMultiComboBoxSelectAll.sapMTB.sapMIBar.sapMMultiComboBoxSelectAllFocused {
	outline-offset: -0.1875rem;
}
/* END "MultiComboBox.less" */

/* START "NotificationListGroup.less" */
/* =========================================== */
/* CSS for control sap.m/NotificationListGroup  */
/* Quartz High Contrast White theme            */
/* =========================================== */

@_sap_m_NotificationListGroup_Background: var(--sapList_GroupHeaderBackground);
/* END "NotificationListGroup.less" */

/* START "ObjectAttribute.less" */
/* ====================================== */
/* CSS for control sap.m/ObjectAttribute  */
/* Quartz High Contrast White theme       */
/* ====================================== */

@_sap_m_ObjectAttribute_ListTextShadowColor: none;

.sapMListTbl .sapMObjectAttributeActive .sapMText,
.sapMObjectAttributeActive .sapMText,
.sapMObjectAttributeActive .sapMObjectAttributeText {
	text-decoration: underline;
}

.sapMObjectAttributeActive .sapMObjectAttributeText:focus {
	position: relative;
}

.sapMObjectAttributeActive .sapMObjectAttributeText:focus::after {
	pointer-events: none;
	display: block;
	content: '';
	position: absolute;
	top: 2px;
	left: 1px;
	bottom: 2px;
	right: 1px;
	outline: 2px dotted var(--sapContent_FocusColor);
}

.sapMObjectAttributeActive .sapMObjectAttributeText:focus {
	text-decoration: none;
}

.sapMObjectAttributeActive .sapMObjectAttributeText:active,
.sapMObjectAttributeActive .sapMObjectAttributeText:hover {
	text-decoration: none;
	color: var(--sapLink_Hover_Color);
}

/*=========================================== */
/* Custom design for Responsive Object Header */
/*=========================================== */

.sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:active,
.sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:hover,
.sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:focus {
	text-decoration: none;
	color: var(--sapLink_Hover_Color);
}

/*=========================================== */
/* Custom design for Static Object Header     */
/*=========================================== */

.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:active,
.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:hover {
	text-decoration: none;
	color: var(--sapLink_Hover_Color);
}

.sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText,
.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText {
	text-shadow: @_sap_m_ObjectAttribute_ListTextShadowColor;
}
/* END "ObjectAttribute.less" */

/* START "ObjectHeader.less" */
/* =================================== */
/* CSS for control sap.m/ObjectHeader  */
/* Quartz High Contrast White theme    */
/* =================================== */

.sapMOH.sapMOHBgTranslucent,
.sapMOHC.sapMOHBgTranslucent,
.sapMOH.sapMOHBgSolid,
.sapMOHC.sapMOHBgSolid {
	background-color: var(--sapObjectHeader_Background);
	border-bottom: 0.125rem solid var(--sapObjectHeader_BorderColor);
}

.sapMOHC.sapMOHBgTranslucent,
.sapMOHC.sapMOHBgSolid {
	border: none;
	box-shadow: none;
}

.sapMOH.sapMOHBgTransparent,
.sapMOHC.sapMOHBgTransparent {
	background: transparent;
	border-bottom: 0.125rem solid var(--sapObjectHeader_BorderColor);
}

a.sapMOHTitle.sapMOHTitleActive:hover > h1 .sapMText {
	text-decoration: underline;
}

.sapMOHTitleArrow > .sapUiIcon {
	outline-offset: -1px;
}

.sapMOHTitle.sapMOHTitleActive:focus {
	outline: none;
}

.sapMOHTitle.sapMOHTitleActive:focus > h1 span,
.sapMOHTitle.sapMOHTitleActive:focus > h2 span,
.sapMOHTitle.sapMOHTitleActive:focus > h3 span,
.sapMOHTitle.sapMOHTitleActive:focus > h4 span,
.sapMOHTitle.sapMOHTitleActive:focus > h5 span,
.sapMOHTitle.sapMOHTitleActive:focus > h6 span,
.sapMOHIcon.sapMPointer .sapUiIcon.sapUiIconPointer:focus,
.sapMOHTitleArrow .sapUiIcon:focus {
	outline: 0.125rem dotted var(--sapContent_FocusColor);
	outline-offset: -0.125rem;
}

/* styles for responsive object header */
.sapMOHR:not(.sapMOHRNoBorder) {
	box-shadow: @sapUiShadowHeader;
}

.sapMOHR.sapMOHRBgSolid,
.sapMOHR.sapMOHRBgTranslucent {
	background: var(--sapObjectHeader_Background);
}

.sapMOHR.sapMOHRBgTransparent {
	background: transparent;
}

.sapMOHRTitleArrow .sapUiIcon:focus {
	outline: 1px dotted var(--sapContent_FocusColor);
	outline-offset: -1px;
}

.sapMOHRIcon.sapMPointer .sapUiIcon.sapUiIconPointer:focus {

	&::before {
		outline: 1px dotted var(--sapContent_FocusColor);
	}
}

.sapMOHRTitleActive .sapMOHRTitleText:focus {
	outline: 1px dotted var(--sapContent_FocusColor);
	outline-offset: -1px;
}

.sapMOHAttrRow .sapMObjStatus {
	margin: 4px 1px;
}
/* END "ObjectHeader.less" */

/* START "ObjectListItem.less" */
/* ===================================== */
/* CSS for control sap.m/ObjectListItem  */
/* Quartz High Contrast White theme      */
/* ===================================== */

.sapMLIBSelected .sapMObjectNumberText,
.sapMLIBSelected .sapMObjectNumberUnit,
.sapMLIBHoverable:hover .sapMObjectNumberText,
.sapMLIBHoverable:hover .sapMObjectNumberUnit {
	color: var(--sapList_Active_TextColor);
	text-shadow: none;
}
/* END "ObjectListItem.less" */

/* START "ObjectMarker.less" */
/* =================================== */
/* CSS for control sap.m/ObjectMarker  */
/* Quartz High Contrast White theme    */
/* =================================== */

@_sap_m_ObjectMarker_LinkShadowColor: none;

.sapMObjectMarker .sapMLnk {
	text-shadow: @_sap_m_ObjectMarker_LinkShadowColor;
}

.sapMObjectMarkerActiveIconOnly:focus {
	outline-offset: 2px;
}

/* END "ObjectMarker.less" */

/* START "ObjectNumber.less" */
/* =================================== */
/* CSS for control sap.m/ObjectNumber  */
/* Quartz High Contrast White theme    */
/* =================================== */

@sapMONInformativeElement: var(--sapInformationBackground);

.sapMObjectNumberInverted {
	box-sizing: border-box;

	&:not(.sapMObjectNumberLarge) .sapMObjectNumberInner {
		height: 0.875rem;
		line-height: 0.75rem;
	}

	.sapMObjectNumberText,
	.sapMObjectNumberUnit {
		vertical-align: middle;
		line-height: 0.875rem;
	}
}

.sapMObjectNumberInverted .sapMObjectNumberInner {
	background-color: var(--sapBackgroundColor);
	border-width: 0.0625rem;
	border-style: solid;
}

html.sap-desktop .sapMObjectNumberActive:focus {

	.sapMObjectNumberInner::after {
		top: 0;
		left: 1px;
		bottom: -1px;
		right: 1px;
		outline: 2px dotted var(--sapContent_FocusColor);
	}

	&.sapMObjectNumberInverted .sapMObjectNumberInner::after {
		top: -2px;
		left: 1px;
		bottom: -2px;
		right: 1px;
		outline: 2px dotted var(--sapContent_FocusColor);
	}

	&.sapMObjectNumberLarge {

		.sapMObjectNumberInner::after {
			top: 1px;
			left: 1px;
			bottom: 1px;
			right: 1px;
		}

		&.sapMObjectNumberInverted .sapMObjectNumberInner::after {
			top: 3px;
			left: 3px;
			bottom: 3px;
			right: 3px;
			outline: 2px dotted var(--sapContent_ContrastFocusColor);
		}
	}
}
/* END "ObjectNumber.less" */

/* START "ObjectStatus.less" */
/* =================================== */
/* CSS for control sap.m/ObjectStatus  */
/* Quartz High Contrast White theme    */
/* =================================== */

/* HCB theme specific styles */
.sapMLIBHoverable:not(.sapMLIBSelected):hover + .sapMListTblSubRow,
.sapMListTblSubRow:hover,
.sapMPopinHovered,
.sapMLIBSelected,
.sapMLIBSelected + .sapMListTblSubRow,
.sapMLIBActionable.sapMLIB:hover,
.sapUiTableRowSel,
.sapUiTableRowHvr {

	.sapMObjStatusNone .sapMObjStatusText,
	.sapMObjStatusNone .sapMObjStatusIcon,
	.sapMObjStatusError .sapMObjStatusText,
	.sapMObjStatusError .sapMObjStatusIcon,
	.sapMObjStatusWarning .sapMObjStatusText,
	.sapMObjStatusWarning .sapMObjStatusIcon,
	.sapMObjStatusSuccess .sapMObjStatusText,
	.sapMObjStatusSuccess .sapMObjStatusIcon,
	.sapMObjStatusInformation .sapMObjStatusText,
	.sapMObjStatusInformation .sapMObjStatusIcon {
		color: var(--sapList_TextColor);
		text-shadow: none;
	}
}

.sapMObjStatus:not(.sapMObjStatusInverted).sapMObjStatusActive .sapMObjStatusIcon:only-child > .sapUiIcon,
.sapMObjStatus:not(.sapMObjStatusInverted).sapMObjStatusActive .sapMObjStatusLink .sapMObjStatusText {
	text-decoration: underline;
}

.sapMObjStatus:not(.sapMObjStatusInverted).sapMObjStatusActive:hover .sapMObjStatusIcon:only-child > .sapUiIcon,
.sapMObjStatus:not(.sapMObjStatusInverted).sapMObjStatusActive:hover .sapMObjStatusLink .sapMObjStatusText,
.sapMObjStatus:not(.sapMObjStatusInverted).sapMObjStatusActive:focus .sapMObjStatusLink .sapMObjStatusText,
.sapMObjStatus:not(.sapMObjStatusInverted).sapMObjStatusActive:focus .sapMObjStatusIcon:only-child > .sapUiIcon {
	text-decoration: none;
}

.sapMObjStatus:not(.sapMObjStatusInverted) .sapMObjStatusIcon {
	height: 1rem;
}

.sapMObjStatusNone:not(.sapMObjStatusInverted) {

	.sapUxAPObjectPageContainer &,
	.sapUxAPObjectPageHeaderContentItem &,
	&.sapUxAPObjectPageHeaderContentItem,
	.sapUxAPObjectPageHeaderDetails .sapFDynamicPageHeaderContent & {

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

.sapUxAPObjectPageHeaderContentItem.sapMObjStatus:not(.sapMObjStatusInverted) .sapMObjStatusIcon {
	height:  1.2rem;
}

.sapMObjStatusInverted {

	.sapMObjStatusText,
	.sapMObjStatusIcon {
		line-height: 0.875rem;
		min-height: 0.875rem;
	}

	.sapMObjStatusLink {
		line-height: 0.875rem;
	}

	.sapMObjStatusIcon > .sapUiIcon {
		vertical-align: middle;
		line-height: 0.75rem;
	}

	&.sapMObjStatusActive .sapMObjStatusIcon > .sapUiIcon {
		vertical-align: middle;
		line-height: 0.75rem;
	}
}

.sapMObjStatusIcon > .sapUiIcon {
	line-height: 0.875rem;
}

.sapUiTableCell {

	.sapMObjStatusIcon.sapMObjStatusIconOnly > .sapUiIcon {
		line-height: 1rem;
	}
}

.sapMObjectStatusLarge {

	.sapMObjStatusTitle,
	.sapMObjStatusText,
	.sapMObjStatusIcon {
		font-size: 1.5rem;
		line-height: 2rem;
		min-height: 2rem;
		max-height: 2rem;
	}

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

.sapMObjStatusInverted {
	box-sizing: border-box;
}

.sapMObjStatusInverted .sapMObjStatusWrapper {
	border: 0.0625rem solid var(--sapContent_ForegroundBorderColor);
	border-radius: var(--sapElement_BorderCornerRadius);
}

.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusWrapper {
	background-color: var(--sapBackgroundColor);
	border: 0.0625rem solid var(--sapButton_Negative_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: var(--sapButton_Negative_Hover_Background);
	border: 0.0625rem solid var(--sapButton_Negative_Hover_BorderColor);
}

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

.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusWrapper {
	background-color: var(--sapBackgroundColor);
	border: 0.0625rem solid var(--sapButton_Critical_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	border: 0.0625rem solid var(--sapButton_Critical_Hover_BorderColor);
	background-color: var(--sapButton_Critical_Hover_Background);
}

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

.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusWrapper {
	background-color: var(--sapBackgroundColor);
	border: 0.0625rem solid var(--sapButton_Success_BorderColor);
}

.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	background-color: var(--sapButton_Success_Hover_Background);
	border: 0.0625rem solid var(--sapButton_Success_Hover_BorderColor);
}

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

.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusWrapper {
	background-color: var(--sapInformationBackground);
	border: 0.0625rem solid var(--sapContent_ForegroundBorderColor);
}

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

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

.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusWrapper {
	border: 0.0625rem solid var(--sapButton_Neutral_BorderColor);
	background-color: var(--sapBackgroundColor);
}

.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
	border: 0.0625rem solid var(--sapButton_Neutral_Hover_BorderColor);
	background-color: var(--sapButton_Neutral_Hover_Background);
}

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

.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusWrapper,
.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusWrapper,
.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusWrapper,
.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusWrapper,
.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusWrapper,
.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusWrapper,
.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusWrapper,
.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusWrapper,
.sapMObjStatusInverted.sapMObjStatusIndication09 .sapMObjStatusWrapper,
.sapMObjStatusInverted.sapMObjStatusIndication10 .sapMObjStatusWrapper {
	background-color: var(--sapBackgroundColor);
	border: 0.0625rem solid var(--sapContent_ForegroundBorderColor);
}

.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusIcon,
.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusIcon,
.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusIcon,
.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusIcon,
.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusIcon,
.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusIcon,
.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusIcon,
.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusIcon,
.sapMObjStatusInverted.sapMObjStatusIndication09 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication09 .sapMObjStatusIcon,
.sapMObjStatusInverted.sapMObjStatusIndication10 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication10 .sapMObjStatusIcon,
.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusIcon,
.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusIcon,
.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusIcon,
.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusIcon,
.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusIcon,
.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusIcon,
.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusIcon,
.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusIcon,
.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusIcon,
.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusIcon {
	color: var(--sapTextColor);
}

.sapMObjStatusInverted .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted .sapMObjStatusLink:active .sapMObjStatusIcon {
	text-shadow: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink::after {
	top: 0.125rem;
	left: 0.125rem;
	bottom: 0.0625rem;
	right: 0.125rem;
	outline: 0.125rem dotted var(--sapContent_FocusColor);
}

.sapMObjectStatusLarge.sapMObjStatusInverted {

	.sapMObjStatusIcon > .sapUiIcon {
		vertical-align: top;
		font-size: 1.25rem;
		padding-left: 0;
		padding-right: 0;
	}

	.sapMObjStatusIcon:not(.sapMObjStatusIconOnly) {
		padding-left: 0;
		padding-right: 0;
	}
}

html.sap-desktop .sapMObjStatusActive:focus {

	.sapMObjStatusLink::after {
		top: -1px;
		left: 1px;
		bottom: -1px;
		right: 1px;
		outline: 2px dotted var(--sapContent_FocusColor);
	}

	&.sapMObjStatusInverted .sapMObjStatusLink::after {
		top: -1px;
		left: 2px;
		bottom: -1px;
		right: 2px;

		.sapMObjStatusIcon > .sapUiIcon {
			line-height: 0.875rem;
		}
	}

	&.sapMObjectStatusLarge {

		.sapMObjStatusLink::after {
			top: 1px;
			left: 2px;
			bottom: 1px;
			right: 2px;
		}

		&.sapMObjStatusInverted .sapMObjStatusLink::after {
			top: 4px;
			left: 4px;
			bottom: 4px;
			right: 4px;
			outline: 2px dotted var(--sapContent_ContrastFocusColor);
		}
	}
}

.sapMListTbl .sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon:not(.sapMBtnIcon) {
	vertical-align: middle;
}

.sapMListTblCell {

	.sapMObjStatus.sapMObjStatusInverted {

		.sapMObjStatusIcon {
			vertical-align: middle;
		}

		.sapMObjStatusText {
			line-height: 0.875rem;
		}
	}
}
/* END "ObjectStatus.less" */

/* START "OverflowToolbarAssociativePopover.less" */
/* ======================================================== */
/* CSS for control sap.m/OverflowToolbarAssociativePopover  */
/* Quartz High Contrast White theme                         */
/* ======================================================== */

html.sap-phone {

	.sapMOTAPopover {

		&.sapMOTAPopoverNoShadowTop {
			border-radius: 0 0 0.25rem 0.25rem;
		}

		&.sapMOTAPopoverNoShadowBottom {
			border-radius: 0.25rem 0.25rem 0 0;
		}
	}
}
/* END "OverflowToolbarAssociativePopover.less" */

/* START "Page.less" */
/* ================================= */
/* CSS for control sap.m/Page        */
/* Quartz High Contrast White theme  */
/* ================================= */

.sapMPage .sapMPageHeader:not(.sapMIBar-CTX),
.sapMPageWithSubHeader .sapMPageSubHeader:not(.sapMIBar-CTX) {
	position: relative;
	border-bottom: none;
	box-shadow: none;

	.sapMIBar-CTX {
		position: relative;
		z-index: 2;
	}

	&::after {
		content: '';
		position: absolute;
		height: 1px;
		bottom: 0;
		width: 100%;
		box-shadow: inset 0 -0.0625rem var(--sapPageHeader_BorderColor), 0 0 0.25rem 0 fade(@sapUiContentShadowColor, 15);
		z-index: 1;
	}
}

.sapMPageWithHeader.sapMPageWithSubHeader {

	.sapMPageHeader {
		box-shadow: none;

		&::after {
			box-shadow: none;
		}
	}
}

.sapMPageBgStandard {
	background-color: var(--sapBackgroundColor);
}

.sapMPageBgSolid {
	background-color: var(--sapBackgroundColor);
}

.sapMPageBgTransperant {
	background-color: var(--sapBackgroundColor);
}

.sapMPageBgList {
	background-color: var(--sapGroup_ContentBackground);
}

/* The following overrides for sap_belize/sap_belize_plus are only intended for apps inside FLP (Ushell) */
.sapUshellShell {

	/* In sap_belize_plus backgroundDesign=Standard maps to Solid */
	.sapMPageBgStandard {
		background-color: var(--sapBackgroundColor);
	}

	/* For the pages in the master part of sap.m.SplitApp backgroundDesign=Standard maps to Transparent */
	.sapMSplitContainerMaster .sapMPageBgStandard {
		background-color: transparent;
		background-image: none;
	}

	/* Hack - temporary - this is the FLP change*/
	#sapUshellDashboardPage {
		background-color: transparent !important;
		background-image: none !important;
	}
}

.sapMPageWithFloatingFooter .sapMPageFloatingFooter {
	opacity: 1;

	.sapMIBar-CTX.sapMFooter-CTX {
		box-shadow: var(--sapContent_Shadow1);
		border: none;
	}
}

html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {

	@keyframes bounceShow {

		0% {
			transform: translateY(100%);
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}

	@keyframes bounceHide {

		0% {
			transform: translateY(-5%);
			opacity: 1;
		}

		100% {
			transform: translateY(100%);
			opacity: 0;
		}
	}
}

.sapMPage.sapF2CollapsedHeader > .sapMPageHeader {

	& + section,
	& + .sapUiHiddenPlaceholder + section {
		top: 0;
	}

	& + .sapMPageSubHeader + section {
		top: 2.75rem;
	}
}

.sapMPage.sapF2CollapsedHeader > .sapMPageHeader {

	& + section,
	& + .sapUiHiddenPlaceholder + section {
		top: 0;
	}

	& + .sapMPageSubHeader + section {
		top: 2.75rem;
	}
}

/* page with footer */
.sapMPageWithFooter > section {
	bottom: 2.75rem;
}

.sapMPage {

	> .sapMPageHeader + section,
	> .sapMPageSubHeader + section,
	> .sapMPageHeader + .sapUiHiddenPlaceholder + section {
		top: 2.75rem;
	}

	> .sapMPageHeader + .sapMPageSubHeader + section {
		top: 5.5rem;
	}

	> .sapMPageHeader + .sapMPageSubHeader.sapMPageSubHeaderInfoBar + section {
		top: 4.75rem;
	}
}

.sapUiSizeCompact .sapF2CollapsedHeader.sapMPageWithHeader {

	> section {
		top: 0;
	}

	&.sapMPageWithSubHeader > section {
		top: 2rem;
	}
}

.sapMPageWithHeader {
	.sapMPageHeader:has(.sapFShellBar) + section,
	.sapMPageHeader:has([ui5-shellbar]) + section {
		top: 2.75rem;
	}

	&.sapMPageWithSubHeader .sapMPageSubHeader:has(.sapFShellBar) + section,
	&.sapMPageWithSubHeader .sapMPageSubHeader:has([ui5-shellbar]) + section {
		top: 5.5rem;
	}
}

.sapMPageHeader,
.sapMPageSubHeader,
.sapMPageFooter {

	.sapUi-Std-PaddingS,
	.sapUi-Std-PaddingM,
	.sapUi-Std-PaddingL,
	.sapUi-Std-PaddingXL {

		&.sapMBar {
			box-sizing: border-box;

			.sapMBarLeft {
				padding-left: inherit;
			}

			.sapMBarRight {
				padding-right: inherit;
			}
		}
	}
}

.sapUi-Std-PaddingS,
.sapUi-Std-PaddingM,
.sapUi-Std-PaddingL,
.sapUi-Std-PaddingXL {

	&.sapMPageFloatingFooter.sapMPageFooter {
		margin: 0.5rem 0;
		width: auto;
	}
}

/* Compact size */
.sapUiSizeCompact {
	/* Header and footer have 2.5 rem */
	.sapMPageWithHeader > section {
		top: 2.5rem;
	}

	.sapMPageWithFooter > section {
		bottom: 2.5rem;
	}

	/* Subheader only 2 rem */
	.sapMPageWithSubHeader > section {
		top: 2rem;
	}

	.sapMPageWithHeader {
		.sapMPageHeader:has(.sapFShellBar) + section,
		.sapMPageHeader:has([ui5-shellbar]) + section {
			top: 2.75rem;
		}

		&.sapMPageWithSubHeader .sapMPageSubHeader:has(.sapFShellBar) + section,
		&.sapMPageWithSubHeader .sapMPageSubHeader:has([ui5-shellbar]) + section {
			top: 5.25rem;
		}
	}
}

/* END "Page.less" */

/* START "Panel.less" */
/* ================================= */
/* CSS for control sap.m/Panel       */
/* Quartz High Contrast White theme  */
/* ================================= */

.sapMPanel {
	min-height: 2.5rem;
}

.sapMPanelBGSolid {
	background-color: var(--sapBackgroundColor);
}

.sapMPanelBGTranslucent {
	/* In order to avoid over-styling, we need to change the default behavior to transparent for belize.
	We cannot change it via the design property, because this change will be backward incompatible.*/
	background-color: var(--sapBackgroundColor);
}

.sapMPanelBGTransparent {
	background-color: var(--sapBackgroundColor);
}

/* if Panel is not expandable, we do wish header to come with own border */
.sapMPanel .sapMPanelHeadingDiv > .sapMPanelHdr,
/* notice: sapMPanelWrappingDiv is available if Panel is expandable */
.sapMPanelWrappingDiv,
/* do not want border if expanded and if only header text */
.sapMPanelWrappingDivTb {
	border-bottom: 0.0625rem solid var(--sapGroup_TitleBorderColor);
}

.sapMPanelContent:not(.sapMPanelBGTransparent) {
	border-bottom: 0.0625rem solid var(--sapGroup_TitleBorderColor);
}

.sapMPanel .sapMPanelHdr {
	line-height: 2.75rem;
	height: 2.75rem;
}
/* END "Panel.less" */

/* START "PlanningCalendar.less" */
/* ======================================= */
/* CSS for control sap.m/PlanningCalendar  */
/* Quartz High Contrast White theme        */
/* ======================================= */

/* show every second row in an other color */
.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr.sapMLIB:nth-child(even):not(.sapMListTblSubRow),
.sapMSize0.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr.sapMLIB:nth-child(4n+3),
.sapMSize1.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr.sapMLIB:nth-child(4n+3),
.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr.sapMListTblSubRow:nth-child(4n) {
	background-color: var(--sapList_AlternatingBackground);
}

.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(even):not(.sapMListTblSubRow).sapMLIBHoverable:hover,
.sapMSize0.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBHoverable:hover,
.sapMSize0.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBHoverable:hover + .sapMListTblSubRow,
.sapMSize1.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBHoverable:hover,
.sapMSize1.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBHoverable:hover + .sapMListTblSubRow,
.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr.sapMListTblSubRow:nth-child(4n).sapMLIBHoverable:hover {
	background-color: var(--sapList_Hover_Background);
}

.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(even):not(.sapMListTblSubRow).sapMLIBSelected,
.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:not(.sapMListTblSubRow).sapMLIBSelected,
.sapMSize0.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBSelected,
.sapMSize0.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBSelected + .sapMListTblSubRow,
.sapMSize1.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBSelected,
.sapMSize1.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBSelected + .sapMListTblSubRow,
.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr.sapMListTblSubRow:nth-child(4n).sapMLIBSelected {
	background-color: var(--sapList_SelectionBackgroundColor);
}

.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(even):not(.sapMListTblSubRow).sapMLIBSelected.sapMLIBHoverable:hover,
.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:not(.sapMListTblSubRow).sapMLIBSelected.sapMLIBHoverable:hover,
.sapMSize0.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBSelected.sapMLIBHoverable:hover,
.sapMSize0.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBSelected.sapMLIBHoverable:hover + .sapMListTblSubRow,
.sapMSize1.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBSelected.sapMLIBHoverable:hover,
.sapMSize1.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBSelected.sapMLIBHoverable:hover + .sapMListTblSubRow,
.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr.sapMListTblSubRow:nth-child(4n).sapMLIBSelected.sapMLIBHoverable:hover {
	background-color: @sapUiListSelectionHoverBackground;
}

/* Calendar overstyling */

html.sap-desktop .sapMPlanCal .sapUiCalItem:not(.sapUiCalItemSel):hover {
	background-color: var(--sapList_Hover_Background);
}

html.sap-desktop .sapMPlanCal .sapUiCalItemWeekEnd:not(.sapUiCalItemSel):hover {
	background-color: var(--sapList_Hover_Background);
}

html.sap-desktop .sapMPlanCal .sapUiCalItemOtherMonth:not(.sapUiCalItemSel):hover {
	background-color: var(--sapList_AlternatingBackground);
}

.sapMPlanCal .sapMPlanCalRowHead .sapMSLIImg {
	border-radius: 0.25rem;
	height: auto;
	width: 3rem;
	line-height: 3rem;
}

.sapMPlanCal .sapMListTbl .sapMSLIImgIcon.sapUiIcon:not(.sapMBtnIcon) {
	border-radius: 0.25rem;
	background-color: var(--sapAccentColor7);
	color: var(--sapContent_ContrastTextColor);
	font-size: var(--sapFontHeader4Size);
}

.sapMPlanCalRowHead .sapMSLI,
.sapUiSizeCompact .sapMPlanCalRowHead .sapMSLI {
	height: auto;
}

.sapMPlanCal:not(.sapMPlanCalNoHead) > .sapMList > table > tbody > tr > td > .sapUiCalendarRow:not(.sapMPlanCalRowLarge) > .sapUiCalendarRowApps {
	min-height: 5rem;
}
/* END "PlanningCalendar.less" */

/* START "Popover.less" */
/* ================================= */
/* CSS for control sap.m/Popover     */
/* Quartz High Contrast White theme  */
/* ================================= */

@_sap_m_Popover_ThickShadowSize: 0.125rem;

.sapMPopoverArr::after {
	border-style: solid;
	border-width: 2px;
}

.sapMPopoverWithBar > .sapMPopoverArr.sapMPopoverArrUp::after {
	background-color: var(--sapPageHeader_Background);
}

.sapUiSizeCompact {

	.sapMPopoverFooter,
	.sapMPopoverHeader {

		.sapMIBar,
		.sapMBar {
			height: 2.5rem;

			& > .sapMBarLeft,
			& > .sapMBarRight {
				height: 2.5rem;
				line-height: 2.5rem;

				.sapMBtn {
					vertical-align: middle;
				}
			}

			& > .sapMBarMiddle .sapMBarPH {
				height: 2.5rem;
				line-height: 2.5rem;

				.sapMBtn {
					vertical-align: middle;
				}
			}
		}
	}
}

.sapMPopoverHeader,
.sapMPopoverFooter,
.sapMPopoverSubHeader {

	.sapUi-Std-PaddingS,
	.sapUi-Std-PaddingM,
	.sapUi-Std-PaddingL,
	.sapUi-Std-PaddingXL {

		&.sapMBar {

			.sapMBarMiddle .sapMBarPH {
				padding-left: 0;
				padding-right: 0;
			}

			.sapMBarLeft {
				padding-left: inherit;

				.sapMBarChild {
					padding-right: 0.5rem;
				}
			}

			.sapMBarRight {
				padding-right: inherit;

				.sapMBarChild {
					padding-left: 0.5rem;
				}
			}
		}
	}
}

.sapMPopoverHeader,
.sapMPopoverSubHeader {
	position: relative;
	z-index: 2;

	.sapMBar {

		.sapMBarContainer {
			padding-left: 0;
			padding-right: 0;
		}

		.sapMBarLeft {
			padding-left: 1rem;
		}

		.sapMBarMiddle .sapMBarContainer {
			padding: 0 1rem;
		}

		.sapMBarRight {
			padding-right: 1rem;
		}
	}
}

/* pointing downward arrow */
.sapMPopoverArrDown::after {
	margin: -0.625rem 0 0 0.125rem;
}

/* pointing right arrow */
.sapMPopoverArrRight::after {
	margin: 0.1875rem 0 0 -0.625rem;
}

/* pointing left arrow */
.sapMPopoverArrLeft::after {
	margin: 0.125rem 0 0 0.1875rem;
}
/* END "Popover.less" */

/* START "ProgressIndicator.less" */
/* ======================================== */
/* CSS for control sap.m/ProgressIndicator  */
/* Quartz High Contrast White theme         */
/* ======================================== */

.sapMPIBarNeutral {
	background: var(--sapHighlightColor);
	box-sizing: border-box;
	border: 1px solid var(--sapField_BorderColor);
}

.sapMPIBarPositive {
	background: var(--sapHighlightColor);
	box-sizing: border-box;
	border: 1px solid var(--sapField_BorderColor);
}

.sapMPIBarNegative {
	background: var(--sapHighlightColor);
	box-sizing: border-box;
	border: 1px solid var(--sapField_BorderColor);
}

.sapMPIBarCritical {
	background: var(--sapHighlightColor);
	box-sizing: border-box;
	border: 1px solid var(--sapField_BorderColor);
}

.sapMPIBarInformation {
	background: var(--sapHighlightColor);
	box-sizing: border-box;
	border: 1px solid var(--sapField_BorderColor);
}

/* HCB Additional Styles */
.sapMPIText::before {
	font-family: var(--sapContent_IconFontFamily);
	font-size: 0.875rem;
	margin-right: 0.375rem;
	vertical-align: bottom;
}

.sapMPIDisplayOnly .sapMPIText::before {
	font-size: 0.6875rem;
	vertical-align: top;
}

.sapMPIDisplayOnly:not(.sapMPIBarDisabled) .sapMPIBarNeutral {
	background: var(--sapHighlightColor);
}

.sapMPITextLeft::before {
	margin-left: 0.25rem;
}

.sapMPIBarPositive > .sapMPITextLeft::before,
.sapMPIBarPositive + .sapMPIBarRemaining > .sapMPITextRight::before {
	content: '\e1c1';
}

.sapMPIBarNegative > .sapMPITextLeft::before,
.sapMPIBarNegative + .sapMPIBarRemaining > .sapMPITextRight::before {
	content: '\e1ec';
}

.sapMPIBarCritical > .sapMPITextLeft::before,
.sapMPIBarCritical + .sapMPIBarRemaining > .sapMPITextRight::before {
	content: '\e053';
}

.sapMPIBarInformation > .sapMPITextLeft::before,
.sapMPIBarInformation + .sapMPIBarRemaining > .sapMPITextRight::before {
	content: '\e289';
}

.sapMPIBarPositive + .sapMPIBarRemaining > .sapMPITextRight::before,
.sapMPIBarNegative + .sapMPIBarRemaining > .sapMPITextRight::before,
.sapMPIBarCritical + .sapMPIBarRemaining > .sapMPITextRight::before,
.sapMPIBarInformation + .sapMPIBarRemaining > .sapMPITextRight::before {
	color: var(--sapContent_ForegroundTextColor);
}

.sapMPIBarDisabled {
	opacity: 1;
	border-color: @sapUiHcReducedForeground;

	.sapMPIText.sapMPITextLeft,
	.sapMPITextRight,
	.sapMPIBarRemaining > .sapMPITextRight::before {
		color: var(--sapContent_DisabledTextColor);
	}

	.sapMPIBarNeutral,
	.sapMPIBarPositive,
	.sapMPIBarNegative,
	.sapMPIBarCritical,
	.sapMPIBarInformation  {
		background: @sapUiHcReducedBackground;
		border-color: @sapUiHcReducedForeground;
	}

	.sapMPIBarRemaining {
		border-color: @sapUiHcReducedForeground;
	}
}
.sapMPIValueMin >.sapMPIBar {
	border: none;
}

.sapMPI {
	height: 1rem;
	min-width: 4rem;

	&:not(.sapMPIDisplayOnly) {
		margin: 0.5rem 0;
	}
}

.sap-phone,
.sap-tablet:not(.sap-combi) {

	.sapMPI:not(.sapMPIDisplayOnly) {
		margin: 0.875rem 0;
	}
}
/* END "ProgressIndicator.less" */

/* START "PullToRefresh.less" */
/* ==================================== */
/* CSS for control sap.m/PullToRefresh  */
/* Quartz High Contrast White theme     */
/* ==================================== */

.sapMPullDownNontouch:focus {
	outline-width: 0.125rem;
}
/* END "PullToRefresh.less" */

/* START "QuickView.less" */
/* ================================= */
/* CSS for control sap.m/QuickView   */
/* Quartz High Contrast White theme  */
/* ================================= */

@_sap_m_QuickView_HorizontalLayoutMarginBottom: 1rem;
@_sap_m_QuickView_HorizontalLayoutIconFontSize: 1.5rem;
@_sap_m_QuickView_PagePaddingTop: 2.75rem;
@_sap_m_QuickViewCard_PagePadding: 1rem;

.sapMQuickViewCard {
	box-sizing: border-box;
	padding: 1rem;
	background: var(--sapGroup_ContentBackground);
	box-shadow: @sapUiShadowLevel0;
	border-radius: var(--sapElement_BorderCornerRadius);
}

.sapMQuickView .sapMPage .sapMPageHeader:not(.sapMIBar-CTX) .sapMIBar-CTX {
	z-index: 1;
}
/* END "QuickView.less" */

/* START "RadioButton.less" */
/* ================================== */
/* CSS for control sap.m/RadioButton  */
/* Quartz High Contrast White theme   */
/* ================================== */

.sapMRb {
	height: 2.75rem;

	.sapMRbBOut {
		stroke-width: 0.125rem;
	}

	&:not(.sapMRbErr):not(.sapMRbWarn) {

		.sapMRbBOut {
			stroke-width: var(--sapField_BorderWidth);
		}
	}
}

.sapMRb:focus {
	outline: none;
}

.sapMRb .sapMRbB {
	height: 2.75rem;
	line-height: 2.75rem;
	width: 2.75rem;
}

.sapMRb > .sapMRbBLabel {
	line-height: 2.75rem;
	height: 2.75rem;
}

.sapMRbSvg {
	margin: 0.6875rem;
}

.sapMRbHasLabel.sapMRb:focus::before {
	bottom: 0.5rem;
	top: 0.5rem;
	left: 0.5rem;
	right: 0;
}

/* Right to left */
.sapMRbG[dir=rtl] .sapMRbHasLabel.sapMRb:focus::before {
	left: 0;
	right: 0.5rem;
}

.sapMRbHasLabel .sapMRbB {
	width: 2.75rem;
}

/* Align RadioButton in Form with other controls */
.sapUiForm.sapUiFormEdit-CTX {

	.sapMRb > .sapMRbB {
		width: 2.1875rem;
	}
}

.sapUiSizeCompact {

	.sapMRbB {
		height:2rem;
		line-height: 2rem;
		width: 2rem;
	}

	.sapMRb > .sapMLabel {
		height: 2rem;
		line-height: 2rem;
	}

	.sapMRb:focus::before {
		bottom: 0.325rem;
		top: 0.325rem;
		left: 0.325rem;
		right: 0.325rem;
	}
}

.sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo):not(.sapMRbSucc) .sapMRbB.sapMRbHoverable:hover {

	.sapMRbSvg .sapMRbBOut {
		fill: var(--sapSelectedColor); /* contrast themes specific */
	}
}

.sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo):not(.sapMRbSucc) .sapMRbHoverable:hover .sapMRbBOut {
	stroke: var(--sapField_Hover_BorderColor);
	fill: var(--sapSelectedColor); /* contrast themes specific */
}

.sapMRb:focus::before {
	border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
	bottom: 0.5rem;
	top: 0.5rem;
	left: 0.5rem;
	right: 0.5rem;
}

.sapMLIBActive .sapMRbB .sapMRbBOut {
	border: 1px solid var(--sapList_Active_TextColor);
}

.sapMLIBActive .sapMRbSel .sapMRbBOut {
	background-color: var(--sapList_Active_Background);
}

.sapMRbDis {
	opacity: var(--sapContent_DisabledOpacity);
}

.sapMRbSel .sapMRbBInn {
	fill: var(--sapContent_IconColor); /* contrast themes specific */
}

/* Value states */
.sapMRbErr,
.sapMRbWarn,
.sapMRbInfo {

	.sapMRbB .sapMRbBOut {
		stroke-dasharray: 4; /* contrast themes specific */
	}
}

.sapMRbErr.sapMRbSel,
.sapMRbErr.sapMRbSel.sapMRbRo {

	.sapMRbBInn {
		fill: var(--sapField_InvalidColor);
		stroke: none;
	}
}

.sapMRbErr,
.sapMRbErr.sapMRbBTouched {

	.sapMRbB .sapMRbBOut {
		stroke: var(--sapField_InvalidColor);
		fill: var(--sapField_InvalidBackground);
	}
}

.sapMRbWarn.sapMRbSel,
.sapMRbWarn.sapMRbSel.sapMRbRo {

	.sapMRbBInn {
		fill: var(--sapField_TextColor);
		stroke: none;
	}
}

.sapMRbWarn,
.sapMRbWarn.sapMRbBTouched {

	.sapMRbB .sapMRbBOut {
		stroke: var(--sapField_WarningColor);
		fill: var(--sapField_WarningBackground);
	}
}

.sapMRbSucc.sapMRbSel,
.sapMRbSucc.sapMRbSel.sapMRbRo {

	.sapMRbBInn {
		fill: var(--sapField_SuccessColor);
		stroke: none;
	}
}

.sapMRbSucc,
.sapMRbSucc.sapMRbBTouched {

	.sapMRbB .sapMRbBOut {
		stroke: var(--sapField_SuccessColor);
		fill: var(--sapField_SuccessBackground);
	}
}

.sapMRbInfo.sapMRbSel,
.sapMRbInfo.sapMRbSel.sapMRbRo {

	.sapMRbBInn {
		fill: var(--sapField_InformationColor);
		stroke: none;
	}
}

.sapMRbInfo,
.sapMRbInfo.sapMRbBTouched {

	.sapMRbB .sapMRbBOut {
		stroke: var(--sapField_InformationColor);
		fill: var(--sapField_InformationBackground);
	}
}
/* END "RadioButton.less" */

/* START "RadioButtonGroup.less" */
/* ======================================= */
/* CSS for control sap.m/RadioButtonGroup  */
/* Quartz High Contrast White theme        */
/* ======================================= */

@_sap_m_RadioButtonGroup_WidthWithLabel: 2.75rem;
/* END "RadioButtonGroup.less" */

/* START "RangeSlider.less" */
/* ================================== */
/* CSS for control sap.m/RangeSlider  */
/* Quartz High Contrast White theme   */
/* ================================== */

/* overlap */
.sapMSliderHandle.sapMSliderHandleOverlap {
	border: 0.125rem solid darken(@sapUiFieldActiveBorderColor, 5);
}

.sapMRangeSlider.sapMSlider {

	.sapMSliderLabels {
		height: 1rem;

		.sapMSliderRangeLabel {
			width: 2rem;
			font-size: var(--sapFontSmallSize);
			color: var(--sapContent_LabelColor);
		}
	}

	.sapMSliderInner .sapMSliderHandle {
		background: transparent;
	}

	.sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle {

		&:hover {
			background-color: transparent;
			border-color: var(--sapButton_Hover_BorderColor);
		}

		&:active {
			background: transparent;
			border-color: var(--sapButton_Active_BorderColor);
		}

		&.sapMSliderHandlePressed {
			background: transparent;
			border-color: var(--sapButton_Active_BorderColor);
		}
	}

	.sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderProgress:hover ~ .sapMSliderHandle,
	.sapMSliderHandle:hover {
		background-color: transparent;
		border-color: var(--sapButton_Hover_BorderColor);
	}
}
/* END "RangeSlider.less" */

/* START "RatingIndicator.less" */
/* ====================================== */
/* CSS for control sap.m/RatingIndicator  */
/* Quartz High Contrast White theme       */
/* ====================================== */

.sapMRI {
	text-shadow: var(--sapContent_TextShadow);

	.sapMRISel,
	.sapMRIHov {
		color: var(--sapContent_RatedColor);
	}

	.sapMRIUnsel,
	&.sapMRIReadOnly .sapMRIUnsel,
	&.sapMRIDisplayOnly .sapMRIUnsel {
		color: var(--sapContent_UnratedColor);
	}

	&.sapMRIDisplayOnly {
		text-shadow: none;

		.sapMRIIconSel {
			color: var(--sapContent_IconColor);
		}
	}

	&.sapMRIDisabled {
		text-shadow: none;

		.sapMRIUnsel,
		.sapMRISel {
			color: var(--sapContent_DisabledTextColor);
		}
	}
}

/* Custom focus outline */
html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly) {
	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
	outline-offset: 0.0625rem;
}

.sapMRIIconSel,
.sapMRIIconUnsel,
.sapMRIIconHov,
.sapMRIIconReadOnly {
	font-size: 1.5rem;
}
/* END "RatingIndicator.less" */

/* START "ResponsivePopover.less" */
/* ======================================== */
/* CSS for control sap.m/ResponsivePopover  */
/* Quartz High Contrast White theme         */
/* ======================================== */

.sapMResponsivePopover.sapMDialog .sapMIBar.sapMPageHeader:before {
	border-top: none;
}

.sapMPopoverFooter .sapMTB .sapMBtn {
	min-width: 4rem;
}
/* END "ResponsivePopover.less" */

/* START "SearchField.less" */
/* ================================== */
/* CSS for control sap.m/SearchField  */
/* Quartz High Contrast White theme   */
/* ================================== */

// ==========================================================================
// Variables overriding
// ==========================================================================

@_sap_m_SearchField_Height: 2.75rem;
@_sap_m_SearchField_ButtonSize: 2.125rem;
@_sap_m_SearchField_ButtonFontSize: 1rem;
@_sap_m_SearchField_Compact_FormPaddingLeft: 0.5rem;
@_sap_m_SearchField_ResetIcon: '\e03e';
@_sap_m_SearchField_Border: 0.0625rem var(--sapField_BorderStyle) var(--sapField_BorderColor);

.sapMSFF {
	border-radius: var(--sapField_BorderCornerRadius);
}

.sapMSFDisabled {
	opacity: 0.5;
}

html.sap-desktop .sapMFocus > .sapMSFF::before {
	border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
	position: absolute;
	content: ' ';
	top: 1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
	z-index: 2;
	pointer-events: none;
}

/* custom buttons */
.sapMSFB:focus {
	outline: none;
}

.sapMBarChild > .sapMSFF > .sapMSFB {
	text-shadow: none;
}

.sapMFocus > .sapMSFF > .sapMSFB {
	color: var(--sapContent_ContrastIconColor); /* contrast themes specific */
}

.sapMSFB:hover {
	background-color: var(--sapButton_Lite_Hover_Background);
	border-left: 1px solid var(--sapList_SelectionBorderColor); /* contrast themes specific */
	border-right: 1px solid transparent;
}

.sapMSFB.sapMSFR:hover {
	box-sizing: border-box; /* contrast themes specific */
}

.sapMSFB.sapMSFR:last-child:hover {
	box-sizing: content-box; /* contrast themes specific */
}

.sapMSFB.sapMSFR:not(:last-child):hover { /* if there is no search button the right border is not needed */
	border-right: 1px solid var(--sapList_SelectionBorderColor); /* contrast themes specific */
}

.sapMSFF > .sapMSFB:not(.sapMSFBF):active,
.sapMSFF > .sapMSFB.sapMSFBA {
	background-color: var(--sapButton_Lite_Active_Background);
	color: var(--sapContent_ContrastIconColor);
}

.sapMSFB:first-of-type {
	margin-left: 0.5rem;
}

.sapUiSizeCompact {

	.sapMSFB:first-of-type {
		margin-left: 0;
	}
}
/* END "SearchField.less" */

/* START "SegmentedButton.less" */
/* ====================================== */
/* CSS for control sap.m/SegmentedButton  */
/* Quartz High Contrast White theme       */
/* ====================================== */

.sapMSegB {
	height: 2.75rem;
	vertical-align: top;
	position: relative;

	.sapMSegBBtn {

		.sapMSegBBtnInner {
			font-size: @sapMFontMediumSize;
			height: 2.25rem;
			line-height: 2.25rem;
			padding-left: 0.5625rem;
			padding-right: 0.5625rem;
			text-align: center;
			text-shadow: none;
			color: var(--sapButton_TextColor);
			border-top: 1px solid var(--sapButton_BorderColor);
			border-left: 1px solid var(--sapButton_BorderColor);
			border-bottom: 1px solid var(--sapButton_BorderColor);
			border-right: 1px solid transparent;
			background-color: var(--sapButton_Background);
		}

		&:not(.sapMSegBBtnMixed) .sapMImg {
			padding-left: 0.5625rem;
			padding-right: 0.5625rem;
		}
	}
}

.sapMSegBBtn:first-child .sapMSegBBtnInner {
	border-top-left-radius: 0.375rem;
	border-bottom-left-radius: 0.375rem;

}

.sapMSegBBtn:last-child .sapMSegBBtnInner {
	border-top-right-radius: 0.375rem;
	border-bottom-right-radius: 0.375rem;
}

html.sap-desktop .sapMSegBBtnFocusable:hover .sapMSegBBtnInner {
	background: var(--sapButton_Hover_Background);
}

/* Custom focus outline: */
html.sap-desktop {

	.sapMSegBBtnFocusable:focus .sapMSegBBtnInner {
		outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle);
		outline-offset: -0.25rem;
		outline-color: var(--sapContent_FocusColor);
	}

	.sapMSegBBtnFocusable.sapMSegBBtnSel:focus .sapMSegBBtnInner {
		outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle);
		outline-offset: -0.25rem;
		outline-color: var(--sapContent_ContrastFocusColor);
	}
}

.sapMSegB.sapMSegBIcons {

	.sapMSegBBtn:not(.sapMSegBBtnMixed) .sapMSegBBtnInner {
		padding: 0;
	}

	.sapMSegBBtn.sapMSegBBtnMixed .sapMImg {
		height: 2.125rem;
		width: auto;
		padding-right: 0.375rem;
	}

	.sapMSegBBtn.sapMSegBBtnMixed .sapUiIcon {
		padding-left: 0;
		padding-right: 0.375rem;
		width: 1rem;
	}
}

.sapMSegBBtn.sapMSegBBtnFocusable:active:hover {

	.sapMSegBBtnInner {
		background: var(--sapButton_Active_Background);
		color: var(--sapButton_Active_TextColor);
		border-color: var(--sapButton_Active_BorderColor);
	}

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

.sapMSegBBtn.sapMSegBBtnSel {

	.sapMSegBBtnInner {
		background: var(--sapButton_Selected_Background);
		color: var(--sapButton_Selected_TextColor);
		border-color: var(--sapButton_Selected_BorderColor);
	}

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

.sapMSegBBtn.sapMSegBBtnSel:hover {

	.sapMSegBBtnInner {
		border-color: var(--sapButton_Selected_Hover_BorderColor);
	}
}

.sapMSegBBtnFocusable.sapMBtnActive {

	.sapMSegBBtnInner {
		background: var(--sapButton_Selected_Background);
		color: var(--sapButton_Selected_TextColor);
	}

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

html.sap-desktop .sapMSegBBtn.sapMSegBBtnFocusable.sapMSegBBtnSel:hover .sapMSegBBtnInner,
html.sap-desktop .sapMSegBBtnFocusable.sapMBtnActive:hover .sapMSegBBtnInner {
	background: var(--sapButton_Selected_Hover_Background);
}

.sapMSegBBtn.sapMSegBBtnFocusable.sapMSegBBtnSel {

	.sapMSegBBtnInner {
		border-right: 1px solid var(--sapButton_Selected_BorderColor);
	}

	.sapMSegBBtnInner:hover {
		border-right: 1px solid var(--sapButton_Selected_Hover_BorderColor);
	}

	/* Hide next button left border */
	+ .sapMSegBBtn .sapMSegBBtnInner {
		border-left: 1px solid transparent;
	}
}

.sapMSegB img {
	height: 2.125rem;
	width: auto;
	max-height: 2.125rem;
	vertical-align: top;
}

.sapMSegBBtn .sapUiIcon {
	width: auto;
	font-size: 1rem;
	line-height: 2.125rem;
	margin-right: 0;
	color: var(--sapButton_IconColor);
	vertical-align: top;
	text-align: center;
}

.sapMSegBBtn.sapMSegBBtnMixed .sapUiIcon {
	padding-right: 0.375rem;
}

.sapMSegBBtn .sapMBtnIcon::before {
	width: 1rem;
	text-align: center;
	display: inline-block;
}

.sapMSB .sapMSBInner .sapMSBText:not(.sapMSBTextIE) .sapMBtnInner {
	margin-right: 2.2rem;
}

.sapMSegBIcons:not(.sapMSegBBtnMixed) {

	.sapMImg,
	.sapUiIcon {
		padding-left: 0.5625rem;
		padding-right: 0.5625rem;
	}
}
/* Compact size */
.sapUiSizeCompact {

	.sapMSegBBtn .sapMSegBBtnInner {
		height: 1.625rem;
		line-height: 1.5rem;
		padding-left: 0.4375rem;
		padding-right: 0.4375rem;
	}

	.sapMSegBBtn:first-child .sapMSegBBtnInner {
		border-top-left-radius: 0.375rem;
		border-bottom-left-radius: 0.375rem;
	}

	.sapMSegBBtn:last-child .sapMSegBBtnInner {
		border-top-right-radius: 0.375rem;
		border-bottom-right-radius: 0.375rem;
	}

	.sapMSegB img {
		line-height: 1.5rem;
		height: 1.5rem;
		width: auto;
	}

	.sapMSegBBtn .sapUiIcon {
		font-size: 1rem;
		line-height: 1.5rem;
		width: 1.0rem;
		vertical-align: top;
	}
	.sapMSegB {

		.sapMBtnIconLeft {
			margin-left: 0;
		}
	}
	.sapMSegBIcons:not(.sapMSegBBtnMixed) {

		.sapMImg,
		.sapUiIcon {
			padding-left: 0.4375rem;
			padding-right: 0.4375rem;
		}
	}
	.sapMSegBIcons {

		.sapMSegBBtn.sapMSegBBtnMixed {

			.sapUiIcon,
			.sapMImg {
				padding-left: 0;
				padding-right: 0.375rem;
				margin: 0;
			}

			.sapMImg {
				height: 1.5rem;
				width: auto;//1.5rem;
			}
		}
	}
}

.sapMSegBBtn.sapMSegBtnLastVisibleButton .sapMSegBBtnInner {
	border-right: 1px solid var(--sapButton_BorderColor);
	border-top-right-radius: 0.375rem;
	border-bottom-right-radius: 0.375rem;
}
/* END "SegmentedButton.less" */

/* START "Select.less" */
/* ================================= */
/* CSS for control sap.m/Select      */
/* Quartz High Contrast White theme  */
/* ================================= */

/* field                          */

.sapMSlt {
	height: 2.25rem;
}

.sapMSltArrow {
	line-height: 2.25rem;
}

.sapMSlt.sapMSltIconOnly {
	border-radius: 0.365rem;
}

/* hover and focus */

.sapMSlt.sapMSltDefault.sapMSltFocused:not(.sapMSltIconOnly):not(.sapMSltPressed) {
	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_ContrastFocusColor);
	outline-offset: ~"calc(-2 * var(--sapContent_FocusWidth))";
}

html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltInformation),
.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltInformation):hover {
	border-color: var(--sapField_Hover_BorderColor);
}

/* FIX: In FF bottom outline-offset is not working as expected when Select is in sap.m.Bar and is left-aligned */

html[data-sap-ui-browser^='ff'] .sapMBar .sapMSlt.sapMSltFocused {
	line-height: 0;
}

/* icon only hover and focus */

.sapMSlt.sapMSltIconOnly.sapMSltHoverable:hover {
	background: var(--sapButton_Lite_Hover_Background);

	&.sapMSltFocused:not(.sapMSltPressed) {
		border-color: transparent;
	}
}

/* pressed and hover */
.sapMSltIconOnly.sapMSltPressed.sapMSltHoverable:hover {
	background: @sapUiToggleButtonPressedHoverBackground;
}

/* value state */

.sapMSltWarning,
.sapMSltError,
.sapMSltInformation {
	border-style: dashed;
}

.sapMSltInformation {
	border-color: var(--sapField_WarningColor);
}

/* disabled */

.sapMSltDisabled {
	background: @sapUiHcReducedBackground;
	border-color: @sapUiHcReducedForeground;
	color: var(--sapContent_DisabledTextColor);
}

/* picker                         */

@_sap_m_SltPicker_SubHeader_BoxShadow_Bottom: 0.125rem;

div.sapMSltPicker {
	border-radius: 0.125rem;

	.sapMBar {
		box-shadow: inset 0 -@_sap_m_SltPicker_SubHeader_BoxShadow_Bottom var(--sapPageHeader_BorderColor);
	}

	.sapMSltPickerValueState {
		padding-left: 1.5rem;
		box-shadow:inset 0 -0.125rem var(--sapPageHeader_BorderColor);
		line-height: 1rem;
		padding-right: 0.5rem;
		padding-left: 2rem;

		&::before {
			font-family: var(--sapContent_IconFontFamily);
			vertical-align: middle;
			font-size: 1rem;
			position: absolute;
			left: 0.5rem;
			top: 0.625rem;
		}

		&.sapMSltPickerErrorState::before {
			content: '\e0b1';
		}

		&.sapMSltPickerWarningState::before {
			content: '\e201';
		}

		&.sapMSltPickerSuccessState::before {
			content: '\e203';
		}

		&.sapMSltPickerInformationState::before {
			content: '\e202';
		}
	}
}

/* label                          */

/* value state */

.sapMSltLabelWarning,
.sapMSltLabelError {
	font-style: italic;
}

.sapMSltLabelError {
	font-weight: bold;
}

/* arrow                          */

/* hover */

.sapMSltHoverable:not(.sapMSltPressed):hover > .sapMSltArrow {
	border-left: 0.0625rem solid var(--sapList_SelectionBorderColor);
}

/* pressed */

.sapMSltPressed > .sapMSltArrow {
	border-left: 0.0625rem solid var(--sapList_SelectionBorderColor);

	&:hover {
		background: var(--sapButton_Lite_Hover_Background);
	}
}

/* Select inside a Bar: all contexts                      */

/* focus: Select IconOnly in all contexts get dotted outline */

html.sap-desktop .sapMSltIconOnly.sapMSltFocused:not(.sapMSltExpanded) {
	outline: 0.125rem dotted var(--sapContent_FocusColor);
	outline-offset: -0.125rem;
	border-color: transparent;
}

/* hover: Select IconOnly in all contexts */

html.sap-desktop .sapMHeader-CTX .sapMSltIconOnly:hover:not(.sapMSltPressed):not(.sapMTSSlt),
html.sap-desktop .sapMSubHeader-CTX .sapMSltIconOnly:hover:not(.sapMSltPressed):not(.sapMTSSlt),
html.sap-desktop .sapMFooter-CTX .sapMSltIconOnly:hover:not(.sapMSltPressed):not(.sapMTSSlt),
html.sap-desktop .sapMSltIconOnly:hover:not(.sapMSltPressed):not(.sapMTSSlt) {
	color: var(--sapContent_IconColor);
	background-color: var(--sapButton_Lite_Hover_Background);
}
/* END "Select.less" */

/* START "SelectDialog.less" */
/* =================================== */
/* CSS for control sap.m/SelectDialog  */
/* Quartz High Contrast White theme    */
/* =================================== */

.sapMSelectDialog.sapUiResponsivePadding--content .sapMDialogScrollCont {

	&.sapUi-Std-PaddingS {
		padding-left: 0rem !important;
		padding-right: 0rem !important;
	}

	&.sapUi-Std-PaddingM,
	&.sapUi-Std-PaddingL {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}

	&.sapUi-Std-PaddingXL {
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}
}
/* END "SelectDialog.less" */

/* START "SelectList.less" */
/* ================================= */
/* CSS for control sap.m/SelectList  */
/* Quartz High Contrast White theme  */
/* ================================= */

@_sap_m_SelectListItem_Height: 2.5rem;
@_sap_m_SelectListItem_CompactHeight: 2rem;
@_sap_m_SelectListItemBelizeFocus_Height: 0.375rem; /* 2 borders * 0.125rem + 2 offsets (top and bottom) * 0.0625rem */

/* selected */
.sapMSelectListItemBaseSelected {
	background: var(--sapList_SelectionBackgroundColor);
	border-bottom: 0.0625rem solid var(--sapList_SelectionBorderColor);
}

.sapMSelectListItemBaseHoverable:hover {
	border-bottom: 0.0625rem solid var(--sapList_BorderColor);
}

.sapMSelectListItemBaseSelected.sapMSelectListItemBaseHoverable:hover {
	border-bottom: 0.0625rem solid var(--sapList_SelectionBorderColor);
}

.sapMSltPicker-CTX .sapMSelectListItemBaseSelected,
.sapMComboBoxBasePicker-CTX .sapMSelectListItemBaseSelected,
/* focus */
html.sap-desktop .sapMSelectListItemBase:focus {
	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
	outline-offset: -0.1875rem;
}

.sapMSelectListItemBase.sapMSelectListItemBasePressed .sapMSelectListItemIcon {
	color: var(--sapContent_ContrastIconColor);
}

/* disabled */
.sapMSelectListItemBaseDisabled {
	opacity: 0.5;
}
/* END "SelectList.less" */

/* START "Shell.less" */
/* ================================= */
/* CSS for control sap.m/Shell       */
/* Quartz High Contrast White theme  */
/* ================================= */

/* background color class for Shell header */
.sapMShellBackgroundColorOnlyIfDefault {
	background-color: var(--sapBackgroundColor);
}

html.sap-desktop {

	.sapMShellCentralBox {
		box-shadow: 0 0 2.5rem 0.125rem var(--sapContent_ShadowColor);
		border-right: 1px solid @sapUiHcReducedAltForeground;
		border-left: 1px solid @sapUiHcReducedAltForeground;
	}
}

.sapMShellBrandingBar {
	background: none;
}

@media (min-width: @_sap_m_Shell_AppWidthLimit) {

	html.sap-desktop {

		.sapMShellAppWidthLimited {

			.sapMShellCentralBox {
				background-color: var(--sapBackgroundColor);
			}
		}
	}
}
/* END "Shell.less" */

/* START "SinglePlanningCalendarGrid.less" */
/* ================================================= */
/* CSS for control sap.m/SinglePlanningCalendarGrid  */
/* Quartz High Contrast White theme                  */
/* ================================================= */

.sapUiSizeCompact .sapMSinglePCGrid {

	& .sapUiCalItem {
		text-align: left;
	}

	& .sapUiCalDayName {
		text-align: right;
	}
}

.sapMSinglePC .sapUiCalendarAppCont {
	border-left: 0.0625rem solid darken(@sapUiListBorderColor, 15);
	border-radius: 0 0.125rem 0.125rem 0.125rem;
}

html.sap-desktop {

	.sapMSinglePCBlockersRow > .sapMSinglePCBlockersColumns > .sapMSinglePCBlockersColumn:focus::after,
	.sapMSinglePCGridContent .sapMSinglePCColumns .sapMSinglePCRow:focus::after {
		border: 0.125rem dotted var(--sapContent_FocusColor);
	}
}

.sapMSinglePC {

	.sapMSinglePCRow,
	.sapMSinglePCBlockersColumn {
		border-color: var(--sapList_BorderColor);
	}

	.sapMSinglePCColumnToday .sapMSinglePCRow::before {
		border-color: var(--sapLegend_CurrentDateTime);
	}

	.sapMSinglePCColumnHeader .sapUiCalItem.sapUiCalItemNow {
		border-color: var(--sapLegend_CurrentDateTime);
		border-radius: 0.25rem;
	}

	.sapMSinglePCNowMarker {
		color: var(--sapLegend_CurrentDateTime);
	}

	.sapMSinglePCColumnWeekend,
	.sapMSinglePCNonWorkingRow,
	.sapMSinglePCBlockersRow,
	.sapMSinglePCNonWorkingPeriod,
	.sapMSinglePCRowHeaders {
		background-color: var(--sapList_AlternatingBackground);
	}

	.sapMPCHeadNavToolbar.sapMTB-Transparent-CTX.sapMTB {
		background-color: var(--sapList_Background);
	}

	.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps {

		.sapUiCalendarAppSel {
			border: 0.0625rem solid var(--sapList_SelectionBorderColor);
		}

		&:focus {
			.sapUiCalendarAppCont::after {
				border: 0.125rem dotted var(--sapContent_ContrastFocusColor);
			}

			.sapUiCalendarAppSel > .sapUiCalendarAppCont::after {
				border: 0.125rem dotted var(--sapContent_ContrastFocusColor);
			}
		}
	}

	.sapUiCalItem:focus{
		outline: none;
	}

	.sapMSinglePCColumnHeader {

		.sapUiCalItem.sapUiCalItemNow {

			.sapUiCalItemText {
				border: 0.0625rem solid white;
			}

			.sapUiCalSpecialDate {
				position: absolute;
				left: 0;
				bottom: 0;
				height: 0.28125rem;
			}
		}

		.sapUiCalItem .sapUiCalSpecialDate {
			height: 0.25rem;
		}

		.sapUiCalItem.sapUiCalItemNow.sapUiCalItemSel .sapUiCalItemText {
			border: 0.0625rem solid black;
		}
	}
}

.sapUiCalendarRowVisFilled .sapMSinglePCAppointmentWrap {

	.sapUiCalendarApp,
	.sapUiCalendarApp:hover:not(:active) {
		background-color: transparent;
	}
}

.sapUiSizeCompact .sapMSinglePC {

	.sapMSinglePCColumnHeader {

		.sapUiCalItem.sapUiCalItemNow {
			outline: 0.0625rem solid white;
			box-shadow: inset white;

			&.sapUiCalItemSel {
				background-color: var(--sapContent_Selected_Background);
				outline: 0.0625rem solid black;
				box-shadow: inset black;
				border: 0.125rem solid var(--sapLegend_CurrentDateTime);
			}

			&.sapUiCalItemSel:hover {
				background-color: var(--sapActiveColor);
			}

			&.sapUiCalItemSel .sapUiCalItemText,
			.sapUiCalItemText {
				box-shadow: none;
				border: transparent;
				line-height: 1.75rem;
			}
		}

		.sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalItemText,
		.sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetween):focus > .sapUiCalItemText {
			border: 0.0625rem solid transparent;
		}

		.sapUiCalItem.sapUiCalItemSel {
			border: 0.0625rem solid black;

			.sapUiCalItemText {
				line-height: 1.825rem;
			}
		}

		.sapUiCalItem:focus > .sapUiCalItemText {
			outline: none;
		}

		.sapUiCalItem {

			.sapUiCalItemText,
			.sapUiCalDayName {
				padding-left: 0.125rem;
			}

			&.sapUiCalItemNow .sapUiCalDayName,
			.sapUiCalItemText {
				line-height: 1.85rem;
			}

			.sapUiCalDayName {
				line-height: 1.875rem;
				padding-right: 0.125rem;
			}
		}
	}
}

.sapMSinglePCBlockers,
.sapMSinglePCAppointments {

	&.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps:hover > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
		background-color: var(--sapList_Hover_Background);
	}
}
/* END "SinglePlanningCalendarGrid.less" */

/* START "SinglePlanningCalendarMonthGrid.less" */
/* ====================================================== */
/* CSS for control sap.m/SinglePlanningCalendarMonthGrid  */
/* Quartz High Contrast White theme                       */
/* ====================================================== */

.calendarSpecialDayTypeColorMixIn(@class, @color) {
	.sapMSPCMonthGrid {
		.@{class} .specialDateIndicator {
			background-color: @color;
		}
	}
}

html.sap-desktop .sapMSPCMonthDay:not(.sapMSPCMonthDayToday):focus::after,
html.sap-desktop .sapMSPCMonthDay.sapMSPCMonthDayToday:focus .sapMSPCMonthNowMarker::after {
	border-width: 0.125rem;
}

.calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType01, @sapLegendColor1);
.calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType02, @sapLegendColor2);
.calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType03, @sapLegendColor3);
.calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType04, @sapLegendColor4);
.calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType05, @sapLegendColor5);
.calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType06, @sapLegendColor6);
.calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType07, @sapLegendColor7);
.calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType08, @sapLegendColor8);
.calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType09, @sapLegendColor9);
.calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType10, @sapLegendColor10);
.calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType11, @sapLegendColor11);
.calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType12, @sapLegendColor12);
.calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType13, @sapLegendColor13);
.calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType14, @sapLegendColor14);
.calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType15, @sapLegendColor15);
.calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType16, @sapLegendColor16);
.calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType17, @sapLegendColor17);
.calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType18, @sapLegendColor18);
.calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType19, @sapLegendColor19);
.calendarSpecialDayTypeColorMixIn(sapUiCalendarSpecialDayType20, @sapLegendColor20);
/* END "SinglePlanningCalendarMonthGrid.less" */

/* START "Slider.less" */
/* ================================= */
/* CSS for control sap.m/Slider      */
/* Quartz High Contrast White theme  */
/* ================================= */

@_sap_m_Slider_Height: 2.75rem;
@_sap_m_Slider_Progress: .25rem;
@_sap_m_Slider_Progress_Border: 0.0625rem;
@_sap_m_Slider_Track_Total_Height: @_sap_m_Slider_Progress + (2 * @_sap_m_Slider_Progress_Border);

.sapMSliderInner {
	background: var(--sapField_BorderColor);
	border: @_sap_m_Slider_Progress_Border solid var(--sapSlider_BorderColor);
	border-radius: 0.375rem;
	height: @_sap_m_Slider_Track_Total_Height;
}

.sapMSliderProgress {
	background: var(--sapSelectedColor);
	border-radius: 0.375rem;
}

.sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderProgress:hover ~ .sapMSliderHandle,
.sapMSliderHandle:hover {
	background: var(--sapButton_Hover_Background);
	border-color: var(--sapButton_Hover_BorderColor);
}

/* slider handle */
.sapMSliderInner .sapMSliderHandle {
	background: var(--sapButton_Background);
	border: solid 0.125rem var(--sapField_BorderColor);
	width: 1.875rem;
	height: 1.875rem;
	margin-left: -0.9375rem;
	top: (@_sap_m_Slider_Track_Total_Height - 1.875rem) / 2 - @_sap_m_Slider_Progress_Border;

	&:focus::before {
		top: -0.3125rem;
		bottom: -0.3125rem;
		left: -0.3125rem;
		right: -0.3125rem;
	}
}

.sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle {

	&:hover {
		background: var(--sapButton_Hover_Background);
		border-color: var(--sapButton_Hover_BorderColor);
	}

	&:active {
		background: var(--sapButton_Active_Background);
		border-color: var(--sapButton_Active_BorderColor);
	}
}

.sapMSliderTickLabel .sapMSliderLabel {
	padding-top: 0.4375rem;
	height: 1rem;
	width: 2rem;
	left: -1rem;
	font-size: var(--sapFontSmallSize);
	color: var(--sapContent_LabelColor);
}

.sapMSliderTick {
	margin: 0.375rem 0 0 -0.0625rem;
}

.sapMSliderLabels {
	height: 1rem;

	.sapMSliderRangeLabel {
		width: 2rem;
		font-size: var(--sapFontSmallSize);
		color: var(--sapContent_LabelColor);
	}
}

/* disabled */
.sapMSliderDisabled {
	opacity: 0.5;
}

/* pressed */
.sapMSliderPressed:not(.sapMSliderInnerDisabled) > .sapMSliderHandle,
.sapMSlider .sapMSliderInner > .sapMSliderHandle.sapMSliderHandlePressed {
	background-color: var(--sapButton_Active_Background);
	border-color: var(--sapButton_Active_BorderColor);
}

.sapUiSizeCompact {

	.sapMSliderHandle {
		width: 1.5rem;
		height: 1.5rem;
		margin-left: -0.75rem;
		top: (@_sap_m_Slider_Track_Total_Height - 1.5rem) / 2 - @_sap_m_Slider_Progress_Border;
	}

	.sapMSliderTickLabel .sapMSliderLabel {
		padding-top: 0.375rem;
	}
}
/* END "Slider.less" */

/* START "SliderTooltip.less" */
/* ==================================== */
/* CSS for control sap.m/SliderTooltip  */
/* Quartz High Contrast White theme     */
/* ==================================== */

/* Slider Tooltip styles          */

.sapMSliderTooltip {
	background: var(--sapGroup_ContentBackground);
	border-radius: 0.0625rem;
	border: none;
	box-shadow: var(--sapContent_Shadow1);
	min-width: 2rem;
	padding: 0.25rem;
	font-size: var(--sapFontSmallSize);
}

.sapMSliderTooltipInput {
	background-color: var(--sapField_Background);
	font-size: @sapMFontMediumSize;
	color: var(--sapField_TextColor);
}

.sapMSliderTooltipErrorState {
	background: var(--sapField_InvalidBackground);
	border-color: var(--sapField_InvalidColor);
}

.sapMSliderTooltipErrorState .sapMSliderTooltipInput {
	background: var(--sapField_InvalidBackground);
}

.sapMSliderTooltip.sapMSliderTooltipNonEditableWrapper {
	border-radius: 0.0625rem;
	height: 1rem;
	padding: 0.25rem;
	font-size: var(--sapFontSmallSize);
	color: var(--sapContent_LabelColor);
}
/* END "SliderTooltip.less" */

/* START "SlideTile.less" */
/* ================================= */
/* CSS for control sap.m/SlideTile   */
/* Quartz High Contrast White theme  */
/* ================================= */

.sapMSTFocusDiv {
	border-radius: 0.25rem;
}

.sapMST:active .sapMGTFocusDiv {
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 0.125rem dotted var(--sapContent_FocusColor);
}

.sapMST:focus:not([tabindex]) {
	border-color: transparent;
}

/* Bulleted indicator of multiple tiles */
.sapMSTBulleted .sapMSTIndicator {
	background-color: var(--sapTile_Background);
	border: 1px solid var(--sapTile_BorderColor);
}

.sapMSTBulleted .sapMSTIndicator.sapMSTActive {
	background-color: var(--sapContent_ContrastIconColor);
}

.sapMST .sapMSTIconDisplayArea {
	background-color: var(--sapButton_Background);
}

.sapMST .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
	background-color: var(--sapHighlightColor);
}

.sapMST .sapMGT {
	border: none;
}

.sapMST .sapMGT:active .sapMGTFocusDiv {
	border: none;
}
/* END "SlideTile.less" */

/* START "SplitButton.less" */
/* ================================== */
/* CSS for control sap.m/SplitButton  */
/* Quartz High Contrast White theme   */
/* ================================== */

.sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
	top: 0.375rem;
	bottom: 0.375rem;
	left: 0.125rem;
	right: 0.125rem;
	border: 0.125rem dotted var(--sapContent_FocusColor);
	border-radius: 0.35rem
}

.sapUiSizeCompact {

	.sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
		top: 0.3125rem;
		bottom: 0.3125rem;
	}
}

/* ie */
.sapMSBTextIE.sapMSBText {
	padding-right: 2.25rem;
}
/* END "SplitButton.less" */

/* START "SplitContainer.less" */
/* ===================================== */
/* CSS for control sap.m/SplitContainer  */
/* Quartz High Contrast White theme      */
/* ===================================== */

/* 4px border for the branding bar */
.sapMSplitContainerMaster::before {
	content: '';
	position: absolute;
	width: 0px;
	right: 0px;
	height: 0.25rem;
	top: 0;
	border-right: 1px solid var(--sapGroup_ContentBorderColor);
	z-index: 6;
}

/* reset the separator and branding bar when master is shown in an overlay */
.sapMSplitContainerShowHide.sapMSplitContainerPortrait,
.sapMSplitContainerHideMode {

	> .sapMSplitContainerMaster::after,
	> .sapMSplitcontainerMaster::before {
		display: none;
	}
}

.sapUiUfdShell,
.sapMPopoverCont {

	.sapMSplitContainerMaster::before {
		display: none; /* do not show in a popover */
	}
}

@media (min-height: @_sap_m_SplitContainer_MinHeightForHeader) {

	/* Shell draws its own branding bar */
	.sap-desktop .sapMShell .sapMSplitContainerMaster::before {
		display: none;
	}
}

/* HCB Additional Styles */
.sapMSplitContainerDetail {
	background-color: var(--sapBackgroundColor);
}
/* END "SplitContainer.less" */

/* START "StepInput.less" */
/* ================================= */
/* CSS for control sap.m/StepInput   */
/* Quartz High Contrast White theme  */
/* ================================= */

.sapMStepInput:focus {

	.sapMInputBaseContentWrapper:not(.sapMInputBaseReadonlyWrapper):not(.sapMStepInputReadOnly) {

		&::before {
			border-width: 2px;
		}
	}
}
/* END "StepInput.less" */

/* START "Switch.less" */
/* ================================= */
/* CSS for control sap.m/Switch      */
/* Quartz High Contrast White theme  */
/* ================================= */

@_sap_m_Switch_OffBorderColor: var(-sapButton_BorderColor);

/* Switch container */
.sapMSwtCont {
	overflow: hidden;
	/* in order to have a touchable area of 2.75rem */
	padding-top: 0.6875rem;
	padding-bottom: 0.6875rem;
	padding-left: 0.125rem;
	width: 4.125rem;
}

/* focus */

html.sap-desktop {

	.sapMSwtCont:focus > .sapMSwt::before {
		content: ' ';
		position: absolute;
		display: block;
		top: -0.375rem;
		left: -0.125rem;
		bottom: -0.375rem;
		right: -0.125rem;
		outline: 2px dotted var(--sapContent_FocusColor);
	}

	.sapUiSizeCompact {

		.sapMSwtCont:focus > .sapMSwt::before {
			top: -0.25rem;
			bottom: -0.25rem;
		}

		.sapMSwtCont:focus > .sapMSwt.sapMSwtNoLabel::before {
			top: -0.375rem;
			bottom: -0.375rem;
		}
	}
}

/* Switch */
.sapMSwt {
	box-sizing: border-box;
	width: 3.875rem;
	height: 1.375rem;
	overflow: visible;
	border: var(--sapButton_BorderWidth) solid;
	border-top-left-radius: 0.75rem;
	border-top-right-radius: 0.75rem;
	border-bottom-right-radius: 0.75rem;
	border-bottom-left-radius: 0.75rem;

	&.sapMSwtNoLabel {
		width: 3.25rem;
		height: 1.25rem;
		outline-offset: -8px; /* ON state handle movement limit correction in pixels for no-label switches, because of reduced width */

		&.sapMSwtOn .sapMSwtInner {
			left: -0.5rem;
		}
	}
}

/* background */

.sapMSwtOff:not(.sapMSwtAcceptReject) {
	background: var(--sapButton_Track_Background);
	border-color: var(--sapContent_ForegroundBorderColor);
}

.sapMSwt.sapMSwtOff.sapMSwtHoverable:not(.sapMSwtAcceptReject):hover {
	border-color: var(--sapContent_ForegroundBorderColor);
}

/* disabled */

.sapMSwtDisabled {
	opacity: var(--sapContent_DisabledOpacity);
}

/* Text */
.sapMSwtText {
	line-height: 1.25rem;
	width: 1.75rem;

	&.sapMSwtTextOn {
		margin: 0 0 0 0.125rem;
		color: var(--sapTextColor);
	}

	&.sapMSwtTextOff {
		margin: 0 0.125rem 0 0;
		color: var(--sapTextColor);
		left: 3.8rem;
	}

	.sapMSwtLabel {
		height: 1.25rem;
		padding: 0;
	}
}

/* Switch handler */

.sapMSwtOn .sapMSwtHandle,
.sapMSwtOff .sapMSwtHandle {
	height: 1.875rem;
	width: 1.875rem;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
	border-bottom-left-radius: 1rem;
	border: var(--sapButton_BorderWidth) solid;
	left: 1.9375rem;
}

/* on */
.sapMSwt.sapMSwtOn:not(.sapMSwtAcceptReject) {
	background: var(--sapButton_Track_Selected_Background);
	border-color: var(--sapButton_Selected_BorderColor);

	.sapMSwtHandle {
		box-sizing: border-box;
		background: var(--sapButton_Track_Selected_Background);
		border-color: var(--sapButton_Selected_BorderColor);
	}

	&.sapMSwtHoverable:not(.sapMSwtAcceptReject):hover {
		border-color: var(--sapButton_Selected_Hover_BorderColor);

		.sapMSwtHandle {
			background: var(--sapButton_Selected_Hover_Background);
			border-color: var(--sapButton_Selected_Hover_BorderColor);
		}
	}
}

/* off */
.sapMSwt.sapMSwtOff:not(.sapMSwtAcceptReject) {
	background: var(--sapButton_Track_Background);
	border-color: var(--sapContent_ForegroundBorderColor);

	.sapMSwtHandle {
		background: var(--sapButton_Background);
		border-color: var(--sapContent_ForegroundBorderColor);
	}

	&.sapMSwtHoverable:not(.sapMSwtAcceptReject):hover {
		border-color: var(--sapButton_Hover_BorderColor);

		.sapMSwtHandle {
			background: var(--sapButton_Hover_Background);
			border-color: var(--sapButton_Hover_BorderColor);
		}
	}
}

/* Switch type "AcceptReject" */

/* Switch */
.sapMSwtAcceptReject.sapMSwt {
	background: var(--sapButton_Track_Background);

	/* on */
	&.sapMSwtOn {
		background: var(--sapSuccessBackground);
		border-color: var(--sapSuccessBorderColor);

		.sapMSwtHandle {
			background: var(--sapButton_Background);
			border-color: var(--sapSuccessBorderColor);
		}

		&.sapMSwtHoverable:hover {
			border-color: var(--sapButton_Selected_Hover_BorderColor);

			.sapMSwtHandle {
				background: var(--sapButton_Selected_Hover_Background);
				border-color: var(--sapButton_Selected_Hover_BorderColor);
			}
		}
	}

	/* off */
	&.sapMSwtOff {
		background: var(--sapErrorBackground);
		border-color: var(--sapErrorBorderColor);

		.sapMSwtHandle {
			background: var(--sapButton_Background);
			border-color: var(--sapErrorBorderColor);
		}

		&.sapMSwtHoverable:hover {
			border-color: var(--sapButton_Selected_Hover_BorderColor);

			.sapMSwtHandle {
				background: var(--sapButton_Selected_Hover_Background);
				border-color: var(--sapButton_Selected_Hover_BorderColor);
			}
		}
	}
}

/* Switch handler */
.sapMSwt.sapMSwtAcceptReject.sapMSwtOff.sapMSwtHoverable:hover {
	border-color: var(--sapButton_Hover_BorderColor);
}

.sapMSwt.sapMSwtAcceptReject.sapMSwtOn.sapMSwtHoverable:hover {
	border-color: var(--sapButton_Hover_BorderColor);
}

.sapMSwtAcceptReject.sapMSwtHoverable:hover .sapMSwtLabel::before {
	color: var(--sapContent_IconColor);
}

.sapMSwt.sapMSwtAcceptReject.sapMSwtOn .sapMSwtLabel {
	color: var(--sapPositiveElementColor);
	font-size: 0.75rem;
}

.sapMSwt.sapMSwtAcceptReject.sapMSwtOff .sapMSwtLabel {
	color: var(--sapNegativeElementColor);
	font-size: 0.75rem;
}

/* Compact mode */
.sapUiSizeCompact {
	.sapMSwtCont {
		width: 3.75rem;
		/* in order to have a touchable area of 2rem */
		padding-top: 0.3125rem;
		padding-bottom: 0.3125rem;

		.sapMSwt {
			width: 3.5rem;
			height: 1.375rem;

			&.sapMSwtNoLabel {
				width: 2.5rem;
				height: 1rem;
				margin-top: 0.125rem;
				margin-bottom: 0.125rem;
				outline-offset: -14px; /* ON state handle movement limit correction in pixels for no-label switches, because of reduced width */

				&.sapMSwtOn .sapMSwtInner {
					left: -0.88rem;
				}
			}

			.sapMSwtHandle {
				height: 1.625rem;
				width: 1.625rem;
				left: 1.88rem;
			}

			.sapMSwtText {
				line-height: 1.25rem;

				&.sapMSwtTextOff {
					left: 3.5rem;
				}

				.sapMSwtLabel {
					width: 1.75rem;
				}
			}

			&.sapMSwtOn .sapMSwtText.sapMSwtTextOff {
				left: 3.75rem;
			}

			&.sapMSwtOff .sapMSwtText.sapMSwtTextOn {
				left: -0.125rem;
			}
		}
	}
}
/* END "Switch.less" */

/* START "TabContainer.less" */
/* =================================== */
/* CSS for control sap.m/TabContainer  */
/* Quartz High Contrast White theme    */
/* =================================== */

.sapMTabStripContainer {
	border-bottom: 0.0625rem solid var(--sapObjectHeader_BorderColor);
}

.sapMTabStrip {
	padding-top: 0.5rem;
	height: 3.25rem;

	.sapMTSLeftOverflowButtons,
	.sapMTSTabsContainer,
	.sapMTSRightOverflowButtons,
	.sapMTSTouchArea {
		height: 2.75rem;
	}
}

.sapUiSizeCompact {

	.sapMTabStrip {
		height: 3.25rem;
	}
}
/* END "TabContainer.less" */

/* START "Table.less" */
/* ================================= */
/* CSS for control sap.m/Table       */
/* Quartz High Contrast White theme  */
/* ================================= */

@_sap_m_Table_SelNavColWidth: 2.75rem;

.sapMListTblHeader,
.sapMListTblFooter {
	background: var(--sapList_Background);
}

.sapMListTbl {
	/* HCB Additional Style */
	border: 1px solid var(--sapList_HeaderBorderColor);
}

.sapMSticky .sapMTB-Info-CTX.sapMTB.sapMListInfoTBar {
	margin-top: 0;
	margin-bottom: 0;
}

/* table column header */
.sapMListTbl th {
	border-bottom: 0.125rem solid var(--sapList_HeaderBorderColor);
}

/* to ensure that the bottom focus outline is visible on the table header row, */
/* the <th> bottom border color is made transparent */
.sapMLIBFocusable:not(.sapMTableRowCustomFocus):focus > .sapMTableTH {
	border-bottom-color: transparent;
}

.sapMTableRowCustomFocus:focus > :not(.sapMListTblDummyCell:last-child)::before {
	border-width: 2px;
}

.sapMColumnHeaderActive:focus {
	outline-width: 3px;
}

/* table footer */
.sapMListTblFooter > td {
	border-top: 0.125rem solid var(--sapList_TableFooterBorder);
}
/* END "Table.less" */

/* START "TableSelectDialog.less" */
/* ======================================== */
/* CSS for control sap.m/TableSelectDialog  */
/* Quartz High Contrast White theme         */
/* ======================================== */

.sapMTableSelectDialog.sapUiResponsivePadding--content .sapMDialogScrollCont {

	&.sapUi-Std-PaddingS {
		padding-left: 0rem !important;
		padding-right: 0rem !important;
	}

	&.sapUi-Std-PaddingM,
	&.sapUi-Std-PaddingL {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}

	&.sapUi-Std-PaddingXL {
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}
}
/* END "TableSelectDialog.less" */

/* START "TabStrip.less" */
/* ================================= */
/* CSS for control sap.m/TabStrip    */
/* Quartz High Contrast White theme  */
/* ================================= */

@_sap_m_TabStrip_ItemHoverTextColor: darken(@sapUiGroupTitleTextColor, 10);
@_sap_m_TabStrip_ItemSelectedTextColor: darken(@sapUiGroupTitleTextColor, 20);

.sapMTabStripContainer .sapMTabStrip {
	background: var(--sapShell_Background);
	box-shadow: none;
	height: 3.25rem;

	.sapMTSRightOverflowButtons {
		right: 5.2rem;
		text-align: center;
		margin-right: 0.5rem;
		padding-left: 0.5rem;
		width: 2.75rem;

		.sapMBtn.sapMBtnBase {
			margin-left: 0;
			padding-left: 0.5rem;
			padding: 0;
		}
	}

	.sapMTSTabsContainer {
		left: 0;
		right: 5.8rem;

		.sapMTSTabs {

			.sapMTabStripItem {
				height: 2.625rem;
				padding: 0 0 0 0.5rem;
				border: solid 0.0625rem var(--sapObjectHeader_BorderColor);
				border-radius: 0.125rem 0.125rem 0 0;
				border-bottom: 0;
				margin-right: 0.5rem;
				margin-top: 0.125rem;

				&:last-child {
					margin-right: 0;
				}

				&:hover {
					color: @_sap_m_TabStrip_ItemHoverTextColor;
					background-color: var(--sapList_Hover_Background);
				}

				&.sapMTabStripItemSelected {
					height: 2.75rem;
					border-color: var(--sapList_SelectionBorderColor);
					background-color: var(--sapList_SelectionBackgroundColor);
					padding: 0.125rem 0 0 0.5rem;
					margin-top: 0
				}

				.sapMTSItemCloseBtnCnt {
					width: 2rem;
					height: 2.75rem;
					line-height: 2.4rem;

					.sapMBtn {
						width: 1.5rem;
						height: 2rem;
						vertical-align: middle;
					}
				}

				.sapMTabContIcon.sapUiIcon {
					color: var(--sapContent_IconColor);
				}
			}
		}
	}

	.sapMTSOverflowSelect {
		width: 2.25rem;
		height: 2.25rem;
	}

	.sapMTSLeftOverflowButtons {
		margin-left: 0;
		text-align: left;
		width: 2.75rem;
	}
}

.sapMTabStripContainer {
	background: var(--sapShell_Background);
}

.sapMTSOverflowSelectListItem {
	padding-right: 0;
}

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

.sapUiSizeCompact {

	.sapMTabStrip {

		.sapMTSRightOverflowButtons {
			right: 4.7rem;
		}

		.sapMTSTabsContainer .sapMTSTabs {

			.sapMTabStripItem {
				padding: 0 2rem 0 0.5rem;

				&:hover {
					padding: 0 2rem 0 0.5rem;
				}

				&.sapMTabStripItemSelected {
					padding: 0.125rem 2rem 0 0.5rem;
				}

				.sapMTSItemCloseBtnCnt {

					.sapMBtn {
						opacity: 1;
					}
				}
			}
		}

		.sapMTSTouchArea .sapMSlt {
			margin-top: 0.46rem;
			width: 2.0rem;
			height: 1.625rem;
		}
	}

	.sapMTSOverflowSelectListItem .sapMTabStripSelectListItemCloseBtn {
		visibility: visible; /* close button must be always visible */
	}
}

.sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem:focus::before {
	border-width: 0.125 * @sapContent_GridSize;
	top: 0.125rem;
}

.sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem.sapMTabStripItemSelected:focus::before {
	top: 0.25rem;
}

.sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem.sapMTabStripItemSelected {
	box-shadow: inset 0 0.1875rem 0 var(--sapList_TextColor);
	border-bottom: 0;
	border-radius: 0.125rem 0.125rem 0 0;
}

html.sap-phone {

	.sapMTabStrip .sapMTSTouchArea .sapMSlt {
		width: 100%;
	}

	.sapMTabStripSelectListItemCloseBtn {
		margin-right: 1rem;
	}
}

html[dir=rtl] .sapMTabStrip .sapMTSLeftOverflowButtons {
	text-align: right;
}

html[dir=ltr] .sapMTabStrip .sapMTSLeftOverflowButtons,
html[dir=rtl] .sapMTabStrip .sapMTSRightOverflowButtons {
	background: var(--sapShell_Background);
}

html[dir=ltr] .sapMTabStrip .sapMTSLeftOverflowButtons::after,
html[dir=rtl] .sapMTabStrip .sapMTSRightOverflowButtons::after {
	background: transparent;
}

html[dir=ltr] .sapMTabStrip .sapMTSRightOverflowButtons,
html[dir=rtl] .sapMTabStrip .sapMTSLeftOverflowButtons {
	background: var(--sapShell_Background);
}

html[dir=ltr] .sapMTabStrip .sapMTSRightOverflowButtons::after,
html[dir=rtl] .sapMTabStrip .sapMTSLeftOverflowButtons::after {
	background: transparent;
}

/* no animation for fiori 3 for acc reasons */
html[data-sap-ui-animation='on'] .sapMTabStrip .sapMTSTabsContainer .sapMTSTabs {

	.sapMTabStripItem,
	.sapMTabStripItem .sapMTSItemCloseBtnCnt .sapMBtn {
		transition: none;
	}
}

.sapMSltIconOnly.sapMSltHoverable:hover:not(.sapMSltState) {
	border: 0.0625rem solid var(--sapButton_Emphasized_Hover_BorderColor);
}
/* END "TabStrip.less" */

/* START "Text.less" */
/* ================================= */
/* CSS for control sap.m/Text        */
/* Fiori 3 High Contrast White theme */
/* ================================= */

/*Necessary to align vertically to Input */
.sapUiFormEdit .sapMText {
	min-height: 2.75rem; /* for empty text */
	padding-top: 0.6875rem;
	padding-bottom: 0.6875rem;
}

html[data-sap-ui-browser^='cr'] .sapUiFormEdit .sapMText {
	line-height: 1.4375rem;
}
/* END "Text.less" */

/* START "TextArea.less" */
/* ================================= */
/* CSS for control sap.m/TextArea    */
/* Quartz High Contrast White theme  */
/* ================================= */

@_sapMTextAreaPadding: 0.375rem 0.5rem;
@_sapMTextAreaPadding_Compact: 0.0625rem 0.375rem;
@_sapMTextAreaReadonlyPadding: 0.375rem 0.5rem;
@_sapMTextAreaReadonlyPadding_Compact: 0.0625rem 0.375rem;
@_sapMTextAreaValueStateSuccessPadding: 0.375rem 0.5rem;
@_sapMTextAreaValueStateSuccessPadding_Compact: 0.0625rem 0.375rem;
@_sapMTextAreaValueStateInformationPadding: 0.4375rem 0.5625rem;
@_sapMTextAreaValueStateInformationPadding_Compact: 0.125rem 0.4375rem;
@_sapMTextAreaValueStateErrorWarningPadding: 0.375rem 0.5rem;

.sapMFocus.sapMTextArea {

	& .sapMInputBaseContentWrapper {

		.sapMInputBaseInner {
			outline-offset: -3px;
		}
	}
}
/* END "TextArea.less" */

/* START "Tile.less" */
/**
 * @file
 * @deprecated as of version 1.50, together with sap.m.Tile
 */
/* ================================= */
/* CSS for control sap.m/Tile        */
/* Quartz High Contrast White theme  */
/* ================================= */

.sapMTile,
.sapMCustomTile {
	border: 1px solid var(--sapTile_BorderColor);
	border-radius: 0.25rem;
	box-shadow: none;
	transition-property: none;
	background-color: var(--sapTile_Background);
}

.sapMTile:focus,
.sapMCustomTile:focus .sapMTile {
	border: 1px dotted transparent;
	border-radius: 0;
}

.sapMTile:focus::before,
.sapMTile:hover::before,
.sapMCustomTile:focus .sapMTile::before,
.sapMCustomTile:hover .sapMTile::before {
	content: '';
	position: absolute;
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	pointer-events: none;
}

.sapMTile:focus::before,
.sapMCustomTile:focus .sapMTile::before {
	outline: 0.125rem dotted var(--sapContent_FocusColor);
	outline-offset: -0.25rem;
}

.sapMTile:hover,
.sapMCustomTile:hover {
	position: relative;
}

.sapMTile:hover::before,
.sapMCustomTile:hover .sapMTile::before {
	border: 0.188rem solid var(--sapTile_BorderColor);
}

.sapMTile:hover,
.sapMTile:hover::before,
.sapMCustomTile:hover .sapMTile,
.sapMCustomTile:hover .sapMTile::before {
	border-radius: 0.25rem;
}

.sapMTile.sapMTileActive {
	background-color: var(--sapTile_Background);
}

.sapMTile .sapUiLocalBusyIndicator {
	background-color: var(--sapTile_Background);
	border-radius: 0.25rem;
	margin: 0.125rem;

	.sapUiLocalBusyIndicatorAnimation {
		border: none;
		box-shadow: none;
	}
}

.sapMTC.sapMTCEditable .sapMTCRemove + .sapMTileContent {
	margin-top: -0.6875rem;
}
/* END "Tile.less" */

/* START "TileContainer.less" */
/**
 * @file
 * @deprecated as of version 1.50, together with sap.m.TileContainer
 */
/* ==================================== */
/* CSS for control sap.m/TileContainer  */
/* Quartz High Contrast White theme     */
/* ==================================== */

.sapMTC .sapMTCPager span {
	border: 1px solid var(--sapContent_ForegroundBorderColor);
}

.sapMTC .sapMTCPager span.sapMTCActive {
	border: 1px solid var(--sapContent_ForegroundBorderColor);
}

.sapMTC .sapMTCScroller:focus::before {
	border: 0.125rem dotted var(--sapContent_FocusColor);
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
}
/* END "TileContainer.less" */

/* START "TileContent.less" */
/* ================================== */
/* CSS for control sap.m/TileContent  */
/* Quartz High Contrast White theme   */
/* ================================== */

@_sap_m_TileContent_NewsFooterTextColor: var(--sapTile_TextColor);

.sapMST .sapMTileCnt.News {
	margin-top: 0.25rem; /* bigger margin because there's no border in .sapMST */
}

.sapMTileCnt.News .sapMTileCntFtrTxt {
	color: @_sap_m_TileContent_NewsFooterTextColor;
}
/* END "TileContent.less" */

/* START "TimePicker.less" */
/* ================================= */
/* CSS for control sap.m/TimePicker  */
/* Quartz High Contrast White theme  */
/* ================================= */

@_sap_m_TimePicker_ItemColor: var(--sapLegend_WorkingBackground);
@_sap_m_TimePicker_ItemHoverColor: var(--sapList_Hover_Background);
@_sap_m_TimePicker_ItemBorderColor: var(--sapList_Background);
/* END "TimePicker.less" */

/* START "TimePickerSliders.less" */
/* ======================================== */
/* CSS for control sap.m/TimePickerSliders  */
/* Quartz High Contrast White theme         */
/* ======================================== */

/* TimePicker Dropdown */
.sapMTimePickerSlider {

	.sapMTimePickerItem {
		border-radius: var(--sapElement_BorderCornerRadius);
	}
}

.sapMTimePickerContainer {

	.sapMTPColumn:not(:last-child),
	.sapMTPColumn.sapMTPSliderExpanded:not(:last-child) {
		margin-right: 0.5rem;
	}
}

.sapMTimePickerContainer .sapMTPColumn {

	.sapMTimePickerSlider,
	.sapMTimePickerLabel,
	.sapMTimePickerSlider {

		.sapMTimePickerItem,
		.sapMTPPickerSelectionFrame,
		.sapMTPSliderExpanded {
			width: 3rem;
			height: 2.875rem;
		}

		width: 3rem;
		height: 2.875rem;
	}
}

.sapUiSizeCompact .sapMTimePickerContainer .sapMTPColumn {

	.sapMTimePickerSlider,
	.sapMTimePickerLabel,
	.sapMTimePickerSlider {

		.sapMTimePickerItem,
		.sapMTPPickerSelectionFrame,
		.sapMTPSliderExpanded {
			width: 3rem;
		}

		width: 3rem;
		height: 2rem;
	}
}

.sapMTimePickerContainer {

	.sapMTPColumn {

		.sapMTimePickerSlider {

			.sapMTimePickerItem {
				background: var(--sapContent_Selected_Background);
				border: 0.0625rem solid var(--sapList_SelectionBorderColor);

				&:hover {
					background: var(--sapContent_Selected_Hover_Background);
				}
			}
		}

		&.sapMTPSliderExpanded {

			.sapMTimePickerSlider {

				.sapMTimePickerItem {
					background: var(--sapLegend_WorkingBackground);
					border: 0.0625rem solid var(--sapList_Background);

					&:hover {
						background: var(--sapList_Hover_Background);
						border: solid 0.0625rem var(--sapList_SelectionBorderColor);
					}

					&:active {
						background: var(--sapContent_Selected_Background);
						color: var(--sapContent_Selected_TextColor);
					}

					&.sapMTimePickerItemSelected {
						background: var(--sapList_Background)
					}
				}

				.sapMTPPickerSelectionFrame {
					border: solid 0.0625rem var(--sapList_SelectionBorderColor);
					border-radius: var(--sapElement_BorderCornerRadius);
					outline:none;

					&:hover {

						+ ul > li.sapMTimePickerItem.sapMTimePickerItemSelected {
							background: var(--sapList_Hover_Background);
							border: solid 0.0625rem var(--sapList_SelectionBorderColor);
						}
					}

					&:active {

						& + ul > li.sapMTimePickerItem.sapMTimePickerItemSelected {
							background: var(--sapContent_Selected_Background);
							color: var(--sapContent_Selected_TextColor);
						}
					}
				}
			}
		}
	}

	.sapMTPDisabled {
		opacity: 0.5;
	}
}


/* PHONE STYLES */
.sap-phone {

	/* TimePicker Dropdown */
	.sapMTimePickerContainer {

		.sapMTPColumn {

			.sapMTimePickerSlider,
			.sapMTimePickerLabel,
			.sapMTimePickerSlider {

				.sapMTimePickerItem,
				.sapMTPPickerSelectionFrame,
				.sapMTPSliderExpanded {
					width: 3rem;
					height: 2.875rem;
				}

				width: 3rem;
				height: 2.875rem;
			}

			.sapMTimePickerSlider {

				.sapMTimePickerItem {
					border: 1px solid var(--sapList_Background);
				}
			}

			&.sapMTPSliderExpanded {

				.sapMTimePickerSlider {

					.sapMTimePickerItem {
						background: var(--sapLegend_WorkingBackground);
						border: 1px solid var(--sapList_Background);
						width: 3rem;
					}

					.sapMTPPickerSelectionFrame {
						outline: 0.0625rem solid var(--sapList_SelectionBorderColor);
						outline-offset: -0.188rem;
					}
				}
			}
		}
	}
}
/* END "TimePickerSliders.less" */

/* START "ToggleButton.less" */
/* =================================== */
/* CSS for control sap.m/ToggleButton  */
/* Quartz High Contrast White theme    */
/* =================================== */

/* Disabled toggled button */
.sapMBtnDisabled .sapMToggleBtnPressed.sapMBtnInner,
html.sap-desktop .sapMBtnDisabled .sapMToggleBtnPressed,
.sapMBtnDisabled .sapMToggleBtnPressed,
html.sap-desktop .sapMBtnDisabled .sapMIBar-CTX .sapMToggleBtnPressed,
.sapMBtnDisabled .sapMIBar-CTX .sapMToggleBtnPressed,
html.sap-desktop .sapMBtnDisabled .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed,
.sapMBtnDisabled .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed {
	color: @sapUiHcReducedAltForeground;
	border-color: @sapUiHcReducedAltForeground;
	background-color: @sapUiHcReducedBackground;
}

/* Icon in disabled toggled button */
.sapMBtnDisabled .sapMToggleBtnPressed.sapMBtnInner .sapMBtnIcon {
	color: @sapUiHcReducedAltForeground;
}

.sapMTB-Transparent-CTX span.sapMBtnInner.sapMToggleBtnPressed .sapMBtnIcon,
.sapMTB-Transparent-CTX span.sapMBtnInner.sapMToggleBtnPressed.sapMBtnTransparent > .sapMBtnIcon,
html.sap-desktop .sapMTB-Transparent-CTX .sapMToggleBtnPressed.sapMBtnTransparent > .sapMBtnIcon {
	color: @sapUiHcStandardForeground;
}

.sapMBtnDisabled .sapMToggleBtnPressed.sapMBtnInner .sapMBtnIcon,
.sapMBtnDisabled .sapMToggleBtnPressed.sapMBtnInner.sapMBtnTransparent .sapMBtnIcon,
html.sap-desktop.sapMToggleBtnPressed.sapMBtnTransparent.sapMBtnDisabled > .sapMBtnIcon {
	color: @sapUiHcReducedAltForeground;
}
/* END "ToggleButton.less" */

/* START "Token.less" */
/* ================================= */
/* CSS for control sap.m/Token       */
/* Quartz High Contrast White theme  */
/* ================================= */

@_sap_m_Token_TokenPadding: 0.5rem;
@_sap_m_Token_TokenCompactPadding: 0.25rem;
@_sap_m_Token_LeftPadding: 0.3125rem;
@_sap_m_Token_IconWidth: 1.75rem;
@_sap_m_Token_CompactIconWidth: 1.5rem;
@_sap_m_Token_DeleteIconHeight: 2.25rem;
@_sap_m_Token_DeleteIconCompactHeight: 1.625rem;

.sapMToken {
	border-radius: 0.25rem;
	padding-left: 0.3125rem;
	overflow: visible;
}

html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):hover {
	background: var(--sapButton_Selected_Hover_Background);
	border: var(--sapButton_BorderWidth) solid var(--sapButton_Selected_Hover_BorderColor);
}

html.sap-desktop .sapMToken {

	&.sapMTokenReadOnly,
	&.sapMTokenReadOnly:hover {
		color: var(--sapContent_LabelColor);
		background: var(--sapField_ReadOnly_Background);
		border: var(--sapButton_BorderWidth) solid var(--sapField_ReadOnly_BorderColor);
	}

	&.sapMTokenReadOnly.sapMTokenSelected,
	&.sapMTokenReadOnly.sapMTokenSelected:hover {
		color: var(--sapButton_Selected_TextColor);
		background: var(--sapButton_Selected_Background);
		border: var(--sapButton_BorderWidth) solid var(--sapButton_Selected_BorderColor);
	}
}

html.sap-desktop .sapMToken:focus {
	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
	outline-offset: -0.1875rem;
}

html.sap-desktop .sapMToken.sapMTokenSelected:focus {
	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_ContrastFocusColor);
}

.sapMTokenIcon {
	box-sizing: border-box;
	top: ~"calc((@{_sap_m_Token_TokenHeight} / 2) - (@{_sap_m_Token_DeleteIconHeight} / 2) - @{sapUiButtonBorderWidth})";
	width: @_sap_m_Token_IconWidth;
	height: @_sap_m_Token_DeleteIconHeight;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	right: ~"calc(var(--sapButton_BorderWidth) * -1)";
}

.sapUiSizeCompact .sapMTokenIcon {
	top: ~"calc((@{_sap_m_Token_TokenCompactHeight} / 2) - (@{_sap_m_Token_DeleteIconCompactHeight} / 2) - @{sapUiButtonBorderWidth})";
	width: @_sap_m_Token_CompactIconWidth;
	height: @_sap_m_Token_DeleteIconCompactHeight;
}

.sapMTokenIcon::before {
	display: inline-block;
	width: 0.75rem;
	height: 0.75rem;
	line-height: 1;
}
/* END "Token.less" */

/* START "Tokenizer.less" */
/* ================================= */
/* CSS for control sap.m/Tokenizer   */
/* Quartz High Contrast White theme  */
/* ================================= */

@_sap_m_Tokenizer_OutlineOffset: -0.1875rem;

.sapMTokenizer {
	padding-left: 0.3125rem;
	position: relative;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
}

.sapMTokenizer .sapMToken {
	margin-right: 0.3125rem;
	max-width: calc(~"100% - 0.3125rem");
	margin-top: 0.1875rem;
	margin-bottom: 0.1875rem;
}

html.sap-desktop .sapMTokenizer:focus {
	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
	outline-offset: @_sap_m_Tokenizer_OutlineOffset;
}

.sapUiSizeCompact {

	.sapMTokenizer {
		padding-left: 0.25rem;

		.sapMToken {
			margin-right: 0.25rem;
			margin-top: 0.0625rem;
			margin-bottom: 0.0625rem;
		}

		.sapMTokenizerIndicator {
			line-height: 1.375rem;
		}
	}
}

/* Disabled */

.sapMTokenizer.sapMTokenizerDisabled .sapMToken  {
	border-color: @sapUiHcReducedAltForeground;

	&.sapMToken:hover,
	&.sapMToken:focus,
	&.sapMToken.sapMTokenSelected:hover,
	&.sapMTokenSelected {
		background: var(--sapButton_Background);
		cursor: default;
		color: var(--sapTextColor);
		outline: none;
		border-color: @sapUiHcReducedAltForeground;
	}

	&.sapMTokenSelected .sapMTokenText {
		color: var(--sapTextColor);
	}

	&.sapMTokenSelected .sapMTokenIcon {
		color: var(--sapContent_IconColor);
		cursor: default;
	}

	& .sapMTokenIcon {
		cursor: default;
	}
}
/* END "Tokenizer.less" */

/* START "Toolbar.less" */
/* ================================= */
/* CSS for control sap.m/Toolbar     */
/* Quartz High Contrast White theme  */
/* ================================= */

html.sap-desktop .sapMTBActive.sapMTBFocused {
	outline: 0.125rem dotted var(--sapContent_ContrastFocusColor);
	outline-offset: -0.1875rem;
}

.sapMTB {
	height: 2.75rem;
	padding: 0 0.5rem;
}

/* Transparent Toolbar Context */
.sapMTB-Transparent-CTX.sapMTB {
	padding-left: 0.5rem;
}

/* Info Toolbar Context */
.sapMIBar.sapMTB.sapMTB-Info-CTX {
	padding-left: 0.5rem;
}
/* END "Toolbar.less" */

/* START "UploadCollection.less" */
/**
 * @file
 * @deprecated as of version 1.88, together with sap.m.UploadCollection
 */
/* ======================================= */
/* CSS for control sap.m/UploadCollection  */
/* Quartz High Contrast White theme        */
/* ======================================= */

/*padding between buttons */
.sapMBtn.sapMUCFirstButton {
	padding-right: 0.5rem;
}

/*padding between buttons */
.sapUiSizeCompact .sapMBtn.sapMUCFirstButton {
	padding-right: 0.5rem;
}

/* Text: Description (Progress) */
.sapMLabel.sapMUCProgress {
	font-size: @sapMFontMediumSize;
	color: var(--sapContent_LabelColor);
}

/* Drag && Drop */
.sapMUC .sapMUCDragDropOverlay.sapMUCDropIndicator::after {
	background-color: transparent;
}

/* local fixes: should be done by used simple controls */
.sapMUCItemIconInactive.sapUiIcon:focus,
.sapMUCItemIcon.sapUiIcon:focus,
.sapMUCItemImage:focus {
	outline-width: 0.125rem;
	outline-style: dotted;
}
/* END "UploadCollection.less" */

/* START "ValueStateHeader.less" */
/* ======================================= */
/* CSS for control sap.m/ValueStateHeader  */
/* Quartz High Contrast White theme        */
/* ======================================= */

.sapMPseudoFocus {
	outline-offset: -0.1875rem;
}

.sapMValueStateHeaderRoot {
	border-bottom: 2px solid var(--sapField_BorderColor);
}
/* END "ValueStateHeader.less" */

/* START "ValueStateMessage.less" */
/* ======================================== */
/* CSS for control sap.m/ValueStateMessage  */
/* Quartz High Contrast White theme         */
/* ======================================== */

.sapMValueStateMessageError,
.sapMValueStateMessageWarning,
.sapMValueStateMessageInformation {
	border: 2px solid var(--sapField_BorderColor);
	color: var(--sapTextColor);
}

.sapMValueStateMessageTop {
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	margin-bottom: -0.125rem;
}

.sapMValueStateMessageBottom {
	border-bottom-left-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
	margin-top: -0.125rem;
}
/* END "ValueStateMessage.less" */

/* START "ViewSettingsDialog.less" */
/* ========================================= */
/* CSS for control sap.m/ViewSettingsDialog  */
/* Quartz High Contrast White theme          */
/* ========================================= */

@_sap_m_ViewSettingsDialog_HeaderBorderColor: darken(@sapUiGroupContentBackground, 8);

.sapMVSD .sapMPageHeader {
	z-index: 2;

	.sapMBarTitleStart .sapMBarPH {
		padding-left: 0rem;
	}
}

.sapMTB.sapMVSDFilterHeaderToolbar {
	background-color: var(--sapGroup_ContentBackground);
	border-bottom: 1px solid @_sap_m_ViewSettingsDialog_HeaderBorderColor;
	padding-left: 0;

	.sapMBarChild.sapMCb {

		.sapMCbLabel {
			font-family: var(--sapFontFamily);
			color: var(--sapGroup_TitleTextColor);
		}
	}
}

.sapMVSD.sapMDialog.sapMPopup-CTX .sapMIBar.sapMHeader-CTX,
.sapMVSD.sapMDialog.sapMPopup-CTX .sapMIBar.sapMSubHeader-CTX {
	background-color: var(--sapGroup_ContentBackground);
}

.sapMVSD .sapMVSDBar {
	box-shadow: @sapUiShadowHeader;
}

.sapMVSDBarWithSearch.sapMBar,
.sapMVSD.sapMDialog.sapMPopup-CTX .sapMIBar.sapMHeader-CTX .sapMVSDBarWithSearch,
.sapMVSD.sapMDialog.sapMPopup-CTX .sapMIBar.sapMSubHeader-CTX .sapMVSDBarWithSearch {
	box-shadow: none;
}

.sapMVSD .sapMPageWithSubHeader .sapMIBar.sapMHeader-CTX {
	border-bottom: none;
	box-shadow: none;
}
/* END "ViewSettingsDialog.less" */

/* START "WheelSlider.less" */
/* ================================== */
/* CSS for control sap.m/WheelSlider  */
/* Quartz High Contrast White theme   */
/* ================================== */

.sapMWS {

	.sapMWSInner {

		.sapMWSItem {

			&:focus {
				outline: 0.125rem dotted var(--sapContent_ContrastFocusColor);
			}
		}
	}

	&.sapMWSExpanded {

		.sapMWSInner {

			.sapMWSItem {

				&:focus {
					outline: 0.125rem dotted var(--sapContent_FocusColor);
				}
			}
		}
	}
}

.sapUiSizeCompact {

	.sapMWS:not(.sapMWSShort) {

		.sapMWSInner {
			box-shadow: 0 0 0 1px var(--sapList_BorderColor);
		}
	}
}

.sap-phone {

	.sapMWS {

		.sapMWSInner {

			.sapMWSItem {

				&:focus {
					outline: 0.125rem dotted var(--sapContent_ContrastFocusColor);
				}
			}
		}

		&.sapMWSExpanded {

			.sapMWSInner {

				.sapMWSItem {

					&:focus {
						outline: 0.125rem dotted var(--sapContent_FocusColor);
					}
				}
			}
		}
	}
}
/* END "WheelSlider.less" */

/* START "Wizard.less" */
/* ================================ */
/* CSS for control sap.m/Wizard     */
/* Quartz High Contrast White theme */
/* ================================ */

.sapMWizard {

	.sapMWizardStepContainer {
		margin-top: @_sap_m_Wizard_NavHeight;
	}

	&.sapMWizardBgSolid .sapMWizardStepContainer {
		background-color: var(--sapBackgroundColor);
	}

	&.sapMWizardBgList .sapMWizardStepContainer {
		background-color: var(--sapBackgroundColor);
	}

	&.sapMWizardBgTransparent .sapMWizardStepContainer {
		background-color: var(--sapBackgroundColor);
	}
}

.sapMWizard .sapMWizardProgressNav {
	box-shadow: @sapUiShadowHeader;
}

.sapMWizard {
	overflow: hidden;
}

html.sap-phone .sapMWizard .sapMWizardNextButtonVisible {
	left: 1rem;
	bottom: 3.5rem;
	transform: none;
}
/* END "Wizard.less" */

/* START "WizardProgressNavigator.less" */
/* ============================================== */
/* CSS for control sap.m/WizardProgressNavigator  */
/* Quartz High Contrast White theme               */
/* ============================================== */

@_sap_m_WizardProgressNavigator_StepUnderlineHeight: 0.313rem;
@_sap_m_WizardProgressNavigator_BoxShadow: 0.0625rem;

.sapMWizardProgressNav {
	position: absolute;
	z-index: 1;
}

.sapMWizardProgressNavStep:hover .sapMWizardProgressNavStepCircle {
	background-color: var(--sapObjectHeader_Background);
	color: var(--sapTextColor);
}

.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current='true']:hover .sapMWizardProgressNavStepCircle {
	background-color: var(--sapHighlightColor);
	color: var(--sapContent_ContrastIconColor);
}

.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current='true']:hover .sapMWizardProgressNavStepTitle,
.sapMWizardProgressNavStep:hover .sapMWizardProgressNavStepTitle {
	color: var(--sapContent_LabelColor);
}

.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current='true'] .sapMWizardProgressNavStepCircle::after {
	height: @_sap_m_WizardProgressNavigator_StepUnderlineHeight;
	background: var(--sapTextColor);
	content: '';
	display: block;
	position: relative;
	width: 100%;
	border-top-left-radius: 0.125rem;
	border-top-right-radius: 0.125rem;
	bottom: -0.625rem;
}

.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current='true'] .sapMWizardProgressNavStepContainer::after {
	height: 0;
}

.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current='true'] {

	& .sapMWizardProgressNavStepCircle {
		background: var(--sapSelectedColor);
		color: var(--sapTextColor);
	}
}

.sapMWizardProgressNavStepCircle {
	background: var(--sapObjectHeader_Background);
	border-color: var(--sapObjectHeader_BorderColor);
	color: var(--sapTextColor);
}

.sapMWizardProgressNavStepTitle {
	color: var(--sapContent_LabelColor);
}

.sapMWizardProgressNavStepTitle:hover {
	color: var(--sapContent_LabelColor);
}

.sapMWizardProgressNavStep::after {
	border-bottom-color: var(--sapSelectedColor);
}

.sapMWizard .sapMWizardStepContainer {
	background: var(--sapGroup_ContentBackground);
}

.sapMWizardProgressNavStepTitleOptional,
.sapMWizardProgressNavStepLabelOptional {
	color: var(--sapField_PlaceholderTextColor);
}

.sapMWizardProgressNavStep[data-sap-ui-wpn-step-active='true'] {

	/* all steps after the active one have inactive style */
	& ~ .sapMWizardProgressNavStep .sapMWizardProgressNavStepCircle {
		border-color: var(--sapList_BorderColor);
		background: var(--sapObjectHeader_Background);
		color: var(--sapTextColor);
	}

	/* all separators after (and including) the active step have inactive style */
	&::after,
	& ~ .sapMWizardProgressNavStep::after {
		border-bottom-color: var(--sapList_SelectionBorderColor);
	}
}

.sapMWizardProgressNavStep[data-sap-ui-wpn-step-open-prev='true'][data-sap-ui-wpn-step-open='false'][data-sap-ui-wpn-step-current='true'] {

	.sapMWizardProgressNavStepCircle {
		background: var(--sapActiveColor);
		border-color: var(--sapObjectHeader_BorderColor);
	}
}
/* END "WizardProgressNavigator.less" */