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

/*!
 * OpenUI5
 * (c) Copyright 2009-2025 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_horizon/base.less"; /* ORIGINAL IMPORT PATH: "../../../../sap/ui/core/themes/sap_horizon/base.less" */

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

/* START "ActionListItem.less" */
/* ===================================== */
/* CSS for control sap.m/ActionListItem  */
/* Horizon theme                         */
/* ===================================== */

html.sap-desktop .sapMList .sapMLIB.sapMALI:not(.sapMLIBActive) {
	padding: 0;
}

.sapMList .sapMLIB.sapMALI:focus {
	outline-offset: -0.125rem;
}

.sapMALI > .sapMLIBContent {
	line-height: 2.75rem;
}
/* END "ActionListItem.less" */

/* START "ActionSelect.less" */
/* =================================== */
/* CSS for control sap.m/ActionSelect  */
/* Horizon theme                       */
/* =================================== */

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

html.sap-desktop .sapMActionSelectPicker .sapMBtn {

	.sapMBtnInner {
		border-top: 1px solid var(--sapList_BorderColor);
		border-bottom: 0;
		border-left: 0;
		border-right: 0;
		height: 2.5rem;
	}

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

html.sap-desktop .sapMActionSelectPicker .sapUiSimpleFixFlexFlexContent .sapMBtn .sapMBtnInner {
	border-radius: 0;
}

html.sap-phone .sapMActionSelectPicker .sapMBtn .sapMBtnInner {
	border: none;
}

html.sap-phone .sapMActionSelectPicker .sapUiSimpleFixFlexFlexContent > .sapMBtn {
	border: 1px solid var(--sapList_BorderColor);
	border-bottom: none;
}

html.sap-phone .sapMActionSelectPicker .sapUiSimpleFixFlexFlexContent > .sapMBtn ~ .sapMBtn {
	border: 1px solid var(--sapList_BorderColor);
}

/* override standard buttons inside the action select */
.sapMActionSelectPicker .sapMBtnDefault {
	background: var(--sapList_Background);
	border-color: var(--sapList_BorderColor);

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

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

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

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

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

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

html.sap-desktop .sapUiSizeCompact.sapMActionSelectPicker .sapMBtnInner {
	height: 2rem;
	border-radius: 0;
	border: 0;
	border-top: 1px solid var(--sapList_BorderColor);

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

.sapMActionSelectPicker.sapMSltPicker-CTX .sapMSelectListItemBaseSelected.sapMActionSelectItemWithoutFocus::after {
	display: none;
}

html.sap-desktop .sapMActionSelectPicker .sapMBtn:not(.sapMBtnDisabled):focus > .sapMBtnInner::before {
	border-radius: 0;
	left: 0.125rem;
	top: 0.125rem;
	right: 0.125rem;
	bottom: 0.125rem;
}

/* END "ActionSelect.less" */

/* START "ActionSheet.less" */
/* ================================== */
/* CSS for control sap.m/ActionSheet  */
/* Horizon  theme                     */
/* ================================== */

.sapMActionSheetPopover.sapMPopover {
	box-shadow: var(--sapContent_Shadow2);
}

.sapMActionSheetDialog .sapMBar.sapMHeader-CTX > .sapMBarMiddle > .sapMBarPH > .sapMDialogTitle {
	color: var(--sapPageHeader_TextColor);
	font-size: var(--sapFontHeader5Size);
	font-family: var(--sapFontHeaderFamily);
}

.sapMDialog.sapMActionSheetDialog {
	background-color: var(--sapPageHeader_Background);
	border-top-left-radius: var(--sapElement_BorderCornerRadius);
	border-top-right-radius: var(--sapElement_BorderCornerRadius);
	box-shadow: var(--sapContent_Shadow3);

	&.sapMDialogPhone .sapMIBar.sapMHeader-CTX {
		box-shadow: var(--sapContent_HeaderShadow);
		background-color: var(--sapPageHeader_Background);
		border-top-left-radius: var(--sapElement_BorderCornerRadius);
		border-top-right-radius: var(--sapElement_BorderCornerRadius);
	}

	&.sapUiPopupWithPadding:not(.sapUiNoContentPadding) .sapMDialogScrollCont {
		padding: 0;
	}

	& > .sapMDialogSection {
		box-shadow: none;
	}

	&:not(.sapUiResponsiveContentPadding):not(.sapUiContentPadding).sapMDialog-NoFooter .sapMDialogScroll {
		padding-bottom: 0;
	}
}

.sapMActionSheetDialogWithTitle .sapMBarMiddle .sapMBarPH {
	padding: 0 1rem;
}
/* END "ActionSheet.less" */

/* START "AdditionalTextButton.less" */
html.sap-desktop .sapMBtn:focus > .sapMBtnAdditionalTextContent.sapMFocusable:not(.sapMBadgeIndicator):before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    left: -0.0625rem;
    top: -0.0625rem;
    right: -0.0625rem;
    bottom: -0.0625rem;
    border: 0.125rem solid #0070f2;
    pointer-events: none;
    border-radius: 0.375rem;
}
/* END "AdditionalTextButton.less" */

/* START "Avatar.less" */
/* ============================= */
/* CSS for control sap.m/Avatar  */
/* Horizon theme                 */
/* ============================= */

@_sap_m_Avatar_Font_Size_XL: 3rem;
@_sap_m_Avatar_Font_Size_L: 2.25rem;
@_sap_m_Avatar_Font_Size_M: 1.5rem;
@_sap_m_Avatar_Font_Size_S: 1.125rem;
@_sap_m_Avatar_Font_Size_XS: 1rem;

.sapFAvatarSquare {
	border-radius: var(--sapElement_BorderCornerRadius);

	.sapFAvatarImageHolder {
		border-radius: var(--sapElement_BorderCornerRadius);
	}
}

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

.sapFAvatarFocusable.sapMAvatarPressed {
	box-shadow: 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Selected_BorderColor);

	&:hover {
		box-shadow: 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Selected_Hover_BorderColor);
	}
}

.sapFAvatarFocusable:focus {
	outline-offset: 0.125rem;

	&.sapFAvatarSquare {
		outline-offset: 0.125rem;
	}
}

.sapFAvatarColorTileIcon {
	background-color: var(--sapTile_Background);
	color: var(--sapTile_IconColor);
	border: 0.0625rem solid var(--sapAvatar_Lite_BorderColor);

	.sapFAvatarInitialsHolder {
		color: currentColor;
	}
}

.sapFAvatarColorPlaceholder {
	background-color: var(--sapContent_ImagePlaceholderBackground);
	color: var(--sapContent_ImagePlaceholderForegroundColor);
	border: 0.0625rem solid var(--sapAvatar_Lite_BorderColor);

	.sapFAvatarInitialsHolder {
		color: currentColor;
	}
}

.sapFAvatarColorTransparent {
	background-color: var(--sapAvatar_Lite_Background);
	border: 0.0625rem solid var(--sapAvatar_Lite_BorderColor);
}

.generateColor (@accentIndex) {
	@css-selector: ~"sapFAvatarColorAccent@{accentIndex}"; // Create the css selector string
	@background-param: ~"sapUiAvatar@{accentIndex}Background"; // Build the color param which is a sapUiAccent
	@color-param: ~"sapUiAvatar@{accentIndex}TextColor";
	@hover-color: ~"sapUiAvatar@{accentIndex}HoverBackground";

	// Build the real CSS selector.
	// The output would be something like this: .sapFAvatar.sapFAvatarColorAccent6 {background-color: #0092d1;}
	.@{css-selector} {
		background-color: @@background-param;
		&.sapFAvatarImage.sapFAvatarFocusable:not(.sapMAvatarPressed):not(.sapMAvatarDisabled):hover,
		&.sapFAvatarFocusable:not(.sapMAvatarPressed):not(.sapMAvatarDisabled):hover {
			background-color: @@hover-color;
			box-shadow: @_sap_m_Avatar_Hover_Box_Shadow_Offset var(--sapAvatar_Hover_BorderColor);
		}
	}

	.@{css-selector}.sapFAvatarIcon,
	.@{css-selector} .sapFAvatarInitialsHolder {
		color: contrast(@@background-param, @@color-param, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
	}
}
/* END "Avatar.less" */

/* START "Bar.less" */
/* ========================== */
/* CSS for control sap.m/Bar  */
/* Horizon theme              */
/* ========================== */

.sapMBar {
	text-shadow: none;
}

.sapMBarLeft {
	padding-left: 1rem;
	padding-right: 0.25rem;
}

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

.sapMBarPH {
	padding-right: 0.25rem;
	padding-left: 0.25rem;
}

.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.5rem;
}

.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,
/* 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;
}

.sapMIBar-CTX.sapMFooter-CTX {
	border-top: 0.0625rem solid var(--sapPageFooter_BorderColor);
}
/* END "Bar.less" */

/* START "Breadcrumbs.less" */
/* ===============================   */
/* CSS for control sap./Breadcrumbs  */
/* Horizon theme                     */
/* ===============================   */

.sapMBreadcrumbs {

	.sapMBreadcrumbsCurrentLocation {

		&:focus {
			outline: none;
			box-shadow: 0 0 0 0.125rem var(--sapContent_FocusColor);
			border-radius: 0.25rem;
		}
	}

	.sapMSltPressed:not(.sapMSltDisabled):not(.sapMSltState),
	.sapMSlt.sapMSltFocused:not(.sapMSltDisabled):not(.sapMSltState) {
		outline-offset: 0;
	}

	.sapMBreadcrumbsItem {
		padding: .125rem; // avoid focus clip
	}

	.sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem {

		& > .sapMSlt.sapMSltWithIcon.sapMSltIconOnly.sapMSltWithArrow.sapMSltHoverable {
			box-shadow: none;

			/* Default styles */
			.sapMSltIcon {
				display: flex;
				align-items: center;
				gap: 0.2rem;

				&::before,
				&::after {
					border-bottom: none;
				}

				&::before {
					content: '••• ';
					font-family: var(--sapFontLightFamily);
				}

				&::after {
					content: '\e1ef';
					font-family: var(--sapContent_IconFontFamily);
					font-size: @sapMFontMediumSize;
					color: var(--sapLinkColor);
					speak: none;
				}
			}

			/* Custom underline element
			   In order to prevent issues with centering the content */
			&::after {
				content: '';
				display: block;
				position: relative;
				width: 90%;
				height: 0.0625rem;
				margin: -0.12rem auto 0 0.15rem;
				background-color: transparent;
			}

			/* States */
			&:hover,
			&.sapMSltFocused {
				background-color: var(--sapContent_FocusColor);

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

				.sapMSltIcon::before,
				.sapMSltIcon::after {
					color: var(--sapContent_ContrastFocusColor);
					border-bottom: none;
				}

				&:active {
					background-color: transparent;

					&::after {
						background-color: transparent;
					}

					.sapMSltIcon::before,
					.sapMSltIcon::after {
						color: var(--sapLinkColor);
					}
				}
			}

			&:hover.sapMSltFocused:not(:active) {

				&::after {
					background-color: var(--sapContent_FocusColor);
				}
			}
		}
	}
}
/* END "Breadcrumbs.less" */

/* START "BusyDialog.less" */
/* ================================= */
/* CSS for control sap.m/BusyDialog  */
/* Horizon 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  */
/* Horizon theme                        */
/* ==================================== */

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

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

/* START "Button.less" */
/* ============================= */
/* CSS for control sap.m/Button  */
/* Horizon theme                 */
/* ============================= */

@_sap_m_Button_EmphasizedFocusColor: var(--sapContent_FocusColor);

.sapMBtn {
	height: 2.75rem;
}

.sapMBtnEmphasized {
	font-family: var(--sapFontBoldFamily);
}

.sapMIBar-CTX .sapMBarLeft .sapMBtn:hover {
	position: relative;
}

/* --------------------- */
/* 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;
}

/* ------------------- */
/* Button Icon         */
/* ------------------- */
.sapMBtnIcon {
	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;
	min-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 {
	font-family: var(--sapFontSemiboldDuplexFamily);
	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_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;
	}
}

/* ---------------------------------------------------------------------*/
/* Custom focus border:                                                 */
/* ---------------------------------------------------------------------*/

.sapMBtn:focus-visible > .sapMBtnEmphasized.sapMBtnActive.sapMFocusable,
html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMBtnActive.sapMFocusable {
	border-color: var(--sapContent_FocusColor);
}

// Value State Message buttons
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnCritical.sapMBtnActive {
	border-color: var(--sapButton_Critical_BorderColor);
}

:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnNegative.sapMBtnActive {
	border-color: var(--sapButton_Negative_BorderColor);
}

:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnSuccess.sapMBtnActive {
	border-color: var(--sapButton_Success_BorderColor);
}

.sapMBtn:focus-visible > .sapMFocusable:not(.sapMBadgeIndicator)::before,
html.sap-desktop .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator)::before {
	content: '';
	position: absolute;
	box-sizing: border-box;
	left: 0.0625rem;
	top: 0.0625rem;
	right: 0.0625rem;
	bottom: 0.0625rem;
	border: 0.125rem solid var(--sapContent_FocusColor);
	pointer-events: none;
	border-radius: 0.375rem;
}

.sapMBtn:focus-visible > .sapMBtnEmphasized.sapMFocusable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBadgeIndicator)::before,
.sapMBtn:focus-visible > .sapMBtnCritical.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
.sapMBtn:focus-visible > .sapMBtnNegative.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
.sapMBtn:focus-visible > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMFocusable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBadgeIndicator)::before,
html.sap-desktop .sapMBtn:focus > .sapMBtnCritical.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
html.sap-desktop .sapMBtn:focus > .sapMBtnNegative.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before {
	border: 0.125rem solid var(--sapContent_ContrastFocusColor);
}

.sapMIBar .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost),
.sapUxAPObjectPageHeaderIdentifierActions .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost) {
	border-color: var(--sapButton_Lite_BorderColor);
}

.sapMBtn .sapMBtnNeutral.sapMBtnInner {
	text-shadow: var(--sapContent_TextShadow);
}

.sapMBtn {
	.sapMBtnCritical,
	.sapMBtnNegative,
	.sapMBtnSuccess,
	.sapMBtnNeutral {
		&.sapMBtnInner.sapMBtnActive {
			text-shadow: none;
		}
	}
}

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

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

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

.sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault:not(.sapMToggleBtnPressed),
.sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon,
.sapUxAPObjectPageHeaderIdentifierActions .sapMBtn .sapMBtnInner.sapMBtnDefault,
.sapUxAPObjectPageHeaderIdentifierActions .sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon {
	color: var(--sapButton_Lite_TextColor);
	background-color: var(--sapButton_Lite_Background);
}

.sapMIBar .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault,
.sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnBack,
.sapUxAPObjectPageHeaderIdentifierActions .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault {
	color: var(--sapButton_Lite_TextColor);

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

.sapMIBar .sapMBtnDefault.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
.sapMIBar .sapMBtnTransparent.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
.sapUxAPObjectPageHeaderIdentifierActions .sapMBtnDefault.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
.sapUxAPObjectPageHeaderIdentifierActions .sapMBtnTransparent.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed) {
	border-color: var(--sapButton_Lite_BorderColor);
}

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

// text color for enabled buttons
:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnAccept.sapMBtnActive,
:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnAccept.sapMBtnActive .sapMBtnIcon {
	color: var(--sapButton_Accept_Active_TextColor);
}

:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnReject.sapMBtnActive,
:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnReject.sapMBtnActive .sapMBtnIcon {
	color: var(--sapButton_Reject_Active_TextColor);
}

:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnAttention.sapMBtnActive,
:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnAttention.sapMBtnActive .sapMBtnIcon {
	color: var(--sapButton_Attention_Active_TextColor);
}

:not(.sapMBtnDisabled) .sapMBtnBack > .sapMBtnIcon,
:not(.sapMBtnDisabled) .sapMBtnTransparent > .sapMBtnIcon {
	color: var(--sapButton_Lite_TextColor);
}

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

.sapMBtn .sapMBadge .sapMBadgeIndicator::after {
	background-color: var(--sapContent_BadgeBackground);
	border-color: var(--sapContent_BadgeBackground);
	color: var(--sapContent_BadgeTextColor);
	font-size: var(--sapFontSmallSize);
	text-align: center;
}

.sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
.sapMIBar-CTX .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {

	bdi {
		color: var(--sapButton_Lite_Hover_TextColor);
	}
}
/* END "Button.less" */

/* START "Carousel.less" */
/* =============================== */
/* CSS for control sap.m/Carousel  */
/* Horizon theme                   */
/* =============================== */

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

@_sap_m_Carousel_BackgroundColorSolid: var(--sapGroup_ContentBackground);
@_sap_m_Carousel_BackgroundColorTranslucent: var(--sapBackgroundColor);
@_sap_m_Carousel_MinWidth: 15.5rem;
@_sap_m_Carousel_PageIndicatorBarHeight: 2.75rem;
@_sap_m_Carousel_BottomArrowsOffset: calc(~'2.75rem + 1px');
@_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_PrevAndNextFocusBorderRadius: inherit;
@_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: var(--sapContent_ForegroundBorderColor);
@_sap_m_Carousel_BulletInactiveBorderColor: var(--sapContent_ForegroundBorderColor);
@_sap_m_Carousel_BulletActiveBackground: var(--sapContent_Selected_ForegroundColor);
@_sap_m_Carousel_BulletActiveBorder: var(--sapContent_Selected_ForegroundColor);
/* END "Carousel.less" */

/* START "CheckBox.less" */
/* =============================== */
/* CSS for control sap.m/CheckBox  */
/* Horizon theme                   */
/* =============================== */

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

.sapMCbBg {
	height: 1.375rem;
	width: 1.375rem;
	top: 0.6875rem;
	left: 0.6875rem;
	box-sizing: border-box;
	border-radius: var(--sapField_BorderCornerRadius);
	background-color: var(--sapField_Background);
	border: var(--sapField_BorderWidth) var(--sapField_BorderColor) solid;
	display: flex;
    align-items: center;
    justify-content: center;
	color: var(--sapContent_Selected_ForegroundColor);

	&.sapMCbMarkChecked::before {
		font-size: 1rem;
		color: currentColor;
	}

	&.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
		border-width: 0.25rem;
	}
}

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

.sapMCbRo .sapMCbBg {
	background-color: var(--sapField_ReadOnly_Background);
	border: var(--sapElement_BorderWidth) dashed var(--sapField_ReadOnly_BorderColor);
}

.sapMCbRo > .sapMCbBg.sapMCbMarkChecked::before {
	color: var(--sapField_TextColor);
}

.sapMCb:not(.sapMCbErr):not(.sapMCbWarn):not(.sapMCbInfo):not(.sapMCbSucc):hover .sapMCbHoverable {
	border: var(--sapField_BorderWidth) solid var(--sapField_Hover_BorderColor);
	color: var(--sapContent_Selected_ForegroundColor);
	background-color: var(--sapContent_Selected_Hover_Background);
}

.sapMCb:hover .sapMCbHoverable {
	background-color: var(--sapField_Hover_Background);
}

/* value state */
.sapMCbErr {

	.sapMCbBg {
		background-color: var(--sapField_InvalidBackground);
		border: var(--sapField_InvalidBorderWidth) solid var(--sapField_InvalidColor);
		color: var(--sapField_InvalidColor);

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

.sapMCbWarn {

	.sapMCbBg {
		background-color: var(--sapField_WarningBackground);
		border: var(--sapField_WarningBorderWidth) solid var(--sapField_WarningColor);
		color: var(--sapField_WarningColor);

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

.sapMCbInfo {

	.sapMCbBg {
		background-color: var(--sapField_InformationBackground);
		border: var(--sapField_InformationBorderWidth) solid var(--sapField_InformationColor);
		color: var(--sapField_InformationColor);

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

.sapMCbSucc {

	.sapMCbBg {
		background-color: var(--sapField_SuccessBackground);
		border: var(--sapField_SuccessBorderWidth) solid var(--sapField_SuccessColor);
		color: var(--sapField_SuccessColor);
	}
}

.sapMCb.sapMCbDisplayOnly:not(.sapMCbBgDis) {
	padding-left: 2.75rem;
}

.sapMCbDisplayOnly .sapMCbBg {
	top: 0.5625rem;
	left: 0.5625rem;

	&:not(.sapMCbMarkPartiallyChecked).sapMCbMarkChecked::before {
		color: var(--sapTextColor);
		font-size: 1rem;
	}

	&:not(.sapMCbMarkPartiallyChecked)::before {
		color: var(--sapTextColor);
		font-size: 1rem;
	}

	&.sapMCbMark.sapMCbMarkChecked.sapMCbMarkPartiallyChecked {
		width: 0.875rem;
		height: 0.875rem;
		border-radius: 0.0675rem;
		top: 0.9375rem;
		left: 0.9375rem;

		&::before {
			border-width: 0.125rem;
		}
	}
}

/* FOCUS */
.sapMCb {
	outline: none;
}

.sapMCb:focus::before {
	content: '';
	border: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
	inset: 0.3125rem;
	position: absolute;
	border-radius: var(--sapField_BorderCornerRadius);
}

.sapMCb.sapMCbHasLabel {
	padding-right: 0.3125rem;
}

.sapMCb.sapMCbHasLabel:focus::before {
	content: '';
	border: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
	top: 0.3125rem;
	left: 0.3125rem;
	bottom: 0.3125rem;
	right: 0;
	position: absolute;
	border-radius: 0.5rem;
}

/* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
.sapUiForm {

	.sapMCbBg {
		left: 0;
	}

	.sapMCb {
		padding-left: 2.0625rem; /* to have right gap between checkbox and label */
	}

	.sapMCb:not(.sapMCbBgDis).sapMCbHasLabel:focus::before,
	.sapMCb:not(.sapMCbBgDis):not(.sapMCbHasLabel):focus::before {
		left: -0.25rem; /* more is not possible as this would cut off the focus border */
	}
}

.sapUiSizeCompact {

	.sapMCb {
		height: 2rem;
		padding-left: 2rem;
		line-height: 2rem;
	}

	.sapMCbBg {
		height: 1rem;
		width: 1rem;
		top: 0.5rem;
		left: 0.5rem;
		border-radius: var(--sapField_BorderCornerRadius);

		&.sapMCbMarkChecked::before {
			font-size: 0.75rem;
		}

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

	.sapMCbErr .sapMCbBg.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before,
	.sapMCbWarn .sapMCbBg.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before,
	.sapMCbInfo .sapMCbBg.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
		border-width: 0.125rem;
	}

	.sapMCbDisplayOnly .sapMCbBg:not(.sapMCbMarkPartiallyChecked) {
		margin: 0;
	}

	.sapMCbDisplayOnly .sapMCbBg.sapMCbMark.sapMCbMarkChecked.sapMCbMarkPartiallyChecked {
		top: 0.5625rem;
		left: 0.5625rem;
	}

	/* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
	.sapUiForm {

		.sapMCbBg {
			left: 0;
		}

		.sapMCb {
			padding-left: 1.5rem; /* to have right gap between checkbox and label */
		}

		.sapMCb:not(.sapMCbBgDis).sapMCbHasLabel:focus::before {
			left: -0.1875rem;
		}
	}
}

/* END "CheckBox.less" */

/* START "ColorPalette.less" */
/* =================================== */
/* CSS for control sap.m/ColorPalette  */
/* Horizon theme                       */
/* =================================== */

@_sap_m_ColorPalette_SwatchWidthHitAreaCozy: 2.375rem;
@_sap_m_ColorPalette_SwatchWidthHitAreaCompact: 1.75rem;

html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
	border-radius: 0.25rem;

	&:hover,
	&.sapMColorPaletteSquareSelected {
		border-radius: 0.4375rem;
		margin: 0.0625rem;
		width: 2.25rem;
		height: 2.25rem;

		& > div {
			border-radius: 0.375rem;
		}
	}

	div {
		border-radius: 0.1875rem;
	}
}

.sap-desktop .sapMColorPalette .sapMBtn:focus {

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

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

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

	&::after {
		display: none;
	}

	&::before {
		border: 0.125rem solid var(--sapContent_FocusColor);
		border-radius: 0.4375rem;
		top: -0.3125rem;
		left: -0.3125rem;
		bottom: -0.3125rem;
		right: -0.3125rem;
	}

	&:hover,
	&.sapMColorPaletteSquareSelected {

		&::after {
			display: block;
			border: 0.0625rem solid var(--sapContent_ContrastFocusColor);
			border-radius: 0.3125rem;
			top: 0.0625rem;
			left: 0.0625rem;
			bottom: 0.0625rem;
			right: 0.0625rem;
		}

		&::before {
			border: 0.125rem solid var(--sapContent_FocusColor);
			border-radius: 0.4375rem;
			top: -0.0625rem;
			left: -0.0625rem;
			bottom: -0.0625rem;
			right: -0.0625rem;
		}
	}
}

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

	.sapMBtn {

		&:focus {

			.sap-desktop & {

				&::after {
					border-radius: 0.5rem;
					border: 0.125rem solid var(--sapContent_FocusColor);
				}
			}
		}

		.sapMBtnInner {
			height: 2.75rem;

			.sapMBtnContent {
				line-height: 2.75rem;
			}

			&.sapMBtnText {
				padding: 0;
			}
		}
	}

	.sapMBtnInner {
		border-radius: 0;
	}
}

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

	.sapMBtn .sapMBtnInner {
		height: 2rem;

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

	.sapMColorPaletteSquare {

		&:hover,
		&.sapMColorPaletteSquareSelected {
			margin: 0.0625rem;
			width: 1.625rem;
			height: 1.625rem;
		}
	}

	.sapMColorPaletteSquare:focus:not(:hover):not(.sapMColorPaletteSquareSelected)::before {
		top: -0.25rem;
		left: -0.25rem;
		bottom: -0.25rem;
		right: -0.25rem;
	}
}

html.sap-desktop .sapMColorPalette .sapMBtn:focus > .sapMFocusable::before {
	display: none;
}

.sap-phone .sapMColorPalette .sapMColorPaletteSquare {

	& > div {
		border-radius: 0.25rem;

		&:active {
			border-radius: 0.4375rem;
		}
	}
}

/* END "ColorPalette.less" */

/* START "CustomTile.less" */
/* ========================= */
/* CSS for sap.m/CustomTile  */
/* Horizon theme             */
/* ========================= */

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

/* START "Dialog.less" */
/* ============================= */
/* CSS for control sap.m/Dialog  */
/* Horizon theme                 */
/* ============================= */

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

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

@_sap_m_Dialog_NoStateHeaderShadow: var(--sapContent_HeaderShadow);
@_sap_m_Dialog_SuccessHeaderShadow: inset 0 -0.0625rem var(--sapSuccessBorderColor), var(--sapContent_HeaderShadow);
@_sap_m_Dialog_ErrorHeaderShadow: inset 0 -0.0625rem var(--sapErrorBorderColor), var(--sapContent_HeaderShadow);
@_sap_m_Dialog_WarningHeaderShadow: inset 0 -0.0625rem var(--sapWarningBorderColor), var(--sapContent_HeaderShadow);
@_sap_m_Dialog_InformationHeaderShadow: inset 0 -0.0625rem var(--sapInformationBorderColor), var(--sapContent_HeaderShadow);

@_sap_m_Dialog_HeaderFocusBorderBottomOffset: 0.125rem;
@_sap_m_Dialog_HeaderFocusBorderTopOffset: 0.0625rem;
@_sap_m_Dialog_HeaderFocusBorderLeftOffset: 0.0625rem;
@_sap_m_Dialog_HeaderFocusBorderRightOffset: 0.0625rem;
@_sap_m_Dialog_HeaderFocusBorderRadius: var(--sapElement_BorderCornerRadius);

/* This parameter is used in sap.m.Select. TODO: remove it when it is removed from there. */
@_sap_m_Dialog_HeaderShadowColor: darken(@sapUiGroupContentBackground, 8);

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

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

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

/* Responsive paddings */
.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;
				}
			}
		}
	}
}

.sapMDialog:not(.sapUiResponsiveContentPadding):not(.sapUiContentPadding) {

	&.sapMDialog-NoHeader .sapMDialogScroll {
		padding-top: 0.25rem;

		html.sap-phone .sapMDialogStretched& {
			padding-top: 0;
		}
	}

	&.sapMDialog-NoFooter .sapMDialogScroll {
		padding-bottom: 0.25rem;

		html.sap-phone .sapMDialogStretched& {
			padding-bottom: 0;
		}
	}
}
/* END "Dialog.less" */

/* START "DraftIndicator.less" */
/* ===================================== */
/* CSS for control sap.m/DraftIndicator  */
/* Horizon theme                         */
/* ===================================== */

.sapMDraftIndicator .sapMLabel {
	vertical-align: middle;
	line-height: 2rem;
	padding: 0 0.5rem 0 0.5rem;
}
/* END "DraftIndicator.less" */

/* START "DynamicDateRange.less" */
/* ======================================= */
/* CSS for control sap.m/DynamicDateRange  */
/* Horizon theme                           */
/* ======================================= */

.sapUiIcon.sapMDDRDateOption {
	color: var(--sapButton_Active_TextColor);
}

.sapMDynamicDateRangePopover section > .sapMLabel {
	margin: 1rem 0 0.5rem 0;
}
/* END "DynamicDateRange.less" */

/* START "Image.less" */
/* ============================= */
/* CSS for control sap.m/Image  */
/* Horizon theme                 */
/* ============================= */



.sapMImgFocusable:focus {
	outline: 0.125rem solid @sapUiContentFocusColor;
	outline-offset: 0rem;
	border-radius: 0.5rem;
}
/* END "Image.less" */

/* START "MessagePage.less" */
/* ================================== */
/* CSS for control sap.m/MessagePage  */
/* Horizon 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 "GenericTag.less" */
/* ================================= */
/* CSS for control sap.m/GenericTag  */
/* Horizon theme                     */
/* ================================= */

@_sap_m_Generic_TagBorderWidth: 0.375rem;
@_sap_m_GenericTag_IconPaddingRight: 0.375rem;
@_sap_m_GenericTag_HeightCozy: @_sap_m_GenericTag_HeightCompact;

.sapMGenericTagWrap {
	box-shadow: var(--sapContent_Shadow0);
	border-radius: var(--sapButton_BorderCornerRadius);
	background: ~"0 0 / @{_sap_m_Generic_TagBorderWidth} 100% no-repeat linear-gradient(0deg, var(--sapNeutralElementColor), var(--sapNeutralElementColor))";
	background-color: var(--sapNeutralBackground);
	border: none;
	padding: 0 0.375rem 0 0.75rem;

	.sapMGenericTagWarning & {
		background: ~"0 0 / @{_sap_m_Generic_TagBorderWidth} 100% no-repeat linear-gradient(0deg, var(--sapCriticalElementColor), var(--sapCriticalElementColor))";
		background-color: var(--sapWarningBackground);

		.sapMGenericTagIcon {
			color: var(--sapCriticalElementColor);
		}

		.sapMGenericTagValue {
			color: var(--sapCriticalTextColor);
		}
	}

	.sapMGenericTagError & {
		background: ~"0 0 / @{_sap_m_Generic_TagBorderWidth} 100% no-repeat linear-gradient(0deg, var(--sapNegativeElementColor), var(--sapNegativeElementColor))";
		background-color: var(--sapErrorBackground);

		.sapMGenericTagIcon {
			color: var(--sapNegativeElementColor);
		}

		.sapMGenericTagValue {
			color: var(--sapNegativeTextColor);
		}
	}

	.sapMGenericTagSuccess & {
		background: ~"0 0 / @{_sap_m_Generic_TagBorderWidth} 100% no-repeat linear-gradient(0deg, var(--sapPositiveElementColor), var(--sapPositiveElementColor))";
		background-color: var(--sapSuccessBackground);

		.sapMGenericTagIcon {
			color: var(--sapPositiveElementColor);
		}

		.sapMGenericTagValue {
			color: var(--sapPositiveTextColor);
		}
	}

	.sapMGenericTagInformation & {
		background: ~"0 0 / @{_sap_m_Generic_TagBorderWidth} 100% no-repeat linear-gradient(0deg, var(--sapInformativeElementColor), var(--sapInformativeElementColor))";
		background-color: var(--sapInformationBackground);

		.sapMGenericTagIcon {
			color: var(--sapInformativeElementColor);
		}

		.sapMGenericTagValue {
			color: var(--sapInformativeTextColor);
		}
	}

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

		.sapMGenericTagText,
		.sapMGenericTagValue,
		.sapMGenericTagIcon,
		.sapMObjectNumberText,
		.sapMObjectNumberUnit,
		.sapMGenericTagErrorIcon {
			text-shadow: none;
		}
	}

	.sapMGenericTagText {
		color: var(--sapList_TextColor);
		text-shadow: var(--sapContent_TextShadow);
	}

	.sapMGenericTagValue {
		text-shadow: var(--sapContent_TextShadow);
	}

	.sapMGenericTagErrorIcon {
		color: var(--sapNegativeElementColor);
	}

	.sapMGenericTagActive & {
		background-color: var(--sapList_Active_Background);

		.sapMGenericTagText,
		.sapMGenericTagValue,
		.sapMGenericTagIcon,
		.sapMObjectNumberText,
		.sapMObjectNumberUnit,
		.sapMGenericTagErrorIcon {
			color: var(--sapList_Active_TextColor);
			text-shadow: none;
		}
	}
}

html.sap-desktop .sapMGenericTag:focus {
	position: relative;

	&::after {
		position: absolute;
		content: ' ';
		inset: 0;
		border: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
		border-radius: var(--sapButton_BorderCornerRadius);
	}

	.sapMGenericTagWrap {
		box-shadow: none;
	}
}

.sapUiSizeCozy .sapMGenericTag {
	margin: 0.5625rem 0;
}
/* END "GenericTag.less" */

/* START "GenericTile.less" */
/* ================================== */
/* CSS for control sap.m/GenericTile  */
/* Horizon theme                      */
/* ================================== */

.sapMGT.sapMGTBackgroundImage {

	.sapMGTContent {
		border-bottom-left-radius: var(--sapTile_BorderCornerRadius);
		border-bottom-right-radius: var(--sapTile_BorderCornerRadius);
	}
}

.sapMGT.sapMGTScopeActions.sapMGTBackgroundImage .sapMGTMoreIcon {
	color: var(--sapContent_ContrastTextColor);
}

.sapMGT.sapMGTScopeActions.sapMGTBackgroundImage,
.sapMGT.sapMGTScopeSingleActions.sapMGTBackgroundImage {

	.sapMGTContent {

		&::before {
			border-radius: var(--sapTile_BorderCornerRadius);
		}
	}
}

.sapMGTTInfoContainer {
	height: 2.5rem;
}

.tileWithAppInfo {

	.sapMGTTInfo {
		padding: 0.125rem 1rem 0.125rem 0.25rem;
		text-transform: uppercase;
		margin-bottom: 0.7rem;
		border-radius: 0.125rem 0 0 0.125rem;
		background-color: var(--sapInfobar_NonInteractive_Background);
		width: fit-content;

		.sapMText {
			font-size: var(--sapFontSmallSize);
			text-align: right !important;
		}

		.sapMGTSystemInfoText {
			display: flex;
			justify-content: flex-end;

			.sapMText {
				color: var(--sapTile_TitleTextColor);
				padding-left: 0.15rem;
			}
		}

		.sapMGTAppAndSystemInfoDivider {
			height: 0.25rem;
		}

		.sapMGTAppShortcutText {
			display: flex;
			justify-content: flex-end;

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

.sapMGT.sapMGTScopeActions:not(.sapMGTStateLoading){

	.sapMTileCntContent {

		&::after {
			opacity: 0.4;
			background-color: var(--sapTile_Background);
		}
	}
}

.sapMGT.sapMGTScopeActions.OneByHalf:not(.sapMGTStateLoading),
.sapMGT.sapMGTScopeActions.TwoByHalf:not(.sapMGTStateLoading) {

	.sapMTileCntContent {

		&::after {
			top: -0.3125rem;
		}
	}
}

/* LINE MODE LIST VIEW */

.sapMGT.sapMGTLineMode {
	transition: background 0.2s;
	background: transparent;
}

.sapMGT.sapMGTLineMode:not(.sapMGTDisabled) {

	&:not(.sapMGTLineModePress):hover {
		background: var(--sapTile_Hover_Background);
		box-shadow: var(--sapContent_Shadow2);
	}
}

.sapMGT.sapMGTLineMode:active {
	background-color: var(--sapTile_Active_Background);
	outline: 0.125rem solid var(--sapContent_FocusColor) !important;
	outline-offset: -0.125rem;
	border: none;
}

.sapMGT.sapMGTLineMode:not(.sapMGTDisabled).sapMGTLineModePress {
	background: var(--sapTile_Active_Background);
}

.sapMGT.sapMGTLineMode .sapMGTFocusDiv {
	border-radius: 0;
}

.sapMGTLineMode .sapMGTLineModeFailedIcon {
	cursor: pointer;
	color: var(--sapContent_NonInteractiveIconColor);
	text-shadow: @sapUiShadowText;
}

.sapMGTLineMode.sapMGTDisabled > .sapMGTTouchArea > *:not(.sapMGTActionsContainer) {
	opacity: 0.5;
}

.sapMGTLineMode.sapMGTFailed .sapMGTLineModeFailedIcon ~ *:not(.sapMGTStyleHelper):not(.sapMGTActionsContainer):not(.sapMGTEndMarker) {
	opacity: 0.5;
}

.sapMGTLineMode .sapMGTActionsContainer .sapMGTRemoveButton {
	background-color: var(--sapButton_Background);
	color: var(--sapButton_TextColor);

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

.sapMGT.sapMGTScopeActions .sapMGTRemoveButton,
.sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton {

	.sapMBtnInner {
		border-color: var(--sapButton_BorderColor);
		background: var(--sapButton_Background);
	}

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

.sapMGTLineMode .sapMGTLineModeHelpContainer:not(:last-child) {
	-webkit-mask-image: linear-gradient(to right, #FFF ~"calc(100% - 1.5rem)", transparent);

	html[dir~=rtl] & {
		-webkit-mask-image: linear-gradient(to left, #FFF ~"calc(100% - 1.5rem)", transparent);
	}

	.sapMGTHdrTxt,
	.sapMGTSubHdrTxt {
		text-overflow: clip;
	}
}

/* LINE MODE FLOATING VIEW */

.sapUiMedia-GenericTileDeviceSet-large {

	.sapMGT.sapMGTLineMode:not(.sapMGTDisabled) {

		&:focus,
		&.sapMGTLineModePress {

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

.sapUiMedia-GenericTileDeviceSet-large {

	.sapMGT.sapMGTLineMode:not(.sapMGTDisabled) {

		&:hover .sapMGTLineStyleHelperInner {
			background: var(--sapTile_Hover_Background);
		}
	}

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

		& * {
			font-size: @sapMFontMediumSize;
		}

		&.sapMGTDisabled {

			.sapMGTHdrTxt,
			.sapMGTSubHdrTxt {
				opacity: 0.5;
			}
		}


		.sapMGTLineStyleHelper {

			&: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.2rem;
				border-bottom-left-radius: 0.2rem;
			}

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

		.sapMGTLineStyleHelperInner {
			transition: background 0.2s;
		}

		&.sapMGTLineModePress:not(.sapMGTDisabled) {

			&,
			&:hover {

				.sapMGTLineStyleHelperInner {
					background: var(--sapTile_Active_Background);
				}
			}
		}
	}
}

.sapMGTLineMode .sapMGTHdrTxt {
	color: var(--sapTile_TitleTextColor);
	font-size: @sapMFontMediumSize;
	text-shadow: @sapUiShadowText;
}

.sapMGTLineMode .sapMGTSubHdrTxt {
	color: var(--sapTile_TextColor);
	font-size: @sapMFontMediumSize;
	text-shadow: @sapUiShadowText;
}

.sapMGTWithoutImageHoverOverlay,
.sapMGTWithImageHoverOverlay {
	z-index: 1;
	position: absolute;
	pointer-events: none;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	border-radius: 0.25rem
}

html.sap-phone .sapMGTWithoutImageHoverOverlay,
html.sap-phone .sapMGTWithImageHoverOverlay,
html.sap-tablet .sapMGTWithoutImageHoverOverlay,
html.sap-tablet .sapMGTWithImageHoverOverlay {
	position: absolute;
	pointer-events: none;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	border-radius: 0.25rem
}

.sapMGT.sapMGTPressActive {
	box-shadow: none;

	&:not(.sapMGTBackgroundImage) {
		background: var(--sapTile_Active_Background);
	}

	&.sapMGTScopeActions .sapMTileCntContent::after {
		background-color: var(--sapTile_Active_Background);
	}
}

.sapMGT:hover:not(.sapMGTPressActive) {
	box-shadow: var(--sapContent_Shadow2);
	&:not(.sapMGTBackgroundImage) {
		background-color: var(--sapTile_Hover_Background);
	}

	&.sapMGTScopeActions .sapMTileCntContent::after {
		background-color: fade(@sapUiTileHoverBackground, 70);
	}
}

.sapMGTActionButtonPress.sapMGT:focus {

	.sapMGTFocusDiv {
		box-shadow: none;
	}
}

.sapMGTActionButtonPress.sapMGT:active {

	.sapMGTFocusDiv {
		border: none;
		box-shadow: none;
	}
}

.sapMGTActionButtonPress.sapMGT:focus-visible {

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

.sapMGT.sapMGTBackgroundImage:focus .sapMGTFocusDiv,
.sapMGT.sapMGTBackgroundImage:active .sapMGTFocusDiv {

	&::after {
		content: '';
		.sapMGTOverlayMixin();
		border-radius: 0.25rem;
		border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_ContrastFocusColor);
		z-index: 0;
	}
}

large.sapUiSizeCompact .sapMGT.sapMGTLineMode,
.sapUiMedia-GenericTileDeviceSet-large .sapUiSizeCompact .sapMGT.sapMGTLineMode {
	margin-right: 1rem;
	border: 1px solid var(--sapTile_BorderColor);
}

.sapMGT {
	border-color: var(--sapTile_BorderColor);
	box-shadow: var(--sapContent_Shadow0);

	.sapMGTContent {
		border-radius: 0 0 var(--sapTile_BorderCornerRadius) var(--sapTile_BorderCornerRadius);
	}
}

.sapMGT.tileWithAppInfo {

	.sapMGTContent{
		border-radius: 0;
	}
}

.sapUshellSection {

	.sapMGT.TwoByOne {
		width: 23rem;
	}

	.sapMGT.TwoByHalf {
		width: 23rem;
	}

	.sapMGT.TwoByHalf.sapMTileSmallPhone {
		width: 19rem;
	}

	.sapMGT.TwoByOne.sapMTileSmallPhone {
		width: 19rem;
	}
}

.sapMGT.TwoByOne {
	width: 22.5rem;
}

.sapMGT.TwoByOne.sapMGTActionMode {
	width: 20rem;
}

.sapMGT.sapMTileSmallPhone.TwoByOne.sapMGTActionMode {
	width: 19rem;
}

.sapMTileSmallPhone .sapMTileCntContent {
	height: 3.438rem;
}

.sapMGT.TwoByHalf {
	width: 22.5rem;
}

.sapMGTHdrTxt > .sapMText {
	font-weight: bold;
	font-size: var(--sapFontHeader6Size);
}

.sapMGTLineMode .sapMGTHdrTxt {
	font-weight: bold;
}

.sapMGT.sapMGTLineMode {
	border: 1px solid var(--sapTile_BorderColor) !important;
	border-radius: var(--sapTile_BorderCornerRadius) !important;
	box-shadow: var(--sapContent_Shadow0) !important;
}

.sapMGT.sapMGTLineMode.sapMGTInfoRendered {
	border: transparent !important;

	.sapMGTTInfoWrapper {
		border-radius: 0 var(--sapTile_BorderCornerRadius) var(--sapTile_BorderCornerRadius) 0 !important;
	}
}

.sapMGT.sapMGTLineMode.sapMGTInfoRendered:focus {

	.sapMGTFocusDiv {
		inset: 0;
	}
}

.sapMGT.sapMGTLineMode.sapMGTInfoRendered:not(.sapMGTDisabled):not(.sapMGTLineModePress):hover {
	border: transparent !important;
}

.sapMGT.sapMGTLineMode:not(.sapMGTDisabled):not(.sapMGTLineModePress):hover {
	background: var(--sapTile_Hover_Background);
	border: 1px solid var(--sapTile_BorderColor) !important;
	box-shadow: var(--sapContent_Shadow2) !important;
}

.sapMGT:hover:not(.sapMGTPressActive) {
	box-shadow: var(--sapContent_Shadow2) !important;
}

.sapMGTIconMode.sapMGT:hover:not(.sapMGTPressActive) {
	border: none !important;
}

.sapMTileCntFtrTxt .sapMLnk .sapUiIcon {
	font-size: 0.75rem !important;
	margin-left: 1px;
	margin-right: 1px;
}

.sapMGT:focus .sapMGTFocusDiv,
.sapMGT:active .sapMGTFocusDiv,
.sapMGTLineModePress .sapMGTFocusDiv {
	border-radius: var(--sapTile_BorderCornerRadius);
	inset: -1px;
}

.sapMGT:active {
	background-color: var(--sapTile_Active_Background);
	border: 0.0625rem solid var(--sapTile_Interactive_BorderColor);

	&.sapMGTIconMode {
		outline: 0.0625rem solid var(--sapTile_Interactive_BorderColor);
		border: none;
	}

	&.sapMGTNewsContent {
		overflow: hidden;
	}

	.sapMGTFocusDiv {
		box-shadow: none;
		border: none !important;
	}
}

.sapMGT:focus .sapMGTFocusDiv {
	border-radius: var(--sapTile_BorderCornerRadius);
	box-shadow: none;
	inset: -1px;
}

.sapMGT.sapMGTOneByOne:focus .sapMGTFocusDiv {
	inset: 0;
}

.sapMGT.sapMGTBackgroundImage:focus .sapMGTFocusDiv::after,
.sapMGT.sapMGTBackgroundImage:active .sapMGTFocusDiv::after {
	border: none;
	border-radius: var(--sapElement_BorderCornerRadius);
}

.sapMGTLineMode .sapMGTFocusDiv {
	border-radius: 16px !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.miniTileBackground {
	background: var(--sapTile_Background);
	box-shadow: var(--sapContent_Shadow0) !important;
}

.miniTileContainer .sapMGT {
	background: var(--sapTile_Background);
	box-shadow: var(--sapContent_Shadow0) !important;
}

.sapUshellTile,
.sapUshellTileWrapper,
.sapUshellTileInner,
.sapUshellTileBase,
.sapUshellInner .sapUshellTile-placeholder,
.sapUshellInner .sapUshellLinkTile-placeholder {
	border-radius: var(--sapElement_BorderCornerRadius);
}

.sapUshellTile {
	margin: 0 1rem 1rem 0;
}

.sapUshellSection .sapUshellSectionTitle {
	font-weight: bold;
}

.TwoByOne.sapMGTActionMode {
	border-radius: 1.25rem;

	.sapMGTFocusDiv {
		border-radius: 1.25rem !important;
	}
}

.sapMGT.sapMGTScopeActions.sapMGTIconMode.TwoByHalf {

	.sapMBtn.sapMGTMoreIcon {

		.sapMBtnInner {
			left: 0;
		}
	}
}

.sapMGT.sapMGTScopeActions,
.sapMGT.sapMGTScopeSingleAction {

	.sapMGTMoreIcon {

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

.sapMGT.OneByOne,
.sapMGT.TwoByOne {

	.sapMTileCnt.News {
		border-bottom-left-radius: 0.87rem;
		border-bottom-right-radius: 0.87rem;
	}
}

/* OVERLAYS AND HELPERS */

.sapMGTOverlay {
	border-radius: inherit;
}

.sapMGT.sapMGTBackgroundImage {

	.sapMGTOverlay {
		border-radius: 0.9rem;
	}

	&.sapMGTStateFailed {

		.sapMGTWithImageHoverOverlay {
			border-radius: var(--sapTile_BorderCornerRadius);
		}
	}

	&:active {

		.sapMGTOverlay {
			border-radius: 0.95rem;
		}
	}
}
/* END "GenericTile.less" */

/* START "GroupHeaderListItem.less" */
/* ========================================= */
/* CSS for control sap.m/GroupHeaderListItem */
/* Horizon theme                             */
/* ========================================= */
/* END "GroupHeaderListItem.less" */

/* START "FeedInput.less" */
/* ================================ */
/* CSS for control sap.m/FeedInput  */
/* Horizon theme                    */
/* ================================ */

@_sap_m_FeedInput_BackgroundColor: darken(@sapUiBaseColor, 9);

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

.sapMFeedIn .sapMFeedInContainer {
	background-color: var(--sapField_Background);
}
/* END "FeedInput.less" */

/* START "HeaderContainer.less" */
/* ====================================== */
/* CSS for control sap.m/HeaderContainer  */
/* Horizon theme                          */
/* ====================================== */

@_sap_m_HeaderContainer_TranslucentBackground: fade(@sapUiObjectHeaderBackground, 100);

.sapMHdrCntrBtn > .sapMBtnInner {
	border: none;
}

.sapMHdrCntrBGTransparent {
	background-color: transparent;
}

.sapMHdrCntrBGTranslucent {
	background-color: @_sap_m_HeaderContainer_TranslucentBackground;
}

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

.sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
	border-left: 1px solid var(--sapList_BorderColor);
}

.sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
	border-top: 1px solid var(--sapList_BorderColor);
}

.sapMHdrCntrBGTransparent {
	background-color: transparent;
}

/* END "HeaderContainer.less" */

/* START "IconTabBar.less" */
/* ================================= */
/* CSS for control sap.m/IconTabBar  */
/* Horizon theme                     */
/* ================================= */

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

@_sap_m_IconTabBar_TextShadow: none;
@_sap_m_IconTabBar_Separator_Font_Size: var(--sapFontLargeSize);
@_sap_m_IconTabBar_More_Button_Focus_Offset: -0.3125rem;
@_sap_m_IconTabBar_Arrow_SubItem_Left_Padding: 0.5rem;


/* ==================== 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;

/* 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_HeaderBackground: var(--sapObjectHeader_Background);

@_sap_m_IconTabBar_HeaderBorderBottom: none;
@_sap_m_IconTabBar_HeaderShadow: var(--sapContent_HeaderShadow);

/* 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;

/* =========== Badge =========== */
@_sap_m_IconTabBar_Badge_Neutral_Background: var(--sapNeutralElementColor);
@_sap_m_IconTabBar_Badge_Positive_Background: var(--sapPositiveElementColor);
@_sap_m_IconTabBar_Badge_Critical_Background: var(--sapCriticalElementColor);
@_sap_m_IconTabBar_Badge_Negative_Background: var(--sapNegativeElementColor);

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

@_sap_m_IconTabBar_SelectedTextColor: var(--sapTab_Selected_Background);
@_sap_m_IconTabBar_SelectedTextHoverColor: darken(@sapUiSelected, 10);
@_sap_m_IconTabBar_ArrowScroll_AfterHeight: 1px;
@_sap_m_IconTabBar_HeaderFocusBorderTopOffset: -4px;
@_sap_m_IconTabBar_HeaderFocusBorderBottomOffset: -4px;
@_sap_m_IconTabBar_HeaderFocusBorderRightOffset: -3px;
@_sap_m_IconTabBar_HeaderFocusBorderLeftOffset: -3px;
@_sap_m_IconTabBar_HeaderBorderRadius: 0.25rem;
@_sap_m_IconTab_Bar_Separator_Line: var(--sapGroup_TitleBorderColor);

/* =========== Overflow =========== */
@_sap_m_IconTabBar_Overflow_TextColor: var(--sapTextColor);
@_sap_m_IconTabBar_Overflow_Icon_Color: var(--sapTextColor);
@_sap_m_IconTabBar_Overflow_BorderColorHover: var(--sapButton_Hover_BorderColor);
@_sap_m_IconTabBar_Overflow_BackgroundColorHover: var(--sapButton_Hover_Background);
@_sap_m_IconTabBar_Overflow_BoxShadowHover: none;
@_sap_m_IconTabBar_Overflow_TextColorHover: var(--sapTextColor);
@_sap_m_IconTabBar_Overflow_Icon_ColorHover: var(--sapTextColor);

@_sap_m_IconTabBar_Overflow_BackgroundColorPressed: var(--sapButton_Active_Background);
@_sap_m_IconTabBar_Overflow_BorderColorPressed: var(--sapButton_Active_BorderColor);
@_sap_m_IconTabBar_Overflow_TextColorPressed: var(--sapButton_Active_TextColor);
@_sap_m_IconTabBar_Overflow_Icon_ColorPressed: var(--sapButton_Active_TextColor);

/* =========== Shell =========== */
@_sap_m_IconTabBar_ShellHeaderShadow: var(--sapShell_Shadow);
@_sap_m_IconTabBar_ShellSelectedTextColor: var(--sapShell_Navigation_Selected_TextColor);
@_sap_m_IconTabBar_Filter_Expand_Shell_BackgroundColor_Hover: var(--sapButton_Hover_Background);
@_sap_m_IconTabBar_Filter_Expand_Shell_BorderColor_Hover: var(--sapButton_Hover_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;
		}
	}

	.sapMITBDisabled {

		.sapMITHTextContent {
			color: var(--sapTextColor);
			font-family: var(--sapFontBoldFamily);
			font-size: @sapMFontMediumSize;
		}
	}

	.sapMITBSelected {

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

	.sapMITBFilterExpandBtnSeparator {
		border-right: 0.0625rem solid;
		margin-left: 0.625rem;
		border-color: @_sap_m_IconTabBar_TextColor;
		height: 0.625rem;
		margin-top: 1.0625rem;
	}

	/* More Button */
	.sapMITHStartOverflow,
	.sapMITHEndOverflow {

		.sapMITBItem {
			color: var(--sapButton_TextColor);
			background: var(--sapButton_Background);
			border: 1px solid var(--sapButton_BorderColor);

			.sapMITHShowSubItemsIcon {
				color: var(--sapTextColor);
			}
		}
	}

	.sapMITHEndOverflow,
	.sapMITHStartOverflow {

		.sapMITBItem:hover {
			background: var(--sapButton_Hover_Background);
			border: 1px solid @_sap_m_IconTabBar_Overflow_BorderColorHover;
		}
	}

	.sapMITHEndOverflow,
	.sapMITHStartOverflow {

		.sapMITHShowSubItemsIcon {
			padding-left: 0.375rem;
		}
	}

	/* Arrow button */
	.sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapUiIcon {
		color: var(--sapTextColor);
	}
}

/* Head Container - compact */

.sapUiSizeCompact.sapMITH {

	.sapMITBFilterIcon {
		line-height: 1.8rem;
	}

	.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.25rem;
	}
}

/* Content Container */

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

/* Tab Filter Item */

.sapMITH:not(.sapMITBTextOnly) .sapMITBHorizontal {

	.sapMITBFilterExpandBtn {
		margin-bottom: 0.9375rem;
	}
}

.sapMITH:not(.sapMITBTextOnly):not(.sapMITBNoText) .sapMITBVertical {

	.sapMITBFilterExpandBtn {
		margin-bottom: 1.875rem;
	}
}

.sapMITBNoText.sapMITH {

	.sapMITBFilterExpandBtn {
		margin-bottom: 0.9375rem;
	}
}

.sapMITBNoContentPadding .sapMITBTextOnly {

	.sapMITBFilterExpandBtnSeparator {
		margin-top: 1.3125rem;
	}

	.sapMITBFilterExpandBtn {
		margin-top: 0.25rem;
	}
}

.sapMITBTextOnly {

	.sapMITBFilterDefault.sapMITBSelected {

		.sapMITBText {
			color: var(--sapTab_Selected_TextColor);
		}

		.sapMITBFilterExpandBtnSeparator {
			border-color: var(--sapContent_Selected_ForegroundColor);
		}

		.sapMITBFilterExpandIcon {
			color: @_sap_m_IconTabBar_SelectedTextColor !important;
		}
	}

	.sapMITBFilterNeutral {

		.sapMITBText {
			color: var(--sapTab_Neutral_TextColor);
		}

		.sapMITBFilterWrapper:hover .sapMITBText {
			color: var(--sapTab_Neutral_TextColor);
		}

		.sapMITBFilterExpandBtn:hover {

			.sapMITBFilterExpandIcon {
				color: var(--sapTab_Neutral_TextColor);
			}
		}

		&.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
			border-color: var(--sapTab_Neutral_TextColor);
		}
	}

	.sapMITBFilterPositive {

		.sapMITBText {
			color: var(--sapTab_Positive_TextColor);
		}

		.sapMITBFilterWrapper:hover .sapMITBText {
			color: var(--sapTab_Positive_TextColor);
		}

		.sapMITBFilterExpandBtn:hover {

			.sapMITBFilterExpandIcon {
				color: var(--sapTab_Positive_TextColor) !important;
			}
		}

		&.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
			border-color: var(--sapTab_Positive_TextColor);
		}
	}

	.sapMITBFilterNegative {

		.sapMITBText {
			color: var(--sapTab_Negative_TextColor);
		}

		.sapMITBFilterWrapper:hover .sapMITBText {
			color: var(--sapTab_Negative_TextColor);
		}

		.sapMITBFilterExpandBtn:hover {

			.sapMITBFilterExpandIcon {
				color: var(--sapTab_Negative_TextColor);
			}
		}

		&.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
			border-color: var(--sapTab_Negative_TextColor);
		}
	}

	.sapMITBFilterCritical {

		.sapMITBText {
			color: var(--sapTab_Critical_TextColor);
		}

		.sapMITBFilterWrapper:hover .sapMITBText {
			color: var(--sapTab_Critical_TextColor);
		}

		.sapMITBFilterExpandBtn:hover {

			.sapMITBFilterExpandIcon {
				color: var(--sapTab_Critical_TextColor);
			}
		}

		&.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
			border-color: var(--sapTab_Critical_TextColor);
		}
	}
}

.sapMITBFilterIcon {
	border: 0.125rem solid var(--sapTab_ForegroundColor);
}

.sapMITBFilterDefault {
	color: var(--sapTab_IconColor);

	.sapMITBFilterExpandBtnSeparator {
		border-color: var(--sapTextColor);
	}

	.sapMITBFilterExpandIcon {
		color: var(--sapTextColor);
	}
}

.sapMITBTab .sapMITBFilterIcon {
	background-color: var(--sapTab_Background);
}

.sapMITBFilterNeutral {
	color: var(--sapTab_Neutral_IconColor);
	border-color: var(--sapTab_Neutral_ForegroundColor);

	.sapMITBFilterExpandBtnSeparator {
		border-color: var(--sapTab_Neutral_TextColor);
	}

	&.sapMITBItem.sapMITBFilterWithItems .sapMITBFilterExpandIcon.sapUiIcon {
		color: var(--sapTab_Neutral_TextColor);
	}
}

.sapMITBFilterPositive {
	color: var(--sapTab_Positive_IconColor);
	border-color: var(--sapTab_Positive_ForegroundColor);

	.sapMITBFilterExpandBtnSeparator {
		border-color: var(--sapTab_Positive_TextColor);
	}

	&.sapMITBItem.sapMITBFilterWithItems .sapMITBFilterExpandIcon.sapUiIcon {
		color: var(--sapTab_Positive_TextColor);
	}
}

.sapMITBFilterNegative {
	color: var(--sapTab_Negative_IconColor);
	border-color: var(--sapTab_Negative_ForegroundColor);

	.sapMITBFilterExpandBtnSeparator {
		border-color: var(--sapTab_Negative_TextColor);
	}

	&.sapMITBItem.sapMITBFilterWithItems .sapMITBFilterExpandIcon.sapUiIcon {
		color: var(--sapTab_Negative_TextColor);
	}
}

.sapMITBFilterCritical {
	color: var(--sapTab_Critical_IconColor);
	border-color: var(--sapTab_Critical_ForegroundColor);

	.sapMITBFilterExpandBtnSeparator {
		border-color: var(--sapTab_Critical_TextColor);
	}

	&.sapMITBItem.sapMITBFilterWithItems .sapMITBFilterExpandIcon.sapUiIcon {
		color: var(--sapTab_Critical_TextColor);
	}
}

.sapMITH:not(.sapMITBTextOnly) {

	.sapMITBFilterNeutral {

		.sapMITBFilterExpandBtnSeparator {
			border-color: var(--sapTab_Neutral_TextColor);
		}

		&.sapMITBItem.sapMITBFilterWithItems  .sapMITBFilterExpandIcon.sapUiIcon {
			color: var(--sapTab_Neutral_TextColor);
		}
	}

	.sapMITBFilterPositive {

		.sapMITBFilterExpandBtnSeparator {
			border-color: var(--sapTab_Positive_TextColor);
		}

		&.sapMITBItem.sapMITBFilterWithItems  .sapMITBFilterExpandIcon.sapUiIcon {
			color: var(--sapTab_Positive_TextColor);
		}
	}

	.sapMITBSelected .sapMITBFilterPositive {
		background: var(--sapTab_Positive_Selected_Background);
		color: var(--sapTab_Positive_Selected_IconColor);
	}

	.sapMITBFilterNegative {

		.sapMITBFilterExpandBtnSeparator {
			border-color: var(--sapTab_Negative_TextColor);
		}

		&.sapMITBItem.sapMITBFilterWithItems  .sapMITBFilterExpandIcon.sapUiIcon {
			color: var(--sapTab_Negative_TextColor);
		}
	}

	.sapMITBSelected .sapMITBFilterNegative {
		background: var(--sapTab_Negative_Selected_Background);
		color: var(--sapTab_Negative_Selected_IconColor);
	}

	.sapMITBFilterCritical {

		.sapMITBFilterExpandBtnSeparator {
			border-color: var(--sapTab_Critical_TextColor);
		}

		&.sapMITBItem.sapMITBFilterWithItems  .sapMITBFilterExpandIcon.sapUiIcon {
			color: var(--sapTab_Critical_TextColor);
		}
	}

	.sapMITBSelected .sapMITBFilterCritical {
		background: var(--sapTab_Critical_Selected_Background);
		color: var(--sapTab_Critical_Selected_IconColor);
	}
}

.sapMITBSelected {

	.sapMITBContentArrow::after {
		background: @_sap_m_IconTabBar_SelectedTextColor;
	}

	&.sapMITBFilterNeutral .sapMITBContentArrow::after {
		background: var(--sapTab_Neutral_ForegroundColor);
	}

	&.sapMITBFilterPositive .sapMITBContentArrow::after {
		background: var(--sapTab_Positive_ForegroundColor);
	}

	&.sapMITBFilterNegative .sapMITBContentArrow::after {
		background: var(--sapTab_Negative_ForegroundColor);
	}

	&.sapMITBFilterCritical .sapMITBContentArrow::after {
		background: var(--sapTab_Critical_ForegroundColor);
	}

	.sapMITBFilterDefault {
		background: @_sap_m_IconTabBar_SelectedTextColor;
		color: var(--sapTab_Selected_IconColor);
	}
}

.sapMITHShowSubItemsIcon {
	bottom: -1.5px;
	position: relative;
}

/* 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 @_sap_m_IconTab_Bar_Separator_Line;
		margin: 0.625rem 0.125rem 0 0.125rem;
	}

	.sapMITBItem .sapMITBFilterIcon {
		margin-right: @_sap_m_IconTabBar_HorizontalTextPaddingLeft;
	}
}

.sapMITBAll {

	.sapMITBTab {
		margin-top: 0.4rem;
	}

	&.sapMITBHorizontal {

		.sapMITBTab {
			margin-top: 0;
		}

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

	.sapMITBCount {
		font-family: var(--sapFontBoldFamily);
		font-size: var(--sapFontHeader3Size);
	}

	.sapMITBText {
		font-family: var(--sapFontHeaderFamily);
		font-size: var(--sapFontSmallSize);
	}
}

.sapMITBSepLine {
	border: unset;
	border-right: 1px solid @_sap_m_IconTab_Bar_Separator_Line;
}

.sapUiMedia-Std-Phone {

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

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

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

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

	.sapMITBFilter .sapMITBCount {
		color: var(--sapContent_LabelColor);
		font-family: var(--sapFontFamily);
		font-size: @sapMFontMediumSize;
	}

	.sapMITH.sapUiSizeCompact {

		.sapMITBItem:focus.sapMITBAll {

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

	.sapMITHStartOverflow,
	.sapMITHEndOverflow {

		.sapMITBItem:not(.sapUiDnDDragging):focus {

			&::after {
				border-radius: 1.75rem;
			}
		}
	}

	.sapMITH {

		.sapMITHStartOverflow,
		.sapMITHEndOverflow {

			.sapMITBItem {

				&:active {
					background-color: @_sap_m_IconTabBar_Overflow_BackgroundColorPressed;
					border: 1px solid @_sap_m_IconTabBar_Overflow_BorderColorPressed;
				}

				&:active::after {
					/* when overflow is pressed, hide the focus */
					border-color: transparent;
				}
			}
		}
	}
}

.sapUiMedia-Std-Tablet,
.sapUiMedia-Std-Desktop {

	.sapMITHEndOverflow {
		padding-left: 0.188rem;
		margin-left: 0px;
	}
}

html.sap-desktop {

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

		&::after {
			top: -5px;
			bottom: -5px;
			right: -5px;
			left: -5px;
			border-radius: inherit;
		}
	}
}

.sapUiMedia-Std-Phone {

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

		&::after {
			right: 6px !important;
			left: -1px !important;
		}
	}
}

.sapMITBFilter .sapMITBText {
	font-weight: bold;
}

/* ------------------------------------------------ */
/* Shell overrides */
/* ------------------------------------------------ */

.sapUshellShellTabBar .sapMITH,
.sapUshellShellTabBar.sapMITH {

	/* More Button */
	.sapMITHStartOverflow,
	.sapMITHEndOverflow {

		.sapMITBItem {
			border: 1px solid var(--sapButton_BorderColor);
			color: var(--sapShell_Navigation_TextColor);
			background-color: var(--sapShell_InteractiveBackground);

			.sapMITHShowSubItemsIcon {
				color: var(--sapShell_Navigation_TextColor);
			}

			&:hover {
				box-shadow: var(--sapContent_Interaction_Shadow);
			}
		}
	}

	.sapMITH .sapMITBFilter.sapMITBSelected .sapMITBCount,
	.sapMITH .sapMITBFilter.sapMITBSelected .sapMITBCount {
		color: var(--sapShell_Navigation_SelectedColor);
	}

	.sapMITBSelected:not(.sapMITBDisabled) .sapMITBContentArrow::after {
		background: var(--sapShell_Navigation_SelectedColor);
	}

	.sapMITH .sapMITBFilterWithItems .sapMITBFilterExpandBtn {
		margin-left: 0.188rem;
	}

	.sapMITHStartOverflow,
	.sapMITHEndOverflow {

		.sapMITBItem {
			background-color: var(--sapShell_InteractiveBackground);

			&:hover {
				background: var(--sapShell_Hover_Background);
				background-color: var(--sapShell_Hover_Background);
				border-color: @_sap_m_IconTabBar_ShellOverflowHoverBorderColor;
			}
		}
	}

	html.sap-desktop & {

		.sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBFilterIcon,
		.sapMITBTextOnly .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText,
		.sapMITBItem:not(.sapUiDnDDragging):focus.sapMITBAll,
		.sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText,
		.sapMITHStartOverflow .sapMITBItem:not(.sapUiDnDDragging):focus,
		.sapMITHEndOverflow .sapMITBItem:not(.sapUiDndDragging):focus {

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

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

.sapMITH,
.sapMITBFilterPopover {

	.sapMITFExpandButtonBadge {
		left: 0.5rem;
	}
}

.sapMITH {

	.sapMITBFilterWithItems .sapMITBFilterExpandBtn {
		margin-left: -1px; /* to hide the separator on hover over the button */
	}
}
/* END "IconTabBar.less" */

/* START "IconTabBarSelectList.less" */
/* =========================================== */
/* CSS for control sap.m/IconTabBarSelectList  */
/* Horizon theme                               */
/* =========================================== */

@_sap_m_IconTabBar_List_Focus_Offset: 2px;
/* END "IconTabBarSelectList.less" */

/* START "InputBase.less" */
/* ================================ */
/* CSS for control sap.m/InputBase  */
/* Horizon 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.25rem;
@_sap_m_InputBase_IconWidth: 2.25rem;
@_sap_m_InputBase_Compact_IconWidth: 2rem;
@_sap_m_InputBase_IconMinWidth: 2rem;
@_sap_m_InputBaseWrapper_Sum_Border: 0;
@_sap_m_InputBase_FocusOffset: 0px;
@_sap_m_InputBase_FocusOffset_Busy: @_sap_m_InputBase_FocusOffset;
@_sap_m_InputBase_FocusBorderRadius: 0.25rem;

.sapMInputBase:not(.sapMInputBaseReadonly) .sapMInputBaseIconContainer .sapMInputBaseIcon {
	width: @_sap_m_InputBase_IconWidth;
	height: 2.1875rem;
	border-radius: var(--sapField_BorderCornerRadius);
}

.sapMInputBase .sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMInputBaseIconContainer .sapMInputBaseIcon {
	height: 2.125rem;
}

.sapUiSizeCompact .sapMInputBase {

	&:not(.sapMInputBaseReadonly) .sapMInputBaseIconContainer .sapMInputBaseIcon {
		width: @_sap_m_InputBase_Compact_IconWidth;
		height: 1.5625rem;
		line-height: 1.625rem;
	}

	.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMInputBaseIconContainer .sapMInputBaseIcon {
		height: 1.5rem;
	}
}

.sapMInputBase:not(.sapMInputBaseDisabled).sapMInputBaseIconPressed .sapMInputBaseIconContainer .sapMInputBaseIcon,
.sapMInputBase:not(.sapMInputBaseDisabled) .sapMInputBaseIconContainer .sapMInputBaseIcon:active {
	background-color: var(--sapField_Focus_Background);
}

.sapMInputBaseIconPressed .sapMInputBaseIcon::before,
.sapMInputBaseIcon:active {
	color: var(--sapButton_Selected_TextColor);
}

.sapMInputBaseIconPressed .sapMInputBaseContentWrapperSuccess .sapMInputBaseIcon::before,
.sapMInputBaseContentWrapperSuccess .sapMInputBaseIconContainer .sapMInputBaseIcon:active {
	color: var(--sapButton_Accept_Selected_TextColor);
}

.sapMInputBaseIconPressed .sapMInputBaseContentWrapperError .sapMInputBaseIcon::before,
.sapMInputBaseContentWrapperError .sapMInputBaseIconContainer .sapMInputBaseIcon:active {
	color: var(--sapButton_Reject_Selected_TextColor);
}

.sapMInputBaseIconPressed .sapMInputBaseContentWrapperWarning .sapMInputBaseIcon::before,
.sapMInputBaseContentWrapperWarning .sapMInputBaseIconContainer .sapMInputBaseIcon:active {
	color: var(--sapButton_Attention_Selected_TextColor);
}

.sapMInputBaseHasEndIcons.sapMInputBaseHasBeginIcons .sapMInputBaseContentWrapper {
	padding-left: 0.125 * @sapContent_GridSize;
}

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

.sapMFocus.sapMInputBase .sapMInputBaseContentWrapper:not(.sapMInputBaseDisabledWrapper) {
	background-color: var(--sapField_Focus_Background);
	outline: none;

	&::before {
		border-color: var(--sapField_Active_BorderColor);
	}

	&.sapMInputBaseReadonlyWrapper {
		background: var(--sapField_ReadOnly_Background);
	}

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

	&.sapMInputBaseContentWrapperWarning::before {
		border-color: var(--sapField_WarningColor);
	}

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

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

.sapMInputBase:not(.sapMFocus) .sapMInputBaseContentWrapperState:hover,
.sapMInputBase:not(.sapMFocus).sapMInputBaseIconPressed .sapMInputBaseContentWrapperState {
	background-color: var(--sapField_Hover_Background);
}

.sapUiSizeCondensed {

	.sapUiTableDataCell .sapMInputBase .sapMInputBaseIconContainer .sapMInputBaseIcon {
		min-width: 1.375rem;
		height: 1.3125rem;
		width: 1.375rem;
		line-height: 1.375rem;
	}
	.sapMInputBase .sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMInputBaseIconContainer .sapMInputBaseIcon {
		height: 1.25rem;
	}
	.sapMInputBase {
		line-height: 1.25rem;
	}
}

/* List specific styles */
.sapMILI-CTX .sapMInputBaseContentWrapper,
.sapMILI-CTX .sapMInputBaseInner,
.sapMILI-CTX .sapMInputBaseDisabled .sapMInputBaseInner,
.sapMILI-CTX .sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
	text-align: right;
}
/* END "InputBase.less" */


/* note: the following three files are not in alphabetical order and should be imported after InputBase.less */
/* START "ColumnListItem.less" */
/* ==================================== */
/* CSS for control sap.m/ColumnListItem */
/* Horizon 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 "ComboBoxBase.less" */
/* =================================== */
/* CSS for control sap.m/ComboBoxBase  */
/* Horizon theme                       */
/* =================================== */

.sapMInputBase:not(.sapMInputBaseDisabled).sapMInputBaseIconPressed .sapMInputBaseIconContainer .sapMComboBoxBaseClearIcon,
.sapMInputBase:not(.sapMInputBaseDisabled).sapMInputBaseIconPressed .sapMInputBaseIconContainer .sapMComboBoxBaseClearIcon:hover {
	background-color: transparent;
	box-shadow: none;

	&:active {
		background-color: var(--sapField_Focus_Background);
		box-shadow: var(--sapContent_Interaction_Shadow);
	}
}

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

/* START "Label.less" */
/* =============================== */
/* CSS for control sap.m/Label     */
/* Horizon theme                   */
/* =============================== */

.sapMTB-Info-CTX > .sapMLabel {
	font-style: italic;

	& > .sapMLabelTextWrapper {
		padding-right: 5px;
	}
}

.sapUiTableHeaderDataCell .sapMLabel,
.sapMListTbl .sapMColumnHeader .sapMLabel {
	font-family: var(--sapFontSemiboldDuplexFamily);
	font-weight: normal;
}
/* END "Label.less" */

/* START "LightBox.less" */
/* ------------------------------- */
/* CSS for control sap.m/LightBox  */
/* Horizon theme                   */
/* ------------------------------- */

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

@_sap_m_LightBox_ContainerBackground: var(--sapGroup_ContentBackground);
@_sap_m_LightBox_SubtitleMarginTop: 0.25rem;
@_sap_m_LightBox_OverlayOpacity: 0.2;
@_sap_m_LightBox_FontFamily: var(--sapFontHeaderFamily);

/* ------------------------------- */
/* 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  */
/* Horizon theme               */
/* =========================== */

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

.sapMLIBActive .sapMLnk {
	color: var(--sapList_Active_TextColor);
	text-decoration: underline;
}

.sapMLnk.sapMLnkSubtle {
	color: var(--sapLink_SubtleColor);
	text-decoration: underline;

	&:not(.sapMLnkDsbl) {

		&:active {
			color: var(--sapLink_SubtleColor);
		}
	}
}

html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {

	&:focus {
		border-radius: 0.125rem;
		background-color: var(--sapContent_FocusColor);
		color: var(--sapContent_ContrastTextColor);
		text-shadow: none;
		outline: none;

		&:hover:not(:active) {
			text-decoration: none;
		}
	}

	&.sapMLnkSubtle {

		&:hover:not(:active):not(:focus) {
			color: var(--sapLink_SubtleColor);
			text-decoration: none;
		}
	}
}

.sapMLnk:not(.sapMLnkDsbl) {
	text-shadow: var(--sapContent_TextShadow);
}

/* 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 */
}

.sapMListTblRow.sapMLIBSelected .sapMLnk:not(.sapMLnkDsbl) {
	text-shadow: var(--sapContent_TextShadow);
}

.sapMLnk.sapMLnkLargeReactiveArea {
	line-height: 1.5rem;
}
/* END "Link.less" */

/* START "ListBase.less" */
/* =============================== */
/* CSS for control sap.m/ListBase  */
/* Horizon theme                   */
/* =============================== */

.sapMGrowingListDescription,
.sapMGrowingListTriggerText > .sapMSLITitle {
	text-shadow: @sapUiShadowText;
}

.sapMSticky > .sapMListHdrText,
.sapMSticky > .sapMListHdrTBar.sapMTB-Transparent-CTX {
	background: lighten(@sapUiListHeaderBackground, 2);
}

.sapUiTableOnObjectPageAdjustmentsForSection .sapMListHdrText,
.sapUiTableOnObjectPageAdjustmentsForSection .sapMSticky > .sapMListHdrTBar.sapMTB-Transparent-CTX {
	background: var(--sapBackgroundColor);
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.sapMListHdr {
	border-top-right-radius: var(--sapElement_BorderCornerRadius);
	border-top-left-radius: var(--sapElement_BorderCornerRadius);
}

.sapMListHdrText {
	font-size: var(--sapGroup_Title_FontSize);
}

.sapUiTableOnObjectPageAdjustmentsForSection .sapMListHdr {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.sapMGrowingList {
	background-color: var(--sapList_Background);
}

.sapMGrowingListDummyColumn {
	border-right: 1px solid var(--sapList_TableFixedBorderColor);
}

.sapMGrowingListTrigger {
	border-top: var(--sapList_BorderWidth) solid var(--sapList_HeaderBorderColor);
}

._sap_m_ListBase_Rounded_HeaderToolbarMixin();
/* END "ListBase.less" */

/* START "ListItemBase.less" */
/* =================================== */
/* CSS for control sap.m/ListItemBase  */
/* Horizon theme                       */
/* =================================== */

@_sap_m_ListItemBase_ListTextShadowColor: none;
@_sap_m_ListItemBase_DeleteIcon: decline;
@_sap_m_ListItemBase_ButtonMarginTop: 0;

.sapMLIBCounter {
	text-shadow: @_sap_m_ListItemBase_ListTextShadowColor;
}

.sapMLIB.sapMLIBSelected {
	border-bottom: 0.0625rem solid var(--sapList_SelectionBorderColor);
}
/* END "ListItemBase.less" */

/* START "MenuButton.less" */
/* ================================= */
/* CSS for control sap.m/MenuButton  */
/* Horizon 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.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.sapMMenuBtnRegular .sapMBtnInner::after {
	font-size: 1rem;
}

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

.sapMIBar .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnTransparent::after,
.sapMIBar .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnDefault::after,
.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnTransparent::after,
.sapMMenuBtn.sapMMenuBtnRegular:hover .sapMBtnInner.sapMBtnDefault::after {
	color: var(--sapButton_Active_TextColor);
}

.sapMMenuBtnSplit .sapMSB:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {

	.sapMBtnContent {
		position: relative;
		left: 0;
	}
}

.sapUiSizeCompact {

	.sapMMenuBtnSplit .sapMSB:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
		padding-right: 0.3125rem;
		padding-left: 0.3125rem;
	}

	.sapMMenuBtn .sapMBtn:not(.sapMSBArrow) .sapMBtnInner .sapMBtnIcon,
	.sapMMenuBtn .sapMBtn:not(.sapMSBArrow) .sapMBtnInner .sapMBtnContent {
		position: relative;
		top: 0;
		left: 0;
	}
}

.sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnReject.sapMBtnActive::after {
	color: var(--sapButton_Reject_Selected_TextColor);
}

.sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnAttention.sapMBtnActive::after {
	color: var(--sapButton_Attention_TextColor);
}

.sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnAccept.sapMBtnActive::after {
	color: var(--sapButton_Accept_Selected_TextColor);
}

.sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnNegative.sapMBtnActive::after {
	color: var(--sapButton_Negative_Active_TextColor);
}

.sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnCritical.sapMBtnActive::after {
	color: var(--sapButton_Critical_Active_TextColor);
}

.sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnSuccess.sapMBtnActive::after {
	color: var(--sapButton_Success_Active_TextColor);
}
/* END "MenuButton.less" */

/* START "MessageBox.less" */
/* ================================= */
/* CSS for control sap.m/MessageBox  */
/* Horizon theme                     */
/* ================================= */

/* header shadow - different states */
@_sap_m_MessageBox_HeaderShadow:  inset 0 -0.0625rem;
@_sap_m_MessageBox_Shadow: var(--sapContent_HeaderShadow);
@_sap_m_MessageBox_InformationShadow: @_sap_m_MessageBox_HeaderShadow var(--sapInformationBorderColor), @_sap_m_MessageBox_Shadow;
@_sap_m_MessageBox_WarningShadow: @_sap_m_MessageBox_HeaderShadow var(--sapWarningBorderColor), @_sap_m_MessageBox_Shadow;
@_sap_m_MessageBox_ErrorShadow:  @_sap_m_MessageBox_HeaderShadow var(--sapErrorBorderColor), @_sap_m_MessageBox_Shadow;
@_sap_m_MessageBox_SuccessShadow: @_sap_m_MessageBox_HeaderShadow var(--sapSuccessBorderColor), @_sap_m_MessageBox_Shadow;
@_sap_m_MessageBox_QuestionShadow: @_sap_m_MessageBox_HeaderShadow var(--sapNeutralColor);

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

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

/* START "MessageStrip.less" */
/* =================================== */
/* CSS for control sap.m/MessageStrip  */
/* Horizon theme                       */
/* =================================== */


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

	.sapMBtnTransparent {
		background-color: var(--sapInformationBackground);
		border-color: var(--sapInformationBackground);
	}

	.sapMMsgStripIcon {
		color: var(--sapInformativeElementColor);
	}
}

.sapMMsgStripError {
	border-color: var(--sapMessage_ErrorBorderColor);

	.sapMBtnTransparent {
		background-color: var(--sapErrorBackground);
		border-color: var(--sapErrorBackground);
	}
}

.sapMMsgStripSuccess {
	border-color: var(--sapMessage_SuccessBorderColor);

	.sapMBtnTransparent {
		background-color: var(--sapSuccessBackground);
		border-color: var(--sapSuccessBackground);
	}
}

.sapMMsgStripWarning {
	border-color: var(--sapMessage_WarningBorderColor);

	.sapMBtnTransparent {
		background-color: var(--sapWarningBackground);
		border-color: var(--sapWarningBackground);
	}
}

.sapMMsgStripMessage > .sapMLnk {
	padding-right: 0.25rem;
	padding-left: 0.25rem;
}

.sapMMsgStripCloseButton {
	top: -0.4375rem;
}
/* END "MessageStrip.less" */

/* START "MessageView.less" */
/* ================================== */
/* CSS for control sap.m/MessageView  */
/* Horizon 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;
		}
	}

	.sapMLIBActive .sapMLIBImgNav {
		background: none;
	}

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

	.sapMSLITitle {
		font-size: var(--sapFontHeader6Size);
	}

	.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;
		font-family: var(--sapFontHeaderFamily);
		font-size: @sapUiFontHeader5Size;
		font-weight: @sapUiFontHeaderWeight;
	}

	.sapMMsgViewTitleText:not(.sapMLnk) {
		color: var(--sapGroup_TitleTextColor);
	}

	.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-left: 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;
}

.sapMMsgView .sapMMsgViewDescriptionLink,
.sapMMsgView .sapMMsgViewItem .sapMSLITitle {
	width: fit-content;
	max-width: 100%;
}

/* Compact size */
.sapUiSizeCompact .sapMMsgView {

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

/* START "MessageToast.less" */
/* =================================== */
/* CSS for control sap.m/MessageToast  */
/* Horizon theme                          */
/* =================================== */

.sapMMessageToast.sapMFocus {
	outline-offset: -0.1875rem;
}
/* END "MessageToast.less" */

/* START "MultiComboBox.less" */
/* ==================================== */
/* CSS for control sap.m/MultiComboBox  */
/* Morning Horizon theme                */
/* ==================================== */

.sapMMultiComboBox.sapMInputBaseReadonly.sapMMultiComboBoxHasToken.sapMFocus .sapMTokenizer {
	left: 0;
}

.sapMMultiComboBoxPicker .sapMListHdrTBar {
	border-radius: 0;
}

.sapMMultiComboBoxPicker .sapMMultiComboBoxSelectAll.sapMTB.sapMIBar.sapMMultiComboBoxSelectAllFocused,
.sapMMultiComboBoxPicker .sapMValueStateHeaderRoot.sapMFocusable:focus {
	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
	outline-offset: -0.25rem;
}

.sapMMultiComboBox .sapMTokenizer {
	padding-top: 1px;
}

.sapUiSizeCondensed .sapUiTableDataCell .sapMMultiComboBox .sapMTokenizer {
	padding-top: 0px;

	.sapMToken {
		margin-top: 0.0625rem;
		margin-bottom: 0.0625rem;
	}
}

.sapUiSizeCompact {

	.sapMMultiComboBox.sapMMultiComboBoxHasToken .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {

		.sapMToken {
			margin-top: 0.125rem;
			margin-bottom: 0.125rem;
		}
	}
}
/* END "MultiComboBox.less" */

/* START "MultiInput.less" */
.sapMMultiInput.sapMInputBaseReadonly.sapMMultiInputHasTokens.sapMInputFocused .sapMTokenizer {
	left: 0;
}

.sapMMultiInput .sapMTokenizer {
	padding-top: 1px;
}

.sapUiSizeCondensed .sapUiTableDataCell .sapMMultiInput .sapMTokenizer {
	padding-top: 0px;
	.sapMToken {
		margin-top: 0.0625rem;
		margin-bottom: 0.0625rem;
	}
}

.sapUiSizeCompact {
	.sapMMultiInput.sapMMultiInputHasTokens .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
		.sapMToken {
			margin-top: 0.125rem;
			margin-bottom: 0.125rem;
		}
	}
}
/* END "MultiInput.less" */

/* START "NewsContent.less" */
/* ================================== */
/* CSS for control sap.m/NewsContent  */
/* Horizon theme                      */
/* ================================== */

@_sap_m_NewsContent_HeaderTextColor: contrast(@sapTile_Background,@sapContent_LabelColor,@sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@_sap_m_NewsContent_SubHeaderTextColor: contrast(@sapTile_Background,@sapContent_LabelColor,@sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

.sapMNwC {
	background-color: fade(@sapUiTileBackground, 60);
	height: 3.625rem;
}

.sapMTileCnt.News {

	.sapMNwC {

		.sapMNwCSbh {
			color: var(--sapTile_OverlayForegroundColor);
			line-height: normal;
			font-size: var(--sapFontSize);
		}

		.sapMNwCCTxt .sapMText,
		.sapMNwCCTxt .sapMFT {
			font-size: var(--sapFontSize);
			line-height: normal;
			font-weight: bold;
			color: var(--sapTile_OverlayForegroundColor);
		}
	}
}

.Stretch{

	.sapMTileCnt.News .sapMNwC {

		.sapMNwCCTxt .sapMText {
			font-size: var(--sapFontLargeSize);
			color: @sapUiText;
		}

		.sapMNwCCTxt .sapMFT {
			font-size: 0.938rem;
			color: @sapUiText;
		}

		.sapMNwCSbh {
			color: @sapUiText;
		}
	}
}

.sapMTileSmallPhone {

	.sapMTileCnt.News {

		.sapMTileCntContent {
			height: 3.25rem;

			.sapMFT {
				font-size: var(--sapFontSmallSize);
			}
		}
	}
}
/* END "NewsContent.less" */

/* START "NotificationListGroup.less" */
/* =========================================== */
/* CSS for control sap.m/NotificationListGroup  */
/* Horizon theme                               */
/* =========================================== */

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

/* START "ObjectAttribute.less" */
/* ====================================== */
/* CSS for control sap.m/ObjectAttribute  */
/* Horizon theme                          */
/* ====================================== */

@_sap_m_ObjectAttribute_ListTextShadowColor: none;

.sapMObjectAttributeActive.sapMLnkLargeReactiveArea {
	.sapMObjectAttributeTitle,
	.sapMObjectAttributeColon,
	.sapMObjectAttributeText,
	.sapMObjectAttributeText > .sapMLnk {
		line-height: 1.5rem;
	}
}

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

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

.sapMObjectAttributeActive .sapMObjectAttributeText:focus {
	border-radius: 0.125rem;
	background-color: var(--sapContent_FocusColor);
	color: var(--sapContent_ContrastTextColor);
	text-shadow: none;
}

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

.sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:active,
.sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:hover,
.sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:focus {
	text-decoration: underline;
}

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

.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:active,
.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:hover,
.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:focus {
	text-decoration: underline;
}

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

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

/* START "ObjectHeader.less" */
/* =================================== */
/* CSS for control sap.m/ObjectHeader  */
/* Horizon theme                       */
/* =================================== */

.sapMOH.sapMOHBgTranslucent,
.sapMOHC.sapMOHBgTranslucent,
.sapMOH.sapMOHBgSolid,
.sapMOHC.sapMOHBgSolid {
	background-color: var(--sapObjectHeader_Background);
}

.sapMOHC.sapMOHBgTranslucent,
.sapMOHC.sapMOHBgSolid {
	border-bottom: 0.0625rem solid var(--sapObjectHeader_BorderColor);
	box-shadow: none;
}

.sapMOH.sapMOHBgTransparent,
.sapMOHC.sapMOHBgTransparent {
	background: transparent;
	border-bottom: 0.0625rem solid transparent;
}

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: 1px dotted var(--sapContent_FocusColor);
	outline-offset: -1px;
}

/**styles for responsive object header */
.sapMOHRTitle h1 {
	font-size: var(--sapFontHeader3Size);
}

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

.sapMOHTitle h6 .sapMText,
.sapMOHTitle h5 .sapMText,
.sapMOHTitle h4 .sapMText,
.sapMOHTitle h3 .sapMText,
.sapMOHTitle h2 .sapMText,
.sapMOHTitle h1 .sapMText {
	font-family: var(--sapObjectHeader_Title_FontFamily);
	font-size: var(--sapObjectHeader_Title_FontSize);
	color: var(--sapObjectHeader_Title_TextColor);
}

html.sap-phone {

	.sapMOHTitle h6 .sapMText,
	.sapMOHTitle h5 .sapMText,
	.sapMOHTitle h4 .sapMText,
	.sapMOHTitle h3 .sapMText,
	.sapMOHTitle h2 .sapMText,
	.sapMOHTitle h1 .sapMText {
		font-size: var(--sapObjectHeader_Title_SnappedFontSize);
	}
}

.sapMOHIntro .sapMText {
	color: var(--sapObjectHeader_Subtitle_TextColor);
}
/* END "ObjectHeader.less" */

/* START "ObjectListItem.less" */
/* ===================================== */
/* CSS for control sap.m/ObjectListItem  */
/* Horizon theme                         */
/* ===================================== */

.sapMText.sapMObjLTitle {
	font-size: var(--sapFontHeader5Size);
	font-family: var(--sapFontSemiboldFamily);
}

.sapMObjLNumberDiv .sapMObjectNumber .sapMObjectNumberText {
	font-size: 1.25rem;
}

.sapMObjLItem.sapMLIBActive .sapMObjLIcon {
	color: var(--sapContent_IconColor);
}
/* END "ObjectListItem.less" */

/* START "ObjectMarker.less" */
/* =================================== */
/* CSS for control sap.m/ObjectMarker  */
/* Horizon theme                       */
/* =================================== */

@_sap_m_ObjectMarker_LinkShadowColor: none;

.sapMObjectMarker {

	.sapMLnk {
		text-shadow: @_sap_m_ObjectMarker_LinkShadowColor;

		&:focus {

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

.sapMObjectMarker.sapMLnkLargeReactiveArea > .sapUiIcon {
	line-height: 1.5rem;
}
/* END "ObjectMarker.less" */

/* START "ObjectNumber.less" */
/* =================================== */
/* CSS for control sap.m/ObjectNumber  */
/* Horizon theme                       */
/* =================================== */

.sapMObjectNumber.sapMLnkLargeReactiveArea:not(.sapMObjectNumberLarge):not(.sapMObjectNumberInverted) {
	.sapMObjectNumberInner {
		line-height: 1.5rem;
	}
}

.sapMObjectNumberInverted {
	box-sizing: border-box;

	&:not(.sapMObjectNumberLarge) .sapMObjectNumberInner {
		min-height: 1rem;
		height: auto;
	}
}

.sapMObjectNumberInverted .sapMObjectNumberInner {
	border: 0.0625rem solid;
	border-radius: var(--sapButton_BorderCornerRadius);
	padding: 0.1875rem 0.25rem;
	vertical-align: middle;
}

html.sap-desktop .sapMObjectNumberActive:focus {

	.sapMObjectNumberInner::after {
		left: -0.0625rem;
		top: -0.0625rem;
		right: -0.0625rem;
		bottom: -0.0625rem;
		height: auto;
		outline: none;
		border-radius: 0.25rem;
		border: 0.125rem solid var(--sapContent_FocusColor);
	}

	&.sapMObjectNumberInverted .sapMObjectNumberInner::after {
		left: -0.0625rem;
		top: -0.0625rem;
		right: -0.0625rem;
		bottom: -0.0625rem;
		height: auto;
		outline: none;
		border-radius: var(--sapButton_BorderCornerRadius);
		border: 0.125rem solid var(--sapContent_FocusColor);
	}

	&.sapMObjectNumberLarge {

		.sapMObjectNumberInner::after {
			left: -0.0625rem;
			top: -0.0625rem;
			right: -0.0625rem;
			bottom: -0.0625rem;
			height: auto;
		}

		&.sapMObjectNumberInverted .sapMObjectNumberInner::after {
			left: -0.0625rem;
			top: -0.0625rem;
			right: -0.0625rem;
			bottom: -0.0625rem;
			height: auto;
			outline: none;
			border-radius: var(--sapButton_BorderCornerRadius);
			border: 0.125rem solid var(--sapContent_FocusColor);
		}
	}
}

.objectNumberStatusMixIn(@class, @regularBackgroundColor, @regularTextColor,
				@hoverBackgroundColor, @hoverTextColor,
				@activeBackgroundColor, @activeTextColor,
				@regularTextShadow, @activeTextShadow,
				@regularBorderColor, @hoverBorderColor, @activeBorderColor) {
	.sapMObjectNumberInverted.@{class} {

		.sapMObjectNumberText,
		.sapMObjectNumberUnit {
			text-shadow: @regularTextShadow;
		}

		.sapMObjectNumberInner {
			border-color: @regularBorderColor;
			background-color: @regularBackgroundColor;
			color: @regularTextColor;
		}

		&.sapMObjectNumberActive {

			.sapMObjectNumberInner:hover {
				border-color: @hoverBorderColor;
				background-color: @hoverBackgroundColor;
				color: @hoverTextColor;
			}

			.sapMObjectNumberInner:active,
			&.sapMObjectNumberPressed .sapMObjectNumberInner {
				border-color: @activeBorderColor;
				background-color: @activeBackgroundColor;
				color: @activeTextColor;

				.sapMObjectNumberText,
				.sapMObjectNumberUnit {
					text-shadow: @activeTextShadow;
				}
			}
		}
	}
}

.objectNumberStatusMixIn(sapMObjectNumberStatusNone,
	@sapNeutralBackground,
	@sapTextColor,
	@sapUiButtonNeutralHoverBackground,
	@sapUiButtonNeutralHoverTextColor,
	@sapUiButtonNeutralActiveBackground,
	@sapUiButtonActiveTextColor,
	@sapUiContentTextShadow,
	@sapUiContentTextShadow,
	@sapNeutralBorderColor,
	@sapUiButtonNeutralHoverBorderColor,
	@sapUiButtonNeutralActiveBorderColor
);

.objectNumberStatusMixIn(sapMObjectNumberStatusInformation,
	@sapUiButtonInformationBackground,
	@sapUiButtonInformationTextColor,
	@sapUiButtonInformationHoverBackground,
	@sapUiButtonInformationHoverTextColor,
	@sapUiButtonInformationActiveBackground,
	@sapUiButtonSelectedTextColor,
	@sapUiContentTextShadow,
	@sapUiContentTextShadow,
	@sapUiButtonInformationBorderColor,
	@sapUiButtonInformationHoverBorderColor,
	@sapUiButtonInformationActiveBorderColor
);

.objectNumberStatusMixIn(sapMObjectNumberStatusError,
	@sapUiButtonNegativeBackground,
	@sapUiButtonNegativeTextColor,
	@sapUiButtonNegativeHoverBackground,
	@sapUiButtonNegativeHoverTextColor,
	@sapUiButtonNegativeActiveBackground,
	@sapUiButtonRejectSelectedTextColor,
	@sapUiContentContrastTextShadow,
	@sapUiContentTextShadow,
	@sapUiButtonNegativeBorderColor,
	@sapUiButtonNegativeHoverBorderColor,
	@sapUiButtonNegativeActiveBorderColor
);

.objectNumberStatusMixIn(sapMObjectNumberStatusWarning,
	@sapUiButtonCriticalBackground,
	@sapUiButtonCriticalTextColor,
	@sapUiButtonCriticalHoverBackground,
	@sapUiButtonCriticalHoverTextColor,
	@sapUiButtonCriticalActiveBackground,
	@sapUiButtonAttentionSelectedTextColor,
	@sapUiContentContrastTextShadow,
	@sapUiContentTextShadow,
	@sapUiButtonCriticalBorderColor,
	@sapUiButtonCriticalHoverBorderColor,
	@sapUiButtonCriticalActiveBorderColor
);

.objectNumberStatusMixIn(sapMObjectNumberStatusSuccess,
	@sapUiButtonSuccessBackground,
	@sapUiButtonSuccessTextColor,
	@sapUiButtonSuccessHoverBackground,
	@sapUiButtonSuccessHoverTextColor,
	@sapUiButtonSuccessActiveBackground,
	@sapUiButtonAcceptSelectedTextColor,
	@sapUiContentContrastTextShadow,
	@sapUiContentTextShadow,
	@sapUiButtonSuccessBorderColor,
	@sapUiButtonSuccessHoverBorderColor,
	@sapUiButtonSuccessActiveBorderColor
);
/* END "ObjectNumber.less" */

/* START "ObjectStatus.less" */
/* =================================== */
/* CSS for control sap.m/ObjectStatus  */
/* Horizon theme                       */
/* =================================== */

.sapMObjStatus .sapMObjStatusLink {
	display: inline-block;
}

.sapMObjStatus.sapMLnkLargeReactiveArea:not(.sapMObjectStatusLarge):not(.sapMObjStatusInverted) {
	.sapMObjStatusTitle,
	.sapMObjStatusIcon .sapUiIcon,
	.sapMObjStatusText {
		line-height: 1.5rem;
	}
	.sapMObjStatusIcon {
		height: 1.5rem;
	}
}

.sapMObjStatusInverted:not(.sapMObjectStatusLarge) {

	.sapMObjStatusText {
		min-height: 1rem;
		height: 100%;
	}

	.sapMObjStatusIcon {
		min-height: 1rem;
	}
}

.sapMObjectStatusLarge:not(.sapMObjStatusInverted) {

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

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

.sapMObjStatusInverted.sapMObjectStatusLarge .sapMObjStatusWrapper {
	height: 1.625rem;
}

.sapMObjStatus.sapMObjectStatusLarge.sapMObjStatusInverted {
	height: 1.75rem;
	min-height: 1.75rem;

	.sapMObjStatusTitle,
	.sapMObjStatusText,
	.sapMObjStatusIcon {
		font-family: var(--sapFontSemiboldDuplexFamily);
		font-size: 1.25rem;
	}

	.sapMObjStatusTitle {
		line-height: 1.625rem;
		height: 1.625rem;
	}

	.sapMObjStatusIcon,
	.sapMObjStatusText {
		padding: 0.125rem 0.25rem;
		line-height: 1.25rem;
		height: 1.25rem;
	}

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

	.sapMObjStatusIcon > .sapUiIcon {
		font-size: 1.25rem;
		line-height: 1.25rem;
		padding-left: 0;
		padding-right: 0;
	}

	.sapMObjStatusIconOnly {
		width: 1.75rem;
	}
}

.sapMObjStatusInverted {
	box-sizing: border-box;
	min-width: 1.375rem;
}

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

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

.sapMObjStatusInverted:not(.sapMObjectStatusLarge) .sapMObjStatusIcon.sapMObjStatusIconOnly,
.sapMObjStatusInverted:not(.sapMObjectStatusLarge) .sapMObjStatusLink .sapMObjStatusIcon.sapMObjStatusIconOnly {
	padding: 0.1875rem 0.313rem;
}

.sapMObjStatusInverted .sapMObjStatusText {
	padding: 0.1875rem 0.25rem;
}

.sapMObjStatusInverted .sapMObjStatusIcon {
	padding: 0.1875rem 0 0.1875rem 0.25rem;
	vertical-align: middle;
}

html.sap-desktop .sapMObjStatusActive:not(.sapMObjStatusInverted) {

	.sapMObjStatusText {
		text-decoration: underline;
	}

	&:focus {

		.sapMObjStatusLink::after {
			outline: none;
			border-radius: 0.125rem;
			content: '';
			position: absolute;
			box-sizing: border-box;
			left: 0;
			top: -0.0625rem;
			right: 0;
			bottom: 0.0625rem;
			pointer-events: none;
			border: 0.125rem solid var(--sapContent_FocusColor);
			z-index: -1;
		}

		.sapMObjStatusLink {
			background: var(--sapContent_FocusColor);
			border-radius: 0.125rem;
			line-height: 0.875rem;

			.sapMObjStatusIcon > .sapUiIcon,
			.sapMObjStatusText {
				color: var(--sapContent_ContrastTextColor);
			}

			.sapMObjStatusText {
				text-decoration: underline;
			}

			.sapMObjStatusIcon > .sapUiIcon {
				text-decoration: none;
			}
		}
	}

	&:hover,
	&:active,
	&:focus:hover,
	&:focus:active {

		.sapMObjStatusIcon > .sapUiIcon,
		.sapMObjStatusText {
			text-decoration: none;
		}
	}

	&.sapMObjectStatusLarge:focus {

		.sapMObjStatusLink::after {
			top: 0;
			bottom: 0;
		}
	}
}

html.sap-desktop .sapMObjStatusActive.sapMObjStatusInverted {

	.sapMObjStatusLink {
		height: auto;
	}

	&:focus,
	&.sapMObjectStatusLarge:focus {

		.sapMObjStatusLink::after {
			outline: none;
			content: '';
			position: absolute;
			box-sizing: border-box;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			pointer-events: none;
			z-index: 1;
			box-shadow: inset 0 0 0 0.125em var(--sapContent_FocusColor), inset 0 0 0 0.1875em var(--sapContent_ContrastFocusColor);
			border-radius: var(--sapButton_BorderCornerRadius);
			height: 100%;
		}
	}

	&.sapMObjectStatusLarge:focus {
		min-height: 1.75rem;
	}
}

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

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

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

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

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

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

.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusWrapper {
	background-color: var(--sapButton_Information_Background);
	border-color: var(--sapButton_Information_BorderColor);
}

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

.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusWrapper {
	background-color: var(--sapNeutralBackground);
	border-color: var(--sapNeutralBorderColor);
}

.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusIcon {
	text-shadow: var(--sapContent_TextShadow);
	color: var(--sapTextColor);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusWrapper {
	background-color: var(--sapIndicationColor_1_Background);
	border-color: var(--sapIndicationColor_1_BorderColor);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Second set of inverted indication colors regular state */
.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 {
	text-shadow: var(--sapContent_TextShadow);
}

.sapUiForm.sapUiFormEdit .sapMObjStatusInverted {
	padding-top: 0.6875rem;
}

.sapUiFormM:not(.sapUiFormEdit) .sapUiFormResGridCont > div:has(.sapMObjStatusInverted) {
	padding-top: 0;
}

.sapUiFormM .sapMObjStatusInverted {
	padding-top: 0.0625rem;
}

.sapUiFormM .sapUiFormResGridCont .sapMObjStatus .sapMObjStatusTitle {
	vertical-align: baseline;
}
/* END "ObjectStatus.less" */

/* START "OverflowToolbarAssociativePopover.less" */
/* ======================================================== */
/* CSS for control sap.m/OverflowToolbarAssociativePopover  */
/* Horizon theme                                            */
/* ======================================================== */

html.sap-phone {

	.sapMOTAPopover {

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

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

.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
	max-width: 20rem;
}

.sapUiSizeCompact .sapMTBSeparator.sapMTBSeparatorOverflowToolbar,
.sapMTBSeparator.sapMTBSeparatorOverflowToolbar {
	margin: 0.375rem 0.1875rem;
	width: 100%;
	background: var(--sapToolbar_SeparatorColor);
}

.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
	padding: 0.25rem 0.5rem;
}

.sapUiSizeCompact .sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
	padding: 0.1875rem 0.375rem;
}
/* END "OverflowToolbarAssociativePopover.less" */

/* START "Page.less" */
/* =================================== */
/* CSS for control sap.m/Page.control  */
/* Horizon 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: transparent;
}

.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 {
		border-radius: var(--sapElement_BorderCornerRadius);
	}

	.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 {

	&.sapFShellBar-CTX > section {
		top: 3.25rem;
	}
	&.sapMPageWithSubHeader.sapFShellBar-CTX > section {
		top: 6rem;
	}
}

.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 {

		&.sapFShellBar-CTX > section {
			top: 3.25rem;
		}

		&.sapMPageWithSubHeader.sapFShellBar-CTX > section {
			top: 5.75rem;
		}
	}
}
/* END "Page.less" */

/* START "Panel.less" */
/* ================================== */
/* Theme CSS for control sap.m/Panel  */
/* Horizon theme                      */
/* ================================== */

.sapMPanel {
	min-height: 2.75rem;
	border-radius: @sapGroup_BorderCornerRadius;

	.sapMPanelWrappingDiv:not(.sapMPanelWrappingDivExpanded),
	.sapMPanelWrappingDivTb:not(.sapMPanelWrappingDivTbExpanded) {
		border-radius: @sapGroup_BorderCornerRadius;
		overflow: hidden;
	}
}

.sapMPanelStickyHeadingDiv {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	overflow: hidden;
}

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

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

.sapMPanelBGTransparent {
	background-color: transparent;
}

/* 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: @sapGroup_TitleBorderWidth solid @sapUiGroupTitleBorderColor;
	background: @sapGroup_ContentBackground;
}

.sapMPanelWrappingDiv.sapMPanelWrappingDivExpanded,
.sapMPanelWrappingDivTb.sapMPanelWrappingDivTbExpanded {
	border-bottom: @sapGroup_TitleBorderWidth solid @sapUiGroupTitleBorderColor;
}

.sapMPanelWrappingDivTb .sapMTB.sapMTBStandard {
	border: none;
}

.sapMPanelExpandable .sapMPanelWrappingDiv {

	&.sapMPanelWrappingDivExpanded:focus {
		border-top-left-radius: var(--sapElement_BorderCornerRadius);
		border-top-right-radius: var(--sapElement_BorderCornerRadius);
		outline-offset: -0.125rem;
	}

	&:not(.sapMPanelWrappingDivExpanded):focus {
		border-radius: var(--sapElement_BorderCornerRadius);
		outline-offset: -0.125rem;
	}
}

.sapMPanelContent:not(.sapMPanelBGTransparent) {
	border-bottom: none;
}

.sapMPanelContent {
	padding: 0.625rem 1rem;
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
}

.sapMPanel.sapMPanelExpanded.sapMPanelAnimating {
	background: transparent;
}

.sapMPanelContent::-webkit-scrollbar {
	border-bottom-right-radius: .75rem;
}

.sapMPanel .sapMPanelHdr {
	line-height: 2.75rem;
	height: 2.75rem;
}

.sapMPanel.sapMPanelExpandable .sapMPanelWrappingDivTb {

	& .sapMPanelHeaderTB {
		border-top-left-radius: 0;
		margin-left: 2.75rem;
	}

	&:not(.sapMPanelWrappingDivTbExpanded) .sapMPanelHeaderTB {
		border-bottom-right-radius: var(--sapElement_BorderCornerRadius);
		border-top-right-radius: var(--sapElement_BorderCornerRadius);
	}

	&.sapMPanelWrappingDivTbExpanded .sapMPanelHeaderTB {
		border-top-right-radius: var(--sapElement_BorderCornerRadius);
	}
}

.sapMPanelWrappingDiv .sapUiIcon {
	color: var(--sapButton_Lite_TextColor);
}
/* END "Panel.less" */

/* START "PlanningCalendar.less" */
/* ======================================= */
/* CSS for control sap.m/PlanningCalendar  */
/* Horizon 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(.sapMLIBImgNav):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 {
	border-radius: 0.5rem;

	.sapUiCalDatesRow {

		.sapUiCalItemSel:focus > .sapUiCalItemText::after {
			left: 0.015rem;
			right: 0.015rem;
		}
	}

	.sapUiCalTimesRow {

		.sapUiCalItemSel:focus > .sapUiCalItemText::after {
			left: 0.0rem;
			right: 0.0rem;
		}
	}

	.sapUiCalMonthsRow {

		.sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalItemText {
			position: initial;
		}

		.sapUiCalItemSel:focus > .sapUiCalItemText::after {
			left: 0;
		}
	}
}

.sapMPlanCal .sapUiCalendarRowAppsIntHead {
	border-radius: 0.25rem;
}

.sapMPlanCal .sapMListTbl {

	.sapMSLIImgIcon.sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
		border-radius: var(--sapGroup_BorderCornerRadius);
		background-color: var(--sapAccentBackgroundColor5);
		color: var(--sapAccentColor5);
		font-size: var(--sapFontHeader4Size);
	}

	.sapUiIcon {
		line-height: 1rem;
	}

	.sapUiCalendarAppArrowIconLeft.sapUiIcon,
	.sapUiCalendarAppArrowIconRight.sapUiIcon {
		line-height: 1;
	}

	.sapMFlexItem .sapMText {
		line-height: inherit;
	}
}
/* END "PlanningCalendar.less" */

/* START "PlanningCalendarHeader.less" */
/* ============================================= */
/* CSS for control sap.m/PlanningCalendarHeader  */
/* Horizon theme                                 */
/* ============================================= */

.sapMPCHead,
.sapMPCHeadActionsToolbar,
.sapMPCHeadNavToolbar {
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
}
/* END "PlanningCalendarHeader.less" */

/* START "Popover.less" */
/* ============================== */
/* CSS for control sap.m/Popover  */
/* Horizon theme                  */
/* ============================== */

.sapMPopoverArr::after {
	background: var(--sapGroup_ContentBackground);
	box-shadow: var(--sapContent_Shadow2);
}

.sapMPopoverWithBar > .sapMPopoverArr {

	&.sapMPopoverArrUp::after,
	&.sapMPopoverHeaderAlignArr::after {
		background-color: var(--sapPageHeader_Background);
	}
}

.sapMPopoverWithFooter > .sapMPopoverArr.sapMPopoverFooterAlignArr::after {
	background-color: var(--sapPageFooter_Background);
}

.sapMPopover .sapMIBar.sapMHeader-CTX {
	background-color: var(--sapPageHeader_Background);
}

.sapMPopover .sapMIBar.sapMSubHeader-CTX {
	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,
.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;
		}
	}
}

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

.sapMPopover {
	border-radius: var(--sapPopover_BorderCornerRadius);

	.sapMPopoverCont {
		padding: 0.0625rem;
	}

	&.sapMPopoverWithoutBar .sapMPopoverCont,
	.sapMIBar.sapMHeader-CTX {
		border-top-right-radius: var(--sapPopover_BorderCornerRadius);
		border-top-left-radius: var(--sapPopover_BorderCornerRadius);
	}

	&.sapMPopoverWithoutFooter .sapMPopoverCont,
	.sapMIBar.sapMFooter-CTX {
		border-bottom-right-radius: var(--sapPopover_BorderCornerRadius);
		border-bottom-left-radius: var(--sapPopover_BorderCornerRadius);
	}
}

.sapMPopoverResizeHandle {
	color: var(--sapButton_Lite_TextColor);
}
/* END "Popover.less" */

/* START "ProgressIndicator.less" */
/* ======================================== */
/* CSS for control sap.m/ProgressIndicator  */
/* Horizon theme                            */
/* ======================================== */

.sapMPI {
	position: relative;
	padding: 1.25rem 1.25rem 0.75rem 0;
	margin: 0;
	height: 0.375rem;
	min-height: 0.375rem;
	width: 100%;
	min-width: 4rem;
	overflow: initial;
	border-radius: 0;
	background-color: transparent;

	.sapMPIBarRemaining {
		height: 0.375rem;
		border-radius: 0.25rem;
		box-sizing: border-box;
	}

	.sapMPIBar {
		box-sizing: border-box;
		height: 0.625rem;
		border-radius: 0.5rem;
		margin-top: -0.125rem;
	}
}

.sapMPI.sapMPINoValue {
	padding-top: 0.3125rem;
	padding-bottom: 0.6875rem;
}

.sapUiSizeCompact .sapMPI.sapMPINoValue:not(.sapMPIDisplayOnly) {
	height: 1rem;
	margin: 0;
}

.sapMPIValueMax .sapMPIBarRemaining {
	display: flex;
}

.sapMPIBarRemaining {
	position: absolute;
	width: ~'calc(100% - 1.25rem)';
	border: 0.0625rem solid var(--sapProgress_BorderColor);
}

.sapMPIBar {
	z-index: 1;
	border: 0.0625rem solid var(--sapProgress_Value_TextColor);
}

.sapMPIValueMin .sapMPIBar {
	border: none;
}

.sapMPIBar::before {
	font-family: var(--sapContent_IconFontFamily);
	font-size: 1rem;
	margin-left: 0.25rem;
	position: absolute;
	right: 0;
}

.sapMPIValueMin .sapMPIBarRemaining::before,
.sapMPIBarRemaining::after {
	content: '';
	display: block;
	width: 0.25rem;
	height: 0.25rem;
	position: absolute;
	border-radius: 50%;
}

.sapMPIValueMin .sapMPIBarRemaining::before {
	left: 0.0625rem;
}

.sapMPIBarRemaining::after {
	right: 0.0625rem;
}

.sapMPIBarPositive {
	background-color: var(--sapProgress_Value_PositiveBackground);
	border-color: var(--sapProgress_Value_PositiveBorderColor);

	.sapMPIText.sapMPITextLeft,
	.sapMPIText.sapMPITextRight {
		color: var(--sapProgress_PositiveTextColor);
	}

	&::before {
		content: '\e1c1';
		color: var(--sapProgress_Value_PositiveTextColor);
	}

	+ .sapMPIBarRemaining {
		background-color: var(--sapProgress_PositiveBackground);
		border-color: var(--sapProgress_PositiveBorderColor);

		&::after,
		&::before {
			background-color: var(--sapProgress_Value_PositiveBackground);
		}
	}
}

.sapMPIBarNegative {
	background-color: var(--sapProgress_Value_NegativeBackground);
	border-color: var(--sapProgress_Value_NegativeBorderColor);

	.sapMPIText.sapMPITextLeft,
	.sapMPIText.sapMPITextRight {
		color: var(--sapProgress_NegativeTextColor);
	}

	&::before {
		content: '\e1ec';
		color: var(--sapProgress_Value_NegativeTextColor);
	}

	+ .sapMPIBarRemaining {
		background-color: var(--sapProgress_NegativeBackground);
		border-color: var(--sapProgress_NegativeBorderColor);

		&::after,
		&::before {
			background: var(--sapProgress_Value_NegativeBackground);
		}
	}
}

.sapMPIBarCritical {
	background-color: var(--sapProgress_Value_CriticalBackground);
	border-color: var(--sapProgress_Value_CriticalBorderColor);

	.sapMPIText.sapMPITextLeft,
	.sapMPIText.sapMPITextRight {
		color: var(--sapProgress_CriticalTextColor);
	}

	&::before {
		content: '\e053';
		color: var(--sapProgress_Value_CriticalTextColor);
	}

	+ .sapMPIBarRemaining {
		background-color: var(--sapProgress_CriticalBackground);
		border-color: var(--sapProgress_CriticalBorderColor);

		&::after,
		&::before {
			background: var(--sapProgress_Value_CriticalBackground);
		}
	}
}

.sapMPIBarInformation {
	background-color: var(--sapProgress_Value_InformationBackground);
	border-color: var(--sapProgress_Value_InformationBorderColor);

	.sapMPIText.sapMPITextLeft,
	.sapMPIText.sapMPITextRight {
		color: var(--sapProgress_InformationTextColor);
	}

	&::before {
		content: '\e289';
		color: var(--sapProgress_Value_InformationTextColor);
	}

	+ .sapMPIBarRemaining {
		background-color: var(--sapProgress_InformationBackground);
		border-color: var(--sapProgress_InformationBorderColor);

		&::after,
		&::before {
			background: var(--sapProgress_Value_InformationBackground);
		}
	}
}

.sapMPIDisplayOnly:not(.sapMPIBarDisabled) .sapMPIBarNeutral,
.sapMPIBarNeutral {
	background-color: var(--sapProgress_Value_Background);

	.sapMPIText.sapMPITextLeft,
	.sapMPIText.sapMPITextRight {
		color: var(--sapProgress_TextColor);
	}

	+ .sapMPIBarRemaining {
		background-color: var(--sapProgress_Background);
		border-color: var(--sapProgress_BorderColor);

		&::after,
		&::before {
			background: var(--sapProgress_Value_Background);
		}
	}
}

.sapMPIDisplayOnly .sapMPIText,
.sapMPIText {
	padding: 0;
	position: absolute;
	top: 0.125rem;
	left: 0;
	margin-bottom: 0.1875rem;
	font-size: var(--sapProgress_FontSize);
	color: var(--sapProgress_TextColor);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;

	&.sapMPITextRight {
		top: -1.25rem;
		right: -0.0675rem;
	}
}

/* Compact */
.sapUiSizeCompact .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly),
.sapUiSizeCompact .sapMListTblCell .sapMPI:not(.sapMPIDisplayOnly) {
	margin: 0;
}

/* Condensed */
.sapUiSizeCondensed .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly) {
	padding: 0.375rem 1.25rem 0.375rem 0;
	margin: 0;
}

.sapUiSizeCondensed .sapUiTableDataCell .sapMPIValueGreaterHalf .sapMPITextLeft {
	display: none;
}
/* END "ProgressIndicator.less" */

/* START "PullToRefresh.less" */
/* ==================================== */
/* CSS for control sap.m/PullToRefresh  */
/* Horizon theme                        */
/* ==================================== */

.sapMPullDown {
	background-color: darken(@sapUiGroupContentBackground, 5);
	border-bottom: none;
}

.sapMPullDownNontouch:focus {
	outline: none;
	box-shadow: inset 0 0 0 0.125rem var(--sapContent_FocusColor);
	border-radius: 0.5rem;
}
/* END "PullToRefresh.less" */

/* START "QuickView.less" */
/* ================================ */
/* CSS for control sap.m/QuickView  */
/* Horizon theme                    */
/* ================================ */

@_sap_m_QuickView_HorizontalLayoutMarginBottom: 0.75rem;
@_sap_m_QuickView_HorizontalLayoutIconFontSize: 1.5rem;
@_sap_m_QuickView_PagePaddingTop: 2.75rem;
@_sap_m_QuickViewCard_PagePadding: 1rem;
@_sap_m_QuickView_TitleMarginBottom: 0.25rem;
@_sap_m_QuickView_TitleFontSize: var(--sapFontHeader6Size);
@_sap_m_QuickView_FormTitleFontSize: var(--sapFontHeader6Size);
@_sap_m_QuickView_TitleMaxHeight: 2.125rem;

.sapMQuickViewCard {
	background: var(--sapGroup_ContentBackground);
	box-shadow: @sapUiShadowLevel0;
	border-radius: 1rem;
}
/* END "QuickView.less" */

/* START "RadioButton.less" */
/* ================================== */
/* CSS for control sap.m/RadioButton  */
/* Horizon theme                      */
/* ================================== */

@_sap_m_Radio_Button_Read_Only_fill: var(--sapField_TextColor);

.sapMRb {
	height: 2.75rem;

	.sapMRbBOut {
		stroke-width: 0.125rem;
	}

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

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

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

.sapMRb.sapMRbHasLabel .sapMRbBLabel .sapMLabelTextWrapper {
	color: var(--sapField_TextColor);
}

.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.25rem;
		top: 0.25rem;
		left: 0.25rem;
		right: 0.25rem;
	}
}

.sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo):not(.sapMRbSucc):not(.sapMRbDis) .sapMRbHoverable:hover .sapMRbBOut {
	stroke: var(--sapField_Hover_BorderColor);
	fill: var(--sapField_Selector_Hover_Background);
}

.sapMRb:focus::before {
	border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
	bottom: 0.25rem;
	top: 0.25rem;
	left: 0.25rem;
	right: 0.25rem;
	border-radius: 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_Selected_ForegroundColor);
}

.sapMRbB .sapMRbBInn {
	r: 27.5%;
}

/* Value states */

.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);
		stroke-width: var(--sapField_InvalidBorderWidth);
	}
}

.sapMRb.sapMRbErr .sapMRbHoverable:hover .sapMRbBOut {
	fill: var(--sapField_Selector_Hover_InvalidBackground);
}

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

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

.sapMRbWarn,
.sapMRbWarn.sapMRbBTouched {

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

.sapMRb.sapMRbWarn .sapMRbHoverable:hover .sapMRbBOut {
	fill: var(--sapField_Selector_Hover_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);
		stroke-width: var(--sapField_SuccessBorderWidth);
	}
}

.sapMRb.sapMRbSucc .sapMRbHoverable:hover .sapMRbBOut {
	fill: var(--sapField_Selector_Hover_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);
		stroke-width: var(--sapField_InformationBorderWidth);
	}
}

.sapMRb.sapMRbInfo .sapMRbHoverable:hover .sapMRbBOut {
	fill: var( --sapField_Selector_Hover_InformationBackground);
}

.sapMRbRo .sapMRbBOut {
	stroke-dasharray: 4,2; /* parameter needed for the type of the dashes */
}


html[data-sap-ui-browser^='sf'] {
	/* fix for blur caused by drop-shadow in Safari */
	.sapMRbHoverable:hover {
		z-index: 1;
	}

	/* fix for circle width on zoom in Safari */
	.sapMRb.sapMRbErr .sapMRbBOut,
	.sapMRb.sapMRbWarn .sapMRbBOut,
	.sapMRb.sapMRbInfo .sapMRbBOut {
		stroke-width: 2px;
	}

	/* fix for circle width on zoom in Safari */
	.sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo) .sapMRbBOut {
		stroke-width: 1px;
	}
}
/* END "RadioButton.less" */

/* START "RadioButtonGroup.less" */
/* ================================== */
/* CSS for control sap.m/RadioButtonGroup  */
/* Horizon theme                      */
/* ================================== */

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

/* START "RangeSlider.less" */
/* ================================== */
/* CSS for control sap.m/RangeSlider  */
/* Horizon theme                      */
/* ================================== */

@_sap_m_RangeSlider_Handle_Height: 1.5rem;
@_sap_m_RangeSlider_Handle_Width: 2rem;
@_sap_m_RangeSlider_Handle_Height_Compact: 1.25rem;
@_sap_m_RangeSlider_Handle_Width_Compact: 1.5rem;

.sapMRangeSlider.sapMSlider .sapMSliderInner {

	&:not(.sapMSliderInnerDisabled).sapMSliderProgress:hover ~ .sapMSliderHandle,
	.sapMSliderHandle:hover {
		border: 0.0625rem var(--sapContent_FocusStyle) var(--sapSlider_Hover_HandleBorderColor);
		background: var(--sapSlider_Hover_RangeHandleBackground);
	}

	&:not(.sapMSliderInnerDisabled) .sapMSliderHandle.sapMSliderHandlePressed {

		&:not(:focus) {
			background: transparent;
			border: 0.125rem solid var(--sapContent_FocusColor);
			outline: none;
			box-shadow: none;
			top: -0.625rem;
		}
	}

	&:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
		background: var(--sapSlider_Active_RangeHandleBackground);
		border: 0.125rem solid var(--sapContent_FocusColor);
		outline: none;
		box-shadow: none;
		top: -0.625rem;
	}

	.sapMSliderHandle {
		background: var(--sapSlider_RangeHandleBackground);
		top: -0.625rem;
	}

	.sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus)::after {
		top: 4px;
	}
}

.sapMRangeSlider .sapMSliderInner::before {
	border: 0.0625rem solid var(--sapContent_MeasureIndicatorColor);
	background-color: var(--sapContent_MeasureIndicatorColor);
}

.sapMRangeSlider .sapMSliderLabels {
	width: 100%;
	position: absolute;
	top: 2.125rem;
}

.sapMRangeSlider .sapMSliderTickLabel .sapMSliderLabel {
	top: 1rem;
}

.sapMRangeSlider .sapMSliderRangeLabel {
	padding-top: 0.4375rem;
}

.sapUiSizeCompact {

	.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle.sapMSliderHandlePressed {

		&:not(:focus) {
			background: transparent;
			border: var(--sapContent_FocusWidth) solid var(--sapContent_FocusColor);
			outline: none;
			box-shadow: none;
			top: -0.5rem;
		}
	}

	.sapMRangeSlider .sapMSliderLabels {
		margin: 0 -0.875rem;
	}

	.sapMRangeSlider .sapMSliderRangeLabel {
		padding-top: 0.375rem;
	}

	.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
		background: var(--sapSlider_Active_RangeHandleBackground);
		border: 0.125rem solid var(--sapContent_FocusColor);
		outline: none;
		box-shadow: none;
		top: -0.5rem;
	}

	.sapMRangeSlider.sapMSlider .sapMSliderInner .sapMSliderHandle {
		top: -0.5rem;
	}

	.sapMRangeSlider.sapMSlider .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus)::after {
		top: 2px;
		right: 0.25rem;
	}

	.sapMSliderLabels {
		margin: 0.625rem -0.875rem 0 -0.875rem;
	}
}

html.sap-desktop .sapMSliderProgress:focus::before {
	border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
	border-radius: 0.5rem;
	content: '';
	display: block;
	position: absolute;
	height: ~"calc(@{_sap_m_RangeSlider_Handle_Height} + 0.375rem)";
	width: ~"calc(100% + ((@{_sap_m_RangeSlider_Handle_Width}) + 0.375rem))";
	top: ~"calc(-1 * ((@{_sap_m_RangeSlider_Handle_Height} / 2) + 0.1875rem))";
	left: ~"calc(-1 * ((@{_sap_m_RangeSlider_Handle_Width} / 2) + 0.3125rem))";
}

html.sap-desktop .sapUiSizeCompact .sapMSliderProgress:focus::before {
	height: ~"calc(@{_sap_m_RangeSlider_Handle_Height_Compact} + 0.375rem)";
	width: ~"calc(100% + ((@{_sap_m_RangeSlider_Handle_Width_Compact}) + 0.375rem))";
	top: ~"calc(-1 * ((@{_sap_m_RangeSlider_Handle_Height_Compact} / 2) + 0.1875rem))";
	left: ~"calc(-1 * ((@{_sap_m_RangeSlider_Handle_Width_Compact} / 2) + 0.3125rem))";
}
/* END "RangeSlider.less" */

/* START "RatingIndicator.less" */
/* ====================================== */
/* CSS for control sap.m/RatingIndicator  */
/* Horizon theme                          */
/* ====================================== */

.sapMRI {

	& {
		margin: 0.75rem 0;
	}

	&:not(.sapMRIDisabled):not(.sapMRIDisplayOnly):not(.sapMRIReadOnly):hover {
		opacity: 0.9;
	}

	.sapMRIUnsel {
		color: var(--sapContent_UnratedColor);
	}

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

.sapMRI.sapMRIDisplayOnly,
.sapMRI.sapMRIReadOnly {

	.sapMRIIconSel {
		color: var(--sapContent_RatedColor);
	}
	.sapMRIUnsel {
		color: var(--sapContent_UnratedColor);
	}
}

.sapMRIDisabled {
	opacity: 0.4;
}

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

.sapMRIIconSel,
.sapMRIIconUnsel,
.sapMRIIconHov,
.sapMRIIconReadOnly {
	font-size: 1.5rem;
}

.sapMRIIconSel,
.sapMRIIconUnsel {
	text-shadow: var(--sapContent_TextShadow);
}

/* As font-size is set as an inline style, we need to override it for horizon only using important */
.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon {
	font-size: 75% !important;
}

.sapUiSizeCompact {

	&.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
	&.sapMRIReadOnly .sapMRIIconSel .sapMRIunratedIcon,
	&.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
	&.sapMRIDisplayOnly .sapMRIIconSel .sapMRIunratedIcon,
	&.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon,
	&.sapMRIDisabled .sapMRIIconSel .sapMRIunratedIcon {
		font-size: 75% !important;
	}

	& .sapMRISel,
	& .sapMRIUnselWrapper {
		height: 100%;
	}
}
/* END "RatingIndicator.less" */

/* START "ResponsivePopover.less" */
/* ======================================== */
/* CSS for control sap.m/ResponsivePopover  */
/* Horizon 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  */
/* Horizon theme                      */
/* ================================== */

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

@_sap_m_SearchField_Height: 2.75rem;
@_sap_m_SearchField_ButtonSize: 2.25rem;
@_sap_m_SearchField_ButtonFontSize: 1rem;
@_sap_m_SearchField_CompactButtonLineHeight: 1.625rem;
@_sap_m_SearchField_Compact_FormPaddingLeft: 0.5rem;
@_sap_m_SearchField_ResetIcon: '\e03e';
@_sap_m_SearchField_Border: none;
@_sap_m_SearchField_FocusOffset: 0;
@_sap_m_SearchField_FocusBorderRadius: inherit;
@_sap_m_SearchField_PlaceholderFontStyle: italic;
@_sap_m_SearchField_ActiveBackgroundStyle: var(--sapField_BackgroundStyle);

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

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

.sapMSFB {
	border-radius: var(--sapField_BorderCornerRadius);
	color: var(--sapField_TextColor);

	&:first-of-type {
		margin-left: 0.25rem;
	}

	&:focus {
		outline: none;
	}

	&:hover {
		box-shadow: var(--sapField_Hover_Shadow);
		background: var(--sapField_BackgroundStyle);
		background-color: var(--sapField_Hover_Background);
	}

	&:active,
	&.sapMSFBA { /* Firefox specific */
		box-shadow: var(--sapField_Hover_Shadow);
		color: var(--sapButton_Selected_TextColor);
		background-color: var(--sapButton_Lite_Active_Background);
	}
}

.sapMSF:not(.sapMSFDisabled):hover .sapMSFF {
	background-color: var(--sapField_Hover_Background);
}

.sapMSF.sapMFocus {

	.sapMSFF {
		background-color: var(--sapField_Focus_Background);
	}

	&:hover .sapMSFF {
		box-shadow: none;
	}

	.sapMSFB:hover {
		color: var(--sapButton_Selected_TextColor);
	}
}
/* END "SearchField.less" */

/* START "SegmentedButton.less" */
/* ====================================== */
/* CSS for control sap.m/SegmentedButton  */
/* Horizon theme                          */
/* ====================================== */

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

	.sapMSegBBtn {

		.sapMSegBBtnInner {
			font-size: @sapMFontMediumSize;
			font-family: var(--sapFontBoldFamily);
			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 transparent;
			border-bottom: 1px solid var(--sapButton_BorderColor);
			border-right: 1px solid transparent;
			background-color: transparent;
			margin-left: 1px;
			margin-right: 1px;
			margin-top: -1px;
			margin-bottom: -1px;
		}

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

.sapMSegB .sapMSegBBtn .sapMSegBBtnInnerWrapper {
	border-top: 1px solid var(--sapButton_BorderColor);
	border-bottom: 1px solid var(--sapButton_BorderColor);
	background-color: var(--sapButton_Background);
}

.sapMSegB .sapMSegBBtn {
	position: relative;
}

.sapMSegBBtn:first-child .sapMSegBBtnInner {
	border-top-left-radius: var(--sapButton_BorderCornerRadius);
	border-bottom-left-radius: var(--sapButton_BorderCornerRadius);
	border-left: 1px solid var(--sapButton_BorderColor);
	margin-left: -1px;
}

.sapMSegBBtn:first-child .sapMSegBBtnInnerWrapper {
	border-top-left-radius: var(--sapButton_BorderCornerRadius);
	border-bottom-left-radius: var(--sapButton_BorderCornerRadius);
	border-left: 1px solid var(--sapButton_BorderColor);
}

.sapMSegBBtn.sapMSegBtnLastVisibleButton .sapMSegBBtnInnerWrapper {
	border-top-right-radius: var(--sapButton_BorderCornerRadius);
	border-bottom-right-radius: var(--sapButton_BorderCornerRadius);
	border-right: 1px solid var(--sapButton_BorderColor);
}

.sapMSegBBtn.sapMSegBtnLastVisibleButton .sapMSegBBtnInner{
	border-top-right-radius: var(--sapButton_BorderCornerRadius);
	border-bottom-right-radius: var(--sapButton_BorderCornerRadius);
	border-right: 1px solid var(--sapButton_BorderColor);
	margin-right: -1px;
}

html.sap-desktop .sapMSegBBtnFocusable:hover .sapMSegBBtnInner {
	background: var(--sapButton_Hover_Background);
	border-radius: var(--sapButton_Segment_BorderCornerRadius);
	border-color: var(--sapButton_Hover_BorderColor);
}

html.sap-desktop .sapMSegBBtnFocusable.sapMSegBBtnSel:hover .sapMSegBBtnInner {
	border-color: var(--sapButton_Selected_BorderColor);
}

html.sap-desktop .sapMSegBBtnFocusable.sapMBtnActive:hover .sapMSegBBtnInner {
	border-color: var(--sapButton_Hover_BorderColor);
}

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

	.sapMSegBBtn:first-child.sapMSegBBtnFocusable:focus .sapMSegBBtnInner::after {
		content: '';
		position: absolute;
		box-sizing: border-box;
		left: 0.125rem;
		top: 0.375rem;
		right: 0.2rem;
		bottom: 0.375rem;
		pointer-events: none;
		border: 0.125rem solid var(--sapContent_FocusColor);
		border-radius: 0.375rem;
	}

	.sapUiSizeCompact .sapMSegBBtn:first-child.sapMSegBBtnFocusable:focus .sapMSegBBtnInner::after,
	&.sapUiSizeCompact .sapMSegBBtn:first-child.sapMSegBBtnFocusable:focus .sapMSegBBtnInner::after {
		top: 0.3rem;
		bottom: 0.3rem;
	}
}

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

	.sapMSegBBtn.sapMSegBtnLastVisibleButton.sapMSegBBtnFocusable:focus .sapMSegBBtnInner::after {
		content: '';
		position: absolute;
		box-sizing: border-box;
		left: 0.2rem;
		top: 0.375rem;
		right: 0.125rem;
		bottom: 0.375rem;
		pointer-events: none;
		border: 0.125rem solid var(--sapContent_FocusColor);
		border-radius: 0.375rem;
	}

	.sapUiSizeCompact .sapMSegBBtn.sapMSegBtnLastVisibleButton.sapMSegBBtnFocusable:focus .sapMSegBBtnInner::after,
	&.sapUiSizeCompact .sapMSegBBtn.sapMSegBtnLastVisibleButton.sapMSegBBtnFocusable:focus .sapMSegBBtnInner::after {
		top: 0.3rem;
		bottom: 0.3rem;
	}
}

html.sap-desktop {

	.sapMSegBBtnFocusable:focus .sapMSegBBtnInner::after {
		content: '';
		position: absolute;
		box-sizing: border-box;
		left: 0.2rem;
		top: 0.375rem;
		right: 0.2rem;
		bottom: 0.375rem;
		pointer-events: none;
		border: 0.125rem solid var(--sapContent_FocusColor);
		border-radius: 0.375rem;
	}

	.sapUiSizeCompact .sapMSegBBtnFocusable:focus .sapMSegBBtnInner::after,
	&.sapUiSizeCompact .sapMSegBBtnFocusable:focus .sapMSegBBtnInner::after {
		top: 0.3rem;
		bottom: 0.3rem;
	}
}

.sapMSegB.sapMSegBIcons {

	.sapMSegBBtn.sapMSegBtnLastVisibleButton:not(.sapMSegBBtnMixed) .sapMSegBBtnInner {
		margin-right: -1px;
	}
}

.sapMSegB.sapMSegBIcons {

	.sapMSegBBtn.sapMSegBtnLastVisibleButton:not(.sapMSegBBtnMixed) .sapMSegBBtnInner {
		margin-right: -1px;
	}
}

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

	.sapMSegB.sapMSegBIcons {

		.sapMSegBBtn.sapMSegBBtnFocusable:not(.sapMSegBtnLastVisibleButton):focus .sapMSegBBtnInner::after {
			content: '';
			position: absolute;
			box-sizing: border-box;
			left: 0.2rem;
			top: 0.375rem;
			right: 0.15rem;
			bottom: 0.375rem;
			pointer-events: none;
			border: 0.125rem solid var(--sapContent_FocusColor);
			border-radius: 0.375rem;
		}
	}

	.sapUiSizeCompact .sapMSegB.sapMSegBIcons .sapMSegBBtn.sapMSegBBtnFocusable:not(.sapMSegBtnLastVisibleButton):focus .sapMSegBBtnInner::after,
	&.sapUiSizeCompact .sapMSegB.sapMSegBIcons .sapMSegBBtn.sapMSegBBtnFocusable:not(.sapMSegBtnLastVisibleButton):focus .sapMSegBBtnInner::after {
		top: 0.3rem;
		bottom: 0.3rem;
	}
}

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

	.sapMSegB.sapMSegBIcons {

		.sapMSegBBtn.sapMSegBBtnFocusable:first-child:focus .sapMSegBBtnInner::after {
			content: '';
			position: absolute;
			box-sizing: border-box;
			left: 0.15rem;
			top: 0.375rem;
			right: 0.15rem;
			bottom: 0.375rem;
			pointer-events: none;
			border: 0.125rem solid var(--sapContent_FocusColor);
			border-radius: 0.375rem;
		}

		.sapUiSizeCompact .sapMSegBBtn.sapMSegBBtnFocusable:first-child:focus .sapMSegBBtnInner::after,
		&.sapUiSizeCompact .sapMSegBBtn.sapMSegBBtnFocusable:first-child:focus .sapMSegBBtnInner::after {
			top: 0.3rem;
			bottom: 0.3rem;
		}
	}
}

.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_Selected_Background);
		color: var(--sapButton_Selected_TextColor);
		border-color: var(--sapButton_Selected_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);
		border-radius: var(--sapButton_Segment_BorderCornerRadius);
	}

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

.sapMSegBBtn .sapMSegBBtnInnerWrapper {
	background-color: var(--sapButton_Background);
}

.sapMSegBBtn.sapMSegBBtnSel:hover {

	.sapMSegBBtnInner {
		border-color: var(--sapButton_Selected_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);
	}
}

.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.5rem;
		border-bottom-left-radius: 0.5rem;
	}

	.sapMSegBBtn.sapMSegBtnLastVisibleButton .sapMSegBBtnInner {
		border-top-right-radius: 0.5rem;
		border-bottom-right-radius: 0.5rem;
	}

	.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,
.sapMSegBBtn.sapMSegBtnLastVisibleButton .sapMSegBBtnInnerWrapper {
	border-top-right-radius: var(--sapButton_BorderCornerRadius);
	border-bottom-right-radius: var(--sapButton_BorderCornerRadius);
}
/* END "SegmentedButton.less" */

/* START "Select.less" */
/* ============================= */
/* CSS for control sap.m/Select  */
/* Horizon theme                 */
/* ============================= */

/* IconOnly */

.sapMSlt.sapMSltIconOnly:not(.sapMSltDisabled) {
	border-color: var(--sapButton_Lite_BorderColor);
	background: var(--sapButton_Lite_Background);
	border-radius: 0.2rem;
}

/* IconOnly Hover */

.sapMSlt.sapMSltIconOnly.sapMSltHoverable:hover:not(.sapMSltState) {
	background: var(--sapField_Hover_Background);
	border: none;

	&.sapMSltWithIcon {
		box-shadow: inset 0 0 0 var(--sapContent_FocusWidth) var(--sapField_Active_BorderColor);
	}
}

/* IconOnly Select in a Bar */

.sapMIBar .sapMSltIconOnly:not(.sapMSltDisabled) .sapMSltIcon {
	color: var(--sapButton_Lite_TextColor);
}

/*IconOnly Pressed */
.sapMSltPressed.sapMSltIconOnly:not(.sapMSltDisabled) {
	background: @sapUiToggleButtonPressedBackground;

	.sapMSltIcon {
		color: var(--sapField_TextColor);
	}
}

.sapMSlt:not(.sapMSltIconOnly) {
	border-radius: var(--sapField_BorderCornerRadius);
}

.sapMSlt {
	font-family: var(--sapFontFamily);
	font-size: @sapFontSize;
	height: var(--sapElement_Height);
	border: none;
	background-image: linear-gradient(0deg, var(--sapField_BorderColor) 0, var(--sapField_BorderColor) 100%);
	background-size: 100% var(--sapField_BorderWidth);
	background-repeat: repeat-x;
	background-position: bottom;
	box-shadow: var(--sapField_Shadow);
}

.sapUiSizeCompact .sapMSlt {
	height: var(--sapElement_Compact_Height);
}

.sapMSlt > .sapMSltArrow {
	line-height: 2.313rem;
	background-color: transparent !important;
}

.sapMSlt:not(.sapMSltState).sapMSltPressed > .sapMSltArrow::before {
	color: var(--sapButton_Selected_TextColor);
}

.sapMSlt.sapMSltPressed,
.sapMSltPressed > .sapMSltArrow {
	background: var(--sapField_Hover_Background);
}

html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisabled):not(.sapMSltState)::before {
	outline-offset: -2px;
}

html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisabled).sapMSltState::before {
	outline-offset: -2px;
}

html.sap-desktop .sapMSltIconOnly.focus:not(.sapMSltExpanded):not(.sapMSltDisabled).sapMSltPressed {
	outline-color: var(--sapContent_ContrastFocusColor);
}

.sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):hover {
	background: var(--sapField_Hover_Background);
	border-color: var(--sapField_Hover_BorderColor);
	box-shadow: var(--sapField_Hover_Shadow);

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

.sapMSltHoverable.sapMSltPressed:not(.sapMSltState):not(.sapMSltIconOnly):hover .sapMSltArrow {
	border-radius: 0.125rem;
}

/* pressed and hover */

.sapMSltIconOnly.sapMSltPressed.sapMSltHoverable:not(.sapMSltState):hover {
	background: @sapUiToggleButtonPressedHoverBackground;
	border-color: var(--sapField_Active_BorderColor);
}

/* value state */

.sapMSltState {
	border-width: 2px;
}

/* disabled */

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

.sapMSlt.sapMSltReadonly {
	border-color: var(--sapField_ReadOnly_BorderColor);
	background: var(--sapField_ReadOnly_BackgroundStyle);
	background-color: var(--sapField_ReadOnly_Background);
	box-shadow: none;
}

div.sapMSltPicker .sapMSltPickerValueState {
	box-shadow: inset 0 -0.0625rem @_sap_m_Dialog_HeaderShadowColor;
}

.sapUiSizeCompact .sapMSlt > .sapMSltArrow {
	line-height: 1.75rem;
}

.sapMSltMinWidth {
	min-width: 2.75rem;
}

.sapUiSizeCompact .sapMSltMinWidth {
	min-width: 2rem;
}

.sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):hover {
	box-shadow: var(--sapField_Hover_Shadow);
	border: none;
	background-image: linear-gradient(0deg, var(--sapField_BorderColor) 0, var(--sapField_BorderColor) 100%);
	background-size: 100% var(--sapField_BorderWidth);
	background-repeat: repeat-x;
	background-position: bottom;
}

.sapMSltPressed:not(.sapMSltDisabled):not(.sapMSltState),
.sapMSlt.sapMSltFocused:not(.sapMSltDisabled):not(.sapMSltState) {
	&:not(.sapMSltReadonly) {
		background: var(--sapField_Background);
	}
	border: none;

	&:not(.sapMSltExpanded) {
		box-shadow: inset 0 0 0 var(--sapContent_FocusWidth) var(--sapField_Active_BorderColor);
	}
}

.sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):active {
	border:none;
}

.sapMSltArrow {
	width: 2.25rem;
	height: 2.25rem;

	&:hover {
		box-shadow: var(--sapField_Hover_Shadow);
	}
}

.sapUiSizeCompact .sapMSltArrow {
	width: 2rem;
	height: 1.625rem;
}

.sapMSltPressed >.sapMSltArrow,
.sapMSlt:hover > .sapMSltArrow {
	background-color: var(--sapButton_Active_Background);
	overflow: none;
	border-radius: 0.125rem;
}

/* focus */
html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisabled) {

	&::before {
		box-shadow: inset 0 0 0 2px var(--sapField_Focus_BorderColor);
	}
}

/* Input Information state */

.sapMSltInformation {
	border: none;
	background-image: linear-gradient(0deg, var(--sapField_InformationColor) 0, var(--sapField_InformationColor) 100%);
	background-size: 100% var(--sapField_InformationBorderWidth);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: var(--sapField_InformationBackground);
	box-shadow: var(--sapField_InformationShadow);
}

.sapMSltInformation.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
	border-color: var(--sapField_InformationColor);
	box-shadow: var(--sapField_Hover_InformationShadow);
	background-color: var(--sapField_Hover_Background);

	&:not(.sapMSltFocused) {
		box-shadow: var(--sapField_Hover_InformationShadow); /* NEW Parameter */
	}
}

.sapMSltHoverable.sapMSltInformation:not(.sapMSltIconOnly):active,
.sapMSltFocused.sapMSltInformation {
	border-bottom: none;
	box-shadow: inset 0 0 0 2px var(--sapField_InformationColor);
	background-color: var(--sapField_Focus_Background);
}

.sapMSltInformation.sapMSltPressed {

	.sapMSltArrow {
		color: var(--sapButton_Selected_TextColor);
		box-shadow: var(--sapField_Hover_InformationShadow);
	}

	> .sapMSltArrow::before {
		color: inherit;
	}
}

/* Input Success state */

.sapMSltSuccess {
	border: none;
	background-image: linear-gradient(0deg, var(--sapField_SuccessColor) 0, var(--sapField_SuccessColor) 100%);
	background-size: 100% var(--sapField_SuccessBorderWidth);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: var(--sapField_SuccessBackground);
	box-shadow: var(--sapField_SuccessShadow);
}

.sapMSltSuccess.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
	border-color: var(--sapField_SuccessColor);
	box-shadow: var(--sapField_Hover_SuccessShadow);
	background-color: var(--sapField_Hover_Background);

	&:not(.sapMSltFocused) {
		box-shadow: var(--sapField_Hover_SuccessShadow); /* New Parameter */
	}
}

/* Field Success Focus - Experimental */
.sapMSltHoverable.sapMSltSuccess:not(.sapMSltIconOnly):active,
.sapMSltFocused.sapMSltSuccess {
	border-bottom: none;
	box-shadow: inset 0 0 0 2px var(--sapField_SuccessColor);
	border-radius: var(--sapField_BorderCornerRadius);
	background-color: var(--sapField_Focus_Background);
}

.sapMSltSuccess.sapMSltPressed {
	.sapMSltArrow {
		color: var(--sapButton_Accept_Selected_TextColor);
		box-shadow: var(--sapField_Hover_SuccessShadow);
	}
	> .sapMSltArrow::before {
		color: inherit;
	}
}

/* Input Warning state */

.sapMSltWarning {
	border: none;
	background-image: linear-gradient(0deg, var(--sapField_WarningColor) 0, var(--sapField_WarningColor) 100%);
	background-size: 100% var(--sapField_WarningBorderWidth);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: var(--sapField_WarningBackground);
	box-shadow: var(--sapField_WarningShadow);
}

.sapMSltWarning.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
	border-color: var(--sapField_WarningColor);
	box-shadow: var(--sapField_Hover_WarningShadow);
	background-color: var(--sapField_Hover_Background);

	&:not(.sapMSltFocused) {
		box-shadow: var(--sapField_Hover_WarningShadow); /* NEW Parameter */
	}
}

/* Field Warning Focus - Experimental */
.sapMSltHoverable.sapMSltWarning:not(.sapMSltIconOnly):active,
.sapMSltFocused.sapMSltWarning {
	border-bottom: none;
	box-shadow: inset 0 0 0 2px var(--sapField_WarningColor); /* Experimental */
	background-color: var(--sapField_Focus_Background);
}

.sapMSltWarning.sapMSltPressed {

	.sapMSltArrow {
		color: var(--sapButton_Attention_Selected_TextColor);
		box-shadow: var(--sapField_Hover_WarningShadow);
	}

	> .sapMSltArrow::before {
		color: inherit;
	}
}

// Input Error state

.sapMSltError {
	border: none;
	background-image: linear-gradient(0deg, var(--sapField_InvalidColor) 0, var(--sapField_InvalidColor) 100%);
	background-size: 100% var(--sapField_InvalidBorderWidth);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: var(--sapField_InvalidBackgroundStyle);
	box-shadow: var(--sapField_InvalidShadow);
}

.sapMSltError.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
	border-color: var(--sapField_InvalidColor);
	box-shadow: var(--sapField_Hover_InvalidShadow);
	background-color: var(--sapField_Hover_Background);

	&:not(.sapMSltFocused) {
		box-shadow: var(--sapField_Hover_InvalidShadow); /* NEW Parameter */
	}
}

/* Field Error Focus - Experimental */
.sapMSltHoverable.sapMSltError:not(.sapMSltIconOnly):active,
.sapMSltFocused.sapMSltError {
	border-bottom: none;
	box-shadow: inset 0 0 0 2px var(--sapField_InvalidColor);
	background-color: var(--sapField_Focus_Background);
}

.sapMSltError.sapMSltPressed {

	.sapMSltArrow {
		color: var(--sapField_InvalidColor);
		box-shadow: var(--sapField_Hover_InvalidShadow);
	}

	> .sapMSltArrow::before {
		color: inherit;
	}
}
/* END "Select.less" */

/* START "SelectDialog.less" */
/* =================================== */
/* CSS for control sap.m/SelectDialog  */
/* Horizon 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  */
/* Horizon theme                     */
/* ================================= */

@_sap_m_SelectListItem_Height: 2.5rem;
@_sap_m_SelectListItem_CompactHeight: 2rem;
@_sap_m_SelectListItemBelizeFocus_Height: 0.25rem; /* 2 borders * 0.0625rem + 2 offsets (top and bottom) * 0.0625rem */

/* selected */
.sapMSelectListItemBase.sapMSelectListItemBaseSelected {
	background: var(--sapList_SelectionBackgroundColor);
	color: var(--sapList_TextColor);
	border-bottom: 0.0625rem solid var(--sapList_SelectionBorderColor);

	&:hover {
		background: var(--sapList_Hover_SelectionBackground);
	}
}

/* pressed */
html.sap-desktop .sapMSelectListItemBase.sapMSelectListItemBasePressed:focus {
	outline: 0.0625rem dotted var(--sapContent_ContrastFocusColor);
}

.sapMSelectListItemBase.sapMSelectListItemBasePressed,
.sapMSelectListItemBase.sapMSelectListItemBaseSelected.sapMSelectListItemBasePressed {
	background-color: var(--sapList_Active_Background);
	color: var(--sapList_Active_TextColor);
}

.sapMSelectListItemBase.sapMSelectListItemBasePressed .sapMSelectListItemIcon {
	color: var(--sapContent_ContrastIconColor);
}

/* disabled */
.sapMSelectListItemBaseDisabled {
	opacity: 0.5;
}

/* focus */
html.sap-desktop .sapMSelectListItemBase:focus::after,
.sapMSltPicker-CTX .sapMSelectListItemBaseSelected::after,
.sapMComboBoxBasePicker-CTX .sapMSelectListItemBaseSelected::after {
	pointer-events: none;
	content: '';
	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
	outline-offset: -0.1875rem;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.sapMSltPicker-CTX .sapMSelectListItemBaseSelected,
.sapMComboBoxBasePicker-CTX .sapMSelectListItemBaseSelected,
html.sap-desktop .sapMSelectListItemBase:focus {
	outline: none;
}

.sapMSelectListItemBase {
	background-color: var(--sapList_Background);
	border-color: var(--sapList_BorderColor);
	position: relative;
	font-size: var(--sapFontSize);
	color: var(--sapList_TextColor);
}
/* END "SelectList.less" */

/* START "Shell.less" */
/* ============================ */
/* CSS for control sap.m/Shell  */
/* Horizon theme                */
/* ============================ */

/* background color class for Shell header */
.sapMShellBackgroundColorOnlyIfDefaultMixin() when not (@sapUiGlobalBackgroundImage = '') {
	background-color: @sapUiShellBackgroundImage; /* custom BG image... just hide the background */
}

.sapMShellBackgroundColorOnlyIfDefaultMixin() when (@sapUiGlobalBackgroundImage = '') {
	background-color: @sapUiShellBackgroundGradient; /* default BG image - display the default background color */
}

.sapMShellBackgroundColorOnlyIfDefault {
	.sapMShellBackgroundColorOnlyIfDefaultMixin;
}

html.sap-desktop .sapMShellCentralBox {
	box-shadow: none;
}

.sapMShellBrandingBar {
	background-color: transparent;
}

.sapMShellGlobalOuterBackground {
	background: var(--sapShell_Background);
}

html.sap-desktop {

	.sapMShellLogo,
	.sapMShellAppWidthLimited .sapMShellLogo {
		margin: 1rem 1rem 0 0;
	}
}
/* END "Shell.less" */

/* START "SinglePlanningCalendarGrid.less" */
/* ================================================= */
/* CSS for control sap.m/SinglePlanningCalendarGrid  */
/* Horizon 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;
}

.sapMSinglePC {

	.sapMSinglePCRow,
	.sapMSinglePCBlockersColumn {
		border-color: var(--sapList_BorderColor);
	}

	.sapMSinglePCColumnToday .sapMSinglePCRow::before {
		border-color: var(--sapLegend_CurrentDateTime);
	}

	.sapMSinglePCColumnHeader .sapUiCalItem.sapUiCalItemNow {
		border: none;
	}

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

	.sapUiCalItem:focus {
		outline: none;
	}

	.sapMSinglePCColumnHeader {

		.sapUiCalItem.sapUiCalItemNow {

			.sapUiCalSpecialDate {
				position: absolute;
				left: 0;
				bottom: 0px;
				height: 0.28125rem;
			}
		}

		.sapUiCalItem .sapUiCalSpecialDate {
			height: 0.25rem;
		}
	}

	.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps {

		.sapUiCalendarApp {
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
		}
	}
}

.sapUiCalendarRowVisFilled .sapMSinglePCAppointmentWrap {

	.sapUiCalendarApp,
	.sapUiCalendarApp:hover:not(:active) {
		background-color: transparent;
	}
}

.sapUiSizeCompact .sapMSinglePC {

	.sapMSinglePCColumnHeader {

		.sapUiCalItem.sapUiCalItemNow {

			.sapUiCalItemText,
			.sapUiCalItemSel.sapUiItemText {
				box-shadow: none;
				border: none;
			}
		}
	}

	.sapMSinglePCColumnHeader {

		.sapUiCalItem.sapUiCalItemNow:focus {
			outline: 0.0625rem solid white;
			box-shadow: inset white;
		}
	}
}

.sapUiSizeCompact .sapMSinglePC {

	.sapMSinglePCColumnHeader {

		.sapUiCalItem.sapUiCalItemNow {
			outline: 0.0625rem solid white;
			box-shadow: inset white;

			&.sapUiCalItemSel:hover {
				background-color: var(--sapContent_Selected_Hover_Background);
			}

			&.sapUiCalItemSel .sapUiCalItemText,
			.sapUiCalItemText {
				box-shadow: none;
				border: transparent;
				line-height: 1.5rem;
			}
		}

		.sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalItemText,
		.sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetween):focus > .sapUiCalItemText {
			border: transparent;
		}

		.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText,
		.sapUiCalItemText {
			line-height: 1.5rem;
		}

		.sapUiCalItem:focus > .sapUiCalItemText {
			outline: none;
		}

		.sapUiCalItem {

			.sapUiCalItemText,
			.sapUiCalDayName {
				height: 1.4rem;
				padding-left: 0.125rem;
			}

			&.sapUiCalItemNow .sapUiCalDayName,
			.sapUiCalItemText {
				line-height: 1.5rem;
			}

			.sapUiCalDayName {
				line-height: 1.5rem;
				padding-right: 0.125rem;
			}
		}
	}
}

.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps {

	&:focus {

		.sapUiCalendarAppCont::after {
			border: 0.125rem solid var(--sapContent_FocusColor);
			border-radius: 0.125rem;
		}
	}
}

html.sap-desktop {

	.sapMSinglePCBlockersRow > .sapMSinglePCBlockersColumns > .sapMSinglePCBlockersColumn:focus::after,
	.sapMSinglePCGridContent .sapMSinglePCColumns .sapMSinglePCRow:focus::after {
		border: 0.125rem solid var(--sapContent_FocusColor);
	}
}

.sapMSinglePCAppointments,
.sapMSinglePCBlockers {

	.sapUiCalendarApp {

		&.sapUiCalendarAppSel::after {
			background-color: initial;
		}
	}
}

html.sap-desktop {

	.sapMSinglePCBlockers,
	.sapMSinglePCAppointments {

		.sapUiCalendarApp {

			&.sapUiCalendarAppSel:hover::after {
				background-color: initial;
			}
		}
	}
}

.sapMSinglePC .sapUiCalItemSel:focus > .sapUiCalItemText::after {
	left: 0;
	right: 0;
}

.sapMSinglePCAppointmentWrap::before {
	border-radius: 0.25rem 0 0 0.25rem;
}

.sapMSinglePC .sapUiCalendarAppCont {
	border-radius: 0 0.25rem 0.25rem 0;
}

.sapMSinglePC .sapUiCalItem.sapUiCalItemSel:focus > .sapUiCalItemText::after {
	outline: none;
}

.calendarRowTypeColorMixIn(@class, @iitemtypeclass, @color, @bcolor) {

	.sapMSinglePCGrid .@{iitemtypeclass} {

		&.sapUiCalItem.sapUiCalItemSel {
			box-shadow: inset 0 0 0 0.15rem @sapContent_Selected_ForegroundColor;
		}

		&.sapUiCalItem.sapUiCalItemSel:focus {
			box-shadow: inset 0 0 0 0.25rem @sapContent_Selected_ForegroundColor;
		}

		&.sapUiCalItem:hover {
			border-radius: 0.5rem;
		}
	}
}

.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps:focus .sapUiCalendarAppSel:hover .sapUiCalendarAppCont::after {
	top: 0.125rem;
	left: 0.125rem;
	right: 0.125rem;
	bottom: 0.125rem;
}

/* SELECTED CELL IN HEADER */
.sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalItemText::after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 0.0625rem solid var(--sapContent_FocusColor);
	content: '';
	border-radius: 0.5rem;
}

.sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel.sapUiCalItemNow > .sapUiCalItemText::after {
	top: 0.1875rem;
	left: 0.1875rem;
	right: 0.1875rem;
	bottom: 0.1875rem;
	border-radius: 0.0625rem;
}

.sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel:focus::after {
	position: absolute;
	top: 0.375rem;
	left: 0.375rem;
	right: 0.375rem;
	bottom: 0.375rem;
	border: 0.125rem solid var(--sapContent_FocusColor);
	content: '';
	border-radius: 0.1875rem;
}

.sapMSinglePCGrid .sapUiCalItem.sapUiCalItemSel:focus > .sapUiCalItemText::after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 0.0625rem solid var(--sapContent_FocusColor);
	content: '';
	border-radius: 0.5rem;
}
/* END "SinglePlanningCalendarGrid.less" */

/* START "SinglePlanningCalendarMonthGrid.less" */
/* ====================================================== */
/* CSS for control sap.m/SinglePlanningCalendarMonthGrid  */
/* Horizon theme                                          */
/* ====================================================== */

.calendarSpecialDayTypeColorMixIn(@class, @color) {
	.sapMSPCMonthGrid {
		.@{class} .specialDateIndicator {
			background-color: @color;
		}
	}
}

.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);

html.sap-desktop .sapMSPCMonthDay:not(.sapMSPCMonthDayToday):focus::after {
	border: 0.125rem solid var(--sapContent_FocusColor);
}

html.sap-desktop .sapMSPCMonthDay.sapMSPCMonthDayToday:focus .sapMSPCMonthNowMarker::after {
	border: none;
	outline: 0.125rem solid var(--sapContent_FocusColor);
	outline-offset: -0.3125rem;
}

.specialDateIndicator {
	top: 0.1875rem;
	right: 0.1875rem;
}

.sapMSPCMonthDay.sapMSPCMonthDayToday .specialDateIndicator {
	top: 0.3125rem;
	right: 0.3125rem;
}

.sapMSPCMonthGrid .sapMSPCMonthLnkMore {
	right: 0.1875rem;
}

.sapMSPCMonthGrid .sapMSPCMonthDay.sapMSPCMonthDayToday .sapMSPCMonthLnkMore {
	right: 0.3125rem;
}
/* END "SinglePlanningCalendarMonthGrid.less" */

/* START "Slider.less" */
/* ============================= */
/* CSS for control sap.m/Slider  */
/* Horizon theme                 */
/* ============================= */

@_sap_m_Slider_Height: 2.75rem;
@_sap_m_Slider_Progress: .25rem;

/*new*/
.sapMSliderInner .sapMSliderHandle {
	border: 1px solid var(--sapSlider_HandleBorderColor);
	background: var(--sapSlider_HandleBackground);
	border-radius: var(--sapButton_BorderCornerRadius);
	width: 2rem;
	height: 1.5rem;
	margin-left: -1rem;
	top: -0.625rem;
}

.sapMSlider {
	display: flex;
	align-items: center;
}

.sapMSliderInner .sapMSliderHandle:not(:focus):not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus)::after {
	font-family: var(--sapContent_IconFontFamily);
	content: '\e29c';
	position: absolute;
	top: 0.25rem;
	right: 0.5rem;
	overflow: hidden;
	vertical-align: middle;
	font-size: 0.875rem;
	line-height: 0.875rem;
	color: var(--sapContent_Selected_ForegroundColor);
}

.sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover > .sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):focus {

	&::after {
		top: 0.1875rem;
		right: 0.4375rem;
	}
}

.sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderProgress:hover ~ .sapMSliderHandle,
.sapMSliderHandle:hover {

	&:not(:focus) {
		border-color: var(--sapSlider_Hover_HandleBorderColor);
		background: var(--sapSlider_Hover_HandleBackground);
	}
}

.sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
	background: var(--sapSlider_Active_RangeHandleBackground);
	border: var(--sapContent_FocusWidth) solid var(--sapContent_FocusColor);
	outline: none;
	top: -0.625rem;
}

.sapMSliderHandle:focus::before {
	content: none;
}

.sapMSliderInner {
	background: var(--sapSlider_Background);
}

.sapMSliderProgress {
	background: var(--sapSlider_Selected_Background);

	&::before {
		content: none;
		transform: none;
	}
}

/* disabled */
.sapMSliderDisabled {
	opacity: 0.4;
}

.sapMSliderInner::before {
	content: '';
	position: absolute;
	box-sizing: border-box;
	border: 0.0625rem solid var(--sapContent_Selected_MeasureIndicatorColor);
	background-color: var(--sapSlider_Selected_Background);
	border-radius: 50%;
	width: 0.5rem;
	height: 0.5rem;
	left: -0.875rem;
	top: -0.125rem;
}

.sapMSlider::after {
	content: '';
	position: absolute;
	box-sizing: border-box;
	border: 0.0625rem solid var(--sapContent_MeasureIndicatorColor);
	background-color: var(--sapContent_MeasureIndicatorColor);
	border-radius: 50%;
	width: 0.5rem;
	height: 0.5rem;
	right: 0.125rem;
	top: calc(50% ~"-" 0.25rem);
}

.sapMSliderTooltip {
	background: var(--sapField_Focus_Background);
}

.sapMSliderTickLabel .sapMSliderLabel {
	padding-top: 0.4375rem;
	height: 1rem;
	width: 2rem;
	left: -1rem;
	font-size: var(--sapFontSmallSize);
	color: var(--sapContent_LabelColor);
}

.sapMSliderTickmarks {
	top: -0.75rem;
	display: flex;
	box-sizing: border-box;
	align-items: center;
}

.sapMSliderTick {
	border-color: var(--sapContent_MeasureIndicatorColor);
	margin: 0;
	height: .5rem;
}

.sapMSliderLabels {
	height: 1rem;

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

.sapUiSizeCompact {

	.sapMSliderTick {
		height: 0.5rem;
		margin: 0;
	}

	.sapMSlider::after {
		right: .125rem;
	}

	.sapMSliderInner::before {
		left: -0.75rem;
	}

	.sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
		top: -0.5rem;
	}

	.sapMSliderHandle {
		width: 1.5rem;
		height: 1.25rem;
		margin-left: -0.75rem;
		top: -0.5rem;
	}

	.sapMSliderTickLabel .sapMSliderLabel {
		padding-top: 0.375rem;
	}

	.sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus)::after {
		top: 0.125rem;
		right: 0.25rem;
	}

	.sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):focus {

		&::after {
			top: 0.0625rem;
			right: 0.1875rem;
		}
	}
}

.sapMSliderTick[data-ui5-active-tickmark='true'] {
	border-left: 0.0625rem solid var(--sapSlider_Selected_BorderColor);
}
/* END "Slider.less" */

/* START "SliderTooltip.less" */
/* ==================================== */
/* CSS for control sap.m/SliderTooltip  */
/* Horizon theme                        */
/* ==================================== */

.sapMSliderTooltip {
	background: var(--sapField_Focus_Background);
	border-radius: 0.5rem;
	border: none;
	box-shadow: var(--sapContent_Shadow1);
	height: 1.375rem;
	min-width: 2rem;
	padding: 0.25rem;
	font-size: var(--sapFontSmallSize);
	color: var(--sapContent_LabelColor);
}

.sapMSliderTooltipInput {
	font-size: @sapMFontMediumSize;
	color: var(--sapField_TextColor);
}

.sapMSliderTooltipErrorState {
	box-shadow: inset 0 0 0 2px @sapField_InvalidColor;
}

.sapMSliderTooltip.sapMSliderTooltipNonEditableWrapper {
	height: 0.875rem;
	padding: 0.25rem;
	font-size: var(--sapFontSmallSize);
	color: var(--sapContent_LabelColor);
}
/* END "SliderTooltip.less" */

/* START "SlideTile.less" */
/* ================================ */
/* CSS for control sap.m/SlideTile  */
/* Horizon theme                    */
/* ================================ */

.sapMST:active {
	background-color: var(--sapTile_Active_Background);

	.sapMSTFocusDiv {
		border: 1px solid var(--sapTile_Interactive_BorderColor);
		border-radius: var(--sapTile_BorderCornerRadius);
		inset: 0;
	}
}

.sapMST.sapMSTScopeActions.sapMSTDarkBackground .sapMSTMoreIcon {

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

/* This part is used to achieve dotted white black interlace border */
.sapMST:focus .sapMSTFocusDiv::after,
.sapMST:active .sapMSTFocusDiv::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 0.25rem;
	margin: -1px;
	border: 1px dotted var(--sapContent_FocusColor);
}

/* Bulleted indicator of multiple tiles */
.sapMSTBulleted .sapMSTIndicator {
	border: solid 0.0625rem var(--sapTile_OverlayForegroundColor);
	opacity: 0.6;
	box-shadow: 0 0 0.125rem var(--sapContent_ShadowColor);
	margin: 0 0.094rem;
}

.sapMSTBulleted  .sapMSTIndicator.sapMSTActive {
	background: var(--sapTile_OverlayForegroundColor);
	box-shadow: 0 0 0.063rem var(--sapContent_ShadowColor);
}

.sapMST {
	border-radius: var(--sapTile_BorderCornerRadius);
	border-color: var(--sapTile_BorderColor);
	box-shadow: var(--sapContent_Shadow0);
	background: var(--sapTile_Background);
	overflow: hidden;
}

.sapMST.TwoByOne {
	width: 22.5rem;
}

.sapMST.TwoByHalf {
	width: 23rem;
}

.sapMST .sapMSTIconDisplayArea {
	background-color: var(--sapBlockLayer_Background);
}

.sapMST.sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
	opacity: 0.8;
}

.sapMST .sapMSTIconNestedArea {
	text-shadow: 0 1px var(--sapButton_Emphasized_TextShadow);
}

.sapMST:focus .sapMSTFocusDiv {
	border-radius: var(--sapTile_BorderCornerRadius);
	box-shadow: none;
	inset: 0;
}

.sapMST:focus .sapMSTFocusDiv::after,
.sapMST:active .sapMSTFocusDiv::after {
	border: none;
	border-radius: var(--sapElement_BorderCornerRadius);
}

.sapMST:hover {
	box-shadow: var(--sapContent_Shadow2) !important;

	.sapMGT:hover {
		box-shadow: none !important;
		opacity: 0.9;
	}
}

.sapMST:active {

	.sapMGT {
		opacity: 0.8;
	}
}

.sapMST {

	.sapMGT.OneByOne,
	.sapMGT.TwoByOne {

		.sapMTileCnt.News {
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
		}
	}
}

.sapMST:not(.sapMSTPauseIcon) .sapMSTIconNestedArea {

	.sapUiIcon {
		top: 0;
		left: 0.15rem;
	}
}
/* END "SlideTile.less" */

/* START "SplitButton.less" */
/* ================================== */
/* CSS for control sap.m/SplitButton  */
/* Horizon theme                      */
/* ================================== */

.sapMIBar-CTX.sapMFooter-CTX .sapMSB.sapMSBEmphasized:focus .sapMSBInner::after,
.sapMSB.sapMSBEmphasized:focus .sapMSBInner::after {
	border-color: var(--sapContent_ContrastFocusColor);
}

.sapContrast.sapMIBar-CTX .sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnTransparent:not(.sapMToggleBtnPressed),
.sapContrast .sapMIBar-CTX .sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnTransparent:not(.sapMToggleBtnPressed) {
	border-left-color: var(--sapButton_BorderColor);
}

.sapContrast.sapMIBar-CTX .sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnActive.sapMBtnTransparent:not(.sapMToggleBtnPressed),
.sapContrast .sapMIBar-CTX .sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnActive.sapMBtnTransparent:not(.sapMToggleBtnPressed) {
	border-left-color: var(--sapButton_Lite_Active_BorderColor);
}

.sapMMenuBtn {

	.sapMBtn.sapMSBActive:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive):not(.sapMToggleBtnPressed) .sapMBtnIcon {
		color: var(--sapButton_Active_TextColor);
	}
}

.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnAccept .sapMBtnIcon {
	color: var(--sapButton_Accept_TextColor);
}

.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnReject .sapMBtnIcon {
	color: var(--sapButton_Reject_TextColor);
}

.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnAttention .sapMBtnIcon {
	color: var(--sapButton_Attention_TextColor);
}

.sapMTB-Transparent-CTX .sapMSB .sapMSBText:hover .sapMBtnDefault.sapMBtnInner.sapMBtnText {
	padding-right: 0.5625rem;
}

/* ie */
.sapMSBTextIE.sapMSBText {
	padding-right: 2.25rem;
}

.sapMSB .sapMSBArrow .sapMBtnIcon {
	font-size: 1rem;
	line-height: 2.125rem;
}

.sapMSB .sapMSBArrow .sapMBtnInner,
.sapMSB .sapMSBText .sapMBtnInner {
	border-radius: var(--sapButton_Segment_BorderCornerRadius);
}

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

.sapMSB .sapMSBInner {
	padding: 0.25rem 0;
}

.sapMSB .sapMSBText {
	height: 2.25rem;
	padding: 0;
	background-color: var(--sapButton_Background);
	border-radius: 0.5rem;
	border: 0.0625rem solid var(--sapButton_BorderColor);
}

.sapMSB .sapMSBText .sapMBtnInner {
	height: 2.125rem;
	border-top: none;
	border-bottom: none;
	border-left: none;
}

.sapUiSizeCompact {

	.sapMSB .sapMSBInner {
		padding: 0.1875rem 0;
	}

	.sapMSB .sapMSBText {
		height: 1.625rem;
	}
}

.sapMSB.sapMSBEmphasized .sapMSBText {
	background-color: var(--sapButton_Emphasized_Background);
	border-color: var(--sapButton_Emphasized_BorderColor);
}

.sapMSB.sapMSBAccept .sapMSBText {
	background-color: var(--sapButton_Accept_Background);
	border-color: var(--sapButton_Accept_BorderColor);
}

.sapMSB.sapMSBReject .sapMSBText {
	background-color: var(--sapButton_Reject_Background);
	border-color: var(--sapButton_Reject_BorderColor);
}

.sapMSB.sapMSBSuccess .sapMSBText {
	background-color: var(--sapButton_Success_Background);
	border-color: var(--sapButton_Success_BorderColor);
}

.sapMSB.sapMSBNegative .sapMSBText {
	background-color: var(--sapButton_Negative_Background);
	border-color: var(--sapButton_Negative_BorderColor);
}

.sapMSB.sapMSBCritical .sapMSBText {
	background-color: var(--sapButton_Critical_Background);
	border-color: var(--sapButton_Critical_BorderColor);
}

.sapMSB.sapMSBNeutral .sapMSBText {
	background-color: var(--sapButton_Neutral_Background);
	border-color: var(--sapButton_Neutral_BorderColor);
}

.sapMSB.sapMSBAttention .sapMSBText {
	background-color: var(--sapButton_Attention_Background);
	border-color: var(--sapButton_Attention_BorderColor);
}

.sapMSB.sapMSBTransparent .sapMSBText {
	background-color: transparent;
	border-color: transparent;
}

.sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
.sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
	border-color: var(--sapButton_Emphasized_BorderColor);
}

.sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
.sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
	border-color: var(--sapButton_Accept_BorderColor);
}

.sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnReject:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
.sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnReject:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
	border-color: var(--sapButton_Reject_BorderColor);
}

.sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnSuccess:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
.sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnSuccess:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
	border-color: var(--sapButton_Success_BorderColor);
}

.sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnNegative:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
.sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnNegative:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
	border-color: var(--sapButton_Negative_BorderColor);
}

.sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnCritical:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
.sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnCritical:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
	border-color: var(--sapButton_Critical_BorderColor);
}

.sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnNeutral:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
.sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnNeutral:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
	border-color: var(--sapButton_Neutral_BorderColor);
	border-top-left-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
}

.sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnAttention:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
.sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnAttention:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
	border-color: var(--sapButton_Attention_BorderColor);
}

.sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnGhost:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
.sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnGhost:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
	border-color: var(--sapButton_BorderColor);
	border-top-left-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
}

.sapMSB.sapMSBTransparent:hover .sapMSBText,
.sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMSBTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
	border: 0.0625rem solid var(--sapButton_Lite_Hover_BorderColor);
}

.sapMFooter-CTX .sapMMenuBtnSplit,
.sapMMenuBtnSplit {

	.sapMBtnInner,
	span.sapMBtnInner.sapMBtnAccept,
	span.sapMBtnInner.sapMBtnAttention,
	span.sapMBtnInner.sapMBtnReject {
		border-color: transparent;
	}
}

.sapMBtn.sapMSBArrow > .sapMBtnGhost:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
	border-color: var(--sapButton_BorderColor);
	border-left-color: transparent;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.sapMBtn.sapMSBArrow > .sapMBtnNeutral:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
	border-color: var(--sapButton_Neutral_BorderColor);
	border-left-color: transparent;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.sapMSB .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
	content: '';
	position: absolute;
	box-sizing: border-box;
	top: 0.5rem;
	left: -0.0625rem;
	width: 0.0625rem;
	background-color: var(--sapButton_Hover_TextColor);
	pointer-events: none;
	height: 1.25rem;
}

.sapMSB.sapMSBEmphasized .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
	background-color: var(--sapButton_Emphasized_TextColor);
}

.sapMSB.sapMSBNeutral .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
	background-color: var(--sapButton_Information_TextColor);
}

.sapMSB.sapMSBSuccess .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before,
.sapMSB.sapMSBCritical .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before,
.sapMSB.sapMSBNegative .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
	background-color: var(--sapButton_Success_TextColor);
}

.sapMSB.sapMSBAccept .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
	background-color: var(--sapButton_Accept_TextColor);
}

.sapMSB.sapMSBReject .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
	background-color: var(--sapButton_Reject_TextColor);
}

.sapMSB.sapMSBAttention .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
	background-color: var(--sapButton_Attention_TextColor);
}

.sapUiSizeCompact .sapMSB .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
	top: 0.35rem;
	height: 0.9rem;
}

.sapUiSizeCompact .sapMSB .sapMBtn:not(.sapMSBText):focus .sapMBtnInner.sapMBtnIconFirst::before {
	top: 0.0625rem;
}

.sapMSB .sapMBtn:not(.sapMBtnDisabled):not(:focus) .sapMBtnInner.sapMBtnIconFirst:hover::before,
.sapMSB .sapMBtn.sapMSBActive.sapMBtn:not(.sapMBtnDisabled):not(:focus) .sapMBtnInner.sapMBtnIconFirst::before,
.sapMMenuBtn:hover .sapMSB .sapMBtn:not(.sapMBtnDisabled):not(:focus) .sapMBtnInner.sapMBtnIconFirst::before,
.sapMMenuBtn:focus .sapMSB .sapMBtn:not(.sapMBtnDisabled):not(:focus) .sapMBtnInner.sapMBtnIconFirst::before {
	display: none;
}

.sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
	border: 0.125rem solid var(--sapContent_FocusColor);
	border-radius: 0.375rem;
}

.sapMSB.sapMSBEmphasized:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after,
.sapMSB.sapMSBCritical:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after,
.sapMSB.sapMSBNegative:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after,
.sapMSB.sapMSBSuccess:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
	border-color: var(--sapContent_ContrastFocusColor);
}

.sapMSB.sapMSBEmphasized:focus {

	.sapMSBInner:has(.sapMBtn):has(.sapMBtnActive)::after {
		border-color: transparent;
	}

	.sapMBtnActive.sapMFocusable:not(.sapMBadgeIndicator)::before {
		content: '';
		position: absolute;
		box-sizing: border-box;
		left: 0.0625rem;
		top: 0.0625rem;
		right: 0.0625rem;
		bottom: 0.0625rem;
		border: 0.125rem solid var(--sapContent_FocusColor);
		pointer-events: none;
		border-radius: 0.375rem;
	}
}

.sapMSB .sapMSBText:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
	margin-right: 2.25rem;
}

.sapMSB :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
	border: 0.0625rem solid var(--sapContent_FocusColor);
	min-width: 2.3125rem;

	&.sapMBtnText > .sapUiIcon {
		left: 0.4375rem;
	}

	.sapUiIcon {
		position: absolute;
		left: 0.0625rem;
		padding-right: 0.0625rem;
	}

	.sapUiIcon + .sapMBtnContent {
		padding-left: 1.4375rem;
	}
}

.sapUiSizeCompact .sapMSB {

	.sapMSBText:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
		margin-right: 2rem;
	}

	:not(.sapMBtnDisabled) > span.sapMBtnInner {

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

		&.sapMBtnEmphasized.sapMBtnActive {
			min-width: 2rem;

			&.sapMBtnText > .sapUiIcon {
				left: 0.3125rem;
			}
		}
	}
}

.sapUiSizeCompact {

	.sapMSB :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {

		.sapUiIcon {
			position: absolute;
			left: 0;
			padding-right: 0;
		}

		.sapMBtnContent {
			top: 0;
		}
	}

	.sapMSB .sapMSBText .sapMBtnInner {
		height: 1.5rem;
	}
}

.sapMMenuBtn .sapMBtnDisabled {
	opacity: 1;
}

.sapMMenuBtn .sapMSBInner.sapMSBInnerDisabled {
	opacity: var(--sapContent_DisabledOpacity);
}

html.sap-desktop .sapMMenuBtnSplit .sapMBtn:focus > .sapMFocusable::after {
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
	top: 0.375rem;
	bottom: 0.375rem;
	left: 0.125rem;
	right: 0.125rem;
}

.sapUiSizeCompact {

	.sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
		left: 0.0625rem;
		right: 0.0625rem;
	}
}

html.sap-desktop .sapMSB .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator)::before {
	width: auto;
	height: auto;
	background-color: transparent;
}

.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner {
	border: 0.0625rem solid var(--sapButton_Active_BorderColor);

	.sapUiIcon {
		line-height: 2.125rem;
	}
}

.sapUiSizeCompact .sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner {

	.sapUiIcon {
		line-height: 1.5rem;
	}
}

.sapMSB .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnTransparent.sapMBtnIconFirst::before,
.sapMIBar .sapMSB .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnDefault::before {
	background-color: var(--sapButton_Active_TextColor);
}

.sapMIBar .sapMSB {

	&:not(.sapMSBAccept):not(.sapMSBReject):not(.sapMSBEmphasized):not(.sapMSBCritical):not(.sapMSBNegative):not(.sapMSBSuccess):not(.sapMSBNeutral):not(.sapMSBAttention) {

		.sapMBtn {
			background-color: transparent;
		}
	}
}
/* END "SplitButton.less" */

/* START "StandardListItem.less" */
/* ======================================= */
/* CSS for control sap.m/StandardListItem  */
/* Horizon theme                           */
/* ======================================= */

@_sap_m_StandardListItem_TextShadowColor: none;
@_sap_m_StandardListItem_SelectedLabelColor: var(--sapContent_LabelColor);

.sapMSLIInfo {
	text-shadow: @_sap_m_StandardListItem_TextShadowColor;
}

.sapMSLI {
	height: 2.75rem;
}

.sapMSLIImgIcon {
	height: 2.75rem;
	width: 2.75rem;
	line-height: 2.75rem;
	font-size: 1.25rem;
}

.sapMSLIImgNoInset,
.sapMSLIImg {
	border-radius: 0.25rem;
}

.sapMSLIWithDescription .sapMSLIDescription {
	padding-top: 0.75rem;
}

/* Compact Size */
.sapUiSizeCompact .sapMSLIImgIcon {
	height: 2rem;
}

/* END "StandardListItem.less" */

/* START "StandardTile.less" */
/* =================================== */
/* CSS for control sap.m/StandardTile  */
/* Horizon theme                       */
/* =================================== */

.sapMStdTileIconDiv {
	color: var(--sapHighlightColor);
}

.sapMStdIconCreate {
	opacity: .3;
}

.sapMStdTileMonitorType {
	background-color: darken(@sapUiTileBackground, 5);
}

.sapMTCEditable .sapMStdTileMonitorType {
	background-color: fade(darken(@sapUiTileBackground, 5), 50);
}

.sapMStdTileMonitorType .sapMStdTileTitle {
	color: var(--sapTile_TitleTextColor);
}

.sapMTileActive-CTX .sapMStdTileMonitorType {
	background-color: transparent;
}
/* END "StandardTile.less" */

/* START "SuggestionsPopover.less" */
/* ========================================= */
/* CSS for control sap.m/SuggestionsPopover  */
/* Horizon theme                             */
/* ========================================= */

.sapMSuggestionsPopover .sapMList .sapMLIB.sapMLIBFocusable.sapMLIBFocused,
.sapMSuggestionsPopover .sapMValueStateHeaderRoot.sapMPseudoFocus {
	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
	outline-offset: -0.25rem;
}
/* END "SuggestionsPopover.less" */

/* START "Switch.less" */
/* ============================= */
/* CSS for control sap.m/Switch  */
/* Horizon theme                 */
/* ============================= */

/* Switch container */
.sapMSwtCont {
	overflow: hidden;
	/* in order to have a touchable area of 2.75rem height and 3.5rem width */
	padding: 0.625rem 0.5rem;
}

/* focus */
html.sap-desktop {

	.sapMSwtCont:focus > .sapMSwt::before {
		content: ' ';
		position: absolute;
		display: block;
		top: -0.3125rem;
		left: -0.3125rem;
		bottom: -0.3125rem;
		right: -0.3125rem;
		border: 0.125rem solid var(--sapContent_FocusColor);
		border-radius: 1rem;
	}

	.sapUiSizeCompact {

		.sapMSwtCont:focus > .sapMSwt::before {
			border-radius: 0.875rem;
		}
	}
}

/* Switch */
.sapMSwt {
	width: 2.875rem;
	height: 1.5rem;
	overflow: visible;
	border: none;
	margin: 0;
	border-radius: 0.75rem;

	&.sapMSwtNoLabel,
	&.sapMSwtAcceptReject {
		width: 2.5rem;
		height: 1.5rem;

		.sapMSwtText {

			&.sapMSwtTextOn {
				left: 1.8rem;
			}

			&.sapMSwtTextOff {
				left: 2rem;
			}
		}

		&.sapMSwtOn .sapMSwtHandle {
			left: 1.5rem;
		}
	}
}

/* disabled */
.sapMSwtDisabled {
	opacity: var(--sapContent_DisabledOpacity);
}

/* Text */
.sapMSwtText {
	line-height: 1.5rem;
	width: 1.75rem;

	&.sapMSwtTextOn {
		color: var(--sapButton_Handle_Selected_TextColor);
		left: 2.125rem;
		z-index: 1;
	}

	&.sapMSwtTextOff {
		color: var(--sapButton_Handle_TextColor);
		left: 2.125rem;
		z-index: 1;
	}

	.sapMSwtLabel {
		height: 1.5rem;
		line-height: 1.375rem;
		padding: 0;
		font-family: '72-Condensed-Bold', '72', '72full', Arial, Helvetica, sans-serif;
	}
}

/* Switch handler */
.sapMSwt .sapMSwtHandle {
	height: 1.25rem;
	width: 1.75rem;
	border-radius: 1rem;
	border: var(--sapButton_BorderWidth) solid;
	left: 2.0625rem;
}

.sapMSwt.sapMSwtOn .sapMSwtHandle {
	left: 2.1875rem;
}

.sapUiSizeCompact .sapMSwt .sapMSwtHandle,
.sapMSwtCont .sapMSwt.sapMSwtNoLabel.sapMSwtOn .sapMSwtHandle,
.sapMSwtCont .sapMSwt.sapMSwtAcceptReject.sapMSwtOn .sapMSwtHandle {
	left: 2.0625rem;
}

.sapMSwt.sapMSwtNoLabel .sapMSwtHandle,
.sapMSwt.sapMSwtAcceptReject .sapMSwtHandle {
	width: 1.5rem;
}

/* on */
.sapMSwt.sapMSwtOn:not(.sapMSwtAcceptReject) {
	background: var(--sapButton_Track_Selected_Background);
	border: 0.0625rem solid var(--sapButton_Track_Selected_BorderColor);
	box-sizing: border-box;

	.sapMSwtHandle {
		background: var(--sapButton_Handle_Selected_Background);
		border: 0.125rem solid var(--sapButton_Handle_Selected_BorderColor);
	}

	&.sapMSwtHoverable:not(.sapMSwtAcceptReject):hover {
		background: var(--sapButton_Track_Selected_Hover_Background);
		border: 0.0625rem solid var(--sapButton_Track_Selected_Hover_BorderColor);

		.sapMSwtHandle {
			background: var(--sapButton_Handle_Selected_Hover_Background);
			box-shadow: 0 0 0 0.125rem var(--sapButton_Handle_Selected_Hover_BorderColor);
		}
	}
}

/* off */
.sapMSwt.sapMSwtOff:not(.sapMSwtAcceptReject) {
	background: var(--sapButton_Track_Background);
	border: 0.0625rem solid var(--sapButton_Track_BorderColor);
	box-sizing: border-box;

	.sapMSwtHandle {
		background: var(--sapButton_Handle_Background);
		border: 0.125rem solid var(--sapButton_Handle_BorderColor);
	}

	&.sapMSwtHoverable:not(.sapMSwtAcceptReject):hover {
		background: var(--sapButton_Track_Hover_Background);
		border: 0.0625rem solid var(--sapButton_Track_Hover_BorderColor);

		.sapMSwtHandle {
			background: var(--sapButton_Handle_Hover_Background);
			box-shadow: 0 0 0 0.125rem var(--sapButton_Handle_Hover_BorderColor);
		}
	}
}

/* Switch type "AcceptReject" */

/* Switch */
.sapMSwtAcceptReject.sapMSwt {

	/* on */
	&.sapMSwtOn {
		background: var(--sapButton_Track_Positive_Background);
		border: 0.0625rem solid var(--sapButton_Track_Positive_BorderColor);
		box-sizing: border-box;

		.sapMSwtHandle {
			background: var(--sapButton_Handle_Positive_Background);
			border: 2px solid var(--sapButton_Handle_Positive_BorderColor);
		}

		&.sapMSwtHoverable:hover {
			background: var(--sapButton_Track_Positive_Hover_Background);
			border: 0.0625rem solid var(--sapButton_Track_Positive_Hover_BorderColor);

			.sapMSwtHandle {
				background: var(--sapButton_Handle_Positive_Hover_Background);
				box-shadow: 0 0 0 0.125rem var(--sapButton_Handle_Positive_Hover_BorderColor);
			}
		}
	}

	/* off */
	&.sapMSwtOff {
		background: var(--sapButton_Track_Negative_Background);
		border: 0.0625rem solid var(--sapButton_Track_Negative_BorderColor);
		box-sizing: border-box;

		.sapMSwtHandle {
			background: var(--sapButton_Handle_Negative_Background);
			border: 2px solid var(--sapButton_Handle_Negative_BorderColor);
		}

		&.sapMSwtHoverable:hover {
			background: var(--sapButton_Track_Negative_Hover_Background);
			border: 0.0625rem solid var(--sapButton_Track_Negative_Hover_BorderColor);

			.sapMSwtHandle {
				background: var(--sapButton_Handle_Negative_Hover_Background);
				box-shadow: 0 0 0 0.125rem var(--sapButton_Handle_Negative_Hover_BorderColor);
			}
		}
	}
}

/* Switch handler */
.sapMSwtAcceptReject .sapMSwtWebKit537-35.sapMSwtHandle {
	border: none;
}

.sapMSwt.sapMSwtAcceptReject.sapMSwtOn .sapMSwtLabel {
	color: var(--sapPositiveTextColor);
}

.sapMSwt.sapMSwtAcceptReject.sapMSwtOff .sapMSwtLabel {
	color: var(--sapNegativeTextColor);
}

.sapMSwtOn.sapMSwtNoLabel .sapMSwtLabelOn::before {
	font-family: var(--sapContent_IconFontFamily);
	content: '\e05b';
	position: absolute;
	right: 0.375rem;
	overflow: hidden;
	vertical-align: middle;
	font-size: var(--sapFontLargeSize);
	color: var(--sapButton_Handle_Selected_TextColor);
}

.sapMSwtOff.sapMSwtNoLabel .sapMSwtLabelOff::before {
	font-family: var(--sapContent_IconFontFamily);
	content: '\e069';
	position: absolute;
	right: 0.5rem;
	overflow: hidden;
	vertical-align: middle;
	font-size: var(--sapFontLargeSize);
	color: var(--sapButton_Handle_TextColor);
}

.sapMSwtOn.sapMSwtAcceptReject .sapMSwtLabelOn::before,
.sapMSwtOff.sapMSwtAcceptReject .sapMSwtLabelOff::before {
	position: absolute;
	right: 0.375rem;
	font-size: var(--sapFontLargeSize);
}

.sapMSwtOff.sapMSwtAcceptReject .sapMSwtLabelOff::before {
	right: 0.625rem;
}

.sapMSwtOn > .sapMSwtInner {
	left: -1.25rem;
}

.sapMSwtOn .sapMSwtTextOff {
	display: none;
}

.sapMSwtOff .sapMSwtTextOn {
	display: none;
}

/* Compact mode */
.sapUiSizeCompact {

	.sapMSwtCont {
		/* in order to have a touchable area of 2rem height and 3rem width */
		padding-top: 0.375rem;
		padding-bottom: 0.375rem;

		.sapMSwt {
			width: 2.75rem;
			height: 1.25rem;

			.sapMSwtHandle {
				height: 1rem;
				width: 1.75rem;
			}

			.sapMSwtText {
				line-height: 1.25rem;

				&.sapMSwtTextOn {
					left: 2.0625rem;
				}

				&.sapMSwtTextOff {
					left: 2.0625rem;
				}

				.sapMSwtLabel {
					width: 1.75rem;
					line-height: 1.125rem;
				}
			}

			.sapMSwtOn .sapMSwtHandle {
				left: 2.125rem;
			}

			&.sapMSwtNoLabel,
			&.sapMSwtAcceptReject {
				width: 2rem;
				height: 1.25rem;

				.sapMSwtHandle {
					width: 1.25rem;
				}

				&.sapMSwtOn .sapMSwtHandle {
					left: 1.88rem;
				}

				.sapMSwtText {

					&.sapMSwtTextOn {
						left: 1.325rem;
					}

					&.sapMSwtTextOff {
						left: 1.625rem;
					}
				}

				&.sapMSwtOn .sapMSwtHandle {
					left: 1.8125rem;
				}
			}
		}
	}

	.sapMSwtOn.sapMSwtNoLabel .sapMSwtLabelOn::before,
	.sapMSwtOn.sapMSwtAcceptReject .sapMSwtLabelOn::before,
	.sapMSwtOff.sapMSwtNoLabel .sapMSwtLabelOff::before,
	.sapMSwtOff.sapMSwtAcceptReject .sapMSwtLabelOff::before {
		font-size: @sapMFontMediumSize;
		right: 0.3125rem;
	}

	.sapMSwtOff.sapMSwtAcceptReject .sapMSwtLabelOff::before {
		right: 0.4375rem;
	}
}
/* END "Switch.less" */

/* START "Table.less" */
/* ============================ */
/* CSS for control sap.m/Table  */
/* Horizon theme                */
/* ============================ */

.sapMListBGTransparent .sapMListTblHeader,
.sapMListBGTransparent .sapMListTblFooter {
	background-color: fade(@sapUiListBackground, 0%);
}

.sapMListTblSelCol,
.sapMListTblHasNav .sapMListTblNavCol {
	width: 2.75rem;
}

.sapMTableRowCustomFocus:focus {
	& + .sapMListTblSubRow > td::before,
	& > :not(.sapMListTblDummyCell:last-child)::before {
		margin-right: 0; /* make the focus border clearly visible on all sides */
	}
}

.sapMListBGTranslucent .sapMListTblHeader,
.sapMListBGTranslucent .sapMListTblFooter {
	background-color: var(--sapList_Background);
}

.sapMListBGSolid .sapMListTblHeader,
.sapMListBGSolid .sapMListTblFooter {
	background-color: var(--sapList_Background);
}

/* make the focus visible on all sides */
.sapMSticky .sapMLIBShowSeparator:first-child > td {
	border-top-color: transparent;
}

.sapMListTblDummyCell:last-child {
	background-color: var(--sapList_Background);
	border-left-color: var(--sapList_TableFixedBorderColor);
}
/* END "Table.less" */

/* START "TableSelectDialog.less" */
/* ======================================== */
/* CSS for control sap.m/TableSelectDialog  */
/* Horizon 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  */
/* Horizon theme                   */
/* =============================== */

@_sap_m_TabStrip_ItemHoverTextColor: darken(@sapUiGroupTitleTextColor, 10);
@_sap_m_TabStrip_ItemSelectedTextColor: darken(@sapUiGroupTitleTextColor, 20);

.sapMTabStripContainer .sapMTabStrip {
	height: 3.25rem;
	background: var(--sapShell_Background);
	box-shadow: none;

	.sapMBtnBase {
		width: 2.25rem;
	}

	.sapMTSRightOverflowButtons {
		right: 5.8rem;
		text-align: center;

		.sapMBtn.sapMBtnBase {
			margin-left: 0;
			padding-left: 0;
		}
	}

	.sapMTSTabsContainer {
		left: 0;
		right: 5.8rem;

		.sapMTSTabs {

			.sapMTabStripItem {
				padding: 0 0 0 0.5rem;
				border-bottom: 0;
				margin-right: 0.5rem;

				.sapMTabStripItemLabel {
					font-family: var(--sapFontBoldFamily);
				}

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

				&:hover {
					color: var(--sapTextColor);
					background-color: var(--sapList_Hover_Background);
				}

				&.sapMTabStripItemSelected {
					color: var(--sapContent_Selected_ForegroundColor);
					background: var(--sapList_Background);
				}

				.sapMTSItemCloseBtnCnt {
					width: 2rem;
					height: 2.75rem;
					line-height: 2.5rem;

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

.sapMTabStripContainer {
	background: var(--sapShell_Background);
}

.sapMTSOverflowSelectListItem {
	padding-right: 0;
}

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

.sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem:focus::before {
	top: 0.25rem;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 0.25rem;
	border: 0.125rem solid var(--sapContent_FocusColor);
}

.sapUiSizeCompact {

	.sapMTabStrip {

		.sapMTSRightOverflowButtons {
			right: 5.7rem;
		}

		.sapMTSTabsContainer .sapMTSTabs {

			.sapMTabStripItem {
				padding: 0 2rem 0 0.5rem;
				border-bottom: 0;

				&:hover {
					color: @_sap_m_TabStrip_ItemHoverTextColor;
					background-color: var(--sapList_Hover_Background);
					padding: 0 2rem 0 0.5rem;
				}

				&.sapMTabStripItemSelected {
					color: var(--sapContent_Selected_ForegroundColor);
					background: var(--sapList_Background);
					padding: 0 2rem 0 0.5rem;
				}

				.sapMTSItemCloseBtnCnt {
					width: 2rem;
					height: 2.75rem;

					.sapMBtn {
						width: 1.5rem;
						height: 2rem;
						opacity: 1;
					}
				}
			}
		}

		.sapMTSOverflowSelect {
			height: 1.625rem;
		}

		.sapMTSTouchArea .sapMSlt {
			margin-top: 0.46rem;
		}
	}

	.sapMTSOverflowSelectListItem .sapMTabStripSelectListItemCloseBtn {
		visibility: visible; /* close button must be always visible */
	}
}

.sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem.sapMTabStripItemSelected {
	box-shadow: inset 0 0.1875rem 0 var(--sapSelectedColor);
	border-bottom: 0;
	border-radius: 0.125rem 0.125rem 0 0;
}

html.sap-phone .sapMTabStripSelectListItemCloseBtn {
	margin-right: 1rem;
}

html[dir=ltr] .sapMTabStrip .sapMTSLeftOverflowButtons,
html[dir=rtl] .sapMTabStrip .sapMTSRightOverflowButtons {
	background: var(--sapShell_Background);
	width: 2.25rem;
}

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);
	width: 2.25rem;
}

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 "TabContainer.less" */
/* =================================== */
/* CSS for control sap.m/TabContainer  */
/* Horizon theme                       */
/* =================================== */

.sapMTabStrip {
	padding-top: 0.5rem;
	height: 3.25rem;

	.sapMTSLeftOverflowButtons,
	.sapMTSTabsContainer,
	.sapMTSRightOverflowButtons,
	.sapMTSTouchArea {
		height: 2.75rem;
	}
}

.sapUiSizeCompact {

	.sapMTabStrip {
		height: 3.25rem;
	}
}
/* END "TabContainer.less" */

/* START "Text.less" */
/* =============================== */
/* CSS for control sap.m/Text      */
/* Horizon 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;
}

.sapMTB-Info-CTX > .sapMText {
	font-style: italic;
	padding-right: 5px;
}

.sapUiTableHeaderDataCell .sapMText,
.sapMColumnHeader .sapMText {
	font-family: var(--sapFontSemiboldDuplexFamily);
	font-weight: normal;
}
/* END "Text.less" */

/* START "TextArea.less" */
/* =============================== */
/* CSS for control sap.m/TextArea  */
/* Horizon theme                   */
/* =============================== */

@_sapMTextAreaPadding: 0.5rem 0.625rem 0.4375rem;
@_sapMTextAreaPadding_Compact: 0.1875rem 0.5rem 0.125rem;
@_sapMTextAreaReadonlyPadding: 0.4375rem 0.625rem 0.375rem;
@_sapMTextAreaReadonlyPadding_Compact: 0.125rem 0.5rem 0.0625rem;
@_sapMTextAreaValueStateSuccessPadding: 0.5rem 0.625rem 0.4375rem;
@_sapMTextAreaValueStateSuccessPadding_Compact: 0.1875rem 0.5rem 0.125rem;
@_sapMTextAreaValueStateInformationPadding: 0.5rem 0.625rem 0.4375rem;
@_sapMTextAreaValueStateInformationPadding_Compact: 0.1875rem 0.5rem 0.125rem;
@_sapMTextAreaValueStateErrorWarningPadding: 0.5rem 0.625rem 0.4375rem;
@_sapMTextAreaValueStateErrorWarningPadding_Compact: 0.1875rem 0.5rem 0.125rem;
@_sapMTextAreaContentWrapperPadding: 0.0625rem;
@_sapMTextAreaContentWrapperValueStateSuccessPadding: 0.0625rem;
@_sapMTextAreaContentWrapperValueStateInformationPadding: 0.0625rem 0.0625rem 0.125rem 0.0625rem;
@_sapMTextAreaContentWrapperValueStateErrorWarningPadding: 0.0625rem 0.0625rem 0.125rem 0.0625rem;

.sapMInputBase.sapMTextArea {
	min-height: 2.25rem;
}

/* Text Area General */
.sapMFocus.sapMTextArea .sapMInputBaseContentWrapper .sapMInputBaseInner {
	outline: none;
}

.sapMInputBase.sapMTextArea .sapMTextAreaInner {
	line-height: 1.5;
}

.sapMTextAreaMirror {
	line-height: 1.5;
}

.sapMTextArea.sapMInputBaseReadonly .sapMInputBaseReadonlyWrapper {
	border: var(--sapField_BorderWidth) dashed var(--sapField_ReadOnly_BorderColor);
}

.sapMFocus.sapMTextArea.sapMInputBase.sapMInputBaseReadonly .sapMInputBaseContentWrapper {

	&::before {
		top: 1px;
		left: 1px;
		right: 1px;
		bottom: 1px;
	}
}

.sapMTextArea.sapMInputBase.sapMInputBaseReadonly .sapMInputBaseContentWrapper {
	padding: 0;
}

.sapMInputBaseContentWrapper ::-webkit-scrollbar:vertical {
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}

.sapMInputBaseContentWrapper ::-webkit-scrollbar:horizontal {
	border-bottom-left-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}

.sapMTextAreaInner.sapMTextAreaGrow {
	border: 0.0625rem solid transparent;
	border-radius: 0.25rem;
	right: 0;
}
/* END "TextArea.less" */

/* START "TileContent.less" */
/* ================================== */
/* CSS for control sap.m/TileContent  */
/* Horizon theme                      */
/* ================================== */

@_sap_m_TileContent_NewsContentBackgroundColor: @sapTile_OverlayBackground;
@_sap_m_TileContent_NewsFooterTextColor: @_sap_m_NewsContent_SubHeaderTextColor;

.sapMTileCnt.News {
	background-color: var(--sapTile_OverlayBackground);
	.sapMTileCntContent{
		height: 3.625rem;
	}
}

.sapMTileCnt.News .sapMTileCntFtrTxt {
	color: var(--sapTile_OverlayForegroundColor);
}
/* END "TileContent.less" */

/* START "TileContainer.less" */
/* ==================================== */
/* CSS for control sap.m/TileContainer  */
/* Horizon theme                        */
/* ==================================== */

.sapMTC .sapMTCBlind {
	opacity: 0.4;
}

.sapMTC .sapMTCScroller:focus::before {
	border: 1px dotted var(--sapContent_FocusColor);
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
}

.sapMTC .sapMTile,
.sapMTC .sapMCustomTile {

	&:focus {
		outline: none;

		&::before {
			content: '';
			position: absolute;
			left: -0.1875rem;
			right: -0.1875rem;
			top: -0.1875rem;
			bottom: -0.1875rem;
			border: 0.125rem solid var(--sapContent_FocusColor);
			border-radius: 0.125rem;
		}
	}
}
/* END "TileContainer.less" */

/* START "TimePicker.less" */
/* ================================= */
/* CSS for control sap.m/TimePicker  */
/* Horizon 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  */
/* Horizon theme                            */
/* ======================================== */

/* TimePicker Dropdown */
.sapMTimePickerSlider {

	.sapMTimePickerItem {
		border-radius: var(--sapButton_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_Background);
				color: var(--sapContent_FocusColor);
				border-color: var(--sapContent_FocusColor);

				&:hover {
					background: var(--sapList_Hover_Background);
					color: var(--sapContent_FocusColor);
				}
			}
		}

		&.sapMTPSliderExpanded {

			.sapMTimePickerSlider {

				.sapMTimePickerItem {
					background: var(--sapLegend_WorkingBackground);
					border: 0.0625rem solid var(--sapList_Background);

					&:hover {
						background: var(--sapList_Hover_Background);
					}

					&:active {
						background: var(--sapContent_Selected_Background);
						color: var(--sapContent_Selected_TextColor);
					}

					&.sapMTimePickerItemSelected {
						background: var(--sapList_Background)
					}
				}

				.sapMTPPickerSelectionFrame {
					border: 0.125rem solid var(--sapList_SelectionBorderColor);
					border-radius: var(--sapButton_BorderCornerRadius);
					outline: none;

					&:hover {

						+ ul > li.sapMTimePickerItem.sapMTimePickerItemSelected {
							background: var(--sapList_Hover_Background);
						}
					}

					&: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.125rem solid var(--sapSelectedColor);
						outline-offset: -0.188rem;
					}
				}
			}
		}
	}
}
/* END "TimePickerSliders.less" */

/* START "ToggleButton.less" */
/* ==================================== */
/* CSS for control sap.m/ToggleButton   */
/* Horizon theme                        */
/* ==================================== */

html.sap-desktop .sapMToggleBtnPressed,
.sapMToggleBtnPressed:not(.sapMBtnDisabled) {
	box-shadow: none;

	&.sapMBtnNegative {
		background-color: var(--sapButton_Reject_Selected_Background);
		border-color: var(--sapButton_Reject_Selected_BorderColor);
		color: var(--sapButton_Reject_Selected_TextColor);

		& .sapUiIcon {
			color: var(--sapButton_Reject_Selected_TextColor);
		}
	}

	&.sapMBtnSuccess {
		background-color: var(--sapButton_Accept_Selected_Background);
		border-color: var(--sapButton_Accept_Selected_BorderColor);
		color: var(--sapButton_Accept_Selected_TextColor);

		& .sapUiIcon {
			color: var(--sapButton_Accept_Selected_TextColor);
		}
	}

	&.sapMBtnCritical {
		background-color: var(--sapButton_Attention_Selected_Background);
		border-color: var(--sapButton_Attention_Selected_BorderColor);
		color: var(--sapButton_Attention_Selected_TextColor);

		& .sapUiIcon {
			color: var(--sapButton_Attention_Selected_TextColor);
		}
	}
}

/* hover and down on toggled button */
.sapMBtn:hover > .sapMBtnHoverable.sapMToggleBtnPressed:not(.sapMBtnActive),
.sapMBtn .sapMBtnHoverable.sapMToggleBtnPressed:hover {
	box-shadow: none;

	&.sapMBtnReject,
	&.sapMBtnNegative {
		background-color: var(--sapButton_Reject_Selected_Hover_Background);
		border-color: var(--sapButton_Reject_Selected_Hover_BorderColor);
		color: var(--sapButton_Reject_Selected_TextColor);

		& .sapUiIcon {
			color: var(--sapButton_Reject_Selected_TextColor);
		}
	}

	&.sapMBtnAccept,
	&.sapMBtnSuccess {
		background-color: var(--sapButton_Accept_Selected_Hover_Background);
		border-color: var(--sapButton_Accept_Selected_Hover_BorderColor);
		color: var(--sapButton_Accept_Selected_TextColor);

		& .sapUiIcon {
			color: var(--sapButton_Accept_Selected_TextColor);
		}
	}

	&.sapMBtnAttention,
	&.sapMBtnCritical {
		background-color: var(--sapButton_Attention_Selected_Hover_Background);
		border-color: var(--sapButton_Attention_Selected_Hover_BorderColor);
		color: var(--sapButton_Attention_Selected_TextColor);

		& .sapUiIcon {
			color: var(--sapButton_Attention_Selected_TextColor);
		}
	}
}

.sapMBtn {

	.sapMBtnCritical,
	.sapMBtnNegative,
	.sapMBtnSuccess,
	.sapMBtnNeutral {

		&.sapMBtnInner.sapMToggleBtnPressed {
			text-shadow: none;
		}
	}
}

/* Focus of toggled button */
.sapMBtn:focus > .sapMBtnInner.sapMToggleBtnPressed.sapMFocusable {
	outline-color: var(--sapContent_FocusColor);
}

.sapMBtn .sapMBtnCritical.sapMToggleBtnPressed,
.sapContrast span.sapMBtnInner.sapMBtnCritical.sapMToggleBtnPressed,
.sapMBtn:hover .sapMBtnCritical.sapMToggleBtnPressed,
.sapContrast:hover span.sapMBtnInner.sapMBtnCritical.sapMToggleBtnPressed,
.sapMBtn .sapMBtnNegative.sapMToggleBtnPressed,
.sapContrast span.sapMBtnInner.sapMBtnNegative.sapMToggleBtnPressed,
.sapMBtn:hover .sapMBtnNegative.sapMToggleBtnPressed,
.sapContrast:hover span.sapMBtnInner.sapMBtnNegative.sapMToggleBtnPressed,
.sapMBtn .sapMBtnSuccess.sapMToggleBtnPressed,
.sapContrast span.sapMBtnInner.sapMBtnSuccess.sapMToggleBtnPressed,
.sapMBtn:hover .sapMBtnSuccess.sapMToggleBtnPressed,
.sapContrast:hover span.sapMBtnInner.sapMBtnSuccess.sapMToggleBtnPressed,
.sapMBtn .sapMBtnNeutral.sapMToggleBtnPressed,
.sapContrast span.sapMBtnInner.sapMBtnNeutral.sapMToggleBtnPressed,
.sapMBtn:hover .sapMBtnNeutral.sapMToggleBtnPressed,
.sapContrast:hover span.sapMBtnInner.sapMBtnNeutral.sapMToggleBtnPressed {

	.sapMBtnContent,
	.sapMBtnIcon {
		color: inherit;
	}
}

.sapMBtn .sapMBtnEmphasized.sapMToggleBtnPressed {
	background-color: var(--sapButton_Selected_Background);
	color: var(--sapButton_Selected_TextColor);
	border-color: var(--sapButton_Selected_BorderColor);
}

span.sapMBtnInner.sapMToggleBtnPressed .sapMBtnIcon,
span.sapMBtnInner.sapMToggleBtnPressed.sapMBtnTransparent > .sapMBtnIcon,
html.sap-desktop .sapMToggleBtnPressed.sapMBtnTransparent > .sapMBtnIcon {
	color: var(--sapButton_Selected_TextColor);
}


html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMToggleBtnPressed.sapMFocusable {
	border-color: var(--sapContent_FocusColor);
}

html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMToggleBtnPressed.sapMFocusable:not(.sapMBadgeIndicator)::after {
	border-color: var(--sapContent_FocusColor);
	left: -0.0625rem;
	top: -0.0625rem;
	right: -0.0625rem;
	bottom: -0.0625rem;
	border-radius: 0.5rem;
}

html.sap-desktop .sapMBtn:focus > .sapMToggleBtnPressed.sapMBtnEmphasized.sapMFocusable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBadgeIndicator)::before,
html.sap-desktop .sapMBtn:focus > .sapMToggleBtnPressed.sapMBtnCritical.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
html.sap-desktop .sapMBtn:focus > .sapMToggleBtnPressed.sapMBtnNegative.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
html.sap-desktop .sapMBtn:focus > .sapMToggleBtnPressed.sapMBtnSuccess.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before {
	border: 0.125rem solid var(--sapContent_FocusColor);
}

.sapUiSizeCompact .sapMBar-CTX .sapMBtnDefault.sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnDisabled) {
	border-color: var(--sapButton_Selected_BorderColor);
}
/* END "ToggleButton.less" */

/* START "Token.less" */
/* ============================ */
/* CSS for control sap.m/Token  */
/* Horizon theme                */
/* ============================ */

@_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 {
	padding-left: @_sap_m_Token_LeftPadding;
	border-radius: 0.375rem;
	color: @sapTextColor;
	font-size: @sapFontSize;
	overflow: visible;
}

.sapMTokenSelected,
.sapMToken.sapMTokenReadOnly.sapMTokenSelected {
	background: @sapUiButtonSelectedBackground;
	border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
	border-radius: 0.375rem;
	font-family: @sapFontSemiboldDuplexFamily;
}

.sapMTokenIcon::before {
	display: inline-block;
	width: 0.75rem;
	height: 0.75rem;
	line-height: 1;
}

.sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly)::before {
	content: '';
	position: absolute;
	pointer-events: none;
	z-index: 2;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	background-color: @sapUiButtonSelectedBorderColor;
}

html.sap-desktop .sapMToken:not(.sapMTokenSelected):not(.sapMTokenReadOnly):not(:focus):hover {
	background: @sapUiButtonHoverBackground;
	border: @sapUiButtonBorderWidth solid @sapUiButtonTokenBorderColor;
	border-radius: 0.375rem;
}

html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):hover {
	background: @sapUiButtonSelectedHoverBackground;
	border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
}

.sapMToken.sapMTokenReadOnly {
	padding: 0.25rem 0.3125rem;
	color: @sapUiContentLabelColor;

	.sapMTokenText {
		line-height: 1rem;
	}
}

html.sap-desktop .sapMToken:focus {
	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
	border-radius: 0.5rem;
	outline-offset: 0.0625rem;
}

html.sap-desktop .sapMToken:not(.sapMTokenSelected):not(.sapMTokenReadOnly):focus:hover {
	border: @sapUiButtonBorderWidth solid @sapUiButtonTokenBorderColor;
}

html.sap-desktop .sapUiSizeCompact .sapMToken:focus,
html.sap-desktop .sapUiSizeCondensed .sapMToken:focus {
	outline-offset: 0;
}

html.sap-desktop .sapUiSizeCondensed .sapMToken:focus {
	outline-width: 1px;
}

.sapUiSizeCompact .sapMToken.sapMTokenReadOnly {
	padding: 0.125rem 0.25rem;

	.sapMTokenText {
		line-height: 0.875rem;
	}
}

.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: -@sapUiButtonBorderWidth;
}

.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;
}
/* END "Token.less" */

/* START "Tokenizer.less" */
/* ================================ */
/* CSS for control sap.m/Tokenizer  */
/* Horizon theme                    */
/* ================================ */

@_sap_m_Tokenizer_OutlineOffset: 0.3125rem;

.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.25rem;
}

html.sap-desktop .sapMTokenizer:focus {
	outline: 2px solid @sapContent_FocusColor;
	outline-offset: -0.125rem;
	border-radius: @sapField_BorderCornerRadius;
}

/* editable tokens in read-only tokenizer */
.sapMTokenizer.sapMTokenizerReadonly .sapMToken {
	color: @sapUiContentLabelColor;
}

.sapMTokenizer.sapMTokenizerReadonly .sapMToken.sapMTokenReadOnly {
	padding: 0.25rem 0.3125rem;
}

.sapUiSizeCompact {
	.sapMTokenizer {
		padding-left: 0.25rem;
		&.sapMTokenizerReadonly .sapMToken.sapMTokenReadOnly {
			padding: 0.125rem 0.25rem;
		}
		.sapMToken {
			margin-right: 0.25rem;
		}
	}
}

/* ------------------------------ */
/* Disabled                       */
/* ------------------------------ */

.sapMTokenizer.sapMTokenizerDisabled .sapMToken  {
	&:hover,
	&:focus,
	&.sapMTokenSelected,
	&.sapMTokenSelected:focus,
	&.sapMToken.sapMTokenSelected:hover,
	&.sapMToken:not(.sapMTokenSelected):not(:focus):hover {
		background: @sapButton_TokenBackground;
		cursor: default;
		color: @sapUiBaseText;
		outline: none;
		border: 1px solid @sapButton_TokenBorderColor;
		border-radius: @sapButton_BorderCornerRadius;
		box-shadow: none;
	}

	&:focus:after {
		content: none;
	}

	.sapMTokenText,
	.sapMTokenIcon {
		color: @sapUiBaseText;
	}

	.sapMTokenIcon {
		cursor: default;
	}

}

.sapMTokenizer.sapMTokenizerDisabled .sapMTokenizerIndicator {
	cursor: default;
}

.sapMTokenizer.sapMTokenizerReadonly .sapMTokenizerIndicator,
.sapMTokenizer .sapMTokenizerIndicator {
	color: @sapLinkColor;
}

/* END "Tokenizer.less" */

/* START "Toolbar.less" */
/* ============================== */
/* CSS for control sap.m/Toolbar  */
/* Horizon theme                  */
/* ============================== */

html.sap-desktop .sapMTBActive.sapMTBFocused {
	outline: 0.0625rem dotted @sapUiContentFocusColor;
	outline-offset: -0.1875rem;
}

.sapMTB {
	height: 2.75rem;
	padding: 0 0.5rem;
}

.sapMIBar > .sapMBarChild:last-child {
	margin-right: 0;
}

/* Info Toolbar */
.sapMIBar.sapMTB-Info-CTX.sapMTB {
	padding: 0 0.5rem 0 1rem;
}

/* Info Toolbar Context */
.sapMTB-Info-CTX.sapMTB {
	background: @sapUiInfobarNonInteractiveBackground;
	color: @sapUiListTextColor;
	height: 2rem;

	> .sapUiIcon {
		width: 1rem;
		height: 1rem;
		color: @sapUiListTextColor;
	}

	> .sapUiIcon:focus {
		color: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
	}

	&.sapMTBActive {
		background: @sapUiInfobarBackground;
		color: @sapUiInfobarTextColor;

		&:active {
			background: @sapUiInfobarActiveBackground;
		}

		&:hover {
			background: @sapUiInfobarHoverBackground;
		}

		.sapMText,
		.sapMLabel,
		> .sapMTitle {
			color: inherit;
		}
	}
}

html.sap-desktop .sapMTB-Info-CTX.sapMTBActive.sapMTBFocused {
	outline-color: @sapUiContentContrastFocusColor;
}

.sapMTB.sapMTBStandard {
	border-bottom: solid 0.0625rem @sapUiGroupTitleBorderColor;
}

// =====================================
// solid toolbar context
// =====================================
.sapMTB-Solid-CTX.sapMTB {
	background-color: @sapUiToolbarBackground;
}

html.sap-desktop .sapMTBActive.sapMTBFocused {
	outline: none;
	box-shadow: inset 0px 0px 0px @sapUiContentFocusWidth  @sapUiContentFocusColor;
}

.sapMTB .sapMTBSeparator {
	background: @sapUiToolbarSeparatorColor;
}

// Styles suporting Table inside ObjectPageSubSection scenario
.sapUxAPObjectPageLayout .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB.sapMTBHeader-CTX {
	background: @sapUiGlobalBackgroundColor;
	padding: 0;
}

.sapUxAPObjectPageLayout.sapUxAPObjectPageLayout-Std-Desktop-XL .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB.sapMTBHeader-CTX {
	padding: 1rem;
}

.sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB.sapMTBHeader-CTX .sapMBarChildFirstChild {
	margin: 0;
}
/* END "Toolbar.less" */

/* START "Title.less" */
/* =========================== */
/* CSS for control sap.m/Title */
/* Horizon theme               */
/* =========================== */

.sapFFCL {

	.sapFDynamicPage-Std-Desktop-XL,
	.sapFDynamicPage-Std-Desktop,
	.sapFDynamicPage-Std-Tablet,
	.sapFDynamicPage-Std-Phone {

		.sapFDynamicPageTitleMain {

			.sapFDynamicPageTitleMainInner {

				.sapFDynamicPageTitleMainHeading {
					align-self: auto;

					.sapFDynamicPageTitleMainHeadingInner {
						margin-top: 0.6875rem;

						.sapMTitle:not(.sapUICompVarMngmtTitle):not(.sapMVarMngmtTitle) {
							font-size: var(--sapObjectHeader_Title_SnappedFontSize);
							font-family: var(--sapObjectHeader_Title_FontFamily);
						}
					}
				}
			}
		}
	}
}
/* END "Title.less" */

/* START "UploadCollection.less" */
/* ======================================= */
/* CSS for control sap.m/UploadCollection  */
/* Horizon theme                           */
/* ======================================= */

.sapMLIB.sapMUCListSingleItem,
.sapMLIB.sapMUCListFirstItem,
.sapMLIB.sapMUCListLastItem,
.sapMLIB.sapMUCListItem {
	border-bottom-color: @sapUiListBorderColor;
}
/* END "UploadCollection.less" */

/* START "ValueStateHeader.less" */
.sapMValueStateHeaderRoot {
	padding: 0.5rem 0.5rem 0.5rem 1.875rem;
	line-height: 1rem;
}

.sapMValueStateHeaderSuccess:before {
	font-family: SAP-icons;
	content: "\e1c1";
	position: absolute;
	top: 0.5rem;
	left: 0rem;
	vertical-align: middle;
	font-size: 1rem;
	color: @sapPositiveElementColor;
	padding-left: 0.5rem;
	padding-right: 0.375rem;
}

.sapMValueStateHeaderError:before {
	font-family: SAP-icons;
	content: "\e1ec";
	position: absolute;
	top: 0.5rem;
	left: 0rem;
	vertical-align: middle;
	font-size: 1rem;
	color: @sapNegativeElementColor;
	padding-left: 0.5rem;
	padding-right: 0.375rem;
}

.sapMValueStateHeaderWarning:before {
	font-family: SAP-icons;
	content: "\e053";
	position: absolute;
	top: 0.5rem;
	left: 0rem;
	vertical-align: middle;
	font-size: 1rem;
	color: @sapCriticalElementColor;
	padding-left: 0.5rem;
	padding-right: 0.375rem;
}

.sapMValueStateHeaderInformation:before {
	font-family: SAP-icons;
	content: "\e289";
	position: absolute;
	top: 0.5rem;
	left: 0rem;
	vertical-align: middle;
	font-size: 1rem;
	color: @sapInformativeElementColor;
	padding-left: 0.5rem;
	padding-right: 0.375rem;
}
/* END "ValueStateHeader.less" */

/* START "ValueStateMessage.less" */
/* ======================================== */
/* CSS for control sap.m/ValueStateMessage  */
/* Horizon theme                            */
/* ======================================== */

.sapMValueStateMessage {
	line-height: 1rem;
	min-height: 2rem;
	box-shadow: @sapUiContentShadow1;
	border-radius: @sapGroup_BorderCornerRadius;
	padding: 0.5rem 0.5rem 0.5rem 1.875rem;
}

.sapMValueStateMessageError:before {
	font-family: SAP-icons;
	content: "\e1ec";
	position: absolute;
	top: 0.5rem;
	left: 0rem;
	vertical-align: middle;
	font-size: 1rem;
	color: @sapNegativeElementColor;
	padding-left: 0.5rem;
	padding-right: 0.375rem;
}

.sapMValueStateMessageWarning:before {
	font-family: SAP-icons;
	content: "\e053";
	position: absolute;
	top: 0.5rem;
	left: 0rem;
	vertical-align: middle;
	font-size: 1rem;
	color: @sapCriticalElementColor;
	padding-left: 0.5rem;
	padding-right: 0.375rem;
}

.sapMValueStateMessageInformation:before {
	font-family: SAP-icons;
	content: "\e289";
	position: absolute;
	top: 0.5rem;
	left: 0rem;
	vertical-align: middle;
	font-size: 1rem;
	color: @sapInformativeElementColor;
	padding-left: 0.5rem;
	padding-right: 0.375rem;
}
/* END "ValueStateMessage.less" */

/* START "ViewSettingsDialog.less" */
/* ========================================= */
/* CSS for control sap.m/ViewSettingsDialog  */
/* Horizon 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  */
/* Horizon theme                      */
/* ================================== */

@_sap_m_TimePicker_ItemColor: darken(@sapUiListBackground, 3);
@_sap_m_TimePicker_ItemHoverColor: darken(@sapUiListBackground, 6);
@_sap_m_TimePicker_ItemBorderColor: var(--sapList_Background);

.sapMWS:not(:last-child),
.sapMWS.sapMWSExpanded:not(:last-child) {
	margin-right: 0.5rem;
}

.sapMWS {

	.sapMWSLabel,
	.sapMWSInner {
		width: 3rem;
		height: 2.875rem;

		.sapMWSItem,
		.sapMWSSelectionFrame {
			width: 3rem;
			height: 2.875rem;
		}

		.sapMWSItem {
			border-radius: 0.25rem;
			background: var(--sapActiveColor);
			border: 1px solid @_sap_m_TimePicker_ItemBorderColor;

			&:hover {
				background: darken(@sapUiSelected, 10);
			}
		}
	}

	&.sapMWSExpanded {

		.sapMWSInner {

			.sapMWSItem {
				background: @_sap_m_TimePicker_ItemColor;
				border: 1px solid @_sap_m_TimePicker_ItemBorderColor;

				&:hover {
					background: @_sap_m_TimePicker_ItemHoverColor;
				}

				&:active {
					background: var(--sapActiveColor);
					color: var(--sapContent_ContrastTextColor);
				}

			}

			.sapMWSSelectionFrame {
				border: 0.125rem solid var(--sapSelectedColor);
				border-radius: 0.25rem;
				outline:none;

				&:hover {

					+ ul > li.sapMWSItem.sapMWSItemSelected {
						background: @_sap_m_TimePicker_ItemHoverColor;
					}
				}

				&:active {

					& + ul > li.sapMWSItem.sapMWSItemSelected {
						background: var(--sapActiveColor);
						color: var(--sapContent_ContrastTextColor);
					}
				}
			}
		}
	}
}

.sapUiSizeCompact .sapMWS {

	.sapMWSLabel,
	.sapMWSInner {
		width: 3rem;
		height: 2rem;

		.sapMWSItem,
		.sapMWSSelectionFrame,
		.sapMWSExpanded {
			width: 3rem;
		}
	}
}

.sap-phone {

	.sapMWS {

		.sapMWSLabel,
		.sapMWSInner {
			width: 3rem;
			height: 2.875rem;

			.sapMWSItem,
			.sapMWSSelectionFrame {
				width: 3rem;
				height: 2.875rem;
			}

			.sapMWSItem {
				border: 1px solid @_sap_m_TimePicker_ItemBorderColor;
			}
		}

		&.sapMWSExpanded {

			.sapMWSInner {

				.sapMWSItem {
					background: @_sap_m_TimePicker_ItemColor;
					border: 1px solid @_sap_m_TimePicker_ItemBorderColor;
					width: 3rem;
				}

				.sapMWSSelectionFrame {
					outline: 0.125rem solid var(--sapSelectedColor);
					outline-offset: -0.188rem;
				}
			}
		}
	}
}
/* END "WheelSlider.less" */

/* START "Wizard.less" */
/* ============================= */
/* CSS for control sap.m/Wizard  */
/* Horizon theme                 */
/* ============================= */

.sapMWizard {
	.sapMWizardStepContainer {
		margin-top: @_sap_m_Wizard_NavHeight;
	}

	&.sapMWizardBgSolid .sapMWizardStepContainer {
		background-color: @sapUiShellBackground;
	}
}

.sapMWizard {
	overflow: hidden;
}

.sapMWizard .sapMWizardStep {
	padding-bottom: 1rem;
}

.sapMWizard:not(.sapMWizardModePage) .sapMWizardLastActivatedStep {
	min-height: ~"calc(100% - 3rem)";
}

html.sap-phone .sapMWizard .sapMWizardNextButtonVisible {
	left: 2rem;
	bottom: 3.5rem;
	-webkit-transform: none;
	transform: none;
}
/* END "Wizard.less" */

/* START "WizardProgressNavigator.less" */
/* ============================================== */
/* CSS for control sap.m/WizardProgressNavigator  */
/* Horizon theme                                  */
/* ============================================== */

@_sap_m_WizardProgressNavigator_StepUnderlineHeight: 0.188rem;
@_sap_m_WizardProgressNavigator_BoxShadow: 0.0625rem;

.sapMWizardProgressNav {
	position: absolute;
	z-index: 1;
	box-shadow: @sapUiContentHeaderShadow;
}

.sapMWizardProgressNavStep:hover .sapMWizardProgressNavStepCircle {
	background-color: @sapUiObjectHeaderBackground;
	color: @sapUiHighlight;
}

.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"]:hover .sapMWizardProgressNavStepCircle {
	background-color: @sapUiHighlight;
	color: @sapUiContentContrastIconColor;
}

.sapMWizardProgressNavStep:hover .sapMWizardProgressNavStepTitle {
	color: @sapTextColor;
}

.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"] .sapMWizardProgressNavStepTitle {
	color: @sapUiContentSelectedForegroundColor;
}

.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"] .sapMWizardProgressNavStepCircle::after {
	height: @_sap_m_WizardProgressNavigator_StepUnderlineHeight;
	background: @sapUiSelected;
	content: "";
	display: block;
	position: relative;
	width: 100%;
	border-top-left-radius: 0.125rem;
	border-top-right-radius: 0.125rem;
	bottom: -0.75rem;
}

.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"] .sapMWizardProgressNavStepContainer::after {
	height: 0;
}

.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"] {
	& .sapMWizardProgressNavStepCircle {
		background: @sapUiSelected;
		color: @sapUiContentContrastTextColor;
	}
}

.sapMWizardProgressNavStepCircle {
	background: @sapUiObjectHeaderBackground;
	border-color: @sapUiSelected;
	color: @sapUiSelected;
}

.sapMWizardProgressNavStepTitle {
	color: @sapTextColor;
	font-family: @sapUiFontBoldFamily;
}

.sapMWizardProgressNavStepTitle:hover {
	color: @sapTextColor;
}

.sapMWizardProgressNavStep::after {
	border-bottom-color: @sapUiContentSelectedForegroundColor;
}

.sapMWizard .sapMWizardStepContainer {
  background: @sapUiGroupContentBackground;
}

.sapMWizardProgressNavStepTitleOptional {
	color: @sapTextColor;
}

.sapMWizardProgressNavStepLabelOptional {
	margin-top: 0.125rem;
}

.sapMWizardProgressNavStep[data-sap-ui-wpn-step-active="true"] {
	/* all steps after the active one have inactive style */
	& ~ .sapMWizardProgressNavStep .sapMWizardProgressNavStepCircle {
		border-color: @sapUiListBorderColor;
		background: @sapUiObjectHeaderBackground;
		color: @sapUiContentLabelColor;
	}

	& ~ .sapMWizardProgressNavStep .sapMWizardProgressNavStepTitle {
		color: @sapUiContentLabelColor;
	}

	/* all separators after (and including) the active step have inactive style */
	&::after,
	& ~ .sapMWizardProgressNavStep::after {
		border-bottom-color: @sapUiListBorderColor;
	}
}

.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: @sapUiActive;
		border-color: @sapUiActive;
	}
}

.sapMWizardProgressNavStep:focus .sapMWizardProgressNavStepContainer {
	border-radius: 8px;
}
/* END "WizardProgressNavigator.less" */

/* START "WizardStep.less" */
.sapMWizardStep {
	background-color: @sapUiGroupContentBackground;
	border-radius: @sapUiElementBorderCornerRadius;
	padding: 1rem;
	margin-bottom: 1rem;
}

.sapMWizardStep .sapMWizardStepTitle {
	font-weight: bold;
}
/* END "WizardStep.less" */
