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

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

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

@import "../../../../sap/ui/core/themes/base/global.less";
/* START "shared.less" */
/* ====================== */
/* Shared CSS Base theme  */
/* ====================== */

/* Common CSS for condensed table cell content controls */
.sapUiCondensedTableCellContent {
	box-sizing: border-box;
	padding: 0 0.5rem;
	line-height: 1.5rem;
	vertical-align: middle;
}

/* commons */
.sapMScrollbarV,
.sapMScrollbarH,
.sapMScrollbarV > div,
.sapMScrollbarH > div {
	position: absolute;
}

.sapMScrollbarV > div,
.sapMScrollbarH > div {
	box-sizing: border-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border-width: 0.0625rem;
	border-style: solid;
	border-color: rgba(255, 255, 255, 0.901961);
	border-radius: 0.1875rem;
	background-color: rgba(0, 0, 0, 0.498039);
}

/* vertical scrollbar */
.sapMScrollbarV {
	width: 0.438rem;
	right: 0.063rem;
	top: 0;
	bottom: 0;
}

.sapMScrollbarV > div {
	width: 100%;
}

/* horizontal scrollbar */
.sapMScrollbarH {
	height: 0.4375rem;
	bottom: 0.0625rem;
	left: 0.125rem;
	right: 0.125rem;
}

.sapMScrollbarH > div {
	height: 100%;
}

/* ObjectListItem and ObjectHeader share styles for markers such as flag and favorite */
.sapMObjStatusMarker {
	color: @sapUiContentMarkerIconColor;
}

.sapMObjStatusMarker .sapUiIcon + .sapUiIcon,
.sapMObjStatusMarker .sapUiHiddenPlaceholder + .sapUiIcon {
	margin-left: .5rem;
}

.sapMObjStatusMarkerInvisible{
	visibility: hidden;
}

/* CURSORS */
.sapMPointer{
	cursor: pointer;
}

/* Enables native browser hyphenation where possible */
.sapUiHyphenation {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.defaultHighlightedText {
    background: @sapUiContentSearchHighlightColor;
    font-weight: bold;
}
/* END "shared.less" */


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

.sapMALI {
	display: -webkit-box;
	display: flex;
	height: 3rem;
}

.sapMALIText {
	-webkit-box-flex: 1;
	flex: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 3rem;
	display: block;
	text-align: center;
	color: @sapUiButtonFooterTextColor;
}

.sapMALI > .sapMLIBContent {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapMALI .sapMLIBUnread,
.sapMALI .sapMLIBSelectS,
.sapMALI .sapMLIBSelectM,
.sapMALI .sapMLIBSelectD {
	display: none;
}

/*The active indicator of the list is not specific enough to overwrite this style*/
.sapMList .sapMLIB.sapMALI:not(.sapMLIBActive) {
	background: @sapUiButtonActionSelectBackground;
	border-color: @sapUiButtonActionSelectBorderColor;
}

html.sap-desktop .sapMList .sapMLIB.sapMALI:not(.sapMLIBActive) {
	background: @sapUiButtonActionSelectBackground;
	border-color: @sapUiButtonActionSelectBorderColor;
}

html.sap-desktop .sapMList .sapMLIB.sapMALI:hover:not(.sapMLIBActive) > .sapMLIBContent {
	background: @sapUiButtonLiteActionSelectHoverBackground;
}

/* Compact size */
.sapUiSizeCompact .sapMALI {
	height: 2rem;
}

.sapUiSizeCompact .sapMALI > .sapMLIBContent {
	line-height: 2rem;
}

.sapUiSizeCompact .sapMALIText {
	font-size: @sapMFontMediumSize;
}
/* END "ActionListItem.less" */

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

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

.sapMActionSelectPicker .sapMBtn {
	display: block;
	width: 100%;
	height: 2.5rem;
	padding: 0;
	border-top-width: 0;
	border-bottom-width: 1px;
	text-shadow: @sapUiShadowText;
}

.sapMActionSelectPicker .sapMBtnInner {
	border: 1px solid @sapUiButtonActionSelectBorderColor;
	overflow: hidden;
}

.sapMActionSelectPicker .sapMSelectListItemBaseSelected.sapMActionSelectItemWithoutFocus {
	outline: none;
}

html[data-sap-ui-browser^="ie"].sap-desktop, /* TODO remove after 1.62 version */
html[data-sap-ui-browser^="ed"].sap-desktop {

	.sapMActionSelectPicker .sapMSelectListItemBaseSelected.sapMActionSelectItemWithoutFocus:not(.sapMSelectListRow)::before {
		display: none;
	}
}
/* END "ActionSelect.less" */

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

@_sap_m_Popover_Scroll_Width_Buffer: 20px; /* Buffer width for the scroll bar */

.sapMActionSheetDialog.sapMDialog {
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	top: auto !important; // We need to overwrite the inline top style
	bottom: 0;
	width: 100%;
	max-width: 20rem;
	border-radius: 0.25rem 0.25rem 0 0;

	&.sapMDialogPhone{
		overflow: visible;
	}
}

.sapMActionSheet:focus{
	outline: none;
}

.sapMActionSheetDialog .sapMDialogScroll {
	display: block;
}

.sapMActionSheetMixedButtons .sapMActionSheetButtonNoIcon .sapMBtnContent {
	margin-left: 1.625rem;
}

.sapMActionSheetButton > .sapMBtnInner {
	text-align: start;
}

html[data-sap-ui-browser^=ie] .sapMActionSheetButton > .sapMBtnInner,
html[data-sap-ui-browser^=ed] .sapMActionSheetButton > .sapMBtnInner {
	text-align: left;
}

html[dir=rtl][data-sap-ui-browser^=ie] .sapMActionSheetButton > .sapMBtnInner,
html[dir=rtl][data-sap-ui-browser^=ed] .sapMActionSheetButton > .sapMBtnInner {
	text-align: right;
}

/* ====== BEGIN ====== */
/*Style for ActionSheet shown as a dialog sliding in from bottom*/
/* ====== ====== ===== */

.sapMDialog.sapMActionSheetDialog {
	background-color: transparent;
	box-shadow: none;
	border: none;
}

.sapMDialog.sapMActionSheetDialog > section {
	background-color: @sapUiGroupContentBackground;
	border-radius: 0.25rem 0.25rem 0 0;
}

.sapMActionSheetDialog .sapMActionSheetButton {
	width: 100%;
}

.sapMActionSheetDialog .sapMActionSheetButton.sapMActionSheetCancelButton > .sapMBtnInner {
	text-align: center;
}

.sapMActionSheetDialog .sapMBar.sapMHeader-CTX > .sapMBarMiddle {
	text-align: start;
	padding: 0 1rem;
}

html[data-sap-ui-browser^=ie] .sapMActionSheetDialog .sapMBar.sapMHeader-CTX > .sapMBarMiddle, /* TODO remove after 1.62 version */
html[data-sap-ui-browser^=ed] .sapMActionSheetDialog .sapMBar.sapMHeader-CTX > .sapMBarMiddle {
	text-align: left;
}

html[dir=rtl][data-sap-ui-browser^=ie] .sapMActionSheetDialog .sapMBar.sapMHeader-CTX > .sapMBarMiddle, /* TODO remove after 1.62 version */
html[dir=rtl][data-sap-ui-browser^=ed] .sapMActionSheetDialog .sapMBar.sapMHeader-CTX > .sapMBarMiddle {
	text-align: right;
}

.sapMActionSheetDialog .sapMBar.sapMHeader-CTX > .sapMBarMiddle > .sapMBarPH > .sapMDialogTitle {
	color: contrast(fade(@sapUiBlockLayerBackground, 60), @sapUiGroupTitleTextColor, @sapUiContentContrastTextColor, @sapUiContentContrastTextThreshold);
	font-size: @sapMFontMediumSize;
}

.sapMDialog.sapMActionSheetDialog > .sapMDialogSection {
	box-shadow: @sapUiShadowLevel1;
}

.sapMDialog.sapMActionSheetDialog > section {
	padding: 0.25rem 0.5rem;
}

.sapMActionSheetDialog.sapMDialogPhone .sapMIBar.sapMHeader-CTX {
	background: transparent;
	box-shadow: none;
}

/* ====== BEGIN ====== */
/*Style for ActionSheet shown as a Popover*/
/* ====== ====== ===== */
.sapMActionSheetPopover.sapMPopover {
	box-shadow: @sapUiShadowLevel1;
}

.sapMActionSheetPopover .sapMActionSheetButton {
	display: block;
	width: 100%;
}

.sapMActionSheetPopover.sapMPopover {
	.sapMPopoverCont {
		padding: 0.25rem 0.5rem;
		max-height: calc(~"100% - 0.5rem");
	}

	&.sapMPopoverVerticalScrollIncluded .sapMPopoverCont {
		padding: 0.25rem calc(~'0.5rem + ' @_sap_m_Popover_Scroll_Width_Buffer) 0.25rem 0.5rem;
	}
}

.sapUiSizeCompact {
	.sapMActionSheetPopover.sapMPopover  .sapMPopoverCont {
		padding: 0.1875rem 0.375rem;
		max-height: calc(~"100% - 0.375rem");
	}

	// margin is applied insted of icon, when icon is not used
	.sapMActionSheetMixedButtons .sapMActionSheetButtonNoIcon .sapMBtnContent {
		margin-left: 1.4375rem;
	}
}

/* ====== END ====== */
/*Style for ActionSheet shown as a Popover*/
/* ====== ====== ===== */
/* END "ActionSheet.less" */

/* START "App.less" */
/* ========================== */
/* CSS for control sap.m/App  */
/* Base theme                 */
/* ========================== */

.sapMApp {
	width: 100%;
	height: 100%;
}
/* END "App.less" */

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

.sapFAvatar {
	display: inline-block;
	position: relative;
}

// Define a loop and go trough 10 color sets
.loop-colors(@i: 1) when (@i =< 10) {
	.generateColor(@i);

	.loop-colors(@i + 1); // Execute next loop iteration
}

// Execute Loop through color sets
.loop-colors(1);

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

	// Build the real CSS selector.
	// The output would be something like this: .sapFAvatar.sapFAvatarColorAccent6 {background-color: #0092d1;}
	.@{css-selector} {
		background-color: @@color-param;
	}
}

.sapFAvatarIcon {
	text-align: center;
	color: @sapUiContentImagePlaceholderForegroundColor;

	.sapUiIcon {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}
}

.sapFAvatarColorTransparent {
	background-color: transparent;

	&.sapFAvatarIcon,
	&>.sapFAvatarInitialsHolder {
		color: @sapUiContentIconColor;
	}
}

.sapFAvatarColorTileIcon {
	background-color: @sapUiTileIconColor;
}

.sapFAvatarColorPlaceholder {
	background-color: @sapUiContentImagePlaceholderBackground;
}

.sapFAvatarInitialsHolder {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.sapFAvatarImage {
	text-align: center;
	background-color: transparent;

	.sapUiIcon, .sapFAvatarInitialsHolder {
		display: none;
	}
}

.sapFAvatarImageHolder {
	background: no-repeat center;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	.sapFAvatar:not(.sapFAvatarImage) &
	{
		display: none;
	}
}

.sapFAvatarImageCover {
	background-size: cover;
}

.sapFAvatarImageContain {
	background-size: contain;
}

.sapFAvatarCircle {
	border-radius: 50%;
	-webkit-border-radius: 50%;

	.sapMImg,
	.sapFAvatarImageHolder {
		border-radius: 50%;
		-webkit-border-radius: 50%;
	}
}

.sapFAvatarXS {
	height: 2rem;
	width: 2rem;
	font-size: 1rem;

	.sapFAvatarInitialsHolder {
		font-size: 0.75rem;
	}
}

.sapFAvatarS {
	height: 3rem;
	width: 3rem;
	font-size: 1.5rem;

	.sapFAvatarInitialsHolder {
		font-size: 1.125rem;
	}
}

.sapFAvatarM {
	height: 4rem;
	width: 4rem;
	font-size: 2rem;

	.sapFAvatarInitialsHolder {
		font-size: 1.625rem;
	}
}

.sapFAvatarL {
	height: 5rem;
	width: 5rem;
	font-size: 2.5rem;

	.sapFAvatarInitialsHolder {
		font-size: 2rem;
	}
}

.sapFAvatarXL {
	height: 7rem;
	width: 7rem;
	font-size: 3rem;

	.sapFAvatarInitialsHolder {
		font-size: 2.75rem;
	}
}

.sapFAvatarFocusable:focus {
	outline: 0.0625rem dotted @sapUiContentFocusColor;
}

html[data-sap-ui-browser^="ie"] .sapFAvatarFocusable:focus,
html[data-sap-ui-browser^="ed"] .sapFAvatarFocusable:focus {
	outline-style: dashed;
}

html:not(.sap-desktop) .sapFAvatarFocusable:focus {
	outline: none;
}

.sapFAvatarInitialsHolder {
	color: @sapUiContentImagePlaceholderForegroundColor;
}

// Apply LightBox Magnifying glass mixin to control
.lightBoxMagnifyingGlassMixing(~".sapFAvatar", ~".sapFAvatarMagnifyingGlass");


//restrinct inner elements of blocking press event of the whole control
.sapFAvatar * {
	pointer-events: none;
}
/* END "Avatar.less" */

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

@_sap_m_Bar_AppHeight: 3333px; // Ux decision: never show the header, so make this value large enough even for zoom-out cases
@_sap_m_Bar_HeaderHeight: 68px; // should be 4.25rem
@_sap_m_Bar_MinHeightForHeader: (@_sap_m_Bar_AppHeight + @_sap_m_Bar_HeaderHeight);

.sapMBarShadow(@color) {
	box-shadow: inset 0 -0.0625rem @color;
}

.sapMBar {
	display: block;
	width: 100%;
	position: relative;
	height: 3rem;
	line-height: 3rem;
	color: @sapUiPageHeaderTextColor;
	background-color: @sapUiPageHeaderBackground;
	/* 1px down white shadow with 50% opacity */
	text-shadow: @sapUiShadowText;
	/* 1px inside border line at the bottom of a bar */
	.sapMBarShadow(@sapUiPageHeaderBorderColor);
}

.sapMBarContainer {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* fix for ff */
html[data-sap-ui-browser^="ff"].sap-desktop {
	.sapMBarContainer {
		display: flex;
		align-items: center;
	}

	.sapMBarPH {
		justify-content: center;
	}

	.sapMBarRight {
		justify-content: flex-end;
	}

	.sapMBarContainer > .sapMBarChild {
		flex : none;
	}

	.sapMBarContainer > .sapMButton,
	.sapMBarContainer > .sapMText,
	.sapMBarContainer > .sapMLabel {
		flex : initial;
	}
}


.sapMBarLeft,
.sapMBarRight {
	position: absolute;
	height: 100%;
}

.sapMBarLeft {
	left: 0px;
}

/* IE / Edge does not support "text-align: end" */
/* use "right" and "left" instead        */
.sapMBarRight {
	text-align: right;
	right: 0px;
}

.sapMBarRight.sapMRTL {
	text-align: left;
}

.sapMBarPH {
	display: inline-block;
	height: 3rem;
	vertical-align: top;
}

.sapMBarMiddle {
	text-align: center;
	width: 100%;
	height: 0px;
	top: 0px;
	left: 0px;
}

.sapMBar .sapMLabel,
.sapMBar .sapMLnk {
	display: inline;
}

.sapMBarFlexBoxWidth100 {
	width: 100%;
}

/* select control in a bar */
.sapMBar .sapMSlt {
	vertical-align: top;
}

.sapMBar:active {
	text-shadow: none;
}

/* this "sapMBrandingBar-CTX" CSS class can be set by any container control that comes with its own branding bar, so any pages inside will not display their branding bar */
.sapMBrandingBar-CTX .sapMBar.sapMPageHeader:before,
/* since Shell may run without sap.m and we can run without the shell this selector is currently in our lib */
.sapUiUfdShell .sapMBar.sapMPageHeader:before {
	display: none;
}

@media (min-height: @_sap_m_Bar_MinHeightForHeader) {
	/* Shell draws its own branding bar */
	.sap-desktop .sapMShell .sapMBar.sapMPageHeader:before {
		display: none;
	}
}

.sapMBar .sapMBarLeft > .sapMImg,
.sapMBar .sapMBarPH > .sapMImg,
.sapMBar .sapMBarRight > .sapMImg {
	vertical-align: middle;
}

/* Compact size */
.sapUiSizeCompact{
	.sapMBar {
		height: 2rem;
		line-height: 2rem;
	}
	.sapMBarLeft, .sapMBarRight, .sapMBarPH {
		height: 2rem;
		line-height: 2rem;
	}
}

/*don't use margins on the childs to keep the calculation of the bar correct*/
.sapMBarRight,
.sapMBarRight > .sapMBarChild:last-child {
	margin-right: 0;
}

.sapMBarLeft,
.sapMIBar.sapMBar .sapMBarChild:first-child {
	margin-left: 0;
}

/*To replace margins, add padding to the containers*/
.sapMBarRight,
.sapMBarLeft,
.sapMBarPH {
	box-sizing: border-box;
}

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

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

.sapMIBar > .sapMBarLeft > .sapMBarChild:last-child,
.sapMIBar .sapMBarPH > .sapMBarChild:last-child {
	margin-right: 0;
}

/* Bar Title Alignment */
.sapMBarTitleStart .sapMBarPH {
	text-align: start;
}

html[data-sap-ui-browser^="ff"].sap-desktop .sapMBarTitleStart .sapMBarPH {
	justify-content: start;
}

html[data-sap-ui-browser^="ie"] .sapMBarTitleStart .sapMBarPH,
html[data-sap-ui-browser^="ie"] .sapMBarTitleStart .sapMBarMiddle,
html[data-sap-ui-browser^="ed"] .sapMBarTitleStart .sapMBarPH {
	text-align: left;
}

html[dir="rtl"][data-sap-ui-browser^="ie"] .sapMBarTitleStart .sapMBarPH,
html[dir="rtl"][data-sap-ui-browser^="ie"] .sapMBarTitleStart .sapMBarMiddle,
html[dir="rtl"][data-sap-ui-browser^="ed"] .sapMBarTitleStart .sapMBarPH {
	text-align: right;
}
/* END "Bar.less" */

/* START "BarBase.less" */
/* ============================== */
/* CSS for control sap.m/BarBase  */
/* Base theme                     */
/* ============================== */

.sapMIBar .sapMBarChild:first-child {
	margin-left:0.25rem;
}

.sapMIBar .sapMBarChild {
	margin-left:0.25rem;
}

.sapMIBar > .sapMBarChild:last-child {
	margin-right: 0.25rem;
}

.sapMIBar-CTX.sapMFooter-CTX {
	color: @sapUiPageFooterTextColor;
	/* 1px down black shadow with 50% opacity */
	text-shadow: @sapUiShadowText;
	background-color: @sapUiPageFooterBackground;
	background-image: none;
	border-top: 1px solid @sapUiPageFooterBorderColor;
	box-shadow: none;
}

.sapMIBar-CTX.sapMFooter-CTX:active {
	text-shadow: none;
}

.sapMIBar.sapMSubHeader-CTX {
	color: @sapUiPageHeaderTextColor;
	background-color: @sapUiPageHeaderBackground;
}

html.sap-desktop .sapMIBar.sapMFooter-CTX {
	background-color: @sapUiPageFooterBackground;
	border-top: 1px solid @sapUiPageFooterBorderColor;
}

.sapMIBar-CTX.sapMFooter-CTX.sapMTBClear,
html.sap-desktop .sapContrast.sapMIBar.sapMFooter-CTX.sapMTBClear {
	border-top: none;
}

/* footer separator inside of a SplitContainer control */
.sapMSplitContainerMaster .sapMFooter-CTX:not(.sapMIBar) {
	border-right: 1px solid @sapUiPageFooterBorderColor;
}

.sapMIBar.sapMHeader-CTX {
	color: @sapUiPageHeaderTextColor;
	background-color: @sapUiPageHeaderBackground;
	filter: none;
	background-image: none;
}

.sapMPopup-CTX .sapMIBar.sapMHeader-CTX { /* remove gradient in popups; restore grey header color when in popup on desktop */
	background-color: @sapUiPageHeaderBackground;
	filter: none;
	background-image: none;
}
/* END "BarBase.less" */

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

.sapMBreadcrumbs {
	white-space: nowrap;
	outline: none;
	margin: 0 0 0.5rem 0;

	> ol {
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	.sapMSlt {
		border: 0;
		margin: 0;
		height: 1.2rem;
		padding-right: 0.125rem;

		.sapMSltIcon {
			margin: 0 -0.4rem 0 -0.3rem;
			vertical-align: top;
			position: relative;
			background-color: transparent;
			line-height: inherit;
			border: none;
		}
	}

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

	.sapMSltIcon:before {
		font-family: SAP-icons;
		vertical-align: super;
		color: @sapUiLink;
		speak: none;
		content: "...\e1ef";
		font-size: @sapMFontMediumSize;
	}

	.sapMLnk, .sapMBreadcrumbsCurrentLocation, .sapMSlt, .sapMBreadcrumbsSeparator {
		vertical-align: middle;
	}

	.sapMBreadcrumbsItem  {
		-webkit-flex-shrink: 0;
		flex-shrink: 0;
	}

	/* set the flex to 1 for the breadcrumbsItem in order for the last item's text to truncate properly, but only if
	there's two items (the select and the last item in the breadcrumbs) or if there's only one item in the breadcrumbs
	and no select. In all other cases the texts should not truncate thus leaving the responsiveness to the breadcrumbs
	mechanism (moving items from the breadcrumbs into the select)*/
	.sapMBreadcrumbsSelectItem + .sapMBreadcrumbsItem:last-child:nth-child(2),
	.sapMBreadcrumbsItem:last-child:nth-child(1) {
		min-width: 1%;
		-webkit-flex: 1;
		-webkit-box-flex: 1;
		flex: 1 1 auto;
	}

	.sapMBreadcrumbsCurrentLocation {
		font-weight: normal;
		line-height: 1.4;
	}

	.sapMBreadcrumbsItem {
		display: inline;
		padding: 0;
		margin: 0;
		vertical-align: middle;
		white-space: nowrap;
	}

	.sapMBreadcrumbsSeparator {
		padding: 0 0.25rem;
		font-size: @sapMFontMediumSize;
	}

	.sapMBreadcrumbsItem, .sapMBreadcrumbsSeparator {
		color: @sapUiContentLabelColor;
	}
}

.sapMTB .sapMBreadcrumbs {
	flex-grow: 1; /* needed when Breadcrumbs is placed in a container with display: flex */
}

.sapUiSizeCompact .sapMBreadcrumbs .sapMSlt {
	margin: 0;
	height: 1.2rem;
}

/* END "Breadcrumbs.less" */

/* START "BusyDialog.less" */
/* ================================= */
/* CSS for control sap.m/BusyDialog  */
/* Base theme                        */
/* ================================= */

@_sap_m_BusyDialog_IndicatorMargin: 1em;
@_sap_m_BusyDialog_IndicatorMarginCompact: 0.5rem;

//this selectors need to be more specific from the Dialog's
.sapMBusyDialog.sapMDialog {
	min-width: 18.75rem !important;
	text-align: center;
	width: 18.75rem !important;

	.sapMBusyIndicator {
		margin: @_sap_m_BusyDialog_IndicatorMargin;
	}

	&.sapUiPopupWithPadding .sapMDialogScrollCont {
		padding: 0 !important;
	}

	.sapMDialogSection {
		overflow: hidden !important;
	}

	&.sapMBusyDialog-Light {
		//lightBusyDialog
		box-shadow: none;
		background: transparent;
		border: none;

		.sapMDialogSection {
			background: transparent;
		}
	}
}

.sapMLabel.sapMBusyDialogLabel {
	display: block;
	font-size: 1rem;
	line-height: 1.5em;
	margin: 1rem 1rem 0;
	text-align: center !important;
	white-space: normal;
}

// compact sizing
.sapUiSizeCompact .sapMBusyDialog {
	.sapMBusyDialogLabel {
		margin-top: 0.5rem;
	}

	.sapMBusyIndicator {
		margin: @_sap_m_BusyDialog_IndicatorMarginCompact;
	}
}
/* END "BusyDialog.less" */

/* START "BusyIndicator.less" */
/* ==================================== */
/* CSS for control sap.m/BusyIndicator  */
/* Base theme                           */
/* ==================================== */

.sapMBusyIndicator {
	display: inline-block;
	text-align: center;
	outline: none;

	.sapMBusyIndicatorBusyArea {
		min-width: 3em;
		min-height: 1em;
	}

	.sapMLabel {
		display: block;
	}

	.sapUiLocalBusyIndicator {
		background: none;
		font-size: inherit;
	}
}

.sapMBar-CTX .sapMBusyIndicator {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

html[data-sap-ui-browser^="cr"] {
	.sapMBar-CTX .sapMBusyIndicator {
		transform: translateY(25%);
	}
}

.sapMBsyIndAnimation(@name) {
	-webkit-animation: @name 2s linear 0s infinite normal none;
	animation:         @name 2s linear 0s infinite normal none;
}

html[dir='rtl'][data-sap-ui-animation-mode="full"] .sapMBsyIndIcon {
	.sapMBsyIndAnimation(sapMBsyIndRotateRTL);
}

.sapMBsyIndIcon {
	vertical-align: middle;
	-webkit-transform: rotate(0deg) translateZ(0);
	transform: rotate(0deg) translateZ(0);
	-webkit-transition-duration: 0ms;
	transition-duration: 0ms;
}

html[data-sap-ui-animation-mode="full"] .sapMBsyIndIcon {
	.sapMBsyIndAnimation(sapMBsyIndRotate);
}

@-webkit-keyframes sapMBsyIndRotate {
	from { -webkit-transform:rotate(0deg) translateZ(0); }
	to { -webkit-transform:rotate(360deg) translateZ(0); }
}

@keyframes sapMBsyIndRotate {
	from { transform:rotate(0deg) translateZ(0); }
	to { transform:rotate(360deg) translateZ(0); }
}

@-webkit-keyframes sapMBsyIndRotateRTL {
	from { -webkit-transform:rotate(0deg) translateZ(0); }
	to { -webkit-transform:rotate(-360deg) translateZ(0); }
}

@keyframes sapMBsyIndRotateRTL {
	from { transform:rotate(0deg) translateZ(0); }
	to { transform:rotate(-360deg) translateZ(0); }
}
/* END "BusyIndicator.less" */

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

.sapMBtn {
	height:           3rem;
	margin:           0;
	padding:          0.250rem 0;
	vertical-align:   top;
	border:           none;
	/* should be always transparent since this is the background of the clickable area */
	background-color: transparent;
}

.sapMBtn:focus {
	outline:          none;
}
.sapMBtn::-moz-focus-inner {
	padding: 0;
	border: 0
}
.sapMBtn:not(.sapMBtnDisabled) {
	cursor: pointer;
}

/* override the default cursor of .sapUiIcon */
.sapMBtn .sapMBtnIcon {
	cursor: inherit;
}

.sapMBtnBase {
	position: relative;
}

.sapMBtn .sapMBtnInner,
.sapMBtn .sapMBtnContent {
	display: block;
}

/* --------------------- */
/* Inner area            */
/* --------------------- */
.sapMBtnInner {
	vertical-align:   top;
	-webkit-appearance: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	box-sizing: border-box;

	font-family: @sapUiFontFamily;
	font-size: 0.875rem;

	height: 2.500rem;
	min-width: 2.500rem;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;

	background-color: @sapUiButtonBackground;
	border:           0.0625rem solid @sapUiButtonBorderColor;
	border-radius:    0.2rem;
	color:            @sapUiButtonTextColor;
	text-shadow:      @sapUiShadowText;
}

html[data-sap-ui-browser*='ie'] .sapMBtnInner {
	/* Buttons without inline content require
		more vertical space than needed in IE */
	display: inline-block;
	width: 100%;
}

.sapMBtnInner::-moz-focus-inner {
	border: 0;
}
.sapMBtnInner:focus,
.sapMBtnContent>span:focus {
	outline: none;
}

/* paddings depends on the presence and placement of text and icons */
.sapMBtnInner.sapMBtnText {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}
.sapMBtnInner.sapMBtnText.sapMBtnIconFirst,
.sapMBtnInner.sapMBtnText.sapMBtnBack {
	padding-left: 2.375rem;
}
.sapMBtnInner.sapMBtnText.sapMBtnBack.sapMBtnIconFirst {
	padding-left: 4.750rem;
}
.sapMBtnInner.sapMBtnText.sapMBtnIconLast {
	padding-right: 2.375rem;
}

/* ------------------- */
/* Content area        */
/* ------------------- */
.sapMBtnContent {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
	line-height: 2.375rem;
}
/* unstyled button content line height should be normal on iOS devices to fit into the button */
html[data-sap-ui-os^="iOS"] .sapMBtnBase:not(.sapMBtn) .sapMBtnContent {
	line-height: normal;
}

html[data-sap-ui-browser*='ie'] .sapMBtnContentWithIcon {
	display: inline;
}

/* ------------------- */
/* Button Icon         */
/* ------------------- */
.sapMBtnIcon {
	font-size:        1.375rem;
	line-height:      2.375rem;
	width:            2.375rem;
	text-align:       center;
	margin:           0;
	padding:          0;
	vertical-align:   top;
	max-height:       2.375rem;
	color:            @sapUiButtonIconColor;
}
.sapMBtnText > .sapMBtnIcon {
	position:         absolute;
	top:              0;
	left:             0;
}
.sapMBtnText > .sapMBtnIconLeft + .sapMBtnIconLeft {
	left: 2.375rem;
}
.sapMBtnText > .sapMBtnIconRight {
	right: 0;
	left: auto;
}

.sapMBtnInner .sapMBtnIcon.sapMImg {
	height: 2.375rem;
	max-width: 2.375rem;
	width: auto;
}

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

.sapMIBar .sapMBtnInner {
	vertical-align:   top;
}

.sapMIBar .sapMBtnInner.sapMIE {
	/* This is for IE9 - if a button overflows inside of a bar,
		ellipsis will be shown and it will hide completely
		if there is no position relative set.*/
	position: relative;
}

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

.sapUiSizeCompact {
	.sapMBtn {
		height:           2.000rem;
		padding:          0.1875rem 0;
	}

	.sapMBtnInner {
		height:           1.625rem;
		min-width:        2.0rem;
	}
	.sapMBtnInner.sapMBtnText {
		padding-left: 0.4375rem;
		padding-right: 0.4375rem;
	}
	.sapMBtnInner.sapMBtnText.sapMBtnIconFirst,
	.sapMBtnInner.sapMBtnText.sapMBtnBack {
		padding-left: 1.875rem;
	}
	.sapMBtnInner.sapMBtnText.sapMBtnBack.sapMBtnIconFirst {
		padding-left: 3.75rem;
	}
	.sapMBtnInner.sapMBtnText.sapMBtnIconLast {
		padding-right: 1.875rem;
	}

	.sapMBtnContent {
		line-height:      1.500rem;
	}

	.sapMBtnIcon {
		line-height:      1.500rem;
		width:            1.000rem;
		font-size:        1.000rem;
		max-height:       1.500rem;
		margin-left:      0.4375rem;
		margin-right:     0.4375rem;
	}
	.sapMBtnIconLeft + .sapMBtnIconLeft {
		left: 0;
	}
	.sapMBtnText {
	  .sapMBtnIconLeft + .sapMBtnIconLeft {
		left: 1.875rem;
	  }
	}
	.sapMBtnInner > img {
		height:           1.250rem;
		width:            auto;
		max-width:        1.250rem;
		margin-left:      0rem;
		margin-right:     0rem;
	}
}

/* ------------------------------------------------ */
/* Condensed size                                   */
/* ------------------------------------------------ */

.sapUiSizeCondensed .sapUiTableDataCell {
	.sapMBtn {
		height:           1.375rem;
	}
	.sapMBtnInner {
		height:           1.375rem;
		min-width:        2.0rem;
	}
	.sapMBtnInner.sapMBtnText {
		padding-left: 0.4375rem;
		padding-right: 0.4375rem;
	}
	.sapMBtnInner.sapMBtnText.sapMBtnIconFirst,
	.sapMBtnInner.sapMBtnText.sapMBtnBack {
		padding-left: 1.75rem;
	}
	.sapMBtnInner.sapMBtnText.sapMBtnBack.sapMBtnIconFirst {
		padding-left: 3.5rem;
	}
	.sapMBtnInner.sapMBtnText.sapMBtnIconLast {
		padding-right: 1.75rem;
	}
	.sapMBtnInner > img {
		height:           1.250rem;
		width:            auto;
		max-width:        1.250rem;
		margin-left:      0.250rem;
		margin-right:     0.250rem;
	}
	.sapMIBar-CTX .sapMBtnInner {
		margin:           0;
	}
	.sapMBtnIcon {
		line-height:      1.250rem;
		font-size:        1.000rem;
		max-height:       1.250rem;
		width:            1.000rem;
		margin-left:      0.4375rem;
		margin-right:     0.4375rem;
	}
	.sapMBtnIconLeft + .sapMBtnIconLeft {
		left: 1.75rem;
	}
	.sapMBtnContent {
		line-height:      1.250rem;
	}
}

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

.sapMBtnDisabled {
	text-shadow:      none;
	cursor:           default;
}

.sapMBtn:hover > .sapMBtnHoverable {
	background-image: none;
	background-color: @sapUiButtonHoverBackground;
	border-color: @sapUiButtonHoverBorderColor;
}

:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnActive {
	background-image: none;
	background-color: @sapUiButtonActiveBackground;
	border-color:     @sapUiButtonActiveBorderColor;
	color:            @sapUiButtonActiveTextColor;
	text-shadow:      none;
}

:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnActive .sapMBtnIcon {
	color:            @sapUiButtonActiveTextColor;
}

/* ---------------------------------------------------------------------*/
/* Special buttons have the same look on a page and in a header/footer. */
/* ---------------------------------------------------------------------*/

span.sapMBtnInner.sapMBtnAccept {
	background-image: none;
	background-color: @sapUiButtonAcceptBackground;
	border-color:     @sapUiButtonAcceptBorderColor;
	color:            @sapUiButtonAcceptTextColor;

	.sapUiIcon {
		color: @sapUiButtonAcceptTextColor;
	}
}

:not(.sapMBtnDisabled):not(.sapMSBActive) > span.sapMBtnInner.sapMBtnAccept:not(.sapMBtnActive):not(.sapMToggleBtnPressed) > .sapMBtnIcon {
	color:            @sapUiButtonAcceptTextColor;
}

.sapMBtn:hover > .sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed) {
	background-color: @sapUiButtonAcceptHoverBackground;
	border-color:     @sapUiButtonAcceptHoverBorderColor;
	color: @sapUiButtonAcceptHoverTextColor;

	bdi {
		color: @sapUiButtonAcceptHoverTextColor;
	}
}

.sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive):not(.sapMToggleBtnPressed) > .sapMBtnIcon,
.sapMBtn:hover:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnAccept:hover:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed) .sapUiIcon,
:not(.sapMBtnDisabled):not(.sapMSBActive) > span.sapMBtnInner.sapMBtnAccept:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed):hover > .sapMBtnIcon {
	color: @sapUiButtonAcceptHoverTextColor;
}

:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnAccept.sapMBtnActive {
	background-color: @sapUiButtonAcceptActiveBackground;
	border-color:     @sapUiButtonAcceptActiveBorderColor;
	text-shadow: none;
}

/* ---------------------------------------- */

span.sapMBtnInner.sapMBtnReject {
	background-image: none;
	background-color: @sapUiButtonRejectBackground;
	border-color:     @sapUiButtonRejectBorderColor;
	color:            @sapUiButtonRejectTextColor;

	.sapUiIcon {
		color: @sapUiButtonRejectTextColor;
	}
}

:not(.sapMBtnDisabled):not(.sapMSBActive) > span.sapMBtnInner.sapMBtnReject:not(.sapMBtnActive):not(.sapMToggleBtnPressed) > .sapMBtnIcon {
	color:            @sapUiButtonRejectTextColor;
}

.sapMBtn:hover > .sapMBtnHoverable.sapMBtnReject:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
	background-color: @sapUiButtonRejectHoverBackground;
	border-color:     @sapUiButtonRejectHoverBorderColor;
	color: @sapUiButtonRejectHoverTextColor;

	bdi {
		color: @sapUiButtonRejectHoverTextColor;
	}
}

.sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnHoverable.sapMBtnReject:not(.sapMBtnActive):not(.sapMToggleBtnPressed) > .sapMBtnIcon,
.sapMBtn:hover:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnReject:hover:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed) .sapUiIcon,
:not(.sapMBtnDisabled):not(.sapMSBActive) > span.sapMBtnInner.sapMBtnReject:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed):hover > .sapMBtnIcon {
	color: @sapUiButtonRejectHoverTextColor;
}

:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnReject.sapMBtnActive {
	background-color: @sapUiButtonRejectActiveBackground;
	border-color:     @sapUiButtonRejectActiveBorderColor;
	text-shadow: none;
}

/* ---------------------------------------- */

span.sapMBtnInner.sapMBtnEmphasized {
	background-image: none;
	background-color: @sapUiButtonEmphasizedBackground;
	border-color:     @sapUiButtonEmphasizedBorderColor;
	color:            @sapUiButtonEmphasizedTextColor;
	text-shadow:      0 0 0.125rem @sapUiButtonEmphasizedTextShadow;

	.sapUiIcon, sapMBtnIcon {
		color: @sapUiButtonEmphasizedTextColor;
	}
}

:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive > .sapMBtnIcon {
	color:            @sapUiButtonEmphasizedTextColor;
}

.sapMBtn:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
	background-color: @sapUiButtonEmphasizedHoverBackground;
	border-color:     @sapUiButtonEmphasizedHoverBorderColor;
	color: @sapUiButtonEmphasizedHoverTextColor;

	.sapMBtnIcon {
		color: @sapUiButtonEmphasizedHoverTextColor;
	}
}

:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
	background-color: @sapUiButtonEmphasizedActiveBackground;
	border-color:     @sapUiButtonEmphasizedActiveBorderColor;
	text-shadow:      none;
	font-weight: @sapUiButtonEmphasizedFontWeight;
	color: @sapUiButtonEmphasizedTextColor;

	bdi {
		color: @sapUiButtonEmphasizedTextColor;
	}

}

.sapMBtn .sapMBtnCritical,
.sapContrast span.sapMBtnInner.sapMBtnCritical{
	background: @sapUiCriticalElement;
	border-color: @sapUiCriticalElement;
}

.sapMBtn .sapMBtnNegative,
.sapContrast span.sapMBtnInner.sapMBtnNegative{
	background: @sapUiNegativeElement;
	border-color: @sapUiNegativeElement;
}

.sapMBtn .sapMBtnSuccess,
.sapContrast span.sapMBtnInner.sapMBtnSuccess{
	background: @sapUiPositiveElement;
	border-color: @sapUiPositiveElement;
}

.sapMBtn .sapMBtnNeutral,
.sapContrast span.sapMBtnInner.sapMBtnNeutral{
	background: @sapUiNeutralElement;
	border-color: @sapUiNeutralElement;
}

.sapMBtn .sapMBtnCritical,
.sapMBtn .sapMBtnNegative,
.sapMBtn .sapMBtnSuccess,
.sapMBtn .sapMBtnNeutral,
.sapContrast span.sapMBtnInner.sapMBtnCritical,
.sapContrast span.sapMBtnInner.sapMBtnNegative,
.sapContrast span.sapMBtnInner.sapMBtnSuccess,
.sapContrast span.sapMBtnInner.sapMBtnNeutral{
	.sapMBtnContent{
		color: @sapUiContentContrastIconColor;
	}
}

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

.sapMBtn .sapMBtnCritical,
.sapMBtn .sapMBtnNegative,
.sapMBtn .sapMBtnSuccess,
.sapMBtn .sapMBtnNeutral,
.sapContrast span.sapMBtnInner.sapMBtnCritical,
.sapContrast span.sapMBtnInner.sapMBtnNegative,
.sapContrast span.sapMBtnInner.sapMBtnSuccess,
.sapContrast span.sapMBtnInner.sapMBtnNeutral{
	.sapMBtnIcon{
		color: @sapUiContentContrastIconColor;
	}
}

.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnCritical{
	background: darken(@sapUiCriticalElement, 7);
	border-color: darken(@sapUiCriticalElement, 7);
}

.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnNegative{
	background: darken(@sapUiNegativeElement, 7);
	border-color: darken(@sapUiNegativeElement, 7);
}

.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnSuccess{
	background: darken(@sapUiPositiveElement, 7);
	border-color: darken(@sapUiPositiveElement, 7);
}

.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnNeutral{
	background: darken(@sapUiNeutralElement, 7);
	border-color: darken(@sapUiNeutralElement, 7);
}

.sapMBtn:not(.sapMBtnDisabled) .sapMBtnCritical.sapMBtnActive{
	background: darken(@sapUiCriticalElement, 10);
	border-color: darken(@sapUiCriticalElement, 10);
}

.sapMBtn:not(.sapMBtnDisabled) .sapMBtnNegative.sapMBtnActive{
	background: darken(@sapUiNegativeElement, 10);
	border-color: darken(@sapUiNegativeElement, 10);
}

.sapMBtn:not(.sapMBtnDisabled) .sapMBtnSuccess.sapMBtnActive{
	background: darken(@sapUiPositiveElement, 10);
	border-color: darken(@sapUiPositiveElement, 10);
}

.sapMBtn:not(.sapMBtnDisabled) .sapMBtnNeutral.sapMBtnActive{
	background: darken(@sapUiNeutralElement, 10);
	border-color: darken(@sapUiNeutralElement, 10);
}

/* ---------------------------------------------------------------------*/
/* Transparent buttons looks like normal one in a header/footer.        */
/* The following rules are overridden in a bar below:                   */
/* ---------------------------------------------------------------------*/

.sapMBtnBack,
.sapMBtnTransparent {
	background-image: none;
	background-color: @sapUiButtonLiteBackground;
	border-color:     @sapUiButtonLiteBorderColor;
	color:            @sapUiButtonLiteTextColor;
}

.sapMBtnGhost {
	background-image: none;
	border-color: fade(@sapUiButtonLiteTextColor, 50);
	background-color: transparent;
	color: @sapUiButtonLiteTextColor;
}

.sapMBtnGhost.sapMBtnInner {
	text-shadow: @sapUiShadowText;
}

:not(.sapMBtnDisabled) .sapMBtnBack > .sapMBtnIcon,
:not(.sapMBtnDisabled) .sapMBtnTransparent > .sapMBtnIcon,
:not(.sapMBtnDisabled) .sapMBtnGhost > .sapMBtnIcon {
	color:            @sapUiButtonIconColor;
}

.sapMBtn:hover > .sapMBtnBack.sapMBtnHoverable {
	background-color: @sapUiButtonLiteHoverBackground;
	border-color:     @sapUiButtonLiteHoverBorderColor;
}

.sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive) {
	color: @sapUiButtonLiteHoverTextColor;
}

.sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnHoverable.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed) > .sapMBtnIcon,
*.sapMBtn:hover:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed) > .sapMBtnIcon,
:not(.sapMBtnDisabled):not(.sapMSBActive) > span.sapMBtnInner.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed):hover > .sapMBtnIcon {
	color: @sapUiButtonLiteHoverTextColor;
}

.sapMBtn:hover > .sapMBtnGhost.sapMBtnHoverable {
	background-color: fade(@sapUiButtonLiteTextColor, 20);
}

:not(.sapMBtnDisabled) > .sapMBtnBack.sapMBtnActive,
:not(.sapMBtnDisabled):hover > .sapMBtnBack.sapMBtnActive,
:not(.sapMBtnDisabled) > .sapMBtnTransparent.sapMBtnActive,
:not(.sapMBtnDisabled):hover > .sapMBtnTransparent.sapMBtnActive,
:not(.sapMBtnDisabled) > .sapMBtnGhost.sapMBtnActive,
:not(.sapMBtnDisabled):hover > .sapMBtnGhost.sapMBtnActive {
	background-color: @sapUiButtonLiteActiveBackground;
	border-color:     @sapUiButtonLiteActiveBorderColor;
	text-shadow:      none;
}

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

.sapMIBar-CTX .sapMBtnInner,
.sapMBar .sapMBtnInner,
.sapMHeader-CTX .sapMBtnInner,
.sapMFooter-CTX .sapMBtnInner {
	background: @sapUiButtonLiteBackground;
	border-color: @sapUiButtonLiteBorderColor;
}

.sapMIBar-CTX .sapMBtnInner,
.sapMBar .sapMBtnInner{
	&.sapMBtnCritical{
		background: @sapUiCriticalElement;
		border-color: @sapUiCriticalElement;
	}
	&.sapMBtnNegative{
		background: @sapUiNegativeElement;
		border-color: @sapUiNegativeElement;
	}
	&.sapMBtnNeutral{
		background: @sapUiNeutralElement;
		border-color: @sapUiNeutralElement;
	}
	&.sapMBtnSuccess{
		background: @sapUiPositiveElement;
		border-color: @sapUiPositiveElement;
	}
}

.sapMIBar-CTX .sapMBtnInner.sapMBtnGhost,
.sapMBar .sapMBtnInner.sapMBtnGhost,
.sapMHeader-CTX .sapMBtnInner.sapMBtnGhost,
.sapMFooter-CTX .sapMBtnInner.sapMBtnGhost {
	background: @sapUiButtonLiteBackground;
	border-color: fade(@sapUiButtonLiteTextColor, 50);
}

.sapMSubHeader-CTX .sapMBtnInner {
	background: @sapUiButtonLiteBackground;
}

.sapMBar-CTX :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnActive,
.sapMBar-CTX :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnTransparent.sapMBtnHoverable.sapMBtnActive,
.sapMBar-CTX :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnGhost.sapMBtnHoverable.sapMBtnActive {
	background-color: @sapUiButtonActiveBackground;
}

.sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
.sapMIBar-CTX .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
	background-color: @sapUiButtonLiteHoverBackground;
	border-color:     @sapUiButtonLiteHoverBorderColor;
	color: @sapUiButtonLiteHoverTextColor;

	bdi {
		color: @sapUiButtonLiteHoverTextColor;
	}
}

.sapMIBar-CTX .sapMBtn:hover > .sapMBtnGhost.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
	background-color: fade(@sapUiButtonLiteTextColor, 20);
	border-color: fade(@sapUiButtonLiteTextColor, 50);
}

.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
	background-color: @sapUiButtonFooterHoverBackground;
	color:            @sapUiButtonFooterTextColor;
}

.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive) {
	background-color: @sapUiButtonAcceptHoverBackground;
	border-color:     @sapUiButtonAcceptHoverBorderColor;
	color:            @sapUiButtonAcceptTextColor;
}

.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnReject:not(.sapMBtnActive) {
	background-color: @sapUiButtonRejectHoverBackground;
	border-color:     @sapUiButtonRejectHoverBorderColor;
	color:            @sapUiButtonRejectTextColor;
}

.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive) {
	background-color: @sapUiButtonEmphasizedHoverBackground;
	border-color:     @sapUiButtonEmphasizedHoverBorderColor;
	color:            @sapUiButtonEmphasizedTextColor;
	text-shadow:      0 0 0.125rem @sapUiButtonEmphasizedTextShadow;
}

.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnCritical:not(.sapMBtnActive) {
	background-color: darken(@sapUiCriticalElement, 7);
	border-color: darken(@sapUiCriticalElement, 7);
}

.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnNegative:not(.sapMBtnActive) {
	background-color: darken(@sapUiNegativeElement, 7);
	border-color: darken(@sapUiNegativeElement, 7);
}

.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnSuccess:not(.sapMBtnActive) {
	background-color: darken(@sapUiPositiveElement, 7);
	border-color: darken(@sapUiPositiveElement, 7);
}

.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnNeutral:not(.sapMBtnActive) {
	background-color: darken(@sapUiNeutralElement, 7);
	border-color: darken(@sapUiNeutralElement, 7);
}

.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnCritical.sapMBtnActive {
	background-color: darken(@sapUiCriticalElement, 10);
	border-color: darken(@sapUiCriticalElement, 10);
}

.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnNegative.sapMBtnActive {
	background-color: darken(@sapUiNegativeElement, 10);
	border-color: darken(@sapUiNegativeElement, 10);
}

.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnSuccess.sapMBtnActive {
	background-color: darken(@sapUiPositiveElement, 10);
	border-color: darken(@sapUiPositiveElement, 10);
}

.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnNeutral.sapMBtnActive {
	background-color: darken(@sapUiNeutralElement, 10);
	border-color: darken(@sapUiNeutralElement, 10);
}

/* Separators between buttons in a footer */
.sapMFooter-CTX .sapMBtnInner :not(.sapMBtnDisabled),
html.sap-desktop .sapMFooter-CTX .sapMBtnInner :not(.sapMBtnDisabled) {
	border-color:     @sapUiButtonLiteBorderColor;
}

.sapMIBar-CTX .sapMBtnTransparent:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed) {
	text-shadow:      none;
	border-color:     @sapUiButtonLiteBorderColor;
}

/* active transparent button in a footer */
.sapMIBar-CTX.sapMFooter-CTX :not(.sapMBtnDisabled) {
	.sapMBtnTransparent.sapMBtnActive {
		background-color: @sapUiButtonLiteActiveBackground;
		color: @sapUiButtonActiveTextColor;
		border-color: @sapUiButtonLiteActiveBorderColor;
	}
}

.sapMIBar-CTX .sapMBtnDisabled,
.sapMIBar-CTX .sapMBtnDisabled .sapMBtnContent > .sapMBtnIcon {
	color: @sapUiButtonHeaderDisabledTextColor;
	text-shadow: none;
}

.sapMIBar-CTX.sapMHeader-CTX :not(.sapMBtnDisabled) > .sapMBtnActive,
.sapMIBar-CTX.sapMFooter-CTX :not(.sapMBtnDisabled) > .sapMBtnActive {
	background-color: @sapUiButtonActiveBackground;
	color: @sapUiButtonActiveTextColor;
	text-shadow: none;
}

/* ----------------------------------------------------------------- */
/* Default type Buttons in a Toolbar should be styled as transparent */
/* ----------------------------------------------------------------- */

/* transparent Toolbar Context */
.sapMTB-Transparent-CTX .sapMBtnDefault {
	background-image: none;
	background: @sapUiButtonLiteBackground;
}
.sapMTB-Transparent-CTX .sapMBtn:hover > .sapMBtnDefault.sapMBtnHoverable {
	background: @sapUiButtonLiteHoverBackground;
}

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

.sapUiSizeCompact {
	.sapMBtnInner {
		text-shadow:      none;
	}

	.sapMBtnGhost {
		text-shadow: @sapUiShadowText;
	}

	.sapMBar-CTX .sapMBtnDefault.sapMBtnInner:not(.sapMBtnDisabled) {
		margin:           0;
		border-color:     transparent;
	}

	.sapMBar-CTX .sapMBtnInner.sapMBtnGhost:not(.sapMBtnDisabled) {
		border-color: fade(@sapUiButtonLiteTextColor, 50)
	}

	.sapMBtnFocusDiv {
		left:             0;
		top:              0;
		right:            0;
		bottom:           0;
		border-radius:    0;
	}
}

/* ------------------------------------------------ */
/* Condensed size                                   */
/* ------------------------------------------------ */

.sapUiSizeCondensed .sapUiTableDataCell {
	.sapMBtnInner {
		text-shadow:      none;
	}
	.sapMBar-CTX .sapMBtnInner {
		border-color:     transparent;
	}
	.sapMBtnContent {
		line-height:      1.250rem;
	}
	.sapMBtnFocusDiv {
		left:             0;
		top:              0;
		right:            0;
		bottom:           0;
		border-radius:    0;
	}
}
/* END "Button.less" */

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

@_sap_m_Carousel_PagesMarginRight: 1.25rem;
@_sap_m_Carousel_MinWidth: 20rem;
@_sap_m_Carousel_ControlsNoArrowsHeight: 2rem;
@_sap_m_Carousel_NumericIndicatorTextColor: @sapUiContentLabelColor;
@_sap_m_Carousel_PrevAndNextSize: 2rem;
@_sap_m_Carousel_PrevAndNextPosition: 0.625rem;
@_sap_m_Carousel_PageIndicatorContainerPadding: 1rem;
@_sap_m_Carousel_PageIndicatorWidthSizeS: 12rem;
@_sap_m_Carousel_PageIndicatorWidthSizeM: 16rem;
@_sap_m_Carousel_PageIndicatorWidthSizeL: 20rem;
@_sap_m_Carousel_PageIndicatorWidthSizeXL: 24rem;

.sapMCrsl {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	border: 1px solid transparent;

	/* IE Windows 8 */// TODO remove after 1.62 version
	/* This element receives events when not panning in vertical direction */
	touch-action: pan-y;
	-ms-touch-action: pan-y;
	min-width: @_sap_m_Carousel_MinWidth;
}

.sapMCrsl:focus {
	outline: none;
}

//show the left and right arrows when the carousel is focused
.sapMCrsl:focus .sapMCrslHud a {
	opacity: 0.3;
}

.sapMCrsl.sapMCrslLeft {
	text-align: left;
}

.sapMCrsl.sapMCrslCenter {
	text-align: center;
}

.sapMCrsl.sapMCrslFluid>.sapMCrslInner>* {
	width: 100%;
}

.sapMCrsl.sapMCrslFluid.sapMCrslCenter>.sapMCrslInner>*:first-child {
	margin-left: 0;
}

.sapMCrslInner {
	height: 100%;
	position: relative;
	white-space: nowrap;
	text-align: begin;
	/*  Removes  inline-block  gaps  due  to  whitespace  */
	font-size: 0;
	/*  Configure  animations  */
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	/*  iOS  like  slide  timings  */
	-webkit-transition-timing-function: cubic-bezier(0.46, 0, 0.44, 1);
	transition-timing-function: cubic-bezier(0.46, 0, 0.44, 1);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

/* for tablet and phone the duration is smaller */
@media all and (max-width: 1024px) {
	.sapMCrslInner {
		transition-duration: 0.3s;
	}
}

html[data-sap-ui-animation='off'] .sapMCrslInner {
	transition-duration: 0.01s;
 }


/* special handling for IE / Edge, as it does not support text-align: end */// TODO remove after 1.62 version
html[data-sap-ui-browser^="ie"] .sapMCrslInner,// TODO remove after 1.62 version
html[data-sap-ui-browser^="ed"] .sapMCrslInner {
 	text-align: left;
}

html[dir=rtl][data-sap-ui-browser^="ie"] .sapMCrslInner,// TODO remove after 1.62 version
html[dir=rtl][data-sap-ui-browser^="ed"] .sapMCrslInner {
	text-align: right;

}

.sapMCrslItemTable {
	height: 100%;
}

.sapMCrslItemTableCell {
	height: 100%;
}

.sapMCrslImg {
	text-align: center;
}

.sapMCrslImgNoArrows {
	text-align: center;
}

.sapMCrslImgNoArrows:before,
.sapMCrslImg:before {
	content: ' ';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.sapMCrslItemTableCell.sapMCrslImgNoArrows img,
.sapMCrslItemTableCell.sapMCrslImg img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}

.sapMCrslInner.sapMCrslNoTransition {
	-webkit-transition-duration: 0.01s;
	transition-duration: 0.01s;
}

.sapMCrslInner.sapMCrslHideNonActive>:not(.sapMCrslActive) .sapMCrslItemTableCell {
	visibility: hidden;
}

.sapMCrslInner>* {
	display: inline-block;
	vertical-align: top;
	white-space: normal;
	/* Comment from Mobify-Carousel: 'We  must  reset  the  font-size here'. Needs explanation! */
	font-size: 1rem;
}

.sapMCrslFluid>.sapMCrslInner>* {
	box-sizing: border-box;
}

.sapMCrslItemTable,
.sapMCrslItem>.sapMScrollCont>.sapMScrollContScroll {
	height: 100%;
	width: 100%;
}

/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiContainerContentPadding(~".sapMCrsl", ~"> .sapMCrslInner > .sapMCrslItem > .sapMScrollCont > .sapMScrollContScroll");

/*
  Carousel control base styling
*/
.sapMCrslControls {
	text-align: center;
	height: 3.5rem;
	display: flex;
	justify-content: center;
	width: 100%;
}

.sapMCrslControlsNoArrows {
	text-align: center;
	height: @_sap_m_Carousel_ControlsNoArrowsHeight;
	display: flex;
	justify-content: center;
	width: 100%;
}

.sapMCrslHud a {
	z-index: 2;
	opacity: 0;
	display: none;
	position: absolute;
	width: @_sap_m_Carousel_PrevAndNextSize;
	height: @_sap_m_Carousel_PrevAndNextSize;
	margin: -1.5625px 0 0 0;
	padding: 0;
	text-decoration: none;
	border-radius: 50%;
	-webkit-transition: opacity 0.1s ease-in;
	transition: opacity 0.1s ease-in;
	box-sizing: border-box;
	background-color: @sapUiButtonBackground;
	color: @sapUiButtonIconColor;
}

.sapMCrslHudMiddle a {
	top:  calc(~"50% - 1rem");
}

.sapMCrslHudTop a {
	top: 50%;
}

.sapMCrslHudBottom a {
	top: calc(~"50% - 2rem");
}

.sapMCrslControls a,
.sapMCrslHud a {
	padding: 0;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	user-select: none;
	-webkit-user-drag: none;
	-moz-user-drag: -moz-none;
	user-drag: none;
	box-sizing: border-box;
}

.sapMCrslBulleted > span {
	text-indent: 2rem;
	line-height: 0;
	text-decoration: none;
	overflow: hidden;
	display: inline-block;
	width: 0.5rem;
	height: 0.5rem;
	margin: 0 0.25rem;
	-webkit-transition: background-color 0.1s ease-in;
	transition: background-color 0.1s ease-in;
	border-radius: 50%;
	align-self: center;
	box-sizing: border-box;
  	color: @sapUiContentLabelColor;
	background-color: @sapUiContentForegroundColor;
}

// 2rem indicator height + 1px border
.sapMCrslTopOffset .sapMCrslItem {
	padding-top: calc(~"2rem + 1px");
}

// 3.5rem indicator height + 1px border
.sapMCrslTopOffset.sapMCrslTopArrowsOffset .sapMCrslItem
{
	padding-top: calc(~"3.5rem + 1px");
}

.sapMCrslBottomOffset .sapMCrslItem {
	padding-bottom: calc(@_sap_m_Carousel_ControlsNoArrowsHeight ~"+" 1px);
}

.sapMCrslBottomOffset.sapMCrslBottomArrowsOffset .sapMCrslItem {
  padding-bottom: calc(~"3.5rem + 1px");
}

.sapMCrslControlsContainer {
	width: 100%;
	align-self: center;
	height: 2.5rem;
	display: flex;
	justify-content: center;
	margin-left: 1rem;
	margin-right: 1rem;
}

.sapMCrslControls.sapMCrslControlsTop,
.sapMCrslControlsNoArrows.sapMCrslControlsTop {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
	align-self: center;
}

.sapMCrslControls.sapMCrslControlsBottom,
.sapMCrslControlsNoArrows.sapMCrslControlsBottom {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.sapMCrslControlsNoArrowsTop {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
	align-self: center;
}

.sapMCrslControlsNoArrowsBottom {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.sapMCrslControlsBottom.sapMCrslControlsContainerBottom {
	width: 100%;
	align-self: center;
}

.sapMCrslControlsTop.sapMCrslControlsContainerTop {
	width: 100%;
	align-self: center;
}

.sapMCrslPrev,
.sapMCrslNext {
	cursor: pointer;
}

.sapMCrslControls .sapMCrslPrev,
.sapMCrslControls .sapMCrslNext {
	width: @_sap_m_Carousel_PrevAndNextSize;
	height: @_sap_m_Carousel_PrevAndNextSize;
	display: inline-block;
	padding: 0;
	text-decoration: none;
	text-align: center;
	border-radius: 50%;
	outline: none; 
	position: relative;
	top: 4px;
	box-sizing: border-box;
	background: @sapUiButtonBackground;
	border: 1px solid @sapUiButtonBorderColor;
}

.sapMCrslHud .sapMCrslPrev,
.sapMCrslHud .sapMCrslNext {
	position: absolute;
	background-color: @sapUiButtonBackground;
	border: 1px solid @sapUiButtonBorderColor;
	border-radius: 50%;
}

.sapMCrslArrowInner {
	display: table;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.sapMCrslArrowInner .sapUiIcon {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	pointer-events: none;
}

.sapMCrslPrev .sapMCrslArrowInner .sapUiIcon {
	text-indent: -0.0625rem;
	font-size: 1rem;
}

.sapMCrslNext .sapMCrslArrowInner .sapUiIcon {
	text-indent: 0.0625rem;
	font-size: 1rem;
}

.sapMCrslBulleted,
.sapMCrslNumeric {
	padding-left: @_sap_m_Carousel_PageIndicatorContainerPadding;
	padding-right: @_sap_m_Carousel_PageIndicatorContainerPadding;
	height: 2rem;
	bottom: 1.0625rem;
	max-width: calc(~"100% - 6.5rem");
	display: flex;
	justify-content: center;
	align-self: center;
}

.sapMCrslControlsNoArrows .sapMCrslBulleted,
.sapMCrslControlsNoArrows .sapMCrslNumeric {
	width: 100%;
	position: relative;
	bottom: 0;
	align-self: center;
}

/* Styles for carousel dots on different screens */
/* screen width < 600px */
@media screen and (max-width: 599px) {
	 .sapMCrslBulleted,
	 .sapMCrslNumeric {
		width: @_sap_m_Carousel_PageIndicatorWidthSizeS;
	 }
}

/* 600px <= screen width < 1024px */
@media screen and (min-width : 600px) and (max-width: 1023px) {
	 .sapMCrslBulleted,
	 .sapMCrslNumeric {
		width: @_sap_m_Carousel_PageIndicatorWidthSizeM;
	 }
}

/* 1024px <= screen width < 1440px */
@media screen and (min-width : 1024px) and (max-width: 1439px) {
	 .sapMCrslBulleted,
	 .sapMCrslNumeric {
		width: @_sap_m_Carousel_PageIndicatorWidthSizeL;
	 }
}

/* screen width >= 1440px */
@media screen and (min-width: 1440px) {
	 .sapMCrslBulleted,
	 .sapMCrslNumeric {
		width: @_sap_m_Carousel_PageIndicatorWidthSizeXL;
	 }
}

/* Styles needed for keyboard handling
   ========================================================================== */
.sapMCrslItem {
	visibility: hidden;
	overflow: hidden;
}
.sapMCrslActive {
	visibility: visible;
}

/* Page Indicator Numeric
   ====================================================================== */
.sapMCrslNumeric span {
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	font-weight: normal;
	color: @_sap_m_Carousel_NumericIndicatorTextColor;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	align-self: center;
}

/* remove transition when animation is off . As js depends of the animation, the duration is 0.01s */
html[data-sap-ui-animation='off'] {
	.sapMCrslInner {
		-webkit-transition-duration: 0.01s;
		transition-duration: 0.01s;
	}
}

/* Carousel controls: Bulleted */
.sapMCrslBulleted > span:hover,
.sapMCrslBulleted > span:focus {
	cursor: default;
	outline: none;
}

.sapMCrslBulleted > span.sapMCrslActive {
	color: @sapUiContentNonInteractiveIconColor;
	background-color: @sapUiContentNonInteractiveIconColor;
}

/* Carousel controls: HUD */
.sapMCrslHud {
	padding-top: 0;
}

.sapMCrslItemTableCell.sapMCrslImg img {
	background: @sapUiBaseBG;
}

.sapMCrsl .sapMCrslHud a:hover,
.sapMCrsl .sapMCrslHud a:focus {
	background: @sapUiButtonBackground;

	opacity: 1;
	display: block;
}

.sapMCrsl .sapMCrslHud a:active {
	background-color: @sapUiButtonActiveBackground;
	border-color: @sapUiButtonActiveBorderColor;
	color: @sapUiButtonActiveTextColor;
}

.sapMCrsl .sapMCrslControls a:active {
	background: @sapUiButtonActiveBackground;
	color: @sapUiButtonActiveTextColor;
}

.sapMCrsl .sapMCrslHud.sapMCrslLeftmost a.sapMCrslPrev,
.sapMCrsl .sapMCrslHud.sapMCrslRightmost a.sapMCrslNext {
	opacity: 0;
	display: none;
}

.sapMCrslHud .sapMCrslPrev {
	left: @_sap_m_Carousel_PrevAndNextPosition;
}

.sapMCrslHud .sapMCrslNext {
	right: @_sap_m_Carousel_PrevAndNextPosition;
}

/* extra bits */

/* captions */
.sapMCrslCaption {
	margin: 0;
	padding: 0.625rem;
	height: auto;
	text-align: center;
}

.sapMCrslControls.sapMCrslControlsTop,
.sapMCrslControlsNoArrows.sapMCrslControlsTop {
	background: @sapUiPageFooterBackground;
	border-bottom: 1px solid @sapUiPageFooterBorderColor;
}

.sapMCrslControls.sapMCrslControlsBottom,
.sapMCrslControlsNoArrows.sapMCrslControlsBottom {
	background: @sapUiPageFooterBackground;
	border-top: 1px solid @sapUiPageFooterBorderColor;
}

.sapMCrslControls a:hover,
.sapMCrslPrev:hover, .sapMCrslNext:hover {
	background: @sapUiButtonHoverBackground;
}

/* Default Themes/Sytles for Slider */
.sapMCrslFluid .sapMCrslItem {
	margin-right: @_sap_m_Carousel_PagesMarginRight;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sapMCrslControls,
.sapMCrslHud {
	.sapMCrslPrev,
	.sapMCrslNext {
		background: @sapUiButtonBackground;
		border: 1px solid @sapUiButtonBorderColor;
		color: @sapUiButtonIconColor;
	}
}

.sapMCrsl:hover .sapMCrslHud a {
	opacity: 1;
	display: block;
}

/* END "Carousel.less" */

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

.sapMCb {
	display: inline-block;
	position: relative;
	white-space: normal;
	box-sizing: border-box;
	height: 3rem;
	line-height: 3rem;
	vertical-align: top;
	text-align: left;
	padding: 0 0 0 3rem;

	&:not(.sapMCbBgDis) {
		&:hover,
		.sapMCbLabel:hover {
			cursor: pointer;
		}
		&.sapMCbHasLabel:focus:before {
			pointer-events: none;
		}
	}
}

.sapMIBar.sapMTB .sapMCb.sapMBarChild:only-child {
	padding-left: 3rem;
	padding-right: 0rem;
}

.sapUiForm .sapMCb {
	display: table-cell;
}

.sapUiForm:not(.sapUiFormEdit-CTX) .sapMCb.sapMCbDisplayOnly {
	height: 1.125rem;
	line-height: 1.125rem;

	&:not(.sapMCbBgDis) {
		padding-left: 1.625rem;
	}

	.sapMCbBg {
		top: 0;
		margin: 0;
	}
	&.sapMCbWrapped.sapMCbHasLabel > .sapMLabel.sapMLabelWrapped {
		margin: 0;
		line-height: 1.125rem;
	}
}

.sapMCb.sapMCbWrapped.sapMCbHasLabel {
	height: auto;
	> .sapMLabel.sapMLabelWrapped {
		margin: 0.875rem 0;
		line-height: 1.4rem;
	}
}

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

.sapUiFormEdit-CTX .sapMCb.sapMCbWrapped.sapMCbHasLabel > .sapMLabel.sapMLabelWrapped {
	margin: 0.75rem 0;
}

html[dir="rtl"] .sapMCb {
	text-align: right;
}

.sapMCb .sapMLabel {
	cursor: default;

	&.sapMLabelNoText {
		position: absolute;
		visibility: hidden;
		left: -10000px;
		top: -10000px;
	}
}

.sapMCb>label {
	vertical-align: top;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	width : 100% /* If you put a CB in a form the with has to be 100% in rtl for text align */
}

.sapMCbBg { /* check box itself */
	background-color: @sapUiFieldBackground;
	border: solid 0.125rem @sapUiFieldBorderColor;
	display: inline-block;
	position: absolute;
	left: 0.8125rem;
	top: 0.8125rem;
	height: 1.125rem;
	width: 1.125rem;
	line-height: 1.125rem;
	padding: 0;
	text-align: center;
	font-size: 1rem;

	// note: some browsers like Samsung Galaxy S4 with Android 4.2 does not support the "border-radius" shorthand property
	// but does support the long-hand properties for each corner like "border-top-left-radius"
	border-top-left-radius: 0.125rem;
	border-top-right-radius: 0.125rem;
	border-bottom-right-radius: 0.125rem;
	border-bottom-left-radius: 0.125rem;
	-webkit-focus-ring-color: none;
}

.sapMCbBg > .sapMCbMark,
.sapMCbBg.sapMCbMark > input{
	font-size: inherit;
}

.sapMCbBg.sapMCbMarkChecked:before {
	content: "\e05b";
	font-family: "SAP-icons";
	display: inline-block;
}

.sapMCbBg.sapMCbMarkChecked.sapMCbMarkPartiallyChecked:before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: currentColor;
	border: 0.1875rem solid transparent;
	box-sizing: border-box;
	background-clip: padding-box;
}

.sapUiSizeCompact.sapMCb .sapMCbMarkChecked.sapMCbMarkPartiallyChecked:before,
.sapUiSizeCompact .sapMCbBg.sapMCbMarkChecked.sapMCbMarkPartiallyChecked:before {
	border-width: 0.125rem;
}

.sapMCbBg > input {
	left: 0;
	-webkit-appearance: none;
	visibility: hidden;
}

html[data-sap-ui-browser^=ff] .sapMCbBg > input {
	/* in FF the input needs to be positioned exactly behind the visible checkbox for the focus outline */
	position: absolute;
}

/* this needed for ie9 in multi select list */
.sapMLIBSelectM > .sapMCb {
	width: 3rem;
}

/* Read only */
.sapMCbRo .sapMCbBg {
	background-color: @sapUiFieldReadOnlyBackground;
	border-color: @sapUiFieldReadOnlyBorderColor;
}

.sapMCbRo > .sapMCbBg.sapMCbMarkChecked:before {
	color: @sapUiContentNonInteractiveIconColor;
}

/* Display only */
.sapMCbDisplayOnly {
	font-family: "SAP-icons";

	.sapMCbBg {
		background-color: initial;
		border: none;
		margin: 0.125rem;

		&:before {
			content: "\e19a";
			font-size: 1rem;
		}

		&.sapMCbMarkChecked:before {
			color: @sapUiBaseText;
			content: "\e03f";
		}
	}
}

/* Compact size */
.sapUiSizeCompact {

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

	.sapMCb.sapMCbWrapped.sapMCbHasLabel {
		height: auto;
		> .sapMLabel.sapMLabelWrapped {
			margin: 0.3rem 0;
		}
	}

	.sapUiFormEdit-CTX .sapMCb.sapMCbWrapped.sapMCbHasLabel > .sapMLabel.sapMLabelWrapped {
		margin: 0.25rem 0;
	}

	.sapMCbBg { /* check box itself */
		left: 0.5rem;
		top: 0.5rem;
		height: 0.75rem;
		width: 0.75rem;
		line-height: 0.75rem;
		font-size: 0.625rem;
		border-radius: 0;
	}

	.sapMLIBSelectM > .sapMCb {
		width: 2rem;
	}

	.sapUiForm:not(.sapUiFormEdit-CTX) .sapMCb.sapMCbDisplayOnly .sapMCbBg {
		top: 0.1875rem;
	}

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

/* Condensed size */
.sapUiSizeCondensed.sapUiTable,
.sapUiSizeCondensed .sapUiTable {

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

	.sapUiTableDataCell > .sapUiTableCellInner > .sapMCb {
		margin-left: 0.25rem;
		padding-left: 1.75rem;
	}

	.sapMCbBg { /* check box itself */
		left: 0.25rem;
		top: 0.25rem;
		height: 0.75rem;
		width: 0.75rem;
		line-height: 0.75rem;
		font-size: 0.625rem;
		border-radius: 0;
	}
}

html[data-sap-ui-browser^="sf"] .sapMCbBg > .sapMCbMark, .sapMCbBg.sapMCbMark > input {
	margin: 0;
}
/* END "CheckBox.less" */

/* START "ColumnListItem.less" */
/* ===================================== */
/* CSS for control sap.m/ColumnListItem  */
/* Base theme                            */
/* ===================================== */

.sapMListTblRow.sapMListTblRowTop > td {
	vertical-align: top;
}

/* Adapt padding for vAlign="Middle" according to UX vAlign specs */
.sapMListTblRow.sapMListTblRowMiddle > td {
	vertical-align: middle;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

.sapMListTblRow.sapMListTblRowBottom > td {
	vertical-align: bottom;
}

.sapMListBGTransparent .sapMListTblSubRow {
	background: fade(@sapUiListBackground, 0%);
}

.sapMListTblSubRow {
	background: @sapUiListBackground;
}

/* adding alternating rows background color */
/* alternating rows color for Table without popin */
.sapMListTblAlternateRowColors > :nth-child(even),
.sapMListTblAlternateRowColorsGrouped > .sapMListTblRowAlternate,
.sapMListTblAlternateRowColorsGrouped > .sapMListTblRowAlternate + .sapMListTblSubRow {
	background-color: darken(@sapUiListBackground, 2);
}

/* alternating rows color for Table with popins (main row "sapMListTblRow") */
.sapMListTblAlternateRowColorsPopin > :nth-child(4n-1) {
	background-color: darken(@sapUiListBackground, 2);
}

/* alternating rows color for popin rows (popin row "sapMListTblSubRow") */
.sapMListTblAlternateRowColorsPopin > :nth-child(4n) {
	background-color: darken(@sapUiListBackground, 2);
}

.sapMLIBHoverable:hover + .sapMListTblSubRow {
	background : @sapUiListHoverBackground;
}

.sapMLIBSelected + .sapMListTblSubRow,
.sapMLIBSelected.sapMListTblRowAlternate + .sapMListTblSubRow {
	background: @sapUiListSelectionBackgroundColor;
}

.sapMLIB.sapMLIBActive + .sapMListTblSubRow {
	color: @sapUiListActiveTextColor;
	background: @sapUiListActiveBackground;
}

.sapMLIBHoverable.sapMLIBSelected:hover + .sapMListTblSubRow {
	background : @sapUiListSelectionHoverBackground;
}

.sapMLIBHoverable.sapMLIBSelected.sapMLIBActive:hover + .sapMListTblSubRow {
	background: @sapUiListActiveBackground;
}

/* table popin */
.sapMListTblSubCnt {
	padding: .5rem 1rem;
	box-sizing: border-box;
}

.sapMListModeMultiSelect .sapMListTblSubCnt,
.sapMListModeSingleSelectLeft .sapMListTblSubCnt {
	padding-left: 3.5rem;
}

.sapMListTblSubCntRow{
	padding-bottom: 0;
}

.sapMListTblSubCntSpr {
	font-size: @sapMFontMediumSize;
}

.sapMListTblSubCntRow + .sapMListTblSubCntRow {
	margin-top: .5rem;
}

.sapMListTblSubCntValBlock {
	margin-top: .25rem;
	display : block;
}

.sapMListTblSubCntValInline{
	display: inline-block;
}

.sapMListTblSubCntRow > .sapMListTblSubCntSpr,
.sapMListTblSubCntRow > .sapMListTblSubCntHdr .sapMText,
.sapMListTblSubCntRow > .sapMListTblSubCntHdr .sapMLabel {
	color: @sapUiContentLabelColor;
	padding-top: 0;
}

.sapMListTblSubCntRow > .sapMListTblSubCntVal .sapMText,
.sapMListTblSubCntRow > .sapMListTblSubCntVal .sapMLabel {
	color: @sapUiListTextColor;
	padding-top: 0;
}

.sapMListTblSubCntSpr {
	padding-right: .5rem;
}

 /* separators */
 .sapMLIBShowSeparator > td {
	border-top: 1px solid @sapUiListBorderColor;
}

.sapMListShowSeparatorsNone .sapMLIBShowSeparator > td,
.sapMListShowSeparatorsInner .sapMLIBShowSeparator:first-child > td {
	border-color: transparent;
}

.sapMListShowSeparatorsAll .sapMListTblSubRow:last-child > td,
.sapMListShowSeparatorsAll .sapMLIBShowSeparator:last-child > td {
	border-bottom: 1px solid @sapUiListBorderColor;
}

.sapMListShowSeparatorsAll .sapMLIBShowSeparator:last-child > td,
.sapMListShowSeparatorsAll .sapMListTblSubRow:last-child > td{
	border-bottom: 1px solid @sapUiListTableFooterBorder;
}

.sapMListShowSeparatorsInner .sapMLIBShowSeparator:last-child > td,
.sapMListShowSeparatorsInner .sapMListTblSubRow:last-child > td {
	border-bottom-color: transparent;
}

.sapMListShowSeparatorsNone .sapMListTblFooter > td{
	border-top-width: 2px;
}

/********** COMPACT DESIGN ************/

/* decrease vertical popin paddings */
.sapUiSizeCompact .sapMListTblSubCnt {
	padding-top: .25rem;
	padding-bottom: .25rem;
}

/* popin padding */
.sapUiSizeCompact .sapMListModeMultiSelect .sapMListTblSubCnt,
.sapUiSizeCompact .sapMListModeSingleSelectLeft .sapMListTblSubCnt {
	padding-left: 2.5rem;
}
/* END "ColumnListItem.less" */

/* START "ColorPalette.less" */
/* =================================== */
/* CSS for control sap.m/ColorPalette  */
/* Base theme                          */
/* ====================================*/
@_sap_m_ColorPalette_SwatchesPerRow: 5;

@_sap_m_ColorPalette_SwatchContainerPaddingLeftRightCozy: 0.6875rem;
@_sap_m_ColorPalette_SwatchContainerPaddingTopBottomCozy: 0.3125rem;
@_sap_m_ColorPalette_SwatchWidthHitAreaCozy: 2.375rem;
@_sap_m_ColorPalette_SwatchWidthCozy: 1.75rem;

@_sap_m_ColorPalette_SwatchContainerPaddingLeftRightCompact: 0.8125rem;
@_sap_m_ColorPalette_SwatchContainerPaddingTopBottomCompact: 0.1875rem;
@_sap_m_ColorPalette_SwatchWidthHitAreaCompact: 1.625rem;
@_sap_m_ColorPalette_SwatchWidthCompact: 1.25rem;

@_sap_m_ColorPalette_SwatchContainerPaddingLeftRightPhone: 0.625rem;
@_sap_m_ColorPalette_SwatchContainerPaddingTopBottomPhone: 0.375rem;
@_sap_m_ColorPalette_SwatchMaxWidthPhone: 4.5rem;
@_sap_m_ColorPalette_SwatchMarginPhone: 0.375rem;

.sapMColorPalette {
	height: 100%;
	// overstyling the button to more like a menu item
	.sapMBtnText {
		text-align: left;
	}
	.sapMBtn {
		// Remove paddings and border of the inner element, so we defined them at root level
		.sapMBtnInner {
			border: none;
			position: static; // used to show the left and right border of the outline when focused
			background-color: inherit;
			&.sapMBtnText {
				padding: 0 0 0 1rem;
			}
		}
		// Define paddings, margins and border at root level
		margin: 0;
		padding: 0;
		border: none;

		// Remove hover & active styling of the inner button element
		> .sapMBtnActive, &:hover > .sapMBtnActive, &:active > .sapMBtnActive {
			color: inherit;
			background: inherit;
		}
		.sapMBtnTransparent {
			color: inherit;
		}
		&:hover > .sapMBtnTransparent.sapMBtnHoverable {
			background-color: inherit;
		}

		// define active & hover on the root button level
		&:not(active) {
			color: @sapUiButtonTextColor;
			text-shadow: none;
		}

		// active
		&:active:not(:hover) {
			background-color: @sapUiButtonBackground;
			color: @sapUiButtonTextColor;
			text-shadow: none;
		}

		&:active > .sapMBtnInner {
			text-shadow: none;
		}

		&:active {
			background-color: @sapUiListActiveBackground;
			color: @sapUiButtonActiveTextColor;
		}

		// hover
		&:hover:not(:active) {
			background: @sapUiListHoverBackground;
		}

		&:focus {
			> .sapMFocusable { // The focus should go at the outside container
				.sap-desktop & {
					outline: none;
					outline-offset: 0;
					.sapMBtnFocusDiv { // Button has special focus handling for IE, so remove it as well
						box-sizing: inherit;
						position: inherit;
						left: 0;
						top: 0;
						right: 0;
						bottom: 0;
						border-radius: 0;
						border: none;
						pointer-events: none;
					}
				}
				.sap-desktop .sapContrast &,
				.sap-desktop .sapContrastPlus & {
					outline: none;
					outline-offset: 0;
				}
			}
			.sap-desktop & {
				&:after {
					content: " ";
					position: absolute;
					box-sizing: border-box;
					left: 2px;
					top: 2px;
					right: 2px;
					bottom: 2px;
					border-radius: 0;
					border: 1px dotted @sapUiContentFocusColor;
					pointer-events: none;
				}
				&:active:after {
					border-color: @sapUiContentContrastFocusColor;
				}
			}
		}
	}

	.sapMColorPaletteSeparator {
		position: relative;
		height: 0.0625rem;
		html[data-sap-ui-browser^="ie"] &,
		html[data-sap-ui-browser^="ed"] & {
			height: 1px; //needed since IE would round the 0.0625rem to 0.06
		}
		// overstyling the hr to look like menu separator line
		> hr {
			display: inline-block;
			position: absolute;
			margin: 0;
			left: 0;
			right: 0;
			border-width: 0;
			border-top: 1px solid @sapUiToolbarSeparatorColor;
			color: @sapUiToolbarSeparatorColor;
		}
	}
	:focus {
		outline: none;
	}
	.sapMColorPaletteSquare:focus {
		outline: none
	}
}

//Generate focus related pseudo dom elements for Edge here, 'cause if they were created on :focus, tap event is suppressed each 1st click
html[data-sap-ui-browser^="ed"] .sapMColorPalette .sapMBtn:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

html:not(.sap-phone) {

	// Dimension and paddings of the Palette
	.sapMColorPalette {
		max-width: @_sap_m_ColorPalette_SwatchesPerRow * @_sap_m_ColorPalette_SwatchWidthHitAreaCozy + 2 * @_sap_m_ColorPalette_SwatchContainerPaddingLeftRightCozy;
		min-width: @_sap_m_ColorPalette_SwatchesPerRow * @_sap_m_ColorPalette_SwatchWidthHitAreaCozy + 2 * @_sap_m_ColorPalette_SwatchContainerPaddingLeftRightCozy;
		.sapMColorPaletteContent {
			padding: @_sap_m_ColorPalette_SwatchContainerPaddingTopBottomCozy @_sap_m_ColorPalette_SwatchContainerPaddingLeftRightCozy;
		}
	}
	&.sapUiSizeCompact .sapMColorPalette,
	& .sapUiSizeCompact .sapMColorPalette {
		max-width: @_sap_m_ColorPalette_SwatchesPerRow * @_sap_m_ColorPalette_SwatchWidthHitAreaCompact + 2 * @_sap_m_ColorPalette_SwatchContainerPaddingLeftRightCompact;
		min-width: @_sap_m_ColorPalette_SwatchesPerRow * @_sap_m_ColorPalette_SwatchWidthHitAreaCompact + 2 * @_sap_m_ColorPalette_SwatchContainerPaddingLeftRightCompact;
		.sapMColorPaletteContent {
			padding: @_sap_m_ColorPalette_SwatchContainerPaddingTopBottomCompact @_sap_m_ColorPalette_SwatchContainerPaddingLeftRightCompact;
		}
	}
	.sapMColorPalette {
		.sapMBtnInner {
			border-radius: 0.25rem 0.25rem 0 0;
		}
		.sapMColorPaletteSquare {
			box-sizing: border-box;
			position: relative;
			border: 1px solid @sapUiContentForegroundBorderColor;
			border-radius: 0.125rem;
			width: @_sap_m_ColorPalette_SwatchWidthCozy;
			height: @_sap_m_ColorPalette_SwatchWidthCozy;
			display: inline-block;
			margin: (@_sap_m_ColorPalette_SwatchWidthHitAreaCozy - @_sap_m_ColorPalette_SwatchWidthCozy)/2;

			&:hover { /* now the hit area (margin) gets occupied by the content*/
				margin: 0;
				width: @_sap_m_ColorPalette_SwatchWidthHitAreaCozy;
				height: @_sap_m_ColorPalette_SwatchWidthHitAreaCozy;
				> div {
					border: 1px solid @sapUiGroupContentBackground;
				}
			}

			&:focus:before {
				content: "";
				box-sizing: border-box;
				position: absolute;
				left: 1px;
				top: 1px;
				right: 1px;
				bottom: 1px;
				border: 1px solid @sapUiContentFocusColor;
				pointer-events: none;
			}
			&:focus:after {
				content: "";
				position: absolute;
				box-sizing: border-box;
				left: 1px;
				top: 1px;
				right: 1px;
				bottom: 1px;
				border: 1px dotted @sapUiContentContrastFocusColor;
				pointer-events: none;
			}

			> div {
				box-sizing: border-box;
			}
		}
	}
	&.sapUiSizeCompact .sapMColorPalette,
	& .sapUiSizeCompact .sapMColorPalette {
		.sapMColorPaletteSquare {
			width: @_sap_m_ColorPalette_SwatchWidthCompact;
			height: @_sap_m_ColorPalette_SwatchWidthCompact;
			display: inline-block;
			margin: (@_sap_m_ColorPalette_SwatchWidthHitAreaCompact - @_sap_m_ColorPalette_SwatchWidthCompact)/2;
			&:hover {
				margin: 0;
				width: @_sap_m_ColorPalette_SwatchWidthHitAreaCompact;
				height: @_sap_m_ColorPalette_SwatchWidthHitAreaCompact;
			}
		}
	}

	.sapMColorPaletteContent {
		display: flex;
		flex-wrap: wrap;
	}

	.sapMColorPaletteSquare {
		& > div {
			height: 100%;
			width: 100%;
		}
	}
}

html:not(.sap-phone)[data-sap-ui-browser^="ie"], html:not(.sap-phone)[data-sap-ui-browser^="ed"] {
	.sapMColorPalette .sapMColorPaletteSquare:focus:after {
		border-style: dashed; // IE, Edge does not display well dotted light(white) border (border looks darker)
	}
}

.sap-phone {
	.sapMColorPalette {
		&html:not(.sap-phone) .sapMBtnInner {
			border-radius: 0.25rem 0.25rem 0 0;
		}
	}
	.sapMColorPaletteContent {
		display: flex;
		flex-wrap: wrap;
		padding: @_sap_m_ColorPalette_SwatchContainerPaddingTopBottomPhone @_sap_m_ColorPalette_SwatchContainerPaddingLeftRightPhone;
	}
	.sapMColorPaletteContainer .sapMDialogScroll {
		height: 100%;
		.sapMDialogScrollCont.sapMDialogStretchContent {
			padding: 0;
		}

	}
	.sapMColorPaletteSquare {
		width: 20%;
		max-width: @_sap_m_ColorPalette_SwatchMaxWidthPhone + 2 * @_sap_m_ColorPalette_SwatchMarginPhone; //+2*0.375 because the real square div is absolutely positioned and margins are simulated with top/bottom/left/right
		max-height: @_sap_m_ColorPalette_SwatchMaxWidthPhone;
		position: relative;
		padding-bottom: 20%;
		& > div {
			border: 1px solid @sapUiContentForegroundBorderColor;
			border-radius: 0.125rem;
			position: absolute;
			top: @_sap_m_ColorPalette_SwatchMarginPhone;
			bottom: @_sap_m_ColorPalette_SwatchMarginPhone;
			left: @_sap_m_ColorPalette_SwatchMarginPhone;
			right: @_sap_m_ColorPalette_SwatchMarginPhone;
		}
		&:active > div {
			box-shadow: inset 0 0 0 1px @sapUiGroupContentBackground;
			top: -0.0625rem;
			bottom: -0.0625rem;
			left: -0.0625rem;
			right: -0.0625rem;
		}
	}
}

@media (orientation: landscape) {
	.sap-phone {
		.sapMColorPaletteSquare {
			width: @_sap_m_ColorPalette_SwatchMaxWidthPhone + 2 * @_sap_m_ColorPalette_SwatchMarginPhone;
			max-width: @_sap_m_ColorPalette_SwatchMaxWidthPhone + 2 * @_sap_m_ColorPalette_SwatchMarginPhone;
			height: @_sap_m_ColorPalette_SwatchMaxWidthPhone + 2 * @_sap_m_ColorPalette_SwatchMarginPhone; //default for widths up to 4.5 rem;
			max-height: @_sap_m_ColorPalette_SwatchMaxWidthPhone + 2 * @_sap_m_ColorPalette_SwatchMarginPhone;
			padding-bottom: 0;
		}
	}
}

html.sap-desktop .sapMDialog.CPDialog{
	min-width: 18rem; //override the  Dialog's min-width for desktop
	.sapUiColorPicker-ColorPickerMatrix {
		&.sapUiRespGrid.sapUiRespGridHSpace1 {
			padding-bottom: 0.5rem;
		}
		//in a dialog ColorPicker doesn't have padding-top in order to be as compact as possible
		&.sapUnifiedColorPicker.sapUiRespGrid.sapUiRespGridHSpace1 > div:first-child {
			height: auto;
			padding-top: 0;
		}
	}
}


/* END "ColorPalette.less" */

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

/* Style for Tablet/Desktop */
.sapMCustomTile
{
	display: inline-block;
	box-sizing: border-box;
	-webkit-transition-property: transform3d;
	-webkit-transition-duration: 0.2s;
	transition-property: transform3d;
	transition-duration: 0.2s;
	width: 13em;
	height: 15em;
	margin:0em;
}

.sapMCustomTileContent {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

html.sap-phone .sapMCustomTile {
	width: 9.5em;
	height: 11em;
	margin: 0em;
}
/* END "CustomTile.less" */

/* START "DateRangeSelection.less" */
/* ========================================= */
/* CSS for control sap.m/DateRangeSelection  */
/* Base theme                                */
/* ========================================= */
/* END "DateRangeSelection.less" */

/* START "DatePicker.less" */
/* ===================================== */
/* CSS for control sap.m/DatePicker  */
/* Base theme                            */
/* ===================================== */

[data-sap-ui-popup].sapMRPCalendar {
	&.sapMDialog.sapUiPopupWithPadding:not(.sapUiNoContentPadding) .sapMDialogScrollCont {
		padding: 0;
	}
	.sapMDialogScroll,
	.sapMDialogScrollCont,
	.sapUiCal {
		height: 100%;
	}
	&.sapMDialog {
		padding-bottom: 0;
	}
}

html.sap-phone, html.sapUiMedia-Std-Phone {
	[data-sap-ui-popup] .sapUiCal {
		width: 100%;
	}
}
/* END "DatePicker.less" */

/* START "DateTimePicker.less" */
/* ===================================== */
/* CSS for control sap.m/DateTimePicker  */
/* Base theme                            */
/* ===================================== */

/* styles for popup */
.sapMDateTimePopupCont {
	display: flex;
	height: 25rem;
	min-width: 40.0625rem;
}

html[data-sap-ui-browser^=ie]:not(.sapUiMedia-Std-Phone) .sapMDateTimePopupCont {
	min-width: 40.07rem; /* because of IE rounding issues*/
}

.sapMDateTimePopupCont > .sapUiCal,
.sapMDateTimePopupCont > .sapMTimePickerContainer {
	float: left;
}

.sapMDateTimePopupCont > .sapMTimePickerContainer {
	width: auto;
}

.sapMTimePickerSwitch {
	margin-top: 1rem;
	width: 100%;
	text-align: center;
}

.sapMTimePickerSep {
	height: ~'calc(100% - 2rem)';
	width: 0px;
	margin-top: 1rem;
	margin-bottom: 1rem;
	border-left: 1px solid @sapUiGroupContentBorderColor;
	box-sizing: border-box;
	float: left;
}

/* Compact mode */
.sapUiSizeCompact .sapMDateTimePopupCont {
	height: 17rem;
	min-width: 34.0625rem;
}

html[data-sap-ui-browser^=ie]:not(.sapUiMedia-Std-Phone) .sapUiSizeCompact .sapMDateTimePopupCont {
	min-width: 34.07rem; /* because of IE rounding issues*/
}

/* Phone mode use device and media selector to support small desktop and large phones*/
.sapMDateTimePopup.sapUiPopupWithPadding > .sapMDialogSection > .sapMDialogScroll > .sapMDialogScrollCont {
	padding: 0;
}

.sapMDateTimePopup.sapMDialogPhone > .sapMDialogSection > .sapMDialogScroll > .sapMDialogScrollCont {
	height: 100%;
}

html.sap-phone .sapMDateTimePopupCont,
html.sapUiMedia-Std-Phone .sapMDateTimePopupCont {

	height: 100%;
	min-width: 20rem;
	overflow: auto !important; /* allow scrolling in landscape mode */
	display: block;
}

html.sap-phone .sapMDateTimePopupCont {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

html.sap-phone .sapUiSizeCompact .sapMDateTimePopupCont,
html.sapUiMedia-Std-Phone .sapUiSizeCompact .sapMDateTimePopupCont {
	min-width: 17rem;
}

html.sap-phone .sapMTimePickerSep,
html.sapUiMedia-Std-Phone .sapMTimePickerSep {
	display: none;
}

html.sap-phone .sapMDateTimePopupCont > .sapUiCal,
html.sapUiMedia-Std-Phone .sapMDateTimePopupCont > .sapUiCal {
	width: 100%;
}

html.sapUiMedia-Std-Phone .sapMDateTimePopupCont > div[class=sapUiCal] {
	height: 25.25rem;
}

html.sapUiMedia-Std-Phone .sapMDateTimePopupCont.sapMTimePickerDropDown .sapMTimePickerContainer {
	height: 25.25rem;
	width: 100%;
}

html.sapUiMedia-Std-Phone.sapUiSizeCompact .sapMDateTimePopupCont.sapMTimePickerDropDown .sapMTimePickerContainer,
html.sapUiMedia-Std-Phone .sapUiSizeCompact .sapMDateTimePopupCont.sapMTimePickerDropDown .sapMTimePickerContainer {
	height: 15.25rem;
	width: 100%;
}

html.sap-phone .sapMDateTimePopupCont.sapMTimePickerDropDown .sapMTimePickerContainer {
	height: ~'calc(100% - 7rem)';
}

html.sap-phone .sapMDateTimePopupCont {
  	background-color: @sapUiListBackground;
	.sapUiCalContent {
		& > .sapUiCalMonthPicker,
		& > .sapUiCalYearPicker {
			width: 100%;
			box-sizing: border-box;
			left: 0;
			margin: 0;
		}
	}
}

.sapUiSizeCompact .sapMTimePickerDropDown .sapMTimePickerContainer {
	min-width: 17rem;
}
/* END "DateTimePicker.less" */

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

@_sap_m_Dialog_MarginHeight: 7%;
@_sap_m_Dialog_BarHeight: 3rem;
@_sap_m_Dialog_BarCompactHeight: 2.5rem;
@_sap_m_Dialog_SubHeaderHeight: 3rem;
@_sap_m_Dialog_SubHeaderCompactHeight: 2rem;
@_sap_m_Dialog_InfoDesignBarHeight: 2rem;
@_sap_m_Dialog_Padding: 1rem;
@_sap_m_Dialog_SuccessHeaderShadow: inset 0 -0.125rem @sapUiSuccessBorder;
@_sap_m_Dialog_ErrorHeaderShadow: inset 0 -0.125rem @sapUiErrorBorder;
@_sap_m_Dialog_WarningHeaderShadow: inset 0 -0.125rem @sapUiWarningBorder;
@_sap_m_Dialog_InformationHeaderShadow: inset 0 -0.125rem @sapHighlightColor;

.sapMDialog,
.sapMMessageDialog .sapMDialogScrollCont,
.sapMDialogSection {
	box-sizing: border-box;
}

.sapMDialog {
	background-clip: padding-box;
	min-height: 6rem;
	outline: none;
	overflow: hidden;
	position: absolute;
	opacity: 0;
	-webkit-transition: opacity .15s, transform 0.2s;
	transition: opacity .15s, transform 0.2s;
	transform: translate(-50%, -50%) scale(1);
	-webkit-transform: translate(-50%, -50%) scale(1) translateZ(0px);
	border-radius: @sapUiElementBorderCornerRadius;
	box-shadow: @sapUiShadowLevel3;

	&:not(.sapMDialogHighPixelDensity) {
		//prevent blurring when the device pixel ration is 1 (not high density screens)
		//this is done with style and not with media query for wider support
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}

//the rtl will change the transform-translate from (-50% -50%) to (50% -50%)
[dir="rtl"] .sapMDialog {
	left: 50%; //this will be changed 'right: 50%' from the rtl mode
}

[dir="rtl"] .sapMDialog.sapMDialogTouched {
	left: auto;
}

// set max height and max width ========================================================================================

.sapMDialog {
	max-width: 90%;
}

.sapMDialog > .sapMDialogSection {
	max-width: 100%;
}

// =====================================================================================================================
// there are 6 cases (3 vars - header, subheader, and footer)
// =====================================================================================================================

.setDialogMaxHeight(@_barHeight, @_path) {

	//with header, subheader and footer (3 bars)
	@{_path}.sapMDialogWithSubHeader:not(.sapMDialog-NoHeader):not(.sapMDialog-NoFooter) {
		max-height: calc(~"100% - " @_barHeight * 3 ~" - " @_sap_m_Dialog_MarginHeight);
	}

	//with header, no subheader and footer (2 bars)
	@{_path}:not(.sapMDialog-NoHeader):not(.sapMDialog-NoFooter):not(.sapMDialogWithSubHeader) {
		max-height: calc(~"100% - " @_barHeight * 2 ~" - " @_sap_m_Dialog_MarginHeight);
	}

	//with no headers and footer (1 bar)
	@{_path}.sapMDialog-NoHeader:not(.sapMDialog-NoFooter):not(.sapMDialogWithSubHeader) {
			max-height: calc(~"100% - " @_barHeight ~" - " @_sap_m_Dialog_MarginHeight);
	}

	//with 2 headers with no footer (2 bars)
	@{_path}:not(.sapMDialog-NoHeader).sapMDialog-NoFooter.sapMDialogWithSubHeader {
		max-height: calc(~"100% - " @_barHeight ~" - " @_sap_m_Dialog_MarginHeight);
	}

	//with 1 sub-header and no footer (1 bar)
	@{_path}.sapMDialog-NoHeader.sapMDialog-NoFooter.sapMDialogWithSubHeader {
		max-height: calc(~"100% - " @_barHeight ~" - " @_sap_m_Dialog_MarginHeight);
	}

	//with header, no sub-header and no footer (1 bar)
	@{_path}:not(.sapMDialog-NoHeader).sapMDialog-NoFooter:not(.sapMDialogWithSubHeader) {
		max-height: calc(~"100% - " @_barHeight ~" - " @_sap_m_Dialog_MarginHeight);
	}

	//with no headers and no footer (0 bars)
	@{_path}.sapMDialog-NoHeader.sapMDialog-NoFooter:not(.sapMDialogWithSubHeader) {
		max-height: calc(~"100% - " @_barHeight);
	}
}

.setDialogMaxHeight(@_sap_m_Dialog_BarHeight, ~".sapMDialog");
.setDialogMaxHeight(@_sap_m_Dialog_BarCompactHeight, ~".sapUiSizeCompact .sapMDialog");


// end max height and max width ========================================================================================

.sapMDialog .sapMDialogScrollCont > * {
	vertical-align: middle;
}

.sapMDialog.sapMDialogStretched {
	transform: none;
	-webkit-transform: scale(1) translateZ(0px); // Chrome does not clip children when transform is not applied resulting in non-visible border-radius
	top: 5% !important; //this is for preventing inline size/top sizes set the top
	bottom: 5% !important;
	left: 3.5% !important; //this is for preventing inline size/top sizes set the top
	right: 3.5% !important;
	max-height: none !important;
	max-width: none !important;
	height: auto !important; //this is for preventing inline size/width sizes set the width
	width: auto !important; //this is for preventing inline size/height sizes set the height
	min-width: 0 !important; //this is for preventing the dialog to hold it's width in small screens
	min-height: 0 !important; //this is for preventing the dialog to hold it's width in small screens
}

// Removing borders, shadow, and rounded corners when the dialog is on fullscreen
html.sap-phone .sapMDialog.sapMDialogStretched {
	border: none;
	box-shadow: 0;
	border-radius: 0;
	top: 0 !important; // this is for forcing mobile dialog when stretch property is set
	bottom: 0 !important; // this is for forcing mobile dialog when stretch property is set
	left: 0 !important; // this is for forcing mobile dialog when stretch property is set
	right: 0 !important; // this is for forcing mobile dialog when stretch property is set
}

html.sap-phone .sapMDialog {
	min-width: 18rem;
	overflow: hidden;

	& > footer .sapMFooter-CTX {
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex;
		padding: 0 0.25rem;

		.sapMTBSpacer {
			display: none;
		}
	}
}
html.sap-tablet .sapMDialog,
html.sap-desktop .sapMDialog {
	min-width: 20rem;
}

.sapMDialog .sapMIBar {
	position: relative;
	width: auto;
}

.sapMDialog .sapMDialogSection {
	overflow: hidden;
	position: relative;
}

.sapMDialogScroll {
	display: inline-block; /*this is for horizontal scrolling enablement */
	height: auto;
	width: 100%;
	vertical-align: middle;
}

.sapMDialog.sapMDialogVerticalScrollIncluded {
	.sapMDialogScroll {
		width: auto;
	}

	html[data-sap-ui-browser^="sf"] & .sapMDialogSection {
		/* For Safari - allow the vertical scroll bar to overlap the right padding which we use to compensate for its width. This happens by default for other browsers. */
		overflow-y: overlay !important;
	}
}

/* disable scrolling automatically for sap.m.Page sap.m.NavContainer sap.m.ScrollingContainer inside Dialog */
.sapMDialogVerScrollDisabled .sapMDialogScroll {
	height: 100%;
}

/* disable scrolling automatically for sap.m.Page sap.m.NavContainer sap.m.ScrollingContainer inside Dialog */
.sapMDialogHorScrollDisabled .sapMDialogScroll {
	display: block;
	/* This div has position set to absolute when runs in android native browser with version less than 4.1. */
	/* Width needs to be set to 100% due to position absolute */
	width: 100%;
}

.sapMDialogHidden {
	/* display: none; */
	/* visibility need to be used instead of display none, because some control inside dialog may need to do calculation */
	visibility: hidden;
}

.sapMDialogBlockLayer {
	opacity: 0.6;
}

.sapMDialogTransparent {
	opacity: 0;
}

.sapMDialog.sapUiPopupWithPadding:not(.sapUiNoContentPadding) {

	&.sapMDialogWithScrollCont .sapMDialogScrollCont {
		height: 100%;
	}

	.sapMDialogScrollCont {
		padding: @_sap_m_Dialog_Padding;

		&.sapMDialogStretchContent {
			height: calc(~"100% - 2 * " @_sap_m_Dialog_Padding);
		}
	}
}

.sapMDialogScrollCont.sapMDialogStretchContent {
	height: 100%;
}

/* messagedialog always has content padding */
.sapMMessageDialog .sapMDialogScrollCont {
	box-sizing: border-box;
	padding: 1rem;
}

.sapMDialogWithScrollCont .sapMDialogScroll {
	/*
	  This property together with the position: absolute in sapMDialogScrollCont fixes the browser bug stated here:
	  http://stackoverflow.com/questions/8468066/child-inside-parent-with-min-height-100-not-inheriting-height
  */
	position: relative;
}

.sapMDialogWithScrollCont .sapMDialogScrollCont {
	height: 100%;
	padding: 0;
	position: absolute;
	width: 100%;
}

.sapMActionSheetDialog .sapMDialogScrollCont {
	padding: 0; /* no content padding for action sheet */
}

.sapMDialogOpen {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
	-webkit-transform: translate(-50%, -50%) scale(1) translateZ(0px);
}

.sapMDialogBlockLayerAnimation {
	position: absolute;
	transition: opacity 0.2s linear;
	-webkit-transition: opacity 0.2s linear;
}

/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiContainerContentPadding(~".sapMDialog", ~"> section > .sapMDialogScroll > .sapMDialogScrollCont");

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

.sapMDialog.sapMMessageDialog {
	font-size: 0.875rem;
}

.sapMDialog > header.sapMDialogTitle,
.sapMDialog > header.sapMDialogSubHeader {
	font-size: 1rem;
}

.sapMDialog:not(.sapMDialogWithSubHeader) .sapMDialogSubHeader {
	display: none;
}

.sapMDialogIcon ~ .sapMDialogTitle {
	display: inline;
}

/* remove the branding color of bar in page when page is in dialog*/
.sapMDialog .sapMIBar.sapMPageHeader::before {
	border-top: none;
}

.sapMMessageDialog.sapMPopup-CTX > header.sapMDialogTitle {
	background-image: none;
	filter: none;
}

.sapMDialog > header.sapMDialogTitle .sapMTitle {
	color: @sapUiPageHeaderTextColor;
	margin: 0;
	vertical-align: middle;
}

.sapMDialog > header.sapMDialogTitle .sapMImg {
	height: 2.25rem;
	margin-right: 0.625rem;
	vertical-align: middle;
	width: 2.25rem;
}

.sapMDialog > header.sapMDialogTitle .sapMDialogIcon.sapUiIcon {
	font-size: 1.25rem;
	margin-right: 0.5rem;
	vertical-align: middle;
}

.sapMTB.sapMTBNoBorders {
	border-bottom: none;
}

.sapMDialog > footer {

	#dialogWithManyButtons-footer-overflowButton-inner {
		padding-left: 0;
	}

	#dialogWithManyButtons-footer-overflowButton-img {
		position: static;
	}
}

/* Compact size */
.sapUiSizeCompact {

	&.sapMDialog,
	.sapMDialog {
		min-height: @_sap_m_Dialog_BarCompactHeight;
		padding-bottom: @_sap_m_Dialog_BarCompactHeight;
		padding-top: @_sap_m_Dialog_BarCompactHeight;

		&.sapMDialogWithSubHeader {
			padding-top: @_sap_m_Dialog_BarCompactHeight + @_sap_m_Dialog_SubHeaderCompactHeight;

			&.sapMDialogSubHeaderInfoBar {
				padding-top: @_sap_m_Dialog_BarCompactHeight + @_sap_m_Dialog_InfoDesignBarHeight;

				.sapMDialogSubHeader {
					height: @_sap_m_Dialog_InfoDesignBarHeight;
				}
			}

			&.sapMDialog-NoHeader {
				padding-top: @_sap_m_Dialog_SubHeaderCompactHeight;

				& > .sapMDialogSubHeader {
					top: 0;
				}
			}
		}

		& > .sapMDialogTitle {
			height: @_sap_m_Dialog_BarCompactHeight;

			.sapMHeader-CTX,
			.sapMSubHeader-CTX{
				height: @_sap_m_Dialog_BarCompactHeight;
				padding-top: 0.25rem;
				padding-bottom: 0.25rem;
				box-sizing: border-box;
			}
		}

		& > .sapMDialogSection {
			min-height: @_sap_m_Dialog_BarCompactHeight;
		}

		& > footer {
			height: @_sap_m_Dialog_BarCompactHeight;

			.sapMFooter-CTX {
				height: @_sap_m_Dialog_BarCompactHeight;
			}
		}

		& header.sapMDialogSubHeader {
			height: @_sap_m_Dialog_SubHeaderCompactHeight;
			top: @_sap_m_Dialog_BarCompactHeight;

			.sapMIBar {
				height: @_sap_m_Dialog_SubHeaderCompactHeight;
			}
		}
	}

	&.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg {
		&.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg,
		& .sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg {
			height: 1.5rem;
			width: 1.5rem;
		}

		&.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapUiIcon,
		& .sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapUiIcon {
			font-size: 1rem;
			height: 1.5rem;
			line-height: 1.5rem;
			width: 1rem;
		}

		&.sapMDialog > header:first-of-type .sapMHeader-CTX,
		&.sapMDialog > footer:last-of-type .sapMFooter-CTX,
		& .sapMDialog > header:first-of-type .sapMHeader-CTX,
		& .sapMDialog > footer:last-of-type .sapMFooter-CTX {
			height: 2.5rem;

			.sapMBarLeft,
			.sapMBarRight,
			.sapMBarPH {
				padding-bottom: 0.25rem;
				padding-top: 0.25rem;
			}
		}
	}
}

.sapMDialogResizing,
.sapMDialogResizing * {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

//remove the transform translate
.sapMDialogTouched {
	transform: scale(1);
	-webkit-transform: scale(1) translateZ(0px);
}

.sapDialogDisableTransition {
	transition: none;
	-webkit-transition: none;
}

.sapMDialogResizeHandler {
	bottom: 0rem;
	cursor: se-resize;
	position: absolute;
	right: 0;
	width: .5rem;
	z-index: 2;
	line-height: 1rem;

	&:before {
		left: 0;
		position: relative;
		top: 0;
	}
}

.sapMDialog {
	box-sizing: content-box;
	min-height: @_sap_m_Dialog_BarHeight;
	padding-bottom: @_sap_m_Dialog_BarHeight;
	padding-top: @_sap_m_Dialog_BarHeight;

	&.sapMDialog-NoFooter {
		padding-bottom: 0;
	}

	&.sapMDialog-NoHeader {
		padding-top: 0;
	}

	&.sapMDialogWithSubHeader {
		padding-top: @_sap_m_Dialog_BarHeight + @_sap_m_Dialog_BarHeight;

		&.sapMDialogSubHeaderInfoBar {
			padding-top: @_sap_m_Dialog_BarHeight + @_sap_m_Dialog_InfoDesignBarHeight;

			.sapMDialogSubHeader {
				height: @_sap_m_Dialog_InfoDesignBarHeight;
			}
		}

		&.sapMDialog-NoHeader {
			padding-top: @_sap_m_Dialog_BarHeight;

			& > .sapMDialogSubHeader {
				top: 0;

			}
		}
	}


	& > .sapMDialogTitle {
		height: @_sap_m_Dialog_BarHeight;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}

	& > .sapMDialogSection {
		height: 100%;
		min-height: @_sap_m_Dialog_BarHeight;
	}

	& > footer {
		bottom: 0;
		height: @_sap_m_Dialog_BarHeight;
		left: 0;
		position: absolute;
		right: 0;
	}

	&.sapMDialogDraggable > header {
		cursor: move;
	}

	& header.sapMDialogSubHeader {
		cursor: default;
		height: @_sap_m_Dialog_SubHeaderHeight;
		left: 0;
		position: absolute;
		right: 0;
		top: @_sap_m_Dialog_BarHeight;
		z-index: 2;
	}
}

//remove transition when animation is off
html[data-sap-ui-animation='off'] {
	.sapMDialog,
	.sapMDialogBlockLayerAnimation {
		transition: none;
	}
}

.sapMDialog > .sapMDialogSection {
	background: @sapUiGroupContentBackground;
}

.sapMDialogWarning > header {
	&.sapMDialogTitle .sapMDialogIcon.sapUiIcon {
		color: @sapUiCriticalElement;
	}

	&:last-of-type .sapMIBar.sapMIBar { // .sapMIBar.sapMIBar - doubles the specificity in order to override other styles
		box-shadow: @_sap_m_Dialog_WarningHeaderShadow;
	}
}

.sapMDialogError > header {

	&.sapMDialogTitle .sapMDialogIcon.sapUiIcon {
		color: @sapUiNegativeElement;
	}

	&:last-of-type .sapMIBar.sapMIBar { // .sapMIBar.sapMIBar - doubles the specificity in order to override other styles
		box-shadow: @_sap_m_Dialog_ErrorHeaderShadow;
	}
}

.sapMDialogSuccess > header {
	&.sapMDialogTitle .sapMDialogIcon.sapUiIcon {
		color: @sapUiPositiveElement;
	}

	&:last-of-type .sapMIBar.sapMIBar { // .sapMIBar.sapMIBar - doubles the specificity in order to override other styles
		box-shadow: @_sap_m_Dialog_SuccessHeaderShadow;
	}
}

.sapMDialogInformation > header {

	&.sapMDialogTitle .sapMDialogIcon.sapUiIcon {
		color: @sapHighlightColor;
	}

	&:last-of-type .sapMIBar.sapMIBar { // .sapMIBar.sapMIBar - doubles the specificity in order to override other styles
		box-shadow: @_sap_m_Dialog_InformationHeaderShadow;
	}
}

.sapMDialog .sapMDialogFirstFE,
.sapMDialog .sapMDialogLastFE {
	font-size: 0;
}
/* END "Dialog.less" */

/* START "DisplayListItem.less" */
/* ====================================== */
/* CSS for control sap.m/DisplayListItem  */
/* Base theme                             */
/* ====================================== */

.sapMDLI {
	display: -webkit-box;
	display: flex;
	height: 3rem;
}

.sapMDLILabel {
	-webkit-box-flex: 1;
	flex: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 3rem;
	display: block;
	font-size: 1.125rem;
	-webkit-box-align: center;
	align-items: center;
	color: @sapUiListTextColor;
}

.sapMLIBActionable .sapMDLILabel {
	cursor: pointer;
}

.sapMDLIValue {
	-webkit-box-flex: 1;
	flex: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 3rem;
	font-size: 0.875rem;
	margin-left: 1rem;
	text-align: right;
	color: @sapUiContentLabelColor;
}

.sapMDLI > .sapMLIBContent {
	display: -webkit-box;
	display: flex;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 3rem;
}

html[dir=rtl] .sapMDLIValue {
	text-align: left;
}

.sapMLIBActive .sapMDLILabel {
	color: @sapUiListActiveTextColor;
}

.sapMLIBActive .sapMDLIValue {
	color: @sapUiListActiveTextColor;
}

/* Compact size */
.sapUiSizeCompact .sapMDLI {
	height: 2rem;
}

.sapUiSizeCompact .sapMDLI > .sapMLIBContent {
	line-height: 2rem;
}

.sapUiSizeCompact .sapMDLILabel {
	font-size: @sapMFontMediumSize;
}
/* END "DisplayListItem.less" */

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

.sapMDraftIndicator .sapMLabel {
	font-style: italic;
	padding-left: 1rem;
	padding-right: 1rem;
}
/* END "DraftIndicator.less" */

/* START "MessagePage.less" */
/* ================================== */
/* CSS for control sap.m/MessagePage  */
/* Base theme                         */
/* ================================== */

/* MessagePage general styles */
.sapMMessagePage {
	width: 100%;
	height: 100%;
	background: @sapUiGlobalBackgroundColor;
	position: relative;
}

.sapMMessagePageInner {
	box-sizing: border-box;
	display: -ms-flexbox;
	display: flex;
	padding: 1rem;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow-y: auto;
}

/* Allow MessagePage to be positioned inside ObjectPage */
.sapUxAPBlockContainer .sapMMessagePageInner {
	position: static;
}

.sapMMessagePageContentWrapper {
	margin: auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack:center; // needed to vertically center content only in IE
	align-items: center;
	transform: translateY(-1rem);
	width: 30rem;
	max-width: 100%;
}

.sapMMessagePage > .sapMBar + .sapMMessagePageInner {
	top: 3rem;
}

/* MessagePage inner controls styles*/
.sapMMessagePage {
	.sapMMessagePageInner {
		.sapUiIcon::before {
			font-size: 6rem;
			color: @sapUiContentNonInteractiveIconColor;
		}

		& > .sapMMessagePageContentWrapper > * {
			-ms-flex-negative: 0;
			max-width: 100%;
		}
	}

	.sapMMessagePageMainText {
		font-size: 1.5rem;
		line-height: 2rem;
		margin-top: 1rem;
	}

	.sapMText.sapMMessagePageMainText {
		color: @sapUiGroupTitleTextColor;
		font-size: @sapMFontHeader2Size;
	}

	.sapMMessagePageDescription {
		font-size: 1rem;
		margin-top: 1rem;

		.sapMLnk {
			font-size: 1rem;
		}
	}

	.sapMText.sapMMessagePageDescription {
		color: @sapUiContentLabelColor;
		font-size: @sapMFontHeader5Size;
	}

	.sapMMessagePageButtonsWrapper {
		margin-top: 2rem;
		text-align: center;
	}

	.sapMBtn {
		margin: 0 0.25rem;
	}
}

.sapUiSizeCompact .sapMMessagePage > .sapMBar {
	height: 2.5rem;

	.sapMBarPH,
	.sapMBarLeft {
		height: 2.5rem;
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}

	.sapMBarMiddle {
		height: 2.5rem;
	}

	&+ .sapMMessagePageInner {
		top: 2.5rem;
	}
}
/* END "MessagePage.less" */

/* START "FacetFilter.less" */
/* ================================== */
/* CSS for control sap.m/FacetFilter  */
/* Base theme                         */
/* ================================== */

.sapMFF > .sapMTB-Info-CTX.sapMTB,
.sapUiSizeCompact .sapMFF {
	height: 2rem;
}

.sapUiSizeCompact .sapMFFArrowScroll {
	padding: 0.5rem 0.4rem;
}

.sapUiSizeCompact .sapMFF .sapMFFLRemoveIcon {
	line-height: 0.8rem;
	padding: 0.6rem;
}

.sapMFF {
	position: relative;
}

.sapMFFHead {
	margin-left: 0rem;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
}

.sapMFF .sapUiIcon,
.sapMFF .sapMTB .sapMBtnIcon .sapUiIcon {
	/* Override the default button icon size since it is too big. */
	font-size: 1rem;
}

html.sap-phone .sapMFFHead {
	margin: 1rem;
}

/* Scroll arrows */
html.sap-desktop .sapMFFScrolling > .sapMFFHead {
	margin-right: 2rem;
	margin-left: 3rem;
}

.sapMFFArrowScroll {
	font-size: 1rem;
	line-height: 1rem;
	position: absolute;
	top: 0;
	color: @sapUiContentIconColor;
	padding: 1rem 0.4rem;
}

.sapMFFArrowScrollLeft {
	left: 1rem;
}

.sapMFFArrowScrollRight {
	right: 0;
}

.sapMFFNoScrolling > .sapMFFArrowScroll {
	visibility: hidden;
}

html.sap-desktop .sapMFFScrolling.sapMFFNoScrollBack > .sapMFFArrowScrollLeft,
html.sap-desktop .sapMFFScrolling.sapMFFNoScrollForward > .sapMFFArrowScrollRight {
	visibility: hidden;
}

/* Reset button */
.sapMFFResetDiv {
	position: absolute;
	width: 3rem;
	right: -3rem;
	top: 0;
}

.sapMFFResetSpacer {
	/* Space reserved at the end of the FacetFilter for placing the reset button */
	margin-right: 3rem;
}

.sapMFF .sapMTB-Info-CTX .sapMBtnIcon .sapUiIcon {
	color: @sapUiContentContrastIconColor;
}

/* Move the reset button to the end of the toolbar */
.sapMFF .sapMTB-Info-CTX.sapMTB > .sapMBarChild.sapMBtn {
    margin: 0;
}

.sapMFF .sapMTB-Info-CTX.sapMTB {
    padding-right: 0;
}


.sapMFF .sapMTB-Info-CTX.sapMTB > .sapMBtn:hover {
    background-color: @sapUiInfobarHoverBackground;
}

html.sap-desktop .sapMFFRefresh .sapMBtnTransparent > .sapMBtnIcon, html.sap-phone .sapMFFRefresh .sapMBtnTransparent > .sapMBtnIcon {
	color: @sapUiContentContrastIconColor;
}

html.sap-desktop .sapMFFRefresh.sapMBtn:focus > .sapMFocusable {
	outline-color: @sapUiContentContrastFocusColor;
}

html.sap-desktop .sapMFF > .sapMTB-Info-CTX.sapMTB > .sapMFFRefresh.sapMBtn:focus .sapMBtnFocusDiv {
	border-color: @sapUiContentContrastFocusColor;
}

.sapMFF .sapMTB-Info-CTX.sapMTB > .sapMBtn:active {
    background-color: @sapUiInfobarActiveBackground;
}

.sapMFFCheckbar {
	cursor: pointer
}

.sapMFFDialog .sapMCbLabel {
	cursor: pointer
}

.sapMFF .sapMFFArrowScroll:hover {
	background-color: @sapUiButtonLiteHoverBackground;
}

.sapMFF .sapMFFArrowScroll:active {
	background-color: @sapUiButtonLiteActiveBackground;
	color: @sapUiContentContrastIconColor;
}

/* specific selector for the light facet filter text to use padding instead of margin,
  otherwise the text gets cut off in Arabic because of the italic font
*/
.sapMFF > .sapMIBar.sapMTB.sapMTB-Info-CTX > .sapMText {
	margin: 0;
	padding: 0.5rem;
}
/* END "FacetFilter.less" */

/* START "FacetFilterItem.less" */
/* ====================================== */
/* CSS for control sap.m/FacetFilterItem  */
/* Base theme                             */
/* ====================================== */

/*
	Fix alignment of the list item counter and force a min height.
*/
.sapMFFLI {
	display: -webkit-box;
	display: flex;
	min-height: 3rem;
}

/*
	Fix alignment of the list item counter.
*/
.sapMFFLI > .sapMLIBContent {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-align: center;
	align-items: center;
}

.sapMFFLITitle {
	font-size: @sapMFontLargeSize;
	color: @sapUiListTextColor;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapMFFLITitleWrap {
	word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-flex: 1;
	flex: auto;
	-webkit-box-align: center;
	align-items: center;
}

.sapUiSizeCompact .sapMFFLITitle{
	font-size: @sapMFontMediumSize;
}
/* END "FacetFilterItem.less" */

/* START "FacetFilterList.less" */
/* ====================================== */
/* CSS for control sap.m/FacetFilterList  */
/* Base theme                             */
/* ====================================== */

/* Facet Filter Popover */
.sapMFFPop.sapMPopover,
.sapMFFPop.sapMPopover .sapMPopoverCont {
	min-width: 300px;
}

.sapMFFPop .sapMCbLabel {
	cursor: pointer
}

.sapMFF .sapMFFLRemoveIcon {
	color: @sapUiButtonIconColor;
	font-size: 0.875rem;
	line-height: 2rem;
	padding-bottom: 0.25rem;
	padding-top: 0.25rem;
	padding-left: 0.65rem;
	padding-right: 0.65rem;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
}

.sapMFF .sapMFFLRemoveIcon:hover {
	background-color: @sapUiButtonLiteHoverBackground;
	border-radius: 0.2rem;
}

.sapUiSizeCompact .sapMFF .sapMFFLRemoveIcon {
	line-height: 1.5rem;
	padding-bottom: 0.05rem;
	padding-top: 0.05rem;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}


/*
We need to toggle separate classes to show/hide the remove icon, otherwise
clicking the icon does not remove the facet button in ie9
*/
.sapMFF .sapMFFLVisibleRemoveIcon {
	visibility: visible;
}

.sapMFF .sapMFFLHiddenRemoveIcon {
	visibility: hidden;
}

.sapMFF .sapMFFLRemoveIcon:hover {
	background-color: @sapUiButtonLiteHoverBackground;
}

.sapMFF .sapMFFLRemoveIcon:active {
	background-color: @sapUiButtonLiteActiveBackground;
	color: @sapUiContentContrastIconColor;
}
/* END "FacetFilterList.less" */

/* START "FeedContent.less" */
/* ================================== */
/* CSS for control sap.m/FeedContent  */
/* Base theme                         */
/* ================================== */

.sapMFC {
	outline: none;
	position: relative;
	width: 100%;
	height: 3.875rem;
	display: inline-block;
}

.sapMFCCTxt {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 2.126rem;
	max-width: 20.5rem;
	margin-top: 0.3rem;

	.sapMText {
		display: inline;
		line-height: 1.063rem;
	}
}

.sapMFCSbh {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 20.5rem;
	line-height: 1.063rem;
	font-size: @sapMFontSmallSize;
	color: @sapUiTileTextColor;
}

.sapMFCValue {
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 1rem;
	padding-top: 0.875rem;
	font-size: 2.5rem;
	line-height: 3rem;
	max-width: 20.5rem;
	float: right;
	font-family: @sapUiFontHeaderFamily;
	font-weight: @sapUiFontHeaderWeight;
}

.sapMFCCTxt > .sapMText {
	cursor:inherit;
}

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

.sapMFCCTxt .sapMText {
	font-size: @sapMFontSmallSize;
	color: @sapUiTileTitleTextColor;
}

.sapMFCValue.Neutral {
	color: @sapUiNeutralText;
}

.sapMFCValue.Good {
	color: @sapUiPositiveText;
}

.sapMFCValue.Critical {
	color: @sapUiCriticalText;
}

.sapMFCValue.Error {
	color: @sapUiNegativeText;
}

html.sap-desktop .sapMFC:focus {
	outline: 1px dotted @sapUiContentFocusColor;
}

html.sap-desktop .sapMFC:focus:not([tabindex]) {
	outline: none;
}

.sapMTileSmallPhone {
	.sapMFC {
		width: 17.75rem;
		height: 3.438rem;
	}

	.sapMFCCTxt {
		max-width: 17.75rem;
		margin-top: 0.1rem;
	}

	.sapMFCSbh {
		max-width: 17.75rem;
	}

	.sapMFCValue {
		padding-top: 1.188rem;
		padding-left: 0.5rem;
		font-size: 2rem;
		line-height: 2.25rem;
		max-width: 17.75rem;
	}
}
/* END "FeedContent.less" */

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

.sapMFeedInBase {
	display: block;
	position: relative;
	height: auto;
	width: 100%;
	box-sizing: border-box;
}

.sapMFeedIn {
	display: block;
	position: relative;
	padding: 0.5rem 0.5rem 0.5rem 5rem;
	width: 100%;
	box-sizing: border-box;
}


.sapMFeedIn.sapMFeedInDisabled {
	opacity: 0.5;
}

/*hide the icon if the width of the screen <=25rem */
@media (max-width: 25rem) {
	.sapMFeedInFigure {
		display: none;
	}

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

.sapMFeedInNoIcon {
	padding-left: 0.5rem;
}

.sapMFeedInFigure {
	position: absolute;
	height: 4rem;
	width: 4rem;
	margin: 0 0 0 0.5rem;
	background-color: @sapUiContentImagePlaceholderBackground;
	box-sizing: border-box;
	left: 0;
	overflow: hidden;
	border-width: 0.125rem;
	border-style: solid;
	border-color: @sapUiFieldBackground; /* the background parameter is used for to ensure the border theme is aligned with the text area background */
}

.sapMFeedInImage {
	width: 3.75rem;;
	line-height: 3.75rem;
	font-size: 2.25rem;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: @sapUiContentImagePlaceholderBackground;
	color: @sapUiContentImagePlaceholderForegroundColor;
}

.sapMFeedInBase .sapMFeedInCounter {
	display: block;
	width: 100%;
	text-align: end;
}

.sapMFeedInBase .sapMFeedInCounter .sapMTextAreaCounter{
	overflow: hidden;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontSmallSize;
	padding: 0.125rem;
}

.sapMFeedIn:not(.sapMFeedInDisabled) .sapMFeedInContainer {
	background-color: @sapUiFieldBackground;
}

.sapMFeedIn .sapMFeedInContainer {
	width: 100%;
	height: auto;
	position: relative;
}

.sapMFeedIn >.sapMFeedInContainer >.sapMInputBase {
	width: 100%;
	padding: 0 4.0rem 0 0;
	margin: 0;
	min-height: 4rem;
}

.sapMFeedIn >.sapMFeedInContainer >.sapMInputBase >.sapMInputBaseContentWrapper{
	border: 0;
}

.sapMFeedIn >.sapMFeedInContainer >.sapMInputBase >.sapMInputBaseContentWrapper::before{
	display: none;
}

.sapMFeedIn >.sapMFeedInContainer > .sapMTextArea> .sapMInputBaseInner {
	border-bottom-style: hidden;
	border-top-style: hidden;
	border-left-style: hidden;
	border-right-style: hidden;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	font-style: normal;
	font-weight: normal;
	color: @sapUiFieldTextColor;
	line-height: 1.4;
	padding: 0.5rem 0.05rem 0.5rem 0.5rem;
	min-height: 4rem;
}

.sapMFeedInContainer .sapMInputBaseInner {
	border: none;
}

.sapMFeedIn .sapMBtn {
	width: 4.0rem;
	height: 3.75rem;
	padding-top: 0.25rem;
	padding-right: 0.25rem;
	padding-bottom: 0.25rem;
	position: absolute;
	right: -0.25rem;
	bottom: 0.25rem;
}

html[data-sap-ui-browser*='ie'] .sapMFeedIn .sapMBtnInner {
	width: 3.5rem;
	display: block;
}

.sapMFeedIn .sapMBtnInner {
	width: 3.5rem;
	height: 3.5rem;
	padding: 0;
}

.sapMFeedIn .sapMBtnIcon{
	width: 3.5rem;
	height: 3.5rem;
}

.sapMFeedIn .sapMBtnIcon {
	width: 2.375rem;
	height: 2.375rem;
	padding: 0.5rem;
	font-size: 1.5rem;
	line-height: 2.375rem;
}

.sapMFeedIn .sapMInputBase.sapMTextArea .sapMTextAreaInner {
	min-height: 4rem;
	padding: 0.375rem 0.5rem;
}

/* Compact size */
.sapUiSizeCompact .sapMFeedIn .sapMBtnIcon {
	margin-left: 0;
}

.sapUiSizeCompact .sapMFeedIn >.sapMFeedInContainer >.sapMInputBase {
	margin: 0;
	min-height: 4rem;
}
/* END "FeedInput.less" */

/* START "FeedListItem.less" */
/* =================================== */
/* CSS for control sap.m/FeedListItem  */
/* Base theme                          */
/* =================================== */

.sapMFeedListItem {
	display: block;
}

.sapMFeedListItem .sapUiSelectable > * {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;

	&::selection {
		background: @sapUiSelected;
		color: @sapUiContentContrastTextColor;
	}

	&::-moz-selection {
		background: @sapUiSelected;
		color: @sapUiContentContrastTextColor;
	}
}

.sapMFeedListItemImageInactive {
	cursor: default;
}

.sapMFeedListShowSeparatorsAll .sapMFeedListItem {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

/* Makes sure that floating image is not displayed in the next list item. */
.sapMFeedListItem:after {
	content: " ";
	display: block;
	height: 0rem;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

.sapMFeedListItem .sapMFeedListItemTextText a,
.sapMFeedListItem .sapMFeedListItemTextName a {
	font-family: @sapUiFontFamily;
	font-weight: bold;
	line-height: 1.4;
}

/*
 The following is necessary to make sure that image links
 do not show a border when run in IE.
 */
.sapMFeedListItemFigure img {
	border: 0rem;
}

.sapMFeedListItemText {
	vertical-align: top;
	margin: 0rem;
}

.sapMFeedListItemTextString {
	cursor: text;
}

.sapMFeedListItemText .sapMLnk {
	vertical-align: top;
    display: inline;
}

html.sap-tablet .sapMFeedListItemHasFigure,
html.sap-desktop .sapMFeedListItemHasFigure {
	margin-left: 3.75rem;
}

.sapMFeedListItemTextText {
	margin: 0rem;
	line-height: 1.4;
	font-family: @sapUiFontFamily;
	text-overflow: ellipsis;
}

.sapMFeedListItemFigure {
	float: left;
	height: 3rem;
	width: 3rem;
	overflow: visible;
	margin: 0rem;
}

.sapMFeedListItemImageInactive,
.sapMFeedListItemImage {
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	font-size: 2.5rem;
	margin-left: 0rem;
	margin-right: 0rem;
	overflow: hidden;
}

.sapMFeedListItemTimestamp {
	line-height: auto;
}

.sapMFeedListItemTimestampText,
.sapMFeedListItemInfoText {
	cursor: text;
}

.sapMFeedListItemInfo {
	line-height: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapMFeedListItemTextName {
	line-height: 1.4;
	font-family: @sapUiFontFamily;
	font-weight: bold;
	font-size: @sapMFontMediumSize;
	color: @sapUiListTextColor;
}

html.sap-desktop .sapMFeedListItemTextName,
html.sap-tablet .sapMFeedListItemTextName {
	margin-right: 0.3rem;
}

html[dir=rtl] .sapMFeedListItemTextName {
	/* In rtl mode, this will be converted to 'float: right;' which is the correct value */
	float: left;
}

html[dir=rtl].sap-phone .sapMFeedListItemTextName {
	/* 	Overwrite rtl values for phones */
	float: none;
}

.sapMFeedListItemFooter {
	margin-top: 0.375rem;
	margin-bottom: 0rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-family: @sapUiFontFamily;
}

.sapMFeedListItemTitleDiv.sapMLIB {
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-align: center;
	flex-direction: row;
	align-items: center;
}

.sapMFeedListShowSeparatorsNone.sapMLIB {
	border-bottom: 0;
}

.sapMFeedListItemTitleDiv > .sapMLIBContent {
	flex-basis: auto;

	html[data-sap-ui-browser^="ie"] & {
		width: 100%;
	}
}

/* phone adoption */
html.sap-phone .sapMFeedListItemHeader {
	white-space: nowrap;
	overflow: hidden;
}

html.sap-phone .sapMFeedListItemHeader.sapMFeedListItemFullHeight,
html.sap-phone .sapMFeedListItemHeader.sapMFeedListItemHasFigure {
	height: 3.1rem;
}

html.sap-phone .sapMFeedListItemImageInactive,
html.sap-phone .sapMFeedListItemImage {
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	font-size: 2.5rem;
}

html.sap-phone .sapMFeedListItemTextName {
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}

html.sap-phone .sapMFeedListItemTextName a {
	font-family: @sapUiFontFamily;
	font-weight: normal;
	width: 100%;
}

html.sap-phone .sapMFeedListItemFigure {
	height: 3rem;
	width: 3rem;
	margin-right: 0.75rem
}

html.sap-phone .sapMFeedListItemFooter {
	margin-top: 0.375rem;
	margin-bottom: 0rem;
	overflow: hidden;
	text-overflow: ellipsis;
}

html.sap-phone .sapMFeedListItemTimestamp {
	margin-top: 0;
	margin-bottom: 0.25rem;
	overflow: hidden;
	text-overflow: ellipsis;
}

html.sap-phone .sapMFeedListItemText {
	clear: left;
	line-height: 1.4;
	margin-top: 0.75rem;
	margin-bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapMFeedListItemTextText {
	font-size: @sapMFontMediumSize;
	color: @sapUiListTextColor;
	word-wrap: break-word;
}

.sapMFeedListItemImageInactive:focus,
.sapMFeedListItemImage:focus {
	outline-style: dotted;
	outline-color: @sapUiContentFocusColor;
	outline-width: 0.0625rem;
}

html.sap-tablet .sapMFeedListItem .sapMLnk:focus {
	outline-style: dotted;
	outline-color: @sapUiContentFocusColor;
	outline-width: 0.0625rem;
}

/* Allow image outline(-left) to be rendered completely */
.sapMFeedListShowSeparatorsAll .sapMFeedListItem {
	padding-left: 0.0625rem;
}

.sapMFeedListItemTitleDiv.sapMLIB {
	padding-left: 0.9375rem;
}

html.sap-desktop .sapMFeedListItem .sapMLnk:focus {
	outline-color: @sapUiContentFocusColor;
}

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

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

.sapMFeedListItemFooter {
	font-size: @sapMFontSmallSize;
	color: @sapUiContentLabelColor;
}

.sapMFeedListItem .sapMFeedListItemTextText a,
.sapMFeedListItem .sapMFeedListItemTextName a {
	font-size: @sapMFontMediumSize;
	color: @sapUiLink;
}

.sapMFeedListItemText {
	color: @sapUiListTextColor;
}

.sapMLIBActive .sapMFeedListItem a,
.sapMLIBActive .sapMFeedListItem span,
.sapMLIBActive .sapMFeedListItem p,
.sapMLIBActive .sapMFeedListItemFooter,
.sapMLIBActive .sapMFeedListItemText,
.sapMLIBActive .sapMFeedListItemTimestamp,
.sapMLIBActive .sapMFeedListItem .sapMFeedListItemTextText .sapMFeedListItemTextString,
.sapMLIBActive .sapMFeedListItem:hover .sapMFeedListItemTextText > .sapMFeedListItemLinkExpandCollapse,
.sapMLIBActive .sapMFeedListItemTextText,
.sapMLIBActive .sapMFeedListItemTextText > .sapMLnk,
.sapMLIBActive .sapMFeedListItemTextText > .sapMLnk.sapMLnkDsbl
.sapMLIBActive .sapMFeedListItemTextName > .sapMLnk,
.sapMLIBActive .sapMFeedListItemTextName > .sapMLnk.sapMLnkDsbl {
	color: @sapUiListActiveTextColor;
	opacity: 1;
	text-decoration: none;
}

.sapMFeedListItemTextText > .sapMLnk.sapMLnkDsbl,
.sapMFeedListItemTextName > .sapMLnk.sapMLnkDsbl,
html.sap-desktop .sapMFeedListItemTextName > .sapMLnk.sapMLnkDsbl:hover {
	opacity: 1;
	color: @sapUiListTextColor;
}

.sapMFeedListItemTextText > .sapMLnk {
	display: inline;
}

.sapMFeedListItemTextText > .sapMLnk.sapMLnkDsbl {
	color: @sapUiListTextColor;
}

html.sap-desktop .sapMFeedListItemTextText > .sapMLnk.sapMLnkDsbl:hover {
	color: @sapUiListTextColor;
}

.sapMFeedListShowSeparatorsAll.sapMLIB {
	border-bottom: 0.063rem solid @sapUiListBorderColor;
}

html.sap-phone .sapMFeedListItemTextName a {
	line-height: normal;
	font-size: @sapMFontLargeSize;
}

html.sap-phone .sapMFeedListItemText,
html.sap-phone .sapMFeedListItemTimestamp {
	font-size: @sapMFontMediumSize;
}

html.sap-phone .sapMFeedListItemFooter {
	font-size: @sapMFontSmallSize;
}

html.sap-phone .sapMFeedListItemTimestamp {
	color: @sapUiContentLabelColor;
	line-height: normal;
}

.sapMFeedListItem .sapMFeedListItemTextText > .sapMFeedListItemLinkExpandCollapse {
	font-weight: normal;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	font-weight: normal;
	color: @sapUiContentLabelColor;
}

.sapMFeedListItem:hover .sapMFeedListItemTextText > .sapMFeedListItemLinkExpandCollapse {
	color: @sapUiLink;
}

.sapMFeedListItem .sapMFeedListItemTextText .sapMFeedListItemTextString {
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	font-style: normal;
	font-weight: normal;
	color: @sapUiListTextColor;
	line-height: 1.4;
}

.sapMFeedListItem .sapMFeedListItem-Unread {

}

.sapMFeedListItemActionButton {
	float: right;
	position: relative;
	margin: -0.75rem -0.5rem 0.5rem 0.5rem;
}

.sapUiSizeCompact .sapMFeedListItemActionButton {
	margin-top: -0.6875rem;
}

html.sap-phone .sapMFeedListItem .sapMFeedListItemActionButton {
	margin: -0.1875rem 0px 0px 0.75rem;
}

.sapMFeedListItemActionButton + .sapMFeedListItemText .sapMFeedListItemTextName,
.sapMFeedListItemActionButton + .sapMFeedListItemHeader .sapMFeedListItemTextName {
	max-width: ~"calc(100% - 2.8rem)"; /* 2.5rem width of button in cozy mode + 0.3rem margin-right */
	display: inline-block;

	.sapUiSizeCompact & {
		max-width: ~"calc(100% - 2.3rem)"; /* 2rem width of button in compact mode */
	}
	html.sap-phone & {
		max-width: 100%;
	}
}

/* END "FeedListItem.less" */

/* START "FlexBox.less" */
/* ============================== */
/* CSS for control sap.m/FlexBox  */
/* Base theme                     */
/* ============================== */

.sapMFlexBoxBGSolid,
.sapMFlexBoxBGTranslucent {
	background-color: @sapUiGroupContentBackground;
}

.sapMFlexBoxBGTransparent {
	background-color: transparent;
}

.sapMFlexBox {
	display: -webkit-box;	/* old syntax old support, up to android native 4.3, iOS Safari 6.1, Chrome Beta for Android */
	display: -webkit-flex;	/* prefixed for Safari 8 */
	display: flex;

	box-sizing: border-box;
}

.sapMFlexBoxInline:not(.sapMFlexBoxFit) {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: inline-flex;
}

.sapMFlexBoxFit,
.sapMFlexBoxScroll {
	height: 100%;
}

/* Nested FlexBox should have auto-height because of the wrappers */
.sapMFlexBox > .sapMFlexBoxFit {
	height: auto;
}

.sapMFlexItem {
	position: relative;
}

.sapMFlexBoxAlignItemsCenter.sapMVBox > .sapMFlexItem {
	max-width: 100%; /* When using align-items:center on a flex container in the column direction, the contents of flex item, if too big, will overflow their container in IE 10-11. */// TODO remove after 1.62 version
}

/*** flex-direction ***/
.sapMHBox {
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.sapMVBox {
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.sapMHBox.sapMFlexBoxReverse {
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.sapMVBox.sapMFlexBoxReverse {
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
}


/*** justify-content ***/
.sapMFlexBoxJustifyStart {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.sapMFlexBoxJustifyEnd {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.sapMFlexBoxJustifyCenter {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.sapMFlexBoxJustifySpaceBetween {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.sapMFlexBoxJustifySpaceAround {
	-webkit-box-pack: justify;	/* space-around is not available */
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.sapMFlexBoxJustifyInherit {
	-webkit-box-pack: inherit;
	-webkit-justify-content: inherit;
	justify-content: inherit;
}


/*** align-items ***/
.sapMFlexBoxAlignItemsStart {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.sapMFlexBoxAlignItemsEnd {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.sapMFlexBoxAlignItemsCenter {
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.sapMFlexBoxAlignItemsBaseline {
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	align-items: baseline;
}
.sapMFlexBoxAlignItemsStretch {
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.sapMFlexBoxAlignItemsInherit {
	-webkit-box-align: inherit;
	-webkit-align-items: inherit;
	align-items: inherit;
}


/*** wrap ***/
.sapMFlexBoxWrapNoWrap {
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.sapMFlexBoxWrapWrap {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.sapMFlexBoxWrapWrapReverse {
	-webkit-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
}


/*** align-content ***/
.sapMFlexBoxAlignContentStart {
	-webkit-align-content: flex-start;
	align-content: flex-start;
}
.sapMFlexBoxAlignContentEnd {
	-webkit-align-content: flex-end;
	align-content: flex-end;
}
.sapMFlexBoxAlignContentCenter {
	-webkit-align-content: center;
	align-content: center;
}
.sapMFlexBoxAlignContentSpaceBetween {
	-webkit-align-content: space-between;
	align-content: space-between;
}
.sapMFlexBoxAlignContentSpaceAround {
	-webkit-align-content: space-around;
	align-content: space-around;
}
.sapMFlexBoxAlignContentStretch {
	-webkit-align-content: stretch;
	align-content: stretch;
}


/*** align-self ***/
.sapMFlexItemAlignAuto {
	-webkit-align-self: auto;
	align-self: auto;
}
.sapMFlexItemAlignStart {
	-webkit-align-self: flex-start;
	align-self: flex-start;
}
.sapMFlexItemAlignEnd {
	-webkit-align-self: flex-end;
	align-self: flex-end;
}
.sapMFlexItemAlignCenter {
	-webkit-align-self: center;
	align-self: center;
}
.sapMFlexItemAlignBaseline {
	-webkit-align-self: baseline;
	align-self: baseline;
}
.sapMFlexItemAlignStretch {
	-webkit-align-self: stretch;
	align-self: stretch;
}
.sapMFlexItemAlignInherit {
	-webkit-align-self: inherit;
	align-self: inherit;
}
/* END "FlexBox.less" */

/* START "FormattedText.less" */
/* ==================================== */
/* CSS for control sap.m/FormattedText  */
/* Base theme                           */
/* ==================================== */

.sapMFT {
	font-family: @sapUiFontFamily;
	vertical-align: top;
	font-size: @sapMFontMediumSize;

	/* BCP: 1870022567 - Reset sapMLnk font-size and wrapping specifics */
	.sapMLnk {
		font-size: inherit;
		display: initial;
		white-space: initial;
		overflow: initial;
		text-overflow: initial;
		word-wrap: initial;
	}
}

.sapMFTOverflowWidth {
	overflow-x: auto;
}

.sapMFTOverflowHeight {
	overflow-y: auto;
}

/* If control is used on black/dark background */
.sapUiInverted-CTX .sapMFT {
	color: @sapUiContentContrastTextColor;
}

/* Do not invert for table */
.sapUiInverted-CTX .sapUiTable .sapMFT {
	color: @sapUiBaseText;
}

/* END "FormattedText.less" */

/* START "GenericTag.less" */
@sapMGenericTagBorderWidth: 0.25rem;
@sapMGenericTagPaddingLeft: 0.25rem;
@sapMGenericTagStatusIconWidth: 1rem;
@sapMGenericTagIconPaddingRight: 0.5rem;
@sapMGenericTagTextMinWidth: 1.5625rem;

.sapMGenericTag {
	margin-top: 0.1875rem;
	margin-bottom: 0.1875rem;
	display: inline-block;
	max-width: 100%;

	&:focus {
		outline: none;
	}
	&:-moz-focus-inner {
		padding: 0;
		border: 0
	}
	&.sapMGenericTagOverflowToolbar {
		margin-right: 0;
		max-width: 20rem;
		.sapMGenericTagWrap {
			width: 100%;
		}
		.sap-phone & {
			max-width: 100%;
		}
	}
	.sapMBarChild& {
		>.sapMGenericTagWrap {
			width: 100%;
		}
	}
}

html.sap-desktop .sapMGenericTag:focus {
	position: relative;
	&:before {
		position: absolute;
		content: " ";
		top: 1px;
		right: 1px;
		bottom: 1px;
		left: 1px;
		z-index: 2;
		pointer-events: none;
	}

	&:after {
		position: absolute;
		content: " ";
		top: 1px;
		right: 1px;
		bottom: 1px;
		left: 1px;
		z-index: 2;
		pointer-events: none;
	}
}

/* FIX: IE and Edge - dotted line appears blurry. */
html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapMGenericTag:focus {
		&:after{
			border-style: dashed;
		}
	}
}

.sapMGenericTagWrap {
	background: @sapUiListBackground;
	box-shadow: @sapUiShadowLevel0;
	box-sizing: border-box;
	border-radius: 0.125rem;
	border-left-width: @sapMGenericTagBorderWidth;
	border-left-style: solid;
	padding: 0 0.5rem 0  @sapMGenericTagPaddingLeft;
	display: inline-flex;
	max-width: 100%;
	flex-flow: row nowrap;
	align-items: center;
	page-break-after: auto;
	height: 1.625rem;
	min-width: @sapMGenericTagBorderWidth + @sapMGenericTagPaddingLeft + @sapMGenericTagStatusIconWidth + @sapMGenericTagIconPaddingRight+ @sapMGenericTagTextMinWidth;

	.sapMGenericTagIcon {
		width: 1rem;
		padding-right: @sapMGenericTagIconPaddingRight;
	}

	.sapMGenericTagError & {
		border-color: @sapUiErrorBorder;

		.sapMGenericTagIcon {
			color: @sapUiNegativeText;
		}
	}

	.sapMGenericTagWarning & {
		border-color: @sapUiWarningBorder;

		.sapMGenericTagIcon {
			color: @sapUiCriticalText;
		}
	}

	.sapMGenericTagSuccess & {
		border-color: @sapUiSuccessBorder;

		.sapMGenericTagIcon {
			color: @sapUiPositiveText;
		}
	}

	.sapMGenericTagInformation & {
		border-color: @sapUiInformationBorder;

		.sapMGenericTagIcon {
			color: @sapUiInformativeText;
		}
	}

	.sapMGenericTagNone & {
		border-color: @sapUiNeutralBorder;

		.sapMGenericTagIcon {
			color: @sapUiNeutralText;
		}
	}

	&:hover {
		box-shadow: 0 0 0 0.0625rem fade(@sapUiContentShadowColor, 30);
	}

	.sapMGenericTagActive &  {
		background: @sapUiListActiveBackground;

		.sapMGenericTagIcon,
		.sapMGenericTagText,
		.sapMGenericTagValue,
		.sapMGenericTagErrorIcon {
			color: @sapUiListActiveTextColor;
		}
	}

	.sapMGenericTagErrorIcon {
		overflow: hidden;
		color: @sapUiNegativeText;
		padding-left: 0.5rem;

		&:before {
			line-height: normal;
		}
	}

	.sapMGenericTagText {
		font-family: @sapUiFontFamily;
		font-size: @sapMFontMediumSize;
		font-weight: normal;
		color: @sapUiBaseText;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		box-sizing: border-box;
		flex: 1 10000 auto;
		min-width: @sapMGenericTagTextMinWidth;
	}

	.sapMGenericTagValue {
		display: flex;
		flex: 0 0.5 auto;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		box-sizing: border-box;
		align-items: center;
		padding-left: 0.5rem;

		.sapMObjectNumberText {
			min-width: 0.75rem;
			&::after {
				//simulate ObjectNumber's styling: The ObjectNumber value and unit are inline blocks and
				//have an empty space between them. That's because the browser interprets the line-break and spaces
				//in the HTML as content. Since we change the styling of the ObjectNumber we must have the same styling.
				content: "\00a0";
			}
		}
		.sapMObjectNumberUnit {
			padding-top: 0.0625rem;
			min-width: 0.75rem;
		}
	}
}

.sapUiSizeCozy {
	.sapMGenericTag {
		margin: 0.25rem 0;

		.sapMGenericTagWrap {
			height:  2.5rem;
		}
	}
}


/* END "GenericTag.less" */

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

.sapMGT {
	display: inline-block;
	border-radius: 0.25rem;
	position: relative;
	outline: none;
	box-sizing: border-box;
	background-position: 0px;
	background: @sapUiTileBackground;
	border: 1px solid @sapUiTileBorderColor;
	box-shadow: @sapUiShadowLevel0;
	vertical-align: top;
}

.sapMGTBackgroundImage {
	background-size: cover;
}

.sapMGT.sapMPointer * {
	cursor: pointer;
}

.sapMGT:focus {
	outline: none;
}

.sapMGT.OneByOne {
	width: 11rem;
	height: 11rem;
}

.sapMGT.TwoByOne {
	width: 22.5rem;
	height: 11rem;
}

.sapMGTHdrTxt,
.sapMGTHdrTxt > .sapMGTTitle,
.sapMGTSubHdrTxt,
.sapMGT .sapMGTContent {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
}

.sapMGTHdrTxt > .sapMGTTitle,
.sapMGenericTileFtrFldTxt>.sapMGTFailed {
	cursor: inherit;
}

.sapMGTInnrCnt {
	display: inline-block;
}

.sapMGTContent {
	height: 6.375rem;
	display: inline-block;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
}

.sapMGTHdrTxt {
	overflow: hidden;

	.sapMText {
		display: inline;
	}
}

.sapMGTHdrTxt > .sapMText {
	color: @sapUiTileTitleTextColor;
	font-weight: normal;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontHeader5Size;
}

.sapMGTSubHdrTxt {
  margin-top: 0.5rem;
}

.sapMGTSubHdrTxt > .sapMText,
.sapMGTSubHdrTxt {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	font-weight: normal;
	color: @sapUiTileTextColor;
}

.sapMGTHdrContent {
	height: 4rem;
	margin-top: 0.625rem;
	margin-left: 0.94rem;
	margin-right: 0.94rem;
}

.sapMGTHdrIconImage {
	float: right;
	width: 2.5rem;
	min-height: 2.5rem;
	font-size: 2.5rem;
	font-family: @sapUiFontHeaderFamily;
	font-weight: @sapUiFontHeaderWeight;
	color: @sapUiTileIconColor;
}

.sapMGenericTileFtrFldTxt {
	font-family: @sapUiFontFamily;
	font-size: @sapMFontSmallSize;
	color: @sapUiTileTextColor;
}

.sapMGenericTileFtrFldIcn {
	color: @sapUiTileTextColor;
}

html.sap-desktop .sapMGT:focus:not([tabindex]) {
	border-color: transparent;
}

.sapMGTOverlay {
	background-color: @sapUiTileBackground;
	border-radius: 0.125rem;
}

.sapMGTOverlayMixin(@offset: 0px, @z-index: 0) {
	position: absolute !important;
	pointer-events: none;
	left: @offset;
	top: @offset;
	right: @offset;
	bottom: @offset;
	& when not (@z-index = 0) {
		z-index: @z-index;
	}
}

.sapMGT.sapMGTScopeActions {

	.sapMTileCntContent {
		position: relative;

		&:after {
			.sapMGTOverlayMixin();
			display: block;
			content: "";
			background-color: fade(@sapUiTileBackground, 70);
		}
	}

	.sapMGTMoreIcon {
		height: 1rem;
		position: absolute;
		right: 0.75rem;
		bottom: 0.563rem;
		z-index: 1; // Remark: If increased, this will break FLP footer visualization.
		color: @sapUiButtonIconColor;
		&:focus {
			outline: none;
		}
	}

	.sapMGTRemoveButton {
		width: 1.375rem;
		height: 1.375rem;
		border-radius: 50%;
		padding: 0px;
		position: absolute;
		top: -0.5rem;
		right: -0.5rem;
		z-index: 3; // Remark: If increased, this will break FLP footer visualization.
		background-color: @sapUiButtonBackground;
		color: @sapUiButtonTextColor;
		overflow: visible;

		.sapMBtnFocusDiv {
			display: none;
		}

		.sapMBtnInner, .sapMBtnActive.sapMBtnInner {
			width: 100%;
			height: 100%;
			min-width: 0px;
			outline-offset: -2px;

			&, &:hover, &:active, &:focus  {
				border-color: @sapUiButtonBorderColor; // Explicitly needed here, because the border would otherwise be transparent in HCB on press
				border-radius: 50% !important; // Made important because the style is not to be overridden in any way
			}
		}

		.sapMBtnIcon {
			font-size: 0.75rem;
			margin: 0px;
			width: 100%;

			&:before {
				position: relative;
				top: -0.125rem;
			}
		}

		&:focus > .sapMFocusable {
			outline: none;
			border-radius: 50%;
		}

		/* The touch area has a different size and is slightly moved to the left and bottom */
		&:before {
			content: "";
			color: @sapUiButtonIconColor;
			position: absolute;
			top: -1px;
			bottom: -0.6875rem;
			left: -0.6875rem;
			right: -0.0625rem;
		}
	}
}

.sapMGT.sapMGTScopeActions.sapMGTBackgroundImage {

	.sapMTileCntContent {
		&:after {
			content: none;
		}
	}

	.sapMGTContent {
		&:before {
			.sapMGTOverlayMixin();
			display: block;
			content: "";
			background-color: fade(@sapUiTileBackground, 70);
			border-radius: 0.125rem;
		}
	}
}

/* mixin for flex-box entries */
.sapMGTFlexEntry(@resizable: 0) {
	display: flex;
	align-items: center;
	-webkit-box-flex: @resizable;
	flex: @resizable @resizable auto;
	-webkit-flex: @resizable @resizable auto;
}

/************************ LINE MODE LIST VIEW ********************/
/* COZY */
.sapUiMedia-GenericTileDeviceSet-small {
	.sapMGTLineMode.sapMGT {
		display: flex;
		align-items: center;
		min-height: 2.5rem;
		min-width: 2rem;
		border-radius: 0.2rem;
		box-shadow: none;
		transition: background-color 0.2s;
		margin: 0.125rem 0 0.125rem 0;
		pointer-events: none;
	}

	.sapMGTLineMode .sapMGTTouchArea {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-flex-direction: row;
		flex-direction: row;
		align-items: center;

		width: 100%;
		pointer-events: auto;
		padding: 0.5625rem 0.5rem;
		margin: -0.1875rem 0;
		box-sizing: border-box;
	}

	.sapMGTLineMode .sapMGTLineModeHelpContainer {
		.sapMGTFlexEntry(1);

		flex-wrap: wrap;
		overflow: hidden;
	}

	.sapMGTLineMode .sapMGTHdrTxt {
		position: relative;
		font-size: @sapMFontMediumSize;
		display: inline-block;
		white-space: nowrap;
		text-overflow: ellipsis;
		max-width: 100%;
		line-height: 1.375rem;
	}

	.sapMGTLineMode .sapMGTHdrTxt:after {
		content: " ";
		margin-right: 0.5rem;
	}

	.sapMGTLineMode .sapMGTSubHdrTxt {
		display: inline-block;
		font-size: @sapMFontMediumSize;
		line-height: 1.375rem;
		margin-top: 0;
		max-width: 100%;
	}

	.sapMGTLineMode .sapMGTLineModeFailedIcon {
		align-self: baseline;
		line-height: 1.375rem;
		padding-right: 0.375rem;
		text-align: left;
		font-size: 1.375rem  !important;
	}
}
/* ActionsContainer Styles commonly shared with all screen sizes in compact and cozy */
.sapMGTLineMode .sapMGTActionsContainer {
	.sapMGTFlexEntry;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	flex-direction: row;

	align-items: center;
	-webkit-box-align: center;

	line-height: 1.375rem;
	width: 4rem;

	&, * {
		pointer-events: auto;
	}

	.sapMGTMoreIcon {
		display: block;
		position: static;
		right: 0px;
		bottom: 0px;
		width: 2rem;
		height: 1.375rem;
	}

	.sapMGTRemoveButton {
		display: block;
		margin: 0px 0.3125rem;
		left: 2rem;
		position: static;
		top: 0px;
		right: 0px;
		z-index: 0; // Remark: If increased, this will break FLP footer visualization.

		&:before {
			content: none;
		}

		.sapMBtnIcon::before {
			width: 1.25rem;
			height: 1.5rem;
			padding: 0.75rem 0.3125rem;
			margin-top: -0.75rem;
			margin-left: -0.3125rem;
			display: inline-block;
		}
	}
}
.sapUiSizeCompact {
	.sapMGTLineMode .sapMGTActionsContainer {
		.sapMGTRemoveButton .sapMBtnIcon::before {
			padding: 0.25rem 0.3125rem;
		}
	}
}

/* Fix for IE not displaying items in line */
html[data-sap-ui-browser*='ie'] .sapMGTLineMode .sapMGTTouchArea {
	margin-bottom: 0px;
	margin-top: 0px;
}
html[data-sap-ui-browser*='ie'] .sapUiSizeCompact .sapMGTLineMode .sapMGTTouchArea {
	margin-top: 2px;
	margin-bottom: 0px;
}

/* IE does not support text-align: start, this is a workaround:*/
html[dir=rtl] .sapMGTLineMode .sapMGTLineModeFailedIcon {
	text-align: right;
}
/* COMPACT */
.sapUiMedia-GenericTileDeviceSet-small {
	&.sapUiSizeCompact, .sapUiSizeCompact {
		.sapMGTLineMode.sapMGT {
			min-height: 1.625rem;
		}
		.sapMGTLineMode .sapMGTTouchArea {
			padding: 0.125rem 0.5rem;
			margin: -0.1875rem 0;
		}
		.sapMGTLineMode .sapMGTLineModeFailedIcon {
			font-size: 1.25rem !important;
		}
	}
}
/************************ LINE MODE FLOATING VIEW *****************/
/* COZY */
.sapUiMedia-GenericTileDeviceSet-large {
	&.sapMGTLineModeContainer, .sapMGTLineModeContainer {
		padding-right: 1.0rem;
		box-sizing: border-box;
		position: relative; /* make the tile's parent <<positioned>>, in order to make JS get the correct offsetParent */
	}

	.sapMGT.sapMGTLineMode {
		user-select: none;
		-webkit-user-select: none;
		-moz-user-select: -moz-none;
		-ms-user-select: none;
		-webkit-text-size-adjust:100%;
	}

	.sapMGT.sapMGTLineMode {
		float: none;
		clear: none;
		margin-bottom: 0px;

		display: inline;
		min-width: 2rem;
		border-radius: 0px;
		box-shadow: none;
		background: none !important;
		border: 1px solid transparent !important;
		position: relative;

		@line-height: 2.75rem;
		@padding-top: 0.125rem;
		@padding-bottom: 0.125rem;
		margin-top: @padding-top + @padding-bottom; /* used as hover-style bar-offset top, does not have an effect for inline elements */
		min-height: @line-height - @padding-top - @padding-bottom; /* used as hover-style bar height */
		line-height: @line-height !important;
		height: @line-height;
		padding: (@line-height / 2) - (@sapMFontMediumSize / 2) 0;
		pointer-events: none;
	}

	.sapMGTLineMode .sapMGTHdrTxt, .sapMGTLineMode .sapMGTSubHdrTxt {
		word-break: normal;
		display: inline;
		white-space: normal;
		position: relative;
		left: 0.5rem;
		top: 1px;
		border-top: 2px solid transparent;
		border-bottom: 2px solid transparent;
		z-index: 2;

		padding-right: 0.5rem;

		&:after {
			content: none;
		}
	}

	.sapMGTLineMode .sapMGTSubHdrTxt {
		margin-right: 0.5rem;

		&:before { //this is needed to enable line-wrapping between header end and subheader beginning
			content: "";
			display: inline-block;
		}
	}

	.sapMGTLineMode .sapMGTLineModeFailedIcon {
		display: inline-block;
		line-height: 1.375rem;
		width: 1.75rem;
		vertical-align: top;
		padding-right: 0px;
		margin-top: 0.6875rem;
		position: relative;
		left: 0.5rem;
		border-right: 0.375rem solid transparent;
		box-sizing: border-box;
		font-size: 1.375rem  !important;
	}
	.sapMGTLineMode .sapMGTHdrTxt {
		border-left: 0.5rem solid transparent;
		margin-left: -0.5rem;
	}

	.sapMGTLineMode .sapMGTHdrTxt:last-of-type {
		padding-right: 0.5rem;
		margin-right: 0.5rem;
	}

	.sapMGTLineMode.sapMGTScopeActions:not(.sapMGTDisabled) {
		.sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
			padding-right: 4.25rem;
		}
	}

	.sapMGTActionsContainer {
		position: absolute;
		right: 0.1875rem; //together with RemoveButton's margin, this fulfills the right-padding of 0.5rem
		bottom: 0px;
		line-height: 1.375rem;
		z-index: 2; // Remark: If increased, this will break FLP footer visualization.
		padding: 0px;
		height: 1.5rem;

		&, * {
			pointer-events: auto;
		}
	}

	.sapMGTStartMarker, .sapMGTEndMarker {
		display: inline-block;
		position: relative;
		top: 0.5rem;
		z-index: 3; // Remark: If increased, this will break FLP footer visualization.
	}

	.sapMGTStyleHelper {
		position: absolute;
		top: 0px;
		width: 100%;
	}

	.sapMGTLineStyleHelper {
		position: absolute;
		pointer-events: auto;

		.sapMGTLineStyleHelperInner {
			.sapMGTOverlayMixin();
		}

		&:not(:last-child) {
			border-bottom: 0.25rem solid transparent;
		}
	}

	.sapMGTLineMode .sapMGTHdrTxt {
		max-height: none !important;
	}
}

/* COMPACT */
.sapUiMedia-GenericTileDeviceSet-large {
	&.sapUiSizeCompact, .sapUiSizeCompact {
		.sapMGT.sapMGTLineMode {
			@line-height: 1.875rem;
			@padding-top: 0.125rem;
			@padding-bottom: 0.125rem;
			margin-top: @padding-top + @padding-bottom; /* used as hover-style bar-offset top, does not have an effect for inline elements */
			min-height: @line-height - @padding-top - @padding-bottom; /* used as hover-style bar height */
			line-height: @line-height !important;
			height: @line-height;
			padding: (@line-height / 2) - (@sapMFontMediumSize / 2) 0;
		}
		.sapMGTLineMode .sapMGTLineModeFailedIcon {
			display: inline-block;
			line-height: 1.375rem;
			width: 1.625rem;
			vertical-align: middle;
			padding-right: 0px;
			margin-top: 0px;
			position: relative;
			left: 0.5rem;
			border-right: 0.375rem solid transparent;
			box-sizing: border-box;
			font-size: 1.25rem  !important;
		}
	}
}

/* Fix for rendering order on tablets in RTL */
html[dir=rtl] .sapMGTLineMode {
	.sapMGTHdrTxt, .sapMGTSubHdrTxt {
		unicode-bidi: -webkit-isolate; /* needs to be prefixed for older webkit browsers */
	}
}

/******************* OVERLAYS AND HELPERS *******************/
.sapMGTOverlay {
	.sapMGTOverlayMixin();
	opacity: 0.8;
}

.sapMGT .sapMGTFocusDiv {
	.sapMGTOverlayMixin(0px, 2);
	border-radius: 0.25rem;
}
.sapMGT.sapMGTBackgroundImage .sapMGTFocusDiv {
	.sapMGTOverlayMixin(1px, 2);
}

.sapMGTLineMode .sapMGTFocusDiv {
	top: 1px;
	right: 1px;
	left: 1px;
	bottom: 1px;
	border-radius: 0.25rem;
}

.sapMGenericTileFtrFld {
	left: 0.4375rem;
	right: 0.4375rem;
	bottom: 0.75rem;
	position: absolute;
}

.sapMGenericTileFtrFldTxt {
	font-weight: normal;
	display:table-cell;
	padding-left: 0.5rem;
	vertical-align: bottom;
	width: 100%;
}

html[dir=rtl] .sapMGenericTileFtrFldTxt {
	padding-right:0.5rem;
}

.sapMGenericTileFtrFldIcn {
	margin-right: 0.5rem;
	display: table-cell;
	vertical-align: bottom;
}

.sapMGenericTileFtrFldIcn>.sapMGTFtrFldIcnMrk {
	vertical-align: bottom;
}

.sapMST .sapMGT.sapMGTBackgroundImage {
    border: none;
}

/* the following is needed for non-webkit browsers that don't support line-clamping */

/* some places should be left for subheader when the subheader exists*/
.sapMGT.sapMGTHeaderMode .sapMGTHdrTxt:nth-last-of-type(2) {
	max-height: 5.48rem;
}

.sapMGT:not(.sapMGTHeaderMode) .sapMGTHdrTxt:nth-last-of-type(2){
	max-height: 2.74rem;
}

/* the max-height is calculated the same as webkit-line-clamping and supported to work when
the screen size changes between small and large (e.g. mobile devices auto rotation) without rerendering*/
html[data-sap-ui-browser*='ie'], html[data-sap-ui-browser*='ed'], html[data-sap-ui-browser*='ff'] {
	.sapMGT.sapMGTHeaderMode .sapMGTHdrContent .sapMTextMaxLine {
		max-height: 6.85rem !important;
	}
}

.sapMTileSmallPhone {
	.sapMGTHdrTxt .sapMText {
		line-height: 1.1875rem;
	}

	&.sapMGT:not(.sapMGTLineMode) .sapMGTSubHdrTxt > .sapMText {
		line-height: 1.1875rem;
	}
	&.sapMGT:not(.sapMGTLineMode) .sapMGTSubHdrTxt {
		line-height: 1.1875rem;
	}

	&.sapMGT.sapMGTHeaderMode .sapMGTHdrTxt:nth-last-of-type(2) {
		max-height: 4.72rem;
	}

	&.sapMGT:not(.sapMGTHeaderMode) .sapMGTHdrTxt:nth-last-of-type(2) {
		max-height: 2.36rem;
	}

	html[data-sap-ui-browser*='ie'], html[data-sap-ui-browser*='ed'], html[data-sap-ui-browser*='ff'] {
		&.sapMGT.sapMGTHeaderMode > .sapMGTHdrContent .sapMTextMaxLine {
			max-height: 5.9rem !important;
		}
	}

	html[data-sap-ui-browser*='ie'], html[data-sap-ui-browser*='ed'], html[data-sap-ui-browser*='ff'] {
		&.sapMGT:not(.sapMGTHeaderMode) > .sapMGTHdrContent .sapMTextMaxLine {
			max-height: 3.54rem !important;
		}
	}

	&.sapMGT.OneByOne {
		width: 9.25rem;
		height: 9.25rem;
	}
	&.sapMGT.TwoByOne {
		width: 19rem;
		height: 9.25rem;
	}

	.sapMGTContent {
		height: 5.5rem;
	}

	.sapMGTHdrContent {
		height: 3.25rem;
		margin: 0.5rem 0.5rem 0 0.5rem;
	}

	.sapMGTSubHdrTxt {
		margin-top: 0;
	}

	.sapMGT.sapMGTScopeActions {
		.sapMGTMoreIcon {
			right: 0.5rem;
			bottom: 0.313rem;
		}
	}

	.sapMGTHdrTxt > .sapMText {
		font-size: @sapMFontHeader6Size;
	}
	.sapMGTSubHdrTxt,
	.sapMGTSubHdrTxt > .sapMText {
		font-size: @sapMFontSmallSize;
	}
}


.sapTilePaddingTest .sapMTileCntContent {
	margin-top: 0.3125rem;
	margin-bottom: 0.3125rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

.sapTilePaddingTest .sapMGTHdrContent {
	margin-top: 0.6875rem;
	margin-left: 1rem;
	margin-right: 1rem;
}

.sapTilePaddingTest .sapMTileCntFtrTxt {
	margin-left: 1rem;
	margin-right: 1rem;
	bottom: 1.0625rem;
}


/* END "GenericTile.less" */

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

.sapMGHLI .sapMLIBSelectM,
.sapMGHLI .sapMLIBSelectS,
.sapMGHLI .sapMLIBSelectD,
.sapMGHLI .sapMListTblSelCol {
	display: none;
}

.sapMGHLI .sapMLIBUnread,
.sapMGHLI .sapMListTblUnreadCol {
	display: none;
}

.sapMGHLIUpperCase {
	text-transform: uppercase;
}

.sapMGHLI > .sapMLIBContent,
.sapMGHLICell > .sapMLIBContent {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.sapMGHLITitle,
.sapMGHLICounter {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sapMGHLICounter {
	padding-left: 0.25rem;
	webkit-box-flex: 0;
	flex: none;
}

.sapMGHLI {
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

.sapMListUl .sapMLIB.sapMGHLI {
	height: 2rem;
	line-height: 2rem;
	font-size: @sapMFontHeader6Size;
	font-weight: @sapUiFontHeaderWeight;
	color: @sapUiListTableGroupHeaderTextColor;
	background: @sapUiListGroupHeaderBackground;
	border-bottom: @sapUiElementBorderWidth solid @sapUiListTableGroupHeaderBorderColor;
}

.sapMListUl > .sapMLIB.sapMGHLI {
	background: @sapUiListGroupHeaderBackground;
	height: @sapUiElementLineHeight;
	line-height: 2rem;
	padding-top: 1rem;
}

.sapMGHLI.sapMLIBActive.sapMLIB,
.sapMGHLI.sapMLIBActive.sapMLIB > td {
	color: @sapUiListActiveTextColor;
	background: @sapUiListActiveBackground;
}

.sapMGHLICell {
	padding: 0 1rem;
}

/* group headers should have background color grey so that they are distinguishable from ListItems */
.sapMListTbl .sapMGHLI.sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):not(:hover),
.sapMListTbl .sapMGHLI.sapMLIB.sapMLIBTypeInactive {
	background: @sapUiListTableGroupHeaderBackground;
}
/* END "GroupHeaderListItem.less" */

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

.sapMHdrCntr {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.sapMHdrCntr.Horizontal {
	max-width: 100%;
}

.sapMHdrCntr.Vertical {
	max-height: 100%;
}

/* initial condition for hide and display arrow button container*/
.sapMHdrCntrBtnCntr {
	display: none;
}

.sapMHdrCntrBtnCntr.Horizontal {
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 2.5rem;
	&.sapMHdrCntrLeft {
		left: 0.25rem;
	}
	&.sapMHdrCntrRight {
		right: 0.25rem;
	}
}

.sapUiSizeCompact .sapMHdrCntrBtnCntr.Horizontal {
	&.sapMHdrCntrLeft {
		left: 0rem;
	}
	&.sapMHdrCntrRight {
		right: 0rem;
	}
}

html.sap-phone .sapMHdrCntrBtnCntr.Horizontal,
html.sap-tablet:not(.sap-desktop) .sapMHdrCntrBtnCntr.Horizontal {
	width: 1.5rem;
	&.sapMHdrCntrLeft {
		left: 0rem;
	}
	&.sapMHdrCntrRight {
		right: 0rem;
	}
}

.sapMHdrCntrBtnCntr.Vertical {
	position: absolute;
	left: 0px;
	right: 0px;
	height: 2.5rem;
	&.sapMHdrCntrLeft {
		top: 0.25rem;
	}
	&.sapMHdrCntrRight {
		bottom: 0.25rem;
	}
}

html.sap-phone .sapMHdrCntrBtnCntr.Vertical,
html.sap-tablet:not(.sap-desktop) .sapMHdrCntrBtnCntr.Vertical {
	height: 1.5rem;
	&.sapMHdrCntrLeft {
		top: 0rem;
	}
	&.sapMHdrCntrRight {
		bottom: 0rem;
	}
}

.sapMHdrCntrBtnCntr.Horizontal > .sapMHdrCntrBtn {
	position: absolute;
	top: 50%;
	margin-top: -1.5rem;
	min-width: 1.375rem;
}

.sapUiSizeCompact .sapMHdrCntrBtnCntr.Horizontal > .sapMHdrCntrBtn {
	right: 0.25rem;
	margin-top: -1rem;
}

html.sap-phone .sapMHdrCntrBtnCntr.Horizontal > .sapMHdrCntrBtn,
html.sap-tablet:not(.sap-desktop) .sapMHdrCntrBtnCntr.Horizontal > .sapMHdrCntrBtn {
	margin-top: -0.6rem;
	font-size: 1rem;
}

.sapMHdrCntrBtnCntr.Vertical > .sapMHdrCntrBtn {
	position: absolute;
	height: 2.5rem;
	left: 50%;
	margin-left: -1.5rem;
	padding: 0px;
}

html.sap-phone .sapMHdrCntrBtnCntr.Vertical > .sapMHdrCntrBtn,
html.sap-tablet:not(.sap-desktop) .sapMHdrCntrBtnCntr.Vertical > .sapMHdrCntrBtn {
	margin-left: -0.375rem;
	font-size: 1rem;
	height: 1.375rem;
}

.sapMHdrCntrBtnCntr.Vertical > .sapMHdrCntrBtn.sapMHdrCntrRight {
	bottom: 0px;
}

.sapMHdrCntrCntr.Horizontal {
	white-space: nowrap;
}

.sapUiSizeCompact .sapMHrdrLeftPadding .sapMHdrCntrCntr.Horizontal {
	padding-left: 2.5rem;
}

.sapMHrdrLeftPadding .sapMHdrCntrCntr.Horizontal {
	padding-left: 3rem;
}

.sapUiSizeCompact .sapMHrdrRightPadding .sapMHdrCntrCntr.Horizontal {
	padding-right: 2.5rem;
}

.sapMHrdrRightPadding .sapMHdrCntrCntr.Horizontal {
	padding-right: 3rem;
}

html.sap-phone .sapMHrdrLeftPadding .sapMHdrCntrCntr.Horizontal,
html.sap-tablet:not(.sap-desktop) .sapMHrdrLeftPadding .sapMHdrCntrCntr.Horizontal {
	padding-left: 1.5rem;
}

html.sap-phone .sapMHrdrRightPadding .sapMHdrCntrCntr.Horizontal,
html.sap-tablet:not(.sap-desktop) .sapMHrdrRightPadding .sapMHdrCntrCntr.Horizontal {
	padding-right: 1.5rem;
}

.sapMHdrCntrCntr.Vertical {
	height: 100%;
	box-sizing: border-box;
}

.sapMHrdrTopPadding .sapMHdrCntrCntr.Vertical {
	padding-top: 3rem;
}

.sapUiSizeCompact .sapMHrdrTopPadding .sapMHdrCntrCntr.Vertical {
	padding-top: 2.5rem;
}

.sapMHrdrBottomPadding .sapMHdrCntrCntr.Vertical {
	padding-bottom: 3rem;
}

.sapUiSizeCompact .sapMHrdrBottomPadding .sapMHdrCntrCntr.Vertical {
	padding-bottom: 2.5rem;
}

html.sap-phone .sapMHrdrTopPadding .sapMHdrCntrCntr.Vertical,
html.sap-tablet:not(.sap-desktop) .sapMHrdrTopPadding .sapMHdrCntrCntr.Vertical {
	padding-top: 1.5rem;
}

html.sap-phone .sapMHrdrBottomPadding .sapMHdrCntrCntr.Vertical,
html.sap-tablet:not(.sap-desktop) .sapMHrdrBottomPadding .sapMHdrCntrCntr.Vertical {
	padding-bottom: 1.5rem;
}

.sapMHdrCntr .sapMScrollContScroll:focus {
	outline: none;
}

.sapMHrdrCntrInner {
	border: 1px solid transparent;
	position: relative;
	vertical-align: top;
	margin: 0.0625rem;
	padding: 0rem 0.375rem 0rem 0.375rem;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	overflow: visible;
}

.sapMHdrCntrCntr.Vertical .sapMHrdrCntrInner {
	float: left;
	clear: left;
}

.sapMHdrCntrCntr.Horizontal .sapMHrdrCntrInner:not(:first-child) {
	margin-left: 1rem;
}

.sapMHdrCntrCntr.Vertical .sapMHrdrCntrInner:not(:first-child) {
	margin-top: 1rem;
}

.sapMHrdrCntrDvdrs .sapMHrdrCntrInner:not(:first-child)::after {
	content: "";
	position: absolute;
	box-sizing: border-box;
	display: inline-block;
}

.sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
	top: 0.375rem;
	bottom: 0.375rem;
	left: -0.6rem;
	border-left: 1px solid @sapUiListBorderColor;
}

.sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
	left: 0.5rem;
	right: 0.5rem;
	top: -0.6rem;
	border-top: 1px solid @sapUiListBorderColor;
}

.sapMKTileBorder {
	display: none;
}

.sapMHdrPddngRight2 {
	padding-right: 2rem;
}

.sapMHdrPddngRight0 {
	padding-right: 0rem;
}

.sapMHdrPddngLeft2 {
	padding-left: 2rem;
}

.sapMHdrPddngleft0 {
	padding-left: 0rem;
}
.sapMHdrCntrItemCntr {
	display: inline-block;
}

.sapMHdrCntrBGTransparent {
	background-color: @sapUiObjectHeaderBackground;
}

.sapMHdrCntrBGSolid {
	background-color: @sapUiObjectHeaderBackground;
}

.sapMHdrCntrBGTranslucent {
	background-color: @sapUiObjectHeaderBackground;
}

html.sap-desktop .sapMHrdrCntrInner:focus {
	outline: none;
	border: 1px dotted @sapUiContentFocusColor;
}
/* END "HeaderContainer.less" */

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

// ==========================================================================
// Variables
// ==========================================================================

@_sap_m_IconTabBar_TextColor: @sapUiGroupTitleTextColor;
@_sap_m_IconTabBar_HeaderShadow: @sapUiShadowHeader;
@_sap_m_IconTabBar_TextShadow: @sapUiShadowText;

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

// Content arrow
@_sap_m_IconTabBar_ContentArrowBorderWidth: 0.125rem;
@_sap_m_IconTabBar_ContentArrowHeight: 0.625rem;

// Inline mode
@_sap_m_IconTabBar_InLineFilterMargin: 1rem 0 0.1875rem 0;
@_sap_m_IconTabBar_InLineTextOnlyVerticalHeight: 3rem;
@_sap_m_IconTabBar_InLineTextOnlyContentArrowHeight: 0.8125rem;

// TextOnly mode
@_sap_m_IconTabBar_TextOnlyTabPadding: 0.5625rem 0 0.3125rem 0;
@_sap_m_IconTabBar_TextOnlyVerticalHeight: 3.5rem;

// NoText mode
@_sap_m_IconTabBar_NoTextFilterWidth: 3rem;
@_sap_m_IconTabBar_NoTextVerticalHeight: 4rem;

// All tabs
@_sap_m_IconTabBar_AllTabHeight: 3rem;
@_sap_m_IconTabBar_AllTabLineHeight: 3rem;
@_sap_m_IconTabBar_AllTabMarginBottom: 1rem;

// Horizontal tabs
@_sap_m_IconTabBar_HorizontalFilterHeight: 4rem;
@_sap_m_IconTabBar_HorizontalTabHeight: 3rem;
@_sap_m_IconTabBar_HorizontalWrapperHeight: 3rem;
@_sap_m_IconTabBar_HorizontalTabWidth: 3rem;
@_sap_m_IconTabBar_HorizontalCountTop: 0.4375rem;
@_sap_m_IconTabBar_HorizontalTextPaddingTop: 0.625rem;
@_sap_m_IconTabBar_HorizontalTextPaddingLeft: 0.25rem;

// Vertical tabs
@_sap_m_IconTabBar_VerticalHeight: 5rem;
@_sap_m_IconTabBar_VerticalContentArrowHeight: 0.6875rem;

// Filter icon
@_sap_m_IconTabBar_FilterIconHeight: 3rem;
@_sap_m_IconTabBar_FilterIconLineHeight: 2.75rem;
@_sap_m_IconTabBar_FilterIconWidth: 3rem;

// Filter text
@_sap_m_IconTabBar_FilterTextLineHeight: 0.9375rem;

// Separator
@_sap_m_IconTabBar_SeparatorHeight: 3rem;
@_sap_m_IconTabBar_SeparatorMargin: 0 0.25rem;
@_sap_m_IconTabBar_SeparatorIconHeight: 3rem;
@__sap_m_IconTabBar_SeparatorIconLineHeight: 3rem;

// Left and Right arrows
@_sap_m_IconTabBar_ArrowScrollPadding: 1.0625rem 0rem;
@_sap_m_IconTabBar_SplitContainerArrowScrollPadding: 1.0625rem 0.4rem;

// Content
@_sap_m_IconTabBar_ContentBackground: @sapUiGroupContentBackground;

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

// Content arrow
@_sap_m_IconTabBar_Compact_NoTextContentArrowHeight: 0.625rem;
@_sap_m_IconTabBar_Compact_ContentArrowHeight: 0.75rem;

// Inline mode
@_sap_m_IconTabBar_Compact_InLineVerticalTabHeight: 2rem;
@_sap_m_IconTabBar_Compact_InLineFilterTextMargin: 0rem 0 0.25rem 0;
@_sap_m_IconTabBar_Compact_TextOnlyContentArrowHeight: 0.5rem;

// TextOnly
@_sap_m_IconTabBar_Compact_TextOnlyVerticalHeight: 2.75rem;
@_sap_m_IconTabBar_Compact_TextOnlyTabPadding: 0;
@_sap_m_IconTabBar_Compact_TextOnlyHeadMargin: 0.25rem 0.75rem 0 0.25rem;
@_sap_m_IconTabBar_Compact_TextOnlyTextLineHeight: 0.875rem;
@_sap_m_IconTabBar_Compact_TextOnlyTextPadding: 0.375rem 0 0;

// NoText
@_sap_m_IconTabBar_Compact_NoTextTabWidth: 2rem;
@_sap_m_IconTabBar_Compact_NoTextVerticalHeight: 2.625rem;

// Horizontal
@_sap_m_IconTabBar_Compact_HorizontalHeight: 2.75rem;
@_sap_m_IconTabBar_Compact_HorizontalContentArrowHeight: 0.75rem;

// Vertical tabs
@_sap_m_IconTabBar_Compact_VerticalHeight: 3.625rem;

// Filter text
@_sap_m_IconTabBar_Compact_FilterTextPadding: 0.25rem 0 0;

// Focus border
@_sap_m_IconTabBar_Compact_HorizontalFocusBottom: 0;


// =========== Phone ===========

@_sap_m_IconTabBar_Phone_HeadMargin: 1rem 0 0;

// Content arrow
@_sap_m_IconTabBar_Phone_ContentArrowHeight: 0.45rem;

// Left and right arrows
@_sap_m_IconTabBar_Phone_InLineArrowScrollPadding: 0.9375rem 0;


/* ------------------------------------------------ */
/* IconTabBar main class                            */
/* ------------------------------------------------ */

.sapMITB {
	display: block;
	position: relative;
	width: 100%;

	.sapMITBItemNoCount.sapMITBFilter:last-child {
		padding-right: 0.8rem;
	}

	&.sapMITBNoContentPadding > .sapMITBContainerContent > .sapMITBContent {
		padding: 0;
	}

	.sapMITBArrowScrollLeft {
		left: 0.25rem;
		padding: 1rem 0.4rem;
	}

	.sapMITBArrowScrollRight {
		padding: 1rem 0.4rem;
		right: 0.25rem;
	}

	.sapMITH .sapMBtn {
		padding-right: 0.25rem;
	}

	.sapMITBScrollContainer {
		margin: 0 1.75rem;
	}

	.sapMITHOverflowList .sapMITBScrollContainer {
		margin: 0 4.25rem 0 1.75rem;
	}

	.sapMITHOverflowList .sapMITBArrowScrollRight {
		right: 2.75rem;
	}

	.sapMITBArrowScrollLeftTextOnly {
		left: 0.25rem;
		padding: 1.0625rem 0.4rem;
	}

	.sapMITBArrowScrollRightTextOnly {
		padding: 1.0625rem 0.4rem;
		right: 0.25rem;
	}

	.sapMITHOverflowList .sapMITBArrowScrollRightTextOnly {
		right: 2.75rem;
	}

	.sapMITH .sapMBtn.sapMBtnTextOnly {
		top: 1.25rem;
	}
}

/* Dragged Filter Item */

.sapMITBItem.sapUiDnDDragging {
	background: @sapUiObjectHeaderBackground;
}

/* ------------------------------------------------ */
/* IconTabBar tab class                             */
/* ------------------------------------------------ */

.sapMITBTab {
	width: 5rem;
	display: block;
}

/* ------------------------------------------------ */
/* IconTabBar content container                     */
/* ------------------------------------------------ */

.sapMITBContent {
	padding: 1rem;
	position: relative;
	background-color: @_sap_m_IconTabBar_ContentBackground;
}

.sapMITBContentClosed {
	background-color: transparent;
	border-bottom: none;
	margin-top: 0.750rem;
	padding: 0.125rem 0 0 0;
	position: relative;
}

.sapMITBContainerContent {
	margin-top: 0;
	padding: 0;
	position: relative;

	&.sapMITBContentClosed {
		background-color: transparent;
		border-bottom: none;
	}
}

/* ------------------------------------------------ */
/* IconTabBar filter class                          */
/* ------------------------------------------------ */

.sapMITBFilter {
	padding: 0 0.25rem;

	&:not(.sapMITBDisabled),
	&:not(.sapMITBDisabled) .sapMITBFilterIcon {
		cursor: pointer;
	}

	&.sapMITBFilterHidden {
		visibility: hidden;
	}

	&:first-child {
		padding-left: 0;
	}

	&:last-child {
		padding-right: 1rem;
	}

	.sapMITBText {
		line-height: @_sap_m_IconTabBar_FilterTextLineHeight;
		overflow: hidden;
		padding: 0.375rem 0 0;
		position: relative;
		text-overflow: ellipsis;
		width: 5rem;
		color: @_sap_m_IconTabBar_TextColor;
		text-shadow: @_sap_m_IconTabBar_TextShadow;
	}

	.sapMITBCount {
		color: @_sap_m_IconTabBar_TextColor;
		text-shadow: @_sap_m_IconTabBar_TextShadow;
		max-width: 2rem;
		overflow: hidden;
		position: absolute;
		text-overflow: ellipsis;
	}

}

/* ------------------------------------------------ */
/* IconTabBar Tab Filter Show All Item class        */
/* ------------------------------------------------ */

.sapMITBAll {
	margin-right: 1.25rem;

	&:not(.sapMITBDisabled) {
		cursor: pointer;
	}

	&:first-Child > .sapMITBTab > .sapMITBCount {
		padding-left: 0;
	}
	> .sapMITBTab {
		height: 3rem;
		margin-bottom: @_sap_m_IconTabBar_AllTabMarginBottom;
	}

	.sapMITBTab {
		display: inline-block;
		height: @_sap_m_IconTabBar_AllTabHeight;
		line-height: @_sap_m_IconTabBar_AllTabLineHeight;
		width: auto;
	}

	.sapMITBCount {
		display: inline-block;
		font-size: 1.5rem;
		padding: 0 0.5rem;
		vertical-align: middle;
		width: auto;
		color: @_sap_m_IconTabBar_TextColor;
		text-shadow: @_sap_m_IconTabBar_TextShadow;
	}

	.sapMITBText {
		display: inline-block;
		max-height: 3rem;
		max-width: 4rem;
		overflow: hidden;
		text-align: left;
		text-overflow: ellipsis;
		vertical-align: middle;
		white-space: normal;
		width: auto;
		color: @_sap_m_IconTabBar_TextColor;
		text-shadow: @_sap_m_IconTabBar_TextShadow;
	}

}

/* ------------------------------------------------ */
/* IconTabBar Tab Text Only class                   */
/* ------------------------------------------------ */

.sapMITBTextOnly {

	.sapMITBFilter {

		padding: 0 1rem;

		&:first-child {
			padding-left: 0;
		}

		&:not(.sapMITBDisabled) .sapMITBText {
			cursor: pointer;
		}

		.sapMITBText {
			line-height: 1rem;
			margin: 0;
			padding: 0;
			text-align: left;
			width: auto;
			overflow: visible;
		}

		.sapMITBCount {
			font-size: @sapMFontMediumSize;
			max-width: none;
			position: relative;
		}
	}

	.sapMITBTab {
		height: 1rem;
		padding: @_sap_m_IconTabBar_TextOnlyTabPadding;
		text-align: left;
		width: auto;
	}

	> .sapMITBVertical {
		height: @_sap_m_IconTabBar_TextOnlyVerticalHeight;
		//Arrow
		&.sapMITBFilter > .sapMITBText + .sapMITBContentArrow {
			height: @_sap_m_IconTabBar_ContentArrowHeight;
		}
	}

	.sapMITBText {
		font-size: @sapMFontMediumSize;
	}

	.sapMITBFilterDefault > .sapMITBText {
		color: @_sap_m_IconTabBar_TextColor;
		text-shadow: @_sap_m_IconTabBar_TextShadow;
	}
}

/* ------------------------------------------------ */
/* IconTabBar Tab With No Text class                */
/* ------------------------------------------------ */

.sapMITBNoText {

	> .sapMITBFilter > .sapMITBContentArrow {
		margin: 0 auto;
		width: 3rem;
	}

	> .sapMITBFilter:first-child > .sapMITBContentArrow {
		margin: 0 auto 0 0;
	}

	> .sapMITBVertical {
		height: @_sap_m_IconTabBar_NoTextVerticalHeight;
	}

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

	.sapMITBFilter > .sapMITBTab {
		margin: 0 0.75rem;
		width: @_sap_m_IconTabBar_NoTextFilterWidth;
	}

	.sapMITBFilter:first-child > .sapMITBTab {
		margin-left: 0;
	}

	.sapMITBItemNoCount.sapMITBFilter:last-child {
		padding-right: 0;
		margin-right: 0;

		> .sapMITBTab {
			margin-right: 0;
		}
	}

	.sapMITBItemNoCount.sapMITBFilter:last-child .sapMITBContentArrow {
		margin-right: 0;
	}

}

/* ------------------------------------------------ */
/* IconTabBar Stretch content height class          */
/* ------------------------------------------------ */

.sapMITBStretch {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	> .sapMITBContainerContent {
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}

	> .sapMITBContainerContent > .sapMITBContent {
		bottom: 0;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}
}

/* ------------------------------------------------ */
/* IconTabBar Head container class                  */
/* ------------------------------------------------ */

.sapMITBHead {
	position: relative;
	white-space: nowrap;
	display: inline-block;
	margin: 1rem 0.75rem 0 0.25rem;
	padding: 0 1px;
	vertical-align: top;
	font-size: @sapMFontSmallSize;
}

/* ------------------------------------------------ */
/* IconTabBar Content arrow class                   */
/* ------------------------------------------------ */

.sapMITBContentArrow {
	border-bottom: @_sap_m_IconTabBar_ContentArrowBorderWidth solid transparent;
	box-sizing: border-box;
	height: 1rem;
}

/* ------------------------------------------------ */
/* IconTabBar Tab item  class                       */
/* ------------------------------------------------ */

.sapMITBItem {
	display: inline-block;
	position: relative;
	text-align: center;
	vertical-align: top;
	color: @sapUiGroupTitleTextColor;
}

.sapMITBDisabled {
	opacity: 0.5;
}

/* ------------------------------------------------ */
/* Vertical Tab Filter Item                         */
/* ------------------------------------------------ */

.sapMITBVertical {
	height: @_sap_m_IconTabBar_VerticalHeight;

	&.sapMITBFilter > .sapMITBText + .sapMITBContentArrow {
		height: @_sap_m_IconTabBar_VerticalContentArrowHeight;
	}
}

/* ------------------------------------------------ */
/* Horizontal Tab Filter Item                       */
/* ------------------------------------------------ */

.sapMITBHorizontalWrapper {
	display: inline-block;
	height: @_sap_m_IconTabBar_HorizontalWrapperHeight;
	left: -1rem;
	max-width: 7.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top;
	width: auto;
}

.sapMITBHorizontal {

	&.sapMITBFilter > .sapMITBContentArrow {
		width: 3rem;
	}

	&.sapMITBAll > .sapMITBTab {
		margin-bottom: 0;
	}

	&.sapMITBFilter:first-child > .sapMITBTab {
		padding-left: 0;
	}

	&.sapMITBFilter:first-child > .sapMITBText {
		padding-left: 3.25rem;
	}

	&.sapMITBFilter .sapMITBText {
		padding: @_sap_m_IconTabBar_HorizontalTextPaddingTop 0 0;
	}

	&.sapMITBFilter > .sapMITBHorizontalWrapper > .sapMITBText {
		display: block;
		max-width: 7.5rem;
		padding-left: @_sap_m_IconTabBar_HorizontalTextPaddingLeft;
		text-align: left;
		top: 0.3125rem;
		width: auto;
	}

	&.sapMITBFilter {
		height: @_sap_m_IconTabBar_HorizontalFilterHeight;
	}

	&.sapMITBFilter > .sapMITBHorizontalWrapper > .sapMITBCount {
		display: block;
		max-width: 7.5rem;
		padding-left: @_sap_m_IconTabBar_HorizontalTextPaddingLeft;
		position: relative;
		text-align: left;
		top: @_sap_m_IconTabBar_HorizontalCountTop;
	}

	&.sapMITBFilter > .sapMITBTab {
		display: inline-block;
		height: @_sap_m_IconTabBar_HorizontalTabHeight;
		padding: 0;
		vertical-align: top;
		width: @_sap_m_IconTabBar_HorizontalTabWidth;
	}

	+ .sapMITBSep {
		width: auto;
		> .sapMITBSepIcon {
			padding: 0 0.5rem;
		}
	}
}

/* ------------------------------------------------ */
/* Tab Filter In Line                               */
/* ------------------------------------------------ */

.sapMITBInLine {

	.sapMITBFilter > .sapMITBText {
		margin: @_sap_m_IconTabBar_InLineFilterMargin;
	}

	&.sapMITBTextOnly > .sapMITBVertical {
		height: @_sap_m_IconTabBar_InLineTextOnlyVerticalHeight;
	}
	//Arrow
	&.sapMITBTextOnly > .sapMITBVertical.sapMITBFilter > .sapMITBText + .sapMITBContentArrow {
		height: @_sap_m_IconTabBar_InLineTextOnlyContentArrowHeight;
	}

}

/* ------------------------------------------------ */
/* Tab Filter Icon                                  */
/* ------------------------------------------------ */

.sapMITBFilterIcon {
	border-bottom-left-radius: 3rem;
	border-bottom-right-radius: 3rem;
	-moz-border-radius: 3rem;
	border-top-left-radius: 3rem;
	/* some native browsers like Samsung Galaxy S4 with Android 4.2 does not support the "border-
	radius" shorthand property but does support the long-hand properties for each corner like
	"border-top-left-radius" */
	border-top-right-radius: 3rem;
	box-sizing: border-box;
	display: inline-block;
	font-size: 1.5rem;
	height: @_sap_m_IconTabBar_FilterIconHeight;
	line-height: @_sap_m_IconTabBar_FilterIconLineHeight;
	overflow: hidden;
	width: @_sap_m_IconTabBar_FilterIconWidth;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
}

.sapMITBFilterNoIcon {
	display: inline-block;
	height: 3rem;
	vertical-align: middle;
	width: 3rem;
}

.sapMITBCount {
	color: @sapUiGroupTitleTextColor;
}

/* ------------------------------------------------ */
/* IconTabBar Tab Separator Item                    */
/* ------------------------------------------------ */

.sapMITBSep {
	width: 1.5rem;
	pointer-events: none;
}

.sapMITBSepLine {
	height: @_sap_m_IconTabBar_SeparatorHeight;
	margin: @_sap_m_IconTabBar_SeparatorMargin;
	width: 0;
	border: 1px solid @sapUiListBorderColor;
}

.sapMITBSepIcon {
	font-size: 1rem;
	height: @_sap_m_IconTabBar_SeparatorIconHeight;
	line-height: @__sap_m_IconTabBar_SeparatorIconLineHeight;
	padding: 0 0.25rem;
	color: @sapUiContentNonInteractiveIconColor;
}

.sapMITBSepIcon::before {
	text-shadow: @_sap_m_IconTabBar_TextShadow;
}

.sapMITBTextUpperCase .sapMITBText {
	text-transform: uppercase;
}

.sapMITBBackgroundDesignTransparent > .sapMITBContainerContent > .sapMITBContent {
	background-color: transparent;
}

/* fix rendering issue in BlackBerry - CSN: 0120061532 0001463943 2014 */
.sap-bb .sapMITBContainerContent {
	overflow: hidden;
}

/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiContainerContentPadding(~".sapMITB", ~"> .sapMITBContainerContent > .sapMITBContent");

.sapMITBArrowScroll {
	cursor: pointer;
	font-size: 1rem;
	position: absolute;
	top: 1rem;
	color: @sapUiContentIconColor;
}

.sapMITBNotScrollable > .sapMITBArrowScroll {
	visibility: hidden;
}

.sapMITBScrollable.sapMITBNoScrollBack > .sapMITBArrowScrollLeft,
.sapMITBScrollable.sapMITBNoScrollBack > .sapMITBArrowScrollLeftTextOnly,
.sapMITBScrollable.sapMITBNoScrollForward > .sapMITBArrowScrollRight,
.sapMITBScrollable.sapMITBNoScrollForward > .sapMITBArrowScrollRightTextOnly {
	visibility: hidden;
}

.sapMITBArrowScroll:focus,
.sapMITBHead:focus,
.sapMITBFilterIcon:focus,
.sapMITBItem:focus {
	outline: none;
}

.sapMITBItem .sapMITBFilterIcon {
	overflow: visible;
}

.sapMITH {
	box-shadow: @_sap_m_IconTabBar_HeaderShadow;

	position: relative;

	.sapMBtn.sapMBtnNoText {
		top: 1rem;
	}

	.sapMBtn {
		position: absolute;
		top: 1rem;
		right: 0;
		visibility: hidden;
		padding-right: 0.25rem;
		outline: none;
	}

	.sapMBtn.sapMBtnDragOver .sapMBtnInner {
		background: @sapUiDragAndDropActiveBackground;
		border: 0.125rem solid @sapUiDragAndDropActiveBorderColor;
	}

	.sapMITBArrowScrollLeft {
		left: 0.25rem;
		padding: 1rem 0.4rem;
	}

	.sapMITBArrowScrollRight {
		padding: 1rem 0.4rem;
		right: 0.25rem;
	}

	.sapMITBScrollContainer {
		margin: 0 1.75rem;
	}

	.sapMITHOverflowList .sapMITBScrollContainer {
		margin: 0 4.25rem 0 1.75rem;
	}

	.sapMITHOverflowList .sapMITBArrowScrollRight {
		right: 2.75rem;
	}

	.sapMITBArrowScrollLeftTextOnly {
		left: 0.25rem;
		padding: 1.0625rem 0.4rem;
	}

	.sapMITBArrowScrollRightTextOnly {
		padding: 1.0625rem 0.4rem;
		right: 0.25rem;
	}

	.sapMITHOverflowList .sapMITBArrowScrollRightTextOnly {
		right: 2.75rem;
	}

}

.sapMITBScrollable.sapMITH .sapMBtn {
	visibility: visible;
}

/* ------------------------------------------------ */
/* IconTabBar Scroll Container                      */
/* ------------------------------------------------ */

.sapMITBScrollContainer {
	display: block;
	margin: 0 1.75rem;
	/* the same padding as on the sapMITBHead is needed
	to correct the scrolling calculations*/
	padding: 0 1px;

	&::-webkit-scrollbar {
		display: none;
	}

	/* scrollbar from iscroll should not be visible */
	> div:nth-child(2) {
		visibility: hidden;
	}
}

.sapMITHOverflowList {

	.sapMITBScrollContainer {
		margin: 0 4.25rem 0 1.75rem;
	}

	.sapMITBArrowScrollRight {
		right: 2.75rem;
	}

	.sapMITBArrowScrollRightTextOnly {
		right: 2.75rem;
	}
}

.sapMITBArrowScrollLeftTextOnly {
	left: 0.25rem;
	padding: 1.0625rem 0.4rem;
}

.sapMITBArrowScrollRightTextOnly {
	padding: 1.0625rem 0.4rem;
	right: 0.25rem;
}

/* ------------------------------------------------ */
/* Phone device                                     */
/* ------------------------------------------------ */
html.sap-phone  {
	:not(.sapMITBInLine).sapMITBTextOnly {

		.sapMITBTab {
			padding: 0.25rem 0 0.25rem 0;
		}

		.sapMITBFilter {
			margin: 0 0.5rem;
		}

		> .sapMITBVertical {
			height: 3rem;

			&.sapMITBFilter > .sapMITBText + .sapMITBContentArrow {
				height: 0.5rem;
			}
		}
	}

	.sapMITBTextOnly {

		.sapMITBFilter {
			margin: 0 0.5rem;
		}
	}

	.sapMITBFilter {
		padding: 0 0.25rem;
	}

	/* ------------------------------------------------ */
	//This is visual bug on ios devices in safari browser
	&.sap-ios .sapMITH.sapUiSizeCompact .sapMITBVertical.sapMITBFilter > .sapMITBText + .sapMITBContentArrow {
		height: @_sap_m_IconTabBar_Phone_ContentArrowHeight;
	}
	/* ------------------------------------------------ */

	/* ------------------------------------------------ */
	.sapMITH.sapUiSizeCompact {
		//This solves an issue when we are in compact mode on real device
		//We remove the bottom padding and leave only top
		:not(.sapMITBInLine).sapMITBTextOnly {
			.sapMITBTab {
				padding:0.25rem 0 0 0;
			}
		}

		.sapMITBTextOnly > .sapMITBVertical.sapMITBFilter {
			padding: 0;
		}
	}
	/* ------------------------------------------------ */
}

/* ------------------------------------------------ */
/* Phone size                                       */
/* ------------------------------------------------ */
.sapUiMedia-Std-Phone {

	.sapMITH,
	.sapMITB {

		.sapMITBHead {
			display: inline-block;
			margin: @_sap_m_IconTabBar_Phone_HeadMargin;
			vertical-align: top;
			padding: 0;
		}

		.sapMITBArrowScrollLeftTextOnly.sapMITBArrowScrollLeftInLine,
		.sapMITBArrowScrollRightTextOnly.sapMITBArrowScrollRightInLine {
			padding: @_sap_m_IconTabBar_Phone_InLineArrowScrollPadding;
		}

		.sapUiNoContentPadding,
		.sapUiResponsiveContentPadding {

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

			.sapMITBScrollContainer {
				margin: 0 1rem;
			}

			.sapMITHOverflowList .sapMITBScrollContainer {
				margin: 0 4rem 0 1rem;
			}

			.sapMITBArrowScrollLeft {
				left: 0.25rem;
				padding: 1rem 0;
			}

			.sapMITBArrowScrollRight {
				padding: 1rem 0;
				right: 0.25rem;
			}

			.sapMITHOverflowList .sapMITBArrowScrollRight {
				right: 3.25rem;
			}

			.sapMITBArrowScrollLeftTextOnly {
				left: 0.25rem;
				padding: 0.75rem 0;
			}

			.sapMITBArrowScrollRightTextOnly {
				padding: 0.75rem 0;
				right: 0.25rem;
			}

			.sapMITHOverflowList .sapMITBArrowScrollRightTextOnly {
				right: 3.25rem;
			}

			.sapMITBArrowScrollLeftTextOnly.sapMITBArrowScrollLeftInLine,
			.sapMITBArrowScrollRightTextOnly.sapMITBArrowScrollRightInLine {
				padding: 1.0625rem 0;
			}

			.sapMITH .sapMBtn.sapMBtnTextOnly {
				top: 1.125rem;
			}
		}

	}

	&:not(.sapMITBInLine).sapMITBTextOnly > .sapMITBVertical.sapMITBFilter > .sapMITBText + .sapMITBContentArrow {
		height: 0.5rem;
	}
	.sapMITHOverflowList .sapMITBScrollContainer {
		margin: 0 4rem 0 1rem;
	}
	.sapMITBScrollContainer {
		margin: 0 1rem;
	}

	.sapMITBContent {
		padding: 0;
	}


	.sapMITBFilter:first-child {
		padding-left: 0;
	}

	.sapMITBAll .sapMITBText {
		padding-right: 0.5rem;
	}

	.sapMITBSepLine {
		margin: 0 0.125rem;
	}

	.sapMITBArrowScrollLeft {
		left: 0.25rem;
		padding: 1rem 0;
	}

	.sapMITBArrowScrollRight {
		padding: 1rem 0;
		right: 0.25rem;
	}

	.sapMITHOverflowList .sapMITBArrowScrollRight {
		right: 3.25rem;
	}

	.sapMITBArrowScrollLeftTextOnly {
		left: 0.25rem;
		padding: 0.75rem 0;
	}

	.sapMITBArrowScrollRightTextOnly {
		padding: 0.75rem 0;
		right: 0.25rem;
	}

	.sapMITHOverflowList .sapMITBArrowScrollRightTextOnly {
		right: 3.25rem;
	}

	.sapMITH .sapMBtn.sapMBtnTextOnly,
	.sapMITH .sapMBtn.sapMBtnInline {
		top: 1rem;
	}

	.sapMITBAll {
		margin-right: 0.25rem;

		> .sapMITBTab > .sapMITBCount {
			padding: 0 0.25rem;
		}
	}

	// Compact size in phone size
	.sapUiSizeCompact {

		.sapMITH .sapMBtn.sapMBtnTextOnly {
			top: 1.25rem;
		}
		.sapMITH:not(.sapUiSizeCompact).sapMITBTextOnly .sapMITBFilter{
			padding: 0;
		}
		.sapMITHOverflowList .sapMITBArrowScrollRightTextOnly {
			right: 2.75rem;
		}

		.sapMITBFilter:not(.sapMITBDisabled) {
			cursor: pointer;
		}
	}
}

/* ------------------------------------------------ */
/* Desktop size                                     */
/* ------------------------------------------------ */

.sapUiMedia-Std-Desktop {

	/* ------------------------------------------------ */
	/* Switch between full screen and split container   */
	/* ------------------------------------------------ */
	.sapMSplitContainer:not(.sapMSplitContainerHideMode) {
		.sapMITB.sapUiResponsiveContentPadding,
		.sapMITH.sapUiResponsiveContentPadding {

			.sapMITBArrowScrollLeftTextOnly.sapMITBArrowScrollLeftInLine,
			.sapMITBArrowScrollRightTextOnly.sapMITBArrowScrollRightInLine {
				padding: @_sap_m_IconTabBar_SplitContainerArrowScrollPadding;
			}

			.sapMITBScrollContainer {
				margin: 0 1.75rem;
			}

			.sapMITBArrowScrollLeftTextOnly {
				left: 0.25rem;
				padding: 1.0625rem 0;
			}
		}

		.sapMITB.sapUiResponsiveContentPadding .sapMITHOverflowList,
		.sapMITH.sapUiResponsiveContentPadding.sapMITHOverflowList {
			.sapMITBScrollContainer {
				margin: 0 4.25rem 0 1.75rem;
			}

			.sapMITBArrowScrollRightTextOnly {
				right: 2.5rem;
			}
		}
	}

	.sapMSplitContainer:not(.sapMSplitContainerShowHide) {
		.sapMITB.sapUiResponsiveContentPadding,
		.sapMITH.sapUiResponsiveContentPadding {

			.sapMITBScrollContainer {
				margin: 0 2.75rem;
			}
			.sapMITBArrowScrollLeftTextOnly {
				left: 1.25rem;
				padding: 1.0625rem 0;
			}
		}

		.sapMITB.sapUiResponsiveContentPadding .sapMITHOverflowList,
		.sapMITH.sapUiResponsiveContentPadding.sapMITHOverflowList {
			.sapMITBScrollContainer {
				margin: 0 5rem 0 2.75rem;
			}

			.sapMITBArrowScrollRightTextOnly {
				right: 3.5rem;
			}
		}
	}
	/* ------------------------------------------------ */

	.sapMITBFilter:not(.sapMITBDisabled) {
		cursor: pointer;
	}

	.sapMITBItem .sapMITBFilterIcon,
	.sapMITBTextOnly .sapMITBItem .sapMITBText,
	.sapMITBItem.sapMITBAll {
		position: relative;
	}
	.sapMITH.sapUiResponsiveContentPadding,
	.sapMITB.sapUiResponsiveContentPadding {
		.sapMITBScrollContainer {
			margin: 0 2.75rem;
		}

		.sapMBtn {
			padding-right: 0.5rem;
		}

		.sapMITBArrowScrollLeft {
			left: 1.25rem;
			padding: 1rem 0;
		}

		.sapMITBArrowScrollRight {
			padding: 1rem 0;
			right: 1.25rem;
		}

		.sapMITBArrowScrollLeftTextOnly {
			left: 1.25rem;
			padding: 0.75rem 0;
		}

		.sapMITBArrowScrollRightTextOnly {
			padding: 0.75rem 0;
			right: 1.25rem;
		}

		.sapMITBArrowScrollLeftTextOnly.sapMITBArrowScrollLeftInLine,
		.sapMITBArrowScrollRightTextOnly.sapMITBArrowScrollRightInLine {
			padding: @_sap_m_IconTabBar_ArrowScrollPadding;
		}

		.sapMBtn.sapMBtnTextOnly {
			top: 1.125rem;
		}
	}

	.sapMITB.sapUiResponsiveContentPadding .sapMITHOverflowList,
	.sapMITH.sapUiResponsiveContentPadding.sapMITHOverflowList {
		.sapMITBScrollContainer {
			margin: 0 4.25rem 0 2.75rem;
		}

		.sapMITBArrowScrollRightTextOnly,
		.sapMITBArrowScrollRight {
			right: 3.25rem;
		}
	}
}

/* ------------------------------------------------ */
/* Compact size                                     */
/* ------------------------------------------------ */
.sapUiSizeCompact {
	.sapMITH .sapMBtn,
	.sapMITH .sapMBtn.sapMBtnInline,
	.sapMITH .sapMBtn.sapMBtnTextOnly,
	.sapMITH .sapMBtn.sapMBtnNoText {
		top: 1.5rem;
	}
}

.sapMITH.sapUiSizeCompact {

	.sapMITBFilter {
		padding: 0 0.25rem;

		&:first-child{
			padding-left: 0;
		}

		.sapMITBText {
			line-height: 0.875rem;
			padding: @_sap_m_IconTabBar_Compact_FilterTextPadding;
		}
	}

	.sapMITBArrowScrollLeft,
	.sapMITBArrowScrollRight {
		top: 50%;
		transform: translateY(-50%);
	}

	.sapMITBArrowScrollRightTextOnly,
	.sapMITBArrowScrollLeftTextOnly {
		top: 50%;
		transform: translateY(-50%);
	}

	.sapMITBVertical {
		height: @_sap_m_IconTabBar_Compact_VerticalHeight;

		> .sapMITBTab {
			height: 2rem;
		}

		&.sapMITBFilter > .sapMITBText + .sapMITBContentArrow {
			height: @_sap_m_IconTabBar_Compact_TextOnlyContentArrowHeight;
		}
	}

	.sapMITBNoText {

		> .sapMITBVertical {
			height: @_sap_m_IconTabBar_Compact_NoTextVerticalHeight;
		}

		> .sapMITBFilter > .sapMITBContentArrow {
			width: 2rem;
			height: @_sap_m_IconTabBar_Compact_NoTextContentArrowHeight;
		}

		.sapMITBFilter > .sapMITBTab {
			width: @_sap_m_IconTabBar_Compact_NoTextTabWidth;
		}

	}

	.sapMITBHead {
		margin: 0.625rem 0.75rem 0 0.25rem;

		&.sapMITBTextOnly {
			margin: @_sap_m_IconTabBar_Compact_TextOnlyHeadMargin;
		}
	}

	.sapMITBInLine.sapMITBTextOnly > .sapMITBVertical.sapMITBFilter {
		height: @_sap_m_IconTabBar_Compact_InLineVerticalTabHeight;

		> .sapMITBText {
			margin: @_sap_m_IconTabBar_Compact_InLineFilterTextMargin;

			+ .sapMITBContentArrow {
				height: @_sap_m_IconTabBar_Compact_TextOnlyContentArrowHeight;
			}
		}
	}

	.sapMITBTextOnly {

		.sapMITBTab {
			height: auto;
			padding: @_sap_m_IconTabBar_Compact_TextOnlyTabPadding;
		}

		.sapMITBVertical {
			height: @_sap_m_IconTabBar_Compact_TextOnlyVerticalHeight;
		}

		.sapMITBFilter {
			padding: 0 1rem;

			&:first-child {
				padding-left: 0;
			}
			.sapMITBText {
				line-height: @_sap_m_IconTabBar_Compact_TextOnlyTextLineHeight;
				padding: @_sap_m_IconTabBar_Compact_TextOnlyTextPadding;
			}
		}

	}

	.sapMITBFilterIcon {
		border-bottom-left-radius: 2rem;
		border-bottom-right-radius: 2rem;
		-moz-border-radius: 3rem;
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
		font-size: 1rem;
		height: 2rem;
		line-height: 1.9rem;
		width: 2rem;

	}

	.sapMITBSepLine {
		height: 2rem;
		margin: 0 0.125rem;
		width: 0;
		border: 1px solid #e5e5e5;
	}

	.sapMITBAll {
		margin-right: 1.375rem;

		.sapMITBContentArrow {
			height: @_sap_m_IconTabBar_ContentArrowHeight;
		}
		&.sapMITBVertical > .sapMITBTab {
			line-height: 2rem;
		}

		&.sapMITBHorizontal > .sapMITBTab {
			line-height: 2rem;
		}
		&.sapMITBHorizontal > .sapMITBContentArrow {
			height: @_sap_m_IconTabBar_Compact_HorizontalContentArrowHeight;
		}
		&.sapMITBHorizontal.sapMITBItem:focus.sapMITBAll {
			&::after {
				bottom: @_sap_m_IconTabBar_Compact_HorizontalFocusBottom;
			}
		}
	}

	.sapMITBContentArrow {
		height: @_sap_m_IconTabBar_Compact_ContentArrowHeight;
	}

	.sapMITBHorizontalWrapper {
		height: 2rem;
	}

	.sapMITBHorizontal {
		height: @_sap_m_IconTabBar_Compact_HorizontalHeight;
		&.sapMITBFilter {
			height: @_sap_m_IconTabBar_Compact_TextOnlyVerticalHeight;
			padding: 0 0.5rem;
			&:first-child {
				padding-left: 0;
			}
			> .sapMITBHorizontalWrapper {
				> .sapMITBCount {
					top: 0rem;
					padding-left: 0.5rem;
				}
				> .sapMITBText {
					top: 0rem;
					padding-left: 0.5rem;
				}
			}
			> .sapMITBTab {
				height: 2rem;
				width: 2rem;
			}

			> .sapMITBContentArrow {
				width: 2rem;
			}
		}
		> .sapMITBTab {
			height: 2rem;
		}

		&.sapMITBFilter > .sapMITBText + .sapMITBContentArrow {
			height: 0.5rem;
		}
	}

	.sapMITBSepIcon {
		height: 2rem;
		line-height: 2rem;
		padding: 0 0.5rem;
	}
	.sapMBtn,
	.sapMBtn.sapMBtnInline,
	.sapMBtn.sapMBtnTextOnly,
	.sapMBtn.sapMBtnNoText {
		top: 50%;
		transform: translateY(-50%);
	}

}

/* ------------------------------------------------ */
/* IconTabBar Right to left mode                    */
/* ------------------------------------------------ */

html[dir='rtl'] {

	.sapMITBContentArrow {
		z-index: 1;
	}

	.sapMITBTextOnly .sapMITBTab {
		text-align: right;
	}

	.sapMITBHorizontal.sapMITBFilter > .sapMITBHorizontalWrapper > .sapMITBCount {
		text-align: right;
	}
}

/* END "IconTabBar.less" */

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

.sapMITBPopover ul,
.sapMITBPopover li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sapMITBSelectList .sapMITBSelectItem {

	position: relative;

	width : 100%;
	height: 3rem;

	box-sizing: border-box;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;

	cursor: pointer;

	& > span {
		cursor: pointer;
	}
}

.sapMITBSelectItem .sapMITBSelectItemIcon {
	outline: none;
	-webkit-user-select: none; /* Chrome all / Safari all */
	-moz-user-select: none; /* Firefox all */
	-ms-user-select: none; /* IE 10+ */// TODO remove after 1.62 version
	user-select: none;
}

.sapMITBSelectItem .sapMText {
	width: 100%;
	display: block;
	padding: 0 1rem 0 0;
	pointer-events: none;
}

.sapMITBSelectListTextOnly .sapMITBSelectItem .sapMText {
	padding-left: 1rem;
}

.sapMITBSelectItem .sapUiIcon {
	font-size: 1.375rem;
	width: 1.375rem;
	height: 1.375rem;
	padding: 0.8125rem 1rem;
}

/* Compact size */
.sapUiSizeCompact {
	.sapMITBSelectList .sapMITBSelectItem {
		height: 2rem;
	}

	.sapMITBSelectItem .sapMText {
		padding: 0 0.5rem 0 0;
		font-size: @sapMFontSmallSize;
	}

	.sapMITBSelectListTextOnly .sapMITBSelectItem .sapMText {
		padding-left: 0.5rem;
	}

	.sapMITBSelectItem .sapUiIcon {
		font-size: 1rem;
		width: 1rem;
		height: 1rem;
		padding: 0.5rem;
	}
}

.sapMITBSelectItem {
	border-bottom: 1px solid @sapUiListBorderColor;
	background-color: @sapUiListBackground;
}

.sapMITBSelectItem:hover {
	background-color: @sapUiListHoverBackground;
}

.sapMITBSelectList .sapMITBSelectItem:not(.sapUiDnDDragging):active,
.sapMITBSelectList .sapMITBSelectItem.sapMITBSelectItemSelected:not(.sapUiDnDDragging):active {
	background-color: @sapUiListActiveBackground;

	& > .sapMText {
		color: @sapUiListActiveTextColor;
	}

	& > .sapUiIcon {
		color: @sapUiListActiveTextColor;
	}
}

.sapMITBSelectItem:focus {
	outline: none;
}

.sapMITBSelectItem:focus::before {
	border: 1px dotted @sapUiContentFocusColor;
	position: absolute;
	content: " ";
	top: 1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
	z-index: 2;
	pointer-events: none;
}

.sapMITBSelectItem.sapMITBSelectItemSelected {
	background-color: @sapUiListSelectionBackgroundColor;
}

.sapMITBSelectItem.sapMITBSelectItemSelected:hover {
	background-color: @sapUiListSelectionHoverBackground;
}

.sapUiDnDIndicator {
  z-index: 100;
}

/* END "IconTabBarSelectList.less" */

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

.sapMImg {
	border: none;

	/* fix the highlight color on tap*/
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-select: none;
	-webkit-touch-callout: none;
}

span.sapMImg {
	display: inline-block;
}

.sapMImg.sapMNoImg {
	visibility: hidden;
}

/* fix chrome browser yellow border on focus problem*/
.sapMImg:focus {
	outline: none;
}

.sapMImgFocusable:focus {
	outline: 0.0625rem dotted @sapUiContentFocusColor;
}

html[data-sap-ui-browser^="ie"] .sapMImgFocusable:focus,
html[data-sap-ui-browser^="ed"] .sapMImgFocusable:focus {
	outline-style: dashed;
}

html:not(.sap-desktop) .sapMImgFocusable:focus {
	outline: none;
}


/* ==========================================================================
   Image opening a LightBox
  ========================================================================== */

.sapMLightBoxImage {
	position: relative;
	display: inline-block;

	.sapMImg {
		display: block;
	}

	.sapMLightBoxMagnifyingGlass {
		line-height: normal;
	}
}

// Apply LightBox Magnifying glass mixin to control
.lightBoxMagnifyingGlassMixing(~".sapMLightBoxImage", ~".sapMLightBoxMagnifyingGlass");
/* END "Image.less" */

/* START "ImageContent.less" */
/* =================================== */
/* CSS for control sap.m/ImageContent  */
/* Base theme                          */
/* =================================== */

.sapMImageContent {
	position: relative;
	height: 3.875rem;
	width: 9rem;
	outline: none;
}

.sapMImageContentImageIcon {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	max-height: 3.5rem;
}

.sapMGT .sapMImageContentImageIcon {
	left: 0;
	right: auto;
}


html.sap-desktop .sapMImageContent:focus {
	outline-color: @sapUiContentFocusColor;
	outline-style: dotted;
	outline-width: 1px;
}

html.sap-desktop .sapMImageContent:focus:not([tabindex]) {
	outline: none;
}

.sapMImageContentImageIcon.sapUiIcon {
	font-size: 1.75rem;
	color: @sapUiTileIconColor;
	padding-bottom: 0.5rem;
}

.sapMTileSmallPhone {
	.sapMImageContent {
		height: 3.438rem;
		width: 8rem;
	}

	.sapMImageContentImageIcon {
		max-height: 3rem;
	}

	.sapMImageContentImageIcon.sapUiIcon {
		font-size: 1.5rem;
	}
}
/* END "ImageContent.less" */

/* START "Input.less" */
/* ============================ */
/* CSS for control sap.m/Input  */
/* Base theme                   */
/* ============================ */

.sapMInputDescriptionText {
	padding-left: 0.5rem;
	font-size: @sapMFontMediumSize;
	line-height: normal;
	color: @sapUiFieldTextColor;
	font-family: @sapUiFontFamily;
	font-style: normal;
	font-weight: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.sapMInputWithDescription {
	white-space: nowrap;
}

.sapMInputDescriptionWrapper {
	display: inline-flex;
}

/* Input with description */
.sapMInputBaseHasEndIcons, .sapMInputBaseHasBeginIcons {
	.sapMInputDescriptionWrapper {
		max-width: ~"calc(100% - (@{_InputBase_Control_OneIcon_MinWidth}))";
		.sapMInputBaseState:not(.sapMInputBaseContentWrapperSuccess) & {
			max-width: ~"calc(100% - (@{_InputBase_Control_OneIcon_State_MinWidth}))";
		}
	}
}

.sapMInputBaseHasEndIcons.sapMInputBaseHasBeginIcons {
	.sapMInputDescriptionWrapper {
		max-width: ~"calc(100% - (@{_InputBase_Control_TwoIcons_MinWidth}))";
		.sapMInputBaseState:not(.sapMInputBaseContentWrapperSuccess) & {
			max-width: ~"calc(100% - (@{_InputBase_Control_TwoIcons_State_MinWidth}))";
		}
	}
}

.sapMInputBase:not(.sapMInputBaseHasEndIcons):not(.sapMInputBaseHasBeginIcons) {
	.sapMInputDescriptionWrapper {
		max-width: ~"calc(100% - (@{_InputBase_Control_MinWidth}))";
		.sapMInputBaseState:not(.sapMInputBaseContentWrapperSuccess) & {
			max-width: ~"calc(100% - (@{_InputBase_Control_State_MinWidth}*2))";
		}
	}
}

.sapUiSizeCompact {
	.sapMInputBaseHasEndIcons, .sapMInputBaseHasBeginIcons {
		.sapMInputDescriptionWrapper {
			max-width: ~"calc(100% - (@{_InputBase_Control_OneIcon_MinWidth_Compact}))";
			.sapMInputBaseState:not(.sapMInputBaseContentWrapperSuccess) & {
				max-width: ~"calc(100% - (@{_InputBase_Control_OneIcon_State_MinWidth_Compact}))";
			}
		}
	}

	.sapMInputBaseHasEndIcons.sapMInputBaseHasBeginIcons {
		.sapMInputDescriptionWrapper {
			max-width: ~"calc(100% - (@{_InputBase_Control_TwoIcons_MinWidth_Compact}))";
			.sapMInputBaseState:not(.sapMInputBaseContentWrapperSuccess) & {
				max-width: ~"calc(100% - (@{_InputBase_Control_TwoIcons_State_MinWidth_Compact}))";
			}
		}
	}

	.sapMInputBase:not(.sapMInputBaseHasEndIcons):not(.sapMInputBaseHasBeginIcons) {
		.sapMInputDescriptionWrapper {
			max-width: ~"calc(100% - (@{_InputBase_Control_MinWidth_Compact}))";
			.sapMInputBaseState:not(.sapMInputBaseContentWrapperSuccess) & {
				max-width: ~"calc(100% - (@{_InputBase_Control_State_MinWidth_Compact}*2))";
			}
		}
	}
}

.sapMInputHighlight {
	font-weight: bold;
}
/* END "Input.less" */

/* START "InputBase.less" */
/* ================================ */
/* CSS for control sap.m/InputBase  */
/* Base theme                       */
/* ================================ */

@_sap_m_InputBase_InnerMinWidth: 3rem;
@_sap_m_InputBase_InnerPadding: 0 0.75rem;
@_sap_m_InputBase_Height: 2.5rem;
@_sap_m_InputBase_DisabledOpacity: 0.5;
@_sap_m_InputBase_IconLineHeight: 2.375rem;
@_sap_m_InputBase_IconWidth: 2.375rem;
@_sap_m_InputBase_Compact_IconWidth: 2rem;
@_sap_m_InputBase_IconMinWidth: 2.375rem;
@_sap_m_InputBaseWrapper_Sum_Border: 0.125rem;
@_sap_m_InputBase_InnerMinWidth_Compact: 2rem;

/*MIN-WIDTH variables*/
/* rounding values to 2 symbols, because of IE and Edge */
@_InputBase_Control_MinWidth: round((@_sap_m_InputBase_InnerMinWidth + @_sap_m_InputBaseWrapper_Sum_Border), 2);
@_InputBase_Control_OneIcon_MinWidth: round((@_InputBase_Control_MinWidth + @_sap_m_InputBase_IconWidth), 2);
@_InputBase_Control_TwoIcons_MinWidth: round((@_InputBase_Control_MinWidth + @_sap_m_InputBase_IconWidth * 2), 2);
@_InputBase_Control_State_MinWidth: round((@_InputBase_Control_MinWidth + @_sap_m_InputBaseWrapper_Sum_Border), 2);
@_InputBase_Control_TwoIcons_State_MinWidth: round((@_InputBase_Control_TwoIcons_MinWidth + @_sap_m_InputBaseWrapper_Sum_Border), 2);
@_InputBase_Control_OneIcon_State_MinWidth: round((@_InputBase_Control_OneIcon_MinWidth + @_sap_m_InputBaseWrapper_Sum_Border), 2);

@_InputBase_Control_MinWidth_Compact: round((@_sap_m_InputBase_InnerMinWidth_Compact + @_sap_m_InputBaseWrapper_Sum_Border), 2);
@_InputBase_Control_OneIcon_MinWidth_Compact: round((@_InputBase_Control_MinWidth_Compact + @_sap_m_InputBase_Compact_IconWidth), 2);
@_InputBase_Control_TwoIcons_MinWidth_Compact: round((@_InputBase_Control_MinWidth_Compact + @_sap_m_InputBase_Compact_IconWidth * 2), 2);
@_InputBase_Control_State_MinWidth_Compact: round((@_InputBase_Control_MinWidth_Compact + @_sap_m_InputBaseWrapper_Sum_Border), 2);
@_InputBase_Control_TwoIcons_State_MinWidth_Compact: round((@_InputBase_Control_TwoIcons_MinWidth_Compact + @_sap_m_InputBaseWrapper_Sum_Border), 2);
@_InputBase_Control_OneIcon_State_MinWidth_Compact: round((@_InputBase_Control_OneIcon_MinWidth_Compact + @_sap_m_InputBaseWrapper_Sum_Border), 2);

.sapMInputBase {
	height: @_sap_m_InputBase_Height;
	background: transparent;
	position: relative;
	display: inline-block;
	vertical-align: top;
	outline: none;
	box-sizing: border-box;
	line-height: 0;
}

.sapMInputBaseHeightMargin {
	margin: 0.25rem 0;
}

/* handle min-width calculation */
.sapMInputBaseHasEndIcons, .sapMInputBaseHasBeginIcons {
	.sapMInputBaseContentWrapper {
		min-width: @_InputBase_Control_OneIcon_MinWidth;
		&.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
			min-width: @_InputBase_Control_OneIcon_State_MinWidth;
		}
	}
}

.sapMInputBaseHasEndIcons.sapMInputBaseHasBeginIcons {
	.sapMInputBaseContentWrapper {
		min-width: @_InputBase_Control_TwoIcons_MinWidth;
		&.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
			min-width: @_InputBase_Control_TwoIcons_State_MinWidth;
		}
	}
}

.sapMInputBase:not(.sapMInputBaseHasEndIcons):not(.sapMInputBaseHasBeginIcons) {
	.sapMInputBaseContentWrapper {
		min-width: @_InputBase_Control_MinWidth;
		&.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
			min-width: @_InputBase_Control_State_MinWidth;
		}
	}
}

.sapMInputBaseInner {
	background: transparent;
	border: none;
	font-style: normal;
	-webkit-appearance: none;
	-moz-appearance: textfield;
	font-size: @sapMFontMediumSize;
	font-family: @sapUiFontFamily;
	line-height: normal;
	padding: @_sap_m_InputBase_InnerPadding;
	height: 100%;
	box-sizing: border-box;
	min-width: @_sap_m_InputBase_InnerMinWidth;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: inherit;
}

.sapMInputBaseReadonly .sapMInputBaseIconContainer {
	height: 0;
}

.sapMInputBase:not(.sapMInputBaseHasEndIcons):not(.sapMInputBaseHasBeginIcons) .sapMInputBaseInner,
.sapMInputBaseNoWidth .sapMInputBaseInner {
	width: 100%;
}

.sapMInputBaseInner {
	.sapMInputBaseHasEndIcons &,
	.sapMInputBaseHasBeginIcons & {
		width: calc(~'100% - @{_sap_m_InputBase_IconWidth}');
	}

	.sapMInputBaseHasEndIcons.sapMInputBaseHasBeginIcons & {
		width: calc(~'100% - @{_sap_m_InputBase_IconWidth}*2');
	}
}

.sapMInputBaseContentWrapper {
	height: 100%;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	overflow: hidden;
	border-radius: 0;
	vertical-align: middle;
	margin: 0;
}

.sapMInputBaseIconContainer {
	display: inline-block;
	vertical-align: inherit;
	height: 100%;
	width: auto;
	outline: none;
}

.sapMInputBaseHasBeginIcons .sapMInputBaseInner {
	padding-left: 0.25rem;
}

.sapMInputBaseHasEndIcons .sapMInputBaseInner {
	padding-right: 0.25rem;
}

.sapMInputBaseIcon {
	width: @_sap_m_InputBase_IconWidth;
	min-width: @_sap_m_InputBase_IconMinWidth;
	height: 100%;
	line-height: @_sap_m_InputBase_IconLineHeight;
	cursor: pointer;
	background: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sapMFocus {
	& .sapMInputBaseContentWrapper {
		outline: 1px dotted @sapUiContentFocusColor;
		outline-offset: -3px;
	}
	&.sapMInputBaseState .sapMInputBaseContentWrapper:not(.sapMInputBaseContentWrapperSuccess) {
		outline-offset: -4px;
	}
}

html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapMFocus .sapMInputBaseContentWrapper {
		outline: none;

		&:not(.sapMInputBaseDisabledWrapper)::before {
			content: " ";
			position: absolute;
			top: 1px;
			left: 1px;
			right: 1px;
			bottom: 1px;
			border: 2px dashed @sapUiContentFocusColor;
			pointer-events: none;
			z-index: 1;
		}
	}
}

.sapMInputBaseInner::-webkit-input-placeholder {
	font-size: @sapMFontMediumSize;
	font-style: italic;
}

.sapMInputBaseInner::-moz-placeholder {
	font-size: @sapMFontMediumSize;
	font-style: italic;
}

.sapMInputBaseInner:-ms-input-placeholder {
	font-size: @sapMFontMediumSize;
	font-style: italic;
}

.sapMInputBaseInner::-webkit-outer-spin-button,
.sapMInputBaseInner::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.sapMInputBaseInner:focus {
	outline: none;
	outline-width: 0;
}

/* remove user agent pseudo-element clear button (IE specifix) */ // TODO remove after 1.62 version
.sapMInputBaseInner::-ms-clear {
	/* note: don't use display: none; see BCP 1570024996 */
	height: 0;
}

.sapMPointer>.sapMInputBaseInner {
	cursor: pointer;
}

.sapMInputBaseDisabled {
	opacity: @_sap_m_InputBase_DisabledOpacity;
	.sapMInputBaseIcon {
		cursor: default;
	}
}

.sapMInputBaseInner[placeholder] {
	text-overflow: ellipsis;
}

.sapMInputBaseInner::-webkit-input-placeholder {
	color: @sapUiFieldPlaceholderTextColor;
	text-overflow: ellipsis !important;
	/* important is necessary to overwrite inline style of shadow dom */
}

.sapMInputBaseInner::-moz-placeholder {
	color: @sapUiFieldPlaceholderTextColor;
}

.sapMInputBaseInner:-ms-input-placeholder {
	color: @sapUiFieldPlaceholderTextColor;
}

.sapMInputBaseInner[dir="rtl"]::-webkit-input-placeholder {
	padding-right: 0.125rem;
	/* important text dir set to rtl causes some characters to get cut off */
}

.sapMInputBaseInner[dir="rtl"]::-moz-placeholder {
	padding-right: 0.125rem;
	/* important text dir set to rtl causes some characters to get cut off */
}

.sapMInputBaseInner[dir="rtl"]:-ms-input-placeholder {
	padding-right: 0.125rem;
	/* important text dir set to rtl causes some characters to get cut off */
}

input.sapMInputBaseInner:invalid {
	/* disable native browser input validation visualization e.g. for type email or number */
	box-shadow: none;
}

/*read only*/

.sapMInputBaseReadonly .sapMInputBaseContentWrapper {
	border-color: @sapUiFieldReadOnlyBorderColor;
	background: @sapUiFieldReadOnlyBackground;
}

.sapMInputBaseInner:not(.sapMInputBaseReadonlyWrapper):not(.sapMInputBaseContentWrapperState):focus {
	border-color: @sapUiFieldFocusBorderColor;
}

html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapMFocus .sapMInputBaseContentWrapper:not(.sapMInputBaseDisabledWrapper) {
		&::before {
			border: 1px dashed @sapUiContentFocusColor;
		}
	}
}

.sapMInputBaseContentWrapper:not(.sapMInputBaseReadonlyWrapper):not(.sapMInputBaseContentWrapperState):not(.sapMInputBaseDisabledWrapper) {
	&:hover {
		background: @sapUiFieldHoverBackground;
		border-color: @sapUiFieldHoverBorderColor;
	}
	&:active {
		background: @sapUiFieldHoverBackground;
		border-color: @sapUiFieldHoverBorderColor;
	}
}

.sapMILI-CTX .sapMInputBaseContentWrapper,
.sapMILI-CTX .sapMInputBaseInner,
.sapMILI-CTX .sapMInputBaseDisabled .sapMInputBaseInner,
.sapMILI-CTX .sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
	text-align: right;
	background: transparent;
}

.sapMLIBActive .sapMInputBaseInner {
	color: @sapUiListActiveTextColor;
	background: transparent;
}

.sapMLIBActive .sapMInputBaseInner::-webkit-input-placeholder {
	color: @sapUiListActiveTextColor;
}

/* Compact size */

.sapUiSizeCompact {
	.sapMInputBase {
		line-height: 1rem;
		height: 1.625rem;
	}

	.sapMInputBaseContentWrapper {
		height: 1.625rem;
	}

	.sapMInputBaseInner {
		padding: 0 0.5rem;
		min-width: @_sap_m_InputBase_InnerMinWidth_Compact;
	}

	.sapMInputBaseHasEndIcons .sapMInputBaseInner,
	.sapMInputBaseHasBeginIcons .sapMInputBaseInner {
		width: calc(~'100% - @{_sap_m_InputBase_Compact_IconWidth}');
	}

	.sapMInputBaseHasEndIcons.sapMInputBaseHasBeginIcons .sapMInputBaseInner {
		width: calc(~'100% - @{_sap_m_InputBase_Compact_IconWidth}*2');
	}

	.sapMInputBaseIcon {
		width: @_sap_m_InputBase_Compact_IconWidth;
		min-width: 2rem;
		line-height: 1.5rem;
	}

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

	.sapMInputBaseHasBeginIcons .sapMInputBaseInner {
		padding-left: 0.25rem;
	}

	.sapMInputBaseHasEndIcons .sapMInputBaseInner {
		padding-right: 0.25rem;
	}

	/* handle min-width calculation */
	.sapMInputBaseHasEndIcons, .sapMInputBaseHasBeginIcons {
		.sapMInputBaseContentWrapper {
			min-width: @_InputBase_Control_OneIcon_MinWidth_Compact;
			&.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
				min-width: @_InputBase_Control_OneIcon_State_MinWidth_Compact;
			}
		}
	}

	.sapMInputBaseHasEndIcons.sapMInputBaseHasBeginIcons {
		.sapMInputBaseContentWrapper {
			min-width: @_InputBase_Control_TwoIcons_MinWidth_Compact;
			&.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
				min-width: @_InputBase_Control_TwoIcons_State_MinWidth_Compact;
			}
		}
	}

	.sapMInputBase:not(.sapMInputBaseHasEndIcons):not(.sapMInputBaseHasBeginIcons) {
		.sapMInputBaseContentWrapper {
			min-width: @_InputBase_Control_MinWidth_Compact;
			&.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
				min-width: @_InputBase_Control_State_MinWidth_Compact;
			}
		}
	}

	.sapMInputBaseHeightMargin {
		margin: 0.1875rem 0;
	}
}

/* Condensed size */

.sapUiSizeCondensed .sapUiTableCell {
	.sapMInputBase {
		height: 1.375rem;
		/* + 2*1px padding = 1.5rem */
		padding: 0 0.0625rem;
		/* 1px padding only */
	}
	.sapMInputBaseHeightMargin {
		margin: 0;
	}
	.sapMInputBaseInner:not(.sapMInputBaseContentWrapperState) {
		border-color: transparent;
	}
	.sapMInputBaseContentWrapper:not(.sapMInputBaseContentWrapperSuccess) {
		height: 1.375rem;
	}
}

/* Input selection fix -
 * Due to the fact that the CSS parsing rules require dropping the whole rule when encountering an invalid
 * pseudo-element, two separate rules must be written */

.sapMInputBaseInner {
	&::selection,
	&::-moz-selection {
		background: @sapUiSelected;
		color: @sapUiContentContrastTextColor;
	}
}

/* Google chrome and Safari input selection fix:
 * The browser renders the selection background with 50% opacity by default.
 * The solution is to use fade with a value for alpha 99 if it's set 100 the browser ignores it.
 */

html[data-sap-ui-browser^="sf"],
html[data-sap-ui-browser^="cr"] {
	.sapMInputBaseInner::selection {
		background: fade(@sapUiSelected, 99);
		color: fade(@sapUiContentContrastTextColor, 99);
	}
}

html[data-sap-ui-browser^="ed"] {
	.sapMInputBaseInner {
		line-height: 0;
	}
}

// When disabled or read-only hide placeholder by setting opacity to 0
.sapMInputBaseDisabled {
	.sapMInputBaseInner::-webkit-input-placeholder {
		opacity: 0;
	}
	.sapMInputBaseInner::-moz-placeholder {
		opacity: 0;
	}
	.sapMInputBaseInner:-ms-input-placeholder {
		color: @sapUiFieldBackground;
	}
}

// IE fires onfocusin on disabled inputs
html[data-sap-ui-browser^="ie"] .sapMFocus .sapMInputBaseDisabledWrapper {
	&::before {
		display: none;
		pointer-events: none;
	}
}

.sapMInputBaseReadonly {
	.sapMInputBaseInner::-webkit-input-placeholder {
		opacity: 0;
	}
	.sapMInputBaseInner::-moz-placeholder {
		opacity: 0;
	}
	.sapMInputBaseInner:-ms-input-placeholder {
		color: @sapUiFieldReadOnlyBackground;
	}
}

.sapMInputBaseDisabledWrapper .sapMInputBaseIcon {
	color: @sapUiContentDisabledTextColor;
}

/* pressed */

.sapMInputBaseIconPressed .sapMInputBaseIcon,
html.sap-desktop .sapMInputBaseIconPressed .sapMInputBaseIcon:hover {
	background: @sapUiToggleButtonPressedBackground;
}

.sapMInputBaseIconPressed .sapMInputBaseIcon::before {
	color: @sapUiToggleButtonPressedTextColor;
}

.sapMInputBaseIconPressed .sapMInputBaseContentWrapper:not(.sapMInputBaseReadonlyWrapper):not(.sapMInputBaseContentWrapperState):not(.sapMInputBaseDisabledWrapper) {
	border-color: @sapUiFieldActiveBorderColor;
}

.sapUiSizeCondensed .sapUiTableDataCell {

	.sapMInputBaseContentWrapper {
		height: 1.375rem;
	}

	.sapMInputBaseContentWrapper:not(.sapMInputBaseContentWrapperState) {
		border: none;
	}

	.sapMInputBase .sapMInputBaseIcon {
		height: 1.375rem;
		width: 1.375rem;
		line-height: 1.375rem;
	}
}

.sapMInputBase .sapUiLocalBusyIndicator:focus {
	outline: none;
}

/* END "InputBase.less" */


/* note: the following three files are not in alphabetical order and should be imported after InputBase.less */
/* START "ComboBoxTextField.less" */
/* ======================================== */
/* CSS for control sap.m/ComboBoxTextField  */
/* Base theme                               */
/* ======================================== */
/* END "ComboBoxTextField.less" */

/* START "ComboBoxBase.less" */
/* =================================== */
/* CSS for control sap.m/ComboBoxBase  */
/* Base theme                          */
/* =================================== */

/* ------------------------------ */
/* arrow                          */
/* ------------------------------ */

.sapMComboBoxBase.sapMInputBaseReadonly .sapMInputBaseIcon {
	display: none;
}

/* ------------------------------ */
/* dialog                         */
/* ------------------------------ */

div.sapMComboBoxBasePicker .sapMDialogScrollCont {
	padding: 0;
}

/* ------------------------------ */
/* list                           */
/* ------------------------------ */

.sapMComboBoxBaseList.sapUiLocalBusy {
	min-height: 2rem;
}

.sapMComboBoxBaseList .sapMSLITitleOnly {
	font-size: 0.875rem;
}

.sapMComboBoxBaseList .sapMSLI {
	height: 2.5rem;
}
/* END "ComboBoxBase.less" */

/* START "ComboBox.less" */
/* =============================== */
/* CSS for control sap.m/ComboBox  */
/* Base theme                      */
/* =============================== */

.sapMComboBoxBasePicker-CTX .sapMComboBoxList.sapMListFocus .sapMLIBSelected,
.sapMComboBoxBasePicker-CTX .sapMComboBoxList.sapMListFocus .sapMComboBoxBaseNonInteractiveItem.sapMLIBFocused {
	outline: 1px dotted @sapUiContentFocusColor;
	outline-offset: -2px;
}

/* IE ignores outline-offset */
.sapMComboBoxBasePicker-CTX  .sapMComboBoxList.sapMListFocus .sapMLIBLegacyOutline.sapMLIBSelected,
.sapMComboBoxBasePicker-CTX .sapMComboBoxList.sapMListFocus .sapMLIBLegacyOutline.sapMComboBoxBaseNonInteractiveItem.sapMLIBFocused {
	outline: none;
	border: 1px dotted @sapUiContentFocusColor;
}

.sapMListUl > .sapMLIB.sapMGHLI.sapMComboBoxBaseNonInteractiveItem.sapMComboBoxBaseSeparatorItemNoText {
	height: 0;
	padding: 0;
	border: 1px solid @sapUiListBorderColor;
}

.sapUiSizeCompact .sapMListUl > .sapMLIB.sapMGHLI.sapMComboBoxBaseNonInteractiveItem.sapMComboBoxBaseSeparatorItemNoText {
	height: 0;
	padding: 0;
	border: 1px solid @sapUiListBorderColor;
  }
/* END "ComboBox.less" */


/* START "InputListItem.less" */
/* ==================================== */
/* CSS for control sap.m/InputListItem  */
/* Base theme                           */
/* ==================================== */

.sapMILI {
	display: -webkit-box;
	display: flex;
	height: 3rem;
}

.sapMILILabel {
	-webkit-box-flex: 1;
	flex: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	font-size: 1.125rem;
	max-width: 60%;	/*we can have very long title so lets give a limit */
	color: @sapUiListTextColor;
}

.sapMLIBActionable .sapMILILabel {
	cursor: pointer;
}

.sapMILI > .sapMLIBContent {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.sapMILIDiv {
	-webkit-box-flex: 9;
	flex: 1 0 auto;
	text-align: right;
	margin: 0 0 0 1rem;
}

html[dir=rtl] .sapMILIDiv {
	text-align: left;
}

.sapMLIBActive .sapMILILabel {
	color: @sapUiListActiveTextColor;
}

/* Compact size */
.sapUiSizeCompact .sapMILI {
	height: 2rem;
}

.sapUiSizeCompact .sapMILILabel {
	font-size: @sapMFontMediumSize;
}
/* END "InputListItem.less" */

/* START "Label.less" */
/* ============================ */
/* CSS for control sap.m/Label  */
/* Base theme                   */
/* ============================ */
@_sap_m_Label_AsteriskWidth: 6px;

.sapMLabel {
	color: @sapUiContentLabelColor;
	font-size: @sapMFontMediumSize;
	font-family: @sapUiFontFamily;
	font-weight: normal;
	display: inline-block;
	white-space: nowrap;
	cursor: text;
	overflow: hidden;
}

.sapMLabel .sapMLabelTextWrapper {
	text-overflow: ellipsis;
	overflow: hidden;
}

.sapMLabel:not(.sapMLabelWrapped) .sapMLabelTextWrapper {
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
}

.sapMLabelBold,
.sapMLabel.sapMLabelBold {
	font-weight: bold;
}

.sapMLabelMaxWidth {
	max-width: 100%;
}

.sapMLIBActionable .sapMLabel{
	cursor: pointer;
}

.sapMLabel .sapMLabelColonAndRequired {
	display: inline-block;
	line-height: 1rem;
	vertical-align: top;
}

.sapMLabel .sapMLabelColonAndRequired:before {
	line-height: 1rem;
	vertical-align: top;
}

.sapMLabel.sapMLabelRequired .sapMLabelColonAndRequired:after {
	content: "*";
	color: @sapUiFieldRequiredColor;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontLargeSize;
	font-weight: bold;

	position: relative;
	vertical-align: middle;
	line-height: 0;

	margin-left: 0.125rem;
}

html[dir="rtl"] .sapMLabel[dir="ltr"].sapMLabelRequired .sapMLabelColonAndRequired:after,
html[dir="ltr"] .sapMLabel[dir="rtl"].sapMLabelRequired .sapMLabelColonAndRequired:after  {
	margin-right: 0.125rem;
	margin-left:0;
}

.sapMLabel:not(.sapMLabelWrapped).sapMLabelRequired .sapMLabelTextWrapper {
	max-width: calc(~"100% - @{_sap_m_Label_AsteriskWidth} -  0.125rem"); /* make space for the asterisk when we have single line label and subtract 2px margin-left to look nicer */

	html[data-sap-ui-browser^="sf"] & {
		max-width: 100%;
	}
}

.sapMIBar-CTX .sapMLabel {
	color: @sapUiContentLabelColor;
}

.sapMIBar-CTX.sapMFooter-CTX .sapMLabel {
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	color: @sapUiPageFooterTextColor;
}

/* Toolbar overflow context */
.sapMOverflowToolbarMenu-CTX {
	.sapMLabel {
		max-width: 20rem;
		margin-top: 0.375rem;
		margin-bottom: 0.375rem;
		white-space: normal;

		&.sapMLabelMediumMarginTop {
			margin-top: 0.625rem;
			margin-bottom: 0.125rem;
		}

		& + .sapMLabel {
			margin-top: 0.75rem;
		}
	}

	.sapMCb .sapMLabel {
		margin-top: 0;

		&.sapMLabelMediumMarginTop,
		& + .sapMLabel {
			margin-top: 0;
		}
	}
}

/* ============================ */
/* Overwrites for Label in Form */
/* ============================ */

/* GridLayout */
td.sapUiFormElementLbl:not(.sapUiGridLabelFull) > .sapMLabel{
	text-align: end !important; /* to overwrite setting on label */
	width: 100%; /* to react on touch/click on whole label cell */
	position: relative;
}

/* ResponsiveGridLayout */
/* make labels right aligned if left from fields*/
.sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
.sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
.sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
.sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel {
	float: right;
}

/* ResponsiveLayout */
/* If label is above the fields it's left aligned, if it's left of the fields it's right aligned */
.sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent > .sapMLabel{
	text-align: end !important; /* to overwrite setting on label */
	width: 100%; /* to react on touch/click on whole label cell */
	position: relative;
}

/* in the cases text-align: end is set, we position the colon of the label to absolute so it does not get truncated in the ellipsis*/
td.sapUiFormElementLbl:not(.sapUiGridLabelFull) > .sapMLabel,
.sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
.sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
.sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
.sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel,
.sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child:not(.sapUiRFLFullLength) > .sapUiRFLContainerContent.sapUiFormElementLbl > .sapMLabel,
.sapUiFormCL.sapUiFormCLSmallColumns .sapUiFormElementLbl:not(.sapUiFormCLCellsS12) > .sapMLabel,
.sapUiFormCL.sapUiFormCLWideColumns .sapUiFormElementLbl:not(.sapUiFormCLCellsL12) > .sapMLabel {
	.sapMLabelColonAndRequired {
		position: absolute;
		right: 0;
	}

	.sapMLabelColonAndRequired:after {
		vertical-align: middle;
		margin-left: 1px;
	}

	.sapMLabelTextWrapper {
		max-width: 100%; /* no need to provide space for the asterisk when it is absolute positioned inside forms */
	}
}

html[data-sap-ui-browser^=ie] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent > .sapMLabel,// TODO remove after 1.62 version
html[data-sap-ui-browser^=ed] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent > .sapMLabel {
	text-align: right !important; /* to overwrite setting on label */
}

html[dir=rtl][data-sap-ui-browser^=ie] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent > .sapMLabel,// TODO remove after 1.62 version
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent > .sapMLabel {
	text-align: left !important; /* to overwrite setting on label */
}

.sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapMLabel{
	text-align: start !important; /* to overwrite setting on label */
	padding-bottom: 2px;
}

html[data-sap-ui-browser^=ie] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapMLabel,// TODO remove after 1.62 version
html[data-sap-ui-browser^=ed] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapMLabel {
	text-align: left !important; /* to overwrite setting on label */
}

html[dir=rtl][data-sap-ui-browser^=ie] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapMLabel,// TODO remove after 1.62 version
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapMLabel {
	text-align: right !important; /* to overwrite setting on label */
}

/* ResponsiveGridLayout */
.sapUiFormResGridCont > .sapUiFormElementLbl > .sapMLabel{
	width: 100%;
}

/* collapse lines in a form */
.sapUiForm .sapUiFormElementLbl > .sapMLabel{
	height: auto;
}



.sapUiFormLblColon .sapUiFormElementLbl > .sapMLabel{
	/*
		We guessed the width of a : here. 0.3em seems to be fine in chrome it works without the padding
		but as long as we do not touch the box-sizing it seems to be fine to set it there too
		because the padding is outside of the box
		The use of em is intentional since it has to relate to the current font size applied to the label
	*/
	padding-right: 0.3em;
}
.sapUiFormLblColon .sapUiFormElementLbl > .sapMLabel.sapMLabelRequired {
	padding-right: 0.8em; /* space for both colon and the asterisk */
}
.sapUiFormElementLbl > .sapMLabel.sapMLabelRequired {
	padding-right: 0.5em; /* space for the asterisk */
}

.sapUiForm.sapUiFormEdit .sapUiFormElementLbl > .sapMLabel{
	vertical-align: top; /* align vertically to multiline texts */
}

.sapUiFormLblColon .sapUiFormElementLbl > .sapMLabel .sapMLabelColonAndRequired:before{
	content:":";
}

/* Wrapping of the Label's text */
.sapMLabel.sapMLabelWrapped {
	white-space: pre-line;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapUiFormLblColon .sapUiFormElementLbl > .sapMLabel:lang(fr) .sapMLabelColonAndRequired:before{
	content:" :";
}

.sapUiFormLblColon .sapUiFormElementLbl > .sapMLabel.sapMLabelNoText .sapMLabelColonAndRequired:before{
	content: none;
}

.sapMLIBUnread .sapMLabel,
.sapMLIBUnread + .sapMListTblSubRow .sapMLabel{
	font-family: @sapUiFontFamily;
	font-weight: bold;
}

.sapMListTbl .sapMLIBActive .sapMLabel,
.sapMLIBActive .sapMLabel {
	color: @sapUiListActiveTextColor;
}

/* Info Toolbar Context */
.sapMTB-Info-CTX .sapMLabel {
	font-style: italic;
	font-size: @sapMFontMediumSize;
	font-family: @sapUiFontFamily;
	color: contrast(@sapUiInfobarBackground, @sapUiListActiveTextColor, @sapUiListTextColor, @sapUiContentContrastTextThreshold);
	padding-right: 0.125rem; /* prevents truncation of the last letter */
}

.sapMTB-Info-CTX .sapMLabel.sapMLabelTBHeader {
	text-shadow: none;
}

html[dir=rtl] .sapMTB-Info-CTX .sapMLabel {
	padding-left: 0.125rem; /* prevents truncation of the rightmost symbol in RTL */
}

/* Transparent Toolbar Context*/
.sapMTB-Transparent-CTX .sapMLabel{
	font-weight: @sapUiFontHeaderWeight;
	font-family: @sapUiFontHeaderFamily;
	color: @sapUiGroupTitleTextColor;
}

/* HorizontalLayout */
.sapUiHLayoutChildWrapper > .sapMLabel {
	vertical-align: text-bottom;
}

/* ================================ */
/* SMALL,  MEDIUM and LARGE DEVICES */
/* ================================ */
.sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
.sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
.sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
.sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel {
	text-align: end !important; /* to overwrite style set on element */
	float: none; /* as label has 100% width not needed (will bring wrong alignments on iPad) */
	position: relative; /* to allow to place ":" at end even if label is truncated */
}

html[data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,// TODO remove after 1.62 version
html[data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,// TODO remove after 1.62 version
html[data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,// TODO remove after 1.62 version
html[data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel,// TODO remove after 1.62 version
html[data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
html[data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
html[data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
html[data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel {
	text-align: right !important; /* to overwrite style set on element */
}

html[dir=rtl][data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,// TODO remove after 1.62 version
html[dir=rtl][data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,// TODO remove after 1.62 version
html[dir=rtl][data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,// TODO remove after 1.62 version
html[dir=rtl][data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel,// TODO remove after 1.62 version
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel {
	text-align: left !important; /* to overwrite style set on element */
}

/* ========================================================== */
/* Form - ColumnLayout                                        */
/* ========================================================== */
.sapUiFormCL .sapUiFormElementLbl > .sapMLabel {
	width: 100%;
}

.sapUiFormCL.sapUiFormCLSmallColumns .sapUiFormElementLbl:not(.sapUiFormCLCellsS12) > .sapMLabel,
.sapUiFormCL.sapUiFormCLWideColumns .sapUiFormElementLbl:not(.sapUiFormCLCellsL12) > .sapMLabel {
	text-align: end !important; /* to overwrite style set on element */
	position: relative;
	float: none; /* otherwise ":" is inside of Elements padding */
}

html[data-sap-ui-browser^=ie] .sapUiFormCL.sapUiFormCLSmallColumns .sapUiFormElementLbl:not(.sapUiFormCLCellsS12) > .sapMLabel,// TODO remove after 1.62 version
html[data-sap-ui-browser^=ie] .sapUiFormCL.sapUiFormCLWideColumns .sapUiFormElementLbl:not(.sapUiFormCLCellsL12) > .sapMLabel,// TODO remove after 1.62 version
html[data-sap-ui-browser^=ed] .sapUiFormCL.sapUiFormCLSmallColumns .sapUiFormElementLbl:not(.sapUiFormCLCellsS12) > .sapMLabel,
html[data-sap-ui-browser^=ed] .sapUiFormCL.sapUiFormCLWideColumns .sapUiFormElementLbl:not(.sapUiFormCLCellsL12) > .sapMLabel {
	text-align: right !important; /* to overwrite style set on element */
}

html[dir=rtl][data-sap-ui-browser^=ie] .sapUiFormCL.sapUiFormCLSmallColumns .sapUiFormElementLbl:not(.sapUiFormCLCellsS12) > .sapMLabel,// TODO remove after 1.62 version
html[dir=rtl][data-sap-ui-browser^=ie] .sapUiFormCL.sapUiFormCLWideColumns .sapUiFormElementLbl:not(.sapUiFormCLCellsL12) > .sapMLabel,// TODO remove after 1.62 version
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiFormCL.sapUiFormCLSmallColumns .sapUiFormElementLbl:not(.sapUiFormCLCellsS12) > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiFormCL.sapUiFormCLWideColumns .sapUiFormElementLbl:not(.sapUiFormCLCellsL12) > .sapMLabel {
	text-align: left !important; /* to overwrite style set on element */
}

/* ========================================================== */
/* COMPACT + CONDENSED SIZE + SPECIALS FOR SAP.UI.TABLE.TABLE */
/* ========================================================== */

.sapUiSizeCompact,
.sapUiSizeCondensed.sapUiTable,
.sapUiSizeCondensed .sapUiTable {
	.sapMIBar-CTX.sapMPageHeader .sapMLabel,
	.sapMDialog-CTX .sapMIBar-CTX .sapMLabel {
		font-size: @sapMFontHeader6Size;
	}
}

.sapUiSizeCompact,
.sapUiSizeCondensed {
	.sapUiTableCell .sapMLabel {
		font-weight: normal;
		font-size: @sapMFontHeader6Size;
	}
}

.sapUiSizeCondensed {
	.sapUiTableDataCell {
		:not(.sapMRbBLabel):not(.sapMCbLabel) .sapMLabel {
			line-height: 1.5rem;
			vertical-align: middle;
		}
	}
}

.sapUiTableCell .sapMLabel {
	color: @sapUiListTextColor;
}

.sapUiAnalyticalTable {
	.sapUiTableCell .sapMLabel {
		width: 100%;
	}

	.sapUiAnalyticalTableSum .sapUiTableCell .sapMLabel {
		font-weight: bold;
	}
}
/* END "Label.less" */

/* START "LightBox.less" */
/* =============================== */
/* CSS for control sap.m/LightBox  */
/* Base theme                      */
/* =============================== */

@_sap_m_LightBox_MinHeight: 18rem;
@_sap_m_LightBox_FooterOneLineHeightDesktop: 2.5rem;
@_sap_m_LightBox_FooterTwoLinesHeightDesktop: 4rem;
@_sap_m_LightBox_FooterOneLineHeightMobile: 3rem;
@_sap_m_LightBox_FooterTwoLinesHeightMobile: 4.5rem;
@_sap_m_LightBox_TitleSectionPadding: 1rem;
@_sap_m_LightBox_BusyIndicatorHeight: 1rem;
@_sap_m_LightBox_OverlayBackground: @sapUiBlockLayerBackground;
@_sap_m_LightBox_ContainerBackground: @sapUiGlobalBackgroundColor;

/* ==========================================================================
   Container
  ========================================================================== */

.sapMLightBox {
	min-width: 20rem;
	max-width: 100%;
	min-height: 18rem;
	max-height: 100%;
	border-radius: @sapUiElementBorderCornerRadius;
	background-color: @_sap_m_LightBox_ContainerBackground;
	box-shadow: @sapUiShadowLevel3;
	outline: none;
}

html[data-sap-ui-browser^='sf'] .sapMLightBox {
	-webkit-transform: translateZ(0px); // fixes displaying the control behind the block layer in Safari
}

.sap-desktop .sapMLightBox {
	max-width: calc(~"100% - 4rem");
	max-height: calc(~"100% - 4rem");
}

.sap-tablet .sapMLightBox {
	max-width: calc(~"100% - 2rem");
	max-height: calc(~"100% - 2rem");
}

.sapMLightBoxFooter {
  background-color: @sapUiPageFooterBackground;
  border-top: 1px solid @sapUiPageFooterBorderColor;
}

/* ==========================================================================
   Overlay
  ========================================================================== */
.sapMLightBox + .sapUiBLy {
	background: @_sap_m_LightBox_OverlayBackground;
	opacity: 0.9;
}

/* ==========================================================================
   Image
  ========================================================================== */

.sapMLightBox .sapMImg {
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.sapMLightBox.sapMLightBoxTopCornersRadius .sapMImg {
	border-radius: @sapUiElementBorderCornerRadius @sapUiElementBorderCornerRadius 0 0;
}

/* ==========================================================================
   Footer
  ========================================================================== */

.sapMLightBoxFooter {
	display: flex;
	flex-direction: row;
	width: 100%;
	position: absolute;
	bottom: 0;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-webkit-box-align: start;
	justify-content: space-between;
	height: 3rem;
	align-items: flex-end;
	border-radius: 0 0 @sapUiElementBorderCornerRadius @sapUiElementBorderCornerRadius;

	&.sapMLightBoxFooterTwoLines {
		height: @_sap_m_LightBox_FooterTwoLinesHeightMobile;
	}
}

.sapMLightBoxSubtitle {
	margin-top: 0.5rem;
}

.sapMLightBoxTitleSection {
	margin: 0 1rem;
	padding: @_sap_m_LightBox_TitleSectionPadding 0;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	flex: 1;
}

.sapMLightBoxFooter .sapMBtn {
	padding-right: 0.25rem;
	margin-bottom: 0.125rem;
}

.sapMText.sapMLightBoxTitle {
  color: @sapUiBaseText;
  font-family: @sapUiFontFamily;
  font-size: @sapMFontMediumSize;
}

.sapMText.sapMLightBoxSubtitle {
  color: @sapUiContentLabelColor;
  font-family: @sapUiFontFamily;
  font-size: @sapMFontMediumSize;
}

.sapMText.sapMLightBoxTitle,
.sapMText.sapMLightBoxSubtitle {
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
}

/* Footer title
  ========================================================================== */

.sapMLightBoxImageContainer {
	min-height: (@_sap_m_LightBox_MinHeight - 4rem); //TODO: ma trqq go calnem
	position: absolute;
	top: 0;
	bottom: 2.5rem;
	width: 100%;
}

.sapMLightBoxImageContainerTwoHeaders {
	position: absolute;
	top: 0;
	width: 100%;
	height: calc(~"100% - " @_sap_m_LightBox_FooterTwoLinesHeightMobile);
}

/* ==========================================================================
   Busy Indicator
  ========================================================================== */
.sapMLightBox {
	.sapUiSizeCompact {
		.sapMBusyIndicator {
			display: block;
			margin-top: (@_sap_m_LightBox_MinHeight - @_sap_m_LightBox_BusyIndicatorHeight - @_sap_m_LightBox_FooterOneLineHeightDesktop) / 2;
		}

		.sapMLightBoxTwoLines {
			.sapMBusyIndicator {
				height: 14rem;
				margin-top: (@_sap_m_LightBox_MinHeight - @_sap_m_LightBox_BusyIndicatorHeight - @_sap_m_LightBox_FooterTwoLinesHeightDesktop) / 2;
			}
		}
	}
}

.sapMLightBox {
	.sapMBusyIndicator {
		display: block;
		margin-top: (@_sap_m_LightBox_MinHeight - @_sap_m_LightBox_BusyIndicatorHeight - @_sap_m_LightBox_FooterOneLineHeightMobile) / 2;
	}

	.sapMLightBoxTwoLines {
		.sapMBusyIndicator {
			height: 14rem;
			margin-top: (@_sap_m_LightBox_MinHeight - @_sap_m_LightBox_BusyIndicatorHeight - @_sap_m_LightBox_FooterTwoLinesHeightMobile) / 2;
		}
	}
}

/* ==========================================================================
   Error State
  ========================================================================== */

.sapMLightBox .sapMLightBoxErrorContainer {
	padding: 1rem;
}

.sapMLightBox .sapMLightBoxErrorContainerTwoHeaders {
	padding: 2rem;
	height: calc(~"100% - " @_sap_m_LightBox_FooterTwoLinesHeightMobile);
}

.sapMLightBox .sapMLightBoxVerticalLayout {
	text-align: center;
	max-width: 30rem;
}

.sapMLightBox .sapMLightBoxIconErrorContainer {
	margin: 0 auto;
	width: 5rem;
}

.sapMLightBox .sapMLightBoxErrorIcon {
	font-family: SAP-icons;
	font-size: 4rem;
	font-weight: normal;
	width: 5rem;
	height: 5rem;
}

.sapMLightBox .sapMLightBoxErrorTitle {
	margin-top: 1rem;
	font-size: 1.5rem;
	line-height: 2rem;
	color: @sapUiGroupTitleTextColor;
	font-size: @sapMFontHeader2Size;
}

.sapMLightBox .sapMLightBoxErrorSubtitle {
	line-height: normal;
	margin: 1rem auto;
	font-size: 1rem;
	color: @sapUiContentLabelColor;
	font-size: @sapMFontHeader5Size;
}

.sapMLightBox.sapMLightBoxError .sapMLightBoxFooter {
	position: initial;
}

.sapMLightBox .sapMLightBoxErrorContainer .sapUiIcon::before,
.sapMLightBox .sapMLightBoxErrorContainerTwoHeaders .sapUiIcon::before {
  color: @sapUiContentNonInteractiveIconColor;
}

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

.sapUiSizeCompact .sapMLightBoxImageContainerTwoHeaders {
	height: calc(~"100% - " @_sap_m_LightBox_FooterTwoLinesHeightDesktop);
}

.sapUiSizeCompact .sapMLightBoxFooter {
	height: 2.5rem;
	&.sapMLightBoxFooterTwoLines {
		height: 4rem;
	}
}

.sapUiSizeCompact .sapMLightBoxTitleSection {
	padding: 0.75rem 0;
}

.sapUiSizeCompact .sapMLightBoxFooter .sapMBtn {
	padding-right: 0.5rem;
	margin-bottom: 0.25rem;
}

.sapUiSizeCompact .sapMLightBox .sapMLightBoxErrorContainerTwoHeaders {
	height: calc(~"100% - " @_sap_m_LightBox_FooterTwoLinesHeightDesktop);
}

/* END "LightBox.less" */

/* START "Link.less" */
/* =========================== */
/* CSS for control sap.m/Link  */
/* Base theme                  */
/* =========================== */

.sapMLnk {
	color: @sapUiLink;
	text-decoration: none;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: normal;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	cursor: pointer;
}

.sapMLnk:active {
	background-color: transparent; /* required for IE10 */
}

.sapMLnk:active:not(.sapMLnkDsbl),
.sapMLnk:focus:not(.sapMLnkDsbl) {
	color: @sapUiLinkActive;
}
.sapMLnk:visited {
	color: @sapUiLinkVisited;
}
.sapMLnk:hover:not(.sapMLnkDsbl) {
	color: @sapUiLinkHover;
}

.sapUiInverted-CTX .sapUiLnk {
	color: @sapUiLinkInverted;
}

.sapMLnk.sapMLnkWrapping {
	white-space: normal;
	word-wrap: break-word;
}

.sapMLnkMaxWidth {
	max-width: 100%;
}


/* Link in sap.ui.table.* tables */

.sapUiTableCell .sapMLnk {
	vertical-align: middle;
}

.sapUiSizeCondensed .sapUiTableCell .sapMLnk {
	line-height: 1.5rem;
}

.sapUiHLayoutChildWrapper > .sapMLnk {
	vertical-align: text-bottom;
}

.sapMFT .sapMLnk {
	vertical-align: text-top;
}

/* Global focus offset */
html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
	outline-offset: -1px;
	text-decoration: underline;
}

/* Link focus offset and visualization in sap.ui.table.* tables */
html.sap-desktop .sapUiSizeCondensed .sapUiTableCell .sapMLnk:focus:not(.sapMLnkDsbl) {
	outline-offset: -2px;
}
.sapUiAnalyticalTable .sapUiAnalyticalTableSum .sapUiTableCell .sapMLnk {
	font-weight: bold;
}

/* IE and Edge ignores outline-offset. Use an overlay: */
/* TODO remove after 1.62 version */
html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapMLnk:focus:not(.sapMLnkDsbl) {
		outline: none;
		position: relative;
	}
	.sapMLnk:focus:not(.sapMLnkDsbl):before {
		content: " ";
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		border: 1px dashed @sapUiContentFocusColor;
		pointer-events: none;
	}
}

/* Hover Decoration only for desktop clients*/
html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
	text-decoration: underline;
}

html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
	outline: 1px dotted @sapUiContentFocusColor;
}

.sapUiForm .sapMLnk {
	min-height: 1rem; /* do give empty links a size too. Keep the Form stable */
}

.sapUiFormEdit .sapMLnk {
	line-height: normal;
	margin-top: 1rem; /* don't use padding as this would stretch the focus outline */
	margin-bottom: 0.75rem; /* for some reason browser adds 4px, display: block would lead to stretched focus outline*/
}

.sapUiFormToolbar .sapMTB .sapMLnk{
	line-height: normal;
	margin-top: auto;
	margin-bottom: auto;
}

.sapMLnkEmphasized {
	font-weight: bold;
}

/* Compact size */
.sapUiSizeCompact .sapUiFormEdit .sapMLnk {
	margin-top: 0.5rem;
	margin-bottom: 0.25rem;
}

.sapMLnk:-webkit-any-link:focus {
	outline: none;
}
/* END "Link.less" */

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

.sapMList {
	position: relative;	/* This should not break the list but help swipe list content position calculation */
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.sapMListUl {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.sapMListSwipable {
	/* IE Windows 8 */
	/* This elements receives events when not panning in vertial direction */
	touch-action: pan-y;
	-ms-touch-action: pan-y;
}

.sapMListUl:focus {
	outline: none;
}

.sapMListSwp {
	overflow: hidden;
	position: absolute;
	right: 0.5em;
	z-index: 1;
	opacity: 0;
	pointer-events: auto;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-top: -1px;
}

.sapMListDummyArea {
	position: fixed; /* keep it in the visible viewport, so that IE does not scroll on focus */
}

/* swipe animations */
@-webkit-keyframes sapMListSwpInAnim {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes sapMListSwpInAnim {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes sapMListSwpOutAnim {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes sapMListSwpOutAnim {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.sapMListSwpInAnim {
	-webkit-animation: sapMListSwpInAnim 0.2s ease-in forwards;
	animation: sapMListSwpInAnim 0.2s ease-in forwards;
}

.sapMListSwpOutAnim {
	-webkit-animation: sapMListSwpOutAnim 0.2s ease-in forwards;
	animation: sapMListSwpOutAnim 0.2s ease-in forwards;
}

.sapMListNoData {
	list-style-type: none;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	color: @sapUiListTextColor;
	background-color: @sapUiListBackground;
	border-bottom: 1px solid @sapUiListBorderColor;
	padding: 0 1rem !important;
	height:3rem;
}

.sapMListNoDataText {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sapMListShowSeparatorsAll {
	/*class will be added for others, just a reminder*/
}

.sapMListShowSeparatorsInner {
	/*class will be added for others, just a reminder*/
}

.sapMListShowSeparatorsNone {
	/*class will be added for others, just a reminder*/
}

/* Growing feature */
.sapMGrowingListTrigger {
	display: block;
	text-align: center;
	overflow: hidden;
	border-top: 1px solid @sapUiListHeaderBorderColor;
}

/* .sapMSLIDescription also has padding defined, hence making the style rule stronger */
.sapMGrowingListDescription.sapMSLIDescription {
	display: none;
	padding: 0.375rem 2rem 0.875rem 2rem;
	text-align: center;
}

.sapMGrowingListBusyIndicatorVisible .sapMGrowingListTriggerText,
.sapMGrowingListBusyIndicatorVisible .sapMGrowingListDescription {
	visibility: hidden;
}

/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiContainerContentPadding(~".sapMList");

.sapUiFioriObjectPage > section > .sapMList:not(.sapMListInsetBG) {
	margin: 1rem 0;
	padding: 0 1rem;
	box-sizing:           border-box;
}
.sapUiFioriObjectPage > section > .sapMITB + .sapMList:not(.sapMListInsetBG) {
	margin-top: 1rem;
}
html.sap-phone .sapUiFioriObjectPage > section > .sapMList:not(.sapMListInsetBG) {
	padding: 0;
}

.sapUIMeTabContainerContent .sapMList {
	padding: 1rem;
	box-sizing: border-box;
}

html.sap-phone .sapUIMeTabContainerContent .sapMList {
	padding: 0rem;
	box-sizing: border-box;
}

.sapMListInsetBG {
	padding: 2rem;
}

.sapMListInsetBG > .sapMListSwp {
	margin-right: 2rem;
}

html.sap-phone .sapMListInsetBG{
	padding: 1rem;
}
html.sap-phone .sapMListInsetBG > .sapMListSwp {
	margin-right: 1rem;
}

.sapMListHdrText {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
	font-size: @sapMFontHeader4Size;
	font-family: @sapUiFontHeaderFamily;
	color: @sapUiGroupTitleTextColor;
	height: 3rem;
	line-height: 3rem;
	padding: 0 1rem;
	background-color: @sapUiGroupTitleBackground;
	border-bottom: 1px solid @sapUiGroupTitleBorderColor;
}

.sapMListFtr{
	height: 2rem;
	box-sizing: border-box;
	-webkit-text-size-adjust: none;	/* To improve readability Mobile Safari automatically increases the size of small text so let's disable this */
	font-size: @sapMFontMediumSize;
	line-height: 2rem;
	background-color: @sapUiListFooterBackground;
	color: @sapUiListFooterTextColor;
	padding: 0 1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapMListTopBorder {
	border-top: 1px solid @sapUiListBorderColor;
}

.sapMListShowSeparatorsNone .sapMListNoData {
	border-bottom: 0px;
}

.sapUIMeTabContainerContent .sapMFeedListItem {
	display: block;
	padding: .5rem 0;
}

/* Growing feature */
.sapMGrowingListBusyIndicator {
	margin: 1.5rem 1.0rem ;
	position: absolute;
}

.sapMGrowingListTriggerText {
	padding: 0 1rem;
}

.sapMGrowingListTriggerText > .sapMSLITitle {
	margin: 0.813rem 0; /* overwrites any user-agent default margin values */
	padding-bottom: 0;
	color: @sapUiButtonTextColor;
	font-weight: bold;
}

.sapMGrowingListDescription.sapMSLIDescription {
	color: @sapUiButtonTextColor;
}

/* sticky headers */
.sapMSticky > .sapMListHdr,
.sapMSticky > .sapMListInfoTBarContainer {
	position: sticky;
	position: -webkit-sticky;
}

/* sticky headerToolbar/headerText background when transparent */
.sapMSticky > .sapMListHdrText,
.sapMSticky > .sapMListHdrTBar.sapMTB-Transparent-CTX {
	background: @sapUiListHeaderBackground;
}

.sapMSticky > .sapMListHdr,
.sapMSticky > .sapUiLocalBusyIndicator {
	z-index: 3;
}

.sapMSticky > .sapMListInfoTBarContainer {
	z-index: 2;
}

/* .sapMSticky3 denotes that the headerToolbar/headerText and the infoToolbar are sticky */
/* .sapMSticky2 denotes that only the infoToolbar is sticky */
/* .sapMSticky1 denotes that only the headerToolbar/headerText is sticky */
/* top: 0 sticky conditions : 1st sticky elements */
.sapMSticky1 > .sapMListHdr,
.sapMSticky2 > .sapMListInfoTBarContainer,
.sapMSticky3 > .sapMListHdr {
	top: 0;
}

/* top: 3rem sticky conditions : 2nd sticky elements*/
.sapMSticky3 > .sapMListInfoTBarContainer {
	top: @sapUiElementLineHeight;
}

/* Compact size */
.sapUiSizeCompact .sapMListNoData {
	height: 2rem;
	font-size: @sapMFontMediumSize;
}

.sapUiSizeCompact .sapMGrowingListDescription{
	padding-top: 0;
}
/* END "ListBase.less" */

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

@_sap_m_ListItemBase_DeleteIcon: sys-cancel;
@_sap_m_ListItemBase_ButtonMarginTop: auto;

.sapMLIB,
.sapMLIBImgNav {
	box-sizing: border-box;
}

.sapMLIB {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	position: relative;
	background: @sapUiListBackground;
	border-bottom: 1px solid @sapUiListBorderColor;
	padding: 0 1rem 0 1rem;
}

.sapMLIBIconDet,
.sapMLIBIconDel {
	margin-left: 0.125rem;
}

.sapMLIBContent {
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	max-width: 100%;
}

.sapMLIBFocusable:focus {
	outline: 1px dotted @sapUiContentFocusColor;
	outline-offset: -2px;
}

/* makes the focus outline visible when hightlight is used */
.sapMLIBFocusable:focus .sapMLIBHighlight {
	width: 0.25rem;
	left: 2px;
	bottom: 1px;
	top: 2px;
}

.sapMLIB:not(.sapMLIBFocusable):focus,
.sapMListTblSubRow:focus {
	outline: none;
}

/* IE ignores outline-offset. Use an overlay: */
.sapMLIBLegacyOutline:focus {
	outline: none;
	position: relative;
}

.sapMLIBLegacyOutline:focus::before {
	content: "";
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	border: 1px dotted @sapUiContentFocusColor;
}

.sapMLIBActionable,
.sapMLIBActionable > .sapMLIBImgNav,
.sapMListTblNavCol > .sapMLIBImgNav,
.sapMLIBActionable .sapMSLIThumbnail,
.sapMLIBActionable .sapMSLIImgIcon {
	cursor: pointer;
}

.sapMLIBImgNav,
.sapMLIBImgDet,
.sapMLIBImgDel,
.sapMLIBIconDet,
.sapMLIBSelectS,
.sapMLIBSelectM,
.sapMLIBSelectD,
.sapMLIBCounter {
	-webkit-box-flex: 0;
	flex: none;
}

.sapMLIBHighlight {
	position: absolute;
	width: 0.375rem;
	bottom: 0;
	left: 0;
	top: 0;
}

.sapMLIBHighlight + .sapMLIBContent,
.sapMListHighlight .sapMLIBContent:first-child {
	margin-left: 0.375rem;
}

.sapMLIBSelectS,
.sapMLIBSelectM {
	width: 3rem;
	margin-left: 0;
	padding-left: 0;
}

.sapMLIBHighlight + .sapMLIBSelectS,
.sapMLIBHighlight + .sapMLIBSelectM,
.sapMListHighlight > .sapMLIB > .sapMLIBSelectS:first-child,
.sapMListHighlight > .sapMLIB > .sapMLIBSelectM:first-child {
	margin-left: -0.625rem;
}

.sapMLIB > .sapMLIBSelectS:first-child,
.sapMLIB > .sapMLIBSelectM:first-child {
	margin-left: -0.8125rem;
}

.sapMLIBHighlightInformation {
	background: @sapUiInformationBorder;
}
.sapMLIBHighlightSuccess {
	background: @sapUiSuccessBorder;
}
.sapMLIBHighlightWarning {
	background: @sapUiWarningBorder;
}
.sapMLIBHighlightError {
	background: @sapUiErrorBorder;
}

.sapMLIBHighlightIndication01 {
	background: @sapUiIndication1;
}
.sapMLIBHighlightIndication02 {
	background: @sapUiIndication2;
}
.sapMLIBHighlightIndication03 {
	background: @sapUiIndication3;
}
.sapMLIBHighlightIndication04 {
	background: @sapUiIndication4;
}
.sapMLIBHighlightIndication05 {
	background: @sapUiIndication5;
}

/* IE ignores outline-offset. Use an overlay: */
.sapMLIBFocusable.sapMLIBLegacyOutline:focus {
	outline: none;
}

:not(.sapMListModeDelete) > .sapMLIB.sapMLIBTypeNavigation {
	padding-right: 0;
}

.sapMListShowSeparatorsNone .sapMLIBShowSeparator {
	border-bottom: 1px solid transparent;
}

.sapMListShowSeparatorsInner .sapMLIBShowSeparator:last-child {
	border-bottom-color: transparent;
}

.sapMLIB.sapMListTblSupRow {
	border-bottom: 0;
}

.sapMLIBSelectAnimation {
	-webkit-animation-duration: 0.25s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-name: resize;
	animation-duration: 0.25s;
	animation-timing-function: ease-in;
	animation-name: resize;
}

@-webkit-keyframes resize {
	0% {
		width: 0;
		opacity: 0;
	}
	100% {
		width: 2.5rem;
		opacity: 1;
	}
}

@keyframes resize {
	0% {
		width: 0;
		opacity: 0;
	}
	100% {
		width: 2.5rem;
		opacity: 1;
	}
}

.sapUiSizeCompact .sapMLIBSelectAnimation {
	-webkit-animation-duration: 0.25s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-name: resizeCompact;
	animation-duration: 0.25s;
	animation-timing-function: ease-in;
	animation-name: resizeCompact;
}

@-webkit-keyframes resizeCompact {
	0% {
		width: 0;
		opacity: 0;
	}
	100% {
		width: 2rem;
		opacity: 1;
	}
}

@keyframes resizeCompact {
	0% {
		width: 0;
		opacity: 0;
	}
	100% {
		width: 2rem;
		opacity: 1;
	}
}

.sapMLIBUnselectAnimation {
	-webkit-animation-duration: 0.25s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-name: close;
	animation-duration: 0.25s;
	animation-timing-function: ease-in;
	animation-name: close;
}

@-webkit-keyframes close {
	0% {
		width: 3rem;
	}
	100% {
		width: 0;
	}
}

@keyframes close {
	0% {
		width: 3rem;
	}
	100% {
		width: 0;
	}
}

.sapMLIBUnread,
.sapMLIBUnread > .sapMListTblCell,
.sapMLIBUnread + .sapMListTblSubRow {
	font-family: @sapUiFontFamily;
	font-weight: bold;
}

.sapMLIBCounter {
	font-size: 0.875rem;
	color: @sapUiContentMarkerTextColor;
	padding-left: 1rem;
}

.sapMLIBImgNav {
	width: @sapUiElementLineHeight;
	font-size: 0.75rem;
	color: @sapUiContentNonInteractiveIconColor;
}

.sapMLIBActive .sapMLIBImgNav {
	color: @sapUiListActiveTextColor;
}


.sapMListBGTransparent .sapMLIB {
	background: fade(@sapUiListBackground, 0);
}

.sapMLIBHoverable:hover {
	background : @sapUiListHoverBackground;
}

.sapMLIB.sapMLIBSelected {
	background: @sapUiListSelectionBackgroundColor;
}

.sapMLIB.sapMLIBActive {
	color: @sapUiListActiveTextColor;
	background: @sapUiListActiveBackground;
}

.sapMLIBHoverable.sapMLIBSelected:hover {
	background : @sapUiListSelectionHoverBackground;
}

.sapMLIBHoverable.sapMLIBSelected.sapMLIBActive:hover {
	background: @sapUiListActiveBackground;
}

.sapMLIBActive div,
.sapMLIBActive .sapMLIBCounter {
	color: @sapUiListActiveTextColor;
}

.sapMLIBNavigated {
	height: 100%;
	width: 0.1875rem;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: @sapUiSelected;
}

/* Compact size */
.sapUiSizeCompact .sapMLIBSelectS,
.sapUiSizeCompact .sapMLIBSelectM {
	width: 2rem;
}

// adding margin-right 1rem so that width + margin-right = 3rem (according to the specs)
.sapUiSizeCompact .sapMLIBSelectM,
.sapUiSizeCompact .sapMListModeSingleSelectLeft > .sapMLIB > .sapMLIBSelectS {
	margin-right: 1rem;
}

.sapUiSizeCompact .sapMLIB > .sapMLIBSelectS:first-child,
.sapUiSizeCompact .sapMLIB > .sapMLIBSelectM:first-child {
	margin-left: -0.5rem;
}
/* END "ListItemBase.less" */


/* Note: The following file is not in alphabetical order and should be imported after ListItemBase.less */
/* START "CustomListItem.less" */
/* ===================================== */
/* CSS for control sap.m/CustomListItem  */
/* Base theme                            */
/* ===================================== */

.sapMLIBLegacyOutline.sapMCLI > .sapMLIBContent{
	width: 100%;	/* IE flexbox workaround max-width is not respected */
}

.sapMCLI {
	padding: 0;
}

.sapMListModeSingleSelectLeft > .sapMCLI,
.sapMListModeMultiSelect > .sapMCLI {
	padding-left: 1rem;
}
/* END "CustomListItem.less" */


/* START "Menu.less" */
/* =========================== */
/* CSS for control sap.m/Menu  */
/* Base theme                  */
/* =========================== */

.sapMListIcons .sapMLIB:not(.sapMSLIIcon) > .sapMLIBContent {
	padding-left: 2rem;
}

.sapMRespMenuDialog .sapMLIB {
	border-bottom: none;
}

/* compact */
.sapUiSizeCompact .sapMMenu.sapUiMnu {
	min-width: 50px;
}

.sapUiSizeCompact .sapMMenu .sapUiMnuItmIco > .sapUiIcon {
	font-size: 1rem;
}

/* end compact */
/* END "Menu.less" */

/* START "MenuButton.less" */
/* ================================= */
/* CSS for control sap.m/MenuButton  */
/* Base theme                        */
/* ================================= */

.sapMMenuBtn {
	display: inline-block;
	max-width: 12rem;
}

.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner {
	text-align: left;
	padding-right: 2rem;
	position: relative;
}

.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner:not(.sapMBtnText) {
	padding-right: 1.4375rem;
}

.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
	position: absolute;
	top: 0;
	right: 0;
	pointer-events: none;
	font-family: 'SAP-icons';
	content: '\e1ef';
	display: inline-block;
	font-size: 0.75rem;
	height: 38px; //ie does not accept rem for height in pseudo elements, but it works with px when you zoom
	line-height: 38px;
	padding-right: 0.75rem;
	padding-left: 0.5625rem;
	color: @sapUiButtonIconColor;
}

.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner {
	background-image: none;
	text-shadow: none;
	background-color: @sapUiButtonActiveBackground;
	border-color:     @sapUiButtonActiveBorderColor;
}

.sapUiSizeCompact {
	.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner {
		padding-right: 1.625rem;
	}

	.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner:not(.sapMBtnText) {
		padding-right: 1.25rem;
	}

	.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
		height: 24px; //ie does not accept rem for height in pseudo elements, but it works with px when you zoom
		line-height: 24px;
		padding-right: 0.5rem;
		padding-left: 0.375rem;
	}
}

//type Emphasized
.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnEmphasized::after {
	color: @sapUiButtonEmphasizedTextColor;
	text-shadow: @sapUiButtonEmphasizedTextShadow;
}


.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnEmphasized.sapMBtnActive::after {
	text-shadow: none;
}

//type Accept
.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnAccept::after {
	color: @sapUiButtonAcceptTextColor;
}

//type Reject
.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnReject::after {
	color: @sapUiButtonRejectTextColor;
}

//type Default, Transparent(header)
.sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnActive::after {
  color: @sapUiButtonActiveTextColor;
}

//Transparent(footer)
.sapMIBar-CTX.sapMFooter-CTX .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
	color: @sapUiContentContrastIconColor;
	text-shadow: @sapUiButtonEmphasizedTextShadow;
}

.sapMFooter-CTX .sapMMenuBtn .sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
	text-shadow: none;
}

.sapMIBar-CTX.sapMFooter-CTX .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnActive::after {
	text-shadow: none;
}

.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnReject {
	background-color: @sapUiButtonRejectActiveBackground;
	border-color:     @sapUiButtonRejectActiveBorderColor;
}

.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnAccept {
	background-color: @sapUiButtonAcceptActiveBackground;
	border-color:     @sapUiButtonAcceptActiveBorderColor;
}

.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnEmphasized {
	background-color: @sapUiButtonEmphasizedActiveBackground;
	border-color:     @sapUiButtonEmphasizedActiveBorderColor;
}

.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner .sapMBtnIcon {
	color: @sapUiButtonActiveTextColor;
}
/* END "MenuButton.less" */

/* START "MenuListItem.less" */
/* =================================== */
/* CSS for control sap.m/MenuListItem  */
/* Base theme                          */
/* =================================== */

/* phone */

.sapMRespMenuDialog .sapMLIB {
	position: relative;
}

.sapMRespMenuDialog .sapMSLIIcon {
	padding-left: 0;
}

.sapMRespMenuDialog .sapMSLIIcon > .sapMLIBContent {
	margin-left: 0;
}

.sapMRespMenuDialog .sapMSLITitleOnly {
	font-style: normal;
	font-weight: normal;
	font-size: @sapMFontMediumSize;
}

.sapMMenuLIHasChildren .sapMSLITitleDiv {
	margin-right: 2rem;
	text-overflow: ellipsis;
}

.sapMMenuLIImgThumbIcon {
	font-size: 1.375rem;
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	-webkit-box-flex: 0;
	flex: none;
}

.sapMMenuLIArrowRightIcon {
	position:absolute;
	right:0;
	top:0;
	font-size: .75rem;
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	-webkit-box-flex: 0;
	flex: none;
}

.sapMRespMenuDialog .sapUiMnuDiv {
	height: 1px;
}

.sapMRespMenuDialog .sapUiMnuDiv > hr {
	height: 0;
	margin: 0;
	left: 1rem;
	right: 1rem;
}

/* end phone */

/* desktop and tablet */

.sapMMenu .sapUiMnuDiv > hr {
	height: 0;
	margin: 0;
}

.sapMMenu .sapUiMnuItmTxt {
	padding-right: 2rem;
	max-width: 16rem;
	text-overflow: ellipsis;
}


.sapMMenu.sapUiMnu .sapUiMnuNoIco.sapUiMnuNoSbMnu .sapUiMnuItmTxt {
	max-width: 19rem;
}

.sapMMenu.sapUiMnu .sapUiMnuNoIco:not(.sapUiMnuNoSbMnu) .sapUiMnuItmTxt,
.sapMMenu.sapUiMnu .sapUiMnuNoSbMnu:not(.sapUiMnuNoIco) .sapUiMnuItmTxt {
	max-width: 17.5rem;
}

//really strong selector in the sapUiMnu demands this
.sapUiSizeCozy.sapMMenu.sapUiMnu.sapUiMnuCozySupport .sapUiMnuItmTxt {
	padding-right: 3rem;
	max-width: 14rem;
	text-overflow: ellipsis;
}

.sapUiSizeCozy.sapMMenu.sapUiMnu .sapUiMnuNoIco.sapUiMnuNoSbMnu .sapUiMnuItmTxt {
	max-width: 18rem;
}

.sapUiSizeCozy.sapMMenu.sapUiMnu .sapUiMnuNoIco:not(.sapUiMnuNoSbMnu) .sapUiMnuItmTxt,
.sapUiSizeCozy.sapMMenu.sapUiMnu .sapUiMnuNoSbMnu:not(.sapUiMnuNoIco) .sapUiMnuItmTxt {
	max-width: 16rem;
}

/* end cozy */

/* compact */


.sapUiSizeCompact .sapMMenuLIArrowRightIcon {
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
}

/* end compact */

/* end desktop and tablet */
/* END "MenuListItem.less" */

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

// Forces the usage of "sap-icon://message-information" if set to true else "sap-icon://hint" is used
@_sap_m_Message_Box_Information_Icon: true;

.sapMMessageBoxLinkText {
	margin-top: 1rem;
	float: left;
}

.sapMMessageBoxDetails {
	padding-top: 1rem;
}

.sapMMessageBoxBarShadow(@color) {
	box-shadow: inset 0 -0.125rem @color;
}

.sapMDialog.sapMMessageBoxInfo .sapMDialogIcon.sapUiIcon {
	color: @sapUiNeutralElement;
}

.sapMDialog.sapMMessageBoxWarning .sapMDialogIcon.sapUiIcon {
	color: @sapUiCriticalElement;
}

.sapMDialog.sapMMessageBoxError .sapMDialogIcon.sapUiIcon {
	color: @sapUiNegativeElement;
}

.sapMDialog.sapMMessageBoxSuccess .sapMDialogIcon.sapUiIcon {
	color: @sapUiPositiveElement;
}

.sapMDialog.sapMMessageBoxQuestion .sapMDialogIcon.sapUiIcon {
	color: @sapUiNeutralElement;
}

.sapMDialog.sapMMessageDialog.sapMMessageBoxInfo .sapMDialogTitle > .sapMBar {
	.sapMMessageBoxBarShadow(@sapUiNeutralElement);
}

.sapMDialog.sapMMessageDialog.sapMMessageBoxWarning .sapMDialogTitle > .sapMBar {
	.sapMMessageBoxBarShadow(@sapUiCriticalElement);
}

.sapMDialog.sapMMessageDialog.sapMMessageBoxError .sapMDialogTitle > .sapMBar {
	.sapMMessageBoxBarShadow(@sapUiNegativeElement);
}

.sapMDialog.sapMMessageDialog.sapMMessageBoxSuccess .sapMDialogTitle > .sapMBar {
	.sapMMessageBoxBarShadow(@sapUiPositiveElement);
}

.sapMDialog.sapMMessageDialog.sapMMessageBoxQuestion .sapMDialogTitle > .sapMBar {
	.sapMMessageBoxBarShadow(@sapUiNeutralElement);
}
/* END "MessageBox.less" */

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

.sapMMsgStrip {
	border: 1px solid;
	border-radius: 0.1875rem;
	box-sizing: border-box;
	font-size: @sapMFontMediumSize;
	font-weight: normal;
	padding: 0.4375rem 1rem;
	position: relative;
	min-height: 2rem;

	&[data-sap-ui-ms-closable='true'] > .sapMMsgStripMessage {
		margin-right: 1rem;
	}
}

html[data-sap-ui-animation='on'] {
	.sapMMsgStrip {
		-webkit-transition: opacity 0.2s;
		transition: opacity 0.2s;
	}

	.sapMMsgStripCloseButton {
		-webkit-transition: color 0.1s;
		transition: color 0.1s;
	}
}

html[data-sap-ui-browser='ie11'] .sapMMsgStripMessage {
	word-wrap: break-word;
}


.sapMMsgStripClosing {
	opacity: 0;
}

.sapMMsgStripIcon {
	position: absolute;
	left: 0;
	width: 2.5rem;
	font-size: 1rem;
	text-align: center;

	& ~ .sapMMsgStripMessage {
		margin-left: 1.5rem;
	}
}

.sapMMsgStripMessage {
	max-height: 10rem;
	overflow: auto;

	& > .sapMText,
	& > .sapMFT,
	& > .sapMLnk {
		display: inline;
	}

	& > .sapMLnk {
		margin-left: 0.25rem;
	}

	& > .sapMText {
		line-height: 1.2;
	}

}

.sapMMsgStripCloseButton {
	border: 0;
	padding: 0;
	background: transparent;
	color: inherit;
	width: 1.625rem;
	height: 1.625rem;
	position: absolute;
	top: 0.125rem;
	right: 0.125rem;
	box-sizing: border-box;
	font-family: 'SAP-icons';
	font-size: 0.75rem;
	cursor: pointer;

	&:focus {
		outline: 0;
	}

	&::-moz-focus-inner {
		border: 0;
	}

	&::before {
		content: "";
		position: absolute;
		top: -25%;
		bottom: -25%;
		left: -25%;
		right: -25%;
	}

	&::after {
		content: '\e03e';
		position: absolute;
	}
}

.sapMMsgStripInformation {
	background-color: @sapUiNeutralBG;
	border-color: @sapUiNeutralBorder;
	color: @sapUiBaseText;

	& .sapMMsgStripIcon {
		color: @sapUiNeutralElement;
	}
}

.sapMMsgStripSuccess {
	background-color: @sapUiSuccessBG;
	border-color: @sapUiSuccessBorder;
	color: @sapUiBaseText;

	& .sapMMsgStripIcon {
		color: @sapUiPositiveElement;
	}
}

.sapMMsgStripWarning {
	background-color: @sapUiWarningBG;
	border-color: @sapUiWarningBorder;
	color: @sapUiBaseText;

	& .sapMMsgStripIcon {
		color: @sapUiCriticalElement;
	}
}

.sapMMsgStripError {
	background-color: @sapUiErrorBG;
	border-color: @sapUiErrorBorder;
	color: @sapUiBaseText;

	& .sapMMsgStripIcon {
		color: @sapUiNegativeElement;
	}
}

/* END "MessageStrip.less" */

/* START "MessagePopover.less" */
/* ===================================== */
/* CSS for control sap.m/MessagePopover  */
/* Base theme                            */
/* ===================================== */

.sapMMsgPopover.sapMMsgPopover-init {
	.sapMNavItem.sapMPage {
		position: relative;
	}

	.sapMIBar {
		border-bottom: 0;
	}
}

.sapMMsgPopoverCloseBtn {
	.sapMBtnIcon {
		width: 2.5rem;
		height: 2.5rem;
		font-size: 1rem;
	}
}

/* Compact size */
.sapUiSizeCompact.sapMMsgPopover {
	.sapMMsgPopoverCloseBtn .sapMBtnIcon {
		width: 1.626rem;
		height: 1.626rem;
		font-size: 0.75rem;
	}

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

	.sapMBtnCustomIcon  {
		margin-left: 0;
	}
}

.sapMPopover.sapMMsgPopover.sapMMsgPopover-init {
	.sapMPopoverArr:after {
		border-top-color: @sapUiPageHeaderBackground;
	}
}

.sapMMsgPopoverCloseBtn .sapMBtnIcon {
	color: @sapUiButtonIconColor;
}

// style links in the description as Link control
.sapMMsgPopoverDescriptionText a {
	text-decoration: none;
	color: @sapUiLink;
	&:hover {
		text-decoration: underline;
		color: @sapUiLinkHover;
	}
	&:visited {
		text-decoration: none;
		color: @sapUiLinkVisited;
	}
	&:active {
		color: @sapUiLinkActive;
	}
}

/* END "MessagePopover.less" */

/* START "MessageView.less" */
/* ===================================== */
/* CSS for control sap.m/MessagePopover  */
/* Base theme                            */
/* ===================================== */
@_sap_m_MessageView_DescIcon_Width: 3rem;

.sapMMsgView {
	height: 100%;

	.sapMSegBBtnMixed .sapMSegBBtnInner {
		padding-left: 0;
		padding-right: 0;
	}

	.sapMDialogScrollCont {
		padding: 0;
	}

	.sapMIBar .sapMBarChild {
		margin-left: .25rem;
		margin-right: .25rem;
	}

	.sapMMsgViewTitleText,
	.sapMMsgViewDescriptionText {
		margin: 1rem 1rem 0 3rem;
		a.sapMLnkMaxWidth,
		&.sapMLnkMaxWidth {
			white-space: normal;
		}
	}

	.sapMMsgViewDescriptionText {
		padding-bottom: 1rem;
		font-size: @sapMFontMediumSize;
		display: block;
	}

	.sapMMsgViewDescriptionLink {
		margin: 1rem 0 0 3rem;
	}

	.sapMMsgViewDescriptionText:empty {
		display: none;
	}

	.sapMMsgViewTitleText {
		vertical-align: middle;
		font-size: @sapMFontHeader5Size;
	}

	.sapMSLIDescription {
		margin-top: 0.125rem;
		font-size: @sapMFontMediumSize;
	}

	.sapMSLITitle {
		font-size: @sapMFontLargeSize;

		.sapMLnk {
			display: block;
		}
	}

	.sapMSLITitleOnly {
		font-size: @sapMFontLargeSize;
	}

	.sapMLIB.sapMLIBActive {
		.sapMSLIImgIcon {
			color: @sapUiListActiveTextColor;
		}
	}

	.sapMSLIDescIcon .sapMSLIDescription {
		margin-top: 0.125rem;
	}

	.sapMSLIInfo {
		margin: 0;
	}

	.sapMTextMaxWidth {
		max-width: ~"calc(100% - @{_sap_m_MessageView_DescIcon_Width})";
	}

	.sapMSLITitle, .sapMSLITitleOnly,
	.sapMSLIWithDescription > .sapMLIBContent > .sapMSLIDiv > .sapMSLIDescription {
		padding: 0;
	}
}

.sapMMsgViewDescIcon {
	position: absolute;
	left: 0;
	width: @_sap_m_MessageView_DescIcon_Width;
	top: .7rem;
	font-size: 1.35rem;
}

.sapMMsgViewItemActive {

	& .sapMLnk {
		font-size: 1rem;
	}

	& .sapMSLITitleOnly {
		display: flex;
		align-items: center;
	}
}

/* Compact size */
.sapUiSizeCompact .sapMMsgView {
	&.sapMPopoverArrUp:after,
	&.sapMPopoverWithoutBar.sapMPopoverNav.sapMPopoverWithHeaderCont > .sapMPopoverArrUp:after,
	&.sapMPopoverWithoutBar.sapMPopoverPage.sapMPopoverWithHeaderCont > .sapMPopoverArrUp:after {
		bottom: -9px;
		left: -8px;
	}

	.sapMMsgViewItem {
		height: 3.5rem;
		padding-left: 0;
	}

	.sapMMsgViewItemActive .sapMLnk {
		font-size: @sapMFontMediumSize;
	}

	.sapMMsgViewItem:not(.sapMSLIWithDescription) {
		height: 2rem;
	}

	.sapMMsgViewItem:not(.sapMSLIWithDescription) .sapMLIBImgNav.sapUiIcon {
		height: 2rem;
		line-height: 2rem;
	}

	.sapMMsgViewItem .sapMLIBImgNav.sapUiIcon {
		height: 3.4375rem;
		line-height: 3.4375rem;
	}

	.sapMMsgViewCloseBtn .sapMBtnIcon {
		width: 1.626rem;
		height: 1.626rem;
		font-size: 0.75rem;
	}

	.sapMList .sapMLIBContent .sapUiIcon {
		font-size: 1rem;
	}

	.sapMBtnInner {
		padding: 0;
	}

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

	.sapMBtnCustomIcon  {
		margin-left: 0;
	}

	.sapMMsgViewDescIcon {
		width: @_sap_m_MessageView_DescIcon_Width;
		height: 1.626rem;
		line-height: 1.626rem;
		font-size: 1rem;
	}

	.sapMSLIDescription {
		margin-top: 0;
		font-size: @sapMFontMediumSize;
	}

	.sapMSLITitle {
		font-size: @sapMFontMediumSize;
	}

	.sapMSLIDescIcon .sapMSLITitle,
	.sapMSLIDescIcon .sapMSLIDescription {
		margin-top: 0.125rem;
		margin-bottom: 0.125rem;
	}
}

.sapMMsgViewCloseBtn .sapMBtnIcon {
	color: @sapUiButtonIconColor;
}

.sapMMsgViewItemSuccess .sapMSLIImgIcon,
.sapMMsgViewBtnSuccess.sapMSegBBtn .sapUiIcon,
.sapMMsgViewDescIconSuccess {
	color: @sapUiPositiveElement;
}

.sapMMsgViewItemWarning .sapMSLIImgIcon,
.sapMMsgViewBtnWarning.sapMSegBBtn .sapUiIcon,
.sapMMsgViewDescIconWarning {
	color: @sapUiCriticalElement;
}

.sapMMsgViewItemError .sapMSLIImgIcon,
.sapMMsgViewBtnError.sapMSegBBtn .sapUiIcon,
.sapMMsgViewDescIconError {
	color: @sapUiNegativeElement;
}

.sapMMsgViewItemInformation .sapMSLIImgIcon,
.sapMMsgViewBtnInformation.sapMSegBBtn .sapUiIcon,
.sapMMsgViewDescIconInformation {
	color: @sapUiNeutralElement;
}

.sapMMsgViewItem .sapMSLIIconActive {
	color: @sapUiContentContrastIconColor;
}
/* END "MessageView.less" */

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

.sapMMessageToast {
	box-sizing: border-box;
	position: absolute;
	max-width: 100%;
	word-wrap: break-word;
	text-align: center;
	text-decoration: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: pre-line;
	font-size: @sapMFontMediumSize;
	font-family: @sapUiFontFamily;
	font-weight: normal;
	padding: 1rem;
	background: @sapUiListBackground;
	color: @sapUiListTextColor;
	box-shadow: @sapUiShadowLevel2;
	border-radius: 0.25rem;
}
/* END "MessageToast.less" */

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

@_sap_m_InputWithTokens_TokenizerMinWidth: 3.25rem;

/*MIN-WIDTH variables*/
/* rounding values to 2 symbols, because of IE and Edge */
@_InputBase_Control_Tokens_MinWidth: round((@_InputBase_Control_OneIcon_MinWidth + @_sap_m_InputWithTokens_TokenizerMinWidth), 2);
@_InputBase_Control_Tokens_ReadOnly_MinWidth: round((@_InputBase_Control_MinWidth + @_sap_m_InputWithTokens_TokenizerMinWidth), 2);
@_InputBase_Control_Tokens_State_MinWidth: round((@_InputBase_Control_Tokens_MinWidth + @_sap_m_InputBaseWrapper_Sum_Border), 2);

@_InputBase_Control_Tokens_MinWidth_Compact: round((@_InputBase_Control_OneIcon_MinWidth_Compact + @_sap_m_InputWithTokens_TokenizerMinWidth), 2);
@_InputBase_Control_Tokens_ReadOnly_MinWidth_Compact: round((@_InputBase_Control_MinWidth_Compact + @_sap_m_InputWithTokens_TokenizerMinWidth), 2);
@_InputBase_Control_Tokens_State_MinWidth_Compact: round((@_InputBase_Control_Tokens_MinWidth_Compact + @_sap_m_InputBaseWrapper_Sum_Border), 2);

/* hande min-width calculation */
.sapMMultiComboBox.sapMMultiComboBoxHasToken {
	.sapMTokenizer {
		min-width: @_sap_m_InputWithTokens_TokenizerMinWidth;
	}

	&.sapMFocus:not(.sapMInputBaseReadonly) .sapMTokenizer {
		left: 0.125rem;
	}

	.sapMInputBaseContentWrapper {
		min-width: @_InputBase_Control_Tokens_MinWidth;
		&.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
			min-width: @_InputBase_Control_Tokens_State_MinWidth;
		}
	}

	&.sapMInputBaseReadonly .sapMInputBaseContentWrapper {
		min-width: @_InputBase_Control_Tokens_ReadOnly_MinWidth;
	}
}

.sapMMultiComboBox:not(.sapMMultiComboBoxHasToken) .sapMTokenizer {
	padding-left: 0;
}

.sapMMultiComboBox .sapMTokenizer {
	max-height: 100%;
}

.sapMMultiComboBoxHasToken .sapMInputBaseInner {
	padding-left: 0;
}

.sapMMultiComboBoxReadOnlyPopover {
	.sapMLIB {
		pointer-events: none;
		border-bottom: 0;

		&.sapMLIBHoverable:hover {
			background: none;
		}
	}
}

.sapMMultiComboBox.sapMInputBaseNoWidth {
	width: 100%;
}

li.sapMMultiComboBoxItem .sapMCbBg {
	top: 0;
	bottom: 0;
	margin: auto;
}

/* Keep placeholder invisible, when at least one token is chosen */
.sapMMultiComboBoxHasToken .sapMInputBaseInner::-moz-placeholder {
	color: transparent;
}

.sapMMultiComboBoxHasToken .sapMInputBaseInner::-webkit-input-placeholder {
	color: transparent;
}

.sapMMultiComboBoxHasToken .sapMInputBaseInner:-ms-input-placeholder {
	color: transparent;
}

.sapMMultiComboBoxHasToken .sapMInputBaseInner:-moz-placeholder {
	color: transparent;
}

/* ------------------------------ */
/* ListItem                       */
/* ------------------------------ */

.sapMMultiComboBoxItem .sapMCb {
	height: 2.5rem;
	line-height: 2.5rem;
}

li.sapMMultiComboBoxItem {
	height: 2.5rem;
}

.sapMMultiComboBoxPicker .sapMSLITitleOnly {
	font-size: 0.875rem;
}

html.sap-desktop li.sapMMultiComboBoxItemRangeSelection {
	background-color: @sapUiListHoverBackground;
}

/* Compact size */
.sapUiSizeCompact {
	.sapMMultiComboBoxItem .sapMCb {
		height: 2rem;
		line-height: 2rem;
	}

	/* handle min-width calculation */
	.sapMMultiComboBox.sapMMultiComboBoxHasToken {
		.sapMInputBaseContentWrapper {
			min-width: @_InputBase_Control_Tokens_MinWidth_Compact;
			&.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
				min-width: @_InputBase_Control_Tokens_State_MinWidth_Compact;
				outline-offset: -3px;
				.sapMToken {
					margin-top: 0.0625rem;
					margin-bottom: 0.0625rem;
				}
				.sapMTokenizerIndicator {
					line-height: 1rem;
				}
			}
		}

		&.sapMInputBaseReadonly .sapMInputBaseContentWrapper {
			min-width: @_InputBase_Control_Tokens_ReadOnly_MinWidth_Compact;
		}
	}
}
/* END "MultiComboBox.less" */

/* START "MultiInput.less" */
/* ================================= */
/* CSS for control sap.m/MultiInput  */
/* Base theme                        */
/* ================================= */

@_sap_m_InputWithTokens_TokenizerMinWidth: 3.25rem;

/*MIN-WIDTH variables*/
/* rounding values to 2 symbols, because of IE and Edge */
@_InputBase_Control_Tokens_MinWidth: round((@_InputBase_Control_OneIcon_MinWidth + @_sap_m_InputWithTokens_TokenizerMinWidth), 2);
@_InputBase_Control_Tokens_ReadOnly_MinWidth: round((@_InputBase_Control_MinWidth + @_sap_m_InputWithTokens_TokenizerMinWidth), 2);
@_InputBase_Control_Tokens_State_MinWidth: round((@_InputBase_Control_Tokens_MinWidth + @_sap_m_InputBaseWrapper_Sum_Border), 2);

@_InputBase_Control_Tokens_MinWidth_Compact: round((@_InputBase_Control_OneIcon_MinWidth_Compact + @_sap_m_InputWithTokens_TokenizerMinWidth), 2);
@_InputBase_Control_Tokens_ReadOnly_MinWidth_Compact: round((@_InputBase_Control_MinWidth_Compact + @_sap_m_InputWithTokens_TokenizerMinWidth), 2);
@_InputBase_Control_Tokens_State_MinWidth_Compact: round((@_InputBase_Control_Tokens_MinWidth_Compact + @_sap_m_InputBaseWrapper_Sum_Border), 2);



.sapMMultiInput:not(.sapMMultiInputHasTokens) {
	& .sapMTokenizer {
		padding-left: 0;
 	}
}

/* handle min-width calculation */
.sapMMultiInput.sapMMultiInputHasTokens {
	.sapMTokenizer {
		min-width: @_sap_m_InputWithTokens_TokenizerMinWidth;
	}

	.sapMInputBaseContentWrapper {
		min-width: @_InputBase_Control_Tokens_MinWidth;
		&.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
			min-width: @_InputBase_Control_Tokens_State_MinWidth;
		}
	}

	&.sapMInputBaseReadonly .sapMInputBaseContentWrapper {
		min-width: @_InputBase_Control_Tokens_ReadOnly_MinWidth;
	}
}

.sapMMultiInput.sapMMultiInputHasTokens {
	& .sapMInputBaseInner {
		padding-left: 0;
	}
}

.sapMMultiInput .sapMTokenizer {
	z-index: 1;
	max-height: 100%;
}

// prevent placing the multiinput over a busy indicator overlay
.sapUiLocalBusy .sapMMultiInput .sapMTokenizer {
	z-index: 0;
}

/* Keep placeholder invisible, when at least one token is chosen */
.sapMMultiInputHasTokens .sapMInputBaseInner::-moz-placeholder {
	color: transparent;
}

.sapMMultiInputHasTokens .sapMInputBaseInner::-webkit-input-placeholder {
	color: transparent;
}

.sapMMultiInputHasTokens .sapMInputBaseInner:-ms-input-placeholder {
	color: transparent;
}

.sapMMultiInputHasTokens .sapMInputBaseInner:-moz-placeholder {
	color: transparent;
}

.sapUiSizeCompact {
	/* min-width calculations */
	.sapMMultiInput.sapMMultiInputHasTokens {
		.sapMInputBaseContentWrapper {
			min-width: @_InputBase_Control_Tokens_MinWidth_Compact;
			&.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
				min-width: @_InputBase_Control_Tokens_State_MinWidth_Compact;
				outline-offset: -3px;
				.sapMToken {
					margin-top: 0.0625rem;
					margin-bottom: 0.0625rem;
				}
				.sapMTokenizerIndicator {
					line-height: 1rem;
				}
			}
		}

		&.sapMInputBaseReadonly .sapMInputBaseContentWrapper {
			min-width: @_InputBase_Control_Tokens_ReadOnly_MinWidth_Compact;
		}
	}
}

.sapUiSizeCondensed .sapUiTableDataCell {

	.sapMTokenizer .sapMToken {
		height: 1.125rem;
		margin-top: 0.125rem;
		margin-bottom: 0.125rem;
	}

	.sapMTokenText {
		height: 100%;
		line-height: 1rem;
	}

	.sapMTokenIcon {
		line-height: 1rem;
	}

	.sapMMultiInput .sapMInputBaseInner {
		height: 1.25rem;
	}

	.sapMMultiInputIndicator {
		line-height: 1.25rem;
	}
}

/* MultiInput with description */
.sapMMultiInput.sapMMultiInputHasTokens {
	.sapMInputDescriptionWrapper {
		max-width: ~"calc(100% - (@{_InputBase_Control_Tokens_MinWidth}))";
		.sapMInputBaseState:not(.sapMInputBaseContentWrapperSuccess) & {
			max-width: ~"calc(100% - (@{_InputBase_Control_Tokens_State_MinWidth}))";
		}

		.sapMInputBaseReadonly & {
			max-width: ~"calc(100% - (@{_InputBase_Control_Tokens_ReadOnly_MinWidth}))";
		}
	}

	&.sapMInputFocused:not(.sapMInputBaseReadonly) .sapMTokenizer {
		left: 0.125rem;
	}

	.sapUiSizeCompact & {
		.sapMInputDescriptionWrapper {
			max-width: ~"calc(100% - (@{_InputBase_Control_Tokens_MinWidth_Compact}))";
			.sapMInputBaseState:not(.sapMInputBaseContentWrapperSuccess) & {
				max-width: ~"calc(100% - (@{_InputBase_Control_Tokens_State_MinWidth_Compact}))";
			}

			.sapMInputBaseReadonly & {
				max-width: ~"calc(100% - (@{_InputBase_Control_Tokens_ReadOnly_MinWidth_Compact}))";
			}
		}
	}
}
/* END "MultiInput.less" */

/* START "NavContainer.less" */
/* =================================== */
/* CSS for control sap.m/NavContainer  */
/* Base theme                          */
/* =================================== */

.sapMNav {
	overflow: hidden;
	position: relative;
	height: 100%;
}

.sapMNavFlip {
	-webkit-perspective: 1000;
	perspective: 1000px;
}

.sapMNavItem,
.sapMNavItem.sapMPage {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 100%;
}

.sapMNavItem.sapMNavItemRendering {
	visibility: hidden;
	left: -4000px;
}

.sapMNavItem.sapMNavItemHidden {
	display: none;
}

/* animations */
html[data-sap-ui-animation='on'] {

	.sapMNavItem,
	.sapMNavItem.sapMPage {
		-webkit-transition-property: -webkit-transform;
		transition-property: transform;
	}

	/* for slide animation */
	.sapMNavItem.sapMNavItemCenter {
		-webkit-transform: translate3d(0px, 0px, 0px);
		transform: translate3d(0px, 0px, 0px);
	}

	.sapMNavItem.sapMNavItemSlideLeft {
		-webkit-transform: translate3d(1rem, 0px, 0px);
		transform: translate3d(1rem, 0px, 0px);
	}

	.sapMNavItem.sapMNavItemSlideRight {
		-webkit-transform: translate3d(-1rem, 0px, 0px);
		transform: translate3d(-1rem, 0px, 0px);
	}


	/* for fade animation */

	.sapMNavItem.sapMNavItemTransparent {
		-webkit-transition-property: opacity, transform;
		transition-property: opacity, transform;
		opacity: 0;
	}

	.sapMNavItem.sapMNavItemOpaque {
		-webkit-transition-property: opacity, transform;
		transition-property: opacity, transform;
		opacity: 1;
		-webkit-transform: translate3d(0px, 0px, 0px);
		transform: translate3d(0px, 0px, 0px);
	}

	.sapMNavItem.sapMNavItemFading {
		-webkit-transition-duration: .15s;
		transition-duration: .15s;
	}

	/* for flip animation */

	.sapMNavItem.sapMNavItemFlipNext {
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.sap-winphone .sapMNavItem.sapMNavItemFlipNext {
		transform: rotateY(180deg);
	}

	.sapMNavItem.sapMNavItemFlipPrevious {
		-webkit-transform: rotateY(-180deg);
		transform: rotateY(-180deg);
		backface-visibility: hidden;
	}

	.sap-winphone .sapMNavItem.sapMNavItemFlipPrevious {
		transform: rotateY(-180deg);
		backface-visibility: hidden;
	}

	.sapMNavItem.sapMNavItemFlipping {
		-webkit-transition-duration: .5s;
		transition-duration: .5s;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	/* for door animation */

	@-webkit-keyframes sapMNavItemDoorInPrevious {
		from {
			-webkit-transform: rotate3d(0, 1, 0, 0deg);
			visibility: visible;
			opacity: 1;
		}
		40% {
			-webkit-transform: rotate3d(0, 1, 0, -70deg);
			visibility: visible;
			opacity: 0;
		}
		41% {
			-webkit-transform: rotate3d(0, 1, 0, -70deg);
			visibility: hidden;
		}

		to {
			-webkit-transform: rotate3d(0, 1, 0, -70deg);
		}
	}

	@keyframes sapMNavItemDoorInPrevious {
		from {
			transform: rotate3d(0, 1, 0, 0deg);
			visibility: visible;
			opacity: 1;
		}
		40% {
			transform: rotate3d(0, 1, 0, -70deg);
			visibility: visible;
			opacity: 0;
		}
		41% {
			transform: rotate3d(0, 1, 0, -70deg);
			visibility: hidden;
		}

		to {
			transform: rotate3d(0, 1, 0, -70deg);
		}
	}

	@-webkit-keyframes sapMNavItemDoorInNext {
		from {
			-webkit-transform: rotate3d(0, 1, 0, 80deg);
			opacity: 0;
		}
		46% {
			-webkit-transform: rotate3d(0, 1, 0, 80deg);
			opacity: 0;
		}
		to {
			-webkit-transform: rotate3d(0, 1, 0, 0deg);
			opacity: 1;
		}
	}

	@keyframes sapMNavItemDoorInNext {
		from {
			transform: rotate3d(0, 1, 0, 80deg);
			visibility: hidden;
			opacity: 0;
		}
		45% {
			transform: rotate3d(0, 1, 0, 80deg);
			visibility: hidden;
			opacity: 0;
		}
		46% {
			transform: rotate3d(0, 1, 0, 80deg);
			visibility: visible;
			opacity: 0;
		}
		to {
			transform: rotate3d(0, 1, 0, 0deg);
			opacity: 1;
		}
	}

	@-webkit-keyframes sapMNavItemDoorOutPrevious {
		from {
			-webkit-transform: rotate3d(0, 1, 0, 0deg);
			visibility: visible;
			opacity: 1;
		}
		40% {
			-webkit-transform: rotate3d(0, 1, 0, 80deg);
			visibility: visible;
			opacity: 0;
		}
		41% {
			-webkit-transform: rotate3d(0, 1, 0, 80deg);
			visibility: hidden;
		}
		to {
			-webkit-transform: rotate3d(0, 1, 0, 80deg);
		}
	}

	@keyframes sapMNavItemDoorOutPrevious {
		from {
			transform: rotate3d(0, 1, 0, 0deg);
			visibility: visible;
			opacity: 1;
		}
		40% {
			transform: rotate3d(0, 1, 0, 80deg);
			visibility: visible;
			opacity: 0;
		}
		41% {
			transform: rotate3d(0, 1, 0, 80deg);
			visibility: hidden;
		}
		to {
			transform: rotate3d(0, 1, 0, 80deg);
		}
	}

	@-webkit-keyframes sapMNavItemDoorOutNext {
		from {
			-webkit-transform: rotate3d(0, 1, 0, -70deg);
			opacity: 0;
		}
		46% {
			-webkit-transform: rotate3d(0, 1, 0, -70deg);
			opacity: 0;
		}

		to {
			-webkit-transform: rotate3d(0, 1, 0, 0deg);
			opacity: 1;
		}
	}

	@keyframes sapMNavItemDoorOutNext {
		from {
			transform: rotate3d(0, 1, 0, -70deg);
			visibility: hidden;
			opacity: 0;
		}
		45% {
			transform: rotate3d(0, 1, 0, -70deg);
			visibility: hidden;
			opacity: 0;
		}
		46% {
			transform: rotate3d(0, 1, 0, -70deg);
			visibility: visible;
			opacity: 0;
		}

		to {
			transform: rotate3d(0, 1, 0, 0deg);
			opacity: 1;
		}
	}

	.sapMNavDoor {
		-webkit-perspective: 1000;
		perspective: 1000px;
		-webkit-perspective-origin: 0% 50%;
		perspective-origin: 0% 50%;
	}

	.sapMNavItem.sapMNavItemDoorInPrevious {
		-webkit-animation: sapMNavItemDoorInPrevious .8s;
		animation: sapMNavItemDoorInPrevious .8s;
		visibility: hidden;
		opacity: 0;
	}

	.sapMNavItem.sapMNavItemDoorInNext {
		-webkit-animation: sapMNavItemDoorInNext .8s;
		animation: sapMNavItemDoorInNext .8s;
		visibility: visible;
	}

	.sapMNavItem.sapMNavItemDoorOutPrevious {
		-webkit-animation: sapMNavItemDoorOutPrevious .8s;
		animation: sapMNavItemDoorOutPrevious .8s;
		visibility: hidden;
		opacity: 0;
	}

	.sapMNavItem.sapMNavItemDoorOutNext {
		-webkit-animation: sapMNavItemDoorOutNext .8s;
		animation: sapMNavItemDoorOutNext .8s;
		visibility: visible;
	}

	.sapMNavItem.sapMNavItemDooring {
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		-webkit-transform-origin: 0% 50%;
		transform-origin: 0% 50%;
	}

}
/* END "NavContainer.less" */

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

.sapMNwC {
	display: inline-block;
	outline: none;
	width: 20.5rem;
	height: 3.5625rem;
	color: @sapUiTileTextColor;
	background-color: @sapUiTileBackground;
}

.sapMNwCCTxt {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: @sapUiFontFamily;
	font-weight: normal;
	padding: 0.1875rem 0 0 0;
	max-width: 20.5rem;

	.sapMText {
		display: inline;
		line-height: 1.1875rem;
	}

	.sapMText.sapMPointer * {
		cursor: pointer;
	}
}

.sapMNwCSbh {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: @sapUiFontFamily;
	font-weight: normal;
	max-width: 20.5rem;
	display: inline-block;
	line-height: 1.1875rem;
	color: @sapUiTileTextColor;
	font-size: @sapMFontMediumSize;
}

.sapMNwCCTxt .sapMText {
	font-size: @sapMFontMediumSize;
	color: @sapUiContentContrastTextColor;
}

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

.sapMTileSmallPhone {
	.sapMNwC {
		width: 17.75rem;
		height: 3.188rem;
	}

	.sapMNwCCTxt {
		max-width: 17.75rem;
		padding: 0;
		.sapMText {
			line-height: 1.063rem;
		}
	}

	.sapMNwCSbh {
		max-width: 17.75rem;
		line-height: 1.063rem;
	}

	.sapMNwCCTxt .sapMText, .sapMNwCSbh {
		font-size: @sapMFontSmallSize;
	}
}
/* END "NewsContent.less" */

/* START "NotificationListBase.less" */
/* =========================================== */
/* CSS for control sap.m/NotificationListBase  */
/* Base theme                                  */
/* =========================================== */

.sapMNLIB {
	position: relative;

	.sapMIBar.sapMTB .sapMBarChild:only-child,
	.sapMTB {
		padding-right: 0;
	}

	.sapMNLICloseBtn {
		margin-left: 0.5rem
	}
}

html.sap-desktop {
	.sapMNLIB:focus {
		outline: none;
	}

	.sapMNLIB:focus::before {
		content: " ";
		border: 1px dotted @sapUiContentFocusColor;
		position: absolute;
		top: 1px;
		right: 1px;
		bottom: 1px;
		left: 1px;
		z-index: 2;
		pointer-events: none;
	}
}

html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapMNLIB:focus::before {
		border-style: dashed;
	}
}

// Priority icons

.sapMNLIBPriority {
	padding-right: 0.5rem;

	.sapUiIcon {
		font-size: 1rem;
		line-height: 1rem;
	}
}

.sapMNLIBPriorityLow .sapUiIcon {
	color: @sapUiSuccessBorder;

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

.sapMNLIBPriorityMedium .sapUiIcon {
	color: @sapUiWarningBorder;

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

.sapMNLIBPriorityHigh .sapUiIcon {
	color: @sapUiErrorBorder;

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

.sap-phone {
	.sapMNLIBPriority {
		padding-right: 0.25rem;
	}

	.sapMNLIBHiddenButton {
		display: none;
	}
}

/* END "NotificationListBase.less" */

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

@_sap_m_NotificationListGroup_Background: @sapUiListGroupHeaderBackground;
@_sap_m_NotificationListGroup_HeaderColor: @sapUiListTableGroupHeaderTextColor;

.sapMNLGroup {
	&.sapMLIB {
		display: block;
		padding: 0;
		margin: 0;
		overflow: hidden;
		border-bottom: none;
	}

	.sapMNLGroupHeader {
		min-height: 2.75rem;
		background: @_sap_m_NotificationListGroup_Background;
		border-bottom: 0.0625rem solid @sapUiListGroupHeaderBorderColor;
		box-sizing: border-box;
		padding: 0.75rem 0.5rem 0 0.75rem;
		display: flex;
		align-items: center;
	}

	.sapMNLGroupTitle {
		color: @_sap_m_NotificationListGroup_HeaderColor;
		font-size: @sapMFontHeader6Size;
		font-family: @sapUiFontHeaderFamily;
		font-weight: @sapUiFontHeaderWeight;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	.sapMNLGroupHeaderSpacer {
		flex: 1;
	}

	.sapMNLGroupChildren {
		margin: 0;
		padding: 0;
	}

	&.sapMNLGroupUnread {
		.sapMNLGroupTitle,
		.sapMNLGroupCount {
			font-weight: bold;
		}
	}

	.sapMNLGroupCollapseButton {
		margin-right: 0.75rem;
		min-width: 2.25rem; // fixes IE flex issue
		max-width: 2.25rem; // fixes IE flex issue
	}

	.sapMNLGroupMaxNotifications {
		padding: 1rem;
		background: @sapUiListBackground;
		text-align: center;

		.sapMNLGroupMNTitle {
			font-family: @sapUiFontHeaderFamily;
			font-size: @sapMFontHeader5Size;
			font-weight: @sapUiFontHeaderWeight;
			color: @sapUiGroupTitleTextColor;
			margin-bottom: 0.5rem;
		}

		.sapMNLGroupMNDescription {
			font-family: @sapUiFontFamily;
			font-size: @sapMFontMediumSize;
			color: @sapUiContentLabelColor;
		}
	}
}

.sapMNLGroup.sapMNLGroupCollapsed .sapMNLGroupChildren {
	display: none;
}

.sapMNLGroupCount {
	margin-left: 0.25rem;
	margin-right: 1rem;

	color: @_sap_m_NotificationListGroup_HeaderColor;
	font-size: @sapMFontHeader6Size;
	font-family: @sapUiFontHeaderFamily;
}

.sap-phone {
	.sapMNLGroup .sapMNLGroupHeader {
		padding: 0 0.5rem
	}

	.sapMNLGroupCollapseButton {
		margin-right: 0.75rem;
	}
}

.sapUiSizeCompact {
	.sapMNLGroup {
		.sapMNLGroupCollapseButton {
			margin-right: 1rem;
			min-width: 2rem; // fixes IE flex issue
			max-width: 2rem; // fixes IE flex issue
		}
	}
}
/* END "NotificationListGroup.less" */

/* START "NotificationListItem.less" */
/* =========================================== */
/* CSS for control sap.m/NotificationListItem  */
/* Base theme                                  */
/* =========================================== */

@_sap_m_NotificationListBase_ItemBackground: @sapUiListBackground;
@_sap_m_NotificationListBase_ItemGroupedBackground: @sapUiListBackground;

.sapMNLI {
	background: @_sap_m_NotificationListBase_ItemBackground;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	padding: 1rem 0.5rem 1rem 1rem;

	.sapMMsgStrip  {
		margin-bottom: 1rem;
	}

	.sapMNLIMain {
		display: flex;
		flex-direction: row-reverse;
		width: 100%;
	}

	.sapMNLIItemAC {
		display: flex;
	}

	.sapMNLIContent {
		display: flex;
		flex-direction: column;
		width: 100%;
		min-width: 0; // chrome flex overflow issue
		flex: 1;
		padding: 0 1rem 0 0.75rem;

		.sapMNLITitle {
			display: flex;
			align-items: flex-start;

			font-size: @sapMFontHeader6Size;
			font-weight: @sapUiFontHeaderWeight;
			line-height: 1.4;
			color: @sapUiGroupTitleTextColor;

			padding-bottom: 0.75rem;
		}

		.sapMNLIDescription {
			font-size: @sapMFontMediumSize;
			color: @sapUiBaseText;
			line-height: 1.4;
		}
	}

	.sapMNLIFooter {
		display: flex;
		align-items: center;

		padding-top: 0.5rem;

		.sapMNLIFooterItem {
			font-size: @sapMFontMediumSize;
			color: @sapUiContentLabelColor;

			padding-top: 2px;
			white-space: nowrap;
		}

		// the author name should truncate
		.sapMNLIFooterItem:first-child {
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.sapMNLIFooterBullet {
			margin: 0 0.5rem;
		}

		.sapMBtn {
			height: 2rem;
			box-sizing: border-box;
		}
	}

	&.sapMNLIUnread {
		.sapMNLIContent {
			.sapMNLITitle {
				font-weight: bold;
			}
		}
	}
}

.sapMNLGroup .sapMNLI {
	background: @_sap_m_NotificationListBase_ItemGroupedBackground;
}

.sapMNLIItemTextLineClamp {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 40px; // font-size * line-height (value 1.4) * 2 (number of rows)
}

.sapMNLIActions {
	.sapMIBar {
		border: none;

		.sapMBarChild {
			margin: 0 !important;
		}
	}
}

.sapMNLIShowMore .sapMLnk {
	vertical-align: middle;
	margin-left: 1rem;
}

.sapMNLITitleText {
	font-size: @sapMFontHeader6Size;
}

.sapMLIB.sapMNLI {
	align-items: normal;
}

.sap-phone .sapMNLI {
	padding: 1rem 0.5rem 1rem 0.75rem;
}
/* END "NotificationListItem.less" */

/* START "NumericContent.less" */
/* ============================= */
/* CSS for sap.m/NumericContent  */
/* Base theme                    */
/* ============================= */

.sapMNC {
	position: relative;
	box-sizing: border-box;
	outline: none;

	height: 3.875rem;
	width: 9rem;

	&.WithoutMargin {
		width: auto;
		height: auto;
	}

	.sapMNCLargeFontSize {
		font-size: 2.25rem;
		line-height: 3.075rem;
	}

	.sapMNCMediumFontSize {
		font-size: 2rem;
		line-height: 3.275rem;
	}

	.sapMNCSmallFontSize {
		font-size: 1.75rem;
		line-height: 3.475rem;
	}
}

.sapMNCAnimation {
	animation-name: sapMCOpacityAnimation;
	animation-duration: 1s;
}

@keyframes sapMCOpacityAnimation {
	0% {
		opacity: 0.25;
	}

	100% {
		opacity: 1;
	}
}

.sapMNCInner {
	position: absolute;
	right: 0;
	left: 0;

	padding-top: 0.5rem;

	&.WithoutMargin {
		top: 0;
		width: auto;
		height: auto;
		position: relative;
		overflow: visible;
		white-space: nowrap;
		display: flex;
	}
}

.sapMNCIconImage {
	position: relative;
	float: left;
	padding-right: 0.375rem;
	font-size: 1.75rem;
	line-height: 1.65rem;
	height: 1.75rem;
	width: 1.75rem;
	margin-top: 0.625rem;
	vertical-align: top;
	font-family: @sapUiFontHeaderFamily;
	font-weight: @sapUiFontHeaderWeight;
	color: @sapUiTileIconColor;
	float: none;

	&.WithoutMargin {
		display: inline-block;
	}

	&.sapMNCIconImageMediumTopMargin {
		margin-top: 0.7667rem;
	}

	&.sapMNCIconImageSmallTopMargin {
		margin-top: 0.8667rem;
	}
}

.sapMNCValueScr {
	overflow: hidden;
	left: 0;
	width: 100%;
	text-align: right;
}

.sapMNCValue {
	position: relative;
	width: auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 2.5rem;
	line-height: 3rem;
	font-family: @sapUiFontHeaderFamily;
	font-weight: @sapUiFontHeaderWeight;

	&.WithoutMargin {
		float: left;
		display: inline-block;
	}
}

html[dir=rtl] .sapMNCValueScr {
	text-align: left;
}

.sapMNCIndScale {
	position: relative;
	float: right;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;

	height: 2.875rem;
	min-width: 1rem;

	padding-top: 0.5rem;
	margin-left: 0.5rem;

	&.WithoutMargin {
		float: left;
		display: inline-block;
	}
}

.sapMNCIndicator {
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	display: block;
	width: 0;
	height: 0;
	margin: 0 auto;

	border-left: 0.5rem solid transparent;
	border-right: 0.5rem solid transparent;

	&.Up {
		border-bottom: 0.625rem solid;
	}
	&.Down {
		border-top: 0.625rem solid;
	}
}

.sapMNCScale {
	display: block;
	height: 18px;
	margin-top: 0.938rem;
	font-size: 1rem;
	font-family: @sapUiFontHeaderFamily;
	font-weight: @sapUiFontHeaderWeight;
}

.sapMNCValue.Neutral,
.sapMNCIndicator.Neutral,
.sapMNCScale.Neutral {
	color: @sapUiNeutralText;
}

.sapMNCValue.Good,
.sapMNCIndicator.Good,
.sapMNCScale.Good {
	color: @sapUiPositiveText;
}

.sapMNCValue.Error,
.sapMNCIndicator.Error,
.sapMNCScale.Error {
	color: @sapUiNegativeText;
}

.sapMNCValue.Critical,
.sapMNCIndicator.Critical,
.sapMNCScale.Critical {
	color: @sapUiCriticalText;
}

.sapMNCIndicator.Loading,
.sapMNCValue.Loading,
.sapMNCScale.Loading,
.sapMNCIconImage.Loading,
.sapMNCIndicator.Failed,
.sapMNCValue.Failed,
.sapMNCScale.Failed,
.sapMNCIconImage.Failed {
	color: @sapUiContentLabelColor;
	opacity: 0.25;
}

.sapMNC:focus {
	outline: 1px dotted @sapUiContentFocusColor;
}

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

.sapMTileSmallPhone {
	.sapMNC {
		height: 3.438rem;
		width: 8rem;
	}

	.sapMNCInner {
		padding-top: 1.063rem;
	}

	.sapMNCIconImage {
		font-size: 1.5rem;
		height: 1.5rem;
		line-height: 1.4rem;
		width: 1.5rem;
		margin-top: 0.55rem;
		padding-right: 0.5rem;
	}

	.sapMNCValueScr {
		margin-top: 0.125rem;
	}

	.sapMNCValue {
		font-size: 1.5rem;
		height: 2.5rem;
		line-height: 2.6rem;
	}

	.sapMNCIndScale {
		height: 2rem;
		min-width: 1rem;
		max-width: 2.25rem;
	}

	.sapMNCIndicator {
		border-left: 0.438rem solid transparent; /*0.4375rem*/
		border-right: 0.438rem solid transparent; /*0.4375rem*/

		&.Up {
			border-bottom: 0.5rem solid;
		}
		&.Down {
			border-top: 0.5rem solid;
		}
	}

	.sapMNCScale {
		height: 17px;
		margin-top: 0.625rem;
		font-size: 0.875rem;
	}

	.sapMGTHdrTxt > .sapMText {
		font-size: @sapMFontHeader6Size;
	}
}
/* END "NumericContent.less" */

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

.sapMObjectAttributeDiv .sapMText,
.sapMObjectAttributeDiv .sapMObjectAttributeTitle,
.sapMObjectAttributeDiv .sapMObjectAttributeColon,
.sapMObjectAttributeDiv .sapMObjectAttributeText {
	font-size: .875rem;
	color: @sapUiContentLabelColor;
}

.sapMObjectAttributeDiv .sapMText {
	vertical-align: top;
}

.sapMObjectAttributeActive {
	pointer-events: none;
	.sapMObjectAttributeColon {
		vertical-align: top;
	}
}

.sapMListTbl .sapMObjectAttributeActive .sapMText,
.sapMObjectAttributeActive .sapMText,
.sapMObjectAttributeActive .sapMObjectAttributeText {
	color: @sapUiLink;
	cursor: pointer;
	pointer-events: auto;
}

.sapMObjectAttributeActive .sapMObjectAttributeText {
	pointer-events: auto;
}

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

.sapMObjectAttributeActive {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

html[data-sap-ui-browser^='ie'], html[data-sap-ui-browser^='ed'] {
	.sapMListTblCell .sapMObjectAttributeActive {
		word-break: break-all;
	}
}

.sapMObjectAttributeActive{
	white-space: normal;
	word-break: break-word;
	.sapMObjectAttributeTitle,
	.sapMObjectAttributeText {
		white-space: normal;
		vertical-align: top;
		/* we need this otherwise the focus get broken when the link is on more lines */
		display: inline-block;
	}
}

.sapMObjectAttributeText > .sapMLnk {
	display: inline;
}

.sapMOHR .sapMObjectAttributeText > .sapMText {
	display: inline;
}

.sapMOH .sapMObjectAttributeText > .sapMText {
	vertical-align: top;
}

.sapMObjectAttributeDiv{
	outline: none;
	font-size: @sapMFontMediumSize;
}

.sapMLIBActive .sapMObjectAttributeText,
.sapMLIBActive .sapMObjectAttributeDiv{
	color: @sapUiListActiveTextColor;
}

html.sap-desktop .sapMObjectAttributeActive:focus {
	outline: none;
}

.sapMObjectAttributeActive > span:only-of-type {
	max-width: 100%;
}

.sapUxAPObjectPageHeaderContentItem .sapMObjectAttributeText {
	line-height: normal;
}

html[data-sap-ui-browser^='ie'], html[data-sap-ui-browser^='ed'] {
	.sapMObjectAttributeActive:focus .sapMObjectAttributeText::after {
		outline-style: dashed;
	}
}

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

.sapMOHR .sapMOHRAttr .sapMObjectAttributeTitle,
.sapMOHR .sapMOHRAttr .sapMObjectAttributeText {
	display: inline-block;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	font-weight: normal;
	color: @sapUiContentLabelColor;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 50%;
	vertical-align: top;
}

.sapMOHR .sapMOHRAttr .sapMObjectAttributeTitle {
	padding-right: 0.5rem;
	max-width: 50%;
	box-sizing: border-box;
}

.sapMOHR .sapMOHRAttr .sapMObjectAttributeDiv > span:only-of-type {
	max-width: 100%;
}

.sapMOHR .sapMOHRAttr .sapMObjectAttributeColon {
	display: inline-block;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	font-weight: normal;
	color: @sapUiContentLabelColor;
	white-space: nowrap;
	max-width: 0.5rem;
	margin-left: -0.5rem;
	overflow: auto;
	vertical-align: top;
}

.sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText {
	color: @sapUiLink;
	cursor: pointer;
}

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

.sapMOHR .sapMOHRAttr .sapMObjectAttributeDiv {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

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

.sapMOH .sapMOHAttr .sapMObjectAttributeDiv {
	max-height: 2rem;
	overflow: hidden;
}

.sapMOH .sapMOHAttr .sapMObjectAttributeTitle,
.sapMOH .sapMOHAttr .sapMObjectAttributeText,
.sapMOH .sapMOHAttr .sapMObjectAttributeColon {
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	font-weight: normal;
	color: @sapUiContentLabelColor;
}

.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText {
	color: @sapUiLink;
	cursor: pointer;
}

.sapMOH .sapMOHAttr .sapMObjectAttributeDiv > span:only-of-type {
	max-width: 100%;
}

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

/* END "ObjectAttribute.less" */

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

.sapMOH h6, .sapMOHR h6,
.sapMOH h5, .sapMOHR h5,
.sapMOH h4, .sapMOHR h4,
.sapMOH h3, .sapMOHR h3,
.sapMOH h2, .sapMOHR h2,
.sapMOH h1, .sapMOHR h1 {
	margin: 0;
	font-weight: normal;
}

.sapMOH {
	padding: 3rem;
}

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

html.sap-tablet.sapUiMedia-Std-Tablet .sapMOH,
html:not(.sapUiMedia-Std-Phone) .sapMSplitContainer:not(.sapMSplitContainerHideMode) .sapMOH {
	padding: 1.5rem 2rem;
}

html .sapUiContainer-Narrow .sapMOH,
html.sap-desktop.sapUiMedia-Std-Phone .sapMOH,
html.sap-phone .sapMOH {
	padding: 2rem 1rem;
}

.sapMPopover .sapMOH {
	padding: 2rem 1rem;
}

.sapMOH.sapMOHC {
	margin: 0;
	padding: 1.125rem 2rem 1rem 2rem;
}

html.sap-tablet.sapUiMedia-Std-Tablet .sapMOH.sapMOHC,
html:not(.sapUiMedia-Std-Phone) .sapMSplitContainer:not(.sapMSplitContainerHideMode) .sapMOH.sapMOHC {
	margin: 0;
	padding: 1.125rem 2rem 1rem 2rem;
}

html.sap-phone .sapMOH.sapMOHC {
	margin: 0;
	padding: 1rem;
}

.sapMDialog .sapMOH.sapMOHC {
	padding: 1rem;
}

.sapMPopover .sapMOH.sapMOHC {
	margin: 0;
	padding: 1.125rem 0 1rem 0;
}

.sapMOHIntro {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: @sapMFontMediumSize;
	margin-top: 0.375rem;
	margin-bottom: 0.625rem;
	color: @sapUiContentLabelColor;
}


.sapMOHIntroActive > a:active,
html.sap-desktop .sapMOHIntroActive > a:hover,
.sapMOHTitleActive h6 .sapMText:active,
html.sap-desktop .sapMOHTitleActive h6 .sapMText:hover,
.sapMOHTitleActive h5 .sapMText:active,
html.sap-desktop .sapMOHTitleActive h5 .sapMText:hover,
.sapMOHTitleActive h4 .sapMText:active,
html.sap-desktop .sapMOHTitleActive h4 .sapMText:hover,
.sapMOHTitleActive h3 .sapMText:active,
html.sap-desktop .sapMOHTitleActive h3 .sapMText:hover,
.sapMOHTitleActive h2 .sapMText:active,
html.sap-desktop .sapMOHTitleActive h2 .sapMText:hover,
.sapMOHTitleActive h1 .sapMText:active,
html.sap-desktop .sapMOHTitleActive h1 .sapMText:hover {
	text-decoration: underline;
}

.sapMOHTitleDiv {
	box-sizing: border-box;
	max-height: 6.3rem;
	width: 65%;
	overflow: hidden;
	float: left;
}

.sapMOHC>.sapMOHTitleDiv {
	padding-right: 0.5rem;
}

.sapMOHC>.sapMOHTitleDivFull,.sapMOHTitleDivFull {
	width: 100%;
}

.sapMOHTitleDiv.sapMOHNumberWrap {
	max-height: 4.2rem;
}

html.sap-phone .sapMOHTitleDiv {
	max-height: 5rem;
}

html.sap-phone .sapMOHTitleDiv.sapMOHNumberWrap {
	max-height: 3.4rem;
}

.sapMOHIcon {
	position: absolute;
	margin-top: 0.375rem;
}

.sapMOHIconCircle .sapMImg {
	border-radius: 100%;
}

.sapMOHIcon .sapMImg {
	max-height: 3rem;
	max-width: 3rem;
}

.sapMOHTitle {
	margin-top: 0.375rem;
	display: inline-block;
	position: relative;
}

html.sap-phone .sapMOHTitle .sapMText,
.sapUiMedia-Std-Phone .sapMOHTitle .sapMText,
html .sapUiContainer-Narrow .sapMOHTitle .sapMText {
	display: table-cell;
	word-wrap: break-word;
	word-break: break-all;
}

.sapMText.sapMOHTitle {
	position: relative;
}

.sapMOHTitle h6 .sapMText,
.sapMOHTitle h5 .sapMText,
.sapMOHTitle h4 .sapMText,
.sapMOHTitle h3 .sapMText,
.sapMOHTitle h2 .sapMText,
.sapMOHTitle h1 .sapMText {
	font-size: 1.375rem;
}

.sapMListTbl .sapMOHTitle h6 .sapMText,
.sapMListTbl .sapMOHTitle h5 .sapMText,
.sapMListTbl .sapMOHTitle h4 .sapMText,
.sapMListTbl .sapMOHTitle h3 .sapMText,
.sapMListTbl .sapMOHTitle h2 .sapMText,
.sapMListTbl .sapMOHTitle h1 .sapMText {
	font-size: 0.875rem;
}

.sapMOHTitleFollowArrow {
	margin-right: 3rem;
}

.sapMOHC .sapMOHTitleFollowArrow {
	margin-right: 2.5rem;
}

.sapMOHTitleAndArrow {
	display: inline-block;
	position: relative;
	min-height: 3rem;
}

.sapMOHTitleIcon {
	min-height: 3rem;
}

html.sap-phone .sapMOHTitleIcon {
	min-height: 2.5rem;
}

html.sap-phone .sapMText.sapMOHTitle {
	font-size: 1.188rem;
}

.sapMOHIcon+.sapMOHTitle {
	margin-left: 4rem;
}

.sapMOHIcon+.sapMOHTitleAndArrow {
	margin-left: 3.5rem;
}

.sapMOHTitleArrow {
	display: inline-block;
	vertical-align: top;
	position: absolute;
	right: 0;
	color: @sapUiContentIconColor;
}

.sapMOHC .sapMOHTitleArrow {
	margin-top: 0.3rem;
}

.sapMOHTitleArrow .sapUiIcon {
	margin-top: 1px;
	vertical-align: top;
	display: inline-block;
	padding: 0.4rem 0.5rem 0.4rem 0.5rem;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHTitleArrow .sapUiIcon,
html.sap-phone .sapMOHTitleArrow .sapUiIcon,
html .sapUiContainer-Narrow .sapMOHTitleArrow .sapUiIcon {
	padding: 0.3rem 0.4rem 0.3rem 0.4rem;
}

.sapMOHTitle+.sapMOHTitleArrow {
	margin-left: 0.5rem;
}

.sapMOHNumberDiv {
	margin-top: 0.375rem;
	display: inline-block;
	float: right;
	text-align: end;
	overflow: hidden;
	white-space: nowrap;
}

.sapMOHC > .sapMOHNumberDiv {
	padding-left: 0.5rem;
}

.sapMOHC .sapMOHTitle h6 >.sapMText,
html.sap-phone .sapMOHC .sapMOHTitle h6 >.sapMText,
.sapMOHC .sapMOHTitle h5 >.sapMText,
html.sap-phone .sapMOHC .sapMOHTitle h5 >.sapMText,
.sapMOHC .sapMOHTitle h4 >.sapMText,
html.sap-phone .sapMOHC .sapMOHTitle h4 >.sapMText,
.sapMOHC .sapMOHTitle h3 >.sapMText,
html.sap-phone .sapMOHC .sapMOHTitle h3 >.sapMText,
.sapMOHC .sapMOHTitle h2 >.sapMText,
html.sap-phone .sapMOHC .sapMOHTitle h2 >.sapMText,
.sapMOHC .sapMOHTitle h1 >.sapMText,
html.sap-phone .sapMOHC .sapMOHTitle h1 >.sapMText {
	line-height: 1.8rem;
	font-size: 1.125rem;
}

html[data-sap-ui-browser^=ie] .sapMOHNumberDiv,
html[data-sap-ui-browser^=ed] .sapMOHNumberDiv {
	text-align: right;
}

html[dir=rtl][data-sap-ui-browser^=ie] .sapMOHNumberDiv,
html[dir=rtl][data-sap-ui-browser^=ed] .sapMOHNumberDiv {
	text-align: left;
}

.sapMOHNumberWrap {
	width: 100%;
}

html.sap-phone .sapMOHNumberWrap {
	margin-top: 0.25rem;
}

.sapMOHNumber {
	display: block;
	font-size: 1.75rem;
	margin-top: -0.25rem;
}

.sapMOHNumberUnit {
	display: block;
	font-size: 0.75rem;
	margin-top: -0.25rem;
}

.sapMOHBottomRow {
	margin-top: 1rem;
	font-size: @sapMFontMediumSize;
}

.sapMOHAttrRow {
	margin-top: 0.625rem;
	overflow: hidden;
}

.sapMOHAttrRow:first-child {
	margin-top: 0;
}

.sapMOHC>.sapMOHAttr {
	margin-top: 0.125rem;
}

.sapMOHAttr {
	box-sizing: border-box;
	display: inline-block;
	width: 65%;
	text-align: start;
	vertical-align: top;
	overflow: hidden;
	float: left;
}

html[data-sap-ui-browser^=ie] .sapMOHAttr,
html[data-sap-ui-browser^=ed] .sapMOHAttr {
	text-align: left;
}

html[dir=rtl][data-sap-ui-browser^=ie] .sapMOHAttr,
html[dir=rtl][data-sap-ui-browser^=ed] .sapMOHAttr {
	text-align: right;
}

.sapMOH .sapMObjectAttributeDiv:not(.sapMObjectAttributeActive ) {
	display: inline-block;
	text-overflow: inherit;
	white-space: inherit;
	color: @sapUiContentLabelColor;
}

.sapMOHStatus,
.sapMOHStatusFixedWidth {
	box-sizing: border-box;
	display: inline-block;
	text-align: end;
	vertical-align: top;
	overflow: hidden;
	float: right;
	white-space: nowrap;

	.sapMObjStatusText {
		word-break: normal;
	}
}

.sapMOHStatusFixedWidth {
	width: 35%;
}

.sapMOHStatusFixedWidth>.sapMPI {
	float: right;
}

.sapMOHDivider,
.sapMOHLastDivider {
	clear: both;
}

.additionalOHNumberDiv.sapMOHNumberDiv {
	padding-right: 1em;
}

html.sapUiMedia-Std-Phone .additionalOHNumberSeparatorDiv,
html.sapUiMedia-Std-Tablet .additionalOHNumberSeparatorDiv,
html.sapUiMedia-Std-Phone .additionalOHNumberDiv.sapMOHNumberDiv,
html.sapUiMedia-Std-Tablet .additionalOHNumberDiv.sapMOHNumberDiv,
html .sapUiContainer-Narrow .additionalOHNumberSeparatorDiv,
html .sapUiContainer-Medium .additionalOHNumberSeparatorDiv,
html .sapUiContainer-Narrow .additionalOHNumberDiv.sapMOHNumberDiv,
html .sapUiContainer-Medium .additionalOHNumberDiv.sapMOHNumberDiv {
	display: none;
}

.additionalOHNumberDiv.sapMOHNumberDiv .sapMObjectNumber:not(.sapMObjectNumberStatusError):not(.sapMObjectNumberStatusWarning):not(.sapMObjectNumberStatusSuccess) {
	color: @sapUiContentLabelColor;
}

.additionalOHNumberDiv.sapMOHNumberDiv .sapMObjectNumber .sapMObjectNumberText {
	font-weight: normal;
}

.additionalOHNumberSeparatorDiv {
	margin-top: 0.375rem;
	margin-right: 0.5rem;
	display: inline-block;
	float: right;
	white-space: nowrap;
	width: 1px;
	background: @sapUiToolbarSeparatorColor;
	height: 1.375rem;
}

.additionalOHNumberDiv.sapMOHNumberDiv.sapMOHOnlyANumber {
	padding-right: 0.5em;
}

.sapMOH .sapMObjStatusMarker .sapMObjectMarkerIcon .sapUiIcon {
	margin-left: 0.5rem;
	font-size: 0.875rem;
}

.sapMOH .sapMObjStatusMarker .sapUiIcon:before {
	vertical-align: top;
}
/*
 * Do NOT clear if ObjectHeader is placed in a responsive grid layout.
 * The layout will clear after the ObjectHeader by itself. This caused problems
 * on webkit browser on phones (CSN 0120031469 0000034838 2014)
 */
div[class*='sapUiRespGrid'] > .sapMOH > .sapMOHLastDivider {
	clear: none;
}

html[data-sap-ui-browser^=ie] .sapMOHStatus,
html[data-sap-ui-browser^=ie] .sapMOHStatusFixedWidth,
html[data-sap-ui-browser^=ed] .sapMOHStatus,
html[data-sap-ui-browser^=ed] .sapMOHStatusFixedWidth {
	text-align: right;
}

html[dir=rtl][data-sap-ui-browser^=ie] .sapMOHStatus,
html[dir=rtl][data-sap-ui-browser^=ie] .sapMOHStatusFixedWidth,
html[dir=rtl][data-sap-ui-browser^=ed] .sapMOHStatus,
html[dir=rtl][data-sap-ui-browser^=ed] .sapMOHStatusFixedWidth {
	text-align: left;
}

html[data-sap-ui-browser^=ed] .sapMOH .sapMObjectAttributeActive,
html[data-sap-ui-browser^=ie] .sapMOH .sapMObjectAttributeActive {
	pointer-events: auto;
}

/* Styles for Responsive Object Header */

.sapMOHR {
	width: 100%;
	height: 100%;
	padding: 1.1rem 3rem 1.5rem 3rem;
	box-sizing: border-box;
}

html.sap-desktop.sapUiMedia-Std-Tablet .sapMOHR,
html.sap-tablet.sapUiMedia-Std-Tablet .sapMOHR,
html .sapUiContainer-Medium .sapMOHR,
html:not(.sapUiMedia-Std-Phone) .sapMSplitContainer:not(.sapMSplitContainerHideMode) .sapMOHR {
	padding-top: 1.1rem;
	padding-left: 2rem;
	padding-right: 2rem;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHR,
html.sap-phone .sapMOHR,
html .sapUiContainer-Narrow .sapMOHR {
	padding: 0.625rem 1rem 1rem 1rem;
}

/* sapMOHRNoBorder this class is set when the ObjectHeader has headerContainer in that case the bottom padding should be 0 */
html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRNoBorder.sapMOHR,
html.sap-phone .sapMOHRNoBorder.sapMOHR,
html .sapUiContainer-Narrow .sapMOHRNoBorder.sapMOHR,
html.sap-desktop.sapUiMedia-Std-Tablet .sapMOHRNoBorder.sapMOHR,
html.sap-tablet.sapUiMedia-Std-Tablet .sapMOHRNoBorder.sapMOHR,
html .sapUiContainer-Medium .sapMOHRNoBorder.sapMOHR,
html:not(.sapUiMedia-Std-Phone) .sapMSplitContainer:not(.sapMSplitContainerHideMode) .sapMOHRNoBorder.sapMOHR {
	padding-bottom: 0;
}

/* Group1 (title, flags and number) */
.sapMOHRTitleNumberDiv {
	display: inline-block;
	max-width: 95rem; // set max width in order the content not to be stretched too much on a very wide screen
	width: 100%;
}

.sapMOHRStatesOneOrThree {
	max-width: 95rem; // set max width in order the content not to be stretched too much on a very wide screen
}

html.sap-desktop .sapMOHRStatesOneOrThree .sapMOHRTitleNumberDiv {
	width: 70%;
	max-width: none;
}

/* icon*/
.sapMOHRIcon {
	position: absolute;
	top: 0.4375rem;
	margin-right: 1rem;
	background-size: cover;
	display: block;
}

.sapMOHRIcon.sapMPointer .sapUiIcon.sapUiIconPointer {
	&:active,
	&:focus {
		outline: none;
	}
}

.sapMOHRIconCircle .sapMImg {
	border-radius: 100%;
}

.sapMOHRIcon .sapMImg {
	max-height: 3rem;
	max-width: 3rem;
}

.sapMOHRHideIcon{
	display: none;
	visibility: hidden;
	margin-left: 0;
}

.sapMOHRTitleIcon > .sapMOHRTitle {
	margin-left: 4rem;
	min-height: 3.375rem;
	overflow: hidden;
}

html[data-sap-ui-browser ^= "ie"] {
	.sapMOHRTitleIcon > .sapMOHRTitle {
		min-height: 3.5rem;
	}
}

/* 1) title block */
.sapMOHRTitleDiv {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	position: relative;
	width: 100%;
}

.sapMOHRTitleTextWrappable {
	white-space: normal;
}

html.sap-phone .sapMOHRTitleTextWrappable,
.sapUiMedia-Std-Phone .sapMOHRTitleTextWrappable,
html .sapUiContainer-Narrow .sapMOHRTitleTextWrappable {
	display: table-cell;
	word-wrap: break-word;
	word-break: break-all;
}

.sapMOHRTitleText {
	margin-top: 0.4rem;
	text-decoration:none;
}

.sapMOHRTitleTextContainer {
	margin: 0.4rem 0.5rem 0 0;
	display: inline-block;
	position: relative;
}

.sapMOHR .sapMObjStatusMarker{
	white-space: nowrap;
}

.sapMOHR .sapMObjStatusMarker .sapUiIcon {
	display: inline;
	margin-left: 0.5rem;
}

.sapMOHR .sapMObjStatusMarker .sapMObjectMarker,
.sapMOHR .sapMObjStatusMarker .sapMObjectMarker .sapMText {
	display: inline;
}
.sapMOHR .sapMObjStatusMarker .sapUiIcon:before {
	vertical-align: inherit;
}

.sapMOHR .sapMObjStatusMarker.sapMObjStatusMarkerOpposite .sapUiIcon {
	margin-right: 0.5rem;
	margin-left: 0;
}

/* overwrite transform for the markers favorite and flag icon */
html[dir=rtl] .sapMObjStatusMarker > .sapUiIcon.sapUiIconMirrorInRTL {
	-webkit-transform: none; /* Chrome, Safari, Opera */
	transform: none;
}

.sapMOHRIntro {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 0.5rem;
	line-height: normal;
}

.sapMOHRIntroMargin {
	margin-top: 0;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRIntroMargin,
html.sap-phone .sapMOHRIntroMargin,
html .sapUiContainer-Narrow  .sapMOHRIntroMargin {
	margin-top: -0.3rem;
}

.sapMOHRIntroActive > a:active,
html.sap-desktop .sapMOHRIntroActive > a:hover,
.sapMOHRTitleActive .sapMOHRTitleText:active,
html.sap-desktop .sapMOHRTitleActive .sapMOHRTitleText:hover {
	text-decoration: underline;
}

.sapMOHRTitleArrow {
	display: inline-block;
	vertical-align: top;
	min-height: 2.56rem;
}

.sapMOHRTitleArrow .sapUiIcon {
	margin-top: 1px;
	vertical-align: top;
	position: absolute;
	display: inline-block;
	padding: 0.4rem 0.5rem 0.4rem 0.5rem;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTitleArrow .sapUiIcon,
html.sap-phone .sapMOHRTitleArrow .sapUiIcon,
html .sapUiContainer-Narrow .sapMOHRTitleArrow .sapUiIcon {
	padding: 0.3rem 0.4rem 0.3rem 0.4rem;
}

.sapMOHRTitleFollowArrow {
	margin-right: 2.5rem;
	padding-right: 0;
}

/* 3) states block */
.sapMOHRStates {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	padding-top: 1rem;
	width: 100%;
	max-width: 95rem; // set max width in order the content not to be stretched too much on a very wide screen
}

html.sap-desktop .sapMOHRStatesOneOrThree > .sapMOHRStates {
	width: 30%;
	box-sizing: border-box;
	padding: 0.85rem 0 0 1rem;
	text-align: end;
}

html[data-sap-ui-browser^=ie].sap-desktop .sapMOHRStatesOneOrThree > .sapMOHRStates,
html[data-sap-ui-browser^=ed].sap-desktop .sapMOHRStatesOneOrThree > .sapMOHRStates {
	text-align: right;
}

html[dir=rtl][data-sap-ui-browser^=ie].sap-desktop .sapMOHRStatesOneOrThree > .sapMOHRStates,
html[dir=rtl][data-sap-ui-browser^=ed].sap-desktop .sapMOHRStatesOneOrThree > .sapMOHRStates {
	text-align: left;
}

html.sap-desktop .sapMOHRStatesOneOrThree > .sapMOHRStates .sapMObjectAttributeDiv > span[class*='sapMObjectAttribute'] {
	float: none;
}

.sapMOHR .sapMObjectNumber {
	display: inline-block;
	padding: 0.4rem 0 0 1rem;
}

.sapMOHR .sapMObjectNumberUnit {
	padding-top: 0.4375rem;
}

// Android fix
html[data-sap-ui-os^="Android"] {
	.sapMOHR .sapMObjectNumberUnit {
		padding-top: 0.25rem;
	}
}

html.sap-desktop .sapMOHR .sapMObjectNumber {
	width: 30%;
	box-sizing: border-box;
}

html.sap-desktop.sapUiMedia-Std-Tablet .sapMOHR .sapMObjectNumber,
html.sap-tablet .sapMOHR .sapMObjectNumber,
html .sapUiContainer-Medium .sapMOHR .sapMObjectNumber {
	width: 35%;
	box-sizing: border-box;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHR .sapMObjectNumber,
html.sap-phone .sapMOHR .sapMObjectNumber,
html .sapUiContainer-Narrow .sapMOHR .sapMObjectNumber {
	box-sizing: border-box;
	float: right;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHR .sapMObjectNumber.sapMObjectNumberBelowTitle,
html.sap-phone .sapMOHR .sapMObjectNumber.sapMObjectNumberBelowTitle,
html .sapUiContainer-Narrow .sapMOHR .sapMObjectNumber.sapMObjectNumberBelowTitle {
	width: 100%;
	padding: 0.5rem 0 0 0;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRNumberWrap,
html.sap-phone .sapMOHRNumberWrap,
html .sapUiContainer-Narrow .sapMOHRNumberWrap {
	width: 100%;
	text-align: left;
	margin-left: 0;
}

html.sap-desktop .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull),
html.sap-desktop .sapMOHRStatesOneOrThree > .sapMOHRTitleNumberDiv > .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull) {
	width: 70%;
}

html.sap-desktop.sapUiMedia-Std-Tablet .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull),
html.sap-desktop.sapUiMedia-Std-Tablet .sapMOHRStatesOneOrThree > .sapMOHRTitleNumberDiv > .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull),
html.sap-tablet .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull),
html.sap-tablet .sapMOHRStatesOneOrThree > .sapMOHRTitleNumberDiv > .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull),
html .sapUiContainer-Medium .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull),
html .sapUiContainer-Medium .sapMOHRStatesOneOrThree > .sapMOHRTitleNumberDiv > .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull){
	width: 65%;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull),
html.sap-phone .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull),
html .sapUiContainer-Narrow .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull) {
	width: 60%;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTitleDivFull.sapMOHRTitleDiv,
html.sap-phone .sapMOHRTitleDivFull.sapMOHRTitleDiv,
html .sapUiContainer-Narrow .sapMOHRTitleDivFull.sapMOHRTitleDiv,
.sapMOHRTitleDivFull.sapMOHRTitleDiv {
	width: 100%;
}

.sapMOHRStatesCont1,
.sapMOHRStatesCont2,
.sapMOHRStatesCont3,
.sapMOHRStatesCont4 {
	float: left;
}

.sapMOHROneCols {
	width: 100%;
}

.sapMOHRTwoCols {
	width: 50%;
	box-sizing: border-box;
}

.sapMOHRTwoCols.sapMOHRStatesCont1 {
	padding-right: 0.5rem;
}

.sapMOHRTwoCols.sapMOHRStatesCont2 {
	text-align: end;
	padding-left: 0.5rem;
}

html[data-sap-ui-browser^=ie] .sapMOHRTwoCols.sapMOHRStatesCont2,
html[data-sap-ui-browser^=ed] .sapMOHRTwoCols.sapMOHRStatesCont2 {
	text-align: right;
}

html[dir=rtl][data-sap-ui-browser^=ie] .sapMOHRTwoCols.sapMOHRStatesCont2,
html[dir=rtl][data-sap-ui-browser^=ed] .sapMOHRTwoCols.sapMOHRStatesCont2 {
	text-align: left;
}

.sapMOHRTwoCols.sapMOHRStatesCont2 .sapMOHRAttr .sapMObjectAttributeDiv > span[class*='sapMObjectAttribute'] {
	float: none;
}

.sapMOHRThreeCols {
	width: 33%;
	box-sizing: border-box;
}

.sapMOHRThreeCols.sapMOHRStatesCont1 {
	padding-right: 0.66rem;
}

.sapMOHRThreeCols.sapMOHRStatesCont3 {
	padding-left: 0.66rem;
}

.sapMOHRThreeCols.sapMOHRStatesCont2 {
	padding-left: 0.33rem;
	padding-right: 0.33rem;
}

.sapMOHRFourCols {
	width: 25%;
	box-sizing: border-box;
}

.sapMOHRFourCols.sapMOHRStatesCont1 {
	padding-right: 0.75rem;
}

.sapMOHRFourCols.sapMOHRStatesCont4 {
	padding-left: 0.75rem;
}

.sapMOHRFourCols.sapMOHRStatesCont2 {
	padding-right: 0.5rem;
	padding-left: 0.25rem;
}

.sapMOHRFourCols.sapMOHRStatesCont3 {
	padding-left: 0.5rem;
	padding-right: 0.25rem;
}

div[class*='sapMOHRStatesCont'] > div:last-child {
	padding-bottom: 0;
}

/* styles for the IconTabBar when inside ObjectHeader */

.sapMOHR .sapMITH {
	position: relative;
	margin-left: -3rem;
	margin-right: -3rem;
}

html.sap-tablet.sapUiMedia-Std-Tablet .sapMOHRTabs .sapMITH,
html.sap-desktop.sapUiMedia-Std-Tablet .sapMOHRTabs .sapMITH,
html .sapUiContainer-Medium .sapMOHRTabs .sapMITH,
html:not(.sapUiMedia-Std-Phone) .sapMSplitContainer:not(.sapMSplitContainerHideMode) .sapMOHRTabs .sapMITH {
	margin-left: -2rem;
	margin-right: -2rem;
}

html.sap-phone .sapMOHRTabs .sapMITH,
html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTabs .sapMITH,
html .sapUiContainer-Narrow .sapMOHRTabs .sapMITH {
	margin-left: -1rem;
	margin-right: -1rem;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTabs .sapMITBHead,
html .sapUiContainer-Narrow .sapMOHRTabs .sapMITBHead {
	margin: 1rem 0 0;
}

.sapMOHRTabs .sapMITBScrollContainer {
	margin: 0 2.75rem;
}

html.sap-tablet.sapUiMedia-Std-Tablet .sapMOHRTabs .sapMITBScrollContainer,
html.sap-desktop.sapUiMedia-Std-Tablet .sapMOHRTabs .sapMITBScrollContainer,
html .sapUiContainer-Medium .sapMOHRTabs .sapMITBScrollContainer,
html:not(.sapUiMedia-Std-Phone) .sapMSplitContainer:not(.sapMSplitContainerHideMode) .sapMOHRTabs .sapMITBScrollContainer {
	margin: 0 1.75rem;
}

html.sap-phone .sapMOHRTabs .sapMITBScrollContainer,
html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTabs .sapMITBScrollContainer,
html .sapUiContainer-Narrow .sapMOHRTabs .sapMITBScrollContainer {
	margin: 0 1rem;
}

.sapMOHRTabs .sapMITHOverflowList .sapMITBScrollContainer {
	margin: 0 5rem 0 2.75rem;
}

html.sap-tablet.sapUiMedia-Std-Tablet .sapMOHRTabs .sapMITHOverflowList .sapMITBScrollContainer,
html.sap-desktop.sapUiMedia-Std-Tablet .sapMOHRTabs .sapMITHOverflowList .sapMITBScrollContainer,
html .sapUiContainer-Medium .sapMOHRTabs .sapMITHOverflowList .sapMITBScrollContainer {
	margin: 0 4.25rem 0 1.75rem;
}

html.sap-phone .sapMOHRTabs .sapMITHOverflowList .sapMITBScrollContainer,
html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTabs .sapMITHOverflowList .sapMITBScrollContainer,
html .sapUiContainer-Narrow .sapMOHRTabs .sapMITHOverflowList .sapMITBScrollContainer {
	margin: 0 4rem 0 1rem;
}

.sapMOHRTabs .sapMITBArrowScrollLeft {
	left: 1.25rem;
	padding: 1rem 0;
}

html.sap-desktop.sapUiMedia-Std-Tablet .sapMOHRTabs .sapMITBArrowScrollLeft,
html .sapUiContainer-Medium .sapMOHRTabs .sapMITBArrowScrollLeft,
html:not(.sapUiMedia-Std-Phone) .sapMSplitContainer:not(.sapMSplitContainerHideMode) .sapMOHRTabs .sapMITBArrowScrollLeft {
	left: 0.25rem;
	padding: 1rem 0.4rem;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTabs .sapMITBArrowScrollLeft,
html .sapUiContainer-Narrow .sapMOHRTabs .sapMITBArrowScrollLeft {
	left: 0.25rem;
	padding: 1rem 0;
}

.sapMOHRTabs .sapMITBArrowScrollRight {
	padding: 1rem 0;
	right: 1.25rem;
}

html.sapUiMedia-Std-Tablet .sapMOHRTabs .sapMITBArrowScrollRight,
html .sapUiContainer-Medium .sapMOHRTabs .sapMITBArrowScrollRight,
html:not(.sapUiMedia-Std-Phone) .sapMSplitContainer:not(.sapMSplitContainerHideMode) .sapMOHRTabs .sapMITBArrowScrollRight {
	padding: 1rem 0.4rem;
	right: 0.25rem;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTabs .sapMITBArrowScrollRight,
html .sapUiContainer-Narrow .sapMOHRTabs .sapMITBArrowScrollRight {
	padding: 1rem 0;
	right: 0.25rem;
}

.sapMOHRTabs .sapMITHOverflowList .sapMITBArrowScrollRight {
	right: 3.25rem;
}

html.sap-desktop.sapUiMedia-Std-Tablet .sapMOHRTabs .sapMITHOverflowList .sapMITBArrowScrollRight,
html .sapUiContainer-Medium .sapMOHRTabs .sapMITHOverflowList .sapMITBArrowScrollRight,
html:not(.sapUiMedia-Std-Phone) .sapMSplitContainer:not(.sapMSplitContainerHideMode) .sapMITHOverflowList .sapMITBArrowScrollRight {
	right: 2.75rem;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTabs .sapMITHOverflowList .sapMITBArrowScrollRight,
html .sapUiContainer-Narrow .sapMOHRTabs .sapMITHOverflowList .sapMITBArrowScrollRight {
	right: 3.25rem;
}

html:not(sap-phone).sapMOHRTabs .sapMITBArrowScrollLeftTextOnly {
	left: 1.25rem;
	padding: 0.75rem 0;
}

html.sapUiMedia-Std-Tablet .sapMOHRTabs .sapMITBArrowScrollLeftTextOnly,
html .sapUiContainer-Medium .sapMOHRTabs .sapMITBArrowScrollLeftTextOnly,
html:not(.sapUiMedia-Std-Phone) .sapMSplitContainer:not(.sapMSplitContainerHideMode) .sapMOHRTabs .sapMITBArrowScrollLeftTextOnly {
	left: 0.25rem;
	padding: 1.0625rem 0.4rem;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTabs .sapMITBArrowScrollLeftTextOnly,
html .sapUiContainer-Narrow .sapMOHRTabs .sapMITBArrowScrollLeftTextOnly {
	left: 0.25rem;
	padding: 1.25rem 0 0.75rem;
}


html:not(sap-phone).sapMOHRTabs .sapMITBArrowScrollRightTextOnly {
	padding: 0.75rem 0;
	right: 1.25rem;
}

html.sapUiMedia-Std-Tablet .sapMOHRTabs .sapMITBArrowScrollRightTextOnly,
html .sapUiContainer-Medium .sapMOHRTabs .sapMITBArrowScrollRightTextOnly,
html:not(.sapUiMedia-Std-Phone) .sapMSplitContainer:not(.sapMSplitContainerHideMode) .sapMOHRTabs .sapMITBArrowScrollRightTextOnly {
	padding: 1.0625rem 0.4rem;
	right: 0.25rem;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTabs .sapMITBArrowScrollRightTextOnly,
html .sapUiContainer-Narrow .sapMOHRTabs .sapMITBArrowScrollRightTextOnly {
	padding: 1.25rem 0 0.75rem;
	right: 0.25rem;
}

.sapMOHRTabs .sapMITHOverflowList .sapMITBArrowScrollRightTextOnly {
	right: 3.50rem;
}

html.sapUiMedia-Std-Tablet .sapMOHRTabs .sapMITHOverflowList .sapMITBArrowScrollRightTextOnly,
html .sapUiContainer-Medium .sapMOHRTabs .sapMITHOverflowList .sapMITBArrowScrollRightTextOnly,
html:not(.sapUiMedia-Std-Phone) .sapMSplitContainer:not(.sapMSplitContainerHideMode) .sapMOHRTabs .sapMITHOverflowList .sapMITBArrowScrollRightTextOnly {
	right: 2.75rem;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTabs .sapMITHOverflowList .sapMITBArrowScrollRightTextOnly,
html .sapUiContainer-Narrow .sapMOHRTabs .sapMITHOverflowList .sapMITBArrowScrollRightTextOnly {
	right: 3.25rem;
}

.sapMOHRTabs {
	margin: 0 0 0 0;
	padding-top: 0;
}

html.sap-phone .sapMOHRTabs,
html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTabs,
html .sapUiContainer-Narrow .sapMOHRTabs {
	margin: 0 0 0 0;
	padding-left: 0;
	padding-right: 0;
}

html.sap-phone .sapMOHRTabs .sapMITBTextOnly > .sapMITBFilter > .sapMITBText + .sapMITBContentArrow {
	height: 0.75rem;
}

.sapMOHR .sapMITB {
	display: block;
	position: relative;
	width: 100%;
}

.sapMOHR .sapMITBHead {
	font-size: 0.75rem;
	overflow: hidden;
}

html.sap-phone .sapMOHR .sapMITBHead {
	margin: 1rem 0 0;
}

/* end styles for the IconTabBar when inside ObjectHeader */

.sapMOHR .sapMPI {
	margin: 0;
}

.sapMOHTitle.sapMOHTitleActive > h6 .sapMText,
.sapMOHTitle.sapMOHTitleActive > h5 .sapMText,
.sapMOHTitle.sapMOHTitleActive > h4 .sapMText,
.sapMOHTitle.sapMOHTitleActive > h3 .sapMText,
.sapMOHTitle.sapMOHTitleActive > h2 .sapMText,
.sapMOHTitle.sapMOHTitleActive > h1 .sapMText {
	color: @sapUiLink;
	cursor: pointer;
}

.sapMOHTitle h6 .sapMText,
.sapMOHTitle h5 .sapMText,
.sapMOHTitle h4 .sapMText,
.sapMOHTitle h3 .sapMText,
.sapMOHTitle h2 .sapMText,
.sapMOHTitle h1 .sapMText {
	color: @sapUiGroupTitleTextColor;
}

html.sap-phone .sapMOHTitle h1 > .sapMText {
	font-size: @sapMFontHeader4Size;
}

.sapMOHNumberDiv .sapMObjectNumberText {
	font-family: @sapUiFontHeaderFamily;
	font-size: 1.375rem;
	font-weight: @sapUiFontHeaderWeight;
}

.sapMOHNumberDiv .sapMObjectNumberUnit {
	padding: 0;
	display: block;
}

.sapMOHC .sapMOHNumberDiv .sapMObjectNumberText {
	font-family: @sapUiFontHeaderFamily;
	font-size: 1.375rem;
}

.sapMOH .sapMObjectAttributeActive {
	color: @sapUiLink;
}

.sapMOHNumberStateNone {
	color: @sapUiGroupTitleTextColor;
}

.sapMOHNumberStateError {
	color: @sapUiNegativeText;
}

.sapMOHNumberStateWarning {
	color: @sapUiCriticalText;
}

.sapMOHNumberStateSuccess {
	color: @sapUiPositiveText;
}

.sapMOHIcon .sapUiIcon {
	color: @sapUiContentIconColor;
}

.sapMOHIntro.sapMOHIntroActive >.sapMLnk:active {
	background: none;
}

html.sap-desktop .sapMOHTitleArrow .sapUiIcon:hover {
	background-color: @sapUiButtonLiteHoverBackground;
}

.sapMOHC .sapMOHTitleArrow .sapUiIcon:active,
.sapMOH .sapMOHTitleArrow .sapUiIcon:active {
	background-color: @sapUiButtonLiteActiveBackground;
	color: @sapUiContentContrastTextColor;
}

/*** styles for responsive object header ***/
.sapMOHRTitle h1 {
	font-family: @sapUiFontHeaderFamily;
	font-size: @sapMFontHeader2Size;
	font-weight: @sapUiFontHeaderWeight;
	color: @sapUiGroupTitleTextColor;
}

.sapMOHRTitle h6,
.sapMOHRTitle h5,
.sapMOHRTitle h4,
.sapMOHRTitle h3,
.sapMOHRTitle h2 {
	font-family: @sapUiFontHeaderFamily;
	font-weight: @sapUiFontHeaderWeight;
	color: @sapUiGroupTitleTextColor;
}

html.sap-phone .sapMOHRTitle h1,
html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTitle h1,
html .sapUiContainer-Narrow .sapMOHRTitle h1 {
	font-size: @sapMFontHeader4Size;
}

.sapMOHRIcon .sapUiIcon {
	font-family: SAP-icons;
	font-size: 2.5rem;
	font-weight: normal;
	color: @sapUiContentIconColor;
}

.sapMOHRTitleArrow .sapUiIcon {
	color: @sapUiContentIconColor;
}

html.sap-desktop .sapMOHRTitleArrow .sapUiIcon:hover {
	background-color: @sapUiButtonLiteHoverBackground;
	border-color: @sapUiButtonLiteHoverBorderColor;
}

.sapMOHRTitleIcon .sapMOHRTitleFollowArrow .sapMOHRTitleArrow .sapUiIcon:active {
	background-color: @sapUiButtonLiteActiveBackground;
	color: @sapUiButtonActiveTextColor;
}

.sapMOHR .sapMObjStatusMarker{
	color: @sapUiContentMarkerIconColor;
}

.sapMOHRIntro {
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	font-weight: normal;
	color: @sapUiContentLabelColor;
}

.sapMOHRTitleActive .sapMOHRTitleText {
	cursor: pointer;
	color: @sapUiLink;
	text-decoration: none;
}

.sapMOHRIntro.sapMOHRIntroActive >.sapMLnk:active {
	background: none;
}

.sapMOHR .sapMObjectNumberText {
	font-family: @sapUiFontHeaderFamily;
	font-size: 1.375rem;
	font-weight: @sapUiFontHeaderWeight;
}

.sapMOHR .sapMObjectNumberUnit{
	font-family: @sapUiFontFamily;
	font-weight: normal;
}

.sapMOHR .sapMOHRAttr,
.sapMOHR .sapMOHRStatus,
.sapMOHR .sapMObjStatus {
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	font-weight: normal;
	color: @sapUiContentLabelColor;
}

.sapMOHR .sapMOHRAttr,
.sapMOHR .sapMOHRStatus {
	padding-bottom: 0.5rem;
}

.sapMOHR .sapMOHRStatus {
	.sapMObjStatusText {
		word-break: normal;
	}
}

.sapMOHRStatus .sapMObjStatusNone .sapMObjStatusText {
	color: @sapUiNeutralText;
}
.sapMOHRStatus .sapMObjStatusSuccess .sapMObjStatusText {
	color: @sapUiPositiveText;
}
.sapMOHRStatus .sapMObjStatusError .sapMObjStatusText {
	color: @sapUiNegativeText;
}
.sapMOHRStatus .sapMObjStatusWarning .sapMObjStatusText {
	color: @sapUiCriticalText;
}
/* END "ObjectHeader.less" */

/* START "ObjectIdentifier.less" */
/* ======================================= */
/* CSS for control sap.m/ObjectIdentifier  */
/* Base theme                              */
/* ======================================= */

.sapMObjectIdentifierIcons {
	overflow: hidden;
    text-align: right;
    font-size: 1rem;
	color: @sapUiContentNonInteractiveIconColor;
	display: inline-block;
	vertical-align: middle;
}

.sapMObjectIdentifierIconSpan {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0.5rem;
}

.sapMObjectIdentifierTitle .sapMLnk,
.sapMObjectIdentifierTitle .sapMText {
	overflow: visible;
	font-weight: bold;
	font-size: 1rem;
	display: inline;
	word-wrap: break-word;
	word-break: break-word;
	white-space: normal;
}

html[data-sap-ui-browser^="ff"],
html[data-sap-ui-browser^='ed'],
html[data-sap-ui-browser^='ie'] {
	.sapMObjectIdentifierTitle .sapMLnk,
	.sapMObjectIdentifierTitle .sapMText {
		display: inline-block;
	}
}

.sapMObjectIdentifierTitle .sapMText {
	color: @sapUiGroupTitleTextColor;
}

.sapMObjectIdentifierTitle .sapMLnk,
.sapMOITitleActive .sapMLnk {
	color: @sapUiLink;
}

.sapMObjectIdentifierText .sapMText,
.sapMObjectIdentifierText,
.sapMObjectIdentifier {
	color: @sapUiContentLabelColor;
}

.sapMObjectIdentifierText {
	font-size: @sapMFontMediumSize;
	padding-top: 0;
}

.sapMObjectIdentifierTextBellow{
	margin-top: 0.5rem;
}

.sapMLIBActive .sapMObjectIdentifier {
	color: @sapUiListActiveTextColor;
}

/* ObjectIdentifier inside a table */
.sapMListTbl .sapMObjectIdentifierTitle .sapMLnk,
.sapMListTbl .sapMObjectIdentifierTitle .sapMText {
	font-size: @sapMFontMediumSize;
	padding-top: 0;
}

.sapMListTbl .sapMObjectIdentifierTitle .sapMText {
	font-weight: bold;
	color: @sapUiListTextColor;
}

.sapMListTbl .sapMObjectIdentifierText .sapMText {
	line-height: 1.4;
	padding-top: 0;
}

.sapMObjectIdentifierTitle {
	display: inline;
}

html[data-sap-ui-browser^='ie'].sap-desktop .sapMObjectIdentifier :not(.sapMLnkDsbl).sapMLnk:focus::before {
	top: auto;
}

/* END "ObjectIdentifier.less" */

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

.sapMObjLItem {
	box-sizing: border-box;
	vertical-align: baseline;
	/* set this otherwise if one of the parents has "nowrap" style this
	affects the whole arrangement of the ObjectListItem */
	white-space: normal;
}

.sapMObjLItem > .sapMLIBContent {
	overflow: hidden;
}

.sapMLIB.sapMObjLItem {
	padding: 1rem;
}

.sapMObjLItem .sapMLIBImgNav:active,
.sapMObjLItem .sapMLIBIconDet:active,
.sapMObjLItem .sapMLIBIconDel:active {
	border-bottom: none;
}

.sapMObjLTopRow {
	float: left;
	width: 100%;
}

.sapMObjLIntro {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: @sapUiFontFamily;
	color: @sapUiContentLabelColor;
	font-size: @sapMFontMediumSize;
	padding-bottom: .75rem;
}

.sapMText.sapMObjLTitle {
	vertical-align: top;
	word-break: break-word;
	color: @sapUiGroupTitleTextColor;
	font-size: @sapMFontHeader4Size;
	font-weight: @sapUiFontHeaderWeight;
	line-height: 1.5rem;
}

html.sap-phone .sapMText.sapMObjLTitle,
.sapUiMedia-Std-Phone .sapMText.sapMObjLTitle,
html .sapUiContainer-Narrow .sapMText.sapMObjLTitle {
	word-break: break-all;
}

/*Object header title must break words, otherwise it may be to wide if used within
  a layout control with fixed width. */
.sapMOHTitle:not(.sapMOHRTitleNoWordBreak) > .sapMText {
	/* to break all words even browser does not know the width */
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.sapMObjLNumberDiv {
	float: right;
	padding-left: 1rem;
}

.sapMObjLNumberDiv .sapMObjectNumber.sapMObjectNumberStatusNone {
	color: @sapUiGroupTitleTextColor;
}

.sapMObjLNumberDiv .sapMObjectNumber .sapMObjectNumberText {
	font-family: @sapUiFontHeaderFamily;
	font-size: 1.375rem;
	font-weight: @sapUiFontHeaderWeight;
}

.sapMObjLNumberDiv .sapMObjectNumber .sapMObjectNumberUnit {
	padding: 0;
	display: block;
}

.sapMObjLBottomRow {
	margin-top: .25rem;
}

.sapMObjLAttrRow {
	font-size: .875rem;
	padding-top: .313rem;
}

.sapMObjLAttrDiv {
	box-sizing: border-box;
	display: inline-block;
	width: 50%;
	text-align: left;
	vertical-align: top;
}

html[dir=rtl] .sapMObjLAttrDiv {
	text-align: right;
}

.sapMObjLAttrDiv .sapMObjectAttributeDiv {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	&.sapMObjectAttributeActive {
		.sapMObjectAttributeTitle,
		.sapMObjectAttributeText {
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
			max-width: 50%;
		}
	}
}


/* First and second attributes get one line with ellipsis */
.sapMObjLAttrRow:nth-child(1)>.sapMObjLAttrDiv .sapMObjectAttributeDiv,
.sapMObjLAttrRow:nth-child(2)>.sapMObjLAttrDiv .sapMObjectAttributeDiv{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}

.sapMObjLAttrDiv .sapMObjectAttributeDiv {
	display: inline-block;
}

.sapMObjLStatusDiv {
	box-sizing: border-box;
	display: inline-block;
	width: 50%;
	text-align: right;
	vertical-align: top;
}

html[dir=rtl] .sapMObjLStatusDiv {
	text-align: left;
}

.sapMObjLAttrRow .sapMObjStatus {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	.sapMObjStatusText {
		word-break: normal;
	}
}

.sapMObjLBottomRow .sapMObjStatusIcon {
	font-size: 1rem;
}

.sapMObjLItem > .sapMLIBContent {
	-webkit-box-flex: 1;
	flex: 1 1 auto;
}

.sapMObjLListModeDiv {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-align: center;
	flex-direction: row;
	align-items: center;
}

/* TODO remove after 1.62 version */
html[data-sap-ui-browser="ie11"] .sapMObjLItem > .sapMLIBContent
{
	width: 100%;
}

/* overwrite transform for the markers favorite and flag icon */
html[dir=rtl] .sapMObjStatusMarker > .sapUiIcon.sapUiIconMirrorInRTL {
	-webkit-transform: none; /* Chrome, Safari, Opera */
	transform: none;
}

.sapMObjLIconDiv > .sapMImg {
	max-height: 3rem;
	max-width: 3rem;
}

.sapMObjLItem .sapMObjStatusMarker .sapMObjectMarkerText,
.sapMObjLItem .sapMObjStatusMarker .sapMObjectMarkerIcon {
	margin-left: 0.5rem;
}

.sapMObjLItem .sapMObjStatusMarker .sapMText,
.sapMObjLItem .sapMObjStatusMarker .sapUiIcon {
	font-size: 0.875rem;
}

.sapMObjLItem .sapMObjStatusMarker .sapUiIcon:before {
	vertical-align: top;
}

//outline-offset alternative for ObjectAttribute inside ObjectListItem. Otherwise the offset may be cut.
html[data-sap-ui-browser ^= "ie"], html[data-sap-ui-browser^="ed"] {
	.sapMObjLAttrDiv > .sapMObjectAttributeActive.sapMObjectAttributeDiv {
		padding: 0.125rem;
	}
}

.sapMObjLIcon {
	margin-top: 2px;
	color: @sapUiContentIconColor;
}

.sapMLIBActive .sapMObjLIcon {
	color: @sapUiContentContrastIconColor;
}

.sapMLIBActive .sapMObjLNumberDiv .sapMObjectNumber,
.sapMLIBActive .sapMObjStatusMarker .sapMObjectMarker .sapUiIcon {
	color: @sapUiListActiveTextColor;
}

.sapMObjLIconDiv {
	float: left;
	margin-right: .75rem;
	width: 3rem;
	height: 3rem;
	text-align: center;
	box-sizing: border-box;
}

.sapMObjLItem .sapMObjLAttrDiv {
	color: @sapUiContentLabelColor;
}

.sapMObjLAdditAttribs {
	color: @sapUiContentLabelColor;
}

.sapMObjLAttrDiv.sapMObjAttrWithMarker {
	padding-top: .1875rem
}
/* END "ObjectListItem.less" */

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

.sapMObjectMarker {
	display: inline-block;
	.sapUiIcon {
		font-size: 1rem;
		pointer-events: none;
		color: @sapUiContentMarkerIconColor;
		&:before {
			vertical-align: middle;
		}
	}
	.sapMLnk {
		overflow: visible;
		padding-bottom: 1px;
	}
	.sapMText {
		color: @sapUiContentLabelColor;
	}
	&.sapMObjectMarkerIcon.sapMObjectMarkerText .sapUiIcon {
		margin-right: 0.25rem;
	}
}
.sapMListTbl .sapMObjectMarkerIcon {
	.sapMText {
		padding-top: 0; //Icon in table should not be padded
	}
	.sapUiIcon:before {
		vertical-align: inherit;//Icon in table should not be vertically aligned
	}
}

.sapMListTbl .sapMObjectMarker .sapMText {
	color: @sapUiContentLabelColor;
}
/* END "ObjectMarker.less" */

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

.sapMObjectNumber {
	display: block;
	white-space: normal;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: normal;
	color: @sapUiGroupTitleTextColor;
	font-size: @sapMFontMediumSize;
	font-family: @sapUiFontFamily;
}

.sapMObjectNumberText {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	vertical-align: middle;
	font-size: @sapMFontMediumSize;
}

.sapMObjectNumberEmph > .sapMObjectNumberText {
	font-weight: bold;
}

.sapMObjectNumberUnit {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	vertical-align: middle;
	padding-top: 0.125rem;
	font-size: @sapMFontSmallSize;
}

.sapMObjectNumberLarge .sapMObjectNumberText,
.sapMObjectNumberLarge .sapMObjectNumberUnit {
	font-size: 1.125rem;
	vertical-align: bottom;
}

// Android fix
html[data-sap-ui-os^="Android"] {
	.sapMObjectNumberUnit {
		padding-top: 0;
	}
}

.sapUiForm .sapMObjectNumberUnit,
.sapUiForm .sapMObjectNumberText {
	vertical-align: top;
}

.sapUiForm.sapUiFormEdit .sapMObjectNumber {
	line-height: 3rem;
}

.sapUiForm.sapUiFormEdit .sapMObjectNumber .sapMObjectNumberUnit {
	line-height: 2.875rem;
}

.sapUiSizeCompact .sapUiForm.sapUiFormEdit .sapMObjectNumber {
	line-height: 2rem;
}

.sapUiSizeCompact .sapUiForm.sapUiFormEdit .sapMObjectNumber .sapMObjectNumberUnit {
	line-height: 1.875rem;
}

.sapMLIBActive .sapMObjectNumber {
	color: @sapUiListActiveTextColor;
}

.sapMObjectNumberStatusNone {
	color: @sapUiNeutralText;
}

.sapMObjectNumberStatusError {
	color: @sapUiNegativeText;
}

.sapMObjectNumberStatusWarning {
	color: @sapUiCriticalText;
}

.sapMObjectNumberStatusSuccess {
	color: @sapUiPositiveText;
}

.sapMObjectNumberStatusInformation {
	color: @sapUiInformativeText;
}

/* END "ObjectNumber.less" */

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

.sapMObjStatus {
	font-size: @sapMFontMediumSize;
	color: @sapUiNeutralText;
	display: inline-block;
}

.sapMObjectStatusLarge {
	.sapMObjStatusTitle,
	.sapMObjStatusText,
	.sapMObjStatusIcon {
		font-size: 1.125rem;
	}
	.sapMObjStatusIcon > .sapUiIcon {
		vertical-align: baseline;
	}
}

.sapMObjStatusText {
	word-break: break-word;
}

.sapMObjStatus > .sapMObjStatusTitle {
	color: @sapUiContentLabelColor;
}

.sapMObjStatusNone .sapMObjStatusText,
.sapMObjStatusNone .sapMObjStatusIcon {
	color: @sapUiNeutralText;
}

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

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

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

.sapMObjStatusInformation .sapMObjStatusText,
.sapMObjStatusInformation .sapMObjStatusIcon {
	color: @sapUiInformativeText;
}

.sapMObjStatusIndication01 .sapMObjStatusText,
.sapMObjStatusIndication01 .sapMObjStatusIcon {
	color: @sapUiIndication1;
}

.sapMObjStatusIndication02 .sapMObjStatusText,
.sapMObjStatusIndication02 .sapMObjStatusIcon {
	color: @sapUiIndication2;
}

.sapMObjStatusIndication03 .sapMObjStatusText,
.sapMObjStatusIndication03 .sapMObjStatusIcon {
	color: @sapUiIndication3;
}

.sapMObjStatusIndication04 .sapMObjStatusText,
.sapMObjStatusIndication04 .sapMObjStatusIcon {
	color: @sapUiIndication4;
}

.sapMObjStatusIndication05 .sapMObjStatusText,
.sapMObjStatusIndication05 .sapMObjStatusIcon {
	color: @sapUiIndication5;
}

// inverted classes

.sapMObjStatusInverted .sapMObjStatusText,
.sapMObjStatusInverted .sapMObjStatusIcon {
	font-family: @sapUiFontFamily;
	font-size: @sapMFontSmallSize;
	font-weight: bold;
	color: @sapUiContentContrastTextColor;
}

.sapMListTbl .sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon),
.sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon {
	height: 1rem;
	vertical-align: middle;
	font-size: @sapMFontSmallSize;
}

.sapMObjStatusInverted .sapMObjStatusText,
.sapMObjStatusInverted .sapMObjStatusIcon .sapMObjStatusIconOnly {
	padding: 0.0625rem 0.25rem;
	border-radius: 0.25rem;
}

.sapMObjStatusInverted .sapMObjStatusIcon {
	padding: 0.0625rem 0.25rem;
}

.sapMObjStatusInverted .sapMObjStatusIcon + .sapMObjStatusText {
	border-radius: 0 0.25rem 0.25rem 0;
}

.sapMObjStatusInverted .sapMObjStatusIcon {
	border-radius: 0.25rem 0 0 0.25rem;
}

.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusIcon {
	background-color: @sapUiIndication1;
}

.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusIcon {
	background-color: @sapUiIndication2;
}

.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusIcon {
	background-color: @sapUiIndication3;
}

.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusIcon {
	background-color: @sapUiIndication4;
}

.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusIcon {
	background-color: @sapUiIndication5;
}

.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusIcon {
	background-color: @sapUiNegativeText;
}

.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusIcon {
	background-color: @sapUiCriticalText;
}

.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusIcon {
	background-color: @sapUiPositiveText;
}

.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusIcon {
	background-color: @sapUiInformativeText;
}

.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusIcon {
	background-color: @sapUiNeutralText;
}

.sapMObjStatusIcon > .sapUiIcon {
	font-size: 1rem;
	vertical-align: bottom;
	line-height: inherit;
}

.sapMObjStatusIcon {
	padding-right: .5rem;
}

.sapMObjStatus > .sapMObjStatusTitle {
	padding-right: .25rem;
}

.sapUiTableCell .sapMObjStatus {
	font-size: @sapMFontMediumSize;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

.sapUiTableCell .sapMObjStatusTitle,
.sapUiTableCell .sapMObjStatusIcon .sapUiIcon,
.sapMListTbl .sapMObjStatusTitle,
.sapMListTbl .sapMObjStatusIcon .sapUiIcon {
	vertical-align: middle;
}

.sapUiForm .sapMObjStatusIcon,
.sapUiForm .sapMObjStatusTitle,
.sapUiForm .sapMObjStatusText {
	display: inline-block;
	line-height: normal;
	-webkit-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

/*
	FIX for 1580155978 and 1680267289.
	Fiori design guidelines say that statuses should be specially styled for forms
	and share looks with other text only controls.
*/
.sapUiForm.sapUiFormEdit .sapMObjStatus {
	line-height: 3rem;
}

.sapUiSizeCompact .sapUiForm.sapUiFormEdit .sapMObjStatus {
	line-height: 2rem;
}

/*
	FIX for 2715207
	Fiori design guidelines say that statuses should be specially styled for ObjectPage
	and share looks with other text only controls.
*/

.sapMObjStatusNone:not(.sapMObjStatusInverted) {
	.sapUxAPObjectPageContainer &,
	.sapUxAPObjectPageHeaderContentItem &,
	&.sapUxAPObjectPageHeaderContentItem,
	.sapUxAPObjectPageHeaderDetails .sapFDynamicPageHeaderContent & {
		.sapMObjStatusText,
		.sapMObjStatusIcon {
			color: @sapUiGroupTitleTextColor;
		}

	}
}

/* ============================================= */
/* FIX: CSS 0120061532 0001316230 2014 */
/* ============================================= */
.sapMLIBActive .sapMObjStatusNone .sapMObjStatusText,
.sapMLIBActive .sapMObjStatusNone .sapMObjStatusIcon,
.sapMLIBActive .sapMObjStatusError .sapMObjStatusText,
.sapMLIBActive .sapMObjStatusError .sapMObjStatusIcon,
.sapMLIBActive .sapMObjStatusWarning .sapMObjStatusText,
.sapMLIBActive .sapMObjStatusWarning .sapMObjStatusIcon,
.sapMLIBActive .sapMObjStatusSuccess .sapMObjStatusText,
.sapMLIBActive .sapMObjStatusSuccess .sapMObjStatusIcon {
	color: @sapUiListActiveTextColor;
}

/* Condensed size */
.sapUiSizeCondensed .sapUiTableCell .sapMObjStatus>.sapMObjStatusText {
	line-height: 1.5rem;
	vertical-align: middle;
	font-size: @sapMFontMediumSize;
}


html.sap-desktop .sapMObjStatusActive:focus {
	outline: none;
}

.sapMObjStatusActive .sapMObjStatusText {
	pointer-events: auto;
}

.sapMObjStatusActive:hover > .sapMObjStatusText,
.sapMObjStatusActive:hover > .sapMObjStatusIcon > .sapUiIcon {
	text-decoration: underline;
	cursor: pointer;
}

.sapMObjStatusActive:focus .sapMObjStatusTitle {
	text-decoration: none;
}

.sapMObjStatusLink:hover .sapMObjStatusIcon > .sapUiIcon {
	cursor: pointer;
}

.sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusLink:hover .sapMObjStatusIcon:only-child > .sapUiIcon {
	text-decoration: underline;
	cursor: pointer;
}

.sapMObjStatusLink .sapMObjStatusIcon:only-child {
	padding-right: 0;
}

.sapMObjStatusInverted .sapMObjStatusIcon.sapMObjStatusIconOnly,
.sapMObjStatusInverted .sapMObjStatusLink .sapMObjStatusIcon.sapMObjStatusIconOnly {
	padding: 0.0625rem 0.25rem;
	border-radius: 0.25rem 0.25rem;
}

.sapMObjStatusInverted .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted .sapMObjStatusLink:hover .sapMObjStatusIcon.sapMObjStatusIconOnly > .sapUiIcon {
	text-decoration: none;
}

.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:hover .sapMObjStatusIcon {
	background-color: darken(@sapUiIndication1,5);
}

.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusIcon {
	background-color: darken(@sapUiIndication1,10);
}

.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:hover .sapMObjStatusIcon {
	background-color: darken(@sapUiIndication2,5);
}

.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active .sapMObjStatusIcon {
	background-color: darken(@sapUiIndication2,10);
}

.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:hover .sapMObjStatusIcon {
	background-color: darken(@sapUiIndication3,3);
}

.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusIcon {
	background-color: darken(@sapUiIndication3,6);
}

.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:hover .sapMObjStatusIcon {
	background-color: darken(@sapUiIndication4,5);
}

.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusIcon {
	background-color: darken(@sapUiIndication4,10);
}

.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:hover .sapMObjStatusIcon {
	background-color: darken(@sapUiIndication5,5);
}

.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusIcon {
	background-color: darken(@sapUiIndication5,10);
}

.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover .sapMObjStatusIcon {
	background-color: darken(@sapUiNegativeElement,5);
}

.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:active .sapMObjStatusIcon {
	background-color: darken(@sapUiNegativeElement,10);
}

.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:hover .sapMObjStatusIcon {
	background-color: darken(@sapUiCriticalElement,3);
}

.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:active .sapMObjStatusIcon {
	background-color: darken(@sapUiCriticalElement,6);
}

.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:hover .sapMObjStatusIcon {
	background-color: darken(@sapUiPositiveElement,5);
}

.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusIcon {
	background-color: darken(@sapUiPositiveElement,10);
}

.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:hover .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:hover .sapMObjStatusIcon {
	background-color: darken(@sapUiInformativeElement,5);
}

.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active .sapMObjStatusIcon {
	background-color: darken(@sapUiInformativeElement,10);
}

.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover.sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover.sapMObjStatusIcon {
	background-color: darken(@sapUiInformativeElement,5);
}

.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover.sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover.sapMObjStatusIcon {
	background-color: darken(@sapUiInformativeElement,10);
}


html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink {
	position: relative;
	display: inline-block;
}

html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink::after {
	pointer-events: none;
	display: block;
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	bottom: 1px;
	right: 1px;
	outline: 1px dotted @sapUiContentFocusColor;
}

html[data-sap-ui-browser ^= "ie"], html[data-sap-ui-browser^="ed"] {
	.sapMObjStatusActive:focus .sapMObjStatusLink::after {
		outline-style: dashed;
	}
}

.sapMObjStatus .sapUiPseudoInvisibleText {
	font-size: 0px;
}

/* END "ObjectStatus.less" */

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

.sapMOTAPopover {

  &:focus{
	outline: none;
  }

  &.sapMOTAPButtonsWithIcons {
	.sapMOTAPButtonNoIcon {
	  &> .sapMBtnInner > span.sapMBtnContent {
		margin-left: 1.625rem;
	  }
	}
  }

  &.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
	padding: 0.25rem 0.5rem;

	/* Disappear */
	&> .sapMOTAPHidden {
	  display: none;
	}

	/* All elements inside must have display block */
	&> :not(.sapMOTAPHidden) {
	  display: block;
	}

	&> .sapMTBSeparator.sapMTBSeparatorOverflowToolbar {
		&:first-child,
		&:last-child {
			display: none;
		}
	}

	/* Button, ToggleButton, OverflowToolbarButton */
	&> button.sapMBtn {
	  width: 100% !important;
	  max-width: 100% !important;

	  /* Button alignment */
	  &> .sapMBtnInner {
		text-align: start;
	  }
	}

	/* Select */
	&> div.sapMSlt {
	  width: auto !important;
	}

	/* SegmentedButton - select form */
	&> div.sapMSegBSelectWrapper {
	  width: 100% !important;
	  &> div.sapMSlt {
		width: 100% !important;
		max-width: 100% !important;
	  }
	}

	/* ComboBox */
	&> div.sapMComboBox {
	  width: auto !important;
	  max-width: auto !important;
	}

	/* SearchField */
	&> div.sapMSF {
	  width: 100% !important;
	  max-width: 100% !important;
	}

	/* Input */
	&> div.sapMInput {
	  width: 100% !important;
	  max-width: 100% !important;
	}

	/* DateTimeInput */
	&> div.sapMDTI {
	  width: 100% !important;
	  max-width: 100% !important;
	}

  }
}

/* TODO remove after 1.62 version */
html[data-sap-ui-browser^="ie"] .sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > button.sapMBtn > .sapMBtnInner,
html[data-sap-ui-browser^="ed"] .sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > button.sapMBtn > .sapMBtnInner {
  text-align: left;
}

/* TODO remove after 1.62 version */
html[dir=rtl][data-sap-ui-browser^="ie"] .sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > button.sapMBtn > .sapMBtnInner,
html[dir=rtl][data-sap-ui-browser^="ed"] .sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > button.sapMBtn > .sapMBtnInner {
  text-align: right;
}

/* Compact mode overrides */
.sapUiSizeCompact{

  .sapMOTAPopover {

	&.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
	  padding: 0.1875rem 0.375rem;
	}
  }

}

/* Phone mode overrides */
html.sap-phone {
	.sapMOTAPopover {
	  overflow: hidden !important;
	}
}

.sapMOTAPopover {
	.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed), .sapMBtnDisabled .sapMBtnTransparent  {
		color: @sapUiButtonTextColor;
	}
}
/* END "OverflowToolbarAssociativePopover.less" */

/* START "P13nColumnsPanel.less" */
/* ======================================= */
/* CSS for control sap.m/P13nColumnsPanel  */
/* Base theme                              */
/* ======================================= */

.sapMP13nColumnsPanel{
  color: @sapUiBaseText;
}

.sapMP13nColumnsPanel .sapMLIB.sapMLIBSelected,
.sapMP13nColumnsPanel .sapMLIB.sapMLIBSelected > td {
  background-color: transparent;
}

.sapMP13nColumnsPanel .sapMListBGTranslucent .sapMLIB.sapMListTblRow.sapMP13nColumnsPanelItemSelected,
.sapMP13nColumnsPanel .sapMListBGTranslucent .sapMLIB.sapMListTblRow.sapMP13nColumnsPanelItemSelected:focus,
.sapMP13nColumnsPanel .sapMListBGTranslucent .sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):not(:hover).sapMListTblRow.sapMP13nColumnsPanelItemSelected,
.sapMP13nColumnsPanel .sapMListBGTranslucent .sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):not(:hover).sapMListTblRow.sapMP13nColumnsPanelItemSelected:focus
{
	background-color: @sapUiListSelectionBackgroundColor;
}

.sapMP13nColumnsPanel .sapMLIBActive .sapMText,
.sapMP13nColumnsPanel .sapMLIBActive .sapMListTblCell .sapMText {
	color: @sapUiListTextColor;
}

.sapMP13nColumnsPanel .sapMLIBActive .sapMCbBg,
.sapMP13nColumnsPanel .sapMLIBActive.sapMLIB,
.sapMP13nColumnsPanel .sapMLIBActive.sapMLIB > td {
	background-color: transparent;
}

.sapMP13nColumnsPanel .sapMLIBActive .sapMCbBg,
.sapMP13nColumnsPanel .sapMLIBActive .sapMCbBg.sapMCbMarkChecked,
.sapMP13nColumnsPanel .sapMLIBActive .sapMCbBg.sapMCbBgDis,
.sapMP13nColumnsPanel .sapMLIBActive .sapMCbBg.sapMCbBgDis.sapMCbMarkChecked {
	border-color: @sapUiFieldBorderColor;
}

.sapMP13nColumnsPanel .sapMLIBActive .sapMCbBg.sapMCbMarkChecked::before {
	color: @sapUiSelected;
}

html.sap-desktop .sapMP13nColumnsPanel .sapMLIBSelected:not(.sapMLIBActive):not(.sapMALI):hover,
html.sap-desktop .sapMP13nColumnsPanel .sapMLIBSelected:not(.sapMLIBActive):not(.sapMALI):hover > td {
	background-color: @sapUiListHoverBackground;
}
/* END "P13nColumnsPanel.less" */

/* START "P13nConditionPanel.less" */
/* ========================================= */
/* CSS for control sap.m/P13nConditionPanel  */
/* Base theme                                */
/* ========================================= */

.sapMConditionPanel .sapUiRespGridMedia-Std-Phone .floatRight {
	float: right;
}

.sapMConditionPanel .displayNone {
	display: none;
}

.sapMConditionPanel .conditionRootGrid > div + div .sapUiRespGridMedia-Std-Tablet {
	margin-top: 1rem;
}

.sapMConditionPanel .conditionRootGrid > div + div .sapUiRespGridMedia-Std-Phone {
	margin-top: 1rem;
}

.sapMConditionPanel .conditionAddBtnFloatRight {
	float: right;
}

.sapUiSizeCompact .sapMConditionPanel .conditionLabel {
	margin-top: 0.5rem;
}

.sapMConditionPanel .conditionLabel {
	margin-top: 1rem;
}

.sapMConditionPanel .sapMCb {
	display: block;
}

.sapMConditionPanel .sapMTB {
    border-bottom: 0px; 
}

.sapMFilterPanel .sapMPanelWrappingDivTb {
    border-bottom: 0px;
}

.sapMFilterPanel .sapMTB  {
    border-bottom: 0px;
}

//WORKAROUND BCP:1770523047 : set min-height back to 0px 
.sapMConditionPanel div[class*="sapUiRespGrid"] > div[class*="sapUiRespGridSpan"] {
	min-height: 0px;
}
/* END "P13nConditionPanel.less" */

/* START "P13nDialog.less" */
/* ================================= */
/* CSS for control sap.m/P13nDialog  */
/* Base theme                        */
/* ================================= */

.sapMP13nDialog {
  color: @sapUiBaseText;
}

.sapMP13nDialog .sapMITBHead {
	margin : 0rem;
}

.sapMP13nDialog.sapMDialog > .sapMDialogSection {
    background-color: @sapUiBaseBG;
} 

.sapMP13nDialog .sapMBarLeft {
    padding-left: 0rem;
}

/* END "P13nDialog.less" */

/* START "P13nFilterPanel.less" */
/* ====================================== */
/* CSS for control sap.m/P13nFilterPanel  */
/* Base theme                             */
/* ====================================== */

.sapMFilterPanel .compPadding {
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: 1rem;
}

.sapMFilterPanel .sapMPanelContent {
	padding : 0px;
	border-bottom-width: 0px;
}

.sapMFilterPanel .sapMPanelBGTranslucent {
  	background-color: Transparent;
}

.sapMFilterPanel .sapUiRespGrid.sapUiRespGridVSpace1>div {
    margin-bottom: 0px;
    margin-left: 0px;
}

.sapMFilterPanel .sapMPanelWrappingDiv {
 	border-bottom: 0px;
}

.sapMFilterPanel .panelTopMargin {
	margin-top : 1rem;
}

.sapMFilterPanel .panelNoHeader .sapMPanelHdr {
	height : 0rem;
	border-bottom: 0px;
}

.sapMFilterPanel .sapMPanelContent:not(.sapMPanelBGTransparent) {
    border-bottom-width: 0px;
}
/* END "P13nFilterPanel.less" */

/* START "P13nSortPanel.less" */
/* ==================================== */
/* CSS for control sap.m/P13nSortPanel  */
/* Base theme                           */
/* ==================================== */

.sapMSortPanel {
	width: 100%;
}

.sapMSortPanelContent {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.sapMGroupPanelContent {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
/* END "P13nSortPanel.less" */

/* START "Page.less" */
/* =========================== */
/* CSS for control sap.m/Page  */
/* Base theme                  */
/* =========================== */

@_sap_m_Page_AppHeight: 3333px; // Ux decision: never show the header, so make this value large enough even for zoom-out cases
@_sap_m_Page_HeaderHeight: 68px; // should be 4.25rem
@_sap_m_Page_MinHeightForHeader: (@_sap_m_Page_AppHeight + @_sap_m_Page_HeaderHeight);

.sapMPage,
.sapMPage > section {
	width: 100%;
	box-sizing: border-box;
}

.sapMPage {
  height: 100%;
  position: relative;
  isolation: isolate; /* makes sure the z-index stuff for headers/footer has no effect outside the Page; only works in the very newest browsers as of 03/2015 */
  z-index: 0; /* workaround for missing "isolation" support in most browsers; TODO: check when this can be removed */
}

.sapMPage > section {
  position: absolute;
  overflow-y: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.sapMPage > section.sapMPageEnableScrolling {
	overflow-y: auto;
	will-change: transform;
}

// If there are subpages with disabled scrolling, then its content should overflow. I.e. reset overflow-y to defaults.
.sapMPage > section.sapMPageEnableScrolling .sapMPage > section {
	overflow-y: visible;
}

html[data-sap-ui-os^="bb"],
html[data-sap-ui-os^="iOS"] {
  .sapMPage > section.sapMPageEnableScrolling {
    overflow-y: scroll;
  }
}

/* Fix for a ToolBar set as headerContent */
html[data-sap-ui-browser^="ff"].sap-desktop {
  .sapMPage > .sapMBar.sapMPageHeader .sapMBarContainer {
    display: initial;
  }

  .sapUiSizeCompact .sapMPage > .sapMBar.sapMPageHeader .sapMBarContainer {
    vertical-align: -moz-middle-with-baseline;
  }

  .sapMPage > .sapMTitle {
    font-size: 1rem;
  }
}

/*
	* Workaround for IOS 7 - on orientation change to lanscape mode:
	* on the Ipad the footer is cut off.
	* on the phone, the header is cut off and if you open the nav Bar(clicking in the footer), the header will be cut off even more.
	* setting the body to fixed seems to work. We also tried it with absolute, but it does not work (tested only on ipad).
 */
@media (orientation: landscape) {
  html[data-sap-ui-os^="iOS7"][data-sap-ui-browser^="msf"] {
    padding: 0;
    margin: 0;
    bottom: 0;
  }

  html[data-sap-ui-os^="iOS7"][data-sap-ui-browser^="msf"] body {
    position: fixed;
    top: 0;
    bottom: 0;
  }
}

/* ============================================= */
/* CSS for displaying the Footer/Header controls at the correct position */
/* ============================================= */

.sapMPageFooter {
  position: absolute;
  bottom: 0;
  left: 0;
  /* footer has to overlap the header if the page is very small (phone with open keyboard)*/
  z-index: 2;
  width: 100%;
}

.sapMPageFooter.sapUiHidden {
  bottom: auto;
}

.sapMPageFooter .sapMTB.sapMIBar {
  right: 0;
  border-bottom-width: 0;
}

.sapMPageWithFloatingFooter .sapMPageFooter .sapMIBar-CTX.sapMFooter-CTX.sapMTB {
  border-top-width: 0;
}

.sapMPageSubHeader,
.sapMPageHeader {
  /* header has to be on top of the Scroll container */
  z-index: 1;
}

.sapMPage.sapMPageBusyCoversAll > .sapUiLocalBusyIndicator {
  /* busyIndicator within page needs a z-index to render on top of header/footer */
  z-index: 3;
}

/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiContainerContentPadding(~".sapMPage", ~"> section");

/* Fiori 2.0 adaptation */

.sapF2CollapsedHeader > .sapMPageHeader {
  display: none;
}

.sapMPage.sapF2CollapsedHeader > .sapMPageHeader + section, .sapMPage.sapF2CollapsedHeader > .sapMPageHeader + .sapUiHiddenPlaceholder + section {
  top: 0em;
}

.sapMPage.sapF2CollapsedHeader > .sapMPageHeader + .sapMPageSubHeader + section {
  top: 3rem;
}

.sapUiSizeCompact .sapF2CollapsedHeader.sapMPageWithHeader > section {
  top: 0rem;
}

.sapUiSizeCompact .sapF2CollapsedHeader.sapMPageWithHeader.sapMPageWithSubHeader > section {
  top: 2rem;
}

.sapUiSizeCompact .sapF2CollapsedHeader > .sapMPageHeader .sapMIBar {
  height: 0rem;
}

.sapMIBar .sapF2AdaptedTitle,
.sapMIBar .sapF2AdaptedNavigation {
  display: none;
}

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

.sapMPageWithFloatingFooter {
  > .sapMPageFooter {
    border-radius: 0.25rem;
    margin: 0.5rem;
    width: ~"calc(100% - 1rem)";
    opacity: 0.9;

    .sapMIBar {
      border-radius: 0.25rem;
    }
  }
}

.sapMPageWithFloatingFooter.sapMPageWithFooter > section {
    bottom: 0;

    &:after {
        content: "";
        display: block;
        height: 0;
        width: 100%;
        margin-bottom: 4rem;
    }
}

.sapUiSizeCompact .sapMPageWithFooter.sapMPageWithFloatingFooter > section {
  bottom: 0;
  padding-bottom: 3.5rem;
}

html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
  .sapMPageFooterControlShow {
    -webkit-animation: bounceShow 0.35s forwards ease-in-out;
    animation: bounceShow 0.35s forwards ease-in-out;
  }
  .sapMPageFooterControlHide {
    -webkit-animation: bounceHide 0.35s forwards ease-in-out;
    animation: bounceHide 0.35s forwards ease-in-out;
  }

  @-webkit-keyframes bounceShow {
    0% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
      opacity: 0;
    }
    100% {
      opacity: 0.9;
    }
  }
  @keyframes bounceShow {
    0% {
      transform: translateY(100%);
      opacity: 0;
    }
    100% {
      opacity: 0.9;
    }
  }
  @-webkit-keyframes bounceHide {
    0% {
      -webkit-transform: translateY(-5%);
      transform: translateY(-5%);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
      opacity: 0;
    }
  }
  @keyframes bounceHide {
    0% {
      transform: translateY(-5%);
      opacity: 0.9;
    }
    100% {
      transform: translateY(100%);
      opacity: 0;
    }
  }
}

.sapMPageBgSolid {
	background-color: @sapUiBaseBG;
}

/* page with header and subHeader */
.sapMPage > .sapMPageHeader + .sapMPageSubHeader + section {
	top: 6rem;
}

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

/* page with header */
.sapMPage > .sapMPageHeader + section,
/* page with subheader */
.sapMPage > .sapMPageSubHeader + section,
/* page with header and invisible subheader */
.sapMPage > .sapMPageHeader + .sapUiHiddenPlaceholder + section {
	top: 3rem;
}

/* page app icon */

.sapMBar-CTX .sapMBarLeft > .sapMImg.sapMPageAppIcon {
	max-height: 1.375rem;
	max-width: 1.375rem;
	margin: 0.8125rem;
}

/* vertical scroll bar */

.sapMPage .sapMScrollbarV > div {
	background-color: @sapUiScrollBarFaceColor;
	border-color: @sapUiScrollBarBorderColor;
}

/* sap.m.Shell + Tiles Page specific style */

@media (min-height: @_sap_m_Page_MinHeightForHeader) {
	.sap-desktop .sapMShell .sapMPage.sapMPageHideHeaderWhenShellHeader header.sapMIBar {
		display: none;
	}
}

html.sap-tablet .sapUiFioriObjectPage > section,
html.sap-desktop .sapUiFioriObjectPage > section {
	padding-bottom: 1rem;
}

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

	.sapMPageHeader .sapMIBar,
	.sapMPageFooter .sapMIBar {
		height : 2.5rem;

		.sapMBarLeft,
		.sapMBarRight,
		.sapMBarPH {
			height: 2.5rem;
			padding-top: 0.25rem;
			padding-bottom: 0.25rem;
		}
	}

	.sapMPageWithFooter > section {
		bottom: 2.5rem;
	}

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

	.sapMPageWithHeader {
		&.sapFShellBar-CTX > section {
			top: 3rem;
		}
		&.sapMPageWithSubHeader.sapFShellBar-CTX > section {
			top: 5rem;
		}
	}

	.sapMPageWithHeader.sapMPageWithSubHeader {
		> section {
			top: 4.5rem;
		}

		.sapMPageSubHeader.sapMPageSubHeaderInfoBar + section {
			top: 4.5rem;
		}
	}

	.sapMBar-CTX .sapMBarLeft > .sapMImg.sapMPageAppIcon {
		max-height: 1rem;
		max-width: 1rem;
		margin: 0.5rem;
	}
}
/* END "Page.less" */

/* START "PagingButton.less" */
/* =================================== */
/* CSS for control sap.m/PagingButton  */
/* Base theme                          */
/* =================================== */

.sapMPagingButton {
	display: inline-block;
}
/* END "PagingButton.less" */

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

.sapMPanel {
	overflow: hidden;
	box-sizing: border-box;
	// The following needed for calculation of height for content child
	position: relative;
}

.sapMPanelHdr {
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: none;
	height: 3rem;
	line-height: 3rem;
	padding: 0 1rem;
	margin: 0;

	/*
	* To improve readability Mobile Safari automatically increases
	* the size of small text so let's disable this
	*/
	-webkit-text-size-adjust: none;

	font-weight: @sapUiFontHeaderWeight;
	font-size: @sapMFontHeader4Size;
	font-family: @sapUiFontHeaderFamily;
	color: @sapUiGroupTitleTextColor;
}

.sapMPanelContent {
	padding: 0.625rem 1rem 1.375rem 1rem;
	box-sizing: border-box;
	overflow: auto;
	white-space: normal;

	/* This is needed in order to remove the additional outline added by tabindex=-1*/
	&:focus {
		outline: none;
	}
}

.sapMPanelExpandablePart {
	clear: both;
}

.sapMPanelExpandableIcon {
	position: absolute;
	width: 1.5rem;
	line-height: 1.5rem;
	font-size: 1rem;
	margin: 0 0.75rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: @sapUiContentIconColor;
}

.sapMPanelExpandableIconExpanded {
	display: inline-block;
	-webkit-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
}

html[data-sap-ui-animation='on'] {
	.sapMPanelExpandableIcon {
		/* 400ms is standard jQuery duration */
		-webkit-transition: -webkit-transform 0.4s ease-out;
		transition: transform 0.4s ease-out;
	}

	.sapMPanelExpandableIconExpanded {
		/* 400ms is standard jQuery duration */
		-webkit-transition: -webkit-transform 0.4s ease-out;
		transition: transform 0.4s ease-out;
	}
}

.sapMPanelWrappingDiv,
.sapMPanelWrappingDivTb {
	position: relative;
	background-color: @sapUiGroupTitleBackground;
}

/* if Panel is expandable, we do not wish toolbar to come with own border */
.sapMPanelWrappingDivTb > .sapMTB {
	border-width: 0;
}

.sapMPanelWrappingDiv.sapMPanelWrappingDivExpanded {
	border-bottom-width: 0;
}

.sapMPanelWrappingDivTb.sapMPanelWrappingDivTbExpanded {
	border-bottom-width: 0;
}

html.sap-tablet .sapUiFioriObjectPage > section > .sapMPanel,
html.sap-desktop .sapUiFioriObjectPage > section > .sapMPanel {
	margin: 1rem 0;
	padding: 0 1rem;
	box-sizing: border-box;
}

.sapMPanel .sapMPanelWrappingDiv .sapMPanelHdr,
.sapMPanel .sapMPanelWrappingDivTb .sapMIBar.sapMTB {
	padding-left: 0;
	margin-left: 3rem;

  	>:first-child {
	  margin-left: 0;
	}
}

/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiContainerContentPadding(~".sapMPanel", ~"> .sapMPanelContent");

/* TODO remove after 1.62 version */
/* workaround for drawing issue in IE - ensures that the content will be redrawn */
html[data-sap-ui-animation='on'][data-sap-ui-browser^="ie"] .sapMPanelContent {
	transform: translate(0, 0);
}

/* workaround for drawing issue in Edge - ensures that the content will be redrawn */
html[data-sap-ui-animation='on'][data-sap-ui-browser^="ed"] .sapMPanelContent {
	transform: translate(0, 0);
}
/* END "Panel.less" */

/* START "PDFViewer.less" */

.sapMPDFViewerLoading {
	visibility: hidden;
}

.sapMPDFViewerWrapper {
	width: 100%;
	height: 100%;
	position: relative;
}

.sapMPDFViewerContent {
	width: 100%;
	height: 100%;
	border: 0 none;
	outline: 0 none;
}

.sapMPDFViewerContent.sapMPDFViewerReducedContent {
	height: calc(~'100% - 3.5rem');
}

.sapMPDFViewerError {
	width: 100%;
	height: 100%;
    .sapMMessagePage {
        min-height: 300px;
    }
}

.sapMPDFViewerError.sapMPDFViewerReducedContent {
	height: calc(~'100% - 3.5rem');
}
/* END "PDFViewer.less" */

/* START "PlanningCalendar.less" */
/* ======================================= */
/* CSS for control sap.m/PlanningCalendar  */
/* Base theme                              */
/* ======================================= */

.sapMPlanCal{
	background-color: @sapUiListBackground;
}

.sapMPlanCal > .sapMList .sapMListInfoTBar.sapMTB-Transparent-CTX.sapMTB{
	padding: 0;
}

.sapMPlanCal > .sapMList .sapMListInfoTBar.sapMTB-Transparent-CTX.sapMTB >:first-child{
	margin-left: 0;
}

.sapMPlanCalHead{
	width: 20%;
	height: 3rem;
}

.sapMPlanCalWithWeekNumbers .sapMPlanCalHead{
	height: 6rem;
}

.sapMPlanCalWithDayNamesLine .sapMPlanCalHead{
	height: 5rem;
}

.sapMPlanCalWithWeekNumbers.sapMPlanCalWithDayNamesLine .sapMPlanCalHead{
	height: 6rem;
}

.sapMPlanCalHead > .sapMTB.sapMIBar{
	padding-left: 0.875rem;
}

.sapUiSizeCompact {
	.sapMPlanCal .sapUiCalNoNameLine>.sapUiCalItems>.sapUiCalItem {
		height: 2rem;
	}

	.sapMPlanCal .sapUiCalOneMonthDatesRow.sapUiCalNoNameLine>.sapUiCalItems>.sapUiCalItem {
		height: 3rem;
	}

	.sapMPlanCalHead {
		height: 2rem;
	}

	.sapMPlanCalWithWeekNumbers .sapMPlanCalHead,
	.sapMPlanCalWithDayNamesLine .sapMPlanCalHead {
		height: 3rem;
	}

	.sapMPlanCalWithWeekNumbers.sapMPlanCalWithDayNamesLine .sapMPlanCalHead {
		height: 6rem;
	}

	.sapMPlanCal .sapUiCalNoNameLine > .sapUiCalItems > .sapUiCalItem > .sapUiCalItemText{
		padding-top: 0;
		padding-left: 50%;
		line-height: inherit;
		text-align: start;
	}

	.sapMPlanCal .sapUiCalOneMonthDatesRow.sapUiCalNoNameLine > .sapUiCalItems > .sapUiCalItem > .sapUiCalItemText{
		padding-top: 1rem;
		padding-left: 0;
		text-align: center;
	}

	.sapMPlanCal .sapUiCalItemNow > .sapUiCalItemText,
	.sapMPlanCal .sapUiCalNoNameLine > .sapUiCalItems > .sapUiCalItem.sapUiCalItemNow > .sapUiCalItemText,
	.sapMPlanCal.sapUiCalNoNameLine > .sapUiCalItems > .sapUiCalItem.sapUiCalItemNow > .sapUiCalItemText,
	.sapMPlanCal .sapUiCalNoNameLine > .sapUiCalItems > .sapUiCalItem.sapUiCalItemNow > .sapUiCalItemText{
		line-height: 1.625rem;
	}

	.sapMPlanCal .sapUiCalNoNameLine > .sapUiCalItems > .sapUiCalItem > .sapUiCalDayName{
		left: 0;
		height: 100%;
		width: 50%;
		line-height: inherit;
		padding-top: 0;
		padding-right: 0.5rem;
		text-align: end;
		box-sizing: border-box;
	}

	.sapMPlanCal .sapUiCalOneMonthDatesRow.sapUiCalNoNameLine > .sapUiCalItems > .sapUiCalItem > .sapUiCalDayName{
		left: 0;
		height: 100%;
		width: 100%;
		line-height: inherit;
		padding-top: 0;
		padding-right: 0;
		text-align: center;
		box-sizing: border-box;
	}

	.sapMPlanCal .sapMLIB.sapMLIBShowSeparator.sapMSLI {
		height: auto;
	}
}

.sapMPlanCal > .sapMList .sapMPlanCalRowHead > .sapMLIB,
.sapMPlanCal > .sapMList .sapMPlanCalAppRow > .sapUiCalendarRow,
.sapMPlanCal > .sapMList .sapMPlanCalAppRow > div > .sapUiCalendarRow{
	background-color: transparent;
	display: block;
	border: none;
}

/* if Head is displayed next to CalendarRow, use head size as minimum */
.sapMPlanCal:not(.sapMPlanCalNoHead) > .sapMList > table > tbody > tr > td > .sapUiCalendarRow:not(.sapMPlanCalRowLarge) > .sapUiCalendarRowApps{
	min-height: 3rem;
}

/* if Head has 2 lines, CalendarRow must be large */
.sapMPlanCal:not(.sapMPlanCalNoHead) > .sapMList > table > tbody > tr > td > .sapUiCalendarRow.sapMPlanCalRowLarge > .sapUiCalendarRowApps{
	min-height: 4rem;
}

.sapMPlanCalHead > .sapMTB{
	border-bottom: none;
}

.sapMPlanCalHead > .sapMTB > .sapMSlt{
	-webkit-flex-grow: 1;
	-webkit-box-flex: 1;
	flex: auto; /* to make the select as big as possible */
}

.sapMPlanCal > .sapMList .sapMListInfoTBar > .sapMBarChild.sapUiCalRow {
	width: 80%;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
}

.sapMPlanCal > .sapMList .sapMListInfoTBar > .sapMBarChild.sapMPlanCalHead {
	margin-right: 0;
}

.sapMPlanCal > .sapMList .sapMListInfoTBar > .sapUiCalRow{
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

html[data-sap-ui-browser^="ie"].sap-desktop .sapMPlanCal .sapUiCalRow:not(.sapUiCalNoNameLine) > .sapUiCalItems {
	display: block;
}

.sapMPlanCal > .sapMList .sapMListInfoTBar > .sapUiCalRow > .sapUiCalContent >.sapUiCalContentOver{
	bottom: 0;
}

.sapMPlanCal > .sapMList .sapMListTblCell.sapMPlanCalRowHead,
.sapMPlanCal > .sapMList .sapMListTblCell.sapMPlanCalAppRow{
	padding: 0;
	.sapUiCalendarRow {
		padding-top: 0.25rem; //to give some space for row focus outline
	}
}

/* Responsiveness */
.sapMPlanCal > .sapMList > table > tbody > tr > td > .sapMListTblSubCnt,
.sapMPlanCal > .sapMList > table > tbody > .sapMListTblSubRow > td{
	padding: 0;
}

.sapMPlanCal .sapMListTblSubCntRow {
	display: block;
}

.sapMPlanCal > .sapMList > table > tbody > tr > td > .sapMListTblSubCnt > .sapMListTblSubCntRow >.sapMListTblSubCntVal{
	margin: 0;
}

.sapMPlanCal .sapMSticky > .sapMTB-Transparent-CTX,
.sapMPlanCal .sapMSticky > .sapMListInfoTBarContainer {
	background-color: @sapUiListBackground;
}

.sapMPlanCal.sapMPlanCalNoHead > .sapMList .sapMListInfoTBar,
.sapMSize0.sapMPlanCal > .sapMList .sapMListInfoTBar,
.sapMSize1.sapMPlanCal > .sapMList .sapMListInfoTBar{
	display: block;
}

.sapMPlanCal.sapMPlanCalNoHead > .sapMList .sapMListInfoTBar > .sapMPlanCalHead,
.sapMPlanCal.sapMPlanCalNoHead > .sapMList .sapMListInfoTBar > .sapUiCalRow,
.sapMSize0.sapMPlanCal > .sapMList .sapMListInfoTBar > .sapMPlanCalHead,
.sapMSize0.sapMPlanCal > .sapMList .sapMListInfoTBar > .sapUiCalRow,
.sapMSize1.sapMPlanCal > .sapMList .sapMListInfoTBar > .sapMPlanCalHead,
.sapMSize1.sapMPlanCal > .sapMList .sapMListInfoTBar > .sapUiCalRow{
	width: 100%;
}

.sapMPlanCal.sapMPlanCalNoHead > .sapMList .sapMListInfoTBar > .sapMPlanCalHead,
.sapMSize0.sapMPlanCal > .sapMList .sapMListInfoTBar > .sapMPlanCalHead,
.sapMSize1.sapMPlanCal > .sapMList .sapMListInfoTBar > .sapMPlanCalHead{
	height: auto;
}

.sapMPlanCal.sapMPlanCalNoHead.sapMPlanCalMultiSel > .sapMList .sapMListInfoTBar > .sapUiCalRow{
	width: ~'calc(100% - 3rem)';
}

.sapMPlanCal.sapMPlanCalNoHead.sapMPlanCalMultiSel > .sapMList .sapMListInfoTBar > .sapMCb{
	width: 3rem;
	margin: 0;
	vertical-align: bottom;
}

.sapMPlanCal.sapMPlanCalNoHead.sapMPlanCalMultiSel > .sapMList .sapMListInfoTBar > .sapMCb > .sapMCbLabel{
	visibility: hidden;
}

.sapUiSizeCompact .sapMPlanCal.sapMPlanCalNoHead.sapMPlanCalMultiSel > .sapMList .sapMListInfoTBar > .sapMCb{
	width: 2.25rem;
	margin-left: 0.25rem;
}

.sapMSize0.sapMPlanCal.sapMPlanCalMultiSel > .sapMList .sapMListInfoTBar > .sapMCb,
.sapMSize1.sapMPlanCal.sapMPlanCalMultiSel > .sapMList .sapMListInfoTBar > .sapMCb{
	width: auto;
	margin-left: 0;
}

.sapMSize0.sapMPlanCal.sapMPlanCalMultiSel > .sapMList .sapMListInfoTBar > .sapMCb > .sapMCbLabel,
.sapMSize1.sapMPlanCal.sapMPlanCalMultiSel > .sapMList .sapMListInfoTBar > .sapMCb > .sapMCbLabel{
	visibility: visible;
}

.sapMSize0.sapMPlanCal.sapMPlanCalMultiSel > .sapMList .sapMListInfoTBar > .sapUiCalRow,
.sapMSize1.sapMPlanCal.sapMPlanCalMultiSel > .sapMList .sapMListInfoTBar > .sapUiCalRow{
	width: 100%;
	display: block;
}
.sapMPlanCal .sapMListBGTransparent .sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):not(:hover),
.sapMPlanCal .sapMListBGTranslucent .sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):not(:hover),
.sapMPlanCal .sapMListBGSolid .sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):not(:hover) {
	background: transparent;
}

.sapMPlanCal {
	.sapMListTbl .sapMSLIImgIcon.sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
		font-size: 1.375rem;
		height: 3rem;
		width: 3rem;
		line-height: 3rem;
		margin: 0.5rem 0.75rem 0.5rem 0;
	}

	.sapMPlanCalRowHead {
		.sapMLIBContent {
			position: relative;
		}

		:not(li) .sapMLIBContent {
			padding: .5rem 0;
		}

		.sapMSLIImg {
			max-width: 3rem;
			max-height: 3rem;
			width: auto;
			height: auto;
			margin: 0;
		}

		.sapMSLIDiv {
			.sapMSLITitleOnly,
			.sapMSLITitle {
				white-space: normal;
			}
		}

		.sapMSLIThumbnail:not(.sapMSLIWrapping) > .sapMLIBContent > .sapMSLIDiv,
		.sapMSLIImgIcon + .sapMSLIDiv{
			box-sizing: border-box;
			position: absolute;
			padding-left: calc(3rem + 0.75rem); // Width of the image + right margin
			width: 100%;

			html[data-sap-ui-browser^="ie"] & {
				top: .5rem;
				left: 0;
			}
		}
	}

	.sapUiCalItems {
		display: block;
	}

	.sapUiCalTimesRow,
	.sapUiCalDatesRow,
	.sapUiCalMonthsRow {
		flex: 1;
	}
	.sapUiCalendarAppArrowIconLeft,
	.sapUiCalendarAppArrowIconRight,
	.sapUiCalendarRowAppsIntHeadIcon {
		position: relative;
	}
}

.sapMPlanCal .sapUiCalHead {
	display: flex;
	justify-content: center;

	.sapUiCalHeadPrev,
	.sapUiCalHeadNext {
		position: static;
	}
}

.sapUiCalAppResizeGhost {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 1px;
	height: 1px;
	visibility: hidden;
	opacity: 0.01;
}

.sapUiDnDIndicatorHide {
	display: none !important;
}

.sapMPCSticky {
	.sapMPCHead {
		top: 0;
	}
}

html[data-sap-ui-browser ^= "ie"], html[data-sap-ui-browser^="ed"] {
	.sapUiSizeCompact .sapMPlanCal .sapUiCalNoNameLine:not(.sapUiCalOneMonthDatesRow) > .sapUiCalItems > .sapUiCalItem > .sapUiCalItemText{
		text-align: left;
	}

	.sapUiSizeCompact .sapMPlanCal .sapUiCalNoNameLine:not(.sapUiCalOneMonthDatesRow) > .sapUiCalItems > .sapUiCalItem > .sapUiCalDayName{
		text-align: right;
	}
}

html[dir=rtl][data-sap-ui-browser ^= "ie"], html[dir=rtl][data-sap-ui-browser^="ed"] {
	.sapUiSizeCompact .sapMPlanCal .sapUiCalNoNameLine:not(.sapUiCalOneMonthDatesRow) > .sapUiCalItems > .sapUiCalItem > .sapUiCalItemText{
		text-align: right;
	}

	.sapUiSizeCompact .sapMPlanCal .sapUiCalNoNameLine:not(.sapUiCalOneMonthDatesRow) > .sapUiCalItems > .sapUiCalItem > .sapUiCalDayName{
		text-align: left;
	}
}
/* END "PlanningCalendar.less" */

/* START "PlanningCalendarHeader.less" */
@_sap_m_PlanningCalendarHeader_Background: @sapUiListBackground;

.sapMPCHead .sapMPCHeadActionsToolbar,
.sapMPCHead .sapMPCHeadNavToolbar{
	padding-left: 1rem;
	background-color: @_sap_m_PlanningCalendarHeader_Background;
}

.sapMPCHead .sapMPCHeadNavToolbar {
	border-bottom: none;
	flex-wrap: wrap;
	white-space: normal;
	min-height: 3rem;

	&.sapMIBar {
		height: auto;
	}
}

.sapUiSizeCompact .sapMPCHead {
	.sapMPCHeadActionsToolbar {
		min-height: 3rem;
	}
	.sapMPCHeadNavToolbar {
		min-height: 2rem;
	}
}
/* END "PlanningCalendarHeader.less" */

/* START "PlanningCalendarLegend.less" */
/* ============================================= */
/* CSS for control sap.m/PlanningCalendarLegend  */
/* Base theme                                    */
/* ============================================= */

.sapMPlanCalLegend {
	&.sapUiUnifiedLegend hr {
		border-color: @sapUiListTableGroupHeaderBorderColor;
	}
	.sapUiUnifiedLegendSquareColor.sapMPlanCalLegendAppCircle {
		border-radius: 1rem;
	}
}

.sapMPlanCalLegendHeader {
	color: @sapUiListTableGroupHeaderTextColor;
	font-size: @sapMFontMediumSize;
	padding-top: 0.5rem;
}


/* END "PlanningCalendarLegend.less" */

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

/* Forces the usage of compact arrow offset, because belize uses a compact arrow for all content densities. */
@_sap_m_Popover_ForceCompactArrowOffset: true;

/* shared mixin for arrow shadow*/
.sapMPopoverArrAfterShadow(@horizontalShadow, @verticalShadow) {
	box-shadow: @horizontalShadow @verticalShadow 0.750rem 0 fade(@sapUiContentShadowColor, 30), 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 30);
}

.sapMPopover {
	.sapContrastPlus.sapMBar, .sapContrastPlus .sapMBar,
	.sapContrast.sapMBar, .sapContrast .sapMBar{
		box-shadow: none;
	}
}

.sapMPopover.sapMPopoverVerticalScrollIncluded {
	.sapMPopoverScroll {
		width: calc(~'100% + 20px');
	}

	html[data-sap-ui-browser^="sf"] & .sapMDialogSection {
		/* For Safari - allow the vertical scroll bar to overlap the right padding which we use to compensate for its width. This happens by default for other browsers. */
		overflow-y: overlay !important;
	}
}

.sapMPopover .sapMIBar.sapMFooter-CTX ,
.sapMPopover.sapMPopoverWithoutFooter .sapMPopoverCont {
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

.sapMPopover .sapMPopoverCont {
	box-sizing: border-box;
}

.sapMPopover .sapMIBar.sapMHeader-CTX {
	background-color: @sapUiGroupContentBackground;
	box-shadow: inset 0 -1px @sapUiGroupContentBorderColor;
}

.sapMPopover .sapMIBar.sapMSubHeader-CTX {
	background-color: @sapUiGroupContentBackground;
}

.sapMPopover.sapMPopoverWithoutBar .sapMPopoverCont,
.sapMPopover .sapMIBar.sapMHeader-CTX {
	border-top-right-radius: 0.25rem;
	border-top-left-radius: 0.25rem;
}

.sapMPopover {
	position: absolute;
	color: @sapUiContentForegroundTextColor;
    min-width: 6.25rem;
	box-sizing: border-box;
	outline: none;
	max-width: 100%;
	max-height: 100%;
	overflow: hidden;
	background: @sapUiGroupContentBackground;
	border: none;
	box-shadow: @sapUiShadowLevel2;
	border-radius: 0.25rem;
	min-height: 2rem;
}

html[data-sap-ui-animation='on'] .sapMPopover {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}


.sapMPopoverHeader .sapMTitle {
	font-size: .865rem;
}

.sapMPopover .sapMPopoverCont {
	overflow: hidden;
	position: relative;
	/* set margin to every side */
	margin: 0.4375em;
	background-color: @sapUiGroupContentBackground;
}

.sapMPopover .sapMPopoverScroll {
	/* 	width: 100%;  when set width to 100%, the horizontal scrolling will be disabled and this is done in the end of setArrowPosition method*/
	display: inline-block;
	vertical-align: middle;
	min-width: 100%;
	box-sizing: border-box;
	overflow-y: hidden;
}

.sapMPopover.sapUiPopupWithPadding .sapMPopoverScroll {
	padding: 1rem;
}

/* disable scrolling automatically for sap.m.Page sap.m.NavContainer sap.m.ScrollingContainer inside Popover */
.sapMPopoverVerScrollDisabled .sapMPopoverScroll {
	max-height: inherit;
	height: 100%;
}

/* disable scrolling automatically for sap.m.Page sap.m.NavContainer sap.m.ScrollingContainer inside Popover */
.sapMPopoverHorScrollDisabled .sapMPopoverScroll {
	display: block;
}

.sapMPopoverCont:focus {
	outline: none;
}

.sapMPopover.sapMPopoverTransparent {
	opacity: 0;
}

.sapMPopover.sapMPopoverOpaque {
	opacity: 1;
}

/* disable margin according to the header and footer availability */
.sapMPopoverWithBar.sapMPopoverWithFooter > .sapMPopoverCont {
	margin-bottom: 0;
	margin-top: 0;
}

/* disable margin according to the header and footer availability */
.sapMPopoverWithoutBar.sapMPopoverWithFooter > .sapMPopoverCont {
	margin-bottom: 0;
}

/* disable margin according to the header and footer availability */
.sapMPopoverWithBar.sapMPopoverWithoutFooter > .sapMPopoverCont {
	margin-top: 0;
}

.sapMPopoverWithoutBar.sapMPopoverNav > .sapMPopoverCont,
.sapMPopoverWithoutBar.sapMPopoverPage > .sapMPopoverCont,
.sapMActionSheetPopover > .sapMPopoverCont {
	margin: 0;
	background-color: transparent;
}

.sapMPopoverHeader > .sapMBar,
.sapMPopoverSubHeader > .sapMBar,
.sapMPopoverFooter > .sapMBar {
	width: auto;
}

.sapMPopoverWithoutBar.sapMPopoverNav .sapMPopoverCont .sapMPage {
	background-color: transparent;
}

.sapMPopover > .sapMPopoverCont .sapMPage > section {
	box-sizing: border-box;
	width: auto;
}

.sapMPopoverWithoutBar .sapMPage .sapMPopoverHeader,
.sapMPopoverWithoutBar .sapMPage .sapMPopoverSubHeader,
.sapMPopoverWithoutBar .sapMPage .sapMPopoverFooter {
	position: absolute;
}

.sapMPopoverHiddenFocusable {
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
}

// Adds a hidden layer below the Popover arrow to prevent closing the Popover when clicking on the arrow. In the past
// it was working but the area was bigger you could not click near to the arrow
.sapMPopoverArr {
	pointer-events: none;
	display: block;
	width: 1rem;
	height: 1rem;
	position: absolute;
	overflow: hidden;

	&:after {
		content: " ";
		display: block;
		width: 0.7rem;
		height: 0.7rem;
		background-color: @sapUiGroupContentBackground;
		transform: rotate(-45deg);
	}
}

.sapMPopoverWithFooter .sapMPopoverArrDown:after {
	background-color: @sapUiPageFooterBackground;
}

/* pointing upward arrow */
.sapMPopoverArrUp {
	/* offset */
	left: 20px;
	/* position */
	top: -0.5rem;
	height: 0.5625rem;

	&:after {
		margin: 0.1875rem 0 0 0.1875rem;
		.sapMPopoverArrAfterShadow(-0.375rem, 0.375rem);
	}
}

/* pointing right arrow */
.sapMPopoverArrRight {
	/* offset */
	top: 1rem;
	/* position */
	right: -0.5625rem;
	width: 0.5625rem;

	&:after {
		margin: 0.1875rem 0 0 -0.375rem;
		.sapMPopoverArrAfterShadow(-0.375rem, -0.375rem);
	}
}

/* pointing downward arrow */
.sapMPopoverArrDown {
	/* offset */
	left: 1rem;
	/* position */
	height: 0.5625rem;

	&:after {
		margin: -0.375rem 0 0 0.125rem;
		.sapMPopoverArrAfterShadow(0.375rem, -0.375rem);
	}

}

/* pointing left arrow */
.sapMPopoverArrLeft {
	/* position */
	left: -0.5625rem;
	top: -2rem;
	width: 0.5625rem;
	height: 1rem;

	&:after {
		margin: 0.125rem 0 0 0.25rem;
		.sapMPopoverArrAfterShadow(0.375rem, 0.375rem);
	}
}

/* TODO remove after 1.62 version */
/* Outer width of the Popover's content is wrong in IE */
html[data-sap-ui-browser^="ie"] {
	.sapMPopover .sapMPopoverScroll {
		display: block;
	}
}

.sapMPopover.sapUiSizeCompact {
	.sapMPopoverArrLeft:before,
	.sapMPopoverArrRight:before {
		margin-top: -.5rem;
		margin-left: .25rem;
		width: 1rem;
		height: 1rem;
	}

	.sapMPopoverArrRight:before {
		margin-left: -1.25rem;
	}

	.sapMPopoverArrUp:before,
	.sapMPopoverArrDown:before {
		width: 1rem;
		height: 1rem;
		margin-left: -.5rem;
	}

	.sapMPopoverArrDown:before {
		margin-top: -1.25rem;
	}
}

.sapMPopover .sapUiRespGrid {
	width: 100%;
}

/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiContainerContentPadding(~".sapMPopover", ~"> .sapMPopoverCont > .sapMPopoverScroll");

.sapMPopoverResizeHandle {
	transform: rotate(270deg);
	position: absolute;
	top: -10px;
	right: -2px;
	cursor: ne-resize;
	z-index: 2;

	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}

.sapMPopoverResizing,
.sapMPopoverResizing * {
	-moz-user-select: none !important;
	-webkit-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}

.sapMPopover .sapMPopoverCont {
	background-color: @sapUiGroupContentBackground;
	margin: 0;
}

/* padding for title in header is removed because of ticket 0120031469 0004432742 2013*/
.sapMPopoverHeader .sapMBarMiddle > .sapMBarPH {
	box-sizing: border-box;
}

.sapMPopoverHeader .sapMBarMiddle > .sapMBarPH > .sapMLabel {
	display: inline-block;
}

/*for only two buttons in footer's contentMiddle aggregation*/
.sapMPopoverSpecialFooter .sapMBarMiddle {
	display: block;
	height: 100%;
	//padding: 0 0.25rem;
	box-sizing: border-box;
}

.sapMPopoverSpecialFooter .sapMBarMiddle > .sapMBarPH {
	display: block;
	padding: 0;
}

.sapMPopoverSpecialFooter .sapMBarLeft,
.sapMPopoverSpecialFooter .sapMBarRight {
	display: none;
}

.sapMPopoverSpecialFooter .sapMBarMiddle > .sapMBarPH > .sapMBtn {
	width: 50%;
	padding-left: 0.25rem;
}

.sapMPopoverSpecialFooter .sapMBarMiddle > .sapMBarPH {

	.sapMBtn:last-child {
		margin-left: 0;
	}

	.sapMBtn:first-child {
		padding-right: 0.25rem;
		padding-left: 0;
	}
}
/* END "Popover.less" */

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

.sapMPI {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: row;
	box-sizing: border-box;
	outline: none;
	background: @sapUiFieldBackground;
	width: 100%;
	height: 1.5rem;
	min-width: 6rem;
	min-height: 1rem;
	padding: 0;
	margin: 0.75rem 0;
	border: none;
	border-radius: 0.5rem;
	overflow: hidden;
}

.sapMPIBar,
.sapMPIBarRemaining {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	min-width: 0;

	-webkit-align-items: center;
	align-items: center;
}

.sapMPIBar {
	height: 100%;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	border-top-left-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
}

.sapMPIValueMax .sapMPIBarRemaining {
	display: none;
}

.sapMPIBarRemaining {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	border-top-right-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	border-top: 1px solid @sapUiFieldBorderColor;
	border-right: 1px solid @sapUiFieldBorderColor;
	border-bottom: 1px solid @sapUiFieldBorderColor;
}

.sapMPIBarDisabled {
	opacity: 0.5;
}

.sapMPI.sapMPIDisplayOnly {
	height: 1rem;
	min-width: 4rem;
	margin: 0;
}

.sapMPIText {
	font-family: @sapUiFontFamily;
	font-size: @sapMFontSmallSize;
	font-weight: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: @sapUiContentForegroundTextColor;
}

.sapMPIDisplayOnly .sapMPIText {
	color: @sapUiBaseText;
	font-size: 0.6875rem;
}

.sapMPITextLeft {
	color: @sapUiContentContrastTextColor;
	padding-right: 0.5rem;
	display: none;
}

.sapMPITextRight {
	padding-left: 0.5rem;
}

.sapMPIValueGreaterHalf .sapMPITextRight {
	display: none;
}

.sapMPIValueGreaterHalf .sapMPITextLeft {
	display: inline-block;
}

.sapMPIAnimate .sapMPIText {
	display: none;
}

/* Progress Indicator Bar */
.sapMPIValueMax .sapMPIBar {
	border-top-right-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}

.sapMPIValueNormal .sapMPIBar {
	max-width: calc(~"100% - 0.5rem");
	min-width: 0.5rem;
}

.sapMPIBarNeutral {
	background: @sapUiNeutralElement;
}

.sapMPIBarPositive {
	background: @sapUiPositiveElement;
}

.sapMPIBarNegative {
	background: @sapUiNegativeElement;
}

.sapMPIBarCritical {
	background: @sapUiCriticalElement;
}

.sapMPIBarInformation {
	background: @sapUiInformativeElement;
}

.sapMPIDisplayOnly:not(.sapMPIBarDisabled) .sapMPIBarNeutral {
	background: @sapUiBaseText;
}

/* Progress Indicator Remaining Bar */
.sapMPIValueMin .sapMPIBarRemaining {
	border-radius: 0.5rem;
	border: 1px solid @sapUiFieldBorderColor;
}

/* Progress Indicator Value Text */
.sapMPIBarNeutral .sapMPIText.sapMPITextLeft {
	color: contrast(@sapUiNeutralElement, @sapUiContentContrastTextColor, @sapUiBaseText, @sapUiContentContrastTextThreshold);
}

.sapMPIBarPositive .sapMPIText.sapMPITextLeft {
	color: contrast(@sapUiPositiveElement, @sapUiContentContrastTextColor, @sapUiBaseText, @sapUiContentContrastTextThreshold);
}

.sapMPIBarNegative .sapMPIText.sapMPITextLeft {
	color: contrast(@sapUiNegativeElement, @sapUiContentContrastTextColor, @sapUiBaseText, @sapUiContentContrastTextThreshold);
}

.sapMPIBarCritical .sapMPIText.sapMPITextLeft {
	color: contrast(@sapUiCriticalElement, @sapUiContentContrastTextColor, @sapUiBaseText, @sapUiContentContrastTextThreshold);
}

.sapMPIBarInformation .sapMPIText.sapMPITextLeft {
	color: contrast(@sapUiHighlight, @sapUiContentContrastTextColor, @sapUiBaseText, @sapUiContentContrastTextThreshold);
}

.sapMPIBarInformation.sapMPIDisplayOnly .sapMPIText.sapMPITextLeft {
	color: contrast(@sapUiBaseText, @sapUiContentContrastTextColor, @sapUiBaseText, @sapUiContentContrastTextThreshold);
}

/* Compact */
.sapUiSizeCompact .sapMPI:not(.sapMPIDisplayOnly) {
	height: 1.125rem;
	margin: 0.4375rem 0;
}

/* Condensed */
.sapUiSizeCondensed .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly) {
	height: 1.125rem;
	margin: 0;
}
/* END "ProgressIndicator.less" */

/* START "PullToRefresh.less" */
/* ==================================== */
/* CSS for control sap.m/PullToRefresh  */
/* Base theme                           */
/* ==================================== */

.sapMPullDown {
	position: relative;
	padding: 0.6rem 1rem 0;
	font-size: 0.875rem;
	overflow: hidden;
	cursor: pointer;
	color: @sapUiContentLabelColor;
	background-color: @sapUiGroupContentBackground;
}

.sapMPullDownNontouch {
	min-height: 2rem;
	padding-bottom: 0.1875rem;
	padding-left: 0.8125rem;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.sapMPullDownNontouch:focus {
	outline: 0.0625rem dotted @sapUiContentFocusColor;
	outline-offset: -0.1875rem;
}

html[data-sap-ui-browser^="ie"] {
	.sapMPullDownNontouch:focus {
		outline: none;
		position: relative;
	}
	.sapMPullDownNontouch:focus:before {
		content: " ";
		box-sizing: border-box;
		width: calc(~'100% - 0.0625rem');
		height: calc(~'100% - 0.0625rem');
		position: absolute;
		left: 0;
		top: 0;
		border: 0.0625rem dashed @sapUiContentFocusColor;
		pointer-events: none;
	}
}

.sapMPullDownTouch {
	min-height: 3rem;
	border-bottom: 1px solid @sapUiGroupContentBorderColor;
}

/* make place for the busy indicator */
.sapMPullDownTouch.sapMLoading:not(.sapMPullDownLogo) {
	padding-left: 4rem;
}

.sapMPullDownTouch.sapMPullDownLogo {
	padding-top: 4.125rem;
	height: 3.25rem;
	line-height: 3.75rem;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center 1rem;
	background-size: 5.5rem 2.75rem;
}

.sapMPullDownCI {
	display: block;
	width: 100%;
	height: 3.125rem;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}

.sapMPullDownCIImg {
	max-height: 3.125rem;
}

/* Text */

.sapMPullDownTouch > .sapMPullDownText {
	font-weight: normal;
	font-size: @sapMFontMediumSize;
	color: @sapUiListTextColor;
}

.sapMPullDownTouch > .sapMPullDownText,
.sapMPullDownTouch > .sapMPullDownInfo {
	width: 100%;
	display: block;
	text-align: center;
	line-height: 1.3rem;
	box-sizing: border-box;
	font-family: @sapUiFontFamily;
}

.sapMPullDownNontouch > .sapMPullDownText {
	margin: 0 0.5rem;
	text-transform: uppercase;
	vertical-align: middle;
}

.sapMPullDownInfo {
	vertical-align: middle;
	font-size: @sapMFontSmallSize;
	color: @sapUiContentLabelColor;
}

.sapMPullDownNontouch > .sapMPullDownIcon {   /* circle arrows */
	vertical-align: middle;
}

.sapMPullDownNontouch > .sapMPullDownIcon::before {
	width: 1.5rem;
	height: 1.5rem;
	font-size: 1.125rem;
	content: '\e00a';
}

/* Icon */

.sapMPullDown > .sapMPullDownIcon::before {
	display: inline-block;
	font-family: SAP-icons;
	speak: none;
	float: left;
}
.sapMPullDown.sapMLoading .sapMPullDownIcon::before {
	visibility: hidden;
}

.sapMPullDownTouch > .sapMPullDownIcon {
	position: absolute;
	left: 1rem;
	line-height: 1rem;
	bottom: 1.5rem;
}
.sapMPullDownTouch > .sapMPullDownIcon::before {  /* animated arrow */
	font-size: 2em;
	color: @sapUiHighlight;
	content: '\e089';

	-webkit-transform-origin: center center;
	-webkit-transition-duration: 250ms;
	-webkit-transition-property: -webkit-transform;

	transfrom-origin: center center;
	transition-duration: 250ms;
	transition-property: transform;

	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.sapMPullDownTouch.sapMFlip .sapMPullDownIcon::before {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

/* BusyIndicator */

.sapMPullDown .sapMPullDownBusy {
	display: none;
	position: absolute;
	left: 1rem;
	line-height: 1rem;
	bottom: 1rem;
}
.sapMPullDownNontouch .sapMPullDownBusy {
	bottom: 0.5rem;
}
.sapMPullDown.sapMLoading .sapMPullDownBusy {
	display: block;
}
/* END "PullToRefresh.less" */

/* START "QuickView.less" */
/* ================================ */
/* CSS for control sap.m/QuickView  */
/* Base theme                       */
/* ================================ */

@_sap_m_QuickView_HorizontalLayoutMarginBottom: 2rem;
@_sap_m_QuickView_HorizontalLayoutIconFontSize: 2.25rem;
@_sap_m_QuickView_PagePaddingTop: 3rem;
@_sap_m_QuickView_Compact_PagePaddingTop: 2.5rem;
@_sap_m_QuickView_TitleMaxHeight: 2.25rem;

.sapMQuickView .sapMNav,
.sapMQuickViewCard .sapMNav {
	white-space: nowrap;
}

.sapMQuickViewCard .sapUiHLayoutChildWrapper a {
	margin-right: 1px; // this is needed for the focus to be visible on the right side (BCP 1980423560)
}

html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {

	.sapUiHLayoutChildWrapper .sapMLnk {
		max-height: @_sap_m_QuickView_TitleMaxHeight; // this is needed for the focus to be visible on the bottom side in IE
	}
}

.sapMQuickViewCard.sapMQuickViewCardNoScroll {
	height: 100%;
}

.sapMQuickViewPage {
	.sapUiHLayout.sapUiHLayoutNoWrap .sapUiHLayoutChildWrapper {
		max-width: 100%;
	}

	&.sapMNavItem {
		vertical-align: top;
		display: inline-block;

		&.sapMNavItemHidden {
			display: none;
		}

		&.sapMNavItemOffset {
			left: -100%;
		}
	}
}

.sapMQuickViewCard .sapMQuickViewPage.sapMNavItem {
	width: 100% !important;
}

html.sap-desktop .sapMQuickViewPage .sapUiForm .sapUiFormResGrid > div,
html.sap-tablet .sapMQuickViewPage .sapUiForm .sapUiFormResGrid > div {
	padding: 0;
	margin: 0;
}

.sapMQuickView.sapMPopover .sapMQuickViewPage.sapMScrollContScroll,
.sapMQuickView.sapMPopover .sapMQuickViewPage.sapMPage {
	position: relative;
	height: 100%;
	box-sizing: border-box;
	padding-top: @_sap_m_QuickView_PagePaddingTop;
}

.sapMQuickView.sapMPopover .sapMQuickViewPage.sapMScrollContScroll,
.sapMQuickView.sapMPopover .sapMQuickViewPage.sapMPage.sapMQuickViewPageWithoutHeader,
.sapUiSizeCompact .sapMQuickView.sapMPopover .sapMQuickViewPage.sapMScrollContScroll,
.sapUiSizeCompact .sapMQuickView.sapMPopover .sapMQuickViewPage.sapMPage.sapMQuickViewPageWithoutHeader {
	padding-top: 0;
}

.sapUiSizeCompact .sapMQuickView.sapMPopover .sapMQuickViewPage.sapMScrollContScroll,
.sapUiSizeCompact .sapMQuickView.sapMPopover .sapMQuickViewPage.sapMPage {
	padding-top: @_sap_m_QuickView_Compact_PagePaddingTop;
}

html.sap-phone .sapMQuickViewPage.sapMNavItem.sapMPage {
	position: relative;
}

html.sap-desktop .sapMQuickViewPage.sapMPage > header,
html.sap-tablet .sapMQuickViewPage.sapMPage > header {
	position: absolute;
	height: @_sap_m_QuickView_PagePaddingTop;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 16px;
}
.sapUiSizeCompact .sapMQuickView.sapMPopover header.sapMBar {
	height: 2.5rem;
}

.sapMQuickViewPage.sapMPage > header .sapMBarRight .sapUiIcon {
	font-size: 1rem;
}

html.sap-desktop .sapMQuickViewPage > section,
html.sap-tablet .sapMQuickViewPage > section {
	position: static;
	height: 100%;
	padding: 1rem;
}

.sapMQuickViewPage .sapUiFormResGridCont > div {
	padding: 0;
}

.sapMQuickViewPage .sapUiHLayout .sapUiIcon {
	line-height: 3rem;
	margin-right: .75rem;
	font-size: @_sap_m_QuickView_HorizontalLayoutIconFontSize;
	font-weight: normal;
}

.sapMQuickViewPage .sapUiHLayout .sapUiIcon:before {
	line-height: 3rem;
}

.sapMQuickViewPage .sapUiVlt .sapMText {
	font-weight: normal;
}

.sapMQuickViewPage .sapUiFormResGrid.sapUiFormBackgrTranslucent > div {
	background-color : transparent;
}

.sapMQuickViewPage .sapUiSimpleForm .sapMTitle {
	margin-top: 1rem;
}

.sapMQuickViewPage .sapMFlexItem:first-child {
	width: 70%;
	display: inline-block;
}

.sapMQuickViewPage .sapMFlexItem:last-child {
	width: 30%;
	display: inline-block;
	font-family: SAP-icons;
	min-width: 3rem;
	text-align: right;
	left: -1px;
}

.sapMQuickViewPage {
	.sapMQuickViewThumbnail {
		font-family: SAP-icons;
		font-size: 2.5rem;
		font-weight: normal;
		width: 3rem;
		height: 3rem;
		background-color: @sapUiContentImagePlaceholderBackground;
		color: @sapUiContentImagePlaceholderForegroundColor;
	}
}

.sapMQuickViewPage .sapUiHLayout {
	margin-bottom: @_sap_m_QuickView_HorizontalLayoutMarginBottom;
}

.sapMQuickViewPage .sapUiHLayout,
.sapMQuickViewPage .sapUiVlt {
	display: block;
}

.sapMQuickViewCard .sapUiHLayoutChildWrapper:only-child {
  width: 100%;
}

html.sap-phone .sapMQuickViewPage .sapUiHLayout {
	margin: 1rem 0 0 0.75rem;
}

.sapMQuickViewPage .sapUiHLayoutChildWrapper + .sapUiHLayoutChildWrapper:last-child {
	width: ~'calc(100% - 3.75rem)';
}

.sapMQuickViewPage {

	.sapMQuickViewPageImage {
		display: block;
	}

	.sapMQuickViewPageFailedImage,
	.sapMQuickViewPageFallbackIconHidden {
		display: none;
	}
}

.sapMQuickViewPage .sapUiVltCell {
	display: -webkit-box;
	display: flex;
}

.sapMQuickViewPage .sapUiVltCell:first-child {
	max-height: @_sap_m_QuickView_TitleMaxHeight;
	margin-bottom: 0.5rem;
	overflow: hidden;
}

.sapMQuickViewPage .sapUiVltCell + .sapUiVltCell span {
	width: 100%;
	line-height: 1.4rem;
	max-height: 2.8rem;
	overflow: hidden;
}

.sapMQuickViewPage .sapUiIcon {
	margin: 1px;
}

.sapMQuickViewPage .sapUiSimpleForm .sapUiIcon {
	margin: 0;
	width: 100%;
	text-align: right;
	outline: none;
}

.sapMQuickViewPage .sapUiSimpleForm .sapUiIcon:before {
	margin-right: 3px;
}

.sapMQuickViewPage div[class*="sapUiRespGrid"] > div[class*="sapUiRespGridSpan"] {
	overflow: visible;
}

.sapMQuickViewPage .sapMIBar-CTX .sapMTitle {
	text-shadow: @sapUiShadowText;
}

html.sap-desktop .sapMQuickViewHeader,
html.sap-tablet .sapMQuickViewHeader {
	font-size: @sapMFontHeader5Size;
}

.sapUiSizeCompact .sapMQuickView.sapMPopover .sapMQuickViewTitle {
	font-size: @sapMFontHeader6Size;
}

.sapMQuickViewPage h1,
.sapMQuickViewPage .sapUiForm .sapUiFormTitle {
	font-family: @sapUiFontHeaderFamily;
	font-size: @sapMFontHeader5Size;
	font-weight: @sapUiFontHeaderWeight;
	line-height: normal;
	color: @sapUiGroupTitleTextColor;
	padding-left: 0;
}

.sapMQuickViewPage .sapUiVltCell .sapMLnk {
	font-family: @sapUiFontHeaderFamily;
	font-size: @sapMFontHeader5Size;
	font-weight: @sapUiFontHeaderWeight;
	line-height: normal;
	white-space: normal;
  	color: @sapUiLink;

  	&:active {
		color: @sapUiLinkActive;
	}

  	&:visited {
	  	color: @sapUiLinkVisited;
	}

  	&hover:not(.sapMLnkDsbl) {
		color: @sapUiLinkHover;
	}
}

.sapMQuickViewPage .sapUiHLayout h1 span {
	white-space: normal;
}

.sapMQuickViewPage .sapUiVlt .sapMText {
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	color: @sapUiContentLabelColor;
}

.sapMQuickViewPage .sapMFlexItem:last-child {
	color: @sapUiContentIconColor;
}

.sapMQuickViewPage .sapUiIcon:focus,
html.sap-phone .sapMQuickViewPage .sapMLnk:focus {
  outline: none;
}

html.sap-phone .sapMPanel .sapMQuickViewCard {
	overflow-y: scroll;
}

html.sap-tablet.sap-ios .sapMPanel .sapMQuickViewCard {
	-webkit-overflow-scrolling: auto;
}

.sapMQuickViewPage .sapMPageEnableScrolling {
	outline: none;
}

/* Compact size */
.sapUiSizeCompact {
	.sapMQuickViewPage.sapMPage > header.sapMPageHeader {
		height: @_sap_m_QuickView_Compact_PagePaddingTop;
	}
}

/* END "QuickView.less" */

/* START "RadioButton.less" */
/* ================================== */
/* CSS for control sap.m/RadioButton  */
/* Base theme                         */
/* ================================== */

.sapMRb {
	height: 3rem;
	float: left;
	clear: left;
	outline: none;
	text-overflow: ellipsis;
	position: relative;
	white-space: nowrap;
	max-width: 100%;

	> .sapMLabel {
		max-width: calc(~"100% - 3rem");
		// some browsers [ie] calcs rems different than the others 0.0625 is caled as 1.04 px in IE
		padding-right: 1px;
	}
}

.sapMILI-CTX .sapMRb {
	float: right;
}

.sapMRb .sapMRbB {
	height: 3rem;
	width: 3rem;
	display: inline-block; /* for ie*/
	font-size: 1rem; /* override font size of the message dialog */

	&:focus {
		outline: none
	}

	.sapMRbBOut {
		height: 100%;
		width: 100%;
		transform: translate(50%, 50%);
		margin: 0.825rem;
		padding: 1px; /* using padding here so that margin won't collide */
		stroke: @sapUiFieldBorderColor;
		fill: @sapUiFieldBackground;
	}
}

html[data-sap-ui-browser^="ie"].sap-desktop {
	.sapMRbSvg {
		position: relative;
		left: 0.6875rem;
		top: 0.6875rem;
	}

	.sapUiSizeCompact .sapMRbSvg {
		left: 0.5rem;
		top: 0.5rem;
	}
}

.sapMRbSvg {
	height: 1.375rem;
	width: 1.375rem;
	margin: 0.825rem;
	overflow: visible;
}

.sapMRbBLabel {
	vertical-align: top;
	height: 3rem;
	line-height: 3rem;
	cursor: default;
}

.sapMRb,
.sapMRbBLabel {
	&:hover {
		cursor: pointer;
	}
}

.sapMRbB input {
	margin: 0; /* FF puts margin */
	-webkit-appearance: none;
	visibility: hidden;
}

.sapMRb:focus:before {
	content: "";
	display: block;
	position: absolute;
	top: .625rem;
	bottom: .625rem;
	left: .625rem;
	right: .6875rem;
	pointer-events: none;
}

.sapMRbB .sapMRbBInn {
	transform: translate(50%, 50%);
	stroke: transparent;
	fill: none;
	-webkit-user-select: none;
	align-self: center;
}

.sapMRbHasLabel.sapMRb:focus:before {
	right: 0;
}

.sapMRbDis:focus:before {
	display: none;
}

.sapMRbSel .sapMRbBInn {
	fill: @sapUiSelected;
	stroke: none;
}

.sapMLIBActive .sapMRbSel .sapMRbBInn {
	fill: @sapUiListActiveTextColor;
}

/* Read only */
.sapMRb.sapMRbRo {
	.sapMRbBOut {
		stroke: @sapUiFieldReadOnlyBorderColor;
		fill: @sapUiFieldReadOnlyBackground;
	}

	&.sapMRbSel .sapMRbBInn {
		fill: @sapUiContentNonInteractiveIconColor;
		stroke: none;
	}
}

/* Compact size */
.sapUiSizeCompact{
	.sapMRb {
		height: 2rem;

		> .sapMLabel {
			max-width: calc(~"100% - 2rem + 1px");
		}
	}

	.sapMRbSvg {
		height: 1rem;
		width: 1rem;
		display: inline-block;
		overflow: visible;
		margin: 0.5rem;
	}

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

	.sapMRbB {
		height : 2rem;
		width: 2rem;
		font-size: 1rem; /* override font size of the message dialog */

		.sapMRbBOut {
			height: 100%;
			width: 100%;
			border-width: 0.125rem;
			margin: 0.5rem;
			box-sizing: border-box;
		}
	}

	.sapMRbB .sapMRbBInn {
		height: 0.375rem;
		width: 0.375rem;
	}

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

	.sapMRbHasLabel.sapMRb:focus:before {
		right: 0;
	}
}

html[dir="rtl"] .sapUiSizeCompact .sapMRbSvg {
	circle {
		transform: translate(-50%, 50%);
	}
}

/* Condensed size */
.sapUiSizeCondensed.sapUiTable,
.sapUiSizeCondensed .sapUiTable {
	.sapMRb {
		height : 1.5rem;
		vertical-align: top;
	}

	.sapMRbB {
		font-size: 1rem; /* override font size of the message dialog */
		height: 1.375rem;
		width: 1.375rem;

		.sapMRbBOut {
			height: 0.75rem;
			width: 0.75rem;
			border-width: 1px;
			margin: 0.375rem;
		}

		.sapMRbBInn {
			height: 0.25rem;
			width: 0.25rem;
			margin: 0.0625rem;
		}
	}

	.sapUiTableDataCell > .sapUiTableCellInner > .sapMRb>.sapMRbB{
			margin: 0 0.25rem; /* extra space in the condensed ULV */
	}

	.sapMRbBLabel {
		line-height: 1.5rem;
		height: 1.5rem;
	}
}
/* END "RadioButton.less" */

/* START "RadioButtonGroup.less" */
/* ======================================= */
/* CSS for control sap.m/RadioButtonGroup  */
/* Base theme                              */
/* ======================================= */

.sapMRbG{
	display: inline-block;

}

.sapMRbG:focus {
	outline: none;
}

.sapMRbGTab{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.sapMRbGCol{
	-webkit-box-flex: 1;
	flex-grow: 1;
	vertical-align: top;
	min-width: 10px;
	margin-right: 0;
	padding: 1px;
	overflow: hidden; /* needed in Safari */
}

.sapMRbGDummy {
	-webkit-box-flex: 100;
	flex-grow: 100;
}

.sapMRbG > .sapMRb,
.sapMRbGCol > .sapMRb{
	float: left;
	clear: left;
	text-overflow: ellipsis;
}

.sapMRbG.sapMRbG1Row > .sapMRb{
	clear: none;
	padding: 1px;
}

.sapMRbGCol > .sapMRb{
	width: 100%;
	outline-offset: -1px;
}

.sapMRbG .sapMRbB {
	position: absolute;
	left: 0;
}

.sapMRbG  .sapMRbHasLabel .sapMRbB {
	width: 3rem;
}

.sapMRbG .sapMRbBLabel {
	margin-left: 0;
	padding-left: 3rem;
	display: inline-block;
}

.sapMRbG .sapMRbHasLabel .sapMRbBOut {
	margin: 0.8125rem;
}

/* Read only */
.sapMRbGRo {
	.sapMRb .sapMRbBOut {
		background-color: @sapUiFieldReadOnlyBackground;
		border-color: @sapUiFieldReadOnlyBorderColor;
	}

	.sapMRb.sapMRbSel .sapMRbBInn {
		background-color: @sapUiContentNonInteractiveIconColor;
	}

}

/* Right to left */
.sapMRbG[dir=rtl] .sapMRbB {
	right: 0;
}

.sapMRbG[dir=rtl] .sapMRbBLabel {
	padding-left: 0;
	padding-right: 3rem;
}

/* Compact Size */
.sapUiSizeCompact {
	.sapMRbG .sapMRbHasLabel .sapMRbB {
		width: 2rem;
	}

	.sapMRbG .sapMRbHasLabel .sapMRbBOut {
		margin: 0.5rem;
	}

	.sapMRbG .sapMRbBLabel {
		padding-left: 2rem;
	}

	.sapMRbG[dir=rtl] .sapMRbBLabel {
		padding-left: 0;
		padding-right: 2rem;
	}
}
/* END "RadioButtonGroup.less" */

/* START "RangeSlider.less" */
/* ================================== */
/* CSS for control sap.m/RangeSlider  */
/* Base theme                         */
/* ================================== */

.sapMSliderProgress {
  width: auto;
}

.sapMSliderProgress:focus {
  outline: none;
}

html.sap-desktop .sapMSliderProgress:focus:before {
  border: 1px dotted @sapUiContentFocusColor;
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  right: -2px;
  pointer-events: none;
}

//----- RangeSlider Labels------------
.sapMSliderLabels {
  margin: 0.875rem -0.875rem 0 -0.875rem;
  height: 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-left: -1.0625rem;
  margin-right: -1.406rem;
}

.sapMSliderRangeLabel {
  display: block;
  width: 1.75rem;
  font-size: 0.75rem;
  align-self: flex-end;
  text-align: center;
  direction: ltr;
}

/* overlap */
.sapMSliderHandle.sapMSliderHandleOverlap {
  background-color: @sapUiFieldActiveBorderColor;
  border: @sapUiFieldActiveBorderColor;
}

/* pressed */
.sapMSliderInner > .sapMSliderHandle.sapMSliderHandlePressed {
  background: @sapUiHighlight;
  border: 0.125rem solid @sapUiFieldActiveBorderColor;
}


/* ============ */
/* compact size */
/* ============ */
.sapUiSizeCompact {
  .sapMSliderLabels {
    margin: 0.5rem -0.6875rem 0 -0.6875rem;
  }

  .sapMSliderRangeLabel {
    width: 1.375rem;
  }
}
/* END "RangeSlider.less" */

/* START "RatingIndicator.less" */
/* ====================================== */
/* CSS for control sap.m/RatingIndicator  */
/* Base theme                             */
/* ====================================== */

.sapMRI {
	position: relative;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	padding: 0;
	margin: 0.8125rem 0;

	/* TODO remove after 1.62 version */
	/* IE Windows 8 */
	/* This elements receives events when not panning in vertial direction */
	touch-action: pan-y;
	-ms-touch-action: pan-y;
}

html.sap-phone .sapMRI:focus,
html.sap-tablet .sapMRI:focus {
	outline: none;
}

.sapMRISelector {
	position: absolute;
	background: transparent;
	width: 100%;
	height: 100%;
}

.sapMRISel {
	float: left;
	display: block;
	overflow: hidden;
	padding:0;
	margin:0;
	color: @sapUiAccent1;
	word-wrap: normal;
	white-space: nowrap;
}

.sapMRIUnsel {
	position: relative;
	float: right;
	color: darken(@sapUiContentForegroundColor, 25);
	word-wrap: normal;
	white-space: nowrap;
}

.sapMRIUnselWrapper {
	float: right;
	overflow: hidden;
}

.sapMRIHov {
	float: left;
	display: none;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	color: darken(@sapUiAccent1, 5);
}

.sapMRIIconSel, .sapMRIIconUnsel, .sapMRIIconHov, .sapMRIIconReadOnly {
    font-family: SAP-icons;
}

.sapMListTblCell > .sapMRI {
  margin: 0;
}

.sapUiSizeCondensed .sapUiTableDataCell > .sapUiTableCellInner > .sapMRI {
	box-sizing: content-box;
	padding: 0;
	margin: 0 0.5rem;
}

.sapUiRatingIndicatorXS .sapMRI .sapUiIcon,
.sapUiRatingIndicatorXS .sapMRI .sapMImg {
	padding-right: @sapUiRIIconPaddingXS;
	vertical-align:top;
}
	.sapUiRatingIndicatorS .sapMRI .sapUiIcon,
	.sapUiRatingIndicatorS .sapMRI .sapMImg {
		padding-right: @sapUiRIIconPaddingS;
		vertical-align:top;
	}

	.sapUiRatingIndicatorM .sapMRI .sapUiIcon,
	.sapUiRatingIndicatorM .sapMRI .sapMImg {
		padding-right: @sapUiRIIconPaddingM;
		vertical-align:top;
	}

	.sapUiRatingIndicatorL .sapMRI .sapUiIcon,
	.sapUiRatingIndicatorL .sapMRI .sapMImg {
		padding-right: @sapUiRIIconPaddingL;
		vertical-align:top;
	}

.sapMRI.sapUiRatingIndicatorXS .sapUiIcon:last-child,
.sapMRI.sapUiRatingIndicatorXS .sapMImg:last-child,
.sapMRI.sapUiRatingIndicatorS  .sapUiIcon:last-child,
.sapMRI.sapUiRatingIndicatorS .sapMImg:last-child,
.sapMRI.sapUiRatingIndicatorM .sapUiIcon:last-child,
.sapMRI.sapUiRatingIndicatorM .sapMImg:last-child,
.sapMRI.sapUiRatingIndicatorL .sapUiIcon:last-child,
.sapMRI.sapUiRatingIndicatorL .sapMImg:last-child {
	padding-right: 0;
}

.sapMRIIcon { /* required for size calculation */
	height: 1.375rem; /* default size */
	overflow: hidden;
}

.sapMRIDisabled {
	outline: none;
	cursor: default;
}

.sapMRIDisplayOnly {
	outline: none;
	cursor: default;
	margin: 0;
}

.sapMRI .sapUiIcon,
.sapMRI .sapMImg {
	padding-right: 0.25rem;
}

.sapMRI .sapUiIcon:last-child,
.sapMRI .sapMImg:last-child {
	padding-right: 0;
}

/* Compact mode */
.sapUiSizeCompact {
	.sapMRI {
		margin: 0.5rem 0;

		&.sapMRIDisplayOnly {
			margin: 0;
		}
	}
	.sapMRIIcon {
		height: 1rem; /* default size for the compact mode */
	}
}
/* Condensed mode */
.sapUiSizeCondensed .sapUiTableDataCell .sapMRI .sapUiIcon,
.sapUiSizeCondensed .sapUiTableDataCell .sapMRI .sapMImg{
	vertical-align: top;
}

.sapUiSizeCondensed .sapMRI .sapUiIcon,
.sapUiSizeCondensed .sapMRI .sapMImg{
	padding-right: 0;
}

.sapMRI.sapUiRatingIndicatorXS {
	.sapUiIcon, .sapMImg {
		padding-right: @sapUiRIIconPaddingXS;
		vertical-align: top;
	}
}

.sapMRI.sapUiRatingIndicatorS {
	.sapUiIcon, .sapMImg {
		padding-right: @sapUiRIIconPaddingS;
		vertical-align: top;
	}
}

.sapMRI.sapUiRatingIndicatorM {
	.sapUiIcon, .sapMImg {
		padding-right: @sapUiRIIconPaddingM;
		vertical-align: top;
	}
}

.sapMRI.sapUiRatingIndicatorL {
	.sapUiIcon, .sapMImg {
		padding-right: @sapUiRIIconPaddingL;
		vertical-align: top;
	}
}

.sapMRI.sapUiRatingIndicatorXS, .sapMRI.sapUiRatingIndicatorS, .sapMRI.sapUiRatingIndicatorM,
.sapMRI.sapUiRatingIndicatorL {
	.sapUiIcon:last-child, .sapMImg:last-child {
		padding-right: 0;
	}
}

.sapMRI.sapMRIDisplayOnly {
	.sapMRIIconSel {
		color: @sapUiBaseText;
	}
}

/* END "RatingIndicator.less" */

/* START "ScrollBar.less" */
/* ====================================== */
/* CSS for control sap.m/ScrollBar  */
/* Base theme                             */
/* ====================================== */

.sapMScrollBarTouch {
	-webkit-overflow-scrolling: auto;
}

.sapMScrollBarTouch ::-webkit-scrollbar {
	height: 7px;
	width: 7px;
	-webkit-appearance: none;
}

.sapMScrollBarTouch ::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.sapMScrollBarOuterDiv {
	overflow: hidden;
	height: 100%;
	right: 0;
	position: absolute;
	z-index: 100;
}

.sapMScrollBarInnerDiv {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
}

.sapMScrollBarDistantSpan {
	position: absolute;
	top: -9000px;
	left: -9000px;
	visibility: hidden;
	line-height: normal;
}
/* END "ScrollBar.less" */

/* START "ScrollContainer.less" */
/* ====================================== */
/* CSS for control sap.m/ScrollContainer  */
/* Base theme                             */
/* ====================================== */

.sapMScrollCont {
	overflow: hidden;
	position: relative; /* to make the iScroll scrollbars appear at the correct position, if enabled */
	outline: none;
}

.sapMScrollContV .sapMScrollContScroll {
	display: block; /* when there is only vertical scrolling, the whole available width should be consumed */
}

/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiContainerContentPadding(~".sapMScrollCont", ~"> .sapMScrollContScroll");
/* END "ScrollContainer.less" */

/* START "SearchField.less" */
/* ================================== */
/* CSS for control sap.m/SearchField  */
/* Base theme                         */
/* ================================== */

@_sap_m_SearchField_Height: 3rem;
@_sap_m_SearchField_FormHeight: 2.5rem;
@_sap_m_SearchField_InputHeight: 2.375rem;
@_sap_m_SearchField_ButtonSize: 2.38rem; /* due to incorrect rounding in Windows Phone, it should be 2.38 instead of 2.375 */
@_sap_m_SearchField_ButtonFontSize: 1.125rem;
@_sap_m_SearchField_NoSearchButtonPadding: 2.375rem;
@_sap_m_SearchField_Compact_FormPaddingLeft: 0.375rem;
@_sap_m_SearchField_Compact_NoSearchButtonPadding: 2rem;
@_sap_m_SearchField_ResetIcon: "\e1c7";

.sapMSF {
	position: relative;
	-moz-user-modify: read-only;
	-webkit-user-modify: read-only;
	-webkit-user-select: none;
	user-select: none;
	box-sizing: border-box;
	width: 100%;
	min-width: 7rem;
	height: @_sap_m_SearchField_Height;
	background: transparent;
	padding: 0.25rem 0;
}

.sapUiUfdShellHead .sapMSF {
	padding: 0;
}

.sapUiSizeCompact .sapUiUfdShellHead .sapMSF {
	padding: 0.25rem 0;
}

html.sap-desktop .sapMFocus > .sapMSFF::before {
	border: 1px dotted @sapUiContentFocusColor;
	position: absolute;
	content: " ";
	top: 1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
	z-index: 2;
	pointer-events: none;
}

.sapMSFI[type="search"] {
	font-size: 0.88em;
	-webkit-appearance:none;
	box-sizing: border-box;
	width: 100%;
}

.sapMSFI[type="search"]::-webkit-search-decoration,
.sapMSFI[type="search"]::-webkit-search-results-decoration,
.sapMSFI[type="search"]::-webkit-search-results-button {
	-webkit-appearance: none;
}

.sapMSFI[type="search"]:focus {
	-webkit-appearance: none;
}

input.sapMSFI[type="search"]:focus {
	outline: none;
	outline-width: 0;
}

.sapMSFR {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 1.8em;
	height: 100%;
	background: transparent;
}

.sapMSFPlaceholder {
	font-size: 0.88em;
	display: none;
}

.sapMSplitContainerMaster .sapMSF {
	padding-right: 1px;
}

.sapMSFF {
	box-sizing: border-box;
	height: @_sap_m_SearchField_FormHeight;
	line-height: @_sap_m_SearchField_InputHeight;
	border: 1px solid @sapUiFieldBorderColor;
	background: @sapUiFieldBackground;
	vertical-align: top;
	width: 100%;
	position: relative;
	padding-left: 0.625rem;
	padding-right: 4.75rem;
}

.sapMSFF.sapMSFNS { /* no search button */
	padding-right: @_sap_m_SearchField_NoSearchButtonPadding;
}

/* Block elements do not work with bar layout */
.sapMBar .sapMSF {
	display : inline-block;
}

.sapMSFF>form>input {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sapMFocus>.sapMSFF {
	border-color: @sapUiFieldFocusBorderColor;
}

:not(.sapMSFDisabled) > .sapMSFF:hover {
	border-color: @sapUiFieldHoverBorderColor;
}

.sapMSFI {
	color: @sapUiFieldTextColor;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	background: transparent;
	width: 100%;
	height: @_sap_m_SearchField_InputHeight;
	border: none;
	outline: none;
	padding: 0;
	margin: 0;
	text-indent: 0.125rem;
	vertical-align: top;
	text-overflow: ellipsis;
}

.sapMSFI.sapMSFIA4{
	-webkit-user-modify: read-write-plaintext-only;
}

.sapMSFI[type='search']{
	font-size: 0.875rem;
}

/* remove clear x button in webkit */
.sapMSFI[type="search"]::-webkit-search-cancel-button{
	-webkit-appearance: none;
	display: none;
}

/* remove clear x button in IE */// TODO remove after 1.62 version
.sapMSFI::-ms-clear{
	display: none;
}

/* custom buttons */
.sapMSFB {
	position: absolute;
	width: @_sap_m_SearchField_ButtonSize;
	height: @_sap_m_SearchField_ButtonSize;
	line-height: @_sap_m_SearchField_ButtonSize;
	font-size: @_sap_m_SearchField_ButtonFontSize;
	color: @sapUiContentIconColor;
	text-align: center;
	cursor: default;
	margin:0;
	padding:0;
	right: 0;
	top: 0;
}

.sapMSFB:after {
	speak: none;
	font-weight: normal;
	font-family: 'SAP-icons';
	-webkit-font-smoothing: antialiased;
}

/* reset button */
.sapMSFR:not(.sapMSFNS) {
	right: 2.375rem;
}

.sapMSFR {
	visibility: hidden;
}

.sapMSFR:after {
	content: @_sap_m_SearchField_ResetIcon;
}

.sapMSFVal>.sapMSFF>.sapMSFR,
:not(.sapMSFVal):not(.sapMFocus)>.sapMSFReload>.sapMSFR {
	visibility: visible;
}

/* search icon in place of the reset button */
:not(.sapMSFVal)>.sapMSFReload>.sapMSFR:after {
	content: "\e00d";
}

/* search button */
.sapMSFS:after {
	content: "\e00d";
}

/* refresh icon in some cases */
:not(.sapMFocus)>.sapMSFReload>.sapMSFS:after {
	content: "\e00a";
}

/*grouping is not allowed here*/
.sapMSFI::-webkit-input-placeholder {
	color:		   @sapUiFieldPlaceholderTextColor;
	font-size:	   @sapMFontMediumSize;
	font-style:	   italic;
}

.sapMSFI:-ms-input-placeholder {
	color:		   @sapUiFieldPlaceholderTextColor;
	font-size:	   @sapMFontMediumSize;
	font-style:	   italic;
}

.sapMSFI::-moz-placeholder {
	color:		   @sapUiFieldPlaceholderTextColor;
	font-size:	   @sapMFontMediumSize;
	font-style:	   italic;
	opacity: 1; // in FF by default the opacity is 60%
}

/* custom placeholder if not natively supported (IE9) */
/* IE9/IE10 cleanup comment: there are still issues with IE11 and placeholders */
/* TODO remove after 1.62 version */
.sapMSF>.sapMSFF>.sapMSFPlaceholder {
	display: block;
	color: @sapUiFieldPlaceholderTextColor;
	font-size: @sapMFontMediumSize;
	font-style: italic;
	position: absolute;
	bottom: 0;
	left: 1rem;
	height: 2.375rem;
}

.sapMSF.sapMSFVal>.sapMSFF>.sapMSFPlaceholder,
.sapMSF.sapMFocus>.sapMSFF>.sapMSFPlaceholder {
	display: none;
}

/* Compact size */
.sapUiSizeCompact {

	.sapMSF {
		height: 2rem;
		padding: 0.1875rem 0;
		min-width: 6rem;
	}

	.sapMSFF {
		height: 1.625rem;
		line-height: 1.5rem;
		padding-left: @_sap_m_SearchField_Compact_FormPaddingLeft;
		padding-right: 4rem;
	}

	.sapMSFF.sapMSFNS { /* no search button */
		padding-right: 2.38rem;
	}

	/* input */
	.sapMSFI {
		height: 1.5rem;
	}

	/* custom buttons */
	.sapMSFB {
		width: 2rem;
		height: 1.5rem;
		font-size: 1rem;
		text-align: center;
		margin:0;
		padding:0;
		line-height: 1.5rem;
	}

	.sapMSFR:not(.sapMSFNS) {
		right: 2rem;
	}

	/* custom placeholder if not natively supported (IE9) */
	/*IE9/IE10 cleanup comment: there are still issues with IE11 and placeholders*/
	/* TODO remove after 1.62 version */
	.sapMSF>.sapMSFF>.sapMSFPlaceholder {
		left: 0.5rem;
		height: 1.5rem;
	}

}

html[data-sap-ui-browser^="ie"].sap-desktop,// TODO remove after 1.62 version
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapMFocus > .sapMSFF::before  {
		border: 1px dashed @sapUiContentFocusColor;

	}
}

/* END "SearchField.less" */

/* START "SegmentedButton.less" */
/* ====================================== */
/* CSS for control sap.m/SegmentedButton  */
/* Base theme                             */
/* ====================================== */

.sapMSegB {
	margin: 0; /*To override the native browser margin*/
	padding: 0;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	border: none;
	white-space: nowrap;
	display: inline-block;
	box-sizing: border-box;
	height: 3rem;
	vertical-align: top;
	position: relative;
}

.sapMSegB:focus {
	outline: none;
}

.sapMSegB .sapMSegBBtn {
	list-style: none;
	cursor: pointer;
	display: inline-block;
	padding: 0.250rem 0;
	outline: none;
}

.sapMSegB .sapMSegBBtn {
	.sapMSegBBtnInner {
		text-overflow: ellipsis;
		overflow: hidden;
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		text-align: center;
		vertical-align: text-bottom;
		box-sizing: border-box;
		font-size: 0.875rem;
		height: 2.5rem;
		line-height: 2.375rem;
		padding-left: 0.75rem;
		padding-right: 0.75rem;
		text-shadow: none;
		color: @sapUiSegmentedButtonTextColor;
		border: 1px solid @sapUiSegmentedButtonBorderColor;
		background-color: @sapUiSegmentedButtonBackground;
	}
	&:not(.sapMSegBBtnMixed) .sapMImg {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}
	&:not(.sapMSegBBtnMixed) .sapMBtnIcon {
		margin-right: 0;
	}
}

// Adding margin to be displayed correct in sap.m.Bar
.sapMBar .sapMSegB {
	margin-left: 0.250rem;
}

html.sap-desktop .sapMSegBBtnFocusable:hover .sapMSegBBtnInner {
	background: @sapUiSegmentedButtonHoverBackground;
}

.sapMSegBBtn:focus .sapMSegBBtnInner {
	outline: none;
}

.sapMSegBBtn .sapUiIcon:focus {
	outline: none;
}

.sapMSegBBtn .sapMBtnIconLeft {
	position: relative;
}

/* style for icon and text usage */
.sapMSegB.sapMSegBIcons {
	.sapMSegBBtn:not(.sapMSegBBtnMixed) .sapMSegBBtnInner {
		padding: 0; /*BCP: 1580200804*/
		margin-right: 0;
	}
	.sapMSegBBtn.sapMSegBBtnMixed .sapMImg,
	.sapMSegBBtn.sapMSegBBtnMixed .sapUiIcon {
		padding-left: 0;
		padding-right: 0.5rem;
	}
}

.sapMSegB img {
	margin: 0;
	pointer-events: none; /*To disable the save image menu on ios*/
	line-height: 2.375rem;
	max-height:  2.375rem;
	vertical-align: middle;
}

.sapMSegBBtn.sapMSegBBtnDis {
	cursor: default;
}

.sapMSegBBtn.sapMSegBBtnDis .sapMSegBBtnInner {
	text-shadow: none;
	opacity: 0.5;
}

.sapMSegBBtn:not(.sapMSegBBtnDis) .sapUiIcon {
  cursor: pointer;
}

.sapMSegBBtn.sapMSegBBtnSel .sapMSegBBtnInner {
	background: @sapUiSegmentedButtonSelectedBackground;
	color: @sapUiSegmentedButtonSelectedTextColor;
	border-color: @sapUiSegmentedButtonSelectedHoverBorderColor;
	.sapUiIcon{
		color: @sapUiSegmentedButtonSelectedIconColor;
	}
}

.sapMSegBBtnSel:active .sapMSegBBtnInner,
.sapMSegBBtnFocusable.sapMBtnActive .sapMSegBBtnInner {
	background: @sapUiSegmentedButtonActiveBackground;
	color: @sapUiSegmentedButtonActiveTextColor;
	.sapUiIcon{
		color: @sapUiSegmentedButtonActiveIconColor;
	}
}

html.sap-desktop .sapMSegBBtn.sapMSegBBtnFocusable.sapMSegBBtnSel:hover .sapMSegBBtnInner,
html.sap-desktop .sapMSegBBtnFocusable.sapMBtnActive:hover .sapMSegBBtnInner {
	background: @sapUiSegmentedButtonSelectedHoverBackground;
}

.sapMSegBBtn.sapMSegBBtnFocusable.sapMSegBBtnSel .sapMSegBBtnInner {
	border-right: 1px solid @sapUiSegmentedButtonSelectedHoverBorderColor;
}

.sapMSegBBtn .sapUiIcon {
	font-size: 1.375rem;
	line-height: 2.375rem;
	width: 2.375rem;
	color: @sapUiSegmentedButtonIconColor;
	vertical-align: middle;
	text-align: center;
}

/* Fix for mobile segmented button in header, footer or bar element */
html[data-sap-ui-os^="bb"],
html[data-sap-ui-os^="Android4.1"][data-sap-ui-browser^="an"],
html[data-sap-ui-os^="Android4.2"][data-sap-ui-browser^="an"],
html[data-sap-ui-os^="Android4.3"][data-sap-ui-browser^="an"] {
	header,
	footer,
	.sapMBar {
		.sapMSegB {
			height: 1.5rem;
			line-height: 1.5rem;
			display: inline-block;
		}
	}
}

html[data-sap-ui-os^="iOS"] {
	header,
	footer,
	.sapMBar {
		.sapMSegB {
			line-height: 1.5rem;
			display: inline-block;
		}
	}
}

/* Compact size */
.sapUiSizeCompact {
	.sapMSegB {
		height: 2rem;
		padding: 0;
	}

	.sapMSegB .sapMSegBBtn {
		padding: 0.1875rem 0;
	}

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

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

	.sapMSegBIcons:not(.sapMSegBBtnMixed) {
		.sapMImg,
		.sapUiIcon {
			padding-left: 0.4375rem;
			padding-right: 0.4375rem;
		}
	}

	.sapMSegBIcons {
		.sapMSegBBtn.sapMSegBBtnMixed {
			.sapMImg,
			.sapUiIcon {
				padding-left: 0;
				padding-right: 0;
			}
		}
	}

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

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

	.sapMSegB {
		.sapMBtnIconLeft {
			margin-left: 0;
		}
		&.sapMSegBIcons .sapMSegBBtnMixed {
			img {
				padding: 0;
			}
		}
	}
}

/* Android size compact fix */
html[data-sap-ui-os^="Android"] {
	.sapUiSizeCompact .sapMSegBBtn .sapUiIcon {
		line-height: 1.6rem;
	}
}

/* IE ignores outline-offset. Use an overlay: */
html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapMSegBBtn.sapMSegBBtnFocusable:focus .sapMSegBBtnInner {
		outline: none;
		position: relative;
	}
	.sapMSegBBtn.sapMSegBBtnFocusable:focus .sapMSegBBtnInner:before {
		content: " ";
		box-sizing: border-box;
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 1px;
		margin-left: 1px;
		width: calc(~'100% - 2px');
		height: calc(~'100% - 2px');
		pointer-events: none;
	}

	.sapMSegB {
		.sapMSegBBtnFocusable.sapMSegBBtnSel:focus .sapMSegBBtnInner {
			outline: none;
			position: relative;
		}
		.sapMSegBBtnFocusable.sapMSegBBtnSel:focus .sapMSegBBtnInner:before {
			content: " ";
			box-sizing: border-box;
			position: absolute;
			top: 0;
			left: 0;
			margin-top: 1px;
			margin-left: 1px;
			width: calc(~'100% - 2px');
			height: calc(~'100% - 2px');
			pointer-events: none;
		}
		.sapMSegBBtnFocusable {
			&:focus .sapMSegBBtnInner:before {
				border: 1px dashed @sapUiContentFocusColor;
			}
			&.sapMSegBBtnSel:focus .sapMSegBBtnInner:before {
				border: 1px dashed @sapUiContentContrastFocusColor;
			}
		}
	}
}
/* END "SegmentedButton.less" */

/* START "Select.less" */
/* ============================= */
/* CSS for control sap.m/Select  */
/* Base theme                    */
/* ============================= */

/* ------------------------------ */
/* commons styles                 */
/* ------------------------------ */

.sapMSltPicker-CTX {
	max-width: 600px;

	.sapMSelectList {
		.sapMSelectListRow {
			max-width: 600px;
			height: auto;
			display: flex;
			box-sizing: border-box;

			.sapMSelectListFirstCell {
				height: auto;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				width: 60%;
				display: block;
				box-sizing: border-box
			}

			.sapMSelectListLastCell {
				width: 40%;
				display: block;
				box-sizing: border-box
			}

			.sapMSelectListFirstCell,
			.sapMSelectListLastCell {
				padding-top: 0.75rem;
				padding-bottom: 0.75rem;
			}
		}

		&.sapMSelectListWrappedItems {
			.sapMSelectListItem.sapMSelectListItemWithIcon,
			.sapMSelectListRow.sapMSelectListItemWithIcon .sapMSelectListFirstCell {
				position: relative;
				padding-left: 2.25rem;
				.sapMSelectListItemIcon {
					position: absolute;
					left: 1rem;
				}
			}

			.sapMSelectListItem {
				white-space: normal;
				padding-top: 0.75rem;
				padding-bottom: 0.75rem;
				line-height: 1rem;
				height: auto;
			}

			.sapMSelectListRow {
				.sapMSelectListFirstCell {
					white-space: normal;
				}

				.sapMSelectListLastCell {
					vertical-align: top;
				}
			}
		}
	}
}

.sapUiSizeCompact .sapMSltPicker-CTX .sapMSelectList {
	.sapMSelectListRow {
		.sapMSelectListFirstCell,
		.sapMSelectListLastCell {
			padding-top: 0.5rem;
			padding-bottom: 0.5rem;
		}
	}
	&.sapMSelectListWrappedItems .sapMSelectListItem {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
}

html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapMSltPicker-CTX .sapMSelectList.sapMSelectListWrappedItems .sapMSelectListItemBaseSelected .sapMSelectListCell::before {
		height: auto;
	}
}

.sapMSlt,
.sapMSlt > .sapMSltLabel {
	box-sizing: border-box;
}

.sapMSlt,
.sapMSltLabel,
.sapMSltArrow {
	display: inline-block;
}

.sapMSlt,
.sapMSltLabel {
	overflow: hidden;
}

.sapMSlt:not(.sapMSltDisabled),
.sapMSlt:not(.sapMSltDisabled) > .sapMSltLabel,
.sapMSltIconOnly:not(.sapMSltDisabled) .sapMSltIcon {
	cursor: pointer;
}

.sapMSlt.sapMSltReadonly {
	border-color: @sapUiFieldReadOnlyBorderColor;
	background: @sapUiFieldReadOnlyBackground;

	.sapMSltArrow {
		display: none;
	}
}

.sapMSlt > .sapMSltLabel,
.sapMSltArrow {
	height: 100%;
}

.sapMSlt > .sapMSltLabel,
.sapMSlt .sapMSelectListItemBase {
	padding: 0 0.625rem;
}

.sapMSltWithArrow > .sapMSltLabel,
.sapMSltWithArrow .sapMSelectListItemBase {
	padding: 0 3rem 0 0.625rem;
}

/* ------------------------------ */
/* field                          */
/* ------------------------------ */

.sapMSlt {
	position: relative;
	vertical-align: top;
	outline: none;
	height: 2.5rem;
	margin: 0.25rem 0 0.25rem 0;
	border: 1px solid @sapUiFieldBorderColor;
	background: @sapUiFieldBackground;
}

.sapMSltMinWidth {
	min-width: 5.125rem; // enough for one letter, the ellipsis and the Select`s arrow
}

/* pressed */

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

.sapMSltPressed.sapMSltIconOnly:not(.sapMSltDisabled) {
	background: @sapUiToggleButtonPressedBackground;
	text-shadow: none;
}

/* value state */

.sapMSltError {
	background: @sapUiFieldInvalidBackground;
	border-color: @sapUiFieldInvalidColor;
}

.sapMSltWarning {
	background: @sapUiFieldWarningBackground;
	border-color: @sapUiFieldWarningColor;
}

.sapMSltSuccess {
	background: @sapUiFieldSuccessBackground;
	border-color: @sapUiFieldSuccessColor;
}

.sapMSltInformation {
	background: @sapUiFieldBackground;
	border-color: @sapUiHighlight;
}

/* ------------------------------ */
/* label                          */
/* ------------------------------ */

.sapMSlt > .sapMSltLabel {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-decoration: none;
	text-indent: 0;
	text-align: start;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	line-height: 2.375rem;
	color: @sapUiFieldTextColor;
	font-style: normal;
	font-size: @sapMFontMediumSize;
}

.sapMSltAutoAdjustedWidth > .sapMSltLabel {
	position: relative;
	vertical-align: top;
}

/* ------------------------------ */
/* icon                           */
/* ------------------------------ */

.sapMSltIcon {
	position: absolute;
	display: block;
	font-size: 1.375rem;
	line-height: 2.375rem;
	padding: 0 0.4375rem;
	color: @sapUiContentIconColor;

	/* prevent IE to focus the icon (non-focusable element) */
	pointer-events: none;
}

.sapMSltAutoAdjustedWidth .sapMSltIcon {
	position: relative;
}

/* pressed */

.sapMSltPressed > .sapMSltIcon {
	color: @sapUiContentContrastIconColor;
}

/* ------------------------------ */
/* arrow                          */
/* ------------------------------ */

html[data-sap-ui-browser^="ie"] .sapMSltWithArrow .sapMSltLabel {
	pointer-events: none;
}

/* TODO remove after 1.62 version */
html[data-sap-ui-browser^="ie"] .sapMSltWithArrow .sapMSltArrow,
html[data-sap-ui-browser^="ed"] .sapMSltWithArrow .sapMSltArrow {
	pointer-events: auto;
}

.sapMSltArrow {
	position: absolute;
	text-align: center;
	width: 2.5rem;
	line-height: 2.5rem;
	top: 0;
	right: 0;
	color: @sapUiContentIconColor;
	font-size: @sapMFontLargeSize;
}

.sapMSltArrow::before {
	font-family: "SAP-icons";
	speak: none;
	content: "\e1ef";
}

/* hover */

.sapMSltHoverable:not(.sapMSltPressed):hover > .sapMSltArrow {
	background: @sapUiButtonLiteHoverBackground;
}

/* pressed */

.sapMSltPressed > .sapMSltArrow {
	background: @sapUiToggleButtonPressedBackground;
}

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

/* ------------------------------ */
/* dropdown list                  */
/* ------------------------------ */

.sapMSlt > .sapMSelectList {
	visibility: hidden;
	position: relative;
	cursor: inherit;
	border: none;
	margin: 0;
	padding: 0;
	min-width: 6rem;
}

/* ------------------------------ */
/* table context                  */
/* ------------------------------ */

.sapUiTableCell .sapMSlt,
.sapUiSizeCondensed .sapUiTableCell .sapMSlt,
.sapUiSizeCompact .sapUiTableCell .sapMSlt {
	margin: 0;
}

.sapUiSizeCondensed .sapUiTableCell .sapMSlt:not(.sapMSltState) {
	border-color: transparent;
}

/* ---------------------------------------- */
/* value states commons styles adaptations  */
/* ---------------------------------------- */

.sapMSltLabelState,
.sapMSltArrowState {
	line-height: 2.25rem;
}

/* ====================================================== */
/* Select inside a Bar: header and sub-header contexts    */
/* ====================================================== */

.sapMSubHeader-CTX .sapMSltPressed > .sapMSltIcon {
	color: @sapUiContentContrastIconColor;
}

.sapMHeader-CTX .sapMSltPressed,
.sapMSubHeader-CTX .sapMSltPressed {

	/* pressed selects arrow and icon look wrong with text-shadow */
	text-shadow: none;
}

.sapMHeader-CTX .sapMSltIconOnly.sapMSltHoverable:hover,
.sapMSubHeader-CTX .sapMSltIconOnly.sapMSltHoverable:hover {
	border-color: @sapUiButtonLiteHoverBorderColor;
	background: @sapUiButtonLiteHoverBackground;
}

.sapMHeader-CTX .sapMSltIconOnly:not(.sapMSltPressed),
.sapMSubHeader-CTX .sapMSltIconOnly:not(.sapMSltPressed) {
	border-color: @sapUiButtonLiteBorderColor;
	background-color: @sapUiButtonLiteBackground;
}

/* ------------------------------ */
/* icon                           */
/* ------------------------------ */

.sapMSubHeader-CTX .sapMSltPressed > .sapMSltIcon {
	color: @sapUiContentContrastIconColor;
}

/* ====================================================== */
/* Select inside a Bar: footer context                    */
/* ====================================================== */

.sapMFooter-CTX .sapMSltIconOnly.sapMSltHoverable:not(.sapMSltPressed):hover {
	background: @sapUiButtonFooterHoverBackground;
	border-color: @sapUiButtonLiteBorderColor;
}

/* ------------------------------ */
/* icon                           */
/* ------------------------------ */

.sapMFooter-CTX .sapMSltIconOnly {
	background: @sapUiButtonLiteBackground;
	border-color: @sapUiButtonLiteBorderColor;
}

/* ------------------------------ */
/* label                          */
/* ------------------------------ */

.sapMIBar-CTX.sapMFooter-CTX .sapMSltArrow {
	text-shadow: none;
}

.sapMFooter-CTX .sapMSltLabel {
	text-shadow: none;
}

/* ------------------------------ */
/* picker                         */
/* ------------------------------ */

div.sapMSltPicker {
	border: none;
	box-shadow: @sapUiShadowLevel1;

	&.sapUiPopupWithPadding .sapMDialogScrollCont.sapMDialogStretchContent {
		height: 100%;
	}

	.sapMSltPickerValueState {
		padding: 0.5625rem 1rem;
		color: @sapUiBaseText;
		font-size: @sapMFontSmallSize;
		box-shadow: inset 0 -0.0625rem @sapUiPageHeaderBorderColor;

		&.sapMSltPickerErrorState {
			background: @sapUiErrorBG;
		}

		&.sapMSltPickerSuccessState {
			background: @sapUiSuccessBG;
		}

		&.sapMSltPickerWarningState {
			background: @sapUiWarningBG;
		}

		&.sapMSltPickerInformationState {
			background: @sapUiInformationBG;
		}

		&.sapMSltPickerNoneState {
			display: none;
		}
	}
}


/* ------------------------------ */
/* dialog                         */
/* ------------------------------ */

div.sapMSltPicker .sapMDialogScrollCont {
	padding: 0;
}

/* ================================================================================== */
/* CSS for control sap.m/Select.control Belize theme smaller sizes - common part      */
/* ================================================================================== */

/* ------------------------------ */
/* commons styles                 */
/* ------------------------------ */

.sapUiSizeCompact .sapMSltLabel,
.sapUiSizeCompact .sapMSlt .sapMSelectListItemBase,
.sapUiSizeCondensed .sapUiTableCell .sapMSltLabel,
.sapUiSizeCondensed .sapUiTableCell .sapMSlt .sapMSelectListItemBase {
	padding-right: 2.5rem;
	padding-left: 0.5rem;
}

.sapUiSizeCompact .sapMSlt > .sapMSltLabel,
.sapUiSizeCompact .sapMSlt > .sapMSltArrow {
	line-height: 1.5rem;
}

/* ------------------------------ */
/* arrow                          */
/* ------------------------------ */

.sapUiSizeCompact .sapMSltArrow {
	width: 2rem;
}

/* ------------------------------ */
/* label and arrow commons styles */
/* ------------------------------ */

.sapUiSizeCompact .sapMSltLabelState,
.sapUiSizeCompact .sapMSltArrowState {
	line-height: 1.375rem;
}

/* ------------------------------ */
/* icon                           */
/* ------------------------------ */

.sapUiSizeCompact .sapMSltIcon {
	font-size: 1rem;
	line-height: 1.5rem;
}

.sapUiSizeCondensed .sapUiTableCell .sapMSltIcon {
	font-size: 1rem;
	line-height: 1.375rem; /* + 2*1px padding = 1.5rem */
}

/* ========================= */
/* compact size              */
/* ========================= */

/* ------------------------------ */
/* field                          */
/* ------------------------------ */

.sapUiSizeCompact .sapMSlt {
	height: 1.625rem;
	margin-top: 0.1875rem;
	margin-bottom: 0.1875rem;
}

/* ============================== */
/* condensed size (table context) */
/* ============================== */

/* ------------------------------ */
/* field                          */
/* ------------------------------ */

.sapUiSizeCondensed .sapUiTableCell .sapMSlt {
	height: 1.375rem; /* + 2*1px padding = 1.5rem */
}

/* ------------------------------ */
/* label                          */
/* ------------------------------ */

.sapUiSizeCondensed .sapUiTableCell .sapMSlt .sapMSltLabel {
	line-height: 1.375rem;
}

/* ------------------------------ */
/* arrow                          */
/* ------------------------------ */

.sapUiSizeCondensed .sapUiTableCell .sapMSltArrow {
	line-height: 1.375rem;
}

.sapUiSizeCondensed .sapUiTableCell .sapMSltHoverable:not(.sapMSltState):hover {
	border-color: @sapUiFieldHoverBorderColor;
}

/* ------------------------------ */
/* commons styles                 */
/* ------------------------------ */

.sapUiSizeCondensed .sapUiTableCell .sapMSltLabelState,
.sapUiSizeCondensed .sapUiTableCell .sapMSltArrowState {
	line-height: 1.25rem;
}
/* END "Select.less" */

/* START "SelectDialog.less" */
/* =================================== */
/* CSS for control sap.m/SelectDialog  */
/* Base theme                          */
/* =================================== */

.sapMSelectDialog.sapMDialog .sapMDialogScrollCont {
	padding: 0px;
}

.sapMBusyIndicator.sapMSelectDialogBusyIndicator {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -1rem;
	margin-left: -1rem;
	display: none;
}

.sapMSelectDialogListHide {
	display: none;
}

.sapMSelectDialog.sapMDialog .sapMDialogScroll {
	width: 100% !important;
}

.sapMSelectDialog.sapUiPopupWithPadding:not(.sapUiNoContentPadding) .sapMDialogScrollCont{
	padding: 0;
}
/* END "SelectDialog.less" */

/* START "SelectList.less" */
/* ================================= */
/* CSS for control sap.m/SelectList  */
/* Base theme                        */
/* ================================= */

@_sap_m_SelectList_ItemHeight: 2.5rem;
@_sap_m_SelectList_ItemCompactHeight: 2rem;

/* ------------------------------ */
/* commons styles                 */
/* ------------------------------ */

.sapMSelectList,
.sapMSelectListItemBase {
	box-sizing: border-box;
}

/* disabled */

.sapMSelectListDisabled,
.sapMSelectListItemBaseDisabled {
	pointer-events: none;
}

/* ------------------------------ */
/* list                           */
/* ------------------------------ */

.sapMSelectList {
	margin: 0;
	padding: 0;
	outline: none;
	list-style-type: none;
	background: @sapUiListBackground;
}

.sapMSelectListTableLayout {
	display: table;
	border-collapse: collapse;
}

/* ------------------------------ */
/* item                           */
/* ------------------------------ */

.sapMSelectListItemBase {
	outline: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: @sapUiListTextColor;
	font-size: @sapMFontMediumSize;
	height: @_sap_m_SelectList_ItemHeight;
	cursor: pointer;
}

.sapMSelectListItem {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 1rem 0 1rem;
	line-height: @_sap_m_SelectList_ItemHeight;
}

.sapMSelectListItemIcon {
	padding-right: 0.4375rem;
}

li.sapMSelectListItemBaseInvisible {
	display: none;
}

/* elements inside the select effects the size of the browsers default dragging ghost element */
.sapUiDnDDragging .sapMSelectListItemBase + .sapMSelectListItemBase {
	display: none;
}

/* hover */
.sapMSelectListItemBaseHoverable:hover {
	background: @sapUiListHoverBackground;
}

/* hover selected */
.sapMSelectListItemBaseSelected.sapMSelectListItemBaseHoverable:hover {
	background-color: @sapUiListSelectionHoverBackground;
}

/* pressed and pressed selected */
.sapMSelectListItemBase.sapMSelectListItemBasePressed,
.sapMSelectListItemBase.sapMSelectListItemBasePressed.sapMSelectListItemBaseSelected {
	color: @sapUiListActiveTextColor;
	background: @sapUiListActiveBackground;
}

/* focus */
html.sap-desktop .sapMSelectListItemBase:focus {
	outline: dotted 1px;
	outline-offset: -2px;
}

/* TODO remove after 1.62 version */
html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {

	.sapMSelectListItemBase:not(.sapMSelectListRow):focus::before,
	.sapMSltPicker-CTX .sapMSelectListItemBaseSelected:not(.sapMSelectListRow)::before,
	.sapMComboBoxBasePicker-CTX .sapMSelectListItemBaseSelected:not(.sapMSelectListRow)::before {
		content: " ";
		position: absolute;
		top: 1px;
		right: 1px;
		bottom: 1px;
		left: 1px;
		pointer-events: none;
	}

	.sapMSelectListItemBase:focus,
	.sapMSltPicker-CTX .sapMSelectListItemBaseSelected,
	.sapMComboBoxBasePicker-CTX .sapMSelectListItemBaseSelected {
		outline: none;
		position: relative;
	}

	.sapMSelectListCell {
		position: relative;
	}

	.sapMSelectListItemBase:focus,
	.sapMSltPicker-CTX .sapMSelectListItemBaseSelected,
	.sapMComboBoxBasePicker-CTX .sapMSelectListItemBaseSelected {
		.sapMSelectListCell::before {
			position: absolute;
			bottom: 1px;
			top: 1px;
			left: 0;
			right: 0;
			content: " ";
			pointer-events: none;
		}

		.sapMSelectListFirstCell.sapMSelectListCell::before {
			left: 1px;
		}

		.sapMSelectListLastCell.sapMSelectListCell::before {
			right: 1px;
		}
	}
}

/* ------------------------------ */
/* row                            */
/* ------------------------------ */

.sapMSelectListRow {
	display: table-row;
}

/* ------------------------------ */
/* cell                           */
/* ------------------------------ */

.sapMSelectListCell {
	display: table-cell;
	vertical-align: middle;
	padding-left: 1rem;
}


.sapMSelectListLastCell {
	text-align: right;
	padding-right: 1rem;
}

/* ------------------------------ */
/* separator                      */
/* ------------------------------ */

.sapMSelectListSeparatorItem {
	border: 1px solid @sapUiListBorderColor;
}

/* compact size  */

/* ------------------------------ */
/* commons styles                 */
/* ------------------------------ */

.sapUiSizeCompact .sapMSelectListItemBase {
	height: @_sap_m_SelectList_ItemCompactHeight;
}

.sapUiSizeCompact .sapMSelectListItem {
	line-height: @_sap_m_SelectList_ItemCompactHeight;
}
/* END "SelectList.less" */

/* START "SelectionDetails.less" */
.sapMSD .sapMDialogStretchContent {
	padding: 0px;

	&.sapMDialogScrollCont {
		height: 100%;
	}
}

.sapMSD .sapMSDFirstActionGroup {
	border-top: 1px solid @sapUiListBorderColor;
	box-sizing: border-box;
}

.sapMSD .sapMTB.sapMSDPageHeader {
	padding: 0px;
}

/* END "SelectionDetails.less" */

/* START "SelectionDetailsItem.less" */
/* ========================================== */
/* CSS for control sap.m/SelectionDetailsItem */
/* Base theme                                 */
/* ========================================== */

.sapMSDItem {
	display: block;
	padding: 0px;
}

.sapMSDItem > .sapMLIBContent {
	padding: 0.5rem 0px;
	box-sizing: border-box;
	width: 100%;

	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.sapMSDItem .sapMSDItemLines {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1;
	flex: 1 1;
	max-width: ~"calc(100% - 3rem)";
}

.sapMSDItem .sapMSDItemActions {
	width: 100%;
	-webkit-flex: 0 0 100%;
	flex: 0 0 100%;

	.sapMTB {
		border-bottom: none;
	}
}

.sapMSDItem:not(.sapMLIBTypeNavigation) {

	.sapMSDItemActions {
		-webkit-flex-basis:  ~"calc(100% + 2rem)";
		flex-basis: ~"calc(100% + 2rem)";
	}
}

.sapMSDItem .sapMLIBImgNav {
	cursor: pointer;
}

.sapMSDItemLine {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	overflow: hidden;
}

.sapMSDItem .sapMSDItemLineMarkerContainer {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 3rem;
	flex: 0 0 3rem;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 2px;
	padding-right: 2px;
}

.sapMSDItem .sapMSDItemLineLabel,
.sapMSDItem .sapMSDItemLineValue {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1;
	flex: 1 1;

	padding: 0.25rem;
	box-sizing: border-box;
	font-size: smaller;
	min-width: 0; //explicitly allow items to shrink to 0
	word-wrap: break-word;
}

.sapMSDItem .sapMSDItemLineLabel {
	margin-right: 1rem;
	color: @sapUiContentLabelColor;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sapMSDWrapLabels .sapMSDItem .sapMSDItemLineLabel {
  white-space: normal;
  text-overflow: clip;
}

.sapMSDItem .sapMSDItemLineValue {
	color: @sapUiListTextColor;

	&.sapMSDItemLineBold {
		font-weight: bold;
	}
}
.sapMSDItem .sapMSDItemLineUnit {
	font-weight: normal;
}

.sapMSDItem.sapMLIBActive {
	.sapMSDItemLineLabel, .sapMSDItemLineValue, .sapMBtnText, .sapMBtnTransparent > .sapMBtnIcon {
		color: @sapUiListActiveTextColor;
		text-shadow: none;
	}
}

/* END "SelectionDetailsItem.less" */

/* START "SemanticPage.less" */
/* =================================== */
/* CSS for control sap.m/SemanticPage  */
/* Base theme                          */
/* =================================== */

.sapMSemanticPage {
	height: 100%;
	width: 100%;
}
/* END "SemanticPage.less" */

/* START "SimpleFixFlex.less" */
.sapUiSimpleFixFlex{
	display: flex;
	flex-direction: column;
	height: 100%;
	box-sizing: border-box;

	.sapUiSimpleFixFlexFixed {
		width: 100%;
		overflow:auto;

		&.sapUiSimpleFixFlexFixedWrap {
			position: absolute;
			top: 0;
		}
	}

	.sapUiSimpleFixFlexFlexContentContainer {
		flex: 1 1 auto;
		overflow: auto;
		width: 100%;

		.sapUiSimpleFixFlexFlexContent{
			height: 100%;
			overflow: auto;
		}
	}
}
/* END "SimpleFixFlex.less" */

/* START "SuggestionsPopover.less" */
/* ================================ */
/* CSS for control sap.m/SuggestionsPopover  */
/* Base theme                       */
/* ================================ */

.sapMSuggestionsPopover .sapMListUl,
.sapMSuggestionsPopover .sapMListTbl {
	.sapMLIBFocusable.sapMLIB-CTX.sapMLIBShowSeparator.sapMInputFocusedHeaderGroup {
		background-color: @sapUiListSelectionBackgroundColor;
	}
}

.sapMDialog.sapMSuggestionsPopover .sapMDialogScroll .sapMDialogScrollCont {
	padding: 0;
}

.sapMInputSuggestionTableHidden {
	display: none;
}

.sapMSuggestionsPopover .sapMDLIValue {
	font-size: @sapMFontMediumSize;
	color: @sapUiListTextColor;
	padding-right: 1rem;
}

.sapMSuggestionsPopover .sapMLIBActive .sapMDLIValue {
	color: @sapUiListActiveTextColor;
}

.sapMSuggestionsPopover .sapMDLILabel {
	font-size: @sapMFontMediumSize;
}

.sapMSuggestionsPopover .sapMSLITitleOnly {
	font-size: @sapMFontMediumSize;
}

div.sapMSuggestionsPopover .sapMSuggestionsPopoverValueState {
	font-size: @sapMFontSmallSize;
	line-height: normal;
	padding: 0.5625rem 1rem;

	&.sapMSuggestionsPopoverErrorState {
		background: @sapUiErrorBG;
		color: @sapUiBaseText;
	}

	&.sapMSuggestionsPopoverInformationState {
		background: @sapUiInformationBG;
	}

	&.sapMSuggestionsPopoverSuccessState {
		background: @sapUiSuccessBG;
		color: @sapUiBaseText;
	}

	&.sapMSuggestionsPopoverWarningState {
		background: @sapUiWarningBG;
		color: @sapUiBaseText;
	}

	.sapMSuggestionsPopoverTitle.sapMTitle {
		padding-left: 0.75rem;
	}
}

.sapMSuggestionsPopover .sapMSuggestionsPopoverNoneState {
	display: none;
}

/* END "SuggestionsPopover.less" */

/* START "Shell.less" */
/* ============================ */
/* CSS for control sap.m/Shell  */
/* Base theme                   */
/* ============================ */

@_sap_m_Shell_AppWidthLimit: 1280px;
@_sap_m_Shell_AppWidthLimitBy2: @_sap_m_Shell_AppWidthLimit / 2;
@_sap_m_Shell_AppWidthLimitPlusPadding: @_sap_m_Shell_AppWidthLimit + 16px;

@_sap_m_Shell_AppHeight: 3333px; // Ux decision: never show the header, so make this value large enough even for zoom-out cases
@_sap_m_Shell_HeaderHeight: 68px; // should be 4.25rem
@_sap_m_Shell_MinHeightForHeader: (@_sap_m_Shell_AppHeight + @_sap_m_Shell_HeaderHeight);

@_sap_m_Shell_MinWidthForLogoAside: 1480px;     // = @_sap_m_Shell_AppWidthLimit + 200; but additions do not work in LESS for media query arguments
@_sap_m_Shell_MinWidthForBigLogoAside: 1680px;  // = @_sap_m_Shell_AppWidthLimit + 400; but additions do not work in LESS for media query arguments

.sapMShell {
	width: 100%;
	height: 100%;
	position: relative;
	box-sizing: border-box;
}

.sapMShellBrandingBar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 4px;
	z-index: 2; /* to lift it above the CenterBox shadow and SplitApp */
	background-color: @sapUiBrand;
}

/* this "sapMBrandingBar-CTX" CSS class can be set by any container control that comes with its own branding bar, so any shell inside will not display its branding bar */
.sapMBrandingBar-CTX .sapMShellBrandingBar,
.sapUiUfdShell .sapMShellBrandingBar {
	display: none;
}

.sapMShellBG {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.sapMShellCentralBox {
	position: relative;
	height: 100%;
}

.sapMShellHeader {
	position: relative;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	padding: 0 16px; /* must be px because of calculations further below */
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sapMShellHeaderText {
	display: none;
	cursor: default;
	position: relative;
}

.sapMShellLogo {
	display: none;
	position: relative;
	z-index: 1; /* above background image */
}

.sapMShellLogoImgAligner {
	display: none;
}

.sapMShellHeaderRight {
	display: none;
	position: relative;
}

.sapMShellContent {
	box-sizing: border-box;
	height: 100% !important; /* important because overwritten by SplitApp/App control */
	width: 100%;
	position: relative;
	margin: 0 auto;
}


/* modifications for taller screens */

@media (min-height: @_sap_m_Shell_MinHeightForHeader) { /* 1500px plus 96px for header */
	html.sap-desktop .sapMShellLogo {
		position: absolute;
		float: left;
		display: -webkit-flex;
		display: flex;
		height: 40px;
		margin: 0.75em;
		margin-left: 0;
	}

	html[data-sap-ui-browser^="ie"].sap-desktop .sapMShellLogo {
		display: block;
	}

	html[data-sap-ui-browser^="ie"].sap-desktop .sapMShellLogoImgAligner {
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em;
	}
	
	html[data-sap-ui-browser^="ie"].sap-desktop .sapMShellLogoImg {
		vertical-align: middle;
		display: inline-block;
	}

	html.sap-desktop .sapMShellLogoImg {
		margin: auto;
		max-width: 6rem;
		max-height: 40px;
	}

	html.sap-desktop .sapMShellHeader {
		display: block;
		position: relative;
		height: 4.25rem;
		color: @sapUiPageHeaderTextColor;
		border-bottom: 1px solid @sapUiShellBorderColor;
	}

	html.sap-desktop .sapMShellHeaderText {
		display: inline-block;
		margin-top: 1.25rem;
		font-size: 1.75em;
		font-weight: lighter;
	}

	html.sap-desktop .sapMShellHeaderRight {
		display: inline-block;
		float: right;
		font-size: 0.875em;
		margin-top: 30px;
	}

	html.sap-desktop .sapMShellHeaderRightText {
		padding: 0.75em 0.57em; /* text size is 14px here... */
	}

	html.sap-desktop .sapMShellHeaderLogout {
		cursor: pointer;
		padding: 0.75em 0.57em; /* text size is 14px here... */
	}
	
	html.sap-desktop .sapMShellHeaderLogout:focus {
		outline: none;
	}
	
	html.sap-desktop .sapMShellHeaderLogout:active {
		background-color: @sapUiButtonActiveBackground;
		color: @sapUiButtonActiveTextColor;
		outline: none;
	}

	html.sap-desktop .sapMShellContent {
		position: absolute;
		top: @_sap_m_Shell_HeaderHeight;
		bottom: 0;
		height: auto !important; /* important because overwritten by SplitApp/App control */
	}
	
	.sapMShellHeader {
		border-top: 4px solid transparent;
	}
}

@media (min-height: 769px) and (max-width: 640px) { /* logo would appear above but the window is really slim */
	html.sap-desktop  .sapMShellLogo {
		display: none;
	}
}


/* modifications for wider screens */

@media (min-width: @_sap_m_Shell_AppWidthLimit) {

	html.sap-desktop .sapMShellLogo {
		margin-left: 1rem;
	}

	html.sap-desktop .sapMShellAppWidthLimited .sapMShellCentralBox {
		width: @_sap_m_Shell_AppWidthLimit;
		margin-left: -@_sap_m_Shell_AppWidthLimitBy2; /* @_sap_m_Shell_AppWidthLimit divided by 2 */
		left: 50%;
		background-color: fade(lighten(@sapUiBaseBG, 5), 30);
	}
}

@media (min-width: @_sap_m_Shell_AppWidthLimit) {
	html.sap-desktop .sapMShellAppWidthLimited .sapMShellHeader {
		padding: 0;
	}
}

@media (min-width: @_sap_m_Shell_MinWidthForLogoAside) {
	html.sap-desktop .sapMShellAppWidthLimited .sapMShellLogo {
		position: absolute;
		opacity: 1;
		height: auto;
		width: 80px;
		text-align: center;
		display: block;
		right: @_sap_m_Shell_AppWidthLimit;
		top: 0;
		margin: 0.75em;
		margin-left: 0;
	}
	
	html.sap-desktop .sapMShellAppWidthLimited .sapMShellLogoImg {
		max-width: 80px;
		max-height: 80px;
	}

	html[data-sap-ui-browser^="ie"].sap-desktop .sapMShellAppWidthLimited .sapMShellLogoImgAligner {
		display: none;
	}
}

@media (min-width: @_sap_m_Shell_MinWidthForBigLogoAside) {
	html.sap-desktop .sapMShellAppWidthLimited .sapMShellLogo {
		width: 160px;
		margin: 2rem;
	}

	html.sap-desktop .sapMShellAppWidthLimited .sapMShellLogoImg {
		max-width: 160px;
		max-height: 160px;
	}
}

.sapUiUfdShell .sapMShellHeader {
	border-top: none;
}

html.sap-desktop .sapMShellHeaderText {
	font-size: @sapMFontHeader2Size;
	color: @sapUiShellTextColor;
}
/* END "Shell.less" */

/* START "SinglePlanningCalendar.less" */
@_sap_m_PlanningCalendarHeader_ActionsToolbarHeight: 3rem;
@_sap_m_SinglePlanningCalendarGrid_HoursBackground: @sapUiListBackground;

.sapMPCHead, .sapMSinglePCColumnHeader{
	position: -webkit-sticky;
	position: sticky;
	z-index: 3;
}

.sapMSinglePCStickyAll {
	.sapMPCHead {
		top: 0;
	}
}

.sapMSinglePCStickyNavBarAndColHeaders {
	.sapMPCHead {
		top: -@_sap_m_PlanningCalendarHeader_ActionsToolbarHeight;
	}

	// If the actions toolbar are hidden, then the navigation toolbar will
	// be on top by default.
	&.sapMSinglePCActionsHidden {
		.sapMPCHead {
			top: 0;
		}
	}
}

html.sap-desktop .sapMSinglePC .sapUiCalItem:not(.sapUiCalItemSel):hover {
  background-color: darken(@sapUiContentForegroundColor,5);
}

html.sap-desktop .sapMSinglePC .sapUiCalItem:not(.sapUiCalItemSel) :not(.sapUiCalWeekNum):hover {
  background-color: transparent;
}

.sapMSinglePCBlockersRow,
.sapMSinglePCGridContent {
	background-color: @_sap_m_SinglePlanningCalendarGrid_HoursBackground;
}

.sapMSinglePCColumnWeekend,
.sapMSinglePCNonWorkingRow {
	background-color: darken(@sapUiListBackground, 3);
}
/* END "SinglePlanningCalendar.less" */

/* START "SinglePlanningCalendarGrid.less" */
@_sap_m_SinglePlanningCalendarGrid_RowHeadersWidth: 4rem;
@_sap_m_SinglePlanningCalendarGrid_RowHeight: 4.3125rem;
@_sap_m_SinglePlanningCalendarGrid_CompactRowHeight: 3rem;

/*****************
	COLUMN HEADERS
*****************/
.sapMSinglePCColumnHeader {
	padding-left: @_sap_m_SinglePlanningCalendarGrid_RowHeadersWidth;

	.sapUiCalItems {
		display: block;
		overflow: hidden;

		// TODO: Consider refactoring of the CSS of PlanningCalendar DatesRow CSS and fix the styles in one place
		// for sapUiCalItems
		.sapUiCalItem:focus {
			outline: 0.0625rem dotted;
			outline-offset: -3px;

			.sapUiCalItemText {
				outline: none;
			}
		}
	}

	.sapUiCalItem.sapUiCalItemNow {
		border: 0.125rem solid;

		&.sapUiCalItemSel:not(:focus) {
			outline: 0.0625rem solid;
			outline-offset: -3px;
		}

		.sapUiCalItemText,
		.sapUiCalItemSel.sapUiItemText {
			border: none;
			box-shadow: none;
		}
	}
}

.sapMSinglePCGrid.sapUiDnDDragging {
	opacity: 1;
}


/*****************
	GRID CONTENT
*****************/
/* ROW HEADERS */
.sapMSinglePCGridContent {
	display: flex;
	position: relative;
}

.sapMSinglePCGrid {
	cursor: default;
}

.sapMSinglePCRowHeaders {
	display: flex;
	flex-direction: column;
	font-size: 0.875rem;
}

.sapMSinglePCRowHeader {
	flex: 1;
	transform: translateY(-0.5rem);
}

.sapMSinglePCRowHeaderHidden {
	visibility: hidden;
}

.sapMSinglePCRowHeaderAMPM,
.sapMSinglePCNowMarkerAMPM {
	font-size: 0.625rem;
}

.sapMSinglePCRowHeaderAMPM {
	top: -3px;
	position: relative;
}

/* GRID COLUMNS */
.sapMSinglePCColumns,
.sapMSinglePCBlockersColumns {
	flex: 1;
	display: flex;
}

.sapMSinglePCBlockersColumns {
	margin-left: @_sap_m_SinglePlanningCalendarGrid_RowHeadersWidth;
	min-height: 1.75rem;
	position: relative;
}

.sapMSinglePCColumn,
.sapMSinglePCBlockersColumn {
	position: relative;
	flex: 1;
}

.sapMSinglePCRow,
.sapMSinglePCBlockersColumn {
	box-sizing: border-box;
	border: 0.0625rem solid;
	border-top-width: 0;
	height: @_sap_m_SinglePlanningCalendarGrid_RowHeight;
	position: relative;
	outline: none;
}

.sapMSinglePCBlockersColumn {
	border-top-width: 0.0625rem;
	border-bottom-width: 0.125rem;
	height: auto;
}

/* NOW MARKER */
.sapMSinglePCNowMarker {
	display: flex;
	align-items: center;
	font-size: 0.75rem;
	margin-top: -0.5rem;
	position: absolute;
	z-index: 1;
	right: 0;
	left: 0;
}

.sapMSinglePCNowMarkerHidden {
	display: none;
}

.sapMSinglePCRowHeader,
.sapMSinglePCNowMarkerText {
	box-sizing: border-box;
	display: block;
	padding-right: 0.5rem;
	text-align: end;
	width: @_sap_m_SinglePlanningCalendarGrid_RowHeadersWidth;
}

.sapMSinglePCNowMarker::after {
	content: "";
	border-top: 0.125rem solid;
	flex: 1;
}

.sapMSinglePCColumnToday .sapMSinglePCRow::before {
	content: "";
	box-sizing: border-box;
	border: 0.125rem solid;
	border-bottom: none;
	border-top: none;
	position: absolute;
	height: calc(~"100% + 0.0625rem");
	width: 100%;
}

/* APPOINTMENTS */
.sapMSinglePCAppointments,
.sapMSinglePCBlockers {
	position: absolute;
	top: 0;
	right: 0.125rem;
	left: 0.125rem;
	bottom: 0;
	pointer-events: none;

	& > .sapMSinglePCAppointmentWrap.sapUiCalendarRowApps {
		z-index: 2;
	}

	.sapUiCalendarApp {
		&.sapUiCalendarAppSel::after {
			content: "";
			position: absolute;
			display: block;
			top: 0px;
			bottom: 0px;
			right: 0px;
			left: 0px;
			z-index: 0;
			color: @sapUiListActiveTextColor;
			background-color: fade(@sapUiSelected, 90%);
			border-radius: 0 0.125rem 0.125rem 0.125rem;
		}

		.sapUiCalendarAppCont {
			.sapUiCalendarAppTitleWrapper,
			.sapUiIcon,
			.sapUiCalendarAppIcon,
			.sapUiCalendarAppTitle,
			.sapUiCalendarAppText {
				z-index: 1;
			}
		}
	}

	.sapMSinglePCAppointmentWrap:focus {
		.sapUiCalendarAppCont::after {
			z-index: 1;
		}
	}
}

//space is needed for the day marker in day view when special dates
.sapMSpecialDaysInDayView .sapMSinglePCBlockers {
	top: 5px;
}

html.sap-desktop {
	.sapMSinglePCBlockersRow > .sapMSinglePCBlockersColumns > .sapMSinglePCBlockersColumn:focus::after,
	.sapMSinglePCGridContent .sapMSinglePCColumns .sapMSinglePCRow:focus::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		border: 0.0625rem dotted @sapUiContentFocusColor;
		pointer-events: none;
		z-index: 3;
	}

	.sapMSinglePCBlockers,
	.sapMSinglePCAppointments {
		.sapUiCalendarApp {
			&.sapUiCalendarAppSel:hover::after {
				background-color: darken(@sapUiSelected, 10);
			}

			&:hover::after {
				background-color: @sapUiListHoverBackground;
			}
		}
	}
}

.sapMSinglePCGrid {
	.sapUiCalendarAppTitleWrapper,
	.sapUiCalendarAppTitle,
	.sapUiCalendarAppText {
		width: 100%;
		margin-right: 0.125rem;
		& + .sapUiCalendarAppArrowIconRight {
			margin-left: 0.25rem;
		}
	}
}

.sapMSinglePCAppointments,
.sapMSinglePCBlockersColumns {
	.sapUiCalendarAppCont {
		display: flex;
	}

	.sapUiCalendarAppArrowIconRight {
		top: 0;
		right: 0;
		padding-right: 0.125rem;
	}

	.sapUiCalendarAppArrowIconLeft {
		top: 0;
		left: 0;
		padding-left: 0.25rem;
	}

	.sapUiCalendarAppIcon {
		left: 0;
		margin-right: 0;
		padding-left: 0.375rem;
	}
}

.sapMSinglePCBlockersColumns {
	.sapUiCalendarAppCont {
		align-items: center;
	}

	.sapUiCalendarApp > .sapUiCalendarAppCont > .sapUiCalendarAppIcon {
		top: 0;
	}

	.sapUiCalendarAppIcon + .sapUiCalendarAppTitle {
		padding-left: 0.375rem;
	}
}

.sapMSinglePCAppointments {
	.sapUiCalendarAppArrowIconLeft,
	.sapUiCalendarAppArrowIconRight {
		padding-top: 0.25rem;
	}
}

.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps {
	// TODO: this styles will be removed when Appointments refactoring occured
	box-sizing: border-box;
	padding: 0.0625rem;
	position: absolute;
	pointer-events: all;

	&:focus {
		outline: none;

		.sapUiCalendarAppCont:after {
			position: absolute;
			top: 1px;
			left: 1px;
			right: 1px;
			bottom: 1px;
			content: "";
			border: 0.0625rem dotted @sapUiContentFocusColor;
			pointer-events: none;
		}
	}

	.sapUiCalendarApp {
		border-left: 0;
		position: relative;
		min-width: auto;
		margin-left: 0.25rem;
		height: calc(~"100% - 0.0625rem");
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;

		& > .sapUiCalendarAppCont,
		&:active > .sapUiCalendarAppCont,
		&.sapUiCalendarAppSel > .sapUiCalendarAppCont {
			pointer-events: none;
		}

		.sapUiCalendarAppTitle {
			padding-top: 0.2rem;
		}

		.sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp1,
		.sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp2,
		.sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp3,
		.sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp4,
		.sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp5,
		.sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp6,
		.sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp7,
		.sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp8,
		.sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp9 {
			> .sapUiCalendarAppText,
			> .sapUiCalendarAppTitle {
				white-space: normal;
				word-break: break-all;
				overflow: hidden;
				line-height: 1rem;
			}
		}

		.sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp3 {
			max-height: 3.25rem;
		}
		.sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp2{
			max-height: 2.3rem;
		}
		.sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp1 {
			max-height: 1.2rem;
		}
		.sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp4 {
			max-height: 4.25rem;
		}
		.sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp5 {
			max-height: 5.2rem;
		}
		.sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp6 {
			max-height: 6.25rem;
		}
		.sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp7 {
			max-height: 7.5rem;
		}
		.sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp8 {
			max-height: 8.3rem;
		}
	}
}

html[data-sap-ui-browser^=ie] .sapMSinglePCAppointmentWrap.sapUiCalendarRowApps {
	.sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp2 {
		max-height: 2.1rem;
	}
}

.sapUiSizeCompact {
	.sapMSinglePCBlockersColumns .sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp {
		height: 1.438rem;
	}
	.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitle {
		padding-top: 0.1rem;
	}
	.sapMSinglePCGrid .sapUiCalendarAppIcon {
		top: 0.1rem;
	}
}

.sapMSinglePCBlockersColumns .sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp {
	height: 2rem;

	.sapUiCalendarAppTitle {
		padding-top: 0;
	}
}

.sapUiCalendarAppCont .sapUiIcon .sapUiCalendarAppArrowIcon {
	font-size: 0.75rem;
	color: @sapUiContentLabelColor;
}

.sapMSinglePCGrid .sapUiCalendarRowApps {
	// TODO: this styles will be removed when Appointments refactoring occured
	position: absolute;
	min-height: auto;
	height: auto;
	overflow: visible;
}

.sapMSinglePCGrid .sapUiAppCreate {
	border-top: 2px solid @sapUiContentForegroundBorderColor;
	border-bottom: 2px solid @sapUiContentForegroundBorderColor;
	border-right: 2px solid @sapUiContentForegroundBorderColor;
}

.sapMSinglePCColumnHeader.sapUiCalRow .sapUiCalItems,
.sapMSinglePCColumnHeader.sapUiCalRow .sapUiCalItems > .sapUiCalItem {
	height: @_sap_m_SinglePlanningCalendarGrid_CompactRowHeight;
}

.sapUiSizeCompact {
	.sapMSinglePCColumnHeader.sapUiCalRow .sapUiCalItems,
	.sapMSinglePCColumnHeader.sapUiCalRow .sapUiCalItems > .sapUiCalItem {
		height:2rem;
	}
	// TODO: Consider refactoring of the CSS of PlanningCalendar DatesRow CSS and fix the styles in one place
	// for sapUiCalItems
	.sapMSinglePCColumnHeader .sapUiCalItems {
		.sapUiCalItem {
			display: flex;
			flex-direction: row-reverse;
			align-items: center;
			text-align: start;

			.sapUiCalItemText,
			.sapUiCalDayName {
				padding: 0;
				line-height: 2rem;
				height: auto;
				position: static;
			}

			.sapUiCalDayName {
				text-align: end;
				padding-right: 0.5rem;
			}
		}
	}

	.sapMSinglePCRow {
		height: @_sap_m_SinglePlanningCalendarGrid_CompactRowHeight;
	}
}

.sapMSinglePCGrid .sapUiCalendarAppIcon {
	min-width: 1rem;
	position: relative;
	top: 0.2rem;
}

.sapMSinglePCOverlay {
	position: absolute;
	height: 100%;
	width: 100%;
	visibility: hidden;
}

.sapMSinglePCOverlayDragging {
	z-index: 3;
	visibility: visible;
}

.sapMSinglePCPlaceholder {
	height: 2.15625rem;
}

.sapUiSizeCompact .sapMSinglePCPlaceholder {
	height: 1.5rem;
}

.sapMSinglePCBlockersColumns .sapMSinglePCOverlay {
	display: flex;
}

.sapMSinglePCBlockersColumns .sapMSinglePCPlaceholder {
	flex: 1;
	height: auto;
}

.sapMSinglePCAppointmentWrap::before {
	content: '';
	height: calc(~"100% - 0.1875rem");
	position: absolute;
	border-radius: 0.125rem 0 0 0.125rem;
	border-left: 0.3125rem solid;
	border-left-color: inherit;
	box-sizing: border-box;
	z-index: 1;
}

.sapMSinglePCAppointments .sapMSinglePCAppointmentWrap::before {
	height: calc(~"100% - 0.1875rem");
	min-height: 0.125rem;
}

.sapMSinglePCBlockers .sapMSinglePCAppointmentWrap::before {
	height: calc(~"100% - 0.3875rem");
}

.sapMSinglePCAppResizeHandleBottom,
.sapMSinglePCAppResizeHandleTop {
	width: 100%;
	height: 5px;
	cursor: row-resize;
	display: block;
	position: absolute;
	z-index: 1;
}

.sapMSinglePCAppResizeHandleBottom {
	bottom: 0;
}

.sapMSinglePCAppResizeHandleTop {
	top: 0;
}
/* END "SinglePlanningCalendarGrid.less" */

/* START "SinglePlanningCalendarMonthGrid.less" */
@_sap_ui_unified_Calendar_ItemColor: lighten(@sapUiContentForegroundColor,7);

.sapMSPCMonthGrid > :not(.sapMSinglePCGridContent) {
	margin-left: 4rem;
}

.sapMSPCMonthGrid .sapMSinglePCGridContent {
	flex-direction: column;
}

.sapMSPCMonthWeek {
	display: flex;
}

.sapMSPCMonthWeek .sapMSPCMonthDays {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	position: relative;
}

.sapMSPCMonthGrid .sapMSPCMonthWeek .sapMSPCMonthDays > .sapMSinglePCBlockers {
	left: 0;
	right: 0;
}

.sapMSPCMonthWeek > .sapMSPCMonthWeekNumber {
	text-align: right;
	box-sizing: border-box;

	color: @sapUiBaseText;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;

	background-color: @_sap_ui_unified_Calendar_ItemColor;
}

.sapMSPCMonthDay {
	flex: 1 1;
	display: flex;
	flex-direction: column;

	border-left: 0.0625rem solid @sapUiListBorderColor;
	border-top: 0.0625rem solid @sapUiListBorderColor;
	box-sizing: border-box;
	background-color: @sapUiListBackground;

	position: relative;

	outline: none;
}

.specialDateIndicator {
	width: 1.75rem;
	height: 0.188rem;
	border-radius: 0.125rem;
	position: absolute;
	top: 0;
	right: 0;
}

.sapMSPCMonthGrid .sapMSPCMonthDayNames {
	display: flex;
}

.sapMSPCMonthGrid .sapMSPCMonthDayNames > .sapUiCalWH {
	flex: 1 1;
}

.sapMSPCMonthDay.nonWorkingTimeframe {
	background-color: darken(@sapUiListBackground, 3);
}

.sapMSPCMonthDayNumber {
	text-align: end;
	height: 1.75rem;
	padding-top: 0.5rem;
	padding-right: 0.375rem;
	box-sizing: border-box;

	color: @sapUiBaseText;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
}

.sapMSPCMonthGrid .sapMSPCMonthLnkMore {
	position: absolute;
	bottom: 0;
	right: 0;
	padding-right: 0.125rem;
	text-align: end;

	height: 2.125rem;
	line-height: 2.125rem;
}

.sapMSPCMonthGrid .sapMSinglePCPlaceholder {
	height: 100%;
}

.sapMSPCMonthDay {
	height: 8.25rem;
	min-width: 2.3125rem;
}

.sapMSPCMonthWeek > .sapMSPCMonthWeekNumber {
	width: 4rem;
	max-width: 4rem;
	padding-top: 0.25rem;
	padding-right: 0.375rem;
}

.specialDateIndicator {
	width: 1.75rem;
	height: 0.188rem;
}

.sapMSPCMonthGrid .sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp {
	height: 2rem;
}

.sapMSPCMonthGrid .sapMSinglePCBlockers .sapUiCalendarAppCont {
	display: flex;
	align-items: center;
}

.sapMSPCMonthGrid .sapUiCalendarAppIcon + .sapUiCalendarAppTitle,
.sapMSPCMonthGrid .sapUiCalendarAppIcon + .sapUiCalendarAppTitle + .sapUiCalendarAppText {
  padding-left: 0.375rem;
}

.sapMSPCMonthGrid .sapUiCalendarAppIcon {
	top: initial;
}

html.sap-desktop .sapMSPCMonthDay:focus::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0.0625rem dotted @sapUiContentFocusColor;
  pointer-events: none;
  z-index: 3;
}

.sapUiSizeCompact {
	.sapMSPCMonthDay {
		height: 7.875rem;
		min-width: 2.3125rem;
	}

	.sapMSPCMonthDayNumber {
		height: 1.5rem;
		padding-top: 0.313rem;
	}

	.sapMSPCMonthGrid .sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp {
		height: 1.438rem;
	}

	.sapMSPCMonthGrid .sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitle {
		padding-top: 0.1rem;
	}
	.sapMSPCMonthGrid .sapUiCalendarAppIcon {
		top: 0.1rem;
	}

	.sapMSPCMonthGrid .sapMSPCMonthLnkMore {
		height: 1.563rem;
		line-height: 1.563rem;
	}
}

html.sap-phone {
	.sapMSPCMonthGrid > :not(.sapMSinglePCGridContent) {
		margin-left: 0;
	}

	.sapMSPCMonthGrid .sapMSPCMonthWeek > .sapMSPCMonthWeekNumber {
		width: 0;
		max-width: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.sapMSPCMonthDays.sapMSPCMonthDaysMax0,
	.sapMSPCMonthDays.sapMSPCMonthDaysMax1,
	.sapMSPCMonthDays.sapMSPCMonthDaysMax2 {
		height: 6.125rem;

		.sapMSPCMonthDay {
				height: 100%;
			}
	}

	.sapUiSizeCompact {
		.sapMSPCMonthDays.sapMSPCMonthDaysMax0,
		.sapMSPCMonthDays.sapMSPCMonthDaysMax1,
		.sapMSPCMonthDays.sapMSPCMonthDaysMax2 {
			height: 4.675rem;

			.sapMSPCMonthDay {
				height: 100%;
			}
		}

		.sapMSPCMonthDays.sapMSPCMonthDaysMax3 {
			height: 6.275rem;

			.sapMSPCMonthDay {
				height: 100%;
			}
		}
	}
}
/* END "SinglePlanningCalendarMonthGrid.less" */

/* START "Slider.less" */
/* ============================= */
/* CSS for control sap.m/Slider  */
/* Base theme                    */
/* ============================= */

/* ------------------------------ */
/* Slider commons styles          */
/* ------------------------------ */

.sapMSlider {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	position: relative;
	height: 3.3125rem;
	padding: 1.406rem 1.0625rem;


	/* TODO remove after 1.62 version */
	/* IE Windows 8 */
	/* This elements receives events when not panning in vertial direction */
	touch-action: pan-y;
	-ms-touch-action: pan-y;
}

.sapMSliderInner {
	width: 100%;
	z-index: 1;
	position: relative;
	background-repeat: no-repeat;
}

// prevent placing the slider over a busy indicator overlay
.sapUiLocalBusy .sapMSliderInner {
	z-index: 0;
}

.sapMSliderInner,
.sapMSliderProgress {
	height: 0.188rem;
}

.sapMSliderProgress,
.sapMSliderHandle {
	position: absolute;
}

.sapMSliderHandle {
	display: block;
	outline: none;
}

.sapMSliderInput {
	display: none;
}

.sapMSliderTickmarks {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	z-index: 0;
	top: 0.625rem;
	left: 1.0625rem;
	right: 1.0625rem;;
	display: block;
	height: 1.75rem;
}

.sapMSliderTick {
	display: inline-block;
	height: 1rem;
	border-left: 0.0625rem solid @sapUiFieldBorderColor;
	margin: 0.4375rem 0 0 -0.0625rem;
}


.sapMSliderTickLabel {
	display: inline-block;
	position: absolute;
	z-index: 1;
	width: 0.0625rem;
	background-color: @sapUiFieldBorderColor;
	margin: 0 0 0 -0.0625rem;

	&:last-child {
		right: 0;
	}
}

.sapMSliderLabel {
	font-size: 0.75rem;
	padding-top: 0.5rem;
	display: block;
	width: 5rem;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: absolute;
	top: 1.75rem;
	left: -2.5rem;
	direction: ltr;
}

/* slider progress bar */
.sapMSliderProgress {
	background: @sapUiFieldActiveBorderColor;

	&:before{
		content: '';
		position: absolute;
		width: 100%;
		height: 500%;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
}

/* slider handle */
.sapMSliderHandle {
	margin-left: -1rem;
	top: -0.91rem;
	height: 1.75rem;
	width: 1.75rem;
	direction: ltr;

	/* some browsers like Samsung Galaxy S4 with Android 4.2 does not support the "border-radius" shorthand property
	but does support the long-hand properties for each corner like "border-top-left-radius" */
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
	border-bottom-left-radius: 1rem;

	&:before{
		content: '';
		position: absolute;
		width: 100%;
		left: 50%;
		top: 40%;
		transform: translate(-50%, -50%);
		cursor: pointer;
	}
}

/* focus */
html.sap-desktop .sapMSliderHandle:focus {
	outline: 1px dotted @sapUiContentFocusColor;
	outline-offset: 0.0625rem;
}

/* ============ */
/* compact size */
/* ============ */

/* slider */
.sapUiSizeCompact {
	.sapMSlider {
		height: 2rem;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	/* slider handle */
	.sapMSliderHandle {
		height: 1.375rem;
		width: 1.375rem;
		margin-left: -0.8125rem;
		top: -0.75rem;
	}

	.sapMSliderTickmarks {
		height: 1rem;
	}

	.sapMSliderLabel {
		padding-top: 0.3125rem;
		top: 1rem;
	}

	.sapMSliderTick {
		margin-top: 0.125rem;
		height: 0.75rem;
	}

	.sapMSliderTickLabel {
		height: 1rem;
	}
}
/* END "Slider.less" */

/* START "SliderTooltip.less" */
/* ============================= */
/* CSS for control sap.m/SliderTooltip  */
/* Base theme */
/* ============================= */


/* ------------------------------ */
/* Slider Tooltip styles          */
/* ------------------------------ */

.sapMSliderTooltip {
	position: relative;
	display: block;
	flex-shrink: 0;
	height: 1.625rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	text-align: center;
	visibility: visible;
	box-shadow: @sapUiShadowLevel1;
	background-color: @sapUiGroupContentBackground;
}

.sapMSliderTooltipInput {
	height: 100%;
	width: 100%;
	border: none;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	text-align: center;
	outline: none;
	-moz-appearance: textfield;
}

.sapMSliderTooltipInput::-webkit-outer-spin-button,
.sapMSliderTooltipInput::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.sapMSliderTooltipNonEditable {
	pointer-events: none;
}


.sapMSliderTooltipInput:-webkit-inner-spin-button,
.sapMSliderTooltipInput:-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.sapMSliderTooltipErrorState {
	border: 2px solid;
}
/* END "SliderTooltip.less" */

/* START "SliderTooltipContainer.less" */
/* ============================= */
/* CSS for control sap.m/SliderTooltipContainer  */
/* Base theme */
/* ============================= */

.sapMSliderTooltipContainer {
  display: flex;
  position: absolute;
  justify-content: space-between;
  transition-property: left, right;
}

.sapMSliderTooltipContainerDisabled {
	opacity: 0.5;
	pointer-events: none;
}
/* END "SliderTooltipContainer.less" */

/* START "SlideTile.less" */
/* ================================ */
/* CSS for control sap.m/SlideTile  */
/* Base theme                       */
/* ================================ */

.sapMST {
	background: transparent;
	position: relative;
	display: inline-block;
	font-size: 0;
	border-radius: 0.125rem;
	outline: none;
	box-shadow: @sapUiShadowLevel0;

	.sapMSTOverflowHidden {
		overflow: hidden;
		position: relative;
		height: 100%;
		width: 100%;
	}

	&.sapMSTScopeActions {

		.sapMSTMoreIcon {
			height: 1rem;
			position: absolute;
			right: 0.75rem;
			bottom: 0.563rem;
			z-index: 1;
			color: @sapUiButtonIconColor;
			pointer-events: none;
			&:focus {
				outline: none;
			}
		}

		.sapMSTRemoveButton {
			width: 1.375rem;
			height: 1.375rem;
			border-radius: 50%;
			padding: 0px;
			position: absolute;
			top: -0.5rem;
			right: -0.5rem;
			z-index: 3;
			border: 1px solid @sapUiButtonBorderColor;
			background-color: @sapUiButtonBackground;
			color: @sapUiButtonTextColor;
			overflow: visible;

			.sapMBtnFocusDiv {
				display: none;
			}

			.sapMBtnInner {
				width: 100%;
				height: 100%;
				min-width: 0px;
				border-radius: 50%;
				border: none;
				outline-offset: -2px;
			}

			.sapMBtnIcon {
				font-size: 0.75rem;
				margin: 0px;
				width: 100%;

				&:before {
					position: relative;
					top: -0.125rem;
				}
			}

			&:focus > .sapMFocusable {
				outline: none;
				border-radius: 50%;
			}

			/* The touch area has a different size and is slightly moved to the left and bottom */
			&:before {
				content: "";
				color: @sapUiButtonIconColor;
				position: absolute;
				top: -1px;
				bottom: -0.6875rem;
				left: -0.6875rem;
				right: -0.0625rem;
			}
		}
	}
}

.sapMSTWrapper {
	position: absolute;
	left: 100%;
}

.sapMSTWrapper>.sapMGT,
html.sap-desktop .sapMSTWrapper>.sapMGT:hover,
html.sap-phone .sapMGTHvrOutln:active,
html.sap-tablet .sapMGTHvrOutln:active {
	box-shadow: none !important;
}

.sapMST.OneByOne {
	width: 11rem;
	height: 11rem;
}

.sapMST.TwoByOne {
	width: 22.5rem;
	height: 11rem;
}

.sapMST .sapMGT {
	border: 0.125rem;
}

.sapMSTFocusDiv {
	position: absolute;
	pointer-events: none;
	left: 1px;
	top: 1px;
	right: 1px;
	bottom: 1px;
	border-radius: 0.125rem;
}

/* Bulleted indicator of multiple tiles*/
.sapMSTBulleted {
	position: absolute;
	text-align: center;
	bottom: 0.25rem;
	width: 100%;
	z-index: 1;
	cursor: pointer;
}

.sapMSTBulleted > span {
	display: inline-block;
	height: 0.375rem;
	width: 0.375rem;
	margin: 0 0.25rem;
	border-radius: 50%;
}

.sapMST .sapMSTIconClickTapArea {
	position: absolute;
	right: 0.75rem;
	top: 0.75rem;
	height: 2rem;
	width: 2rem;
	z-index: 3;
	background-color: transparent;
	border-radius: 50%;
	cursor: pointer;
}

.sapMST .sapMSTIconDisplayArea {
	position: absolute;
	right: 0.75rem;
	top: 0.75rem;
	height: 2rem;
	width: 2rem;
	z-index: 1;
	opacity: 0.3;
	overflow: hidden;
	border-radius: 50%;
}

html.sap-desktop .sapMST .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
	opacity: 0.6;
}


html.sap-desktop .sapMST.sapMSTIconPressed .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
	opacity: 1.0;
}

.sapMST .sapMSTIconNestedArea {
	right: 0.75rem;
	top: 0.75rem;
	line-height: 2rem;
	height: 2rem;
	z-index: 1;
	position: absolute;

	.sapUiIcon {
      width: 2rem;
      line-height: inherit;
	}
}

html.sap-phone .sapMST .sapMSTIconClickTapArea,
html.sap-tablet .sapMST .sapMSTIconClickTapArea {
	right: 0.25rem;
	top: 0.25rem;
	height: 3rem;
	width: 3rem;
}

html.sap-desktop .sapMST:not(:hover).sapMST:not(:focus) .sapMSTIconDisplayArea,
html.sap-desktop .sapMST:not(:hover).sapMST:not(:focus) .sapMSTIconNestedArea,
html.sap-desktop .sapMST:not(:hover).sapMST:not(:focus) .sapMSTBulleted {
	visibility: hidden;
}

.sapMTileSmallPhone {
	&.sapMST.OneByOne {
		width: 9.25rem;
		height: 9.25rem;
	}

	&.sapMST.TwoByOne {
		width: 19rem;
		height: 9.25rem;
	}

	&.sapMSTBulleted {
		bottom: 0.188rem;
	}
}
/* END "SlideTile.less" */

/* START "SplitButton.less" */
/* ================================== */
/* CSS for control sap.m/SplitButton  */
/* Base theme                         */
/* ================================== */

.sapMSB {
	display: inline-block;
	position: relative;
	vertical-align: top;
}

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

.sapMSB .sapMSBArrow {
	position: absolute;
	top: 0;
	right: 0;
}

.sapMSB .sapMSBArrow .sapMBtnIcon {
	font-size: 0.75rem;
}

.sapMSB .sapMSBText .sapMBtnInner {
	text-align: left;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right-width: 0;
}

.sapMSB .sapMSBArrow .sapMBtnInner {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.sapMSB:focus {
	outline: none;
}

.sapMSB:focus .sapMSBInner::after {
	content: '';
	pointer-events: none;
	position: absolute;
}

//ie
.sapMSBTextIE.sapMSBText {
	padding-right: 2.5rem;
}

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

	//ie
	.sapMSBTextIE.sapMSBText {
		padding-right: 2rem;
	}
}

.sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
	top: 0.3125rem;
	bottom: 0.3125rem;
	left: 0.0625rem;
	right: 0.0625rem;
	border: 0.0625rem dotted @sapUiContentFocusColor;
}

.sapMITB.sapUiResponsiveContentPadding .sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
	top: 0.3125rem;
	bottom: 0.3125rem;
	left: 0.0625rem;
	right: 0.55rem;
	border: 0.0625rem dotted @sapUiContentFocusColor;
}

.sapUiSizeCompact {
	.sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
		top: 0.25rem;
		bottom: 0.25rem;
	}
}

html[data-sap-ui-browser ^= "ie"], html[data-sap-ui-browser^="ed"] {
	.sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
		border-style: dashed;
	}
}
/* END "SplitButton.less" */

/* START "SplitContainer.less" */
/* ===================================== */
/* CSS for control sap.m/SplitContainer  */
/* Base theme                            */
/* ===================================== */

@_sap_m_SplitContainer_AppHeight: 3333px; // Ux decision: never show the header, so make this value large enough even for zoom-out cases
@_sap_m_SplitContainer_HeaderHeight: 68px; // should be 4.25rem
@_sap_m_SplitContainer_MinHeightForHeader: (@_sap_m_SplitContainer_AppHeight + @_sap_m_SplitContainer_HeaderHeight);

.sapMSplitContainer {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	overflow: hidden;
}

.sapMSplitContainerMaster {
	box-sizing: border-box;
	width: 320px;
	float: left;
	left: 0;
	z-index: 1;
	background-color: @sapUiGroupContentBackground;
	border-right: 1px solid @sapUiGroupContentBorderColor;
}

.sapMSplitContainerMaster > .sapMSplitContainerMasterBlindLayer {
	border: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	display: none;
}

.sapMSplitContainerPortrait.sapMSplitContainerShowHide > .sapMSplitContainerMaster > .sapMSplitContainerMasterBlindLayer,
.sapMSplitContainerHideMode > .sapMSplitContainerMaster > .sapMSplitContainerMasterBlindLayer {
	display: block;
}

.sapMSplitContainerDetail {
	box-sizing: border-box;
	height: 100%;

	/* IE Windows 8 */// TODO remove after 1.62 version
	/* This element receives events when not panning in vertial direction */
	touch-action: pan-y;
	-ms-touch-action: pan-y;
}

/* Default Master Animation Behavior */
.sapMSplitContainerStretchCompress > .sapMSplitContainerMaster,
.sapMSplitContainerShowHide:not(.sapMSplitContainerPortrait) > .sapMSplitContainerMaster,
.sapMSplitContainerPopover:not(.sapMSplitContainerPortrait) > .sapMSplitContainerMaster {
	border-radius: 0;
}

.sapMSplitContainerPortrait.sapMSplitContainerShowHide > .sapMSplitContainerMaster,
.sapMSplitContainerHideMode > .sapMSplitContainerMaster {
	display: inline-block;
	position: absolute;
	transform: translate3d(-330px,0,0);
	transition: all 0ms;
	-webkit-transform: translate3d(-330px,0,0);
	-webkit-transition: all 0ms;
	z-index: 5;
	top: 0;
	height: 100%;
	box-shadow: @sapUiShadowLevel2;
	border-right: @sapUiGroupContentBorderColor;
	background-clip: padding-box;
	-webkit-background-clip: padding-box;
	-ms-background-clip: padding-box;
}

.sapMSplitContainerPopover > .sapMPopoverCont > .sapMPopoverScroll > .sapMSplitContainerMaster {
	border-right: none;
}

.sapMSplitContainerPortrait.sapMSplitContainerShowHide > .sapMSplitContainerDetail,
.sapMSplitContainerHideMode > .sapMSplitContainerDetail,
.sapMSplitContainerPopover .sapMSplitContainerDetail {
	margin-left: 0;
}

.sapMSplitContainerPortrait.sapMSplitContainerShowHide > .sapMSplitContainerMasterVisible,
.sapMSplitContainerHideMode > .sapMSplitContainerMasterVisible {
	transform: translate3d(0,0,0);
	transition: all 300ms;
	-webkit-transform: translate3d(0,0,0);
	-webkit-transition: all 300ms;
}

.sapMSplitContainerPortrait.sapMSplitContainerShowHide > .sapMSplitContainerMasterHidden,
.sapMSplitContainerHideMode > .sapMSplitContainerMasterHidden {
	transform: translate3d(-330px,0,0);
	transition: all 300ms;
	-webkit-transform: translate3d(-330px,0,0);
	-webkit-transition: all 300ms;
	box-shadow: @sapUiShadowLevel2;
	visibility: hidden;
}

.sapMSplitContainerPortrait.sapMSplitContainerShowHide > .sapMSplitContainerMasterHidden.sapMSplitContainerNoTransition,
.sapMSplitContainerHideMode > .sapMSplitContainerMasterHidden.sapMSplitContainerNoTransition {
	transition: none;
	-webkit-transition: none;
}


.sapMSplitContainerPortrait.sapMSplitContainerStretchCompress > .sapMSplitContainerMaster {
	width: 320px !important;
	left: 0;
}

/* Keyframe Animations */
@-webkit-keyframes sapMSplitContainerSlidein {
	from {
		width: 0px;
	}
	to {
		width: 320px;
	}
}

@-webkit-keyframes sapMSplitContainerSlideout {
	from {
		width: 320px;
	}
	to {
		width: 0px;
	}
}

@-webkit-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-webkit-keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0.7; }
}

/* IE */// TODO remove after 1.62 version
@keyframes sapMSplitContainerSlideout {
	from {
		width: 320px;
	}
	to {
		width: 0px;
	}
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0.7; }
}

.sapMSplitContainerPortrait .sapMSplitContainerMasterBtnShow {
	display: block;
	animation: fadeIn 300ms;
	-webkit-animation: fadeIn 300ms;
}

.sapMSplitContainerPortrait .sapMSplitContainerMasterBtnHide {
	animation: fadeOut 150ms;
	-webkit-animation: fadeOut 150ms;
}

.sapMSplitContainerMasterBtnShow {
	display: block;
	animation: fadeIn 1ms;
	-webkit-animation: fadeIn 1ms;
}

.sapMSplitContainerMasterBtnHide {
	animation: fadeOut 5ms;
	-webkit-animation: fadeOut 5ms;
}

.sapMSplitContainerMasterBtnHidden {
	display: none;
}

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

.sapMSplitContainer > .sapMSplitContainerDetail .sapMSplitContainerHiddenChild {
	display: none;
}

//decrease to minimum transition and animation when animation is off
//there are 1ms and 5ms values, because the js code depend of the end of the animation
html[data-sap-ui-animation='off'] {

	.sapMSplitContainerPortrait.sapMSplitContainerShowHide > .sapMSplitContainerMaster,
	.sapMSplitContainerHideMode > .sapMSplitContainerMaster {
		transition: all 1ms;
	}

	.sapMSplitContainerPortrait.sapMSplitContainerShowHide > .sapMSplitContainerMasterVisible,
	.sapMSplitContainerHideMode > .sapMSplitContainerMasterVisible {
		transition: all 1ms;
	}

	.sapMSplitContainerPortrait.sapMSplitContainerShowHide > .sapMSplitContainerMasterHidden,
	.sapMSplitContainerHideMode > .sapMSplitContainerMasterHidden {
		transition: all 1ms;
	}

	.sapMSplitContainerPortrait .sapMSplitContainerMasterBtnShow {
		animation: fadeIn 5ms;
		-webkit-animation: fadeIn 5ms;
	}

	.sapMSplitContainerPortrait .sapMSplitContainerMasterBtnHide {
		animation: fadeOut 5ms;
		-webkit-animation: fadeOut 5ms;
	}
}

.sapMSplitContainerMaster .sapMPageHeader {
	background-color: @sapUiGroupContentBackground;
	box-shadow: inset 0 -1px @sapUiGroupContentBorderColor;
}

/* footer separator has priority */
.sapMSplitContainerMaster footer {
	z-index: 6;
}

.sapMPopoverCont .sapMSplitContainerMaster:after {
	/* popover has its own border, do not show separator */
	display: none;
}
/* END "SplitContainer.less" */

/* START "StandardListItem.less" */
/* ======================================= */
/* CSS for control sap.m/StandardListItem  */
/* Base theme                              */
/* ======================================= */

.sapMSLI {
	height: 3rem;
}

.sapMSLI.sapMSLIThumbnail,
.sapMSLI.sapMSLINoIconInset,
.sapMSLI.sapMSLIWithDescription,
.sapMSLI.sapMSLINoTitleAdapt {
	height: 5rem;
}

.sapMSLI > .sapMLIBContent {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	align-items: center;
}

.sapMSLIDescriptionAndInfo {
	display: flex;
	overflow: hidden;
}

.sapMSLIDiv {
	display: flex;
	flex: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapMSLIWithDescription > .sapMLIBContent > .sapMSLIDiv {
	flex-direction: column;
}

/* flex-direction: column is not supported in IE11 */
html[data-sap-ui-browser='ie11'] .sapMSLIWithDescription > .sapMLIBContent > .sapMSLIDiv {
	display: inline-block;
	width: 100%;
}

.sapMSLINoTitleAdapt .sapMSLIDiv {
	height: 2.5625rem;
}

.sapMSLITitle,
.sapMSLITitleOnly,
.sapMSLIDescription,
.sapMSLIDescriptionText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	flex: 1 1 auto;
}

.sapMSLIThumbnail:not(.sapMSLIWrapping) > .sapMLIBContent > .sapMSLIDiv,
.sapMSLIDescriptionText {
	padding: 0.125rem 0;
}

/* flex does not work in IE11 as expected, hence adding width 100% when only title is displayed */
.sapMSLIDiv:not(.sapMSLIInfoMiddle) > .sapMSLITitleOnly {
	width: 100%;
}

.sapMSLITitle,
.sapMSLITitleOnly {
	font-size: @sapMFontLargeSize;
	color: @sapUiListTextColor;
}

.sapMSLIDescription,
.sapMSLIDescriptionText {
	font-size: @sapMFontMediumSize;
	color: @sapUiContentLabelColor;
}

.sapMSLIWithDescription > .sapMLIBContent > .sapMSLIDiv > .sapMSLIDescription {
	padding-top: 0.75rem;
}

.sapMSLIImgIcon,
.sapMSLIImg,
.sapMSLIImgNoInsetIcon,
.sapMSLIImgNoInset {
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	flex: none;
}

.sapMSLIImgIcon,
.sapMSLIImgNoInsetIcon {
	font-family: "SAP-icons";
	font-size: 1.375rem;
	color: @sapUiContentNonInteractiveIconColor;
}

.sapMSLIImgNoInsetIcon,
.sapMSLIImgNoInset,
.sapMSLIImg {
	font-size: 2.5rem;
	margin-right: 0.75rem;
}

.sapMLIBActive .sapMSLIImgNoInsetIcon,
.sapMLIBActive .sapMSLIImgIcon,
.sapMLIBActive .sapMSLIExpandCollapse {
	color: @sapUiListActiveTextColor;
	text-shadow: none;
}

.sapMSLIDiv.sapMSLIInfoMiddle {
	flex-direction: row;
}

.sapMSLIInfo {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right;
	margin: 0 0 0 1rem;
	padding: 0.125rem 0;
	font-size: @sapMFontMediumSize;
}

// no flex for info text upto 15 characters
.sapMSLIInfoTextFull {
	flex: none;
}

// ensure min-width for info text greater than 15 characters
// 7.5rem is a result of the 15 characters string "MMMMMMMMIIIIIII" (approx. 120px)
.sapMSLIInfoTextMinWidth {
	min-width: 7.5rem;
}

.sapMSLIInfoMiddle > .sapMSLIInfo {
	padding: 0;
}

/* The info is aligned right and therefore in RTL mode should be aligned on the left */
html[dir=rtl] .sapMSLIInfo {
	text-align: left;
}

.sapMSLIInfoNone {
	color: @sapUiNeutralText;
}

.sapMSLIInfoError {
	color: @sapUiNegativeText;
}

.sapMSLIInfoWarning {
	color: @sapUiCriticalText;
}

.sapMSLIInfoSuccess {
	color: @sapUiPositiveText;
}

.sapMSLIInfoInformation {
	color: @sapUiInformativeText;
}

/* Wrapping */
.sapMSLI.sapMSLIWrapping {
	height: auto;
	min-height: 3rem;
}

.sapMSLIWithDescription.sapMSLIWrapping,
.sapMSLINoIconInset.sapMSLIWrapping,
.sapMSLINoTitleAdapt.sapMSLIWrapping {
	min-height: 5rem;
}

.sapMSLIWrapping .sapMSLITitle,
.sapMSLIWrapping .sapMSLITitleOnly,
.sapMSLIWrapping .sapMSLIDescription,
.sapMSLIWrapping .sapMSLIDescriptionText {
	white-space: normal;
	word-wrap: break-word;
}

.sapMSLIWithDescription > .sapMLIBSelectS,
.sapMSLIWithDescription > .sapMLIBSelectM,
.sapMSLIWrapping > .sapMLIBSelectS,
.sapMSLIWrapping > .sapMLIBSelectM,
.sapMSLIWrapping > .sapMLIBContent > .sapMSLIImgIcon,
.sapMSLIWrapping > .sapMLIBContent > .sapMSLIImg,
.sapMSLIWrapping > .sapMLIBContent > .sapMSLIImgNoInsetIcon,
.sapMSLIWrapping > .sapMLIBContent > .sapMSLIImgNoInset {
	align-self: flex-start;
	margin-top: 0.275rem;
}

.sapMSLIWrapping.sapMSLINoIconInset > .sapMLIBContent > .sapMSLIImgNoInsetIcon,
.sapMSLIWrapping.sapMSLINoIconInset > .sapMLIBContent > .sapMSLIImgNoInset,
.sapMSLIWrapping > .sapMLIBContent > .sapMSLIImg {
	margin-top: 0.75rem;
}

.sapMSLIWrapping > .sapMLIBContent > .sapMSLIDiv {
	padding: 1rem 0;
}

.sapMSLINoTitleAdapt.sapMSLIWrapping > .sapMLIBContent > .sapMSLIDiv > .sapMSLITitleOnly {
	padding: 0
}

.sapMSLIWrapping .sapMSLITitleOnly > .sapMSLIInfo,
.sapMSLIWrapping .sapMSLIDescriptionText > .sapMSLIInfo {
	float: right;
}

.sapMSLIExpandCollapse {
	color: @sapUiLink;
	cursor: pointer;
	padding: 0 1px;
}

.sapMSLIExpandCollapse:hover {
	color: @sapUiLinkHover;
	text-decoration: underline;
}

.sapMSLIExpandCollapse:focus {
	outline: 1px dotted @sapUiContentFocusColor;
}

/* Compact size */
.sapUiSizeCompact .sapMSLI {
	height: 2rem;
}

.sapUiSizeCompact .sapMSLI.sapMSLIThumbnail,
.sapUiSizeCompact .sapMSLI.sapMSLINoIconInset,
.sapUiSizeCompact .sapMSLI.sapMSLIWithDescription,
.sapUiSizeCompact .sapMSLI.sapMSLINoTitleAdapt {
	height: 5rem;
}

.sapUiSizeCompact .sapMSLI.sapMSLIWrapping {
	height: auto;
	min-height: 2rem;
}

.sapUiSizeCompact .sapMSLI.sapMSLIWithDescription.sapMSLIWrapping,
.sapUiSizeCompact .sapMSLI.sapMSLINoIconInset.sapMSLIWrapping,
.sapUiSizeCompact .sapMSLI.sapMSLINoTitleAdapt.sapMSLIWrapping {
	min-height: 5rem;
}

.sapUiSizeCompact .sapMSLIThumbnail:not(.sapMSLIWrapping) > .sapMLIBContent > .sapMSLIDiv {
	padding: 0.25rem 0;
}

.sapUiSizeCompact .sapMSLITitle,
.sapUiSizeCompact .sapMSLITitleOnly {
	font-size: @sapMFontMediumSize;
}

.sapUiSizeCompact .sapMSLIImgIcon {
	height: 2rem;
	line-height: 2rem;
	font-size: 1rem;
}

.sapUiSizeCompact .sapMSLI.sapMSLIWrapping > .sapMLIBSelectS,
.sapUiSizeCompact .sapMSLI.sapMSLIWrapping > .sapMLIBSelectM,
.sapUiSizeCompact .sapMSLI.sapMSLIWithDescription > .sapMLIBSelectS,
.sapUiSizeCompact .sapMSLI.sapMSLIWithDescription > .sapMLIBSelectM,
.sapUiSizeCompact .sapMSLI.sapMSLIWrapping > .sapMLIBContent > .sapMSLIImgIcon {
	margin-top: 0.5rem;
}
/* END "StandardListItem.less" */

/* START "StandardTreeItem.less" */
/* ======================================= */
/* CSS for control sap.m/StandardTreeItem  */
/* Base theme                              */
/* ======================================= */

.sapMSTIIcon {
	margin: 0.5rem 0.75rem 0.5rem 0rem;
	color: @sapUiContentNonInteractiveIconColor;
	font-size: 1rem;
	height: 1rem;
	width: 1rem;
	vertical-align: middle;
	flex-shrink: 0;
}

.sapMSTI > .sapMLIBContent {
	word-break: break-word;
}
/* END "StandardTreeItem.less" */

/* START "StandardTile.less" */
/* =================================== */
/* CSS for control sap.m/StandardTile  */
/* Base theme                          */
/* =================================== */

.sapMStdTileTopRow {
	height: 4rem;
	padding: 1rem 1rem 0 1rem;
	margin-bottom: 1rem;
}

.sapMStdTileIconDiv {
	display: inline-block;
	float: left;
}

.sapMStdTileNumDiv {
	display: inline-block;
	float: right;
	width: 7.5rem;
	height: 4rem;
}

.sapMStdTileNum,
.sapMStdTileNumM,
.sapMStdTileNumS {
	white-space: nowrap;
	overflow: hidden;
	text-align: right;
	line-height: 1em;
	font-family: @sapUiFontCondensedFamily;
	font-stretch: condensed; /* for Firefox */
	color: @sapUiContentLabelColor;
}

.sapMStdTileNum {
	font-size: 3rem;
	margin-top: -.437rem;
}

.sapMStdTileNumM {
	font-size: 2.25rem;
	margin-top: -.25rem;
}

.sapMStdTileNumS {
	font-size: 1.5rem;
	margin-top: -.125rem;
}

.sapMStdTileNumUnit {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right;
	text-transform: uppercase;
	font-size: 0.875rem;
}

.sapMStdTileTitle {
	line-height: 1.4rem;
	vertical-align: top;
	text-align: left;
	font-size: 1rem;
	height: 4rem;
	width: 100%;
	overflow: hidden;
	word-break: break-word;
}

html[dir=rtl] .sapMStdTileTitle{
	text-align: right;
}

.sapMStdTileInfo {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right;
	font-size: 0.875rem;
	margin-top: 2rem;
}

html[dir=rtl] .sapMStdTileNum,
html[dir=rtl] .sapMStdTileNumM,
html[dir=rtl] .sapMStdTileNumS,
html[dir=rtl] .sapMStdTileNumUnit,
html[dir=rtl] .sapMStdTileInfo{
	text-align: left;
}

.sapMStdTileBottomRow {
	height: 7rem;
	padding: 0 1rem 1rem 1rem;
}

.sapMStdTileMonitorType {
	margin-top: -2rem;
	padding-top: 2rem;
	background-color: @sapUiTileBackground;
}

.sapMStdTileBottomRow .sapMStdTileMonitorType {
	height: 10rem;
}

html.sap-phone .sapMStdTileTopRow {
	height: 3rem;
	margin-bottom: 0;
}

html.sap-phone .sapMStdTileNumDiv {
	width: 5rem;
	height: 3rem;
}

html.sap-phone .sapMStdTileNumUnit {
	font-size: 0.75rem;
}

html.sap-phone .sapMStdTileBottomRow {
	height: 5rem;
}

html.sap-phone .sapMStdTileMonitorType {
	margin-top: -1rem;
	padding-top: 1rem;
}

html.sap-phone .sapMStdTileTitle {
	line-height: 1.2rem;
	font-size: .875rem;
	height: 4rem;
	margin-bottom: 0;
}

html.sap-phone .sapMStdTileInfo {
	height: 1rem;
	font-size: 0.75rem;
	width: 100%;
	margin-top: 0;
}

html.sap-phone .sapMStdTileNum {
	font-size: 2.375rem;
}

html.sap-phone .sapMStdTileNumM {
	font-size: 1.5rem;
}

html.sap-phone .sapMStdTileNumS {
	font-size:  1rem;
}

.sapMStdTileIconDiv,
.sapMStdTileTitle {
	color: @sapUiTileTitleTextColor;
}

.sapMStdIconMonitor {
	color: @sapUiContentNonInteractiveIconColor;
}

.sapMStdIconCreate {
	color: @sapUiContentNonInteractiveIconColor;
}

.sapMStdTileNumUnit {
	color: @sapUiContentLabelColor;
	text-transform: uppercase;
}

.sapMStdTileInfo {
	color: @sapUiContentLabelColor;
}

.sapMStdTileInfoError {
	color: @sapUiNegativeText;
}

.sapMStdTileInfoWarning {
	color: @sapUiCriticalText;
}

.sapMStdTileInfoSuccess {
	color: @sapUiPositiveText;
}

.sapMTileActive-CTX .sapMStdIconCreate {
	opacity: 1;
}

.sapMTileActive-CTX .sapMStdTileInfoWarning,
.sapMTileActive-CTX .sapMStdTileInfoSuccess,
.sapMTileActive-CTX .sapMStdTileInfoError,
.sapMTileActive-CTX .sapMStdTileTitle,
.sapMTileActive-CTX .sapMStdTileNumUnit,
.sapMTileActive-CTX .sapMStdTileNum,
.sapMTileActive-CTX .sapMStdTileNumM,
.sapMTileActive-CTX .sapMStdTileNumS,
.sapMTileActive-CTX .sapMStdTileInfo,
.sapMTileActive-CTX .sapMStdTileMonitorType {
	color: @sapUiContentContrastTextColor;
}

.sapMTileActive-CTX .sapMStdTileIconDiv,
.sapMTileActive-CTX .sapMStdIconMonitor,
.sapMTileActive-CTX .sapMStdIconCreate {
	color: @sapUiContentContrastIconColor;
}
/* END "StandardTile.less" */

/* START "StepInput.less" */
/* ================================ */
/* CSS for control sap.m/StepInput  */
/* Base theme                       */
/* ================================ */

.sapMStepInput {
	display: inline-block;
	width: 100%;
	outline: none;
}

html:not([data-sap-ui-browser^="ie"]):not([data-sap-ui-browser^="ed"]) .sapMStepInput .sapUiIcon:focus {
	outline: none;
}

html[data-sap-ui-browser^='ie'],
html[data-sap-ui-browser^='ed'] {
	.sapMStepInput .sapUiIcon:focus::after {
		display: none;
	}
}

.sapMStepInput {
	.sapMStepInputIconDisabled {
		opacity: 0.5;
		pointer-events: none;
	}

	&:focus {
		.sapMInputBaseContentWrapper:not(.sapMInputBaseReadonlyWrapper):not(.sapMInputBaseContentWrapperState):not(.sapMStepInputReadOnly) {
			&::before {
				content: "";
				position: absolute;
				top: 1px;
				left: 1px;
				right: 1px;
				bottom: 1px;
				border: 1px dotted @sapUiContentFocusColor;
				pointer-events: none;
			}
		}
	}
}

html[data-sap-ui-browser^='ie'],
html[data-sap-ui-browser^='ed'] {
	.sapMStepInput:focus {
		.sapMInputBaseContentWrapper:not(.sapMInputBaseReadonlyWrapper):not(.sapMInputBaseContentWrapperState):not(.sapMStepInputReadOnly) {
			&::before {
				border-style: dashed;
			}
		}
	}
}
/* END "StepInput.less" */

/* START "SuggestionItem.less" */
/* ===================================== */
/* CSS for control sap.m/SuggestionItem  */
/* Base theme                            */
/* ===================================== */

.sapMSuggestionItemIcon {
	margin-right: 0.5rem;
	margin-left: -0.5rem;
}
/* END "SuggestionItem.less" */

/* START "Support.less" */
/* ============================== */
/* CSS for control sap.m/Support  */
/* Base theme                     */
/* ============================== */

html.sap-phone .sapMSupport .sapMDialogScrollCont {
	padding : 0;
}

.sapMSupport .sapUiSupportLabel{
	font-weight: bold;
}

.sapMSupport .sapUiSupportTechInfoBorder {
	border: 1px solid @sapUiListBorderColor;
}

.sapMSupport .sapUiSupportTxtFld,
.sapMSupport .sapUiSupportBtn {
	border: 1px solid @sapUiFieldBorderColor;
	font-size: 14px;
	height: 22px;
	box-sizing: border-box;
	margin-left:10px;
}

.sapMSupport .sapUiSupportTxtArea {
	width: 100%;
	height: 50px;
	margin-top: 5px;
	resize: none;
	box-sizing: border-box;
}

.sapMSupport .sapUiSupportPnlLbl {
	display: block;
}

.sapMSupport .sapUiSupportDiv {
	margin-top: 5px;
}

.sapMSupport .sapUiSupportTxtFld {
	background-color: @sapUiFieldBackground;
	padding: 1px;
}

.sapMSupport .sapUiSupportTxtFld:focus {
	outline: 1px dashed @sapUiContentFocusColor;
	outline-offset: 2px;
}

.sapMSupport .sapUiSupportBtn {
	background-color: @sapUiButtonBackground;
	border-color: @sapUiButtonBorderColor;
	padding-bottom: 3px;
	cursor: pointer;
}

.sapMSupport .sapUiSupportBtn:focus,
.sapMSupport .sapUiSupportBtn.sapUiSupportRunningTrace {
	outline: 1px dashed @sapUiContentFocusColor;
	outline-offset: 2px;
}

.sapMSupport .sapUiSupportBtn.sapUiSupportRunningTrace {
	cursor: default;
}
/* END "Support.less" */

/* START "Switch.less" */
/* ============================= */
/* CSS for control sap.m/Switch  */
/* Base theme                    */
/* ============================= */

/* ------------------------------ */
/* Switch required variables      */
/* ------------------------------ */

@_sap_m_Switch_OnPosition: -32;
@_sap_m_Switch_OffPosition: 0;
@_sap_m_Switch_TransitionTime: 175;

/* ------------------------------ */
/* Switch common styles           */
/* ------------------------------ */

.sapMSwtText,
.sapMSwtHandle,
.sapMSwtInner {
	position: absolute;
}

.sapMSwtCont,
.sapMSwt {
	position: relative;
}

.sapMSwtText,
.sapMSwtAcceptReject .sapMSwtHandle {
	box-sizing: border-box;
}

/* ------------------------------ */
/* Switch container               */
/* ------------------------------ */

.sapMSwtCont {
	display: inline-block;
	vertical-align: top;
	outline: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 0.5rem 0 0.5rem 0;
}

.sapMSwtCont:not(.sapMSwtContDisabled) {
	cursor: pointer;
}

.sapMSwtCont > input {
	display: none;
}

/* ------------------------------ */
/* Switch                         */
/* ------------------------------ */

.sapMSwt {
	outline: none;

	/* IE Windows 8 */
	/* This elements receives events when not panning in vertial direction */
	touch-action: pan-y;
	-ms-touch-action: pan-y;

	width: 4rem;
	height: 2rem;

	/* use px instead of rem, borders sized in "rem" disappear when the page is zoomed out in Chrome. */
	border: 1px solid;

	/* 1px margin from left and right, so the outline doesn't get cropped when focuses */
	margin: 0 1px;

	/* note: some browsers like Samsung Galaxy S4 with Android 4.2 does not support the "border-radius" shorthand property
	but does support the long-hand properties for each corner like "border-top-left-radius" */
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
	border-bottom-left-radius: 1rem;
	overflow: hidden;
}

/* background */

.sapMSwtOn:not(.sapMSwtAcceptReject) {
	background: @sapUiToggleButtonPressedBackground;
	border-color: @sapUiToggleButtonPressedBorderColor;
}

.sapMSwtOff:not(.sapMSwtAcceptReject) {
	background: @sapUiButtonBackground;
	border-color: @sapUiButtonBorderColor;
}

/* hover */

.sapMSwt.sapMSwtHoverable:hover {
	background: @sapUiButtonHoverBackground;
}

.sapMSwt.sapMSwtHoverable:not(.sapMSwtAcceptReject):hover {
	border-color: @sapUiButtonHoverBorderColor;
}

.sapMSwtHoverable.sapMSwtOn:not(.sapMSwtAcceptReject):hover {
	background: @sapUiToggleButtonPressedHoverBackground;
	border-color: @sapUiToggleButtonPressedHoverBorderColor;
}

/* focus */

.sapMSwtDisabled:focus {
	outline: none;
}

/* ------------------------------ */
/* Switch inner                   */
/* ------------------------------ */

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

.sapMSwtOff > .sapMSwtInner {
	left: -2rem;
}

.sapMSwtOn > .sapMSwtInner {
	left: 0;
}

/* CSS transitions */

.sapMSwtTrans > .sapMSwtInner {
	-webkit-transition: left 0.125s ease-in-out;
	transition: left 0.125s ease-in-out;
}

html[dir=rtl] .sapMSwtTrans > .sapMSwtInner {
	-webkit-transition-property: right;
	transition-property: right;
}

/* ------------------------------ */
/* Switch text                    */
/* ------------------------------ */

.sapMSwtText {
	text-align: center;
	font-size: @sapMFontSmallSize;
	width: 100%;
	line-height: 2rem;
}

.sapMSwtLabel {
	display: block;
	white-space: nowrap;
	text-decoration: none;
	overflow: hidden;
	width: 1.875rem;
	padding: 0 0.1875rem;
	text-transform: uppercase;
	line-height: inherit;
}

.sapMSwtOn .sapMSwtText {
	color: @sapUiToggleButtonPressedTextColor;
}

.sapMSwtOff .sapMSwtText {
	color: @sapUiContentLabelColor;
}

.sapMSwtTextOff {
	left: 2rem;
}

.sapMSwtLabelOff {
	float: right;
}

.sapMSwt.sapMSwtDefault {
	&.sapMSwtOff .sapMSwtTextOn,
	&.sapMSwtOn .sapMSwtTextOff {
		.sapMSwtLabel {
			// Special case - the currently invisible label should be smaller
			// so the text won't get in the visible part of the control
			width: 1.6rem;
		}
	}
}

/* ------------------------------ */
/* Switch handler                 */
/* ------------------------------ */

.sapMSwtHandle {
	display: block;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1.5rem;
	height: 1.5rem;
	left: 2.25rem;

	// note: some browsers like Samsung Galaxy S4 with Android 4.2 does not support the "border-radius" shorthand property
	// but does support the long-hand properties for each corner like "border-top-left-radius"
	border-top-left-radius: 0.75rem;
	border-top-right-radius: 0.75rem;
	border-bottom-right-radius: 0.75rem;
	border-bottom-left-radius: 0.75rem;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

/* background */

.sapMSwtOn .sapMSwtHandle {
	background: transparent;
	box-sizing: border-box;
	border: 2px solid contrast(@sapUiToggleButtonPressedBackground, @sapUiContentIconColor, @sapUiContentContrastIconColor, @sapUiContentContrastTextThreshold);
}

.sapMSwtOff .sapMSwtHandle {
	background: transparent;
	box-sizing: border-box;
	border: 2px solid @sapUiButtonBorderColor;
}

/* ====================================================== */
/* switch type "AcceptReject"                             */
/* ====================================================== */

/* ----------------------------------------- */
/* Switch type "AcceptReject" common styles  */
/* ----------------------------------------- */

/* background */

.sapMSwtAcceptReject.sapMSwtOn {
	border-color: @sapUiPositiveElement;
}

.sapMSwtAcceptReject.sapMSwtOff {
	border-color: @sapUiNegativeElement;
}

/* ------------------------------ */
/* Switch                         */
/* ------------------------------ */

/* background */

.sapMSwtAcceptReject.sapMSwt {
	background: @sapUiButtonBackground;
}

/* ------------------------------ */
/* Switch text                    */
/* ------------------------------ */

.sapMSwtAcceptReject .sapMSwtLabelOn::before,
.sapMSwtAcceptReject .sapMSwtLabelOff::before {
	font-family: 'SAP-icons';
	speak: none;
}

/* icon fonts */

.sapMSwtAcceptReject .sapMSwtLabel {
	font-size: @sapMFontLargeSize;
}

.sapMSwtAcceptReject .sapMSwtLabelOn::before {
	content: "\e05b";
	color: @sapUiPositiveElement;
}

.sapMSwtAcceptReject .sapMSwtLabelOff::before {
	content: "\e03e";
	color: @sapUiNegativeElement;
}

/* ------------------------------ */
/* Switch handler                 */
/* ------------------------------ */

.sapMSwtAcceptReject .sapMSwtHandle {
	background: transparent;
	border-style: solid;
	border-width: 0.125rem;
}

.sapMSwtAcceptReject.sapMSwtOn .sapMSwtHandle {
	border-color: @sapUiPositiveElement;
}

.sapMSwtAcceptReject.sapMSwtOff .sapMSwtHandle {
	border-color: @sapUiNegativeElement;
}

/* ============ */
/* compact size */
/* ============ */

/* ------------------------------ */
/* Switch container               */
/* ------------------------------ */

.sapUiSizeCompact .sapMSwtCont {
	padding-top: 0.125rem;
	padding-bottom: 0.125rem;
}

/* ------------------------------ */
/* Switch                         */
/* ------------------------------ */

.sapUiSizeCompact .sapMSwt {
	width: 3.5rem;
	height: 1.625rem;
}

/* ------------------------------ */
/* Switch text                    */
/* ------------------------------ */

.sapUiSizeCompact .sapMSwtText {
	line-height: 1.625rem;
}

/* ------------------------------ */
/* Switch handler                 */
/* ------------------------------ */

.sapUiSizeCompact .sapMSwtHandle {
	height: 1rem;
	width: 1rem;
}
/* END "Switch.less" */

/* START "TabContainer.less" */
/* =================================== */
/* CSS for control sap.m/TabContainer  */
/* Base theme                          */
/* =================================== */

.sapMTabContainer {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	height: 100%;
	.sapMTabContainerContent {
		position: relative;
		-webkit-flex-grow: 1;
		flex-grow: 1;
		.sapMTabContainerInnerContent {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
		}
	}
}

/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiContainerContentPadding(~".sapMTabContainer", ~"> .sapMTabContainerContent > .sapMTabContainerInnerContent");

.sapMTabContainer {
	.sapMTabContainerContentTransparent{
		background-color: transparent;
	}
	.sapMTabContainerContentList{
		background-color: @sapUiGroupContentBackground;
	}
	.sapMTabContainerContentSolid{
		background-color: @sapUiShellBackground;
	}
	.sapMTabContainerContentStandard{
		background-color: @sapUiBaseBG;
	}
}
/* END "TabContainer.less" */

/* START "Table.less" */
/* ============================ */
/* CSS for control sap.m/Table  */
/* Base theme                   */
/* ============================ */

.sapMListTbl {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
}

html[data-sap-ui-browser='ie11'] .sapMListTbl,
html[data-sap-ui-browser^='ed'] .sapMListTbl {
	padding: 1px; /* outline must be visible */
}

.sapMListTbl .sapMLIB {
	display: table-row;
}

.sapMListTbl .sapMTableTH:focus,
.sapMListTbl td:focus {
	outline: none;
}

.sapMListTblCellNoData {
	text-align: center;
	white-space: pre-wrap;
}

.sapMListTblHeaderNone {
	height: 0;
}

.sapMListTblCellDup > .sapMListTblCellDupCnt {
	/* hide content visually but have it available for screen readers */
	position: absolute;
	clip: rect(0, 0, 0, 0);
	height: 0;
}

tr.sapMListTblHeaderNone > .sapMTableTH {
	border: 0;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.sapMListTblHeaderNone > .sapMListTblSelCol > .sapMCb,
.sapMListTblHeaderNone > .sapMListTblCell > * {
	display: none;
}

.sapMListTbl .sapMLabel {
	word-wrap: normal;
}

/**
 * For compatibility reasons text alignment should inherit from the table headers & cells.
 * Default value of textAlign property is Begin(not Initial) for the following controls
 * therefore they always set text-align as a style attribute in DOM, this blocks
 * alignment inheritance from the table headers & cells.
 */
.sapMColumnHeader > .sapMLabel,
.sapMColumnHeader > .sapMText,
.sapMListTblCell > .sapMSlt > .sapMSltLabel,
.sapMListTblCell > .sapMObjectNumber,
.sapMListTblCell > .sapMLabel,
.sapMListTblCell > .sapMText {
	text-align: inherit !important;
}

.sapMListTblNone {
	display: none;
}

.sapMListTblSelCol,
.sapMListTblCell,
.sapMListTblNavCol {
  vertical-align: middle;
}

.sapMListTblNavCol {
	width: 0;
	line-height: 3rem;
}

.sapMListTblUnreadCol {
	width: 1.74rem;
}

.sapMListTblSubCnt {
	display: block;
}

.sapMListTblSubCntRow {
	overflow : hidden;
}

.sapMListTblSubCntSpr,
.sapMListTblSubCntHdr,
.sapMListTblSubCntVal {
	display: inline-block;
	vertical-align: top;
}

.sapMListTblSubCntValBlock {
	display: block;
}

.sapMListTblHighlightCol,
.sapMListTblNavigatedCol {
	width: 0;
	padding: 0;
}

.sapMListTblHighlightCol + .sapMListTblHeaderCell,
.sapMListTblHighlightCell + .sapMListTblCell {
	padding-left: 1rem;
}

.sapMListHighlight .sapMListTblHighlightCol{
	width: 0.375rem;
}

.sapMListNavigated .sapMListTblNavigatedCol {
	width: 0.1875rem;
}

.sapMListTblHighlightCell,
.sapMListTblNavigatedCell {
	padding: 0;
	position: relative;
	overflow: hidden;
}

html[data-sap-ui-browser^="ed"] .sapMListTblHighlightCell > .sapMLIBHighlight,
html[data-sap-ui-browser='ie11'] .sapMListTblHighlightCell > .sapMLIBHighlight,
html[data-sap-ui-browser^="ed"] .sapMListTblNavigatedCell > .sapMLIBNavigated,
html[data-sap-ui-browser='ie11'] .sapMListTblNavigatedCell > .sapMLIBNavigated {
	height: 40rem; /* IE11 and Edge cannot stretch the height of the cell content */
}

/* responsive table approach */
@media screen and (max-width: 1119px) {
	.sapMListTblCell.sapMSize-xxlarge{
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.sapMListTblCell.sapMSize-desktop{
		display: none;
	}
}

@media screen and (max-width: 959px) {
	.sapMListTblCell.sapMSize-xlarge{
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.sapMListTblCell.sapMSize-large{
		display: none;
	}
}

@media screen and (max-width: 599px) {
	.sapMListTblCell.sapMSize-tablet{
		display: none;
	}
}

@media screen and (max-width: 559px) {
	.sapMListTblCell.sapMSize-medium{
		display: none;
	}
}

@media screen and (max-width: 479px) {
	.sapMListTblCell.sapMSize-small{
		display: none;
	}
}

@media screen and (max-width: 319px) {
	.sapMListTblCell.sapMSize-xsmall{
		display: none;
	}
}

@media screen and (max-width: 239px) {
	.sapMListTblCell.sapMSize-xxsmall,
	.sapMListTblCell.sapMSize-phone{
		display: none;
	}
}

/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiContainerContentPadding(~".sapMListTbl");

.sapMListTblNavCol,
.sapMListTblSelCol {
	padding: 0;
}

.sapMListTblUnreadCol{
	display: none;
}

.sapMListTbl {
	font-size: @sapUiListTableTextSize;
}

.sapMListTbl .sapMText,
.sapMListTbl .sapMLabel {
	font-size: @sapUiListTableTextSize;
	color: @sapUiListTextColor;
	font-weight: normal;
}

.sapMListTbl .sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
	font-size: @sapUiListTableIconSize;
}

.sapMListTblCell {
	padding: .875rem .5rem;
	font-size: @sapUiListTableTextSize;
}

/* Ensuring that the row height is not smaller that 3rem in Cozy mode */
.sapMListTblRow {
	height: @sapUiElementLineHeight;
}

.sapMListTblCell.sapMListTblCellNoData {
	font-size: 1rem;
	padding-top: .75rem;
	padding-bottom: .75rem;
	line-height: 1.6;
	border-bottom: 1px solid @sapUiListBorderColor;
}

.sapMListTblNone:first-child + .sapMListTblCell {
	padding-left: 1rem;
}

.sapMListTblCell.sapMListTblCellNoData {
	padding-right: 1rem;
}

.sapMListTblSelCol,
.sapMListTblHasNav .sapMListTblNavCol {
	width: 3rem;
}

.sapMLIB.sapMListTblRow {
	border-bottom: 0;
}

.sapMListTblCell.sapMListTblCellDup{
	border-color: transparent;
}

/* table column header */
.sapMTableTH {
	background: @sapUiListHeaderBackground;
	border-bottom: 1px solid @sapUiListBorderColor;
	vertical-align: middle;
}

/* background-clip is required for Edge browser as the focus outline of the item below the sticky column headers was not visible on all sides */
html[data-sap-ui-browser^='ed'] .sapMTableTH {
	background-clip: padding-box;
}

/* sticky headerToolbar, infoToolbar and column headers */
.sapMSticky .sapMTableTH {
	position: sticky;
	position: -webkit-sticky;
	z-index: 1;
}

/* .sapMSticky7 denotes that the headerToolbar, infoToolbar and column headers are sticky */
/* .sapMSticky6 denotes that the infoToolbar and column headers are sticky */
/* .sapMSticky5 denotes that the headerToolbar and column headers are sticky */
/* .sapMSticky4 denotes that only the column headers are sticky */
/* top: 0 sticky conditions : 1st sticky elements */
.sapMSticky4 .sapMTableTH,
.sapMSticky5 > .sapMListHdr,
.sapMSticky6 > .sapMListInfoTBarContainer,
.sapMSticky7 > .sapMListHdr {
	top: 0;
}

/* top: 2rem sticky conditions : 2nd sticky elements */
.sapMSticky6 .sapMTableTH {
	top: 2rem;
}

/* top: 3rem sticky conditions : 2nd sticky elements */
.sapMSticky5 .sapMTableTH,
.sapMSticky7 > .sapMListInfoTBarContainer {
	top: @sapUiElementLineHeight;
}

/* top: 5rem conditions : 3rd sticky elements */
.sapMSticky7 .sapMTableTH {
	top: @sapUiElementLineHeight + 2rem;
}

/* to make the focus outline visible on the all sides */
.sapMSticky > .sapMListTbl {
	padding: 1px 1px 0 1px;
}

/* busyIndicator should not block the toolbars if <table> is set busy */
.sapMSticky > .sapMListTbl > .sapUiLocalBusyIndicator {
	z-index: 1;
}

/* make the focus outline border visible on all sides of the column header row */
.sapMSticky .sapMListTblHeader:focus {
	outline-offset: 0;
}

/* table footer */
.sapMListTblFooter > td {
	border-top: 1px solid @sapUiListTableFooterBorder;
}

/* footer text should be bold */
.sapMListTblFooter .sapMText,
.sapMListTblFooter .sapMLabel {
	font-weight: bold;
}

/* grid layout for popin row */
.sapMListTblSubCntGridSmall {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
	grid-column-gap: 1rem;
}

.sapMListTblSubCntGridLarge {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(26rem, 1fr));
	grid-column-gap: 1rem;
}

.sapMListTblSubCntGridSmall > .sapMListTblSubCntRow,
.sapMListTblSubCntGridLarge > .sapMListTblSubCntRow {
	margin-top: .5rem;
}

.sapMTableTH > .sapMLnk,
.sapMTableTH > .sapMText,
.sapMTableTH > .sapMLabel,
.sapMTableTH > .sapMObjectNumber {
	vertical-align: middle;
}

/* Column header and column header content */
.sapMListTblCell.sapMListTblHeaderCell {
	padding: 0;
}

.sapMColumnHeader {
	display: flex;
	flex: 1 1 auto;
	padding: .875rem .5rem 1rem;
}

.sapMColumnHeaderText {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: normal;
	font-size: @sapMFontMediumSize;
}

.sapMColumnHeaderIcons {
	white-space: nowrap;
}

.sapMColumnHeaderIcons > .sapUiIcon {
	padding-left: 0.375rem;
}

.sapMListTblHighlightCol + .sapMListTblCell.sapMListTblHeaderCell {
	padding-left: .5rem;
}

.sapMColumnHeaderActive:hover {
	background-color: @sapUiListHoverBackground;
}

.sapMColumnHeaderActive:focus {
	outline: 1px dotted @sapUiContentFocusColor;
	outline-offset: -2px;
}

.sapMColumnHeaderActive:active {
	color: @sapUiListActiveTextColor;
	background-color: @sapUiListActiveBackground;
	outline-color: @sapUiContentContrastFocusColor;
}

.sapMColumnHeaderActive:active > .sapMColumnHeaderContent {
	color: @sapUiListActiveTextColor;
}

.sapMColumnHeaderActive > .sapMColumnHeaderContent {
	cursor: default;
}

/* sort icons */
[aria-sort=ascending] > .sapMColumnHeader::after,
[aria-sort=descending] > .sapMColumnHeader::after {
	font-family: "SAP-Icons";
	font-size: @sapMFontMediumSize;
	font-weight: normal;
	align-self: center;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

[aria-sort=ascending] > .sapMColumnHeader::after {
	content: "\e1fd";
}

[aria-sort=descending] > .sapMColumnHeader::after {
	content: "\e1fc";
}

/********** COMPACT DESIGN ************/

/* overwite cell style */
.sapUiSizeCompact .sapMListTblCell {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

.sapUiSizeCompact .sapMListTblCell.sapMListTblCellNoData {
	font-size: @sapUiListTableTextSize;
}

/* overwrite text control styles */
.sapUiSizeCompact .sapMListTblCell > .sapMLnk,
.sapUiSizeCompact .sapMListTblCell > .sapMText,
.sapUiSizeCompact .sapMListTblCell > .sapMLabel,
.sapUiSizeCompact .sapMListTblCell > .sapMObjectNumber,
.sapUiSizeCompact .sapMListTblCell > .sapMObjectIdentifier,
.sapUiSizeCompact .sapMListTblCell > .sapMObjStatus {
	vertical-align: middle;
	line-height: 1.4;
}

/* special class name to add margin to multiline contents */
.sapUiSizeCompact .sapMTableContentMargin {
	margin: .5rem 0;
}

/* navigation and selection columns are in the middle */
.sapUiSizeCompact .sapMListTblNavCol,
.sapUiSizeCompact .sapMListTblSelCol {
	line-height: 2rem;
	text-align: center;
}

/* decrease the navigation icon size */
.sapUiSizeCompact .sapMListTblNavCol > .sapMLIBImgNav {
	width : auto;
}

.sapUiSizeCompact .sapMListTblSelCol,
.sapUiSizeCompact .sapMListTblSelCol > .sapMLIBSelectM,
.sapUiSizeCompact .sapMListTblSelCol > .sapMLIBSelectS,
.sapUiSizeCompact .sapMListTblHasNav .sapMListTblNavCol {
	width: 2rem;
}

.sapUiSizeCompact .sapMListTblHasNav .sapMListTblNavCol:last-child,
.sapUiSizeCompact .sapMListTblSelCol:last-child {
	width: 2.5rem;
}

/* min height for the table rows */
.sapUiSizeCompact .sapMListTblRow {
	height: 2rem;
}

/* reset height of cells when no header is defined */
.sapMListTblHeaderNone > .sapMListTblCell {
	height: 0;
	padding-top: 0;
	padding-bottom: 0;
}

/* Column header and column header content */
.sapUiSizeCompact .sapMColumnHeader {
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.sapUiSizeCompact .sapMListTblCell.sapMListTblHeaderCell {
	padding: 0;
}

.sapUiSizeCompact .sapMListTblHighlightCol + .sapMListTblCell.sapMListTblHeaderCell {
	padding-left: .5rem;
}
/* END "Table.less" */

/* START "TablePersoDialog.less" */
/* ======================================= */
/* CSS for control sap.m/TablePersoDialog  */
/* Base theme                              */
/* ======================================= */

.sapMPersoDialogFixedBar {
	position: relative;

	.sapMPersoDialogResetBtn {
		position: absolute;
		top: 0;
		right: 0;
	}
}

.sapMPersoDialogFixedBar {
	.sapMPersoDialogSelectAllCb > .sapMCbLabel {
		font-size: 1.125rem;
	}
}
.sapUiSizeCompact .sapMPersoDialogFixedBar {
	.sapMPersoDialogSelectAllCb > .sapMCbLabel {
		font-size: 0.975rem;
	}
}

.sapUiSizeCompact .sapMTB-Transparent-CTX.sapMTB.sapMPersoDialogFixedBar > :first-child {
    margin-left: 1rem;
}

/* prevent that dialog is too wide when text is too long, but not on phone */
.sapMPersoDialog:not(.sapMDialogPhone) .sapMDialogScroll {
	max-width: 25rem;
}

.sapMPersoDialogLI .sapMILILabel {
	max-width: none;
}

.sapMPersoDialogLI .sapMILIDiv {
	min-width: 5.875rem;
}

.sapMTB-Transparent-CTX.sapMTB.sapMPersoDialogFixedBar{
	padding-left: 0;
	border-bottom: 2px solid @sapUiListHeaderBorderColor;
}

.sapMTB-Transparent-CTX.sapMTB.sapMPersoDialogFixedBar > :first-child{
	margin-left: 1rem;
}

.sapMPersoDialogLIHeader{
	border-bottom: 0;
}


html.sap-tablet:not(.sap-combi) .sapMPersoDialog{
	min-width: 20rem;
}
/* END "TablePersoDialog.less" */

/* START "TableSelectDialog.less" */
/* ======================================== */
/* CSS for control sap.m/TableSelectDialog  */
/* Base theme                               */
/* ======================================== */

.sapMTableSelectDialog.sapMDialog .sapMDialogScrollCont {
	padding: 0;
}

.sapMBusyIndicator.sapMTableSelectDialogBusyIndicator {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -1rem;
	margin-left: -1rem;
	display: none;
}

.sapMTableSelectDialogTableHide {
	display: none;
}
/* END "TableSelectDialog.less" */

/* START "TabStrip.less" */
/* =============================== */
/* CSS for control sap.m/TabStrip  */
/* Base theme                      */
/* =============================== */

/* ============================================= */
/* Common style                                  */
/* ============================================= */

.sapMTabStrip {
	position: relative;
	height: 3rem;
	background: @sapUiPageHeaderBackground;
	box-shadow: @sapUiShadowHeader;
	box-sizing: border-box;
	.sapMTSLeftOverflowButtons {
		position: absolute;
		margin-left: 0.25rem;
		visibility: hidden;
		width: 3rem;
		z-index: 5;
		box-sizing: border-box;
		height: 100%;
		border-bottom: 2px solid transparent;
	}
	.sapMTSLeftOverflowButtons::after {
		content: "";
		position: absolute;
		height: 2px;
		left: 0;
		right: 0;
		bottom: -2px;
	}
	.sapMTSTabsContainer {
		height: 100%;
		white-space: nowrap;
		position: absolute;
		left: 2.5rem;
		right: 7.5rem;
		overflow: hidden;
		outline: none;
		.sapMTSTabs {
			float: left;
			height: 100%;
			margin-right: -999em;
			.sapMTabStripItem {
				position: relative;
				box-sizing: border-box;
				height: 100%;
				padding: 0 0 0 0.5rem;
				float: left;
				cursor: pointer;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
				background: transparent;
				color: @sapUiGroupTitleTextColor;
				border-bottom: solid 0.125rem transparent;
				&.sapMTabStripItemSelected {
					color: @sapUiGroupTitleTextColor;
					border-bottom: solid 0.125rem @sapUiSelected;
				}
				&:focus {
					outline: none;
				}
				&:focus::before {
					pointer-events: none;
					content: "";
					position: absolute;
					top: 1px;
					left: 1px;
					right: 1px;
					bottom: 1px;
					border: 1px dotted @sapUiContentFocusColor;
				}
				.sapMTabStripItemLabel {
					vertical-align: middle;
					font-size: @sapMFontMediumSize;
				}
				.sapMTSItemCloseBtnCnt {
					display: inline-block;
					width: 2rem;
					text-align: center;
					vertical-align: middle;
					.sapMBtn {
						opacity: 1;
					}
				}
				&.sapMTabStripItemModified {
					.sapMTabStripItemModifiedSymbol:after {
						content: '*';
						vertical-align: middle;
					}
				}
			}
		}
	}
	.sapMTSRightOverflowButtons {
		position: absolute;
		right: 5.5rem;
		visibility: hidden;
		width: 3rem;
		z-index: 5;
		box-sizing: border-box;
		height: 100%;
		border-bottom: 2px solid transparent;
		& .sapMBtn.sapMBtnBase {
			padding-left: 1rem;
		}
	}
	.sapMTSRightOverflowButtons::after {
		content: "";
		position: absolute;
		height: 2px;
		left: 0;
		right: 0;
		bottom: -2px;
	}
	.sapMTSTouchArea {
		height: 100%;
		position: absolute;
		right: 0.25rem;
		.sapMTSAddNewTabBtn {
			margin-left: 0.5rem;
		}
	}
}

.sapMTSOverflowSelectListItem {
	vertical-align: middle;
}

.sapMTabStripItemAddText,
.sapMTabStripItemLabel {
	line-height: normal;
}

.sapMTSOverflowSelectListItem .sapMTabStripItemAddText,
.sapMTabStripItem .sapMTabStripItemAddText {
	color: @sapUiContentLabelColor;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontSmallSize;
}
.sapMSelectListItemBase.sapMSelectListItemBasePressed.sapMTSOverflowSelectListItem .sapMTabStripSelectListItemCloseBtn .sapMBtnIcon,
.sapMSelectListItemBase.sapMSelectListItemBasePressed.sapMTSOverflowSelectListItem .sapMSelectListItemText .sapMTabContIcon.sapUiIcon,
.sapMSelectListItemBase.sapMSelectListItemBasePressed.sapMTSOverflowSelectListItem .sapMTabStripItemAddText {
	color: @sapUiListActiveTextColor;
}

.sapMTSTexts {
	display: inline-block;
	vertical-align: middle;
}

.sapMTabContIcon.sapUiIcon {
	font-size: 2rem;
	color: @sapUiSelected;
	vertical-align: middle;
	padding-right: 0.5rem;
	cursor: pointer;
}

.sapMTabContIcon.sapMImg {
	height: 2rem;
	width: 2rem;
	vertical-align: middle;
	padding-right: 0.5rem;
}
/* ============================================= */
/* Phone                                         */
/* ============================================= */

html.sap-phone .sapMTabStrip {
	.sapMTSTouchArea {
		position: inherit;
		right: inherit;
		margin: 0 0.25rem;
		padding-right: 2.75rem;
		.sapMTSSlt .sapMSltLabel {
			position: absolute;
			left: 0;
			padding: 0 0 0 1rem;
		}
		.sapMSltIcon.sapUiIcon.sapUiIconMirrorInRTL {
			position: absolute;
			right: 2.5rem;
			border-width: @sapButton_BorderWidth;
			border-radius: @sapButton_BorderCornerRadius;
			border-color: @sapButton_BorderColor;
			height: 2.375rem;
		}
		.sapMBtn.sapMBtnBase {
			position: absolute;
			right: 0;
		}
	}
	.sapMSltWithArrow {
		visibility: visible;
		width: 100%;
	}
}

/* ============================================= */
/* Other styles                                  */
/* ============================================= */

html[data-sap-ui-animation='on'] .sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem {
	-webkit-transition: padding 0.3s;
	transition: padding 0.3s;
}

html[data-sap-ui-animation='on'] .sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem .sapMTSItemCloseBtnCnt .sapMBtn {
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

html[data-sap-ui-browser ^= "ie"], html[data-sap-ui-browser^="ed"] {// TODO remove after 1.62 version
	.sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem:focus::before {
		border-style: dashed;
	}
}

html[dir=ltr] .sapMTabStrip .sapMTSLeftOverflowButtons,
html[dir=rtl] .sapMTabStrip .sapMTSRightOverflowButtons {
	background: linear-gradient(90deg, @sapUiPageHeaderBackground 0%, @sapUiPageHeaderBackground 75%, fade(@sapUiPageHeaderBackground, 0) 100%);
}

html[dir=ltr] .sapMTabStrip .sapMTSLeftOverflowButtons::after,
html[dir=rtl] .sapMTabStrip .sapMTSRightOverflowButtons::after {
	background: linear-gradient(90deg, @sapUiObjectHeaderBorderColor 0%, @sapUiObjectHeaderBorderColor 75%, fade(@sapUiObjectHeaderBorderColor, 0) 100%);

}

html[dir=ltr] .sapMTabStrip .sapMTSRightOverflowButtons,
html[dir=rtl] .sapMTabStrip .sapMTSLeftOverflowButtons {
	background: linear-gradient(90deg, fade(@sapUiPageHeaderBackground, 0) 0%, @sapUiPageHeaderBackground 25%, @sapUiPageHeaderBackground 100%);
}

html[dir=ltr] .sapMTabStrip .sapMTSRightOverflowButtons::after,
html[dir=rtl] .sapMTabStrip .sapMTSLeftOverflowButtons::after {
	background: linear-gradient(90deg, fade(@sapUiObjectHeaderBorderColor, 0) 0%, @sapUiObjectHeaderBorderColor 25%, @sapUiObjectHeaderBorderColor 100%);
}

html .sapMTabStripSelectListItemCloseBtn .sapMBtnInner {
	display: block;
	height: 1.625rem;
	min-width: 1.625rem;
	width: 1.625rem;
	padding: 0;
	margin: 0 auto;
}

.sapMTabStripSelectListItemCloseBtn .sapMBtnIcon {
	line-height: 1.45rem;
	width: 100%;
	height: 100%;
	font-size: 1rem;
}

/* ============================================= */
/* Form factor cozy                              */
/* ============================================= */

.sapUiSizeCozy .sapMTabStrip {
	height: 3rem;
	.sapMTSLeftOverflowButtons {
		width: 3.5rem;
	}
	.sapMTSRightOverflowButtons {
		right: 5.75rem;
		width: 4rem;
	}
}

/* ============================================= */
/* Form factor compact                           */
/* ============================================= */

.sapUiSizeCompact .sapMTabStrip {
	height: 2.5rem;
	.sapMTSTabsContainer {
		.sapMTSTabs {
			.sapMTabStripItem {
				padding: 0 1rem;
				line-height: 2.5rem;
				.sapMTSItemCloseBtnCnt {
					width: 1.5rem;
					position: absolute;
					right: 0;
					.sapMBtn {
						opacity: 0;
					}
				}
				&.sapMTabStripItemSelected, &:hover {
					padding: 0 1.5rem 0 0.5rem;
					.sapMTSItemCloseBtnCnt {
						.sapMBtn {
							opacity: 1;
						}
					}
				}
			}
		}
	}
	.sapMTSTouchArea .sapMBtn,
	.sapMTSLeftOverflowButtons .sapMBtn,
	.sapMTSRightOverflowButtons .sapMBtn {
		height: 2.5rem;
	}
	.sapMTSTouchArea .sapMSlt {
		margin-top: 0.49375rem;
	}
}

.sapUiSizeCompact {
	.sapMTabContIcon.sapUiIcon {
		font-size: 1.5rem;
	}
	.sapMTabContIcon.sapMImg {
		height: 1.5rem;
		width: 1.5rem;
	}
}

/* ============================================= */
/* Visibility                                    */
/* ============================================= */

.sapMTSOverflowSelect,
.sapUiSizeCompact .sapMTSOverflowSelectListItem .sapMTabStripSelectListItemCloseBtn {
	visibility: hidden;
}

.sapMTSScrollable .sapMTSOverflowSelect,
.sapMTabStrip.sapMTSScrollForward .sapMTSRightOverflowButtons,
.sapMTabStrip.sapMTSScrollBack .sapMTSLeftOverflowButtons,
.sapUiSizeCompact .sapMTSOverflowSelectListItem.sapMSelectListItemBaseSelected .sapMTabStripSelectListItemCloseBtn,
.sapUiSizeCompact .sapMTSOverflowSelectListItem:hover .sapMTabStripSelectListItemCloseBtn {
	visibility: visible;
}

/* ============================================= */
/* Overflow Select                               */
/* ============================================= */

.sapMTSOverflowSelectLabelModified:after {
	content: '*';
	display: inherit;
}

.sapMTSOverflowSelectListItem {
	padding-right: 0.25rem;
	.sapMSelectListItemText {
		height: 100%;
		float: left;
		margin: 0;
	}
	&.sapMTSOverflowSelectListItemModified {
		.sapMSelectListItemText:after {
			content: '*';
		}
	}
	.sapMTabStripSelectListItemCloseBtn {
		height: 100%;
		width: 2rem;
		padding: 0;
		float: right;
	}
}

.sapMTSOverflowSelectListItem .sapMTabStripSelectListItemCloseBtn {
	.sapMBtnInner {
		display: block;
		height: 1.625rem;
		min-width: 1.625rem;
		width: 1.625rem;
		padding: 0;
		margin: 0 auto;
	}
	.sapMBtnIcon {
		line-height: 1.5rem;
		width: 100%;
		height: 100%;
		font-size: 1rem;
	}
}

/* ============================================= */
/* Overflow Select compact form factor           */
/* ============================================= */

.sapUiSizeCompact {
	.sapMTabStripSelectListItemCloseBtn {
		.sapMTSOverflowSelectListItem .sapMTabStripSelectListItemCloseBtn  {
			width: 1.5rem;
		}
		.sapMBtnContent {
			line-height: 1.25rem;
		}
		.sapMBtnInner  {
			height: 1.25rem;
			min-width: 1.25rem;
			width: 1.25rem;
		}
		.sapMBtnIcon {
			line-height: 1.15rem;
			font-size: 0.75rem;
		}
		.sapMBtnInner.sapMBtnIconFirst {
			padding: 0;
			.sapMBtnIcon {
				margin: 0;
				padding: 0;
			}
		}
	}
	.sapMTSItemCloseBtnCnt .sapMBtn {
		height: 2.5rem;
	}
	.sapMTSOverflowSelectListItem.sapMSelectListItemBase {
		height: 2.5rem;
	}
	.sapMTSOverflowSelectListItem.sapMSelectListItem {
		line-height: 2.5rem;
	}
}
/* END "TabStrip.less" */

/* START "Text.less" */
/* =========================== */
/* CSS for control sap.m/Text  */
/* Base theme                  */
/* =========================== */

.sapMText {
	display: inline-block;
	box-sizing: border-box;
	white-space: pre-line;
	word-wrap: break-word; /* works only if browser knows the width */
	cursor: text;
	font-size: @sapMFontMediumSize;
	font-family: @sapUiFontFamily;
	line-height: normal;
	color: @sapUiBaseText;
}
html[data-sap-ui-browser="sf10"] {
	.sapUiVltCell, .sapuiVltCell {
		.sapMText {
			display: block;
		}
	}
}

.sapMTextNoWrap,
.sapMTextMaxLine {
	overflow: hidden;
}

.sapMTextMaxLine {
  display: block;
}

.sapMTextNoWrap {
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal; /* overwrite */
}

.sapMTextRenderWhitespaceWrap {
  white-space: pre-wrap;
}

.sapMTextRenderWhitespace{
  white-space: pre;
}

.sapMTextLineClamp {
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.sapMTextBreakWord {
	/* to break all words even browser does not know the width */
	word-break: break-all;
	word-break: break-word;  /* Non standard for old webkits */
}

.sapMTextMaxWidth {
	max-width: 100%;
}

.sapMLIBActionable .sapMText {
	cursor: pointer;
}

/*Necessary to align vertically to labels */
.sapUiForm .sapMText {
	overflow: hidden;
}

.sapUiFormEdit .sapMText {
	display: block;
	min-height: 3rem; /* for empty text */
	line-height: 1.375rem;
	padding-top: 0.8125rem;
	padding-bottom: 0.8125rem;
}

.sapUiForm:not(.sapUiFormEdit) .sapMText {
	min-height: 1rem; /* for empty text */
}

.sapMLIBActive .sapMText,
.sapMLIBActive .sapMListTblCell .sapMText,
.sapMLIBActive .sapMListTblSubCntRow .sapMText {
	color: @sapUiListActiveTextColor;
}

.sapMLIBUnread .sapMText,
.sapMLIBUnread + .sapMListTblSubRow .sapMText {
	font-family: @sapUiFontFamily;
	font-weight: bold;
}

/* HorizontalLayout */
.sapUiHLayoutChildWrapper > .sapMText {
    vertical-align: text-bottom;
}

/* Info Toolbar Context */
.sapMTB-Info-CTX .sapMText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-style: italic;
	font-size: @sapMFontMediumSize;
	font-family: @sapUiFontFamily;
	color: contrast(@sapUiInfobarBackground, @sapUiListActiveTextColor, @sapUiListTextColor, @sapUiContentContrastTextThreshold);
}

/* Transparent Toolbar Context*/
.sapMTB-Transparent-CTX .sapMText {
	font-weight: @sapUiFontHeaderWeight;
	font-family: @sapUiFontHeaderFamily;
	text-shadow: 0 1px 0 @sapUiContentContrastShadowColor;
	color: @sapUiGroupTitleTextColor;
}

/* Compact size */
.sapUiSizeCompact .sapUiFormEdit .sapMText {
	min-height: 2rem; /* for empty text */
	padding-top: 0.3125rem;
	padding-bottom: 0.3125rem;
}

/* Condensed size / Table Specifics */
.sapUiTableCell .sapMText {
	vertical-align: middle;
}

.sapUiSizeCondensed .sapUiTableDataCell .sapMText {
	line-height: 1.5rem;
}

.sapUiAnalyticalTable .sapUiAnalyticalTableSum .sapUiTableCell .sapMText {
	font-weight: bold;
}

/* END "Text.less" */

/* START "TextArea.less" */
/* =============================== */
/* CSS for control sap.m/TextArea  */
/* Base theme                      */
/* =============================== */

@_sapMTextAreaPadding: 0.625rem 0.75rem;
@_sapMTextAreaPadding_Compact: 0.1875rem 0.5rem;
@_sapMTextAreaValueStatePadding: 0.5625rem 0.6875rem;
@_sapMTextAreaValueStatePadding_Compact: 0.125rem 0.4375rem;

/* uses sapMInputBase styles */

.sapMTextAreaInner {
	overflow: auto; /* remove scrollbars if not needed */
	-webkit-transform: none; /* transform is blocking scroll */
	resize: none;
	margin: 0;
}

.sapMTextArea .sapMInputBaseContentWrapper {
	-webkit-overflow-scrolling: touch;
	height: 100%;
	width: 100%;
	line-height: 0;
	display: block;
}

.sapMTextArea .sapMTextAreaInner {
	-webkit-overflow-scrolling: touch;
	line-height: 1.4;
	height: 100%;
	width: 100%;
}

.sapMTextAreaWithCounter {
	& .sapMTextAreaCounter {
		float:right;
		overflow: hidden;
		font-family: @sapUiFontFamily;
		font-size: @sapMFontSmallSize;
		color: @sapUiContentLabelColor;
		padding: 0.3725rem 0.125rem 0.5rem;
	}

	& .sapMInputBaseContentWrapper {
		height: calc(~"100% - 1.5rem");
	}
}

.sapMTextAreaGrow {
	overflow: hidden;
	position: absolute;
	height: 100%;
	top: 0;
}

/* ensure that the mirror div has the same styles like the inner text area */
.sapMTextAreaMirror {
	/* should not grow more than screen size */
	max-height: calc(100vh - 6rem);
	white-space: pre-wrap;
	border: none;
	overflow: hidden;
	line-height: 1.4;
	visibility: hidden;
	word-break: break-word;
	font-size: 14px;
	padding: @_sapMTextAreaPadding;
}

.sapMInputBase.sapMTextArea {
	height: auto;
	min-height: 2.5rem;
	min-width: 6rem;

	.sapMTextAreaInner {
		line-height: 1.4;
		padding: @_sapMTextAreaPadding;
		-webkit-overflow-scrolling: touch; /* IOS only */
	}
}

.sapMInputBase.sapMTextArea .sapMInputBaseContentWrapperState {
	.sapMTextAreaInner, .sapMTextAreaMirror {
		padding: @_sapMTextAreaValueStatePadding;
	}
}

.sapMFocus.sapMTextArea {
	& .sapMInputBaseContentWrapper {
		outline: none;

		.sapMInputBaseInner {
			outline: 1px dotted @sapUiContentFocusColor;
			outline-offset: -2px;
		}
	}
}

html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapMFocus.sapMTextArea .sapMInputBaseContentWrapper .sapMInputBaseInner {
		outline: none;
	}
}

/**** Compact Size ****/
.sapUiSizeCompact {
	.sapMInputBase.sapMTextArea {
		min-height: 1.625rem;
		margin: 0.1875rem 0;
	}

	.sapMTextAreaWithCounter {
		& .sapMTextAreaCounter {
			padding-top: 0.3125rem;
		}
	}
}

.sapUiSizeCompact .sapMInputBase.sapMTextArea {
	.sapMTextAreaInner, .sapMTextAreaMirror {
		padding: @_sapMTextAreaPadding_Compact;
	}
	.sapMInputBaseContentWrapperState {
		.sapMTextAreaInner, .sapMTextAreaMirror {
			padding: @_sapMTextAreaValueStatePadding_Compact;
		}
	}
}

/**
	Fix for iOS. When growing is enabled, the mirrored, hidden content should have pixel perfect proportions
	as the textarea. Otherwise, words could break differently and this would lead to inconsistent height.
	For some reason iOS devices need wider padding on left & right in order to have this consistency.
 */
html.sap-tablet, html.sap-phone {
	&[data-sap-ui-os*="iOS"] .sapMInputBase.sapMTextArea .sapMTextAreaMirror {
		padding-left: 15px;
		padding-right: 15px;
	}
}
/* END "TextArea.less" */

/* START "Tile.less" */
/* =========================== */
/* CSS for control sap.m/Tile  */
/* Base theme                  */
/* =========================== */

.sapMTile {
	display: inline-block;
	-webkit-transition-property: transform3d;
	-webkit-transition-duration: 0.2s;
	transition-property: transform3d;
	transition-duration: 0.2s;
	width: 12rem;
	height: 14rem;
	margin: 0.5rem;
	-webkit-touch-callout: none;
	background-color: @sapUiTileBackground;
	border: 1px solid @sapUiTileBorderColor;
	border-radius: 0.125rem;
	box-shadow: @sapUiShadowLevel0;
	/*margin:0.6em;*/ /* in case of some behavior problems uncomment this line, it was comment because the margin causes the blurring of the focus rectangle in IE9*/
}

.sapMTile * {   /* FIXME!!! (star rule with any-parent selector...) */
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-moz-user-select:  -moz-none;
	-ms-user-select: none;
}

.sapMTCEditable .sapMTile {
	background-color: fade(@sapUiTileBackground, 50);
}

html[data-sap-ui-browser*='ie'] .sapMTile {
	transition-property: transform;
}

.sapMTile.sapMTileActive{
	background: @sapUiHighlight;
}

html.sap-phone .sapMTile {
	width: 8.5rem;
	height: 10rem;
	margin: 0.5rem;
}

html.sap-phone .sapMTileContent {
	width: 8.5rem;
	height: 10rem;
}

.sapMTileContent {
	overflow: hidden;
	width: 12rem;
	height: 14rem;
}

.sapMTileDrag {
	opacity : 0.8;
	z-index : 10;
	-webkit-transition-property : none;
	transition-property: none;
}

.sapMNavItemFlipping .sapMTile {
	opacity: 0.01;
}

.sapMTile:focus {
	outline: 1px dotted @sapUiContentFocusColor;
	position: relative;
}

.sapMTile .sapMTileDrag {
	opacity : 0.6;
	box-shadow: 0px 1px 3px fade(@sapUiContentShadowColor,60);
}
/* END "Tile.less" */

/* START "TileContent.less" */
/* ================================== */
/* CSS for control sap.m/TileContent  */
/* Base theme                         */
/* ================================== */

.sapMTileCnt {
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	height: 6.375rem;
    vertical-align: top;

	/* FrameType: Auto */
	&.sapMFrameTypeAuto {
		min-width: 10.875rem;
	}

	/* FrameType: TwoByOne */
	&.sapMFrameTypeTwoByOne {
		width: 100%;
	}

	/* FrameType: OneByOne */
	&.sapMFrameTypeOneByOne {
		width: 10.875rem;
	}
}

/* Improved behaviour for TileContent in GenericTile */
.sapMGT .sapMTileCnt.sapMFrameTypeAuto:only-child {
	width: 100%;
}
.sapMGT .sapMTileCnt.sapMFrameTypeAuto:not(:only-child) {
	width: ~"calc(50% - 0.25rem)"; //0.5rem margin between the contents
}

/* Footer CSS */
.sapMTileCntFtrTxt {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: right;
	position: absolute;
	right: 0;
	left: 0;
	box-sizing: border-box;
	height: 1.1875rem;
	bottom: 1rem;
	margin-left: 0.9375rem;
	margin-right: 0.9375rem;
	line-height: 1.1875rem;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
}

.sapMGT .sapMTileCntFtrTxt {
	text-align: left;
}


.sapMTileCntFooterTextColorNeutral {
	color: @sapUiTileTextColor;
}

.sapMTileCntFooterTextColorGood {
	color: @sapUiPositiveText;
}

.sapMTileCntFooterTextColorError {
	color: @sapUiNegativeText;
}

.sapMTileCntFooterTextColorCritical {
	color: @sapUiCriticalText;
}

html[dir=rtl] .sapMTileCntFtrTxt {
	text-align: left;
}

/* Content */
.sapMTileCntContent {
	overflow: visible;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}

.sapMTileCntContent > .sapMTcInnerMarker {
	vertical-align: bottom;
	line-height: normal;
}

.sapMTileCntContent {
	height: 3.875rem;
	margin-bottom: 0.25rem;
	margin-top: 0.25rem;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}

.sapMTileCnt + .sapMTileCnt {
	margin-left: 0.5rem;
}

.sapMTileCntContent > .sapMNwC {
	background-color: inherit;
}

.sapMTileCnt.News {
	height: 6.125rem;
	margin-top: 0.3125rem;
	background-color: @sapUiTileBackground;

	.sapMTileCntContent {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.sapMTileCntFtrTxt {
		margin-left: 1rem;
		margin-right: 1rem;
	}

	.sapMTileCntContent > .sapMTcInnerMarker {
		vertical-align: top;
	}
}

.sapMTileSmallPhone {
	.sapMTileCnt {
		height: 5.5rem;

		&.sapMFrameTypeAuto {
			min-width: 9.125rem;
			max-width: 19rem;
		}

		&.sapMFrameTypeTwoByOne {
			width: 18.875rem;

			&.News {
				width: 19rem;
			}
		}
		&.sapMFrameTypeOneByOne {
			width: 9.125rem;
		}
	}

	.sapMTileCntFtrTxt {
		height: 1.063rem;
		line-height: 1.063rem;
		bottom: 0.4375rem;
		margin-left: 0.5625rem;
		margin-right: 0.5625rem;
		font-size: @sapMFontSmallSize;
	}

	.sapMTileCntContent {
		height: 3.563rem;
		line-height: 3.563rem;
		margin-bottom: 0.25rem;
		margin-top: 0.25rem;
		padding-left: 0.5625rem;
		padding-right: 0.5625rem;
	}

	.sapMTileCnt.News {
		height: 5.25rem;

		.sapMTileCntContent {
			padding-left: 0.625rem;
			padding-right: 0.625rem;
		}

		.sapMTileCntFtrTxt {
			margin-left: 0.625rem;
			margin-right: 0.625rem;
		}
	}
}
/* END "TileContent.less" */

/* START "TileContainer.less" */
/* ==================================== */
/* CSS for control sap.m/TileContainer  */
/* Base theme                           */
/* ==================================== */

.sapMTC {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: relative;
	overflow: hidden;

	/* IE Windows 8 */
	/* This elements receives events when not panning in vertical direction */
	touch-action: pan-y;
	-ms-touch-action: pan-y;
}

.sapMTC .sapMTCScrl {
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	overflow: visible;
}

.sapMTC:focus,
.sapMTC .sapMTCScroller:focus {
	outline: none;
}

.sapMTC .sapMTCCnt {
	height: 100%;
	width: 100%;
	overflow: visible;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

html.sap-tablet .sapMTC .sapMTCScrl,
html.sap-phone .sapMTC .sapMTCScrl {
	padding: 0;
}

.sapMTC.sapMTCEditable .sapMTCCnt {
	opacity : 1;
}

.sapMTC .sapMTCCnt.sapMTCAnim {
	-webkit-transition-property: -webkit-transform3d;
	-webkit-transition-duration: 0.4s;
	transition-property: transform3d;
	transition-duration: 0.4s;
}

.sapMTC .sapMTCPager {
	position: absolute;
	bottom: 0;
	box-sizing: border-box;
	width: 100%;
	height: 1.875rem;
	padding: 0.313rem;
	text-align: center;
}

.sapMTC .sapMTCPager SPAN {
	display: inline-block;
	background-color : @sapUiContentForegroundColor;
	border-radius: 0.25rem;
	height: 0.5rem;
	width: 0.5rem;
	margin-right: 0.5rem;
	margin-bottom: 1px;
	cursor: default;
}

.sapMTC .sapMTCBlind {
	background-color: @sapUiGroupContentBackground;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display:none;
	box-shadow: @sapUiShadowLevel1;
}

.sapMTC .sapMTCPager SPAN.sapMTCActive {
	background-color: @sapUiContentNonInteractiveIconColor;
}

.sapMTC .sapMTCScroller {
	position: absolute;
	display: none;
	top: 41%;
	border-radius: 50%;
	background-color: @sapUiButtonBackground;
	height: 3rem;
	width: 3rem;
	opacity: 0;
	cursor: default;
	-webkit-transition-property: opacity, left, right;
	-webkit-transition-duration: 0.4s;
	transition-property: opacity, left, right;
	transition-duration: 0.4s;
	box-shadow: @sapUiShadowLevel1;
	padding: 0.25rem;
	box-sizing: border-box;
}

.sapMTC .sapMTCScroller .sapMTCInner {
	background-color: @sapUiButtonBackground;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	font-family: "SAP-icons";
	font-size: 1.313rem;
	vertical-align: middle;
	color: @sapUiButtonIconColor;
	padding-top: 0.5rem;
	box-sizing: border-box;
}

.sapMTC:hover .sapMTCScroller {
	opacity: 0.1;
}

.sapMTC:hover .sapMTCScroller:hover {
	opacity: 1;
}

.sapMTC .sapMTCScroller.sapMTCLeft {
	left: -100px;
}

.sapMTC .sapMTCScroller.sapMTCLeft .sapMTCInner::before {
	content: "\e067";
	padding-left: 0.813rem;
}

.sapMTC:hover .sapMTCScroller.sapMTCLeft {
	left: 1rem;
}

.sapMTC .sapMTCScroller.sapMTCRight {
	right: -100px;
}

.sapMTC:hover .sapMTCScroller.sapMTCRight {
	right: 1rem;
}

.sapMTC .sapMTCScroller.sapMTCRight .sapMTCInner::before {
	content: "\e066";
	padding-left: 1rem;
}

.sapMTC .sapMTile, .sapMTC .sapMCustomTile {
	position: absolute;
	top: 0;
	left: 0;
}

html[dir=rtl] .sapMTC .sapMTile,
html[dir=rtl] .sapMTC .sapMCustomTile{
	left: auto;
	right: 0px;
}

html.sap-tablet .sapMTC .sapMTCScroller,
html.sap-phone .sapMTC .sapMTCScroller {
	display : none;
}

.sapMTC .sapMTCRemove {
	display: none;
}

.sapMTC.sapMTCEditable .sapMTile {
	cursor: move;
	box-shadow: @sapUiShadowLevel0;
}

.sapMTC.sapMTCEditable .sapMTCRemove {
	position: absolute;
	display: block;
	height: 2rem;
	width: 2rem;
	border-radius: 50%;
	font-family: "SAP-icons";
	font-size: 1rem;
	line-height: 2rem;
	text-align: center;
	box-sizing: border-box;
	margin-top : -0.5rem;
	margin-left : -0.5rem;
	z-index: 1;
	cursor: default;
	background-color: @sapUiButtonBackground;
	border: 1px solid @sapUiButtonBorderColor;
	color: @sapUiButtonIconColor;
}

html[data-sap-ui-browser^="ff"] .sapMTC.sapMTCEditable .sapMTile .sapMTCRemove {
	width: 2rem;
}

.sapMTC.sapMTCEditable .sapMTile .sapMTCNoRemove {
	height: 1.5rem;
	width: 1.563rem;
	margin-top : -0.5em;
	margin-left : -0.5em;
	z-index: 1;
	visibility: hidden;
}

.sapMTC.sapMTCEditable .sapMTCRemove:hover {
	background-color: @sapUiButtonHoverBackground;
}

.sapMTC.sapMTCEditable .sapMTCRemove:active {
	background-color: @sapUiButtonActiveBackground;
	color: @sapUiButtonActiveTextColor;
}

.sapMTC.sapMTCEditable .sapMTCRemove::before {
	content: "\e03e";
}

/* use dir-specific rules to prevent mirroring in dir=rtl mode */
.sapMTC .sapMTCEdgeRight,
html[dir=rtl] .sapMTC .sapMTCEdgeLeft {
	position: absolute;
	top: 0;
	right: 0;
	width: 2.5rem;
	height: 100%;
	border-right: 0.125rem solid fade(lighten(@sapUiHighlight,20),60);
	opacity: 0.01;
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(76%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 76%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 76%,rgba(255,255,255,1) 100%); /* W3C */
}

/* use dir-specific rules to prevent mirroring in dir=rtl mode */
.sapMTC .sapMTCEdgeLeft,
html[dir=rtl] .sapMTC .sapMTCEdgeRight {
	position: absolute;
	top: 0;
	left: 0;
	width: 2.5rem;
	height: 100%;
	border-left: 0.125rem solid fade(lighten(@sapUiHighlight,20),60);
	opacity: 0.01;
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(24%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 24%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 24%,rgba(255,255,255,0) 100%); /* W3C */
}

html.sap-phone .sapMTC .sapMTCEdgeLeft,
html.sap-phone .sapMTC .sapMTCEdgeRight {
	width: 1.25rem;
}
/* END "TileContainer.less" */

/* START "TimePicker.less" */
/* ================================= */
/* CSS for control sap.m/TimePicker  */
/* Base theme                        */
/* ================================= */

/* ======================================== */
/* TimePicker Input Field                   */
/* ======================================== */


/* ======================================== */
/* TimePicker Dropdown                      */
/* ======================================== */

.sapMTimePickerDropDown {
	overflow: hidden !important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-shadow: @sapUiShadowLevel1 !important; //Need to override this with important because of popover stronger selectors
}

/* ======================================== */
/* COMPACT MODE STYLES                      */
/* ======================================== */

.sapUiSizeCompact {

	/* ======================================== */
	/* TimePicker Dropdown                      */
	/* ======================================== */

	.sapMTimePickerDropDown {
		box-shadow: @sapUiShadowLevel1 !important; //Need to override this with important because of popover stronger selectors
	}
}

/* PHONE STYLES */
html.sap-phone {

	/* ======================================== */
	/* TimePicker Dropdown                      */
	/* ======================================== */

	.sapMTimePickerDropDown {
		/* This centers content in landscape & portrait mode */
		.sapMDialogScrollCont {
			display: flex;
			height: 100%;
			padding: 0;
		}
	}
}
/* END "TimePicker.less" */

/* START "TimePickerSliders.less" */
/* ================================= */
/* CSS for control sap.m/TimePickerSliders  */
/* Base Styles                      */
/* ================================= */

.TPSliderItemHidden {
	display: none;
}

.sapMTimePickerContainer {
	width: 100%;
	height: 100%;
	min-width: 20rem;
	box-sizing: border-box;
	padding: 1rem;
	text-align: center;
	position: relative;
	&:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}
	.sapMTimePickerContainerLabel {
		display: none;
		box-sizing: border-box;
	}
	.sapMTPDisabled {
		pointer-events: none;
	}
	.sapMTPColumn {
		display: inline-block;
		overflow: hidden;
		height: 3rem;
		vertical-align: middle;
		text-align: center;
		box-sizing: border-box;
		cursor: pointer;
		margin-top: 2rem;
		.sapMTimePickerLabel {
			display: none;
			box-sizing: border-box;
			height: 2rem;
			line-height: 2rem;
			width: 4.5rem;
			text-align: center;
		}
		.sapMTimePickerItemArrows {
			display: none;
			box-sizing: border-box;
		}
		.sapMTimePickerSlider {
			overflow: hidden;
			height: 100%;
			box-sizing: border-box;
			.sapMTimePickerItem {
				height: 3rem;
				line-height: 3rem;
				width: 4.5rem;
				box-sizing: border-box;
			}
			.sapMTPPickerSelectionFrame {
				width: 4.5rem;
				height: 3rem;
				position: absolute;
				box-sizing: border-box;
				display: none;
			}
			& > ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}
		}
		&.sapMTPSliderExpanded {
			height: 100%;
			cursor: default;
			margin: 0;
			.sapMTimePickerLabel {
				display: block;
			}
			.sapMTimePickerItemArrows {
				display: none;
			}
			.sapMTimePickerSlider {
				height: calc(100% - 2rem);
				max-height: 100%; //because of the SliderValuesN classes below
				.sapMTPPickerSelectionFrame {
					display: block;
				}
			}
			.sapMTimePickerSlider.SliderValues3 {
				height: 9rem;
			}
			.sapMTimePickerSlider.SliderValues4 {
				height: 12rem;
			}
			.sapMTimePickerSlider.SliderValues5 {
				height: 15rem;
			}
			.sapMTimePickerSlider.SliderValues6 {
				height: 18rem;
			}
			.sapMTimePickerSlider.SliderValues7 {
				height: 21rem;
			}
			.sapMTimePickerSlider.SliderValues8 {
				height: 24rem;
			}
			.sapMTimePickerSlider.SliderValues9 {
				height: 27rem;
			}
			.sapMTimePickerSlider.SliderValues10 {
				height: 30rem;
			}
			.sapMTimePickerSlider.SliderValues11 {
				height: 33rem;
			}
			.sapMTimePickerSlider.SliderValues12 {
				height: 36rem;
			}
		}
	}

	.sapMTimePickerContainerLabel {
		font-size: @sapMFontHeader5Size;
		color: @sapUiCalendarColorToday;
	}
	.sapMTPColumn {
		.sapMTimePickerLabel {
			font-size: @sapMFontSmallSize;
			color: @sapUiContentLabelColor;
			text-align: center;
			vertical-align: middle;
		}
		.sapMTimePickerSlider {
			.sapMTimePickerItem {
				background: @sapUiSelected;
				border: 1px solid @sapUiListBorderColor;
				font-size: @sapMFontMediumSize;
				color: @sapUiContentContrastTextColor;
				text-align: center;
				&:hover {
					background: @sapUiHighlight;
					color: @sapUiContentContrastTextColor;
				}
				&:active {
					background: @sapUiHighlight;
					color: @sapUiContentContrastTextColor;
				}
				&:focus {
					outline: 1px dotted @sapUiContentContrastFocusColor;
					outline-offset: -3px;
				}
			}
		}
		&.sapMTPSliderExpanded {
			.sapMTimePickerSlider {
				.sapMTimePickerItem {
					background: @sapUiListBackground;
					color: @sapUiBaseText;
					border: 1px solid @sapUiListBorderColor;
					&:hover {
						background: @sapUiHighlight;
					}
					&:active {
						background: @sapUiHighlight;
						color: @sapUiContentContrastTextColor;
					}
					&:focus {
						outline: 1px dotted @sapUiContentFocusColor;
						outline-offset: -3px;
					}
				}
				.sapMTPPickerSelectionFrame {
					outline: 0.125rem solid @sapUiContentForegroundBorderColor;
					outline-offset: -0.313rem;
					&:hover {
						& + ul > li.sapMTimePickerItem.sapMTimePickerItemSelected {
							background: @sapUiHighlight;
						}
					}
					&:active {
						& + ul > li.sapMTimePickerItem.sapMTimePickerItemSelected {
							background: @sapUiSelected;
							color: @sapUiContentContrastTextColor;
						}
					}
				}
			}
		}
		&:focus {
			outline: none;
		}
	}
}

.sapUiSizeCompact {
	.sapMTimePickerContainer {
		padding: 0.5rem;
		margin: auto;
		.sapMTPColumn {
			height: 2rem;
			.sapMTimePickerLabel {
				width: 4rem;
			}
			.sapMTimePickerSlider {
				.sapMTimePickerItem {
					height: 2rem;
					line-height: 2rem;
					width: 4rem;
					box-sizing: border-box;
				}
				.sapMTPPickerSelectionFrame {
					width: 4rem;
					height: 2rem;
				}
			}
			&.sapMTPSliderExpanded {
				height: 100%;
				cursor: default;
				margin: 0;
				.sapMTimePickerItemArrows {
					display: block;
				}
				.sapMTimePickerSlider {
					height: ~"calc(100% - 6rem)";
					max-height: ~"calc(100% - 6rem)";
				}
				.sapMTimePickerSlider.SliderValues3 {
					height: 6rem;
				}
				.sapMTimePickerSlider.SliderValues4 {
					height: 8rem;
				}
				.sapMTimePickerSlider.SliderValues5 {
					height: 10rem;
				}
				.sapMTimePickerSlider.SliderValues6 {
					height: 12rem;
				}
				.sapMTimePickerSlider.SliderValues7 {
					height: 14rem;
				}
				.sapMTimePickerSlider.SliderValues8 {
					height: 16rem;
				}
				.sapMTimePickerSlider.SliderValues9 {
					height: 18rem;
				}
				.sapMTimePickerSlider.SliderValues10 {
					height: 20rem;
				}
				.sapMTimePickerSlider.SliderValues11 {
					height: 22rem;
				}
				.sapMTimePickerSlider.SliderValues12 {
					height: 24rem;
				}
			}
		}
	}
}

.sap-phone {
	.sapMTimePickerContainer {
		max-height: 38rem; // 12 * item height + label's height
		height: 100%;
		padding: 1rem;
		box-sizing: border-box;
		margin: auto;
		text-align: center;
		&:before {
			content: '';
			display: inline-block;
			height: 100%;
			margin-right: -0.25rem;
			vertical-align: middle;
		}
		.sapMTimePickerContainerLabel {
			position: absolute;
			top: 0;
			left: 50%;
			transform: translate(-50%, 0);
			display: block;
			height: 2rem;
			line-height: 2rem;
			font-size: @sapMFontHeader5Size;
			color: @sapUiCalendarColorToday;
		}
		.sapMTPColumn {
			display: inline-block;
			height: 3rem;
			text-align: center;
			overflow: hidden;
			cursor: pointer;
			vertical-align: middle;
			box-sizing: border-box;
			.sapMTimePickerLabel {
				height: 2rem;
				width: 4.5rem;
				display: none;
				font-size: @sapMFontSmallSize;
				color: @sapUiContentLabelColor;
				text-align: center;
				vertical-align: middle;
			}
			.sapMTimePickerItemArrows {
				display: none;
			}
			.sapMTimePickerSlider {
				height: 100%;
				//for Android 4.1 - 4.3 calc is not supported, so use 100% instead
				max-height: 100%;
				overflow: hidden;
				.sapMTimePickerItem {
					height: 3rem;
					line-height: 3rem;
					width: 4.5rem;
					box-sizing: border-box;
					background: @sapUiSelected;
					border: 1px solid @sapUiListBorderColor;
					font-size: @sapMFontMediumSize;
					color: @sapUiContentContrastTextColor;
					text-align: center;
					&:active {
						background: @sapUiHighlight;
						color: @sapUiContentContrastTextColor;
					}
					&:focus {
						outline: 1px dotted @sapUiContentContrastFocusColor;
						outline-offset: -3px;
					}
				}
				.sapMTPPickerSelectionFrame {
					width: 4.5rem;
					height: 3rem;
					position: absolute;
					display: none;
					box-sizing: border-box;
				}
			}
			&.sapMTPSliderExpanded {
				height: 100%;
				cursor: default;
				.sapMTimePickerLabel {
					display: block;
				}
				.sapMTimePickerItemArrows {
					display: none;
				}
				.sapMTimePickerSlider {
					height: calc(100% - 2rem);
					//for Android 4.1 - 4.3 calc is not supported, so use 100% instead
					max-height: 100%;
					overflow: hidden;
					.sapMTimePickerItem {
						height: 3rem;
						line-height: 3rem;
						width: 4.5rem;
						box-sizing: border-box;
						background: @sapUiListBackground;
						color: @sapUiBaseText;
						border: 1px solid @sapUiListBorderColor;
						&:active {
							background: @sapUiHighlight;
							color: @sapUiContentContrastTextColor;
						}
						&:focus {
							outline: 1px dotted @sapUiContentFocusColor;
							outline-offset: -3px;
						}
					}
					.sapMTPPickerSelectionFrame {
						display: block;
						outline: 0.125rem solid @sapUiContentForegroundBorderColor;
						outline-offset: -0.313rem;
					}
				}
				.sapMTimePickerSlider.SliderValues3 {
					height: 9rem;
				}
				.sapMTimePickerSlider.SliderValues4 {
					height: 12rem;
				}
				.sapMTimePickerSlider.SliderValues5 {
					height: 15rem;
				}
				.sapMTimePickerSlider.SliderValues6 {
					height: 18rem;
				}
				.sapMTimePickerSlider.SliderValues7 {
					height: 21rem;
				}
				.sapMTimePickerSlider.SliderValues8 {
					height: 24rem;
				}
				.sapMTimePickerSlider.SliderValues9 {
					height: 27rem;
				}
				.sapMTimePickerSlider.SliderValues10 {
					height: 30rem;
				}
				.sapMTimePickerSlider.SliderValues11 {
					height: 33rem;
				}
				.sapMTimePickerSlider.SliderValues12 {
					height: 36rem;
				}
			}
			&:focus {
				outline: none;
			}
		}
	}
}
/* END "TimePickerSliders.less" */

/* START "Title.less" */
/* ============================ */
/* CSS for control sap.m/Title  */
/* Base theme                   */
/* ============================ */

@sap_m_Title_TextShadow: @sapUiShadowText;

.sapMTitle {
	position: relative;
	display: inline-block;
	margin: 0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	font-weight: @sapUiFontHeaderWeight;
	color: @sapUiGroupTitleTextColor;
	font-family: @sapUiFontHeaderFamily;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: text;
	text-shadow: @sap_m_Title_TextShadow;
}

.sapMTitle.sapMTitleWrap {
	white-space: pre-line;
}

.sapMTitle.sapMTitleNoWrap {
	white-space: nowrap;
}

.sapMTitleMaxWidth {
	max-width: 100%;
}


/* Alignments */

.sapMTitleAlignBegin {
	text-align: left;
	text-align: start;
}

html[dir=rtl][data-sap-ui-browser^="ie"] .sapMTitleAlignBegin,// TODO remove after 1.62 version
html[dir=rtl][data-sap-ui-browser^="ed"] .sapMTitleAlignBegin {
	text-align: right;
}

.sapMTitleAlignLeft {
	text-align: left;
}

.sapMTitleAlignEnd {
	text-align: right;
	text-align: end;
}

html[dir=rtl][data-sap-ui-browser^="ie"] .sapMTitleAlignEnd,// TODO remove after 1.62 version
html[dir=rtl][data-sap-ui-browser^="ed"] .sapMTitleAlignEnd {
	text-align: left;
}

.sapMTitleAlignRight {
	text-align: right;
}

.sapMTitleAlignCenter {
	text-align: center;
}


/* Level Styling */

/* Level Auto*/

.sapMTitleStyleAuto {
	font-size: @sapMFontHeader5Size;
}

.sapMTB-Transparent-CTX > .sapMTitleTB.sapMTitleStyleAuto {
	font-size: @sapMFontHeader4Size;
}

.sapMTB-Info-CTX > .sapMTitle {
	font-size: @sapMFontHeader6Size;
	font-style: italic;
	text-shadow: none;
	color: @sapUiContentContrastTextColor;
}

/* Level H1 */

.sapMTitleStyleH1 {
	font-size: @sapMFontHeader1Size;
}

/* Level H2 */

.sapMTitleStyleH2 {
	font-size: @sapMFontHeader2Size;
}

/* Level H3 */

.sapMTitleStyleH3 {
	font-size: @sapMFontHeader3Size;
}

/* Level H4 */

.sapMTitleStyleH4 {
	font-size: @sapMFontHeader4Size;
}

/* Level H5 */

.sapMTitleStyleH5 {
	font-size: @sapMFontHeader5Size;
}

/* Level H6 */

.sapMTitleStyleH6 {
	font-size: @sapMFontHeader6Size;
}

.sapMIBar-CTX .sapMTitle {
	color: @sapUiPageHeaderTextColor;
	text-shadow: @sap_m_Title_TextShadow;
}

.sapMTB-Transparent-CTX .sapMTitle {
	text-shadow: none;
}

.sapMIBar-CTX.sapMFooter-CTX .sapMTitle {
	color: @sapUiPageFooterTextColor;
	text-shadow: @sap_m_Title_TextShadow;
}

/* DynamicPageTitle Heading-CTX */
.sapFDynamicPageTitleHeading-CTX > .sapMTitle {
	margin-top: 0;
}
/* END "Title.less" */

/* START "ToggleButton.less" */
/* =================================== */
/* CSS for control sap.m/ToggleButton  */
/* Base theme                          */
/* =================================== */

/************************************/
/* Common styles        */
/************************************/
/* toggled without context */
html.sap-desktop .sapMToggleBtnPressed,
.sapMToggleBtnPressed:not(.sapMBtnDisabled),
/* Bar context*/
html.sap-desktop .sapMIBar-CTX .sapMToggleBtnPressed,
.sapMIBar-CTX .sapMToggleBtnPressed:not(.sapMBtnDisabled),
/* Toolbar transparent context */
html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed,
.sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnDisabled) {
	background-image: none;
	background-color: @sapUiButtonSelectedBackground;
	border-color: @sapUiButtonSelectedBorderColor;
	color: @sapUiButtonSelectedTextColor;
	text-shadow: none;
	&.sapMBtnReject {
		background-color: @sapUiButtonRejectActiveBackground;
		border-color: @sapUiButtonRejectActiveBorderColor;
		color: contrast(@sapUiButtonRejectActiveBackground, @sapUiBaseText, @sapUiContentContrastTextColor, @sapUiContentContrastTextThreshold);;
	}
	&.sapMBtnAccept {
		background-color: @sapUiButtonAcceptActiveBackground;
		border-color: @sapUiButtonAcceptActiveBorderColor;
		color: contrast(@sapUiButtonAcceptActiveBackground, @sapUiBaseText, @sapUiContentContrastTextColor, @sapUiContentContrastTextThreshold);;
	}
}

/*hover and down on toggled*/
.sapMBtn:hover .sapMBtnHoverable.sapMToggleBtnPressed, /*in Firefox the button receives the hover state, not it's inner child */
.sapMBtn .sapMBtnHoverable.sapMToggleBtnPressed:hover,
/* Toolbar transparent context*/
.sapMTB-Transparent-CTX .sapMBtnHoverable.sapMToggleBtnPressed:hover {
	background-image: none;
	background-color: @sapUiToggleButtonPressedHoverBackground;
}

/* toggled - icon has to be adapted */
span.sapMBtnInner.sapMToggleBtnPressed .sapMBtnIcon,
span.sapMBtnInner.sapMToggleBtnPressed.sapMBtnTransparent > .sapMBtnIcon,
html.sap-desktop .sapMToggleBtnPressed.sapMBtnTransparent > .sapMBtnIcon {
	color: @sapUiToggleButtonPressedTextColor;
}

/* Focus of toggled button */
.sapMBtn:focus > .sapMBtnInner.sapMToggleBtnPressed.sapMFocusable {
	outline-color: @sapUiContentContrastFocusColor;
}

/* IE && Edge */
.sapMBtn:focus > .sapMToggleBtnPressed > .sapMBtnFocusDiv {
	border-color: @sapUiContentContrastFocusColor;
}

/* hover and down on toggled button part 1*/
.sapMBtn:hover > .sapMBtnHoverable.sapMToggleBtnPressed:not(.sapMBtnActive),
.sapMBtn .sapMBtnHoverable.sapMToggleBtnPressed:hover {
	background-color: @sapUiButtonSelectedHoverBackground;
	border-color: @sapUiButtonSelectedHoverBorderColor;
	color: @sapUiButtonSelectedTextColor;
	text-shadow: none;
	&.sapMBtnReject {
		background-color: darken(@sapUiButtonRejectActiveBackground, 5);
		border-color: @sapUiButtonRejectActiveBorderColor;
		color: contrast(lighten(@sapUiButtonRejectActiveBackground, 5), @sapUiBaseText, @sapUiContentContrastTextColor, @sapUiContentContrastTextThreshold);
	}
	&.sapMBtnAccept {
		background-color: darken(@sapUiButtonAcceptActiveBackground, 5);
		border-color: @sapUiButtonAcceptActiveBorderColor;
		color: contrast(lighten(@sapUiButtonAcceptActiveBackground, 5), @sapUiBaseText, @sapUiContentContrastTextColor, @sapUiContentContrastTextThreshold);
	}
}
/* END "ToggleButton.less" */

/* START "Token.less" */
/* ============================ */
/* CSS for control sap.m/Token  */
/* Base theme                   */
/* ============================ */

// Forces the usage of "sap-icon://sys-cancel" if set to true else "sap-icon://decline" is used
@_sap_m_Token_Sys_Cancel_Icon: true;

@_sap_m_Token_TokenPadding: 0.5rem;
@_sap_m_Token_TokenCompactPadding: 0.25rem;
@_sap_m_Token_TokenSize: @sapMFontMediumSize + (2 * @_sap_m_Token_TokenPadding);
@_sap_m_Token_TokenCompactSize: @sapMFontMediumSize  + @_sap_m_Token_TokenCompactPadding;

.sapMToken {
	display: inline-block;
	overflow: hidden;
	box-sizing: border-box;
	font-size: @sapMFontMediumSize;
	padding-left: 0.375rem;
	height: 1.625rem;
	background: @sapUiButtonBackground;
	border: 1px solid @sapUiButtonBorderColor;
	border-radius: 0.125rem;
	color: @sapUiButtonTextColor;
}

.sapMToken.sapMHiddenToken {
	display: none;
}

.sapMToken.sapMTokenReadOnly {
	padding: 0 0.375rem;
	color: @sapUiContentForegroundTextColor;
}

html.sap-desktop .sapMToken:hover {
	background: @sapUiButtonHoverBackground;
	border: 1px solid @sapUiButtonHoverBorderColor;
	border-radius: 0.125rem;
}

html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapMToken:focus {
		position: relative;
		outline: none;

		.sapMTokenText:before {
			position: absolute;
			top: 2px;
			left: 2px;
			right: 2px;
			bottom: 2px;
			content: "";
			pointer-events: none;
		}
	}
}

.sapMTokenText {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

	// at least for Microsoft Surface Tablet we experienced problems when not setting these properties - touches on the Token seemed to be propageted to the Span inside the Token-Div and thereby (part of) the text contained in the Span would appear selected
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	pointer-events: none;

	line-height: 1.5rem;
	max-width: calc(~"100% - " @_sap_m_Token_TokenSize);
	box-sizing: border-box;
}

.sapUiSizeCompact .sapMTokenText {
	max-width: calc(~"100%  - " @_sap_m_Token_TokenCompactSize);
	font-size: @sapMFontMediumSize;
}

.sapMTokenReadOnly .sapMTokenText,
.sapMTokenizerReadonly .sapMTokenText {
	max-width: 100%;
}

.sapMTokenIcon {
	vertical-align: top;
	display: inline-block;
	line-height: 1.5rem;
	padding: 0 0.5rem;
	font-size: @sapMFontLargeSize;
	box-sizing: border-box;
	touch-action: none;
}

html[data-sap-ui-browser^="ie"].sap-desktop .sapMTokenIcon,
html[data-sap-ui-browser^="ed"].sap-desktop .sapMTokenIcon {
	line-height: 1.625rem;
}

html[data-sap-ui-browser^="ie"].sap-desktop .sapUiSizeCondensed .sapMTokenIcon {
	line-height: 1.0625rem;
}

html[data-sap-ui-browser^="ed"].sap-desktop .sapUiSizeCondensed .sapMTokenIcon {
	line-height: 1rem;
}

.sapUiSizeCompact .sapMToken {
	font-size: @sapMFontSmallSize;
	padding-left: 0.25rem;
	height: 1.25rem;
}

.sapUiSizeCompact .sapMToken.sapMTokenReadOnly {
	padding: 0 0.25rem;
}

.sapUiSizeCompact .sapMTokenText {
	line-height: 1.125rem;
}

.sapUiSizeCompact .sapMTokenIcon {
	font-size: @sapMFontSmallSize;
	padding: 0 0.25rem;
	line-height: 1.125rem;
}

html[data-sap-ui-browser^="ie"].sap-desktop .sapUiSizeCompact .sapMTokenIcon,
html[data-sap-ui-browser^="ed"].sap-desktop .sapUiSizeCompact .sapMTokenIcon {
	line-height: 1.125rem;
}

html.sap-desktop .sapMToken.sapMTokenSelected:hover {
	background: @sapUiToggleButtonPressedHoverBackground;
	border: 1px solid @sapUiToggleButtonPressedHoverBorderColor;
	border-radius: 0.125rem;
}

.sapMTokenSelected,
.sapMToken.sapMTokenReadOnly.sapMTokenSelected {
	color: @sapUiToggleButtonPressedTextColor;
	background: @sapUiToggleButtonPressedBackground;
	border: 1px solid @sapUiToggleButtonPressedBorderColor;
	border-radius: 0.125rem;
}

.sapMTokenSelected .sapMTokenIcon {
	color: @sapUiToggleButtonPressedTextColor;
}

.sapMTokenIcon {
	color: @sapUiContentIconColor;
}

.sapUiSizeCompact .sapMListTbl .sapMToken .sapUiIcon:not(.sapMLIBImgNav) {
	font-size: 0.75rem;
}

html[data-sap-ui-browser*="sf"] {
	.sapMTokenText,
	.sapUiSizeCompact .sapMTokenText,
	.sapMTokenReadOnly .sapMTokenText,
	.sapUiSizeCompact .sapMTokenReadOnly .sapMTokenText {
		max-width: 100%;
	}
}
/* END "Token.less" */

/* START "Tokenizer.less" */
/* ================================ */
/* CSS for control sap.m/Tokenizer  */
/* Base theme                       */
/* ================================ */
@_sap_m_Tokenizer_OutlineOffset: 3px;

.sapMTokenizer {
	padding-left: 2 * @_sap_m_Tokenizer_OutlineOffset;
	position: relative;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
	vertical-align: inherit;
}

html.sap-desktop .sapMTokenizer:focus {
	outline: 1px dotted @sapUiContentFocusColor;
	outline-offset: -@_sap_m_Tokenizer_OutlineOffset;
}

.sapMTokenizer .sapMToken {
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
	margin-right: 0.375rem;
	line-height: normal;
	vertical-align: middle;
}

.sapMTokenizer.sapMTokenizerReadonly {
	.sapMToken {
		padding: 0 0.375rem;
	}

	.sapMTokenIcon {
		display: none;
	}

	.sapMTokenizerIndicator {
		color: @sapUiLink;

		&:hover{
			color: @sapUiLinkHover;
		}
	}
}

.sapMTokenizerClip {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	display: block;
	font-size: 1px;
	z-index: -1;
	color: transparent;
	background: transparent;
	overflow: hidden;
	border: none;
	padding: 0;
	resize: none;
	outline: none;
	-webkit-user-select: text;
	user-select: text;
}

.sapMTokenTruncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
}

.sapMTokenizerIndicator {
	display: inline-block;
	cursor: pointer;
	font-size: @sapMFontMediumSize;
	line-height: 2rem;
	overflow: hidden;
	vertical-align: middle;
}

.sapMTokenTruncate > .sapMTokenIcon {
	position: absolute;
	right: 0;
}

.sapMTokenTruncate > .sapMTokenText {
	line-height: 1.625rem;
	display: inline-block;
	width: calc(~"100% - 2rem");
}

.sapUiSizeCompact .sapMTokenizer {
	padding-left: 0.25rem;

	.sapMToken {
		height: 1.25rem;
		margin-top: 0.125rem;
		margin-bottom: 0.125rem;
		margin-right: 0.25rem;
		max-width: calc(~"100% - 0.25rem");
	}
}

.sapUiSizeCompact .sapMTokenizerIndicator {
	line-height: 1.5rem;
}

.sapUiSizeCompact .sapMTokenTruncate > .sapMTokenText {
	line-height: 1.25rem;
	width: calc(~"100% - 1.25rem");
}

.sapMTokenizerScrollContainer {
	display: inline-block;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	height: 100%;
}


html[data-sap-ui-browser^="sf"] {
	.sapMTokenizerReadonly .sapMTokenText,
	.sapUiSizeCompact .sapMTokenizerReadonly .sapMTokenText {
		max-width: 100%;
	}
}

html[data-sap-ui-browser^="ie"].sap-desktop, /* TODO remove after 1.62 version */
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapMTokenizer:focus {
		outline: none;

		&:before {
			position: absolute;
			top: 2px;
			left: 2px;
			right: 2px;
			bottom: 2px;
			content: "";
			pointer-events: none;
		}
	}
}
/* END "Tokenizer.less" */

/* START "Toolbar.less" */
/* ============================== */
/* CSS for control sap.m/Toolbar  */
/* Base theme                     */
/* ============================== */

.sapMIBar.sapMTB .sapMBarChild {
	margin-right: 0.25rem;
	margin-bottom: 0;
	margin-top: 0;
}

.sapMIBar.sapMTB .sapMBarChild:only-child {
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	margin: 0;
}

.sapMTB {
	white-space: nowrap;
	overflow: hidden;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	box-sizing: border-box;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	height: 3rem;
	background: @sapUiToolbarBackground;
}

.sapMTB:focus {
	outline: 0;
}

.sapMTBStandard {
	border-bottom: 1px solid @sapUiGroupTitleBorderColor;
}

/* Transparent Toolbar Context */
.sapMTB-Transparent-CTX.sapMTB {
	padding-left: 0.75rem;
}

/* Info Toolbar Context */
.sapMIBar.sapMTB.sapMTB-Info-CTX > :first-child,
.sapMIBar.sapMTB.sapMTB-Info-CTX > :last-child {
	margin: 0;
	padding: 0 0.5rem;
}

.sapMIBar.sapMTB.sapMTB-Info-CTX > :last-child.sapUiIcon {
	padding: 1px;
}

.sapMTBActive,
.sapMTBActive > * {
	cursor: pointer;
}

.sapMTBShrinkItem {
	min-width: 2.5rem; /* default min-width value for the shrinkable items */
}

/* NewFlex */
.sapMTBNewFlex {
	display: -webkit-flex;
	display: flex;
}

.sapMTBNewFlex > * {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}

.sapMTBNewFlex > .sapMTBShrinkItem {
	-webkit-flex-shrink: 1;
	flex-shrink: 1;
}

/*** Toolbar inside of Form as Form- and Container- header ***/
.sapUiFormContainerToolbar > .sapMTB{
	border-bottom: none;
	padding: 0;
}

.sapUiGridHeader > .sapMTB > .sapMBarChild:first-child,
.sapUiGridTitle > th > .sapMTB > .sapMBarChild:first-child,
.sapUiFormResLayout.sapUiFormToolbar > .sapMTB > .sapMBarChild:first-child,
.sapUiRLContainer > .sapMTB > .sapMBarChild:first-child{
	margin-left: 0;
}

.sapUiGridHeader > .sapMIBar.sapMTB > .sapMBarChild:last-child,
.sapUiGridTitle > th > .sapMIBar.sapMTB > .sapMBarChild:last-child,
.sapUiFormResLayout.sapUiFormToolbar > .sapMIBar.sapMTB > .sapMBarChild:last-child,
.sapUiRLContainer > .sapMIBar.sapMTB > .sapMBarChild:last-child{
	margin-right: 0;
}

/* Solid Toolbar Context */
.sapMTB-Solid-CTX.sapMTB {
	background: @sapUiListHeaderBackground;
}

/* Info Toolbar Context */
.sapMTB-Info-CTX.sapMTB {
	background: @sapUiInfobarBackground;
	color: contrast(@sapUiInfobarBackground, @sapUiListActiveTextColor, @sapUiListTextColor, @sapUiContentContrastTextThreshold);
}

.sapMTB-Info-CTX.sapMTBActive:hover {
	background: @sapUiInfobarHoverBackground;
}

.sapMTB-Info-CTX.sapMTBActive:active {
	background: @sapUiInfobarActiveBackground;
}

/********** COMPACT DESIGN ************/

/* toolbar has 2rem height in compact mode */
.sapUiSizeCompact .sapMTB {
	height: 2rem;
}

/* class used to get a height of 3rem in compact mode */
.sapUiSizeCompact .sapMTB.sapMTBHeader-CTX {
	height: @sapUiElementLineHeight;
}

/* default min-width value for the shrinkable items */
.sapUiSizeCompact .sapMTBShrinkItem,
.sapUiSizeCondensed .sapUiTableCell .sapMTBShrinkItem{
	min-width: 2rem;
}

.sapFDynamicPageTitleContent-CTX .sapMTB {
	border-bottom: none;
}

/* END "Toolbar.less" */

/* START "ToolbarSeparator.less" */
/* ======================================= */
/* CSS for control sap.m/ToolbarSeparator  */
/* Base theme                              */
/* ======================================= */

.sapMTBSeparator {
	width: 0.0625rem;
	height: 2rem;
	background: @sapUiToolbarSeparatorColor;

	&.sapMTBSeparatorOverflowToolbar {
		height: 0.0625rem;
		margin: 0.25rem 0.5rem;
		width: auto;
	}
}

.sapUiSizeCompact .sapMTBSeparator {
	height: 1.5rem;

	&.sapMTBSeparatorOverflowToolbar {
		height: 0.0625rem;
		margin: 0.1875rem 0.375rem;
	}
}
/* END "ToolbarSeparator.less" */

/* START "ToolbarSpacer.less" */
/* ==================================== */
/* CSS for control sap.m/ToolbarSpacer  */
/* Base theme                           */
/* ==================================== */

.sapMTBSpacer {
	/* should never have padding/margin/border */
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;

	/* without height chrome ignores the element */
	height: 1px;
}

.sapMTBSpacerFlex {
	-webkit-flex-grow: 1;
	-webkit-box-flex: 1;
	flex: auto;
}
/* END "ToolbarSpacer.less" */

/* START "TreeItemBase.less" */
/* =================================== */
/* CSS for control sap.m/TreeItemBase  */
/* Base theme                          */
/* =================================== */

.sapMTreeItemBase {
	min-height: @sapUiElementHeight;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	padding-left: 0;
	color: @sapUiListTextColor;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

.sapMTreeItemBaseExpander {
	width: @sapUiElementLineHeight;
	height: @sapUiElementHeight;
	line-height: @sapUiElementHeight;
	font-size: 1rem;
	color: @sapUiContentIconColor;
	flex-shrink: 0;
}

.sapMTreeItemBaseLeaf > .sapMTreeItemBaseExpander {
	opacity: 0;
	pointer-events: none;
}

.sapMLIBActive .sapMTreeItemBaseExpander {
	color: @sapUiListActiveTextColor;
}

.sapMListHighlight .sapMTreeItemBaseExpander {
	margin-left: 0.375rem;
}

.sapMTreeItemBaseChildren {
	background-color: darken(@sapUiListBackground,2);
	border-bottom-color: transparent;
}

.sapMTIBWrapTitle {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapMTreeItemBase > .sapMLIBContent {
	display: flex;
	align-items: center;
}

.sapUiSizeCompact .sapMTreeItemBase {
	min-height: 1.5rem;
}

.sapUiSizeCompact .sapMTreeItemBaseWrapping {
	min-height: 1.5rem;
}

.sapUiSizeCompact .sapMTreeItemBaseExpander {
	font-size: 0.75rem;
	width: 2rem;
	height: 1.5rem;
	line-height: 1.5rem;
}
/* END "TreeItemBase.less" */

/* START "UploadCollection.less" */
/* ======================================= */
/* CSS for control sap.m/UploadCollection  */
/* Base theme                              */
/* ======================================= */

/* until the central focus concept is implemented, a workaround is built in sap.m.UploadCollection so that all focus frames are visible */
/* to remove the workaround the changes below are necessary: */
/* for .sapMLIB.sapMUCItem.sapMUCListSingleItem, .sapMLIB.sapMUCItem.sapMUCListFirstItem,.sapMLIB.sapMUCItem.sapMUCListLastItem, .sapMLIB.sapMUCItem.sapMUCListItem change padding-left from 0.9rem to 1rem    */
/* for .sapMUCFileName.sapMLnk delete margin-left:	0.1rem */
/* for .sapMUCItemIcon, .sapMUCItemImage change margin-right from 0.65rem to 0.75rem, delete margin-top: 0.1rem; margin-bottom:	0.1rem; margin-left: 0.1rem; */
/* for .sapMUCAttrContainer, .sapMUCStatusContainer delete margin-left: 0.1rem*/

/* List Header */
.sapMTB.sapMUCListHeader {
	width:				100%;
	height:				3rem;
	padding-left:		1rem;
	padding-right:		1rem;
	border-bottom-width: 0.0625rem;
	border-bottom-style: solid;
	white-space:		nowrap;
	overflow:			hidden;
	text-overflow:		ellipsis;
	vertical-align:		middle;
}

.sapMTB.sapMUCListHeader > .sapMBarChild:first-child {
	margin-left: 0;
}

/* List with borders*/
.sapMLIB.sapMUCItem.sapMUCListSingleItem,
.sapMLIB.sapMUCItem.sapMUCListFirstItem,
.sapMLIB.sapMUCItem.sapMUCListLastItem,
.sapMLIB.sapMUCItem.sapMUCListItem {
	padding-left:			0.9rem;       /* a workaround until the central focus concept is implemented( after that make it 1rem); 0.1rem gets the image/icon so that the left side of the keyboard frame is displayed */
	padding-top:			1rem;
	padding-bottom: 		1rem;
	border-bottom-width: 	0.0625rem;
	border-bottom-style: 	solid;
	padding-right:			1rem;
}

/* List containing no borders */
.sapMListShowSeparatorsNone {
	.sapMLIB.sapMUCListFirstItem,
	.sapMLIB.sapMUCListLastItem,
	.sapMLIB.sapMUCListItem {
		border-bottom-color: 	transparent; /* this is the central switch to have inner separators or not */
	}
}

/* List containing no borders */
.sapMListShowSeparatorsNone {
	.sapMLIB.sapMUCListLastItem,
	.sapMLIB.sapMUCListItem {
		padding-top: 0.5rem;
	}
}

/* List containing no borders */
.sapMListShowSeparatorsNone {
	.sapMLIB.sapMUCListFirstItem,
	.sapMLIB.sapMUCListItem {
		padding-bottom: 0.5rem;
	}
}

/* List with a single item containing no borders */
.sapMListShowSeparatorsNone .sapMLIB.sapMUCListSingleItem {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

/* Item icon */
.sapMUCItemIconInactive,
.sapMUCItemIcon {
	font-size: 2.5rem;
}

.sapMImg.sapMUCItemImage{
	background-size:	cover;
}

.sapMUCItemIconInactive,
.sapMUCItemIcon,
.sapMUCItemImage {
	height:				3rem;
	width:				3rem;
	margin-right:		0.75rem; /* because of the keyboard frame it should be margin and not padding */
	margin-top:			0.1rem; /* is needed so that keyboard frame is visible; after the central focus concept is implemented delete the margin */
	margin-bottom:		0.1rem; /* is needed so that keyboard frame is visible; after the central focus concept is implemented delete the margin */
	margin-left:		0.1rem; /* is needed so that keyboard frame is visible; after the central focus concept is implemented delete the margin */
	flex:				none;
}

/*if no image is provided a standard placeholder is displayed */
.sapMUCItemPlaceholderInactive,
.sapMUCItemPlaceholder {
	line-height: 3rem;
}

/* Text: File name */
.sapMUCFileName.sapMLnk {
	font-family:		@sapUiFontFamily;
	font-weight:		normal;
	white-space:		nowrap;
	padding-top:		0.25rem; /* Padding top instead of padding bottom due to in-line placement with Objectmarker */
	overflow:			hidden;
	text-overflow:		ellipsis;
	opacity:			100;
	margin-left:		0.1rem;
}

.sapMUCObjectMarker {
	margin-left: 0.5rem;
}

.sapMUCObjectMarker.sapMObjectMarkerText:not(.sapMObjectMarkerIcon) {
	padding-top: 0.25rem;
}

.sapMUCObjectMarker.sapMObjectMarkerText,
.sapMUCObjectMarker.sapMObjectMarkerIcon.sapMObjectMarkerText .sapUiIcon {
	vertical-align: bottom;
}

.sapMUCObjectMarkerContainer {
	display: inline-block;
	position: absolute;
}

/*positioning of the Progress label */
.sapMLabel.sapMUCProgress {
	display: block;
	padding-top: 0.5rem;
}

/* Busy Indicator */
.sapMBusyIndicator.sapMUCloadingIcon {
	padding-top:		1.25rem;
	padding-bottom:		1.25rem;
	padding-right:		1.3rem;
	padding-left:		0.5rem;
	margin-top:			0rem;
}

.sapMBusyIndicator.sapMUCloadingIcon .sapMBusySvg {
	height:				2rem;
	width:				2rem;
}

/* No data indicator */
.sapMUCNoDataPage {
	padding: 1rem;
	text-align: center;
	background: @sapUiGroupContentBackground;
	display: block;

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

	.sapMUCNoDataText {
		padding: 1rem 0rem;
		line-height: 2rem;
		font-size: @sapMFontHeader2Size;
		color: @sapUiGroupTitleTextColor;
	}

	.sapMUCNoDataDescription {
		padding: 0rem 0rem 2rem 0rem;
		font-size: @sapMFontHeader5Size;
		color: @sapUiContentLabelColor;
	}
}

/* Drag && Drop */
.sapMUC {
	position: relative;

	.sapMUCDragDropOverlay:not(.sapMUCDragDropOverlayHide) ~ .sapMList {
		.sapMUCNoDataPage {
			visibility: hidden;
		}
	}

	.sapMUCDragDropOverlay {
		position: absolute;
		top: 3rem;
		right: 0rem;
		left: 0rem;
		bottom: 0rem;
		background-color: fade(@sapUiDragAndDropBackground, 80);
		z-index: 1;

		&.sapMUCDragDropOverlayHide {
			display: none;
		}

		&:after {
			display: block;
			content: "";
			position: absolute;
			top: 0rem;
			left: 0rem;
			bottom: 0rem;
			right: 0rem;
			margin: 0.5rem;
			border: 0.125rem dashed @sapUiDragAndDropBorderColor;
		}

		.sapMUCDragDropIndicator {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);

			.sapUiIcon {
				position: relative;
				display: block;
				color: @sapUiDragAndDropColor;
				padding-bottom: 1rem;
			}

			.sapMText {
				position: relative;
				font-size: @sapMFontHeader4Size;
				color: @sapUiDragAndDropColor;
			}
		}

		&.sapMUCDropIndicator:after {
			background-color: @sapUiDragAndDropActiveBackground;
			border: 0.125rem solid @sapUiDragAndDropActiveBorderColor;
		}

		&.sapMUCDropIndicator {
			.sapMUCDragDropIndicator {
				.sapMText {
					color: @sapUiDragAndDropActiveColor;
				}
				.sapUiIcon {
					color: @sapUiDragAndDropActiveColor;
				}
			}
		}
	}
}

/* ************************************************************************************* */
/* local fixes: should be done by used simple controls                                   */
/* ************************************************************************************* */
.sapMTB.sapMUCListHeader .sapMBtnPaddingLeft {
	padding-left:		0rem;
}

.sapMUC .sapUiIcon:focus {
	outline-style: dotted;
	outline-width: 1px; /*suddenly there comes 3 px outline-width from the Icon control which is not in sync with other outlines of our control */
}
/* ************************************************************************************* */


.sapMUCListFirstItem > .sapMLIBContent,
.sapMUCListLastItem > .sapMLIBContent,
.sapMUCListSingleItem > .sapMLIBContent,
.sapMUCListItem > .sapMLIBContent {
	display:		flex;
	overflow:		hidden;				/*necessary for text truncation in FF */
	padding:		0;
}

/*Container for a textContainer and a button container */
@media(min-width: 30rem) {
	.sapMUCTextButtonContainer {
		display:		flex;
		width: 			100%;
		min-width: 		0; /* to avoid FF bug with flex*/
	}
}

.sapMUCTextButtonContainer {
	min-width: 		0; /* to avoid FF bug with truncation */
	width: 			100%; /* it is necessary for the file name truncation in IE10 */
}

@media(max-width: 30rem) {
	.sapMUCTextButtonContainer {
		-ms-flex-negative: 1;  /*strangely it is needed even for display:inline-block in IE10 for the proper truncation of the file name */
	}
}
/*text container holding the file name, a container for attributes and a container for statuses */
@media(min-width: 30rem) {
	.sapMUCTextContainer {
		flex:	 			10 10 auto;
		padding-top: 		0.125rem;
		padding-bottom: 	0.125rem;
		display: 			block;
	}
}

.sapMUCTextContainer.sapMUCEditMode {
	padding-top: 0rem;
}

.sapMUCTextContainer {
	width: 100%;
	white-space: nowrap; /* necessary for text ellipsis of the file name in FF */
	overflow: hidden;
}

/*display the attributes inline */
.sapMUCAttrContainer .sapMObjectAttributeDiv {
	display: inline;
}

/* display the statuses inline */
.sapMUCStatusContainer .sapMObjStatus {
	display: inline;
}

/* overwrite display: -webkit-box so that the text does not get truncated */
.sapMUCAttr .sapMTextMaxLine {
	display: initial;
	overflow: visible;
}

.sapMUCAttrContainer, .sapMUCStatusContainer {
	padding-top: 0.375rem;
	font-weight: normal;
	line-height: normal;
	white-space: pre-line;
	margin-left: 0.1rem;
}

@media(min-width: 30rem) {
	/* !important is necessary here for overriding inline style of sap.m.input */
	.sapMUCEditBox >.sapMInputBaseInner {
		width: 60% !important;
	}
}

.sapMInputBase.sapMUCEditBox {
	margin-bottom: 0.1875rem;
}

@media(min-width: 30rem) {
	.sapMUCButtonContainer {
		white-space: nowrap; /* so that buttons are displayed in a row */
		padding-left: 1rem;
		padding-top: 0rem;
		align-self: flex-end; /* for buttons alignment at the bottom */
		flex: none;
	}
}

@media(max-width: 30rem) {
	.sapMUCButtonContainer {
		padding-top: 0.75rem;
	}
}

/* this padding is only needed if both buttons are displayed */
/* for the width less than 30 rem */
.sapMBtn.sapMUCFirstButton {
	padding-right: 0.5rem;
}

/* this padding is only needed if both buttons are displayed */
/* for the width >=30rem */
@media(min-width: 30rem) {
	.sapMBtn.sapMUCFirstButton {
		padding-right: 0.125rem;
	}
}

/* for compact form: for the width less than 30rem */
.sapUiSizeCompact .sapMBtn.sapMUCFirstButton {
	padding-right: 0.5rem;
}

/* for compact form: this padding is only needed if both buttons are displayed */
@media(min-width: 30rem) {
	.sapUiSizeCompact .sapMBtn.sapMUCFirstButton {
		padding-right: 0.125rem;
	}
}

.sapMUCButtonContainer > .sapMBtn {
	padding-top: 0rem; /* the padding of the sap.m.Button should be removed */
	padding-bottom: 0rem; /* the padding of the sap.m.Button should be removed */
	height:			2.5rem;
}


/*compact form */
.sapUiSizeCompact .sapMUCButtonContainer > .sapMBtn {
	height: 1.625rem;
}

.sapMUCSeparator {
	display:inline-block;
}

.sapMUCList .sapMLIB {
	align-items: flex-start;
}

.sapMUCItem.sapMCLI>.sapMLIBSelectM {
	margin-top: -0.8125rem;
	margin-left: -0.875rem;
	margin-right: -0.125rem;
}

.sapUiSizeCompact .sapMUCItem>.sapMLIBSelectM {
	margin-left: -0.9rem;
	padding-top: 0.3rem;
	margin-right: -0.1rem;
}

.sapUiSizeCompact .sapMUCItem .sapMLIBSelectM {
	padding-left: 0.3rem;
}

.sapUiSizeCozy .sapMUCItem .sapMLIBSelectM {
	padding-left: 0;
}

/* Item Icon */
.sapMUCItemIcon {
	color: @sapUiContentIconColor;
}
/* Item Icon Inactive */
.sapMUCItemIconInactive {
	color: @sapUiContentNonInteractiveIconColor;
}

/*if no image is provided a standard placeholder is displayed */
.sapMUCItemPlaceholder {
	color: @sapUiContentIconColor;
}

.sapMUCItemPlaceholderInactive {
	color: @sapUiContentNonInteractiveIconColor;
}

/*if no link is provided the file name is displayed as an disabled link */
.sapMLnkDsbl.sapMUCFileName {
	color: @sapUiListTextColor;
	text-decoration: none;
}

/* disabled state */
.sapMBtnDisabled.sapMUCDeleteBtn > .sapMBtnInner > .sapMBtnIcon {
	color: @sapUiContentIconColor;
}

.sapMUCAttrContainer {
	color: @sapUiContentLabelColor;
}

/* Text: Filename */
.sapMUCFileName.sapMLnk {
	font-size: @sapMFontLargeSize; /* it cannot be moved to base as the LESS constant is not known there */
}

.sapMUCAttrContainer, .sapMUCStatusContainer {
	font-size: @sapMFontMediumSize; /* it cannot be moved to base as the LESS constant is not known there */
}

/*for width > 30rem the buttons should be displayed as buttons of type transparent */
@media(min-width: 30rem) {
	.sapMUCButtonContainer >.sapMBtn >.sapMBtnInner {
		background-image: none;
		background-color: @sapUiButtonLiteBackground;
		border-color: @sapUiButtonLiteBorderColor;
		text-shadow: none;
	}
}

/* an edit and delete button in a hover state; it should look like a transparent button in a hover state */
@media(min-width: 30rem) {
	.sapMUCEditBtn:hover >.sapMBtnHoverable, .sapMUCDeleteBtn:hover >.sapMBtnHoverable {
		background-color: @sapUiButtonLiteHoverBackground;
		border-color: @sapUiButtonLiteHoverBorderColor;
	}
}

/*an edit and delete button in a pressed state; it should look like a transparent button in a pressed state */
@media(min-width: 30rem) {
	:not(.sapMBtnDisabled).sapMUCEditBtn > .sapMBtnActive,
	:not(.sapMBtnDisabled).sapMUCEditBtn:hover > .sapMBtnActive,
	:not(.sapMBtnDisabled).sapMUCDeleteBtn > .sapMBtnActive,
	:not(.sapMBtnDisabled).sapMUCDeleteBtn:hover > .sapMBtnActive {
		background-color: @sapUiButtonLiteActiveBackground;
		border-color: @sapUiButtonLiteActiveBorderColor;
	}
}
/* END "UploadCollection.less" */

/* START "UploadSet.less" */
.sapMUSFileName {
	flex-shrink: 0;
}

.sapMUSObjectMarkerContainer {
	display: inline-block;
}

.sapMUSProgressBox {
	min-width: 120px;
	padding-left: 1rem;
}

.sapMUSProgressIndicator {
	padding: 5px;
}
/* END "UploadSet.less" */

/* START "ValueStateMessage.less" */
/* ======================================== */
/* CSS for control sap.m/ValueStateMessage  */
/* Base theme                               */
/* ======================================== */

.sapMValueStateMessage {
	box-sizing: border-box;
	background: @sapUiFieldBackground;
	display: inline-block;
	color: @sapUiBaseText;
	font-size: @sapMFontSmallSize;
	font-family: @sapUiFontFamily;
	padding: 0.3rem 0.625rem;
	min-width: 6rem;
	white-space: pre-line;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapMValueStateMessageError {
	background: @sapUiErrorBG;
}

.sapMValueStateMessageWarning {
	background: @sapUiWarningBG;
}

.sapMValueStateMessageInformation {
	background: @sapUiInformationBG;
}
/* END "ValueStateMessage.less" */

/* START "ViewSettingsDialog.less" */
/* ========================================= */
/* CSS for control sap.m/ViewSettingsDialog  */
/* Base theme                                */
/* ========================================= */

.sapMVSD.sapMDialog .sapMDialogScrollCont{
	padding: 0;
}

.sapUiSizeCompact .sapMVSD.sapMDialog .sapMBarLeft {
	height: 2rem;
}

.sapMTB.sapMVSDFilterHeaderToolbar {
	padding-left: 0;
	padding-right: 1rem;
	width: 100%;
	.sapMBarChild.sapMCb {
		margin-left: 0;
		.sapMCbLabel {
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
		.sapMCbMark {
			white-space: normal;
		}
	}
}

//needed for removing not needed padding from the dialog which depends on the compatible version
.sapMVSD.sapUiPopupWithPadding .sapMDialogScrollCont.sapMDialogStretchContent{
	height: inherit;
}

.sapMSF.sapMVSDFilterSearchField,
.sapUiSizeCompact .sapMSF.sapMVSDFilterSearchField {
	padding: 0.25rem;
}

.sapUiSizeCompact .sapMTB.sapMListHdrTBar.sapMVSDFilterHeaderToolbar {
	height: 2rem;
	padding-left: 0.5rem;

	.sapMLabel.sapMCbLabel {
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

.sapUiSizeCompact .sapMSF.sapMVSDFilterSearchField > .sapMSFF {
	height: 1.5rem;
}

html.sap-desktop .sapMTB.sapMListHdrTBar.sapMVSDFilterHeaderToolbar {
	.sapMCb {
		outline: none;
		padding-right: 0.5rem;
	}
}

.sapMSF.sapMVSDFilterSearchField {
	border-bottom: 1px solid @sapUiGroupTitleBorderColor;
}

.sapUiSizeCompact .sapMTB.sapMListHdrTBar.sapMVSDFilterHeaderToolbar {
	.sapMLabel.sapMCbLabel {
		font-size: @sapMFontMediumSize;
	}
	.sapMCb.sapMBarChild:only-child {
		padding-left: 2rem;
	}
}

.sapUiSizeCozy .sapMTB.sapMListHdrTBar.sapMVSDFilterHeaderToolbar {
	.sapMLabel.sapMCbLabel {
		font-size: @sapMFontLargeSize;
	}
}
/* END "ViewSettingsDialog.less" */

/* START "WheelSlider.less" */
/* =========================================== */
/* CSS for control sap.m/WheelSlider           */
/* Base Styles                                 */
/* =========================================== */

.sapMWS {
	display: inline-block;
	overflow: hidden;
	height: 3rem;
	vertical-align: middle;
	text-align: center;
	box-sizing: border-box;
	cursor: pointer;
	margin-top: 2rem;
	.sapMWSLabel {
		display: none;
		box-sizing: border-box;
		height: 2rem;
		line-height: 2rem;
		width: 4.5rem;
		text-align: center;
		font-size: @sapMFontSmallSize;
		color: @sapUiContentLabelColor;
		text-align: center;
		vertical-align: middle;
	}
	.sapMWSArrows {
		display: none;
		box-sizing: border-box;
	}
	.sapMWSInner {
		overflow: hidden;
		height: 100%;
		box-sizing: border-box;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		.sapMWSItem {
			height: 3rem;
			line-height: 3rem;
			width: 4.5rem;
			box-sizing: border-box;
			background: @sapUiSelected;
			border: 1px solid @sapUiListBorderColor;
			font-size: @sapMFontMediumSize;
			color: @sapUiContentContrastTextColor;
			text-align: center;
			&:hover {
				background: @sapUiHighlight;
				color: @sapUiContentContrastTextColor;
			}
			&:active {
				background: @sapUiHighlight;
				color: @sapUiContentContrastTextColor;
			}
			&:focus {
				outline: 1px dotted @sapUiContentContrastFocusColor;
				outline-offset: -3px;
			}
		}
		.sapMWSSelectionFrame {
			width: 4.5rem;
			height: 3rem;
			position: absolute;
			box-sizing: border-box;
			display: none;
		}
		& > ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
	}
	&.sapMWSExpanded {
		height: 100%;
		cursor: default;
		margin: 0;
		.sapMWSLabel {
			display: block;
		}
		.sapMWSArrows {
			display: none;
		}
		.sapMWSInner {
			height: calc(100% - 2rem);
			max-height: 100%; //because of the SliderValuesN classes below
			.sapMWSItem {
				background: @sapUiListBackground;
				color: @sapUiBaseText;
				border: 1px solid @sapUiListBorderColor;
				&:hover {
					background: @sapUiHighlight;
				}
				&:active {
					background: @sapUiHighlight;
					color: @sapUiContentContrastTextColor;
				}
				&:focus {
					outline: 1px dotted @sapUiContentFocusColor;
					outline-offset: -3px;
				}
			}
			.sapMWSSelectionFrame {
				display: block;
				outline: 0.125rem solid @sapUiContentForegroundBorderColor;
				outline-offset: -0.313rem;
				&:hover {
					& + ul > li.sapMWSItem.sapMWSItemSelected {
						background: @sapUiHighlight;
					}
				}
				&:active {
					& + ul > li.sapMWSItem.sapMWSItemSelected {
						background: @sapUiSelected;
						color: @sapUiContentContrastTextColor;
					}
				}
			}
		}
		.sapMWSInner.SliderValues3 {
			height: 9rem;
		}
		.sapMWSInner.SliderValues4 {
			height: 12rem;
		}
		.sapMWSInner.SliderValues5 {
			height: 15rem;
		}
		.sapMWSInner.SliderValues6 {
			height: 18rem;
		}
		.sapMWSInner.SliderValues7 {
			height: 21rem;
		}
		.sapMWSInner.SliderValues8 {
			height: 24rem;
		}
		.sapMWSInner.SliderValues9 {
			height: 27rem;
		}
		.sapMWSInner.SliderValues10 {
			height: 30rem;
		}
		.sapMWSInner.SliderValues11 {
			height: 33rem;
		}
		.sapMWSInner.SliderValues12 {
			height: 36rem;
		}
	}
	&:focus {
		outline: none;
	}
}

.sapUiSizeCompact {
	.sapMWS {
		height: 2rem;
		.sapMWSLabel {
			width: 4rem;
		}
		.sapMWSInner {
			.sapMWSItem {
				height: 2rem;
				line-height: 2rem;
				width: 4rem;
				box-sizing: border-box;
			}
			.sapMWSSelectionFrame {
				width: 4rem;
				height: 2rem;
			}
		}
		&.sapMWSExpanded {
			height: 100%;
			cursor: default;
			margin: 0;
			.sapMWSArrows {
				display: block;
			}
			.sapMWSInner {
				height: ~"calc(100% - 6rem)";
				max-height: ~"calc(100% - 6rem)";
			}
			.sapMWSInner.SliderValues3 {
				height: 6rem;
			}
			.sapMWSInner.SliderValues4 {
				height: 8rem;
			}
			.sapMWSInner.SliderValues5 {
				height: 10rem;
			}
			.sapMWSInner.SliderValues6 {
				height: 12rem;
			}
			.sapMWSInner.SliderValues7 {
				height: 14rem;
			}
			.sapMWSInner.SliderValues8 {
				height: 16rem;
			}
			.sapMWSInner.SliderValues9 {
				height: 18rem;
			}
			.sapMWSInner.SliderValues10 {
				height: 20rem;
			}
			.sapMWSInner.SliderValues11 {
				height: 22rem;
			}
			.sapMWSInner.SliderValues12 {
				height: 24rem;
			}
		}
	}
}

.sap-phone {
	.sapMWS {
		display: inline-block;
		height: 3rem;
		text-align: center;
		overflow: hidden;
		cursor: pointer;
		vertical-align: middle;
		box-sizing: border-box;
		.sapMWSLabel {
			height: 2rem;
			width: 4.5rem;
			display: none;
			font-size: @sapMFontSmallSize;
			color: @sapUiContentLabelColor;
			text-align: center;
			vertical-align: middle;
		}
		.sapMWSArrows {
			display: none;
		}
		.sapMWSInner {
			height: 100%;
			//for Android 4.1 - 4.3 calc is not supported, so use 100% instead
			max-height: 100%;
			overflow: hidden;
			.sapMWSItem {
				height: 3rem;
				line-height: 3rem;
				width: 4.5rem;
				box-sizing: border-box;
				background: @sapUiSelected;
				border: 1px solid @sapUiListBorderColor;
				font-size: @sapMFontMediumSize;
				color: @sapUiContentContrastTextColor;
				text-align: center;
				&:active {
					background: @sapUiHighlight;
					color: @sapUiContentContrastTextColor;
				}
				&:focus {
					outline: 1px dotted @sapUiContentContrastFocusColor;
					outline-offset: -3px;
				}
			}
			.sapMWSSelectionFrame {
				width: 4.5rem;
				height: 3rem;
				position: absolute;
				display: none;
				box-sizing: border-box;
			}
		}
		&.sapMWSExpanded {
			height: 100%;
			cursor: default;
			.sapMWSLabel {
				display: block;
			}
			.sapMWSArrows {
				display: none;
			}
			.sapMWSInner {
				height: calc(100% - 2rem);
				//for Android 4.1 - 4.3 calc is not supported, so use 100% instead
				max-height: 100%;
				overflow: hidden;
				.sapMWSItem {
					height: 3rem;
					line-height: 3rem;
					width: 4.5rem;
					box-sizing: border-box;
					background: @sapUiListBackground;
					color: @sapUiBaseText;
					border: 1px solid @sapUiListBorderColor;
					&:active {
						background: @sapUiHighlight;
						color: @sapUiContentContrastTextColor;
					}
					&:focus {
						outline: 1px dotted @sapUiContentFocusColor;
						outline-offset: -3px;
					}
				}
				.sapMWSSelectionFrame {
					display: block;
					outline: 0.125rem solid @sapUiContentForegroundBorderColor;
					outline-offset: -0.313rem;
				}
			}
			.sapMWSInner.SliderValues3 {
				height: 9rem;
			}
			.sapMWSInner.SliderValues4 {
				height: 12rem;
			}
			.sapMWSInner.SliderValues5 {
				height: 15rem;
			}
			.sapMWSInner.SliderValues6 {
				height: 18rem;
			}
			.sapMWSInner.SliderValues7 {
				height: 21rem;
			}
			.sapMWSInner.SliderValues8 {
				height: 24rem;
			}
			.sapMWSInner.SliderValues9 {
				height: 27rem;
			}
			.sapMWSInner.SliderValues10 {
				height: 30rem;
			}
			.sapMWSInner.SliderValues11 {
				height: 33rem;
			}
			.sapMWSInner.SliderValues12 {
				height: 36rem;
			}
		}
		&:focus {
			outline: none;
		}
	}
}
/* END "WheelSlider.less" */

/* START "WheelSliderContainer.less" */
/* =========================================== */
/* CSS for control sap.m/WheelSliderContainer  */
/* Base Styles                                 */
/* =========================================== */

.sapMWSContainer {
	width: 100%;
	height: 100%;
	min-width: 20rem;
	box-sizing: border-box;
	padding: 1rem;
	text-align: center;
	position: relative;
	&:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}
	.sapMWSContainerLabel {
		display: none;
		box-sizing: border-box;
	}
	.sapMWSContainerLabel {
		font-size: @sapMFontHeader5Size;
		color: @sapUiCalendarColorToday;
	}
}

.sapUiSizeCompact {
	.sapMWSContainer {
		padding: 0.5rem;
		margin: auto;
	}
}

.sap-phone {
	.sapMWSContainer {
		max-height: 38rem; // 12 * item height + label's height
		height: 100%;
		padding: 1rem;
		box-sizing: border-box;
		margin: auto;
		text-align: center;
		&:before {
			content: '';
			display: inline-block;
			height: 100%;
			margin-right: -0.25rem;
			vertical-align: middle;
		}
		.sapMWSContainerLabel {
			position: absolute;
			top: 0;
			left: 50%;
			transform: translate(-50%, 0);
			display: block;
			height: 2rem;
			line-height: 2rem;
			font-size: @sapMFontHeader5Size;
			color: @sapUiCalendarColorToday;
		}
	}
}
/* END "WheelSliderContainer.less" */

/* START "Wizard.less" */
/* ============================= */
/* CSS for control sap.m/Wizard  */
/* Base theme                    */
/* ============================= */

@_sap_m_Wizard_NavHeight: 4rem;
@_sap_m_WizardStep_Animation_Duration: 0.4s;

.sapMWizard {
	height: 100%;
	position: relative;
	counter-reset: steps-counter;
	overflow: hidden;
	background-color: transparent;

	.sapMWizardStepContainer {
		position: relative;
		height: ~"calc(100% - 4rem)"; /* 4rem is the height of the Progress Navigator*/
		box-sizing: border-box;
		padding: 1rem;
	}

	.sapMWizardStep  {
		position: relative;
		padding-bottom: 2rem;
		display: none;
	}

	.sapMWizardStepActivated {
		display: block;
	}

	.sapMWizardLastActivatedStep {
		min-height: 100%;
	}

	.sapMWizardStepTitle::before {
		counter-increment: steps-counter;
		content: counter(steps-counter) ". ";
	}

	.sapMWizardNextButtonHidden {
		bottom: -3rem;
		opacity: 0;
		animation-name: hideWizardButton
	}

	.sapMWizardNextButtonVisible {
		bottom: 0rem;
		opacity: 1;
		animation-name: showWizardButton
	}

	.sapMDialogSection {
		height: auto;
	}


	&.sapMWizardBgStandard .sapMWizardStepContainer {
		background-color: @sapUiBaseBG;
	}

	&.sapMWizardBgSolid .sapMWizardStepContainer {
		background-color: @sapUiBaseBG;
	}

	&.sapMWizardBgTransparent .sapMWizardStepContainer {
		background-color: transparent;
	}

	&.sapMWizardBgList .sapMWizardStepContainer {
		background-color: @sapUiGroupContentBackground;
	}
}

html[data-sap-ui-animation='on'] .sapMWizardNextButtonVisible,
html[data-sap-ui-animation='on'] .sapMWizardNextButtonVisible {
	animation-timing-function: linear;
	animation-duration: @_sap_m_WizardStep_Animation_Duration;
}

@keyframes showWizardButton {
	from {opacity: 0; bottom: -3rem}
	to {opacity: 1; bottom: 0rem}
}

@keyframes hideWizardButton {
	from {opacity: 1; bottom: 0rem}
	to {opacity: 0; bottom: -3rem}
}

html.sap-desktop .sapMWizard .sapMWizardNextButtonVisible,
html.sap-tablet .sapMWizard .sapMWizardNextButtonVisible {
	display: block;
}

html.sap-phone .sapMWizard {
	.sapMWizardNextButtonVisible {
		position: fixed;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		bottom: 3rem;
	}
}
/* END "Wizard.less" */

/* START "WizardProgressNavigator.less" */
/* ============================================== */
/* CSS for control sap.m/WizardProgressNavigator  */
/* Base theme                                     */
/* ============================================== */

@_sap_m_WizardProgressNavigator_NavHeight: 4rem;
@_sap_m_WizardProgressNavigator_ListHeight: 2rem;
@_sap_m_WizardProgressNavigator_StepWidth: 2rem;
@_sap_m_WizardProgressNavigator_StepPadding: 0.5rem;
@_sap_m_WizardProgressNavigator_SmallSeparator: 0.25rem;
@_sap_m_WizardProgressNavigator_StepUnderlineHeight: 0.125rem;
@_sap_m_WizardProgressNavigator_StepOverlapOnPhone: 1.75rem;

.sapMWizardProgressNav {
	box-sizing: border-box;
	height: @_sap_m_WizardProgressNavigator_NavHeight;
	padding: 1rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: @sapUiObjectHeaderBackground;
	font-size: @sapMFontMediumSize;
	box-shadow: @sapUiShadowHeader;
}

.sapMWizardProgressNavList,
.sapMWizardProgressNavListVarying {
	display: table;
	table-layout: fixed;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: @_sap_m_WizardProgressNavigator_ListHeight;
}

.sapMWizardProgressNavStep {
	display: table-cell;
	position: relative;
	padding: 0 @_sap_m_WizardProgressNavigator_StepPadding;
}

// the separator connecting every two steps
.sapMWizardProgressNavStep::after {
	content: "";
	display: block;
	position: absolute;
	top: @_sap_m_WizardProgressNavigator_ListHeight / 2;
	left: @_sap_m_WizardProgressNavigator_StepWidth + (2 * @_sap_m_WizardProgressNavigator_StepPadding);
	right: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

// we do not have a separator at the end for known number of steps
.sapMWizardProgressNavList .sapMWizardProgressNavStep:last-child::after {
	display: none;
}

// we have a dashed separator at the end when the number of steps can change
.sapMWizardProgressNavListVarying .sapMWizardProgressNavStep:last-child::after {
	display: block;
	border-bottom-style: dashed;
}

// the currently selected step
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"] {

	// the current step is underlined as to have a visual cue
	.sapMWizardProgressNavAnchor::after {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: @_sap_m_WizardProgressNavigator_StepUnderlineHeight;

		// negative values are needed for the right positioning - (2rem - 4rem) / 2 = -1
		// bottom:0 positions it at the bottom of the list but we want it at the bottom of the nav
		bottom: (@_sap_m_WizardProgressNavigator_ListHeight - @_sap_m_WizardProgressNavigator_NavHeight) / 2 - @_sap_m_WizardProgressNavigator_StepUnderlineHeight;
	}

	// anchors in all steps after the current one are right aligned so that they dont overflow to the right
	& ~ .sapMWizardProgressNavStep > .sapMWizardProgressNavAnchor {
		right: 0;
	}
}

// the step up to which progress has been reached
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-active="true"] {

	// anchors in all steps after the active one have the default cursor and no focus
	& ~ .sapMWizardProgressNavStep > .sapMWizardProgressNavAnchor {
		cursor: default;
		display: inline;

		&:focus {
			outline: none;
		}
	}
}

// all steps that are grouped
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-open="false"] {
	width: @_sap_m_WizardProgressNavigator_StepWidth - @_sap_m_WizardProgressNavigator_StepOverlapOnPhone;
	padding: 0;

	.sapMWizardProgressNavAnchor {
		position: absolute;
		top: 0;
	}

	.sapMWizardProgressNavAnchorTitleContainer {
		display: none;
	}
}

// when there are no titles and the number of steps is know the last step should align to the end
.sapMWizardProgressNavList.sapMWizardProgressNavListNoTitles .sapMWizardProgressNavStep:last-child {
	width: @_sap_m_WizardProgressNavigator_StepWidth;
}

// override the previous rule when more than one step is grouped because we want the last step to be
// shrunk and show below the previous step with [data-sap-ui-wpn-step-open="false"]
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-open="false"] + .sapMWizardProgressNavStep[data-sap-ui-wpn-step-open="false"] {
	width: @_sap_m_WizardProgressNavigator_StepWidth - @_sap_m_WizardProgressNavigator_StepOverlapOnPhone;
}

// select the first grouped step on the right and style it so that it does not collapse
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-open="true"] + .sapMWizardProgressNavStep[data-sap-ui-wpn-step-open="false"] {
	width: @_sap_m_WizardProgressNavigator_StepWidth;
	padding-left: @_sap_m_WizardProgressNavigator_StepPadding;
}

// select the last grouped step on the left and style it so that it does not collapse
// add the needed padding to the right so that the separator between the steps is visible
// the second selector is needed for a corner case
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-open-prev="true"],
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-open="false"] +  .sapMWizardProgressNavStep[data-sap-ui-wpn-step-open-prev="true"] {
	width: @_sap_m_WizardProgressNavigator_StepWidth;
	padding-right: @_sap_m_WizardProgressNavigator_StepPadding + @_sap_m_WizardProgressNavigator_SmallSeparator;

	&::after {
		left: @_sap_m_WizardProgressNavigator_StepWidth + @_sap_m_WizardProgressNavigator_StepPadding;
	}
}

.sapMWizardProgressNavAnchor {
	display: inline-block;
	position: relative;
	z-index: 1;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.sapMWizardProgressNavAnchorCircle {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: middle;
	width: @_sap_m_WizardProgressNavigator_StepWidth;
	height: @_sap_m_WizardProgressNavigator_ListHeight;
	line-height: @_sap_m_WizardProgressNavigator_ListHeight;
	border-width: 1px;
	border-style: solid;
	border-radius: 50%;
	color: @sapUiBaseText;
	background: @sapUiObjectHeaderBackground;
	border-color: @sapUiObjectHeaderBorderColor;
	font-size: @sapMFontMediumSize;
	.sapUiIcon {
		font-size: @sapMFontLargeSize;
	}
}

.sapMSplitContainerDetail .sapMWizardProgressNav {
	padding: 0.875rem 1rem;
}

html.sap-phone .sapMWizardProgressNav {
	padding: 0.875rem 0.5rem;
}

.sapMWizardProgressNavStep:hover .sapMWizardProgressNavAnchorCircle {
	background: @sapUiHighlight;
}

.sapMWizardProgressNavAnchorIcon {
	font-size: @sapMFontLargeSize;
}

.sapMWizardProgressNavStep::after {
	border-bottom-color: @sapUiObjectHeaderBorderColor;
}

.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"] {
	& .sapMWizardProgressNavAnchor::after {
		background: @sapUiSelected;
		height: 0.25rem;
	}

	& .sapMWizardProgressNavAnchorCircle {
		background: @sapUiSelected;
		color: @sapUiContentContrastIconColor;
	}
}


.sapMWizardProgressNavAnchorTitleContainer {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	padding: 0 @_sap_m_WizardProgressNavigator_StepPadding;
	max-height: @_sap_m_WizardProgressNavigator_ListHeight;
	overflow: hidden;
	max-width: ~"calc(100% - 3rem)";
	background: @sapUiObjectHeaderBackground;
}

.sapMWizardProgressNavAnchorTitle {
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	max-height: @_sap_m_WizardProgressNavigator_ListHeight;
	line-height: @_sap_m_WizardProgressNavigator_ListHeight  / 2;
	font-size: @sapMFontMediumSize;
	color: @sapUiGroupTitleTextColor;
	vertical-align: middle;
}

.sapMWizardProgressNavAnchorTitleOptional {
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 100%;
}

.sapMWizardProgressNavAnchorLabelOptional {
	display: table-row;
	font-size: @sapMFontSmallSize;
	color: @sapUiContentLabelColor;
	overflow: hidden;
}
/* END "WizardProgressNavigator.less" */

/* START "WizardStep.less" */
/* ================================= */
/* CSS for control sap.m/WizardStep  */
/* Base theme                        */
/* ================================= */

.sapMWizardStep {
	box-sizing: border-box;

	.sapMWizardStepTitle {
		font-size: 1.25rem;
		font-weight: normal;
		margin-top: 0;
		margin-bottom: 1rem;
	}

	.sapUiFormResLayout > div {
		background-color: inherit;
	}
}

.sapMWizardStep .sapMWizardStepTitle {
	color: @sapUiGroupTitleTextColor;
}
/* END "WizardStep.less" */