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

/*!
 * ${copyright}
 */

@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 "BusinessCard.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/BusinessCard.control */
/* ============================================= */

.suiteUiCard {
	border: solid @sapUiLightBorder 1px;
	min-height: 43px;
}

.suiteUiCardContainer {
	position: relative;
	overflow: hidden;
}

.suiteUiCardIcon {
	width: 32px;
	height: 32px;
}

.suiteUiCardTypeHolder {
	margin-left: 5px;
}

.suiteUiCardIconHolder {
	position: absolute;
	top: 5px;
	left: 5px;
}

.suiteUiCardNameHolder {
	margin-top: 3px;
	margin-left: 47px;
}

.suiteUiCardDescHolder {
	margin-left: 47px;
}

.suiteUiCardContent {
	margin-left: 47px;
}

.suiteUiCardType {
	width: 100%;
}

.suiteUiCardName {
	width: 100%;
}

.suiteUiCardDesc {
	width: 100%;
}

/* END "BusinessCard.less" */

/* START "CalculationBuilder.less" */
.sapCalculationBuilderInner {
	display: flex;
	align-items: center;
  	&:focus {
	  outline: none;
	}
}

.sapCalculationBuilderWrapItems .sapCalculationBuilderInner {
 	flex-wrap: wrap;
}

.sapCalculationBuilderInsideWrapper {
  	overflow: auto;
  	padding-bottom: 0.5rem;
}

.sapUiSizeCozy .sapCalculationBuilderInsideWrapper {
	padding-bottom: 1rem;
}

.sapUiSizeCozy .sapCalculationBuilderToolbar {
	margin-bottom: 1rem;
}

.sapCalculationBuilderToolbar {
 	margin-bottom: 0.5rem;
  	height: 3rem;
  	.sapMBtn {
		padding: 0;
  	}
  	.sapMBtnInner {
		height: 2rem;
		.sapMBtnIcon {
	  		line-height: 30px;
	 		max-height: 2rem;
		}
  	}
}

.sapUiSizeCompact .sapCalculationBuilderToolbar {
  	height: 3rem;
}

.sapCalculationBuilderOverlay {
	width: 100%;
  	min-height: 100%;
	background-color: @sapUiListBackground;
}

.sapCalculationBuilderDelimiterLine {
	height: 1px;
	background-color: @sapUiGroupTitleBorderColor;
}

.sapMListUl > .sapMLIB.sapMGHLI {
	height: auto;
	padding-top: 0;
}

/* END "CalculationBuilder.less" */

/* START "CalculationBuilderExpression.less" */
.sapCalculationBuilderDelimiter {
	display: flex;
	width: 0.5rem;
	min-width: 0.5rem;
	height: 3rem;
	align-self: stretch;
	align-items: center;
	justify-items: center;
	border: 1px solid transparent;
	background: transparent;
	z-index: 50;
	position: relative;
}

.sapUiSizeCozy .sapCalculationBuilderDelimiter {
	width: 0.75rem;
}

.sapCalculationBuilderDelimiterNewButton {
	display: none;
	left: -14px;
	width: 32px;
	height: 32px;
	position: absolute;
	border-radius: 3px;
	z-index: 10000;

	justify-content: center;
	align-items: center;
	cursor: pointer;


	outline: none;
	border: 1px solid @sapUiButtonTextColor;
	background-color: @sapUiButtonBackground;
	color: @sapUiButtonTextColor;
}

.sapCalculationBuilderDelimiterNewButton:hover {
	background-color: @sapUiButtonHoverBackground;
}

.sapCalculationBuilderDelimiterNewButtonIcon{
	pointer-events: none;
	line-height: 34px;
	margin-left: 9px;
}

.ui-selectable-helper {
  // TODO: change color
  border: 1px dashed @sapUiNeutralBorder;
  position: absolute;
  z-index: 40;
}

.sapCalculationBuilderWrapItems {
	position: relative;
	.sapCalculationBuilderSelected {
	  flex-wrap: wrap;
	}
}

.sapCalculationBuilderSelected {
  display: flex;
  align-items: center;
}

.sapCalculationBuilderDraggingSelectedClone {
	display: flex;
	align-items: center;
}

.sapCalculationBuilderNavMainPage {
  	.sapMLIB {
		padding: 0;
  	}
  	.sapMSLIImgIcon {
		font-size: 1rem;
  	}
  	.sapMLIB.sapMSLI {
		height: 4.5rem;
  	}
}

.sapCalculationBuilderPopoverOperatorsButton {
	.sapMBtn {
	  	padding: 0;
	}
	.sapMBtnInner {
	  	height: 2rem;
	}
	.sapMBtnContent {
	  	line-height: 30px;
	  	font-size: 1rem;
	  	font-weight: bold
	}
	.sapMBtnIcon {
	  	line-height: 30px;
	}
}

.sapCalculationBuilderExpressionErrorIcon {
	color: @sapUiNegativeElement;
	position: absolute;

	display: none;
	top: 0;
	right: 2px;
}

/* END "CalculationBuilderExpression.less" */

/* START "CalculationBuilderInput.less" */
.sapCalculationBuilderInput {
	border: 1px solid @sapUiGroupTitleBorderColor;
	padding: 0.75rem;
	min-height: 2.5rem;

	position: relative;
	user-select: text;
	&:focus {
		outline: none;
	}
	&:focus::before {
		content: "";
		position: absolute;
		top: 2px;
		left: 2px;
		right: 2px;
		bottom: 2px;
		border: 1px dotted @sapUiContentFocusColor;
		pointer-events: none;
	}

	box-sizing: border-box;
}

.sapUiSizeCompact .sapCalculationBuilderInput {
	padding: 0.25rem;
	min-height: 1.725rem;
}

html.sap-phone .sapCalculationBuilderInput span,
html.sap-tablet:not(.sap-desktop) .sapCalculationBuilderInput span {
	-webkit-user-select: text;
}

.sapCalculationBuilderInputError.sapCalculationBuilderInput {
	border-color: @sapUiErrorBorder;
	border-width: 2px;
}

.sapCalculationBuilderInputWrapper {
	background-color: @sapUiFieldBackground;
}

.sapCalculationBuilderInputOuterWrapperMargin {
	margin-top: 1rem;
}

.sapCalculationBuilderInputToolbar {
	border: none;
	height: 3rem;
	.sapCalculationBuilderInputToolbarFunctionMenu {
		margin-left: 0.75rem;
	}
	.sapCalculationBuilderInputToolbarMenuButtons {
		.sapMBtnInner {
			height: 2rem;
		}
		.sapMBtnContent {
			line-height: 30px;
		}
		&.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
			height: 30px;
			line-height: 30px;
		}
	}
	.sapCalculationBuilderInputToolbarButtons {
		.sapMBtnInner {
			height: 2rem;
		}
		.sapMBtnContent {
			line-height: 30px;
			font-size: 1.25rem;
			font-weight: bold;
		}
		.sapMBtnIcon {
			line-height: 30px;
		}
	}
}

.sapUiSizeCompact .sapCalculationBuilderInputToolbar {
	height: 3rem;
	.sapMBtn {
		padding: 0;
	}
}

.sapCalculationBuilderReadOnly .sapCalculationBuilderInputWrapper {
	background: transparent;
}

.sapCalculationBuilderReadOnly .sapCalculationBuilderInput {
	border: none;
}

.sapCalculationBuilderInputErrorArea {
	white-space: pre-line;
	background-color: fade(@sapUiButtonRejectActiveBackground, 25%);
	font-size: @sapMFontSmallSize;
	position: absolute;
	padding: 3px;
	display: none;
}

.sapCalculationBuilderItemTextDefault {
	overflow-wrap: break-word;
}

/* END "CalculationBuilderInput.less" */

/* START "CalculationBuilderItem.less" */
.sapCalculationBuilderItem {
	background-color: @sapUiButtonBackground;
	border: 1px solid @sapUiNeutralBorder;
	color: @sapUiNeutralText;
	display: inline-block;
	font-size: @sapMFontMediumSize;
	border-radius: 3px;
	font-weight: bold;
	position: relative;
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */

	&:focus {
		outline: none;
	}
}

.sapUiSizeCozy .sapCalculationBuilderItem {
	font-size: @sapMFontLargeSize;
}

.sapCalculationBuilderItemContentWrapper {
	display: flex;
	flex-direction: row;
	width: 100%;
}

.sapCalculationBuilderItemContent {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	height: 1.625rem;
	width: 100%;
	position: relative;
}

.sapUiSizeCozy .sapCalculationBuilderItemContent {
	height: 2.5rem;
}

.sapCalculationBuilderItemLabel {
	padding: 0 0.75rem;
	pointer-events: none;
	white-space: nowrap;
}

.sapCalculationBuilderReadOnly .sapCalculationBuilderItemLabel {
	color: @sapUiButtonBorderColor;
}
.sapCalculationBuilderReadOnly .sapCalculationBuilderItem{
	background-color: transparent;
}

.sapCalculationBuilderItemVariable .sapCalculationBuilderItemContent,
.sapCalculationBuilderItemConstant .sapCalculationBuilderItemContent,
.sapCalculationBuilderUnknownItem .sapCalculationBuilderItemContent,
.sapCalculationBuilderItemExpandButton {
	&:hover {
		border-color: @sapUiButtonHoverBorderColor;
		background-color: @sapUiButtonHoverBackground;
	}
	&:active {
		border-color: @sapUiButtonActiveBorderColor;
		background-color: @sapActiveColor;
		color: @sapUiButtonActiveTextColor;
	}
}

.sapCalculationBuilderItemVariable,
.sapCalculationBuilderItemConstant,
.sapCalculationBuilderUnknownItem {
	border-color: @sapUiButtonBorderColor;
	background-color: @sapUiButtonBackground;
	color: @sapUiButtonTextColor;
	display: flex;
}

.sapCalculationBuilderItemFunction,
.sapCalculationBuilderItemBracket,
.sapCalculationBuilderItemOperator {
	background-color: @sapUiButtonLiteBackground;
	border-color: @sapUiButtonLiteBorderColor;
	color: @sapUiCalendarColorToday;

	&:hover {
		border-color: @sapUiButtonLiteHoverBorderColor;
		background-color: @sapUiButtonLiteHoverBackground;
	}
	&:active {
		border-color: @sapUiButtonLiteActiveBackground;
		background-color: @sapUiButtonLiteActiveBorderColor;
		color: @sapUiButtonActiveTextColor;
	}
}

.sapCalculationBuilderItemCustomOperator.sapCalculationBuilderItemOperator {
	width: auto !important;
}

.sapCalculationBuilderItemOperator {
	width: 1.625rem;
}

.sapUiSizeCozy .sapCalculationBuilderItemOperator,
.sapUiSizeCozy .sapCalculationBuilderItemBracket {
	width: 2.25rem;
}

.sapCalculationBuilderBracket {
	border-color: @sapUiButtonLiteHoverBorderColor;
	background-color: @sapUiButtonLiteHoverBackground;
}

.sapCalculationBuilderItemOperator {
	color: @sapUiButtonTextColor;
}

.sapCalculationBuilderItemFunctionLabel {
	padding-right: 0;
}

.sapCalculationBuilderItemFunctionBracket {
	padding-left: 0;

	background-color: @sapUiButtonLiteBackground;
	border-color: @sapUiButtonLiteBorderColor;
}

.sapCalculationBuilderItemOperatorLength-1 .sapCalculationBuilderItemLabel {
	padding: 0;
}

.sapCalculationBuilderItemOperatorLength-2,
.sapCalculationBuilderItemOperatorLength-3 {
	width: auto;
}

.sapCalculationBuilderNewItem,
.sapCalculationBuilderEmptyItem {
	border-radius: 3px;
	outline: none;
	width: 1.625rem;
	border: 1px solid @sapUiButtonTextColor;
	background-color: @sapUiButtonLiteBackground;
	color: @sapUiButtonTextColor;
}

.sapUiSizeCozy .sapCalculationBuilderNewItem,
.sapUiSizeCozy .sapCalculationBuilderEmptyItem {
	width: 2rem;
}

.sapCalculationBuilderNewItemIcon {
	line-height: 2rem;
	cursor: pointer;
}

.sapCalculationBuilderEmptyItemIcon {
	cursor: pointer;
}

.sapCalculationBuilderItemPopupOperators {
	margin: 1rem 1rem 0 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid @sapUiListBorderColor;
	.sapMBtn {
		padding: 0;
	}
	.sapMBtnInner {
		height: 2rem;
	}
	.sapMBtnContent {
		line-height: 30px;
		font-size: 1.125rem;
		font-weight: bold
	}
	.sapMBtnIcon {
		line-height: 30px;
	}
}

.sapCalculationBuilderSelected .sapCalculationBuilderItem {
	z-index: 30;
}

.sapCalculationBuilderItem.ui-selecting,
.sapCalculationBuilderItem.ui-selected {
	border: 1px dashed @sapUiButtonBorderColor;
}

.sapCalculationBuilderItem.ui-state-disabled {
	opacity: 1;
}

.sapCalculationBuilderItemExpandButton {
	width: 1.625rem;
	height: 100%;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	vertical-align: middle;
	justify-content: center;
	font-size: 12px;
	border-left: 1px solid @sapUiButtonBorderColor;

	&:focus {
		outline: none;
	}
	.sapUiIcon {
		cursor: pointer;
	}
}

.sapUiSizeCozy .sapCalculationBuilderItemExpandButton {
	width: 2.25rem;
}

.sapCalculationBuilderItemExpandButtonFocus {
	position: absolute;
	height: 22px;
	width: 22px;
	left: 3px;
	box-sizing: border-box;
}

.sapCalculationBuilderItemExpandButton:focus .sapCalculationBuilderItemExpandButtonFocus,
.sapCalculationBuilderItemExpandButton:active .sapCalculationBuilderItemExpandButtonFocus {
	border: 1px dotted @sapUiContentFocusColor;
}

.sapCalculationBuilderItemFocusWrapper {
	position: absolute;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	padding: 2px;
	pointer-events: none;
	display: none;
	top: 0;
	left: 0;
}

.sapCalculationBuilderItemFocus {
	position: relative;
	box-sizing: border-box;
	height: 100%;
	border: 1px dotted @sapUiContentFocusColor;
	pointer-events: none;
}

.sapCalculationBuilderItem:focus .sapCalculationBuilderItemFocusWrapper,
.sapCalculationBuilderNewItem:focus .sapCalculationBuilderItemFocusWrapper {
	display: block;
}

.sapCalculationBuilderItemExpandButtonWrapper {
	position: relative;
	&:focus {
		outline: none;
	}
}

.sapCalculationBuilderItemErrorSyntax,
.sapCalculationBuilderItemErrorSyntax .sapCalculationBuilderItemContent,
.sapCalculationBuilderItemErrorSyntax .sapCalculationBuilderItemExpandButton {
	background-color: @sapUiButtonRejectBackground;
	border-color: @sapUiButtonRejectBorderColor;
	color: @sapUiButtonRejectTextColor;
	&:hover {
		background-color: @sapUiButtonRejectHoverBackground;
		border-color: @sapUiButtonRejectHoverBorderColor;
	}
	&:active {
		background-color: @sapUiButtonRejectActiveBackground;
		border-color: @sapUiButtonRejectActiveBorderColor;
		color: @sapUiButtonActiveTextColor;
	}

}

.sapCalculationBuilderItemErrorSyntax .sapCalculationBuilderItemExpandButton {
	border-left-color: @sapUiButtonRejectBorderColor;
}

.sapCalculationBuilderItemTextError {
	background: url(img/error.gif) bottom repeat-x;
	padding-bottom: 1px;
	cursor: help;
}

.sapCalculationBuilderItemTextEmpty {
	background-color: fade(@sapUiFieldTextColor, 15);
	padding: 0px 5px 1px 1px;
	border-radius: 3px
}

// *** DRAGGING *** //
.sapCalculationBuilderDragging.sapCalculationBuilderItem,
.sapCalculationBuilderDragging .sapCalculationBuilderItemExpandButton,
.sapCalculationBuilderDraggingSelectedClone .sapCalculationBuilderItemExpandButton,
.sapCalculationBuilderSelected.sapCalculationBuilderDragging .sapCalculationBuilderItem,
.sapCalculationBuilderDraggingSelectedClone .sapCalculationBuilderItem {
	z-index: 30;
	opacity: 0.7;
	color: @sapUiContentDisabledTextColor !important;
	background-color: @sapUiButtonBackground !important;
	border-color: @sapUiButtonBackground !important;

}

.sapCalculationBuilderDroppableLine,
.sapCalculationBuilderDroppableCircle {
	display: none;
}

.sapCalculationBuilderDroppableActive .sapCalculationBuilderDroppableLine,
.sapCalculationBuilderDroppableActive .sapCalculationBuilderDroppableCircle {
	display: block;
}

.sapCalculationBuilderDroppableLine:after {
	content: "";
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 50%;
	width: 2px;
	background-color: @sapUiSelected;
	transform: translate(-50%);
}

.sapCalculationBuilderDroppableCircle:after {
	border: 2px solid @sapUiSelected;
	content: "";
	position: absolute;
	border-radius: 50%;
	top: 0;
	width: 8px;
	height: 8px;
	background-color: transparent;
	left: -2px;
}

/* END "CalculationBuilderItem.less" */

/* START "ChartContainer.less" */
/* =================================================== */
/* CSS for control sap.suite.ui.commons/ChartContainer */
/* Base Theme                                          */
/* =================================================== */

.sapSuiteUiCommonsChartContainer {
	width: 100%;
	height: 100%;
}
.sapSuiteUiCommonsChartContainer {
  overflow: unset;
}
/* In Edge browser vizFrame chart is cut off when changing the view from full screen to normal*/
html[data-sap-ui-browser^="ed"] .sapSuiteUiCommonsChartContainer {
	overflow: hidden;
}

.sapSuiteUiCommonsChartContainerOverlay {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.sapSuiteUiCommonsChartContainerChartArea {
	background-color: @sapUiGroupContentBackground;
}

/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiContainerContentPadding(~".sapSuiteUiCommonsChartContainer", ~"> .sapSuiteUiCommonsChartContainerWrapper");

/* END "ChartContainer.less" */

/* START "ChartTile.less" */
/* =========================================================== */
/* CSS for control sap.suite.ui.commons/ComparisonTile.control */
/* =========================================================== */

.sapSuiteCmpTileContent {
	position: absolute;
}

.sapSuiteCmpTileContent.L {
	top: 102px;
	bottom: 16px;
	left: 16px;
	right: 16px;
	font-size: 14px;
}

.sapUiMedia-Std-Desktop .sapSuiteCmpTileContent.Auto,
.sapUiMedia-Std-Tablet .sapSuiteCmpTileContent.Auto,
.sapSuiteCmpTileContent.M {
	top: 88px;
	bottom: 12px;
	left: 10px;
	right: 10px;
	font-size: 12px;
}

.sapUiMedia-Std-Phone .sapSuiteCmpTileContent.Auto,
.sapSuiteCmpTileContent.S {
	top: 67px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	font-size: 12px;
}

.sapSuiteCmpTileDescInner {
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.sapSuiteCmpTileUnitInner {
	vertical-align: top;
	padding-left: 2px;
}

.sapSuiteCmpTileItemHeader {
	overflow: hidden;
	white-space: nowrap;
}

.sapSuiteCmpTileItemTitle {
	color: @sapUiLightText;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapSuiteCmpTileItemValue.L {
	float: right;
	margin-left: 3px;
}

.sapUiMedia-Std-Desktop .sapSuiteCmpTileItemValue.Auto,
.sapUiMedia-Std-Tablet .sapSuiteCmpTileItemValue.Auto,
.sapSuiteCmpTileItemValue.M,
.sapUiMedia-Std-Phone .sapSuiteCmpTileItemValue.Auto,
.sapSuiteCmpTileItemValue.S {
	float: right;
	margin-left: 2px;
}

.sapSuiteCmpTileBar.L {
	height: 6px;
	padding-top: 3px;
	padding-bottom: 9px;
}

.sapUiMedia-Std-Desktop .sapSuiteCmpTileBar.Auto,
.sapUiMedia-Std-Tablet .sapSuiteCmpTileBar.Auto,
.sapSuiteCmpTileBar.M {
	height: 6px;
	padding-top: 1px;
	padding-bottom: 4px;
}

.sapUiMedia-Std-Phone .sapSuiteCmpTileBar.Auto,
.sapSuiteCmpTileBar.S {
	height: 6px;
	padding-top: 0;
	padding-bottom: 1px;
}

.sapSuiteCmpTileBar>div {
	height: 100%;
	float: left;
}

.sapSuiteCmpTileBarNegNoValue {
	background-color: #e2e2e2;
	border-right: 1px solid white;
	box-sizing: border-box;
	-moz-box-sizing: border-box;

}

.sapSuiteCmpTileBarNoValue {
	background-color: #e2e2e2;
	border-left: 1px solid white;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/* END "ChartTile.less" */

/* START "DateRangeScroller.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/DateRangeScroller.control */
/* ============================================= */


.sapSuiteUiCommonsDateRangeScrollerLabel {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
}

.sapSuiteUiCommonsDateRangeScrollerScrollBtn {
	display: inline-block;
	text-indent: -99999px;
	background-repeat: no-repeat;
	height: 22px;
	width: 22px;
	background-position: 3px 3px;
}

/* END "DateRangeScroller.less" */

/* START "DateRangeSlider.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/DateRangeSlider.control */
/* ============================================= */

/* END "DateRangeSlider.less" */

/* START "DateRangeSliderInternal.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/DateRangeSliderInternal.control */
/* ============================================= */

.sapSuiteUiCommonsDateRangeSlider{
	position: relative;
}

.sapSuiteUiCommonsDateRangeSliderBubble {
	position: absolute;
	height: 18px;
	width: 102px;
	top: 30px;
	bottom: -15px;
	background-image: url(img/bubble_1.png);
	background-size: 102px 18px;
}

.sapSuiteUiCommonsDateRangeSliderBubbleLbl{
	position: absolute;
	left: 0px;
	width: 102px;
	top: -14px;
	text-align:center;
}

.sapSuiteUiCommonsDateRangeSliderBubbleLblTxt {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align:center;
}

.sapUiSliHori.sapUiSli.sapUiSuiteDRSliBub{
	height: 55px;
}


.sapUiSliGrip.sapUiSliGripPin:link,
.sapUiSliGrip.sapUiSliGripPin:visited,
.sapUiSliGrip.sapUiSliGripPin:active,
.sapUiSliGrip.sapUiSliGripPin:hover,
.sapUiSliGrip.sapUiSliGripPin:focus {
	background-color: @sapUiExtraLightBG;
	border-color: @sapUiTextDisabled;
	outline: none;
}


.sapUiSliGrip.sapUiSliGripPin {
	border-color: @sapUiTextDisabled;
	cursor: default;
}

/* END "DateRangeSliderInternal.less" */

/* START "FacetOverview.less" */
/* ========================================================== */
/* CSS for control sap.suite.ui.commons/FacetOverview.control */
/* ========================================================== */

.sapSuiteFov {
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	overflow: hidden;
	background-color: @sapUiGroupContentBackground;
}

.sapSuiteFovTitle {
	margin-top: 13px;
	margin-left: 1rem;
	margin-right: 1rem;
	height: 34px;
	font-size: 18px;
	font-family: @sapUiFontFamily;
}

.sapSuiteFov > .sapSuiteFovContent .sapMLabel {
	color: @sapUiContentLabelColor;
}

.sapSuiteFovContent {
	position: relative;
	margin-left: 1rem;
	margin-right: 1rem;
	margin-top: -47px;
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-bottom: 1rem;
	padding-top: 47px;
}

.sapSuiteFovQty {
	display: inline;
	float: left;
	padding-left: 0.25rem;
}

.sapSuiteFovHoverIcon {
	font-size: 21px;
	opacity: 0.6;
	text-align: right;
	display: none;
	padding-left: 0.25rem;
}

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

.sapSuiteFovTitleText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
}

.sapSuiteFovClickable,
.sapSuiteFovClickable .sapMLabel {
	cursor: pointer;
}

.sapSuiteFovClickable:focus .sapSuiteFovHoverIcon,
.sapSuiteFovClickable:hover .sapSuiteFovHoverIcon {
	display: block;
}


/* END "FacetOverview.less" */

/* START "FeedItemHeader.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/FeedItemHeader.control */
/* ============================================= */

.sapSuiteUiCommonsFeedItemHeader {
	height: 100%;
	width: 100%;
	border: 0;
}

.sapSuiteUiCommonsFeedItemHeaderImage {
	height: 7.5rem;
	width: 18rem;
	background-size: 90%;
	background-repeat: no-repeat;
	float: left;
	background-position:2rem 2rem;
}

.sapSuiteUiCommonsFeedItemHeaderText {
	height: 7.5rem;
	width: 40rem;
	padding-top: 2rem;
	padding-left: 2rem;
	padding-right: 2rem;
	overflow: hidden;
}

.sapSuiteUiCommonsFeedItemHeaderTitle {
	font-family: Arial, Helvetica, sans-serif;   /*TODO: Use LESS param*/
	font-size: 16px;
	font-weight: normal;
	color: #00679e;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-bottom: .3rem;
	height: 2.4rem;
}

.sapSuiteUiCommonsFeedItemHeaderTitleMultiCol {
	width: 20rem;
}

.sapSuiteUiCommonsFeedItemHeaderDescription  {
	font-family: Arial, Helvetica, sans-serif; /*TODO: Use LESS param*/
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: normal;
}

.sapSuiteUiCommonsFeedItemHeaderDescriptionMultiCol {
	column-count:2;
	column-gap: 2rem;
	-webkit-column-count:2;
	-webkit-column-gap: 2rem;
	-moz-column-count:2;
	-moz-column-gap: 2rem;
}

.sapSuiteUiCommonsFeedItemHeaderLowerText {
	font-family: Arial, Helvetica, sans-serif; /*TODO: Use LESS param*/
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF; /*TODO: Use LESS param*/
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-top: 5.5rem;
	padding-left: 2rem;
	padding-bottom: 1.5rem;
}

.sapSuiteUiCommonsFeedItemHeaderSource,
.sapSuiteUiCommonsFeedItemHeaderAge
{
	background-color: #808080;
	background-color: rgba(0, 0, 0, 0.65);
	padding-left: .6rem;
}

.sapSuiteUiCommonsFeedItemHeaderHeight {
	height: 9.5rem;
}

/* END "FeedItemHeader.less" */

/* START "FeedTile.less" */
/* ============================================= */
/* CSS base theme for control sap.suite.ui.commons/FeedTile.control */
/* ============================================= */

.sapSuiteUiCommonsFeedTile{
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 0.25rem;
}

.sapSuiteUiCommonsFeedTileBackground{
	height: 100%;
	width: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
}

.sapSuiteUiCommonsFeedTileText{
	position: relative;
	top: 53%;
	height: 47%;
	background-color: black;
	background-color: rgba(0, 0, 0, 0.65);
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

.sapSuiteUiCommonsFeedTileTitle{
	font-family: 'OpenSans-Semibold', sans-serif; /*TODO: Use LESS param*/
	color: white; /*TODO: Use LESS param*/
	font-size: 1.125rem;
	padding: 8px 15px 0px 15px;
	word-wrap: break-word;
	overflow: hidden;
	height: 53%;
}

.sapSuiteUiCommonsFeedTileLowerText {
	margin-top: 6px;
	font-size: .875rem;
	font-family: 'OpenSans-Regular', sans-serif; /*TODO: Use LESS param*/
	color: #cccccc; /*TODO: Use LESS param*/
	width: 100%;
}

.sapSuiteUiCommonsFeedTileSource,
.sapSuiteUiCommonsFeedTileAge{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.sapSuiteUiCommonsFeedTileSource{
	width: 50%;
	padding-left: 15px;
}

.sapSuiteUiCommonsFeedTileAge{
	width: 50%;
	padding-right: 15px;
	text-align: end;
}

.sapSuiteFTItemHidden {
	display: none;
}

/* for slide animation from NavContainer*/

.sapSuiteFTItemCenter {
	-webkit-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	border-radius: 0.25rem;
}
.sapSuiteFTItemRight {
	-webkit-transition-property: -webkit-transform;
	-webkit-transform: translate3d(100%, 0px, 0px);
	transform: translate3d(100%, 0px, 0px);
	transition-property: transform;
}
.sapSuiteFTItemLeft {
	-webkit-transition-property: -webkit-transform;
	-webkit-transform: translate3d(-100%, 0px, 0px);
	transition-property: transform;
	transform: translate3d(-100%, 0px, 0px);
}

.sapSuiteFTItemSliding {
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

/* END "FeedTile.less" */

/* START "GenericTile2X2.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/GenericTile.control */
/* ============================================= */

.sapSuiteGT2x2 {
	display: inline-block;
	overflow: hidden;
	background: @sapUiWhite;
	border-radius: 4px;
	position: relative;
	border: 0.0625rem transparent dotted;
	outline: none;
}

.sapSuiteGT2x2 .sapSuiteGTHdrTxt>.sapSuiteGTTitle,
.sapSuiteGT2x2 .sapSuiteGTSubHdrTxt,
.sapSuiteGT2x2 .sapSuiteGT .sapSuiteGTContent {
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
}

.sapSuiteGT2x2 .sapSuiteGTHdrTxt>.sapSuiteGTTitle,
.sapSuiteGT2x2 .sapSuiteGenericTileFtrFldTxt>.sapSuiteGTFailed {
	cursor: inherit;
}

.sapSuiteGT2x2 .sapSuiteGTFailed {
	width: 90%;
}

.sapSuiteGT2x2 .sapSuiteGTInnrCnt {
	display: inline-block;
}

.sapSuiteGT2x2 .sapSuiteGTContent {
	display: inline-block;
	white-space: nowrap;
	width: 100%;
}

.sapUiMedia-Std-Desktop .sapSuiteGT2x2 .sapSuiteGTContent.Auto,
.sapSuiteGT2x2 .sapSuiteGTContent.L,
.sapUiMedia-Std-Tablet .sapSuiteGT2x2 .sapSuiteGTContent.Auto,
.sapSuiteGT2x2 .sapSuiteGTContent.M {
	height: 19.5rem;
}

.sapUiMedia-Std-Phone .sapSuiteGT2x2 .sapSuiteGTContent.Auto,
.sapSuiteGT2x2 .sapSuiteGTContent.S {
	height: 15.3rem;
}

.sapSuiteGT2x2 .sapSuiteGTHdrTxt {
	overflow: hidden;
}

.sapSuiteGT2x2 .sapSuiteGTSubHdrTxt {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	margin-top: -.1875rem;
}

.sapUiMedia-Std-Phone .sapSuiteGT2x2 .sapSuiteGT.Auto.TwoByTwo,
.sapSuiteGT2x2 .sapSuiteGT.S.TwoByTwo {
	width: 19rem;
	height: 19rem;
}

.sapUiMedia-Std-Desktop .sapSuiteGT2x2 .sapSuiteGT.Auto.TwoByTwo,
.sapSuiteGT2x2 .sapSuiteGT.L.TwoByTwo,
.sapUiMedia-Std-Tablet .sapSuiteGT2x2 .sapSuiteGT.Auto.TwoByTwo,
.sapSuiteGT2x2 .sapSuiteGT.M.TwoByTwo {
	width: 23.5rem;
	height: 23.5rem;
}

.sapSuiteGT2x2 .sapSuiteGTHdrContent {
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	margin-top: 0.5rem;
}

.sapUiMedia-Std-Phone .sapSuiteGT2x2 .sapSuiteGTHdrContent.Auto,
.sapSuiteGT2x2 .sapSuiteGTHdrContent.S {
	height: 3.125rem;
	margin-top: 0.5rem;
}

.sapSuiteGT2x2 .sapSuiteGTHdrContent.L.TwoByTwo,
.sapUiMedia-Std-Desktop .sapSuiteGT2x2 .sapSuiteGTHdrContent.Auto,
.sapUiMedia-Std-Tablet .sapSuiteGT2x2 .sapSuiteGTHdrContent.Auto,
.sapSuiteGT2x2 .sapSuiteGTHdrContent.M {
	height: 3.5rem;
	margin-top: 0.5rem;
}

.sapSuiteGT2x2 .sapSuiteGTHdrIconImage {
	float: right;
	width: 2.5rem;
	min-height: 2.5rem;
	font-size: 2.5rem;
}

.sapSuiteGT2x2 .sapSuiteGTOverlay {
	position: absolute !important;
	opacity: 0.8;
	z-index: 1;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
}

.sapSuiteGT2x2 .sapSuiteGenericTileLoading {
	height: 100%;
}

.sapSuiteGT2x2 .sapSuiteGenericTileFtrFld {
	left: 0.5rem;
	bottom: 0.5rem;
	display: table;
	position: absolute;
	padding-right: 1rem;
	padding-left: 1rem;
}

.sapSuiteGT2x2 .sapSuiteGenericTileFtrFldTxt {
	font-weight: normal;
	display:table-cell;
	padding-left: 0.5rem;
	vertical-align: bottom;
	width: 100%;
}

html[dir=rtl] .sapSuiteGT2x2 .sapSuiteGenericTileFtrFldTxt {
	padding-right:0.5rem;
}

.sapSuiteGT2x2 .sapSuiteGenericTileFtrFldIcn {
	margin-right: 0.5rem;
	display: table-cell;
	vertical-align: bottom;
}

.sapSuiteGT2x2 .sapSuiteGenericTileFtrFldIcn>.sapSuiteGTFtrFldIcnMrk {
	vertical-align: bottom;
}

/* END "GenericTile2X2.less" */

/* START "HeaderCell.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/HeaderCell.control */
/* ============================================= */

.sapSuiteUiCommonsHeaderCell{
	box-sizing:border-box;
	padding-bottom: 1.125rem;
	padding-top: 0.875rem;
	padding-left: 0.625rem;
	padding-right: 0.625rem;
	display: inline-block;
}

.sapMOHR .sapSuiteUiCommonsHeaderCell {
	padding: 0rem;
}

.WE.sapSuiteHdrCellWest {
	float: left;
	width: 50%;
	height: 100%;
}

.WE.sapSuiteHdrCellEast {
	float: right;
	width: 50%;
	height: 100%;
}

.WNS.sapSuiteHdrCellWest {
	width: 50%;
	height: 100%;
	float: left;
}

.WNES.sapSuiteHdrCellEast,
.WNES.sapSuiteHdrCellNorth,
.NES.sapSuiteHdrCellEast,
.WNS.sapSuiteHdrCellNorth,
.WNS.sapSuiteHdrCellSouth {
	width: 50%;
	height: 50%;
	float: right;
}

.WNES.sapSuiteHdrCellSouth,
.WNES.sapSuiteHdrCellWest,
.NES.sapSuiteHdrCellSouth,
.NES.sapSuiteHdrCellNorth {
	width: 50%;
	height: 50%;
	float: left;
}

.NES.sapSuiteHdrCellEast {
	width: 50%;
	height: 100%;
	float: right;
}

.S.sapSuiteHdrCellSouth,
.E.sapSuiteHdrCellEast,
.W.sapSuiteHdrCellWest,
.N.sapSuiteHdrCellNorth {
	width: 100%;
	height: 100%;
}

/* END "HeaderCell.less" */

/* START "HeaderContainer.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/HeaderContainer.control */
/* ============================================= */

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

.sapSuiteHdrCntr.Horizontal {
	max-width: 100%;
}

.sapSuiteHdrCntr.Vertical {
	max-height: 100%;
}

.sapSuiteHdrCntrBtn {
	display: none;
}

.sapSuiteHdrCntrBtnCntr.Horizontal {
	position: absolute;
	top:0px;
	bottom:0px;
	min-width: 1.375rem;
}

.Horizontal > .sapSuiteHdrCntrLeft {
	left: 0rem;
}

.Horizontal > .sapSuiteHdrCntrRight {
	right: 0rem;
}

.sapSuiteHdrCntrBtnCntr.Vertical {
	position: absolute;
	left: 0px;
	right: 0px;
	min-height: 1.375rem;
}
.sapSuiteHdrCntrLeft.Vertical {
	top: 0rem;
}

.sapSuiteHdrCntrRight.Vertical {
	bottom: 0rem;
}

.sapSuiteHdrCntrBtnCntr.Horizontal >.sapSuiteHdrCntrBtn {
	position: absolute;
	top:50%;
	margin-top: -1.5rem;
	min-width: 1.375rem;
}

.sapSuiteHdrCntrBtnCntr.Vertical >.sapSuiteHdrCntrBtn {
	position: absolute;
	left: 50%;
	margin-left: -1.5rem;
	height: 2.5rem;
	padding: 0px;
}

.sapSuiteHdrCntrBtnCntr.Vertical >.sapSuiteHdrCntrBtn.sapSuiteHdrCntrRight {
	bottom: 0px;
}


.sapSuiteHdrCntrCntr.Horizontal {
	white-space: nowrap;
}

.sapSuiteHdrCntrCntr.Vertical {
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.sapSuiteHrdrCntrInner {
	position:relative;
	vertical-align: bottom;
	margin-top: 0.065rem;
	margin-bottom: 0.065rem;
	margin-left: 0.065rem;
	margin-right: 0.065rem;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	overflow: visible;
}

.sapSuiteHdrCntrCntr.Vertical .sapSuiteHrdrCntrInner {
	float: left;
	clear: left;
}

.sapSuiteHdrCntrCntr.Horizontal .sapSuiteHrdrCntrInner:not(:first-child) {
	margin-left: 1rem;
}

.sapSuiteHdrCntrCntr.Vertical .sapSuiteHrdrCntrInner:not(:first-child) {
	margin-top: 1rem;
}

.sapSuiteHrdrCntrDvdrs .sapSuiteHrdrCntrInner:not(:first-child)::after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:inline-block;
}

.sapSuiteHrdrCntrDvdrs.Horizontal .sapSuiteHrdrCntrInner::after {
	top:10px;
	bottom:10px;
	left:-9px;
	border-left:1px solid @sapUiFieldBorderColor;
}

.sapSuiteHrdrCntrDvdrs.Vertical .sapSuiteHrdrCntrInner::after {
	left:10px;
	right:10px;
	top:-9px;
	border-top: 1px solid @sapUiFieldBorderColor;
}

.sapSuiteKTileBorder {
	display: none;
}

.sapSuiteHdrPddngRight2 {
	padding-right: 2rem;
}

.sapSuiteHdrPddngRight0 {
	padding-right: 0rem;
}

.sapSuiteHdrPddngLeft2 {
	padding-left: 2rem;
}

.sapSuiteHdrPddngleft0 {
	padding-left: 0rem;
}

/* END "HeaderContainer.less" */

/* START "ImageEditor.less" */
.sapSuiteUiCommonsImageEditor {
	width: 100%;
	min-height: 100%;
	max-height: 100%;
	box-sizing: border-box;
	position: relative;
	overflow: auto;
	display: flex;
	min-width: 1px; // fix for IE
}

.sapSuiteUiCommonsImageEditorNoData {
	display: none;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.sapSuiteUiCommonsImageEditorNoDataText {
	font-size: @sapMFontLargeSize;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapSuiteUiCommonsImageEditorNoData:focus{
	outline: 1px dotted @sapUiContentFocusColor;
	outline-offset: 1px;
}

.sapSuiteUiCommonsImageEditorCanvasInnerContainer {
	position: relative;
	width: 100%;
	flex: 0 0 auto;
	margin: auto;
	overflow: hidden;
}

.sapSuiteUiCommonsImageEditorCanvasInnerContainer:focus{
	outline: 1px dotted @sapUiContentFocusColor;
	outline-offset: 1px;
}

.sapSuiteUiCommonsImageEditorCanvas {
	position: absolute;
	top: 0;
	left: 0;
	transform-origin: top left;
	box-sizing: border-box;

	&.sapSuiteUiCommonsImageEditorCanvasResize {
		width: 100%;
		height: 100%;
	}
}

.sapSuiteUiCommonsImageEditor.sapSuiteUiCommonsImageEditorEmpty {
	.sapSuiteUiCommonsImageEditorCanvasInnerContainer {
		display: none;
	}

	.sapSuiteUiCommonsImageEditorNoData {
		display: flex;
	}
}

.sapSuiteUiCommonsImageEditorTransformHandlers {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;

	.sapSuiteUiCommonsImageEditorHandlerContainer {
		&.sapSuiteUiCommonsImageEditorTop {
			top: -0.125rem;
		}

		&.sapSuiteUiCommonsImageEditorBottom {
			bottom: -0.125rem;
		}

		&.sapSuiteUiCommonsImageEditorLeft {
			left: -0.125rem;
		}

		&.sapSuiteUiCommonsImageEditorRight {
			right: -0.125rem;
		}
	}
}

// resize box shadow
.sapSuiteUiCommonsImageEditorTransformHandlers:before {
	content: '';
	display: block;
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(255, 255, 255, 0.5);
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5) inset;
}

.sapSuiteUiCommonsImageEditor.sapSuiteUiCommonsImageEditorModeResize {
	.sapSuiteUiCommonsImageEditorTransformHandlers {
		display: block;
	}
}

.sapSuiteUiCommonsImageEditorCropOverlayContainer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	display: none;

	.sapSuiteUiCommonsImageEditorCropOverlayBlack {
		fill: black;
		fill-opacity: 0.5;
	}

	.sapSuiteUiCommonsImageEditorCropOverlayWhite {
		fill: white;
		fill-opacity: 0.25;
	}
}

.sapSuiteUiCommonsImageEditorCropInnerRectangle {
	position: absolute;
	overflow: visible;
	pointer-events: none;
	display: none;

	svg {
		width: 100%;
		height: 100%;
		overflow: visible;
	}

	.sapSuiteUiCommonsImageEditorCropSvg {
		position: absolute;
	}

	&.sapSuiteUiCommonsImageEditorCropInnerRectangleSmall {
		.sapSuiteUiCommonsImageEditorDragHandlerContainer {
			font-size: 1rem;
			width: 1.5rem;
			height: 1.5rem;
		}

		.sapSuiteUiCommonsImageEditorCropThirds {
			display: none;
		}
	}

	&.sapSuiteUiCommonsImageEditorCropInnerRectangleVerySmall {
		.sapSuiteUiCommonsImageEditorDragHandlerContainer {
			font-size: 0.625rem;
			width: 1rem;
			height: 1rem;
		}

		.sapSuiteUiCommonsImageEditorCropThirds {
			display: none;
		}

		.sapSuiteUiCommonsImageEditorHandler.sapSuiteUiCommonsImageEditorHandlerHorizontal {
			max-height: 0.125rem;
		}

		.sapSuiteUiCommonsImageEditorHandler.sapSuiteUiCommonsImageEditorHandlerVertical {
			max-width: 0.125rem;
		}

		.sapSuiteUiCommonsImageEditorHandlerContainer {
			&.sapSuiteUiCommonsImageEditorRight, &.sapSuiteUiCommonsImageEditorLeft {
				max-width: 0.5rem;
			}

			&.sapSuiteUiCommonsImageEditorTop, &.sapSuiteUiCommonsImageEditorBottom {
				max-height: 0.5rem;
			}
		}
	}

	&.sapSuiteUiCommonsImageEditorCropInnerRectangleExtraSmall {
		.sapSuiteUiCommonsImageEditorDragHandlerContainer {
			display: none;
		}

		.sapSuiteUiCommonsImageEditorCropThirds {
			display: none;
		}

		.sapSuiteUiCommonsImageEditorHandler.sapSuiteUiCommonsImageEditorHandlerHorizontal {
			max-height: 0.0625rem;
		}

		.sapSuiteUiCommonsImageEditorHandler.sapSuiteUiCommonsImageEditorHandlerVertical {
			max-width: 0.0625rem;
		}
	}
}

.sapSuiteUiCommonsImageEditor.sapSuiteUiCommonsImageEditorModeCropRectangle,
.sapSuiteUiCommonsImageEditor.sapSuiteUiCommonsImageEditorModeCropEllipse,
.sapSuiteUiCommonsImageEditor.sapSuiteUiCommonsImageEditorModeCropCustomShape {
	.sapSuiteUiCommonsImageEditorCropOverlayContainer {
		display: block;
	}

	.sapSuiteUiCommonsImageEditorHandlerContainer {
		&.sapSuiteUiCommonsImageEditorTop {
			top: -0.0625rem;
		}

		&.sapSuiteUiCommonsImageEditorBottom {
			bottom: -0.0625rem;
		}

		&.sapSuiteUiCommonsImageEditorLeft {
			left: -0.0625rem;
		}

		&.sapSuiteUiCommonsImageEditorRight {
			right: -0.0625rem;
		}
	}
}

.sapSuiteUiCommonsImageEditor.sapSuiteUiCommonsImageEditorModeCropRectangle,
.sapSuiteUiCommonsImageEditor.sapSuiteUiCommonsImageEditorModeCropEllipse,
.sapSuiteUiCommonsImageEditor.sapSuiteUiCommonsImageEditorModeCropCustomShape.sapSuiteUiCommonsImageEditorModeCropCustomShapeLoaded {
	.sapSuiteUiCommonsImageEditorCropInnerRectangle {
		display: block;
	}
}

.sapSuiteUiCommonsImageEditorCropItemRectangle, .sapSuiteUiCommonsImageEditorCropItemEllipse, .sapSuiteUiCommonsImageEditorCropItemCustomShape {
	display: none;
}

.sapSuiteUiCommonsImageEditorModeCropRectangle {
	.sapSuiteUiCommonsImageEditorCropItemRectangle {
		display: block;
	}
}

.sapSuiteUiCommonsImageEditorModeCropEllipse {
	.sapSuiteUiCommonsImageEditorCropItemEllipse {
		display: block;
	}
}

.sapSuiteUiCommonsImageEditorModeCropCustomShape {
	.sapSuiteUiCommonsImageEditorCropItemCustomShape {
		display: block;
	}
}

.sapSuiteUiCommonsImageEditorDragHandlerContainer {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 8rem;
	height: 8rem;
	font-size: 3rem;
	color: @sapUiContentContrastIconColor;
	text-shadow: 0 0.1875rem 5px rgba(0, 0, 0, 0.5);
	pointer-events: auto;
	cursor: move;
	display: flex;
	justify-content: center;
	align-items: center;

	.sapUiIcon {
		cursor: move;
	}
}

.sapSuiteUiCommonsImageEditorHandlerContainer {
	position: absolute;
	width: 100%;
	max-width: 1rem;
	height: 100%;
	max-height: 1rem;
	pointer-events: auto;
}

.sapSuiteUiCommonsImageEditorHandler {
	position: absolute;
	background: white;

	&.sapSuiteUiCommonsImageEditorHandlerHorizontal {
		width: 100%;
		height: 100%;
		max-height: 0.1875rem;

		.sapSuiteUiCommonsImageEditorBottom & {
			bottom: 0;
			box-shadow: 0 -0.1875rem 5px 0 rgba(0, 0, 0, 0.5);
		}

		.sapSuiteUiCommonsImageEditorTop & {
			box-shadow: 0 0.1875rem 5px 0 rgba(0, 0, 0, 0.5);
		}
	}

	&.sapSuiteUiCommonsImageEditorHandlerVertical {
		width: 100%;
		max-width: 0.1875rem;
		height: 100%;

		.sapSuiteUiCommonsImageEditorRight & {
			right: 0;
			box-shadow: -0.1875rem 0 5px 0 rgba(0, 0, 0, 0.5);
		}

		.sapSuiteUiCommonsImageEditorLeft & {
			box-shadow: 0.1875rem 0 5px 0 rgba(0, 0, 0, 0.5);
		}
	}
}

.sapSuiteUiCommonsImageEditorTop {
	top: 0;
}

.sapSuiteUiCommonsImageEditorBottom {
	bottom: 0;
}

.sapSuiteUiCommonsImageEditorLeft {
	left: 0;
}

.sapSuiteUiCommonsImageEditorRight {
	right: 0;
}

.sapSuiteUiCommonsImageEditorCenter {
	left: 50%;
	transform: translateX(-50%);
}

html[dir=rtl] .sapSuiteUiCommonsImageEditorCenter {
	transform: translateX(50%);
}

.sapSuiteUiCommonsImageEditorMiddle {
	top: 50%;
	transform: translateY(-50%);
}

.sapSuiteUiCommonsImageEditorCropLine {
	stroke-width: 1;
	stroke: white;
	stroke-dasharray: 3, 2;
}

.sapSuiteUiCommonsImageEditor {
	.ui-resizable-nw {
		cursor: nw-resize;
	}

	.ui-resizable-ne {
		cursor: ne-resize;
	}

	.ui-resizable-sw {
		cursor: sw-resize;
	}

	.ui-resizable-se {
		cursor: se-resize;
	}

	.ui-resizable-n {
		cursor: n-resize;
	}

	.ui-resizable-s {
		cursor: s-resize;
	}

	.ui-resizable-w {
		cursor: w-resize;
	}

	.ui-resizable-e {
		cursor: e-resize;
	}
}

/* END "ImageEditor.less" */

/* START "ImageEditorContainer.less" */
.sapSuiteUiCommonsImageEditorContainer {
	width: 100%;
	height: 100%;
	overflow: auto;
	display: flex;
	flex-direction: column;

	&:focus{
		outline: 1px dotted @sapUiContentFocusColor;
		outline-offset: 1px;
	}
}

.sapSuiteUiCommonsImageEditorContainerHeaderToolbar {
	flex: 0 0 auto;
}

.sapSuiteUiCommonsImageEditorContainerMobileToolbar {
	flex: 0 0 auto;
	display: none;
}

.sapSuiteUiCommonsImageEditorContainerMobileSlider {
	display: none;
}

.sapSuiteUiCommonsImageEditorContainerContent {
	display: flex;
	flex: 1 1 auto;
	min-height: 1px; // fix for problems with height propagation to min-height property
}

.sapSuiteUiCommonsImageEditorContainerPanel {
	flex: 0 0 16.25rem;
	overflow: auto;
	background-color: @sapUiPageFooterBackground;

	.sapSuiteUiCommonsImageEditorContainerPanelArea {
		padding: 0.5rem 0.75rem 0.5rem 0.75rem;
	}
}

.sapUiMedia-Std-Phone {
	.sapSuiteUiCommonsImageEditorContainerContent {
		flex-direction: column;
	}

	.sapSuiteUiCommonsImageEditorContainerWrapper {
		order: 0;
	}

	.sapSuiteUiCommonsImageEditorContainerWrapper {
		min-height: 1px;
	}

	.sapSuiteUiCommonsImageEditorContainerPanel {
		order:1;
		flex: 0 0 auto;
	}

	.sapSuiteUiCommonsImageEditorContainerGridList > ul {
		flex-wrap: nowrap;
		overflow: auto;
	}

	.sapSuiteUiCommonsImageEditorContainerGridItem {
		width: 5.5rem;
		flex: 0 0 auto;
	}

	.sapSuiteUiCommonsImageEditorContainerGridItem > .sapMLIBContent {
		height: 5rem;
	}

	.sapSuiteUiCommonsImageEditorContainerGridItemHeaderContent.sapSuiteUiCommonsImageEditorContainerGridItemHeaderFilterContent {
		height: 2.5rem;
	}

	.sapSuiteUiCommonsImageEditorContainerMobileToolbar {
		display: flex;
	}

	.sapSuiteUiCommonsImageEditorContainerMobileSlider {
		display: inline-block;
	}

	.sapSuiteUiCommonsImageEditorContainerPanelArea, .sapSuiteUiCommonsImageEditorContainerHeaderToolbar {
		display: none;
	}

	.sapSuiteUiCommonsImageEditorContainerPanelArea.sapSuiteUiCommonsImageEditorContainerPanelAreaMobile {
		display: block;
	}
}

.sapSuiteUiCommonsImageEditorContainerFilterIcons {
	font-family: "SAP-icons";

	.sapMITBText {
		font-size: @sapMFontLargeSize;
	}
}

// grid list 
.sapSuiteUiCommonsImageEditorContainerGridList > ul {
	display: flex;
	flex-wrap: wrap;
}

// change z-index to show whole outline when the items are in focus
.sapSuiteUiCommonsImageEditorContainerGridList .sapMLIBFocusable:focus {
	z-index: 1;
}

.sapSuiteUiCommonsImageEditorContainerTabBar {
	// override default padding of the icon tab bar
	.sapMITBContent {
		padding: 0;
		border-bottom: 0;
	}

	.sapMITH {
		border-bottom: 0;
	}
}

.sapSuiteUiCommonsImageEditorContainerGridItem {
	width: 50%;
}

.sapSuiteUiCommonsImageEditorContainerGridItem > .sapMLIBContent {
	display: flex;
	box-sizing: border-box;
	flex-direction: column;
	justify-content: center;
	height: 6.25rem;
	padding: 0.5rem;
	box-shadow: 0 0 0 1px @sapUiListBorderColor;
}

.sapSuiteUiCommonsImageEditorContainerGridItemIcon {
	flex: 1 1 auto;
}

.sapSuiteUiCommonsImageEditorContainerGridItemHeaderContent {
	width: 100%;
	height: 3.125rem; // absolute height, because 100% causes problems in some browsers
	fill: @sapUiButtonBackground;
	stroke: @sapUiButtonBorderColor;
	stroke-width: 1.001; // decimal number to force rendering even with crispEdges turned on

	&.sapSuiteUiCommonsImageEditorContainerGridItemHeaderFilterContent {
		height: 3.625rem;
	}

	rect {
		vector-effect: non-scaling-stroke; // prevents stroke from scaling because of the viewBox, doesn't work in IE but should look closely enough
		shape-rendering: crispEdges;
	}

	ellipse {
		vector-effect: non-scaling-stroke;
	}
}

.sapSuiteUiCommonsImageEditorContainerGridItemLabel {
	font-family: @sapUiFontFamily;
	font-size: @sapMFontSmallSize;
	color: @sapUiBaseText;
	margin-top: 0.75rem;
}

&.sapSuiteUiCommonsImageEditorContainerGridItemSelected {
	background-color: @sapUiListSelectionBackgroundColor;
	box-shadow: 0 0 0 1px @sapUiListSelectionBackgroundColor;
}

.sapSuiteUiCommonsImageEditorContainerWrapper {
	display: flex;
	flex: 1 1 auto;
	min-height: 100%;
	padding: 1rem;
	min-width: 1px;
	background-color: @sapUiContentForegroundColor;
	box-sizing: border-box;
}

/* END "ImageEditorContainer.less" */

/* START "InfoTile.less" */
.sapSuiteInfoTile {
	background-color: #FFFFFF;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative;
	cursor: pointer;
}

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

.sapSuiteInfoTile.L {
	height: 212px;
	width: 224px;
	border-radius: 8px;
	padding: 12px 16px;
}

.sapUiMedia-Std-Desktop .sapSuiteInfoTile.Auto,
.sapUiMedia-Std-Tablet .sapSuiteInfoTile.Auto,
.sapSuiteInfoTile.M {
	height: 174px;
	width: 184px;
	border-radius: 6px;
	padding: 8px 10px;
}

.sapUiMedia-Std-Phone .sapSuiteInfoTile.Auto,
.sapSuiteInfoTile.S {
	height: 142px;
	width: 148px;
	border-radius: 6px;
	padding: 6px 10px;
}

.sapSuiteInfoTileTitleTxt {
	color: @sapUiText;
}

.sapSuiteInfoTileTitleTxt > .sapMText {
	cursor: inherit;
}

.sapSuiteInfoTileTitleTxt.L > .sapMText {
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 5px;
	width: 192px;
}

.sapUiMedia-Std-Desktop .sapSuiteInfoTileTitleTxt.Auto > .sapMText,
.sapUiMedia-Std-Tablet .sapSuiteInfoTileTitleTxt.Auto > .sapMText,
.sapSuiteInfoTileTitleTxt.M > .sapMText  {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 3px;
	width: 164px;
}

.sapUiMedia-Std-Phone .sapSuiteInfoTileTitleTxt.Auto > .sapMText,
.sapSuiteInfoTileTitleTxt.S > .sapMText  {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 2px;
	width: 128px;
}

.sapSuiteInfoTileFtrTxt {
	position: absolute;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: @sapUiLightText;
}

.sapSuiteInfoTileTitleTxt.Failed,
.sapSuiteInfoTileDescTxt.Failed {
	color: fade(@sapUiLightText, 20);
}

.sapUiMedia-Std-Phone .sapSuiteInfoTileFtrTxt.Auto,
.sapSuiteInfoTileFtrTxt.S {
	bottom: 8px;
	font-size: 12px;
	line-height: 16px;
	left: 10px;
	right: 10px;
}

.sapUiMedia-Std-Desktop .sapSuiteInfoTileFtrTxt.Auto,
.sapUiMedia-Std-Tablet .sapSuiteInfoTileFtrTxt.Auto,
.sapSuiteInfoTileFtrTxt.M {
	bottom: 10px;
	font-size: 14px;
	left: 10px;
	right: 10px;
}

.sapSuiteInfoTileFtrTxt.L {
	bottom: 12px;
	font-size: 14px;
	left: 16px;
	right: 16px;
}

.sapSuiteInfoTileDescTxt {
	color: @sapUiLightText;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sapSuiteInfoTileDescTxt.L {
	font-size: 14px;
}

.sapUiMedia-Std-Desktop .sapSuiteInfoTileDescTxt.Auto,
.sapUiMedia-Std-Tablet .sapSuiteInfoTileDescTxt.Auto,
.sapSuiteInfoTileDescTxt.M {
	font-size: 14px;
}

.sapUiMedia-Std-Phone .sapSuiteInfoTileDescTxt.Auto,
.sapSuiteInfoTileDescTxt.S {
	font-size: 12px;
}

.sapSuiteInfoTileContent {
	position: absolute;
	overflow: hidden;
}

.sapSuiteInfoTileContent.L {
	max-height: 90px;
	bottom: 30px;
	left: 16px;
	right: 16px;
}

.sapUiMedia-Std-Desktop .sapSuiteInfoTileContent.Auto,
.sapUiMedia-Std-Tablet .sapSuiteInfoTileContent.Auto,
.sapSuiteInfoTileContent.M {
	max-height: 60px;
	bottom: 28px;
	left: 10px;
	right: 10px;
}

.sapUiMedia-Std-Phone .sapSuiteInfoTileContent.Auto,
.sapSuiteInfoTileContent.S {
	max-height: 45px;
	bottom: 23px;
	left: 10px;
	right: 10px;
}

.sapSuiteInfoTileFtrFldTxt {
	padding-left: 0.5rem;
}

.sapSuiteInfoTile .sapUiLocalBusyIndicator {
	background-color: transparent;
}
.sapSuiteInfoTileLoading {
	width:40px;
	height: 8px
}

/* END "InfoTile.less" */

/* START "InfoTileSize.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/InfoTileSize.control */
/* ============================================= */

.sapSuiteUiCommonsInfoTileSize{
	color: @sapUiTextColor;
	border: 1px solid blue;
}

/* END "InfoTileSize.less" */

/* START "KpiTile.less" */
/* ==================================================== */
/* CSS for control sap.suite.ui.commons/KpiTile.control */
/* ==================================================== */

.sapSuiteKTile {
	min-width: 148px;
	width: 148px;
	height: 64px;
	position: relative;
	padding: 6px 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: inline-block;
	text-align: left;
}

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

.sap-phone .sapSuiteKTile:nth-of-type(1) > .sapSuiteKTileBorder {
	display:none;
}

.sapSuiteKTileValue {
	font-weight: bold;
	position: absolute;
	bottom: 22px;
	left: 0;
	right: 0;
	padding: 0 0 0 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapSuiteKTileValueSmallText {
	font-size: 1rem;
}

.sapSuiteKTileValueLargeText {
	font-size: 2rem;
	margin-bottom: -4px;
}

.sapSuiteKTileScale {
	font-size: 0.875rem;
	padding-left: 4px;
}

.sapSuiteKTileDesc{
	font-size: 0.75rem;
	color: @sapUiContentLabelColor;
	position: absolute;
	bottom: 4px;
	white-space: nowrap;
	overflow: hidden;
	left: 10px;
	right: 0;
	display: block;
	text-overflow: ellipsis;
}

.sapSuiteKTileBorder {
	height: 48px;
	width: 1px;
	background-color: @sapUiFieldBorderColor;
	bottom: 0px;
	position: absolute;
	left: -1px;

}


/* END "KpiTile.less" */

/* START "LaunchTile.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/LaunchTile.control */
/* ============================================= */

.sapSuiteUiCommonsLaunchTile{
	height: 100%;
	width: 100%;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 5px #ccc;
}

.sapSuiteUiCommonsLaunchTileTitle{
	padding: 15px 15px 0px 15px;
	font-size: 20px;
	line-height: 22px;
	height: 44px;
	word-wrap: break-word;
	overflow: hidden;
	font-family: 'OpenSans-Regular', sans-serif;
	color: #444444;
}

.sapSuiteUiCommonsLaunchTileIcon {
	text-align: center;
	margin-top: 15px;
}

/* END "LaunchTile.less" */

/* START "LinkActionSheet.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/LinkActionSheet.control */
/* ============================================= */

.sapUILinkActionSheet> {
	.sapUILinkActionSheetLink,
	.sapUILinkActionSheetLink:visited,
	.sapUILinkActionSheetLink:active {
		display: block;
		border-top: 0.0625rem solid rgba(229, 229, 229, 0.2);
		height: 3rem;
		color: @sapUiLink;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		text-align: left;
		text-decoration: none;
		padding: 1rem 1rem 0 1rem;
		font-family: @sapUiFontFamily;
		font-size: 0.875rem;
		outline: none;
	}
}

.sapMActionSheetMixedButtons.sapUILinkActionSheet>.sapUILinkActionSheetLink {
	padding-left: 3rem;
}

.sapUILinkActionSheet>.sapUILinkActionSheetLink:active {
	color: @sapUiButtonActiveTextColor;
	background-color: @sapUiButtonActiveBackground;
}

html[data-sap-ui-browser^="ie"] {
	.sapUILinkActionSheet > .sapUILinkActionSheetLink {
		padding-left:1rem;
	}

	.sapUILinkActionSheetButton {
		text-align: left;
	}

}

.sap-desktop .sapUILinkActionSheetLink:focus {
	outline: 1px dotted;
	outline-color: @sapUiContentFocusColor;
	outline-offset: -1px;
}

/* IE ignores outline-offset. Use an overlay. */
.sap-desktop[data-sap-ui-browser^="ie"] {
	.sapUILinkActionSheetLink:focus {
		outline: none;
		position: relative;
	}

	.sapUILinkActionSheetLink:focus:before {
		content: " ";
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		border: 1px dotted @sapUiContentFocusColor;
	}
}

/* END "LinkActionSheet.less" */

/* START "MicroProcessFlow.less" */
.sapSuiteUiCommonsMicroProcessFlow {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	overflow: hidden;
	position: relative;
	margin: 2px;
}

.sapSuiteUiCommonsMicroProcessFlowContent {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.sapSuiteUiCommonsMicroProcessFlowScrolling {
	display: flex;
	flex-direction: row;
	margin: 2px;

	width: 100%;
}

.sapSuiteUiCommonsMicroProcessFlowScrollingTransition {
	transition: transform 300ms ease;
}

.sap-tablet .sapUiSizeCozy .sapSuiteUiCommonsMicroProcessFlowItemContent,
.sap-phone .sapUiSizeCozy .sapSuiteUiCommonsMicroProcessFlowItemContent {
	padding: 3px;
}

.sapSuiteUiCommonsMicroProcessFlowItem {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 1px solid @sapUiNeutralBorder;
	color: @sapUiNeutralBorder;
	background-color: @sapUiGroupContentBackground;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sapUiSizeCozy .sapSuiteUiCommonsMicroProcessFlowItem {
	width: 28px;
	height: 28px;
}

.sapSuiteUiCommonsMicroProcessFlowItemContent:focus,
.sapSuiteUiCommonsMicroProcessFlowItem:focus {
	outline: 1px dotted @sapUiContentFocusColor;
	outline-offset: 1px;
}

.sapSuiteUiCommonsMicroProcessFlow:focus {
	outline: 1px dotted @sapUiContentFocusColor;
	outline-offset: 1px;
}

.sapSuiteUiCommonsMicroProcessFlowItem .sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
	font-size: 0.75rem;
}

.sapSuiteUiCommonsMicroProcessFlowItemStandard {
	color: @sapUiNeutralBorder;
}

.sapSuiteUiCommonsMicroProcessFlowItemSuccess {
	border-color: @sapUiPositiveElement;
	background-color: @sapUiPositiveElement;
}

.sapSuiteUiCommonsMicroProcessFlowItemError {
	border-color: @sapUiNegativeElement;
	background-color: @sapUiNegativeElement;
}

.sapSuiteUiCommonsMicroProcessFlowItemWarning {
	border-color: @sapUiCriticalElement;
	background-color: @sapUiCriticalElement;
}

.sapSuiteUiCommonsMicroProcessFlowItemInformation {
  	border-color: @sapUiHighlight;
  	background-color: @sapUiHighlight;
}

.sapSuiteUiCommonsMicroProcessFlowItemError .sapSuiteUiCommonsMicroProcessFlowItemIcon,
.sapSuiteUiCommonsMicroProcessFlowItemWarning .sapSuiteUiCommonsMicroProcessFlowItemIcon,
.sapSuiteUiCommonsMicroProcessFlowItemSuccess .sapSuiteUiCommonsMicroProcessFlowItemIcon,
.sapSuiteUiCommonsMicroProcessFlowItemInformation .sapSuiteUiCommonsMicroProcessFlowItemIcon {
	color: @sapUiContentContrastIconColor
}

.sapSuiteUiCommonsMicroProcessFlowItemSuccess:hover {
	background-color: lighten(@sapUiPositiveElement, 10);
	border-color: lighten(@sapUiPositiveElement, 10);
}

.sapSuiteUiCommonsMicroProcessFlowItemWarning:hover {
	background-color: lighten(@sapUiCriticalElement, 10);
	border-color: lighten(@sapUiCriticalElement, 10);
}

.sapSuiteUiCommonsMicroProcessFlowItemError:hover {
	background-color: lighten(@sapUiNegativeElement, 10);
	border-color: lighten(@sapUiNegativeElement, 10);
}

.sapSuiteUiCommonsMicroProcessFlowItemInformation:hover {
  background-color: lighten(@sapUiHighlight, 10);
  border-color: lighten(@sapUiHighlight, 10);
}

.sapSuiteUiCommonsMicroProcessFlowItemWrapper {
	display: flex;
	align-items: center;
	margin-top: 2px;
	margin-bottom: 2px;
	flex-shrink: 0;
}

.sapSuiteUiCommonsMicroProcessFlowItemSeparator {
	height: 1px;
	background-color: @sapUiContentForegroundBorderColor;
	margin-left: 3px;
	margin-right: 3px;
	flex-grow: 1;
}

.sap-tablet .sapUiSizeCozy .sapSuiteUiCommonsMicroProcessFlowItemSeparator,
.sap-phone .sapUiSizeCozy .sapSuiteUiCommonsMicroProcessFlowItemSeparator {
	margin-left: 1px;
	margin-right: 1px;
}

.sapSuiteUiCommonsMicroProcessFlowItemSeparator.MicroProcessFlowItemSeparatorBegin {
	flex-basis: 6px;
	flex-grow: 0;
}

.sapSuiteUiCommonsMicroProcessFlowItemSeparator.MicroProcessFlowItemSeparatorEnd {
	flex-grow: 1;
}

.sapSuiteUiCommonsMicroProcessFlowItemSeparatorWrapper {
	width: 1.5rem;
	position: relative;
}

.sapSuiteUiCommonsMicroProcessFlowItemOnHoldElement {
	width: 4px;
	height: 20px;
	background-color: @sapUiNegativeElement;
}

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

.sapSuiteUiCommonsMicroProcessFlowItemIcon {
	cursor: inherit;
}

.sapSuiteUiCommonsMicroProcessFlowItemPressed:hover .sapSuiteUiCommonsMicroProcessFlowItemWarning.sapSuiteUiCommonsMicroProcessFlowItem,
.sapSuiteUiCommonsMicroProcessFlowItemPressed:hover .sapSuiteUiCommonsMicroProcessFlowItemError.sapSuiteUiCommonsMicroProcessFlowItem,
.sapSuiteUiCommonsMicroProcessFlowItemPressed:hover .sapSuiteUiCommonsMicroProcessFlowItemSuccess.sapSuiteUiCommonsMicroProcessFlowItem,
.sapSuiteUiCommonsMicroProcessFlowItemPressed:hover .sapSuiteUiCommonsMicroProcessFlowItemInformation.sapSuiteUiCommonsMicroProcessFlowItem {
	background-color: @sapUiHighlight;
	border-color: @sapUiHighlight;
}

.sapSuiteUiCommonsMicroProcessFlowItemPressed:hover .sapSuiteUiCommonsMicroProcessFlowItem {
	background-color: @sapUiHighlight;
}

.sapSuiteUiCommonsMicroProcessFlowItemHiddenSeparator {
	display: none;
}

.sapSuiteUiCommonsMicroProcessFlowScroller {
	flex-shrink: 0;
	cursor: pointer;
	min-width: 31px;
	height: 28px;
	display: flex;
	align-items: center;
}

.sapSuiteUiCommonsMicroProcessFlowLeftScroller {
	margin-left: 2px;
	padding-right: 2px;
}

.sapSuiteUiCommonsMicroProcessFlowRightScroller {
	padding-left: 2px;
	padding-right: 3px;
	justify-content: flex-end;
}

.sapSuiteUiCommonsMicroProcessFlowArrow {
	cursor: pointer;
	color: @sapUiContentIconColor;
}

.sapSuiteUiCommonsMicroProcessFlowArrow:hover {
	color: @sapUiHighlight;
}

.sapSuiteUiCommonsMicroProcessFlowLeftLabel {
	margin-left: -3px;
	font-size: 14px;
	padding-left: 5px;
	user-select: none;
}

.sapSuiteUiCommonsMicroProcessFlowRightLabel {
	padding-right: 4px;
	user-select: none;
}

.sapSuiteUiCommonsMicroProcessFlowScroller:focus {
	outline: none;
}

/* END "MicroProcessFlow.less" */

/* START "MonitoringContent.less" */

/* ============================================= */
/* CSS for control sap.suite.ui.commons/MonitoringContent.control */
/* ============================================= */

.sapSuiteUiCommonsMC {
	position: relative;
}

.sapUiMedia-Std-Desktop .sapSuiteUiCommonsMC.Auto,
.sapSuiteUiCommonsMC.L {
	max-height: 90px;
	width: 192px;
}

.sapUiMedia-Std-Tablet .sapSuiteUiCommonsMC.Auto,
.sapSuiteUiCommonsMC.M {
	max-height: 60px;
	width: 164px;
}

.sapUiMedia-Std-Phone .sapSuiteUiCommonsMC.Auto,
.sapSuiteUiCommonsMC.S,
.sapSuiteUiCommonsMC.XS {
	max-height: 45px;
	width: 128px;
}

.sapSuiteUiCommonsMCValue {
	font-weight: bold;
	display: inline-block;
}

.sapUiMedia-Std-Phone .sapSuiteUiCommonsMCValue.Auto,
.sapSuiteUiCommonsMCValue.S,
.sapSuiteUiCommonsMCValue.XS {
	font-size: 32px;
	margin-right: 4px;
}

.sapUiMedia-Std-Tablet .sapSuiteUiCommonsMCValue.Auto,
.sapSuiteUiCommonsMCValue.M {
	font-size: 48px;
	margin-right: 6px;
}

.sapUiMedia-Std-Desktop .sapSuiteUiCommonsMCValue.Auto,
.sapSuiteUiCommonsMCValue.L {
	font-size: 56px;
	margin-right: 8px;
}

.sapSuiteUiCommonsMCIcon {
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	color: blue;
}

.sapUiMedia-Std-Phone .sapSuiteUiCommonsMCIcon.Auto,
.sapSuiteUiCommonsMTIcon.S,
.sapSuiteUiCommonsMTIcon.XS {
	font-size: 24px;
}

.sapUiMedia-Std-Tablet .sapSuiteUiCommonsMCIcon.Auto,
.sapSuiteUiCommonsMCIcon.M {
	font-size: 36px;
}

.sapUiMedia-Std-Desktop .sapSuiteUiCommonsMCIcon.Auto,
.sapSuiteUiCommonsMCIcon.L {
	font-size: 40px;
}

.sapSuiteUiCommonsMCValue.Loading,
.sapSuiteUiCommonsMCValue.Failed,
.sapSuiteUiCommonsMCIcon.Loading,
.sapSuiteUiCommonsMCIcon.Failed {
	opacity: 0.25;
}

/* END "MonitoringContent.less" */

/* START "MonitoringTile.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/MonitoringTile.control */
/* ============================================= */

/* END "MonitoringTile.less" */

/* START "NetworkGraph.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/NetworkGraph */
/* ============================================= */
.sapMSelectList li[data-islast="true"],
.sapMSelectList li[data-islast="true"] {
	border-bottom: 1px solid @sapUiContentForegroundBorderColor;
}

.sapSuiteUiCommonsNetworkGraph {
	display: flex;
	min-width: 150px;
	min-height: 150px;
	flex-direction: column;
}

.sapSuiteUiCommonsNetworkGraphFullScreen {
	width: 100% !important;
}

.sapSuiteUiCommonsNetworkGraph:focus {
	outline: 1px dotted @sapUiContentFocusColor;
	outline-offset: 0px;
}

.sapSuiteUiCommonsNetworkGraphPanning {
	cursor: move;
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}

.sapSuiteUiCommonsNetworkGraphEventWrapper {
	fill: none;
	pointer-events: all;
}

.sapSuiteUiCommonsNetworkGraphContentWrapperAccessibility {
	display: none;
}

.sapSuiteUiCommonsNetworkGraphScroller {
	overflow: auto;
	width: 100%;
	display: flex;
	position: relative;
	z-index: 0;
}

.sapSuiteUiCommonsNetworkGraphInnerScrollerCenter {
	position: relative;
	margin: auto;
}

.sapSuiteUiCommonsNetworkGraphSearchField {
	max-width: 220px;
}

.sapSuiteUiCommonsNetworkGraphBackgroundWhite {
	background-color: @sapUiGroupContentBackground;
}

.sapSuiteUiCommonsNetworkGraphBackgroundDefault {
	background-color: @sapUiBaseBG;
}

.sapSuiteFlickerFreeRect {
	fill: @sapUiBaseBG;
	width: 1000px;
	height: 1000px;
}

.sapSuiteUiCommonsNetworkGraphToolbar {
	flex-shrink: 0;
}

/** Svg elements **/
.sapSuiteUiCommonsNetworkGraphSvg {
	vertical-align: bottom;
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	overflow: hidden;
	position: absolute;
	//margin: auto;

	transform-origin: top left;
	pointer-events: none;
}

.sapSuiteUiCommonsNetworkGraphContainerOverlay {
	background-color: @sapUiListBackground;
	width: 100%;
	height: 100%;
}

.sapSuiteUiCommonsNetworkGraphIcon {
	dominant-baseline: central;
	pointer-events: none;
}

.sapSuiteUiCommonsNetworkGraphSvg .sapSuiteUiCommonsNetworkGraphIcon,
.sapSuiteUiCommonsNetworkGraphDivActionButton .sapSuiteUiCommonsNetworkGraphIcon,
.sapSuiteUiCommonsNetworkTopGroup .sapSuiteUiCommonsNetworkGraphIcon,
.sapSuiteUiCommonsNetworkGroupHeader .sapSuiteUiCommonsNetworkGraphIcon {
	font-family: SAP-icons;
}

.sapSuiteUiCommonsNetworkGraphLegend {
	width: 200px;
	height: 100%;
	flex-shrink: 0;
	margin: 10px;
}

.sapSuiteUiCommonsNetworkGraphContentWrapper {
	display: flex;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.sapSuiteUiCommonsNetworkGraphContentWrapper:focus {
	outline: 1px dotted @sapUiContentFocusColor;
	outline-offset: 1px;
}


//** Legend **//
.sapSuiteUiCommonsNetworkGraphLegendLine {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 2px;

	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.sapSuiteUiCommonsNetworkGraphLegendTitleLine {
	padding-top: 10px;
}

.sapSuiteUiCommonsNetworkGraphLegendTitleNode,
.sapSuiteUiCommonsNetworkGraphLegendTitleLine {
	padding-bottom: 2px;
}

.sapSuiteUiCommonsNetworkGraphLegendLine:hover {
	background-color: @sapUiButtonHoverBackground;
}

.sapSuiteUiCommonsNetworkGraphLegendColorLine {
	width: 10px;
	height: 10px;
	margin: 6px;
	background-color: @sapUiContentForegroundBorderColor;
}

.sapSuiteUiCommonsNetworkGraphLegendLineLabel {
	margin-right: 5px;
}

//** Attributes **/
.sapSuiteUiCommonsNetworkGraphSvg .sapSuiteUiCommonsNetworkGraphAttribute {
	font-size: 12px;
	fill: @sapUiBaseText;
}

.sapSuiteUiCommonsNetworkGraphSvg .sapSuiteUiCommonsNetworkGraphAttributeValue {
	font-weight: bold;
}

.sapSuiteUiCommonsNetworkGraphAttributeValue {
	font-weight: bold;
}

.sapSuiteUiCommonsNetworkGraphLegendColorLine.sapSuiteUiCommonsNetworkElementSuccess {
	background-color: @sapUiSuccessBorder;
}

.sapSuiteUiCommonsNetworkGraphLegendColorLine.sapSuiteUiCommonsNetworkElementError {
	background-color: @sapUiErrorBorder;
}

.sapSuiteUiCommonsNetworkGraphLegendColorLine.sapSuiteUiCommonsNetworkElementInformation {
	background-color: @sapUiHighlight;
}

.sapSuiteUiCommonsNetworkGraphLegendColorLine.sapSuiteUiCommonsNetworkElementWarning {
	background-color: @sapUiWarningBorder;
}

.sapSuiteUiCommonsNetworkAlertWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: @sapUiBaseText;
	opacity: 0;
	pointer-events: none;
	transition: opacity ease-in-out;

	z-index: 500;
}

.sapSuiteUiCommonsNetworkAlertText {
	font-size: 22px;
	color: @sapUiTileBackground;
	font-family: Roboto, Arial, sans-serif;
	position: relative;
	margin: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
}

/* ============================================= */
/* CSS for control sap.suite.ui.commons/GraphMap */
/* ============================================= */
.sapSuiteUiCommonsNetworkGraphMapDivNodes {
	pointer-events: none;
	transform-origin: top left;
	position: absolute;
}

.sapSuiteUiCommonsNetworkGraphMapSvg {
	vertical-align: bottom;
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	overflow: hidden;
}

.sapSuiteUiCommonsNetworkGraphMapDivGroups {
	pointer-events: none;
	transform-origin: top left;
	position: absolute;
	width: 100%;
}

html[dir=rtl] .sapSuiteUiCommonsNetworkGraphMapDivGroups {
	transform-origin: top right;
}

.sapSuiteUiCommonsNetworkGraphMapDivNodes .sapSuiteUiCommonsNetworkBox .sapSuiteUiCommonsNetworkGraphDivInner,
.sapSuiteUiCommonsNetworkGraphMapDivNodes .sapSuiteUiCommonsNetworkNodeCircle .sapSuiteUiCommonsNetworkGraphDivInner {
	pointer-events: none;
}

.sapSuiteUiCommonsNetworkGraphMapBoundary {
	fill: none;
	stroke: @sapUiContentForegroundBorderColor;
	vector-effect: non-scaling-stroke;
	stroke-width: 2px;
	shape-rendering: crispEdges;
}

.sapSuiteUiCommonsNetworkGraphMapTitle {
	height: 3rem;
	display: flex;
	align-items: center;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 1px solid @sapUiGroupTitleBorderColor;
	flex-shrink: 0;
	box-sizing: border-box;
}

.sapUiSizeCompact .sapSuiteUiCommonsNetworkGraphMapTitle {
	height: 2rem;
}

.sapSuiteUiCommonsNetworkGraphMapNavigator {
	stroke: @sapUiActive;
	fill: none;
	stroke-width: 2px;
	vector-effect: non-scaling-stroke;
}

.sapSuiteUiCommonsNetworkGraphSvgNavigator {
	position: absolute;
	pointer-events: none;
}

.sapSuiteUiCommonsNetworkGraphMapContent {
	margin: 12px;
	display: flex;
	position: relative;
}

.sapSuiteUiCommonsNetworkGraphMapTitleText {
	font-size: @sapMFontLargeSize;
	color: @sapTextColor;
}

.sapSuiteUiCommonsNetworkGraphMap {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.sapSuiteNetworkGraphErrorText {
	margin: 5px;
	color: @sapUiErrorBorder;
}

.sapSuiteUiCommonsNetworkGraph.sapSuiteUiCommonsNetworkGraphLayered.sapSuiteUiCommonsNetworkGraphCrispEdges .sapSuiteUiCommonsNetworkGraphSvg path,
.sapSuiteUiCommonsNetworkGraph.sapSuiteUiCommonsNetworkGraphLayered.sapSuiteUiCommonsNetworkGraphCrispEdges .sapSuiteUiCommonsNetworkGraphSvg line,
.sapSuiteUiCommonsNetworkGraph.sapSuiteUiCommonsNetworkGraphLayered.sapSuiteUiCommonsNetworkGraphCrispEdges .sapSuiteUiCommonsNetworkGraphSvg rect {
	shape-rendering: crispedges;
}

.sapSuiteUiCommonsNetworkGraph.sapSuiteUiCommonsNetworkGraphLayered.sapSuiteUiCommonsNetworkGraphDefaultLineWidth .sapSuiteUiCommonsNetworkGraphSvg path,
.sapSuiteUiCommonsNetworkGraph.sapSuiteUiCommonsNetworkGraphLayered.sapSuiteUiCommonsNetworkGraphDefaultLineWidth .sapSuiteUiCommonsNetworkGraphSvg rect {
	vector-effect: non-scaling-stroke;
}

.sapSuiteUiCommonsNetworkGraph.sapSuiteUiCommonsNetworkGraphLayered .sapSuiteUiCommonsNetworkLineArrow {
	vector-effect: none;
	shape-rendering: auto;
}

.sapSuiteUiCommonsNetworkLaneBorder {
	stroke-dasharray: 5, 5;
}

.sapSuiteUiCommonsNetworkGraphLaneIcon {
	font-family: SAP-icons;
	pointer-events: none;
}

.sapSuiteUiCommonsNetworkGraphLaneIconWrapper {
	cursor: pointer;
	fill: none;
	pointer-events: fill;
}

.sapSuiteUiCommonsNetworkGraphDivNodes {
	position: absolute;
	pointer-events: none;
	transform-origin: top left;

	width: 100%;
	height: 100%;

	z-index: 8;
}

.sapSuiteUiCommonsNetworkGraphDivNodesCentered {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.sapSuiteUiCommonsNetworkGraphDivGroups {
	//pointer-events: none;
	transform-origin: top left;
	position: absolute;

	width: 100%;
}

.sapSuiteUiCommonsNetworkGraphSwimLane .sapSuiteUiCommonsNetworkGraphDivGroups {
	z-index: 49;
	pointer-events: none;
}

.sapSuiteUiCommonsNetworkGraphSwimLane .sapSuiteUiCommonsNetworkGraphSvg {
	pointer-events: all;
}

.sapSuiteUiCommonsNetworkGroupCollapsed.sapSuiteUiCommonsNetworkGroupVerticalSwimLane .sapSuiteUiCommonsNetworkGroupHeader {
	opacity: 0.8;
}

.sapSuiteUiCommonsNetworkGraphLineButtons {
	position: absolute;
	z-index: 9;
	display: flex;
}

.sapSuiteUiCommonsNetworkGraphNoDataWrapper {
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;

	display: flex;
	flex-direction: column;
	align-items: center;
}

.sapSuiteUiCommonsNetworkGraphNoDataIcon {
	font-size: 4rem;
}

.sapSuiteUiCommonsNetworkGraphNoDataLabel{
	font-size: 1.5rem;
}

/* END "NetworkGraph.less" */

/* START "NetworkGroup.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/NetworkGroup */
/* ============================================= */

.sapSuiteUiCommonsNetworkGroup {
	//background-color: @sapUiListBackground;
	background-color: transparent;
	border: 1px solid @sapUiListBorderColor;

	border-radius: 5px;
	position: absolute;
}

.sapSuiteUiCommonsNetworkGroupCollapsed.sapSuiteUiCommonsNetworkGroup {
	overflow: hidden;
}

.sapSuiteUiCommonsNetworkGroupHeaderTitle {
	font-size: @sapMFontMediumSize;
	user-select: none;
}

.sapSuiteUiCommonsNetworkGroup.sapSuiteUiCommonsNetworkGroupSwimLane {
	border-left-style: dashed;
}


.sapSuiteUiCommonsNetworkGroup.sapSuiteUiCommonsNetworkGroupSwimLane:first-of-type {
	border-left-style: solid;
}

.sapSuiteUiCommonsNetworkGroup:not(.sapSuiteUiCommonsNetworkGroupSwimLane) {
	-webkit-box-shadow: 0px 0px 35px 1px @sapUiListBorderColor;
	-moz-box-shadow: 0px 0px 35px 1px @sapUiListBorderColor;
	box-shadow: 0px 0px 35px 1px @sapUiListBorderColor;
}

.sapSuiteUiCommonsNetworkGroup.sapSuiteUiCommonsNetworkGroupSwimLane {
	border-right: none;
}

.sapSuiteUiCommonsNetworkGroup.sapSuiteUiCommonsNetworkGroupSwimLane {
	border-radius: 0;
}

.sapSuiteUiCommonsNetworkGroup.sapSuiteUiCommonsNetworkGroupSwimLane:last-of-type {
	border-right: 1px solid @sapUiListBorderColor;
}

.sapSuiteUiCommonsNetworkGroupHeader {
	border-bottom: 1px solid @sapUiListBorderColor;
	background-color: @sapUiListBackground;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	height: 32px;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	display: flex;
}

.sapSuiteUiCommonsNetworkGroupHeaderIcon {
	flex-shrink: 0;
}

.sapSuiteUiCommonsNetworkGroupHeaderInnerIcons {
	padding-right: 3px;
	flex-direction: row-reverse;

	flex-shrink: 0;
}

.sapSuiteUiCommonsNetworkGroupHeaderMenuIcon,
.sapSuiteUiCommonsNetworkGroupHeaderInnerText > div {
	color: @sapUiBaseText;
}

.sapSuiteUiCommonsNetworkGroup.sapSuiteUiCommonsNetworkGroupSwimLane .sapSuiteUiCommonsNetworkGroupHeader {
	border-radius: 0;
}

.sapSuiteUiCommonsNetworkGroupHeaderInner {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.sapSuiteUiCommonsNetworkGroupHeaderInnerText {
	flex-shrink: 1;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.sapSuiteUiCommonsNetworkGroupHeaderInner > * {
	padding: 4px;
	margin: 1px;

	overflow: hidden;
	text-overflow: ellipsis;
}

.sapUiSizeCozy .sapSuiteUiCommonsNetworkGroupHeaderInner .sapSuiteUiCommonsNetworkGraphHeaderCheckboxInner {
	width: 40px;
}

.sapSuiteUiCommonsNetworkGroupHeaderMenuIcon {
	cursor: pointer;
	pointer-events: all;
}

.sapSuiteUiCommonsNetworkGroupHeaderMenuIcon:focus {
	outline: 1px dashed @sapUiContentFocusColor;
}

.sapSuiteUiCommonsNetworkGroupHeaderMenuIcon:hover {
	background-color: @sapUiButtonHoverBackground;
	color: @sapUiBaseText !important;
}

.sapSuiteUiCommonsNetworkGraphMapContent .sapSuiteUiCommonsNetworkGroupHeaderMenuIcon {
	cursor: default;
	pointer-events: none;
}

// vertical swim lane
.sapSuiteUiCommonsNetworkGroupVerticalSwimLane .sapSuiteUiCommonsNetworkGroupHeader {
	justify-content: flex-end;
	height: 100%;
	width: 2rem;
	flex-direction: column-reverse;

	border-right: 1px solid @sapUiListBorderColor;
}

.sapSuiteUiCommonsNetworkGroupVerticalSwimLane .sapSuiteUiCommonsNetworkGroupHeaderInner {
	flex-direction: column;
}

.sapSuiteUiCommonsNetworkGroupVerticalSwimLane .sapSuiteUiCommonsNetworkGroupHeaderTitle {
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	transform: rotate(180deg);
}

.sapSuiteUiCommonsNetworkGroupVerticalSwimLane .sapSuiteUiCommonsNetworkGroupHeaderStatus {
	order: 1;
	width: 2rem;
	height: 0.375rem;
}

.sapSuiteUiCommonsNetworkGroupVerticalSwimLane .sapSuiteUiCommonsNetworkGroupHeaderInnerText {
	align-items: center;
}

.sapSuiteUiCommonsNetworkGroupHeaderInnerIcons {
	flex-direction: row-reverse;
}

.sapSuiteUiCommonsNetworkGroupHeaderStatus {
	width: 0.375rem;
	height: 100%;

	flex-shrink: 0;
}

.sapSuiteUiCommonsNetworkGroupVerticalSwimLane .sapSuiteUiCommonsNetworkGroupHeader {
	border: none;
}

.sapSuiteUiCommonsNetworkGroupVerticalSwimLane.sapSuiteUiCommonsNetworkGroupTopBottom .sapSuiteUiCommonsNetworkGroupHeader {
	border: none;
	border-right: 1px solid @sapUiListBorderColor;
}

.sapSuiteUiCommonsNetworkGroup.sapSuiteUiCommonsNetworkGroupSwimLane.sapSuiteUiCommonsNetworkGroupTopBottom {
	border-left-style: solid;
	border-right: 1px solid @sapUiListBorderColor;
}

.sapSuiteUiCommonsNetworkGroup.sapSuiteUiCommonsNetworkGroupSwimLane.sapSuiteUiCommonsNetworkGroupTopBottom {
	border-bottom: none;
	border-top-style: dashed;
}

.sapSuiteUiCommonsNetworkGroup.sapSuiteUiCommonsNetworkGroupSwimLane.sapSuiteUiCommonsNetworkGroupTopBottom.sapSuiteUiCommonsNetworkGroupCollapsed .sapSuiteUiCommonsNetworkGroupHeader {
	border: none;
}

.sapSuiteUiCommonsNetworkGroup.sapSuiteUiCommonsNetworkGroupSwimLane.sapSuiteUiCommonsNetworkGroupTopBottom:first-of-type {
	border-top-style: solid;
}

.sapSuiteUiCommonsNetworkGroup.sapSuiteUiCommonsNetworkGroupSwimLane.sapSuiteUiCommonsNetworkGroupTopBottom:last-of-type {
	border-bottom: 1px solid @sapUiListBorderColor;
}

// status
.sapSuiteUiCommonsNetworkElementSuccess .sapSuiteUiCommonsNetworkGroupHeaderStatus {
	background-color: @sapUiPositiveElement;
}

.sapSuiteUiCommonsNetworkElementError .sapSuiteUiCommonsNetworkGroupHeaderStatus {
	background-color: @sapUiNegativeElement;
}

.sapSuiteUiCommonsNetworkElementWarning .sapSuiteUiCommonsNetworkGroupHeaderStatus {
	background-color: @sapUiChartCritical;
}

.sapSuiteUiCommonsNetworkElementInformation .sapSuiteUiCommonsNetworkGroupHeaderStatus {
	background-color: @sapUiHighlight;
}

.sapSuiteUiCommonsNetworkGroupClassic.sapSuiteUiCommonsNetworkElementError .sapSuiteUiCommonsNetworkGroupHeader *,
.sapSuiteUiCommonsNetworkGroupClassic.sapSuiteUiCommonsNetworkElementWarning .sapSuiteUiCommonsNetworkGroupHeader *,
.sapSuiteUiCommonsNetworkGroupClassic.sapSuiteUiCommonsNetworkElementSuccess .sapSuiteUiCommonsNetworkGroupHeader *,
.sapSuiteUiCommonsNetworkGroupClassic.sapSuiteUiCommonsNetworkElementInformation .sapSuiteUiCommonsNetworkGroupHeader * {
	color: @sapUiContentContrastTextColor;
}

.sapSuiteUiCommonsNetworkGroupClassic.sapSuiteUiCommonsNetworkElementSuccess .sapSuiteUiCommonsNetworkGroupHeader {
	background-color: @sapUiPositiveElement;
	border-color: @sapUiPositiveElement;
}

.sapSuiteUiCommonsNetworkGroupClassic.sapSuiteUiCommonsNetworkElementSuccess {
	border-color: @sapUiPositiveElement;
}

.sapSuiteUiCommonsNetworkGroupClassic.sapSuiteUiCommonsNetworkElementError .sapSuiteUiCommonsNetworkGroupHeader {
	background-color: @sapUiNegativeElement;
	border-color: @sapUiNegativeElement;
}

.sapSuiteUiCommonsNetworkGroupClassic.sapSuiteUiCommonsNetworkElementError {
	border-color: @sapUiNegativeElement;
}

.sapSuiteUiCommonsNetworkGroupClassic.sapSuiteUiCommonsNetworkElementWarning .sapSuiteUiCommonsNetworkGroupHeader {
	background-color: @sapUiCriticalElement;
	border-color: @sapUiCriticalElement;
}

.sapSuiteUiCommonsNetworkGroupClassic.sapSuiteUiCommonsNetworkElementWarning {
	border-color: @sapUiCriticalElement;
}

.sapSuiteUiCommonsNetworkGroupClassic.sapSuiteUiCommonsNetworkElementInformation .sapSuiteUiCommonsNetworkGroupHeader {
	background-color: @sapUiHighlight;
	border-color: @sapUiHighlight;
}

.sapSuiteUiCommonsNetworkGroupClassic.sapSuiteUiCommonsNetworkElementInformation {
	border-color: @sapUiHighlight;
}

// top group
.sapSuiteUiCommonsNetworkTopGroup {
	position: absolute;

	display: flex;
	align-items: center;

	border-bottom: 1px solid @sapUiListBorderColor;
}

html[dir=rtl] .sapSuiteUiCommonsNetworkTopGroup {
	justify-content: flex-end;
}

.sapSuiteUiCommonsNetworkTopGroup.sapSuiteUiCommonsNetworkTopGroupRight {
	justify-content: flex-end;
}

html[dir=rtl] .sapSuiteUiCommonsNetworkTopGroupRight {
	justify-content: normal;
}

.sapSuiteUiCommonsNetworkTopGroupHeader {
	display: flex;
	margin-left: 14px;
	margin-right: 14px;
}

.sapSuiteUiCommonsNetworkTopGroupHeader * {
	margin-left: 4px;
	margin-right: 4px;
}

.sapSuiteUiCommonsNetworkTopGroupRight .sapSuiteUiCommonsNetworkTopGroupHeader {
	flex-direction: row-reverse;
}

html[dir=rtl] .sapSuiteUiCommonsNetworkTopGroupHeader {
	flex-direction: row-reverse;
}

html[dir=rtl] .sapSuiteUiCommonsNetworkTopGroupRight .sapSuiteUiCommonsNetworkTopGroupHeader {
	flex-direction: row;
}

.sapSuiteUiCommonsNetworkTopGroupDelimiter {
	border-left: 1px dashed @sapUiListBorderColor;
	top: 32px;
	height: 100%;
	left: 50%;

	position: absolute;
}

.sapSuiteUiCommonsNetworkGroupHeaderMenuIcon.sapSuiteUiCommonsNetworkElementFocus {
	outline: 1px dashed @sapUiContentFocusColor;
}

/* END "NetworkGroup.less" */

/* START "NetworkLine.less" */
.sapSuiteUiCommonsNetworkLineInvisibleWrapper {
	stroke-width: 8;
	stroke: none;
	pointer-events: stroke;
	fill: none;
}

.sapSuiteUiCommonsNetworkLinePath {
	fill: none;
	pointer-events: none;
}

.sapSuiteUiCommonsNetworkLines .sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLinePath,
.sapSuiteUiCommonsNetworkLines .sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLineArrow,
.sapSuiteUiCommonsNetworkLines .sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLineNipple {
	stroke-width: 2;
	stroke: @sapUiButtonHoverBorderColor;
}
.sapSuiteUiCommonsNetworkLines .sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLineArrow,
.sapSuiteUiCommonsNetworkLines .sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLineNipple {
	fill: @sapUiButtonHoverBorderColor;
}

.sapSuiteUiCommonsNetworkLines .sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkLinePath,
.sapSuiteUiCommonsNetworkLines .sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkLineArrow {
	stroke-width: 2;
	stroke: @sapUiSelected;
}

.sapSuiteUiCommonsNetworkLines .sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkLineArrow,
.sapSuiteUiCommonsNetworkLines .sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkLineNipple {
	fill: @sapUiSelected;
}

.sapSuiteUiCommonsNetworkLinePath {
	stroke: @sapUiNeutralElement;
}

.sapSuiteUiCommonsNetworkLineArrow {
	fill: @sapUiNeutralElement;
	stroke: @sapUiNeutralElement;
	pointer-events: none;

	shape-rendering: geometricPrecision !important;
}

.sapSuiteUiCommonsNetworkGraphZoomedOut {
	stroke-width: 3;
}

/* Colors - status */
.sapSuiteUiCommonsNetworkLineNipple {
	fill: @sapUiNeutralElement;
	shape-rendering: auto !important;
}
.sapSuiteUiCommonsNetworkElementWarning.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLinePath,
.sapSuiteUiCommonsNetworkElementWarning .sapSuiteUiCommonsNetworkLinePath {
	stroke: @sapUiCriticalElement;
}

.sapSuiteUiCommonsNetworkElementWarning.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLineArrow,
.sapSuiteUiCommonsNetworkElementWarning .sapSuiteUiCommonsNetworkLineArrow,
.sapSuiteUiCommonsNetworkElementWarning .sapSuiteUiCommonsNetworkLineNipple {
	stroke: @sapUiCriticalElement;
	fill: @sapUiCriticalElement;
}

.sapSuiteUiCommonsNetworkElementError.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLinePath,
.sapSuiteUiCommonsNetworkElementError .sapSuiteUiCommonsNetworkLinePath {
	stroke: @sapUiNegativeElement;
}

.sapSuiteUiCommonsNetworkElementError.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLineArrow,
.sapSuiteUiCommonsNetworkElementError .sapSuiteUiCommonsNetworkLineArrow,
.sapSuiteUiCommonsNetworkElementError .sapSuiteUiCommonsNetworkLineNipple {
	stroke: @sapUiNegativeElement;
	fill: @sapUiNegativeElement;
}

.sapSuiteUiCommonsNetworkElementSuccess.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLinePath,
.sapSuiteUiCommonsNetworkElementSuccess .sapSuiteUiCommonsNetworkLinePath {
	stroke: @sapUiPositiveElement;
}

.sapSuiteUiCommonsNetworkElementSuccess.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLineArrow,
.sapSuiteUiCommonsNetworkElementSuccess .sapSuiteUiCommonsNetworkLineArrow,
.sapSuiteUiCommonsNetworkElementSuccess .sapSuiteUiCommonsNetworkLineNipple {
	stroke: @sapUiPositiveElement;
	fill: @sapUiPositiveElement;
}


.sapSuiteUiCommonsNetworkElementInformation.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLinePath,
.sapSuiteUiCommonsNetworkElementInformation .sapSuiteUiCommonsNetworkLinePath {
	stroke: @sapUiHighlight;
}

.sapSuiteUiCommonsNetworkElementInformation.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkLineArrow,
.sapSuiteUiCommonsNetworkElementInformation .sapSuiteUiCommonsNetworkLineArrow,
.sapSuiteUiCommonsNetworkElementInformation .sapSuiteUiCommonsNetworkLineNipple {
	stroke: @sapUiHighlight;
	fill: @sapUiHighlight;
}


/* Line style */
.sapSuiteUiCommonsNetworkDashedLine {
	stroke-dasharray: 5, 5
}

.sapSuiteUiCommonsNetworkDottedLine {
	stroke-dasharray: 2, 2
}

.sapSuiteUiCommonsNetworkLineFocus {
	stroke: @sapUiContentFocusColor;
	stroke-dasharray: 0, 3;
  	stroke-linecap: round;
	fill: none;
	pointer-events: none;
	display: none;
}

.sapSuiteUiCommonsNetworkGraph.sapSuiteUiCommonsNetworkGraphLayered.sapSuiteUiCommonsNetworkGraphCrispEdges .sapSuiteUiCommonsNetworkGraphSvg path.sapSuiteUiCommonsNetworkLineFocus {
  	shape-rendering: geometricprecision;
}

.sapSuiteUiCommonsNetworkElementFocus .sapSuiteUiCommonsNetworkLineFocus {
	display: block;
}

.sapSuiteUiCommonsNetworkGraphMap .sapSuiteUiCommonsNetworkLine .sapSuiteUiCommonsNetworkLinePath {
	stroke-width: 2px;
	shape-rendering: crispEdges;
}

.sapSuiteUiCommonsNetworkGraphLineTooltip {
	background-color: @sapUiSelected;
	align-self: flex-start;
	padding: 8px;
	color: @sapUiContentContrastTextColor;
	margin-right: 10px;
	border-radius: 5px;

	position: relative;
}

.sapSuiteUiCommonsNetworkGraphLineTooltipArrow {
	font-family:SAP-icons;
	margin-left: 8px;
	vertical-align: middle;
	font-size: 13px;
}

.sapSuiteUiCommonsNetworkGraphLineTooltipText {
	white-space: nowrap;
	user-select: none;
	font-size: 13px;
}

.sapSuiteUiCommonsNetworkGraphDivShader {
	position: absolute;
	z-index: 101;
	opacity: 0.3;
	width: 300px;
	height: 300px;
	border-radius: 50%;

	display: none;

	background: white;
}


.sapSuiteUiCommonsNetworkGraphDivInnerCloned {
	position: absolute !important;
	top: 0 !important;;
	z-index: -1 !important;;
	border: none !important;
}

.sapSuiteUiCommonsNetworkGraphTooltips {
	position: absolute;
	transform-origin: top left;
	z-index: 100;
	pointer-events: none;
}

.sapSuiteUiCommonsNetworkGraphTooltipLeftArrow {
	position: absolute;
	left: -9px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right:10px solid @sapUiSelected;
}

.sapSuiteUiCommonsNetworkGraphTooltipRightArrow {
	position: absolute;
	width: 0;
	right: -9px;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;

	border-left: 10px solid @sapUiSelected;
}

.sapSuiteUiCommonsNetworkGraphTooltipBottomArrow {
	position: absolute;
	bottom: -9px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;

	border-top: 10px solid @sapUiSelected;
}

.sapSuiteUiCommonsNetworkGraphTooltipTopArrow {
	position: absolute;
	top: -9px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;

	border-bottom: 10px solid @sapUiSelected;
}

.sapSuiteUiCommonsNetworkGraphLineTooltipDualArrow {
	margin-right: -15px;
}


/* END "NetworkLine.less" */

/* START "NetworkNode.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/NetworkNode */
/* ============================================= */
.sapSuiteUiCommonsNetworkNode {
	pointer-events: fill
}

.sapSuiteUiCommonsNetworkInnerRect,
.sapSuiteUiCommonsNetworkInnerCircle,
.sapSuiteUiCommonsNetworkLane,
.sapSuiteUiCommonsNetworkCircleNodeTitleWrapper {
	stroke: @sapUiContentForegroundBorderColor;
}

.sapSuiteUiCommonsNetworkInnerRect,
.sapSuiteUiCommonsNetworkInnerCircle {
	fill: @sapUiListBackground;
}

.sapSuiteUiCommonsNetworkSvgText {
	fill: @sapUiBaseText;
}

.sapSuiteUiCommonsNetworkNodeActionButton {
	fill: @sapUiButtonBackground;
	stroke: @sapUiButtonBorderColor;
}

.sapSuiteUiCommonsNetworkNodeActionIcon {
	fill: @sapUiButtonTextColor;
}

.sapSuiteUiCommonsNetworkNodeTitle {
	font-size: @sapMFontMediumSize;
	dominant-baseline: hanging;
	pointer-events: none;
}

.sapSuiteUiCommonsNetworkBox .sapSuiteUiCommonsNetworkNodeTitle {
	dominant-baseline: central;
}

.sapSuiteUiCommonsNetworkNodes .sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkInnerRect,
.sapSuiteUiCommonsNetworkNodes .sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkInnerCircle {
	stroke: @sapUiButtonHoverBackground;
	fill: @sapUiButtonHoverBackground;
}

.sapSuiteUiCommonsNetworkNodes .sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkNodeBoxStatus,
.sapSuiteUiCommonsNetworkNodes .sapSuiteUiCommonsNetworkElementSelected.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkNodeBoxStatus,
.sapSuiteUiCommonsNetworkNodes .sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkNodeBoxStatus {
	fill: none;
	stroke: none;
}

.sapSuiteUiCommonsNetworkNodes .sapSuiteUiCommonsNetworkElementSelected.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkInnerRect,
.sapSuiteUiCommonsNetworkNodes .sapSuiteUiCommonsNetworkElementSelected.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkInnerCircle {
	fill: @sapUiButtonEmphasizedHoverBackground;
	stroke: @sapUiButtonEmphasizedHoverBackground;
}

.sapSuiteUiCommonsNetworkNodes .sapSuiteUiCommonsNetworkElementSelected.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkInnerRect {
	stroke: @sapUiButtonEmphasizedHoverBackground;
}

.sapSuiteUiCommonsNetworkNodes .sapSuiteUiCommonsNetworkElementSelected.sapSuiteUiCommonsNetworkElementHighlight.sapSuiteUiCommonsNetworkBox .sapSuiteUiCommonsNetworkNodeShape text:not(.sapSuiteUiCommonsNetworkNodeInfoIcon),
.sapSuiteUiCommonsNetworkNodes .sapSuiteUiCommonsNetworkElementSelected.sapSuiteUiCommonsNetworkBox .sapSuiteUiCommonsNetworkNodeShape text:not(.sapSuiteUiCommonsNetworkNodeInfoIcon) {
	fill: @sapUiContentContrastTextColor;
}

.sapSuiteUiCommonsNetworkNodes .sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkInnerCircleStatus,
.sapSuiteUiCommonsNetworkNodes .sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkInnerCircleStatus {
	stroke: none;
}

.sapSuiteUiCommonsNetworkNodes .sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkInnerCircle,
.sapSuiteUiCommonsNetworkNodes .sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkInnerRect {
	stroke: @sapUiSelected;
	fill: @sapUiSelected;
}

.sapSuiteUiCommonsNetworkBox .sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkCircleNodeIcon {
	fill: @sapUiContentContrastTextColor;
}

.sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkCircleNodeIcon {
	fill: @sapUiContentContrastTextColor;
}

.sapSuiteUiCommonsNetworkInnerCircleStatus {
	fill: none;
	stroke: none;
	stroke-width: 5;
}

.sapSuiteUiCommonsNetworkNodeBoxStatus {
	fill: none;
	stroke: none;
}

.sapSuiteUiCommonsNetworkElementWarning .sapSuiteUiCommonsNetworkNodeBoxStatus {
	fill: @sapUiCriticalElement;
	stroke: @sapUiCriticalElement;
}

.sapSuiteUiCommonsNetworkElementError .sapSuiteUiCommonsNetworkNodeBoxStatus {
	fill: @sapUiNegativeElement;
	stroke: @sapUiNegativeElement;
}

.sapSuiteUiCommonsNetworkElementSuccess .sapSuiteUiCommonsNetworkNodeBoxStatus {
	fill: @sapUiPositiveElement;
	stroke: @sapUiPositiveElement;
}

.sapSuiteUiCommonsNetworkElementWarning .sapSuiteUiCommonsNetworkInnerCircleStatus,
.sapSuiteUiCommonsNetworkElementWarning .sapSuiteUiCommonsNetworkInnerRect {
	stroke: @sapUiCriticalElement;
}

.sapSuiteUiCommonsNetworkElementError .sapSuiteUiCommonsNetworkInnerCircleStatus,
.sapSuiteUiCommonsNetworkElementError .sapSuiteUiCommonsNetworkInnerRect {
	stroke: @sapUiNegativeElement;
}

.sapSuiteUiCommonsNetworkElementSuccess .sapSuiteUiCommonsNetworkInnerCircleStatus,
.sapSuiteUiCommonsNetworkElementSuccess .sapSuiteUiCommonsNetworkInnerRect {
	stroke: @sapUiPositiveElement;
}

.sapSuiteUiCommonsNetworkBox.sapSuiteUiCommonsNetworkElementSuccess .sapSuiteUiCommonsNetworkNodeTitleIcon,
.sapSuiteUiCommonsNetworkBox.sapSuiteUiCommonsNetworkElementSuccess .sapSuiteUiCommonsNetworkNodeTitle,
.sapSuiteUiCommonsNetworkBox.sapSuiteUiCommonsNetworkElementWarning .sapSuiteUiCommonsNetworkNodeTitleIcon,
.sapSuiteUiCommonsNetworkBox.sapSuiteUiCommonsNetworkElementWarning .sapSuiteUiCommonsNetworkNodeTitle,
.sapSuiteUiCommonsNetworkBox.sapSuiteUiCommonsNetworkElementError .sapSuiteUiCommonsNetworkNodeTitleIcon,
.sapSuiteUiCommonsNetworkBox.sapSuiteUiCommonsNetworkElementError .sapSuiteUiCommonsNetworkNodeTitle {
	fill: @sapUiContentContrastTextColor;
}

.sapSuiteUiCommonsNetworkBox.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkNodeTitleIcon,
.sapSuiteUiCommonsNetworkBox.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkNodeTitle {
	fill: @sapUiContentForegroundTextColor;
}

.sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkInnerCircleStatus {
	stroke: @sapUiSelected;
}

.sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkNodeBoxStatus {
	fill: @sapUiSelected;
}

.sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkInnerRect {
	stroke: @sapUiSelected;
}

.sapSuiteUiCommonsNetworkCircleNodeIcon {
	fill: @sapUiContentForegroundTextColor;
	stroke: none;
}

.sapSuiteUiCommonsNetworkActionButtonFocusCircle,
.sapSuiteUiCommonsNetworkBoxFocus {
	display: none;
	fill: none;
	pointer-events: none;
	stroke: @sapUiContentFocusColor;
	stroke-dasharray: 0, 3;
	stroke-linecap: round;
}

.sapSuiteUiCommonsNetworkGraph.sapSuiteUiCommonsNetworkGraphLayered.sapSuiteUiCommonsNetworkGraphCrispEdges .sapSuiteUiCommonsNetworkGraphSvg rect.sapSuiteUiCommonsNetworkActionButtonFocusCircle {
	shape-rendering: geometricprecision;
}

.sapSuiteUiCommonsNetworkCircleFocus,
.sapSuiteUiCommonsNetworkGroupButton {
	display: none;
	fill: none;
	pointer-events: none;
	stroke-dasharray: 1, 3;
	stroke: @sapUiContentFocusColor;
}

.sapSuiteUiCommonsNetworkElementFocus .sapSuiteUiCommonsNetworkCircleFocus,
.sapSuiteUiCommonsNetworkElementFocus .sapSuiteUiCommonsNetworkBoxFocus,
.sapSuiteUiCommonsNetworkElementFocus > .sapSuiteUiCommonsNetworkActionButtonFocusCircle,
.sapSuiteUiCommonsNetworkElementFocus > .sapSuiteUiCommonsNetworkGroupButton {
	display: block;
}

.sapSuiteUiCommonsNetworkNodeCollapseIconWrapper {
	cursor: pointer;
}

.sapSuiteUiCommonsNetworkNodeTitle {
	font-size: @sapMFontMediumSize;
	fill: @sapUiContentForegroundTextColor;
}

.sapSuiteUiCommonsNetworkNodeDescription {
	font-size: @sapMFontSmallSize;
	fill: @sapUiBaseText;
	pointer-events: none;
}

.sapSuiteUiCommonsNetworkNodeTitleIcon {
	pointer-events: none;
	dominant-baseline: central;
	font-size: 16px;
	fill: @sapUiBaseText;
}

.sapSuiteUiCommonsNetworkBox .sapSuiteUiCommonsNetworkNodeMultipleLineTitle,
.sapSuiteUiCommonsNetworkNodeMultipleLineTitle {
	pointer-events: none;
	dominant-baseline: no-change;
	fill: @sapUiBaseText;
}

/** ACTION BUTTONS **/
.sapSuiteUiCommonsNetworkNodeActionButtonDisabled {
	fill-opacity: 0.5;
	stroke-opacity: 0.5;
	fill: @sapUiContentForegroundBorderColor;
}

.sapSuiteUiCommonsNetworkNodeActionButtonDisabled.sapSuiteUiCommonsNetworkNodeActionIcon {
	fill: @sapUiContentContrastTextColor;
}

.sapSuiteUiCommonsNetworkNodeActionIcon.sapSuiteUiCommonsNetworkNodeActionIconDisabled {
	fill-opacity: 0.5;
}

.sapSuiteUiCommonsNetworkNodeActionIcon.sapSuiteUiCommonsNetworkNodeActionButtonDisabled {
	fill-opacity: 0.5;
}

.sapSuiteUiCommonsNetworkNodeActionButton:hover {
	fill: @sapUiButtonHoverBackground;
	stroke: @sapUiButtonBorderColor;
}

.sapSuiteUiCommonsNetworkNodeActionButton:active {
	fill: @sapUiButtonActiveBackground;
	stroke: @sapUiButtonBorderColor
}

.sapSuiteUiCommonsNetworkNodeActionButtonWrapper {
	fill: none;
	display: none;
}

.sapSuiteUiCommonsNetworkNodeActionButtonsVisible.sapSuiteUiCommonsNetworkGraphDivActionButtons,
.sapSuiteUiCommonsNetworkNodeActionButtonsVisible.sapSuiteUiCommonsNetworkNodeActionButtonWrapper {
	display: block;
}

.sapSuiteUiCommonsNetworkNodeActionButton {
	font-size: 16px;
	cursor: pointer;
}

.sapSuiteUiCommonsNetworkNodeActionIcon {
	pointer-events: none;
	text-anchor: middle;
	font-size: 14px;
}

.sapSuiteUiCommonsNetworkNodeHeader {
	fill: none;
	stroke: none;
}

/** CIRCLE LAYOUT **/
.sapSuiteUiCommonsNetworkCircleNodeIcon {
	text-anchor: middle;
	alignment-baseline: central;
	pointer-events: none;
	font-size: 24px;
}

.sapSuiteUiCommonsNetworkNodeCircle .sapSuiteUiCommonsNetworkNodeTitleIcon {
	alignment-baseline: middle;
	fill: @sapUiBaseText;
}

.sapSuiteUiCommonsNetworkNodeCircle .sapSuiteUiCommonsNetworkNodeTitle {
	text-anchor: middle;
	fill: @sapUiBaseText;
}

.sapSuiteUiCommonsNetworkNodeInfoBox {
	fill: @sapUiListBackground;
	stroke: @sapUiContentForegroundBorderColor;
}

.sapSuiteUiCommonsNetworkNodeInfoIcon {
	font-size: 14px;
	text-anchor: middle;
	pointer-events: none;
	fill: @sapUiBaseText;
}

.sapSuiteUiCommonsNetworkNodeInfoWrapper {
	display: none;
}

.sapSuiteUiCommonsNetworkNodeInfoWrapperCustomIcon.sapSuiteUiCommonsNetworkNodeInfoWrapper {
	display: block;
}

.sapSuiteUiCommonsNetworkNodeCollapsed .sapSuiteUiCommonsNetworkNodeInfoWrapper,
.sapSuiteUiCommonsNetworkNodePartialCollapsed .sapSuiteUiCommonsNetworkNodeInfoWrapper {
	display: block;
}

.sapSuiteUiCommonsNetworkNodeCustomStatus .sapSuiteUiCommonsNetworkNodeInfoBox {
	fill: @sapUiTileBackground;
}

.sapSuiteUiCommonsNetworkNodeCustomStatus .sapSuiteUiCommonsNetworkNodeInfoIcon {
	fill: @sapUiBaseText;
}

.sapSuiteUiCommonsNetworkGraphDivInner {
	border: 1px solid @sapUiNeutralElement;
	background-color: @sapUiListBackground;
	font-size: 12px;
	position: relative;
}

.sapSuiteUiCommonsNetworkGraphDivInnerWrapper {
	position: relative;
	margin: auto;
}

.sapSuiteUiCommonsNetworkBox .sapSuiteUiCommonsNetworkGraphDivInner {
	overflow: hidden;
}

.sapSuiteUiCommonsNetworkBox .sapSuiteUiCommonsNetworkGraphDivInner {
	border-radius: 5px;
	pointer-events: all;
}

.sapSuiteUiCommonsNetworkNodeCircle .sapSuiteUiCommonsNetworkGraphDivInner {
	border-radius: 50%;
	margin: auto;
	display: flex;
	pointer-events: all;

	height: 100%;
	width: 100%;

	box-sizing: border-box;
}

.sapSuiteUiCommonsNetworkGraphDivInnerTop {
	margin: auto;
}

.sapSuiteUiCommonsNetworkGraphDivNodeText {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.sapSuiteUiCommonsNetworkGraphDivNode.sapSuiteUiCommonsNetworkNodeCircle .sapSuiteUiCommonsNetworkGraphDivNodeTitle {
	margin-top: 3px;
}

.sapSuiteUiCommonsNetworkGraphDivNodeAttributes {
	width: 100%;
	display: table;
	padding-top: 5px;
}

.sapSuiteUiCommonsNetworkGraphDivNodeLabels {
	padding-right: 10px;
	width: 50%;
	display: table-cell;

	vertical-align: top;
}

.sapSuiteUiCommonsNetworkGraphDivNodeValues {
	font-weight: bold;
	width: 50%;
	text-align: right;

	display: table-cell;
	vertical-align: top;
}

.sapSuiteUiCommonsNetworkGraphDivNodeDescription {
	padding-top: 5px;
}

.sapSuiteUiCommonsNetworkGraphDivNodeIcon {
	font-family: SAP-icons;
}

.sapSuiteUiCommonsNetworkGraphDivNodeIconTitle {
	float: left;
	padding-right: 5px;
	font-size: 1rem;
}

.sapSuiteUiCommonsNetworkGraphDivNode {
	font-size: 12px;
	position: absolute;
	overflow: visible;
}

.sapSuiteUiCommonsNetworkGraphDivNodeCircleIcon {
	font-size: 24px;
	display: flex;
	align-items: center;
}

.sapSuiteUiCommonsNetworkGraphDivNodeTitle {
	font-size: @sapMFontMediumSize;
}

.sapSuiteUiCommonsNetworkNodeCircle .sapSuiteUiCommonsNetworkGraphDivNodeDescription,
.sapSuiteUiCommonsNetworkNodeCircle .sapSuiteUiCommonsNetworkGraphDivNodeTitle {
	text-align: center;
}

.sapSuiteUiCommonsNetworkGraphDivNodeTitle {
	font-size: @sapMFontMediumSize;
}

.sapSuiteUiCommonsNetworkGraphDivNodeTitle:after {
	content: " ";
	clear: both;
}

.sapSuiteUiCommonsNetworkBox .sapSuiteUiCommonsNetworkDivFocus {
	border: 1px dotted transparent;
	position: absolute;
	top: 2px;
	left: 2px;
	bottom: 2px;
	right: 2px;
	border: none;
}

.sapSuiteUiCommonsNetworkNodeCircle .sapSuiteUiCommonsNetworkDivFocus {
	margin: 2px;
	width: 100%;
	display: flex;
	border-radius: 50%;
	border: none;
}

.sapSuiteUiCommonsNetworkElementFocus .sapSuiteUiCommonsNetworkDivFocus {
	border: 1px dotted @sapUiContentFocusColor;
}

.sapSuiteUiCommonsNetworkElementSelected.sapSuiteUiCommonsNetworkElementFocus .sapSuiteUiCommonsNetworkDivFocus {
	border: 1px dotted @sapUiContentContrastTextColor;
}

.sapSuiteUiCommonsNetworkBox.sapSuiteUiCommonsNetworkElementWarning .sapSuiteUiCommonsNetworkGraphDivInner {
	border-color: @sapUiCriticalElement;
}

.sapSuiteUiCommonsNetworkBox.sapSuiteUiCommonsNetworkElementError .sapSuiteUiCommonsNetworkGraphDivInner {
	border-color: @sapUiNegativeElement;
}

.sapSuiteUiCommonsNetworkBox.sapSuiteUiCommonsNetworkElementSuccess .sapSuiteUiCommonsNetworkGraphDivInner {
	border-color: @sapUiPositiveElement;
}

.sapSuiteUiCommonsNetworkBox.sapSuiteUiCommonsNetworkElementInformation .sapSuiteUiCommonsNetworkGraphDivInner {
	border-color: @sapUiHighlight;
}

.sapSuiteUiCommonsNetworkGraphDivNode.sapSuiteUiCommonsNetworkElementSelected,
.sapSuiteUiCommonsNetworkGraphDivNode.sapSuiteUiCommonsNetworkElementHighlight {
	z-index: 500;
}

.sapSuiteUiCommonsNetworkGraphDivNode.sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkGraphDivInner {
	color: @sapUiButtonActiveTextColor;
	border-color: @sapUiSelected;
	background-color: @sapUiSelected;
}

.sapSuiteUiCommonsNetworkGraphDivNode.sapSuiteUiCommonsNetworkElementHighlight.sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkGraphDivInner {
	color: @sapUiButtonActiveTextColor;
	background-color: @sapUiButtonEmphasizedHoverBackground;
	border-color: @sapUiButtonEmphasizedHoverBackground;
}

.sapSuiteUiCommonsNetworkGraphDivNode.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkGraphDivInner {
	border-color: @sapUiButtonHoverBorderColor;
	background-color: @sapUiButtonHoverBackground;
}

.sapSuiteUiCommonsNetworkGraphDivNode.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkGraphDivHeaderColor {
	background-color: transparent;
	color: @sapUiBaseText;
}

.sapSuiteUiCommonsNetworkNodeDivInfoWrapper {
	width: 20px;
	height: 20px;
	position: absolute;
	left: -10px;
	top: -10px;

	background-color: @sapUiListBackground;
	border-radius: 50%;
	color: @sapUiBaseText;

	border: 1px solid @sapUiContentForegroundBorderColor;

	pointer-events: all;
}

.sapSuiteUiCommonsNetworkNodeDivInfoIcon {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.sapSuiteUiCommonsNetworkNodeCircle .sapSuiteUiCommonsNetworkNodeDivInfoWrapper {
	left: -5px;
	top: 0px;
}

.sapSuiteUiCommonsNetworkGraphDivHeader.sapSuiteUiCommonsNetworkGraphDivHeaderColor {
	background-color: @sapUiNeutralElement;
}

.sapSuiteUiCommonsNetworkElementWarning .sapSuiteUiCommonsNetworkGraphDivHeaderColor {
	background-color: @sapUiCriticalElement;
}

.sapSuiteUiCommonsNetworkElementError .sapSuiteUiCommonsNetworkGraphDivHeaderColor {
	background-color: @sapUiNegativeElement;
}

.sapSuiteUiCommonsNetworkElementSuccess .sapSuiteUiCommonsNetworkGraphDivHeaderColor {
	background-color: @sapUiPositiveElement;
}

.sapSuiteUiCommonsNetworkElementInformation .sapSuiteUiCommonsNetworkGraphDivHeaderColor {
	background-color: @sapUiHighlight;
}

.sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkGraphDivHeaderColor {
	background-color: @sapUiSelected;
}

.sapSuiteUiCommonsNetworkDivCircleWrapper {
	display: flex;
	width: 100%;
	position: relative;
}

.sapSuiteUiCommonsNetworkNodeCustomStatus .sapSuiteUiCommonsNetworkNodeDivInfoWrapper {
	background-color: @sapUiTileBackground;
}

.sapSuiteUiCommonsNetworkGraphDivHeader {
	background-color: transparent;
	display: flex;

	padding-left: 7px;
	padding-right: 7px;
}

.sapSuiteUiCommonsNetworkGraphDivHeader > div {
	margin-top: 7px;
	margin-bottom: 7px;
	padding-top: 2px;
}

.sapSuiteUiCommonsNetworkGraphDivHeaderOnly {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.sapSuiteUiCommonsNetworkGraphDivAdditionalContent {
	padding: 0 4px 4px 4px;
}

.sapSuiteUiCommonsNetworkBox.sapSuiteUiCommonsNetworkElementError .sapSuiteUiCommonsNetworkGraphDivNodeIconTitle,
.sapSuiteUiCommonsNetworkBox.sapSuiteUiCommonsNetworkElementError .sapSuiteUiCommonsNetworkGraphDivNodeTitle,
.sapSuiteUiCommonsNetworkBox.sapSuiteUiCommonsNetworkElementWarning .sapSuiteUiCommonsNetworkGraphDivNodeIconTitle,
.sapSuiteUiCommonsNetworkBox.sapSuiteUiCommonsNetworkElementWarning .sapSuiteUiCommonsNetworkGraphDivNodeTitle,
.sapSuiteUiCommonsNetworkBox.sapSuiteUiCommonsNetworkElementSuccess .sapSuiteUiCommonsNetworkGraphDivNodeIconTitle,
.sapSuiteUiCommonsNetworkBox.sapSuiteUiCommonsNetworkElementSuccess .sapSuiteUiCommonsNetworkGraphDivNodeTitle,
.sapSuiteUiCommonsNetworkBox.sapSuiteUiCommonsNetworkElementInformation .sapSuiteUiCommonsNetworkGraphDivNodeIconTitle,
.sapSuiteUiCommonsNetworkBox.sapSuiteUiCommonsNetworkElementInformation .sapSuiteUiCommonsNetworkGraphDivNodeTitle {
	color: @sapUiContentContrastTextColor;
}

.sapSuiteUiCommonsNetworkBox.sapSuiteUiCommonsNetworkGraphDivNode.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkGraphDivNodeTitle,
.sapSuiteUiCommonsNetworkBox.sapSuiteUiCommonsNetworkGraphDivNode.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkGraphDivNodeIconTitle {
	color: @sapUiBaseText;
}

.sapSuiteUiCommonsNetworkBox.sapSuiteUiCommonsNetworkGraphDivNode.sapSuiteUiCommonsNetworkElementHighlight.sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkGraphDivNodeIconTitle,
.sapSuiteUiCommonsNetworkBox.sapSuiteUiCommonsNetworkGraphDivNode.sapSuiteUiCommonsNetworkElementHighlight.sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkGraphDivNodeTitle {
	color: @sapUiButtonActiveTextColor;
}

.sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkGraphDivInner .sapSuiteUiCommonsNetworkGraphDivNodeText,
.sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkGraphDivInner .sapSuiteUiCommonsNetworkGraphDivNodeCircleIcon {
	color: @sapUiContentContrastTextColor;
}

.sapSuiteUiCommonsNetworkGraphDivHeader .sapSuiteUiCommonsNetworkGraphDivNodeIcon,
.sapSuiteUiCommonsNetworkGraphDivHeader .sapSuiteUiCommonsNetworkGraphDivNodeText {
	color: @sapUiContentContrastTextColor;
}

.sapSuiteUiCommonsNetworkGraphDivNodeText {
	text-overflow: ellipsis;
}

.sapSuiteUiCommonsNetworkGraphDivTextBreakAll {
	word-break: break-word;
}

.sapSuiteUiCommonsNetworkDivCircleStatus {
	border: 5px solid transparent;
	margin: 1px;
	border-radius: 50%;
	width: 100%;
	display: flex;

	align-items: center;
	justify-content: center;
}

.sapSuiteUiCommonsNetworkElementSuccess .sapSuiteUiCommonsNetworkDivCircleStatus {
	border: 5px solid @sapUiPositiveElement;
}

.sapSuiteUiCommonsNetworkElementError .sapSuiteUiCommonsNetworkDivCircleStatus {
	border: 5px solid @sapUiNegativeElement;
}

.sapSuiteUiCommonsNetworkElementWarning .sapSuiteUiCommonsNetworkDivCircleStatus {
	border: 5px solid @sapUiCriticalElement;
}

.sapSuiteUiCommonsNetworkElementInformation .sapSuiteUiCommonsNetworkDivCircleStatus {
	border: 5px solid @sapUiHighlight;
}

.sapSuiteUiCommonsNetworkElementSelected .sapSuiteUiCommonsNetworkDivCircleStatus,
.sapSuiteUiCommonsNetworkElementHighlight .sapSuiteUiCommonsNetworkDivCircleStatus {
	border: none;
}

.sapSuiteUiCommonsNetworkGraphDivNodeImage {
	padding-top: 4px;
}

.sapSuiteUiCommonsNetworkGraphDivActionButtons {
	width: 26px;
	position: absolute;

	display: none;
	user-select: none;

	z-index: 500;
}

.sapSuiteUiCommonsNetworkGraphDivActionButtonsRight {
	top: 0;
	right: -32px;
}

.sapSuiteUiCommonsNetworkGraphDivActionButtonsLeft {
	top: 0;
	left: -32px;
}

.sapSuiteUiCommonsNetworkGraphDivActionButton {
	width: 26px;
	height: 26px;
	border-radius: 50%;

	background-color: @sapUiButtonBackground;
	border: 1px solid @sapUiButtonBorderColor;
	color: @sapUiButtonTextColor;

	display: flex;
	justify-content: center;
	align-items: center;

	font-size: 14px;
	pointer-events: all;

	margin-bottom: 0.25rem;
	box-sizing: border-box;
}

.sapSuiteUiCommonsNetworkGraphDivActionButton:hover:not(.sapSuiteUiCommonsNetworkGraphDivActionButtonDisabled) {
	cursor: pointer;

	background-color: @sapUiButtonHoverBackground;
	border-color: @sapUiButtonBorderColor;

}

.sapSuiteUiCommonsNetworkGraphDivActionButtonBackground {
	background-color: @sapUiButtonBackground;
	border-radius: 50%;
	position: relative;
}

.sapSuiteUiCommonsNetworkGraphDivActionButtonDisabled {
	opacity: 0.5;
}

.sapSuiteUiCommonsNetworkGraphDivActionButtonDisabled:hover {
	cursor: default;
	background-color: @sapUiButtonBackground;
}

.sapSuiteUiCommonsNetworkGraphDivActionButton:active:not(.sapSuiteUiCommonsNetworkGraphDivActionButtonDisabled) {
	background-color: @sapUiButtonActiveBackground;
	border-color: @sapUiButtonActiveBorderColor;
	color: @sapUiButtonActiveTextColor;
}

.sapSuiteUiCommonsNetworkGraphDivActionButtonBackground .sapSuiteUiCommonsNetworkActionButtonFocusCircle {
	width: 20px;
	height: 20px;
	position: absolute;
	margin: 0px;
	border: 1px dotted @sapUiContentFocusColor;
	border-radius: 50%;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.sapSuiteUiCommonsNetworkGraphDivActionButton:active + .sapSuiteUiCommonsNetworkActionButtonFocusCircle {
	border-color: @sapUiContentContrastTextColor;
	display: block;
}

.sapSuiteUiCommonsNetworkGraphDivAttributeIcon {
	font-family: SAP-icons;
	margin-right: 5px;
	font-size: 16px;
}

.sapSuiteUiCommonsNetworkGraphDivNodeAttributesRow {
	display: table-row;
}

.sapSuiteUiCommonsNetworkGraphDivNodeAttributesRow * {
	font-size: @sapMFontSmallSize;
}

.sapSuiteUiCommonsNetworkGraphDivNodeAttributesIcons {
	display: table-cell;
}

.sapSuiteUiCommonsNetworkGraphDivHeader .sapSuiteUiCommonsNetworkGraphHeaderCheckboxInner {
	margin: 0;
}
.sapSuiteUiCommonsNetworkGraphHeaderCheckboxInner {
	pointer-events: all;
}

.sapSuiteUiCommonsNetworkGraphDivNodeTitleText {
	pointer-events: none;
}

/* END "NetworkNode.less" */

/* START "NetworkTooltip.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/Tooltip */
/* ============================================= */
.sapSuiteUiCommonsNetworkTooltip {
  max-width: 350px;
}

.sapSuiteUiCommonsNetworkTooltipDescription {
  text-align: justify;
}

.sapSuiteUiCommonsNetworkTooltipIcon {
  font-size: 25px;
}

.sapSuiteUiCommonsNetworkGraphNoSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sapSuiteUiCommonsNetworkLineTooltipFromTo {
  padding: 12px;
  border-bottom: 1px solid @sapUiContentForegroundBorderColor;
  background-color: @sapUiListHeaderBackground;
}

.sapSuiteUiCommonsNetworkGraphNoPointerEvents {
  pointer-events: none;
}

.sapSuiteUiCommonsNetworkLineTooltipLabel {
  font-size: 1rem;
}

.sapSuiteUiCommonsNetworkLineTooltipFromToIcon {
  font-size: 1rem;
}

.sapSuiteUiCommonsNetworkGroupTooltipTabBar .sapMITBContent {
  padding: 0;
}

.sapSuiteUiCommonsNetworkTooltipLine {
  margin: 1rem;
}

.sapUiSizeCompact .sapSuiteUiCommonsNetworkTooltipLine {
  margin: 0.5rem;
}

.sapUiSizeCompact .sapSuiteUiCommonsNetworkTooltipArea .sapMPanelContent {
  padding: 0.5rem;
}
/* END "NetworkTooltip.less" */

/* START "NoteTaker.less" */
/* ====================================================== */
/* CSS for control sap.suite.ui.commons/NoteTaker.control */
/* ====================================================== */

.sapSuiteUiCommonsNoteTaker{
	border: 1px solid @sapUiLightBorder;
	height: 595px;
}

.sapSuiteUiCommonsNoteTakerFilterPane {
	color: @sapUiTextTitle;
	background-color: @sapUiMediumBG;
	font-size: 20px;
	height: 35px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 8px;
	margin-bottom: 10px;
}

.suiteUiNtFilterSearchField,
.sapSuiteUiCommonsNoteTakerFilterPane button {
	margin-left: 1px;
	margin-right: 1px;
}

.sapSuiteUiCommonsNoteTakerFilterPane button {
	width: 28px;
	height: 28px;
	background-repeat:no-repeat;
}

.sapSuiteUiCommonsNoteTakerFilterPane .sapSuiteUiCommonsNoteTakerFilterAllButton {
	min-width: 50px;
	width: auto;
	max-width: 70px;
	margin-left: 5px;
}

.sapSuiteUiCommonsNoteTaker>.sapSuiteUiCommonsNoteTakerFilterPane .sapSuiteUiCommonsNoteTakerFilterButtonSelected {
	background-color: @sapUiDarkAltBG;
	box-shadow: 0 1px 0 @sapUiMediumAltBG inset;
}

.sapSuiteUiCommonsNoteTaker>.sapSuiteUiCommonsNoteTakerFilterPane .sapSuiteUiCommonsNoteTakerFilterButtonSelected:hover,
.sapSuiteUiCommonsNoteTaker>.sapSuiteUiCommonsNoteTakerFilterPane .sapSuiteUiCommonsNoteTakerFilterButtonSelected.sapUiBtnStdHover,
.sapSuiteUiCommonsNoteTaker>.sapSuiteUiCommonsNoteTakerFilterPane .sapSuiteUiCommonsNoteTakerFilterButtonSelected:focus,
.sapSuiteUiCommonsNoteTaker>.sapSuiteUiCommonsNoteTakerFilterPane .sapSuiteUiCommonsNoteTakerFilterButtonSelected.sapUiBtnStdFocus {
	background-color: @sapUiButtonHoverBackground;
}

.sapSuiteUiCommonsNoteTaker>.sapSuiteUiCommonsNoteTakerFilterPane .sapUiBtnAct.sapSuiteUiCommonsNoteTakerFilterButtonSelected {
	background-color: @sapUiDarkAltBG;
}

.sapSuiteUiCommonsNoteTakerFilterTagPanel {
	border: 10px solid @sapUiLightBorder;
	color: @sapUiTextColor;
	background-color: @sapUiWhite;
	position:relative;
	top: -554px;
	left: 123px;
	width: 175px;
	padding: 12px;
	display: none;
	z-index: 0;
}

.sapSuiteUiCommonsNoteTakerFilterTagArrow {
	display: block;
	width: 12px;
	height: 12px;
	background-color: @sapUiWhite;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: -6px;
	left: 12px;
}

.sapSuiteUiCommonsNoteTakerFilterTagButtons {
	margin-top: 5px;
}

.sapSuiteUiCommonsNoteTakerCancelFilterTagButton {
	float: right;
}

.sapSuiteUiCommonsNoteTakerFilterTagHeader {
	font-size: 14px;
	color: @sapUiText;
	margin-bottom: 5px;
}

.suiteUiNtFilterPaneLeftSection,
.suiteUiNtFilterPaneRightSection {
	height: 28px;
}

.suiteUiNtFilterPaneLeftSection {
	float: left;
}

.suiteUiNtFilterPaneRightSection {
	float: right;
}

.suiteUiNtFilterTitle {
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
}

.suiteUiNtFilterSearchField {
	vertical-align: bottom;
	width: 200px;
}

.sapSuiteUiCommonsNoteTakerSearchPanel {
	border: 10px solid @sapUiLightBorder;
	color: @sapUiTextColor;
	background-color: @sapUiWhite;
	position:relative;
	top: -554px;
	left: 162px;
	width: 205px;
	padding: 6px;
	display: none;
	z-index: 2;
}

.sapSuiteUiCommonsNoteTakerSearchArrow {
	display: block;
	width: 12px;
	height: 12px;
	background-color: @sapUiWhite;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: -6px;
	left: 195px;
}

.sapSuiteUiCommonsNoteTaker .sapUiCrslHorizontal .sapUiCrslItm {
	vertical-align: bottom;
	position: relative;
}

/* END "NoteTaker.less" */

/* START "NoteTakerCard.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/NoteTakerCard.control */
/* ============================================= */

.sapSuiteUiCommonsNoteTakerCard {
	background-color: @sapUiMediumBG;
	width: 300px;
	height: 500px;
	border-top: 4px solid @sapUiMediumLine;
	padding-top: 11px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
}

.suiteUiNtcPositiveCard {
	border-top-color: darken(@sapUiGreen, 3.5%); //#007833;
}

.suiteUiNtcNegativeCard {
	border-top-color: darken(@sapUiRed, 8%); //#cc1919;
}

/* Header section contains title, date and edit button */
.sapSuiteUiCommonsNoteTakerCardHeader {
	color: @sapUiTextTitle;
	font-size: 20px;
	height: 40px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: @sapUiHighlight;
	margin-bottom: 10px;
}

.sapSuiteUiCommonsNoteTakerCardHeaderButtons {
	float: right;
}

.sapSuiteUiCommonsNoteTakerCardHeaderButtons button {
	background-repeat: no-repeat;
	background-position: center;
	width: 28px;
	height: 28px;
}

.sapSuiteUiCommonsNoteTakerCardEditButtonDsbl {
	background-image: url(img/edit_grey_24.png);
}

.sapSuiteUiCommonsNoteTakerCardTimestamp {
	color: @sapUiLightText;
	font-size: 12px;
}
/* End of header section styles */


/* Content section includes toolbar, note body and footer */
.sapSuiteUiCommonsNoteTakerCardBodyContent {
	background-color: @sapUiWhite;
	height: 448px;
	position: relative;
	overflow: hidden;
}

.sapSuiteUiCommonsNoteTakerCardTagList {
	height: inherit;
	display: table-cell;
	vertical-align: middle;
	word-wrap: break-word;
	white-space: pre-wrap;
}

.sapSuiteUiCommonsNoteTakerCardTagList span {
	color: @sapUiHighlight;
}

.sapSuiteUiCommonsNoteTakerCardBody {
	font-size: 14px;
	padding: 5px;
	overflow: auto;
	word-wrap: break-word;
	white-space: pre-wrap;
	height: 392px;
}

.sapSuiteUiCommonsNoteTakerCardBody a {
	font-size: inherit;
}

.sapSuiteUiCommonsNtcBodyViewAllAttach {
	height: 336px;
}
.sapSuiteUiCommonsNtcBodyViewAll {
	height: 360px;
}
.sapSuiteUiCommonsNtcBodyAttach {
	height: 368px;
}

.sapSuiteUiCommonsNoteTakerCardViewAll {
	background-color: @sapUiWhite;
	padding: 7px;
	height: 18px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.sapSuiteUiCommonsNoteTakerCardViewAllLink {
	font-size: 14px;
}
/* End of content section styles */


/* Overlay section */
.sapSuiteCommonsNoteTakerCardOverlayWindow {
	//to avoid moving of the closing cross: 696px = content's min-width(200) + left and right position(2*130) + padding(2*18)
	//to limit movement with the left border: 260px = left and right position(2*130)
	min-width: 260px;
}

.sapSuiteCommonsNoteTakerCardOverlayWindow .sapUiUx3OCContent {
	background-color: @sapUiMediumBG;

	position: absolute;
	top: 100px;
	bottom: 100px;
	right: 130px;
	left: 130px;
	min-height: 200px;
	min-width: 400px;

	border-top: 4px solid @sapUiMediumLine;
	padding-top: 14px;
	padding-right: 18px;
	padding-left: 18px;
	padding-bottom: 18px;
}
.suiteUiNtcPositiveCard .sapUiUx3OCContent {
	border-top-color: darken(@sapUiGreen, 3.5%); //#007833;
}

.suiteUiNtcNegativeCard .sapUiUx3OCContent {
	border-top-color: darken(@sapUiRed, 8%); //#cc1919;
}

.sapSuiteCommonsNoteTakerCardOverlayWindow .sapUiUx3OCContent>div {
	width: 100%;
}

.sapSuiteCommonsNoteTakerCardOverlayWindow a.sapUiUx3OverlayCloseButton {
	top: 89px;
	right: 119px;
}

.sapSuiteCommonsNoteTakerCardOverlayWindow div.sapUiUx3OverlayOverlay {
	opacity: 0.9;
}

.sapSuiteCommonsNoteTakerCardOverlayWindow .sapSuiteUiCommonsNoteTakerCardTitle {
	display: block;
	width: 100%;
	height: 25px;
	color: @sapUiTextTitle;
	font-size: 20px;
	font-weight: bolder;
	line-height: normal;
	margin-bottom: 2px;
}

.sapSuiteUiCommonsNtcdTitleEdit {
	width: 800px;
	color: @sapUiTextTitle;
	font-size: 20px;
}

.sapSuiteCommonsNoteTakerCardOverlayWindow .sapSuiteUiCommonsNoteTakerCardTimestamp {
	display: block;
	height: 20px;
	font-size: 15px;
	padding-left: 1px;
}

.sapSuiteCommonsNoteTakerCardOverlayWindow .sapSuiteUiCommonsNoteTakerCardContent {
	width: 100%;
	height: 100%;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-top: -4px;
	position: relative;
}

.suiteUiNtcOverlayWithAttachment {
	margin-top: -4px;
	margin-bottom: -160px;
	padding-bottom: 176px;

}

.suiteUiNtcOverlayWithoutAttachment {
	margin-top: 0px;
	margin-bottom: -135px;
	padding-bottom: 151px;

}

.sapSuiteCommonsNoteTakerCardOverlayWindow .sapSuiteUiCommonsNoteTakerCardContent>.sapUiHLayoutChildWrapper:FIRST-CHILD {
	background-color: @sapUiWhite;
	width: 100%;
	height: 100%;
}

.sapSuiteCommonsNoteTakerCardOverlayWindow .sapSuiteUiCommonsNoteTakerCardContent div.sapSuiteUiCommonsNoteTakerCardBody,
.sapSuiteCommonsNoteTakerCardOverlayWindow .sapSuiteUiCommonsNoteTakerCardContent textarea.sapSuiteUiCommonsNoteTakerCardBody {
	font-size: 16px;
	line-height: 20px;
	width: 100%;
	height: 100%;
	overflow: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: none;
}

.sapSuiteUiCommonsNoteTakerCardOverlayButtonPanel {
	position: relative;
	width: 100%;
	height: 30px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-left: 30px;
	padding-right: 30px;
}

.sapSuiteUiCommonsNoteTakerCardOverlayButtonPanel button {
	width: 150px;
	height: 30px;
}

.sapSuiteUiCommonsNoteTakerCardOverlayButtonSave {
	position: absolute;
	right: 30px;
}
/* End of overlay section */

.sapSuiteUiCommonsNoteTakerCardRightPanel {
	float: right;
	height: 30px;
}
.sapSuiteUiCommonsNoteTakerCardLeftPanel {
	overflow-y:auto;
	float: left;
	height: 30px;
}
.sapSuiteUiCommonsNoteTakerCardNoThumbs {
	width: 100%;
}

.sapSuiteUiCommonsNoteTakerCardWithThumbs {
	width: 255px;
}

.sapSuiteUiCommonsNoteTakerCardThumbUp,
.sapSuiteUiCommonsNoteTakerCardThumbDown {
	width : 28px;
	height : 28px;
	background-position: center;
}

.suiteUiNtcToolbar button {
	width: 28px;
	height: 28px;
	background-repeat: no-repeat;
	margin-right: 4px;
}

.sapSuiteCommonsNoteTakerCardOverlayWindow .suiteUiNtcOverlayToolbarRightPanel .sapSuiteUiCommonsNoteTakerCardSelectedBtn {
	background-color: @sapUiDarkAltBG;
	box-shadow: 0 1px 0 @sapUiMediumAltBG inset;
}

.sapSuiteCommonsNoteTakerCardOverlayWindow .suiteUiNtcOverlayToolbarRightPanel .sapSuiteUiCommonsNoteTakerCardSelectedBtn:hover,
.sapSuiteCommonsNoteTakerCardOverlayWindow .suiteUiNtcOverlayToolbarRightPanel .sapSuiteUiCommonsNoteTakerCardSelectedBtn.sapUiBtnStdHover,
.sapSuiteCommonsNoteTakerCardOverlayWindow .suiteUiNtcOverlayToolbarRightPanel .sapSuiteUiCommonsNoteTakerCardSelectedBtn:focus,
.sapSuiteCommonsNoteTakerCardOverlayWindow .suiteUiNtcOverlayToolbarRightPanel .sapSuiteUiCommonsNoteTakerCardSelectedBtn.sapUiBtnStdFocus {
	background-color: @sapUiButtonHoverBackground;
}

.sapSuiteCommonsNoteTakerCardOverlayWindow .suiteUiNtcOverlayToolbarRightPanel .sapUiBtnAct.sapSuiteUiCommonsNoteTakerCardSelectedBtn {
	background-color: @sapUiDarkAltBG;
}

.sapSuiteCommonsNoteTakerCardOverlayWindow div.sapSuiteUiCommonsNoteTakerFeederSelectTagPanel {
	z-index: 20;
	top: 118px;
	width: 176px;
	overflow: visible;
}

.sapSuiteCommonsNoteTakerCardOverlayWindow .sapSuiteUiCommonsNoteTakerFeederSelectTagPanel input {
	width: 100%;
}

.suiteUiNtcToolbar {
	background-color: @sapUiLightBG;
	border: 3px solid @sapUiWhite;
	padding: 5px;
	width: 100%;
	height: 46px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative;
}

.suiteUiNtcOverlayToolbarLeftPanel {
	position: absolute;
	left: 5px;
	right: 37px;
}

.suiteUiNtcOverlayToolbarRightPanel {
	position: absolute;
	right: 1px;
}

.suiteUiNtcOverlayToolbarLeftPanel,
.suiteUiNtcOverlayToolbarRightPanel,
.sapSuiteUiCommonsNoteTakerCardLeftPanel,
.sapSuiteUiCommonsNoteTakerCardRightPanel {
	height: 30px;
}

.suiteUiNtcOverlayTagPanelViewMode {
	position: absolute;
	right: 0px;
	left: 0px;
	height: 30px;
	overflow-y: auto;
}

.suiteUiNtcOverlayTagPanelEditMode {
	position: absolute;
	right: 32px;
	left: 32px;
	height: 30px;
	overflow-y: auto;
}

.suiteUiNtcAttachmentPanel {
	margin-top: 3px;
	margin-bottom: 5px;
	margin-right: 2px;
	margin-left: 2px;
	height: 16px;
}

.suiteUiNtcAttachmentPanel>* {
	vertical-align: middle;
}

.suiteUiNtcOverlayAttachmentPanel {
	display: block;
	height: 25px;

	box-sizing: border-box;
	padding: 2px 2px 4px 2px;

	background-color: @sapUiWhite;
}

.sapSuiteUiCommonsNtcOverlayHeader {
	width: 100%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: @sapUiHighlight;
	margin-bottom: 10px;
}

.sapSuiteUiCommonsNtcOverlayTitle {
	width: 100%;
}

.sapSuiteUiCommonsNtcOverlayTimestamp {
	color: @sapUiLightText;
	font-size: 12px;
	margin-bottom: 10px;
}

.sapSuiteUiCommonsNtcHeaderButtons {
	position: absolute;
	right: 20px;
}

.sapSuiteUiCommonsNtcHeaderButtons button {
	background-repeat: no-repeat;
	background-position: center;
	width: 28px;
	height: 28px;
}

.sapSuiteRequiredLbl {
	position: absolute;
	left: -16px;
}

/* END "NoteTakerCard.less" */

/* START "NoteTakerFeeder.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/NoteTakerFeeder.control */
/* ============================================= */

.sapSuiteUiCommonsNoteTakerFeeder {
	color: @sapUiTextColor;
	background-color: @sapUiMediumBG;
	width: 300px;
	height: 500px;
	border: 1px solid @sapUiMediumLine;
	padding: 14px;
}

/* Header section contains title, and add button */
.sapSuiteUiCommonsNoteTakerFeederHeader {
	color: @sapUiText;
	font-size: 20px;
	height: 40px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: @sapUiHighlight;
	margin-bottom: 10px;
}

.sapSuiteUiCommonsNoteTakerFeederHeaderAddButton {
	min-width: 60px;
	height: 28px;
	position: absolute;
	top: 15px;
	right: 32px;
}
/* End of header section styles */

.sapSuiteUiCommonsNoteTakerFeederBodySmaller {
	margin-top: 10px;
	height: 332px;
	position: relative;
}

.sapSuiteUiCommonsNoteTakerFeederBody {
	margin-top: 10px;
	height: 352px;
	position: relative;
}

.sapSuiteUiCommonsNoteTakerFeeder textarea.sapUiTf.sapUiTxtA {
	height: 100%;
	width: 100%;
	font-size: 16px;
	border-style: none;
	resize: none;
	overflow: auto;
}

.sapSuiteUiCommonsNoteTakerFeederTagPanel {
	background-color: @sapUiLightBG;
	height: 30px;
	border: 3px solid @sapUiWhite;
	padding: 5px;
}

.sapSuiteUiCommonsNoteTakerFeederTagPanel button {
	width: 28px;
	height: 28px;
	background-repeat:no-repeat;
}

.sapSuiteUiCommonsNoteTakerFeeder>.sapSuiteUiCommonsNoteTakerFeederTagPanel .sapSuiteUiCommonsNoteTakerFeederButtonSelected {
	background-color: @sapUiDarkAltBG;
	box-shadow: 0 1px 0 @sapUiMediumAltBG inset;
}

.sapSuiteUiCommonsNoteTakerFeeder>.sapSuiteUiCommonsNoteTakerFeederTagPanel .sapSuiteUiCommonsNoteTakerFeederButtonSelected:hover,
.sapSuiteUiCommonsNoteTakerFeeder>.sapSuiteUiCommonsNoteTakerFeederTagPanel .sapSuiteUiCommonsNoteTakerFeederButtonSelected.sapUiBtnStdHover,
.sapSuiteUiCommonsNoteTakerFeeder>.sapSuiteUiCommonsNoteTakerFeederTagPanel .sapSuiteUiCommonsNoteTakerFeederButtonSelected:focus,
.sapSuiteUiCommonsNoteTakerFeeder>.sapSuiteUiCommonsNoteTakerFeederTagPanel .sapSuiteUiCommonsNoteTakerFeederButtonSelected.sapUiBtnStdFocus {
	background-color: #00669C;
}

.sapSuiteUiCommonsNoteTakerFeeder>.sapSuiteUiCommonsNoteTakerFeederTagPanel .sapUiBtnAct.sapSuiteUiCommonsNoteTakerFeederButtonSelected {
	background-color: @sapUiDarkAltBG;
	box-shadow: none;
}

.sapSuiteUiCommonsNoteTakerFeederTitlePanel {
	height: 6%;
	margin-top: 10px;
	font-size: 30px;
}

.sapSuiteUiCommonsNoteTakerFeeder>.sapSuiteUiCommonsNoteTakerFeederTitlePanel input {
	height: 100%;
	width: 100%;
	font-size: 20px;
	border-style: none;
}

.sapSuiteUiCommonsNoteTakerFeeder>.sapSuiteUiCommonsNoteTakerFeederSelectTagPanel input {
	width: 100%;
}

.sapSuiteUiCommonsNoteTakerFeederSelectTagPanel {
	border: 10px solid @sapUiLightBorder;
	color: @sapUiTextColor;
	background-color: @sapUiWhite;
	position: absolute;
	top: 107px;
	left: 12px;
	width: 176px;
	padding: 12px;
	display: none;
}

.sapSuiteUiCommonsNoteTakerFeederSelectTagArrow {
	display: block;
	width: 13px;
	height: 13px;
	background-color: @sapUiWhite;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: -6px;
	left: 12px;
}

.sapSuiteUiCommonsNoteTakerFeederSelectTagButtons {
	margin-top: 5px;
}

.sapSuiteUiCommonsNoteTakerFeederCancelTagButton {
	position: absolute;
	right: 12px;
}

.sapSuiteUiCommonsNoteTakerFeederSelectTagHeader {
	font-size: 14px;
	color: @sapUiText;
	margin-bottom: 5px;
}

.sapSuiteUiCommonsNoteTakerFeederLeftPanel {
	float: left;
}

.sapSuiteUiCommonsNoteTakerFeederRightPanel {
	float: right;
}

.sapSuiteUiCommonsNoteTakerFeederRightPanel .sapUiFup {
	display: none;
}

.sapSuiteUiCommonsNoteTakerFeederRightPanel button {
	margin-left: 4px;
}

.sapSuiteUiCommonsNoteTakerFeederRightPanel .sapSuiteUiCommonsNtDsblAttachIcon {
	border-style: none;
}

.sapSuiteUiCommonsNoteTakerFeederAttachmentPanel {
	display : none;
	height: 20px;
	margin-bottom: 10px;
	width: 300px;
	background: @sapUiWhite;
}
.sapSuiteUiCommonsNoteTakerFeederAttachmentContent {
	display: inline-block;
	position: relative;
	width: 100%;
	margin-right: 3px;
	margin-left: 3px;
}

.sapSuiteUiCommonsNtfAttachmentNamelbl {
	display: inline;
}

.sapSuiteUiCommonsNtfAttachmentNamelbl label {
	color: @sapUiHighlight;
}

.sapSuiteUiCommonsNtfLoadingLbl {
	display: inline;
	float: right;
	padding-right: 10px;
	position: absolute;
	top:0px;
	right: 2px;
	color: @sapUiHighlight;
}

.sapSuiteUiCommonsNtfDeleteBtn {
	display: none;
	float: right;
	padding-right: 10px;
	height: 9px;
	position: relative;
	bottom: 3px;
	position: absolute;
	top:-3px;
	right: 2px;
}
.sapSuiteUiCommonsNtfDeleteBtn button {
	background-image: url(img/decline_16.png);
	background-position: center center;
	height: 22px;
}

.sapSuiteUiCommonsNtfUploader {
	width: 28px;
	height: 28px;
	overflow: hidden;
	margin-left: -28px;
	position: relative;
	visibility: visible;
}

html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsNtfUploader {
	display: inline-block;
	opacity: 0;
}


html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsNoteTakerFeeder .sapSuiteUiCommonsNtfUploader div,
html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsNoteTakerFeeder .sapSuiteUiCommonsNtfUploader form {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
}

html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsNtfUploader input[type='file'] {
	float: right;
	filter: alpha(opacity=0);
	opacity: 0;
	height: 28px;
}

.sapSuiteRequiredLbl {
	position: absolute;
	left: -16px;
}

.sapSuiteUiCommonsPlaceholder {
	color: #999999;
}

/* END "NoteTakerFeeder.less" */

/* START "NumericTile.less" */

/* ============================================= */
/* CSS for control sap.suite.ui.commons/NumericTile.control */
/* ============================================= */

.sapSuiteUiCommonsNTIndicator.Up {
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 10px solid;
	display: inline-block;
}

.sapSuiteUiCommonsNTIndicator.Down {
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 10px solid;
	display: inline-block;
}
.sapUiMedia-Std-Phone .sapSuiteUiCommonsNTIndicator.Auto,
.sapSuiteUiCommonsNTIndicator.S {
	margin-right: 4px;
}
.sapUiMedia-Std-Desktop .sapSuiteUiCommonsNTIndicator.Auto,
.sapSuiteUiCommonsNTIndicator.L,
.sapUiMedia-Std-Tablel .sapSuiteUiCommonsNTIndicator.Auto,
.sapSuiteUiCommonsNTIndicator.M {
	margin-right: 6px;
}

.sapSuiteUiCommonsNTValue {
	font-weight: bold;
	display: inline-block;
}

.sapUiMedia-Std-Phone .sapSuiteUiCommonsNTValue.Auto,
.sapSuiteUiCommonsNTValue.S {
	font-size: 32px;
	margin-right: 4px;
}

.sapUiMedia-Std-Desktop .sapSuiteUiCommonsNTValue.Auto,
.sapSuiteUiCommonsNTValue.L,
.sapUiMedia-Std-Tablet .sapSuiteUiCommonsNTValue.Auto,
.sapSuiteUiCommonsNTValue.M {
	font-size: 48px;
	margin-right: 6px;
}

.sapSuiteUiCommonsNTScale {
	display: inline-block;
	font-weight: bold;
}

.sapUiMedia-Std-Phone .sapSuiteUiCommonsNTScale.Auto,
.sapSuiteUiCommonsNTScale.S {
	font-size: 14px;
}

.sapUiMedia-Std-Desktop .sapSuiteUiCommonsNTScale.Auto,
.sapSuiteUiCommonsNTScale.L,
.sapUiMedia-Std-Tablet .sapSuiteUiCommonsNTScale.Auto,
.sapSuiteUiCommonsNTScale.M {
	font-size: 16px;
}

.sapSuiteUiCommonsNTUnit {
	display: inline-block;
	font-weight: bold;
}

.sapUiMedia-Std-Phone .sapSuiteUiCommonsNTUnit.Auto,
.sapSuiteUiCommonsNTUnit.S {
	font-size: 14px;
}

.sapUiMedia-Std-Desktop .sapSuiteUiCommonsNTUnit.Auto,
.sapSuiteUiCommonsNTUnit.L,
.sapUiMedia-Std-Tablet .sapSuiteUiCommonsNTUnit.Auto,
.sapSuiteUiCommonsNTUnit.M {
	font-size: 16px;
}

.sapSuiteUiCommonsNTIndicator.Up {
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 10px solid;
	display: inline-block;
}

.sapSuiteUiCommonsNTIndicator.Down {
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 10px solid;
	display: inline-block;
}

.sapSuiteUiCommonsNTIndicator.Loading,
.sapSuiteUiCommonsNTValue.Loading,
.sapSuiteUiCommonsNTScale.Loading,
.sapSuiteUiCommonsNTIndicator.Failed,
.sapSuiteUiCommonsNTValue.Failed,
.sapSuiteUiCommonsNTScale.Failed {
	color: @sapUiLightText;
}

/* END "NumericTile.less" */

/* START "PictureZoomIn.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/PictureZoomIn.control */
/* ============================================= */

.sapSuiteUiCommonsPictureZoomIn {
	background-color: rgba(0, 0, 0, 0.6);
	width:100%;
	height:100%;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	display:table;
}

.sapSuiteUiCommonsPictureZoomIn .sapSuiteUiCommonsPictureZoomInDesc {
	width: 95%;
	position: absolute;
	text-align: center;
	color: white;
	font-size: 16px;
	display: table-cell;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapSuiteUiCommonsPictureZoomInImg {
	display:table-cell;
	position: absolute;
}

.sap-phone .sapSuiteUiCommonsPictureZoomInDesc {
	font-size: 32px;
}

.sapSuiteUiCommonsPictureZoomInBusy {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 0;
	width: 0;
	margin: auto;
	display: none;
}

/* END "PictureZoomIn.less" */

/* START "ProcessFlow.less" */
/* ======================================================== */
/* CSS for sap.suite.ui.commons/ProcessFlow.control         */
/* Base Theme                                               */
/* ======================================================== */

/* Common styles */
table.sapSuiteUiCommonsPF {
	border-spacing: 0;
	-webkit-tap-highlight-color: transparent;
	padding: 1rem 1rem 2rem 1rem;
	table-layout: fixed;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-webkit-touch-callout: none;
	-webkit-transition: -webkit-transform 0ms;
	-ms-touch-select: none;
	touch-action: manipulation;
}

thead.sapSuiteUiCommonsPFHeaderFocused {
	outline-color: @sapUiContentFocusColor;
	outline-style: dotted;
	outline-width: 1px;
}

table.sapSuiteUiCommonsPF td, table.sapSuiteUiCommonsPF th {
	vertical-align: top;
	padding: 0;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-webkit-touch-callout: none;
	-webkit-transition: -webkit-transform 0ms;
	-ms-touch-select: none;
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
}

table.sapSuiteUiCommonsPF td:focus {
	outline: none;
}

tr.sapSuiteUiCommonsPFHeaderHidden {
	visibility: hidden;
}

tr.sapSuiteUiCommonsPFHeader > th:first-child,
tr.sapSuiteUiCommonsPFHeader > th:last-child {
	width: 1rem;
	min-width: 1rem;
	max-width: 1rem;
}

tr.sapSuiteUiCommonsPFHeader > th:nth-child(5n+5) {
	width: 1rem;
	min-width: 1rem;
	max-width: 1rem;
}

tr.sapSuiteUiCommonsPFHeader > th:nth-child(5n+6) {
	width: 1rem;
	min-width: 1rem;
	max-width: 1rem;
}

/* Styles for zoom level 1 */
table.sapSuiteUiCommonsPFZoomLevel1 > thead > tr.sapSuiteUiCommonsPFHeaderHidden > th:nth-child(5n+2),
table.sapSuiteUiCommonsPFZoomLevel1 > thead > tr.sapSuiteUiCommonsPFHeaderHidden > th:nth-child(5n+4) {
	width: 1rem;
	min-width: 1rem;
	max-width: 1rem;
}

/* Styles for zoom level 1 when connection labels are used */
table.sapSuiteUiCommonsPFZoomLevel1 > thead > tr.sapSuiteUiCommonsPFHeaderHidden.sapSuiteUiPFWithLabel > th:nth-child(5n+2),
table.sapSuiteUiCommonsPFZoomLevel1 > thead > tr.sapSuiteUiCommonsPFHeaderHidden.sapSuiteUiPFWithLabel > th:nth-child(5n+4) {
	width: 2.55rem;
	min-width: 2.55rem;
	max-width: 2.55rem;
}

html[data-sap-ui-browser^="an"] table.sapSuiteUiCommonsPFZoomLevel1 > thead > tr.sapSuiteUiCommonsPFHeaderHidden.sapSuiteUiPFWithLabel > th:nth-child(5n+2),
html[data-sap-ui-browser^="an"] table.sapSuiteUiCommonsPFZoomLevel1 > thead > tr.sapSuiteUiCommonsPFHeaderHidden.sapSuiteUiPFWithLabel > th:nth-child(5n+4) {
	width: 2.6rem;
	min-width: 2.6rem;
	max-width: 2.6rem;
}

table.sapSuiteUiCommonsPFZoomLevel1 > thead > tr.sapSuiteUiCommonsPFHeaderHidden > th:nth-child(5n+3) {
	width: 11rem;
	min-width: 11rem;
	max-width: 11rem;
}

table.sapSuiteUiCommonsPFZoomLevel1 > thead > tr.sapSuiteUiCommonsPFHeaderRow > th:nth-child(2n+2) {
	max-width: 13rem;
}


/* Styles for zoom level 2 */
table.sapSuiteUiCommonsPFZoomLevel2 > thead > tr.sapSuiteUiCommonsPFHeaderHidden > th:nth-child(5n+2),
table.sapSuiteUiCommonsPFZoomLevel2 > thead > tr.sapSuiteUiCommonsPFHeaderHidden > th:nth-child(5n+4) {
	width: 0.5rem;
	min-width: 0.5rem;
	max-width: 0.5rem;
}

/* Styles for zoom level 2 when connection labels are used */
table.sapSuiteUiCommonsPFZoomLevel2 > thead > tr.sapSuiteUiCommonsPFHeaderHidden.sapSuiteUiPFWithLabel > th:nth-child(5n+2),
table.sapSuiteUiCommonsPFZoomLevel2 > thead > tr.sapSuiteUiCommonsPFHeaderHidden.sapSuiteUiPFWithLabel > th:nth-child(5n+4) {
	width: 2.55rem;
	min-width: 2.55rem;
	max-width: 2.55rem;
}

html[data-sap-ui-browser^="an"] table.sapSuiteUiCommonsPFZoomLevel2 > thead > tr.sapSuiteUiCommonsPFHeaderHidden.sapSuiteUiPFWithLabel > th:nth-child(5n+2),
html[data-sap-ui-browser^="an"] table.sapSuiteUiCommonsPFZoomLevel2 > thead > tr.sapSuiteUiCommonsPFHeaderHidden.sapSuiteUiPFWithLabel > th:nth-child(5n+4) {
	width: 2.6rem;
	min-width: 2.6rem;
	max-width: 2.6rem;
}

table.sapSuiteUiCommonsPFZoomLevel2 > thead > tr.sapSuiteUiCommonsPFHeaderHidden > th:nth-child(5n+3) {
	width: 9rem;
	min-width: 9rem;
	max-width: 9rem;
}

table.sapSuiteUiCommonsPFZoomLevel2 > thead > tr.sapSuiteUiCommonsPFHeaderRow > th:nth-child(2n+2) {
	max-width: 10rem;
}


/* Styles for zoom level 3 */
table.sapSuiteUiCommonsPFZoomLevel3 > thead > tr.sapSuiteUiCommonsPFHeaderHidden > th:nth-child(5n+2),
table.sapSuiteUiCommonsPFZoomLevel3 > thead > tr.sapSuiteUiCommonsPFHeaderHidden > th:nth-child(5n+4) {
	width: 1rem;
	min-width: 1rem;
	max-width: 1rem;
}

/* Styles for zoom level 3 when connection labels are used */
table.sapSuiteUiCommonsPFZoomLevel3 > thead > tr.sapSuiteUiCommonsPFHeaderHidden.sapSuiteUiPFWithLabel > th:nth-child(5n+2),
table.sapSuiteUiCommonsPFZoomLevel3 > thead > tr.sapSuiteUiCommonsPFHeaderHidden.sapSuiteUiPFWithLabel > th:nth-child(5n+4) {
	width: 2.55rem;
	min-width: 2.55rem;
	max-width: 2.55rem;
}

html[data-sap-ui-browser^="an"] table.sapSuiteUiCommonsPFZoomLevel3 > thead > tr.sapSuiteUiCommonsPFHeaderHidden.sapSuiteUiPFWithLabel > th:nth-child(5n+2),
html[data-sap-ui-browser^="an"] table.sapSuiteUiCommonsPFZoomLevel3 > thead > tr.sapSuiteUiCommonsPFHeaderHidden.sapSuiteUiPFWithLabel > th:nth-child(5n+4) {
	width: 2.6rem;
	min-width: 2.6rem;
	max-width: 2.6rem;
}

table.sapSuiteUiCommonsPFZoomLevel3 > thead > tr.sapSuiteUiCommonsPFHeaderHidden > th:nth-child(5n+3) {
	width: 6.5rem;
	min-width: 6.5rem;
	max-width: 6.5rem;
}

table.sapSuiteUiCommonsPFZoomLevel3 > thead > tr.sapSuiteUiCommonsPFHeaderRow > th:nth-child(2n+2) {
	max-width: 8.5rem;
}


/* Styles for zoom level 4 */
table.sapSuiteUiCommonsPFZoomLevel4 > thead > tr.sapSuiteUiCommonsPFHeaderHidden > th:nth-child(5n+2),
table.sapSuiteUiCommonsPFZoomLevel4 > thead > tr.sapSuiteUiCommonsPFHeaderHidden > th:nth-child(5n+4) {
	width: 1.5rem;
	min-width: 1.5rem;
	max-width: 1.5rem;
}

/* Styles for zoom level 4 when connection labels are used */
table.sapSuiteUiCommonsPFZoomLevel4 > thead > tr.sapSuiteUiCommonsPFHeaderHidden.sapSuiteUiPFWithLabel > th:nth-child(5n+2),
table.sapSuiteUiCommonsPFZoomLevel4 > thead > tr.sapSuiteUiCommonsPFHeaderHidden.sapSuiteUiPFWithLabel > th:nth-child(5n+4) {
	width: 2.55rem;
	min-width: 2.55rem;
	max-width: 2.55rem;
}

html[data-sap-ui-browser^="an"] table.sapSuiteUiCommonsPFZoomLevel4 > thead > tr.sapSuiteUiCommonsPFHeaderHidden.sapSuiteUiPFWithLabel > th:nth-child(5n+2),
html[data-sap-ui-browser^="an"] table.sapSuiteUiCommonsPFZoomLevel4 > thead > tr.sapSuiteUiCommonsPFHeaderHidden.sapSuiteUiPFWithLabel > th:nth-child(5n+4) {
	width: 2.6rem;
	min-width: 2.6rem;
	max-width: 2.6rem;
}

table.sapSuiteUiCommonsPFZoomLevel4 > thead > tr.sapSuiteUiCommonsPFHeaderHidden > th:nth-child(5n+3) {
	width: 3rem;
	min-width: 3rem;
	max-width: 3rem;
}

table.sapSuiteUiCommonsPFZoomLevel4 > thead > tr.sapSuiteUiCommonsPFHeaderRow > th:nth-child(2n+2) {
	max-width: 6rem;
}


/* Table cell paddings for flow nodes table body */
table.sapSuiteUiCommonsPF > tbody div.sapSuiteUiCommonsProcessFlowNode {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.sapSuiteUiPFContainer{
	display: block;
	height: inherit;
	-webkit-user-select: none;
	min-height: 7rem;
	min-width: 13rem;
	width: 100%;
	position: relative;
}

.sapSuiteUiScrollContainerPF {
	clear: both;
	display: block;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-webkit-touch-callout: none;
	-ms-touch-select: none;
	touch-action: manipulation;
	-webkit-overflow-scrolling: touch;
	height: 100%;
	margin: 0rem 2.8rem 0rem 2.8rem;
	overflow: hidden;
	-webkit-tap-highlight-color: transparent;
}

.sap-phone .sapSuiteUiScrollContainerPF,
.sap-tablet .sapSuiteUiScrollContainerPF{
	margin: 0rem 1.6rem 0rem 1.6rem;
	overflow: auto;
}

.sapSuiteUiScrollContainerPF::-webkit-scrollbar {
	display: none;
	overflow: hidden;
}

.sapSuiteUiScrollContainerPF > * {
	clear: both;
	float: none;
	display: inline-block;
	position: relative;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-webkit-touch-callout: none;
	-ms-touch-select: none;
	-webkit-transition: -webkit-transform 0ms;
	-webkit-transform-origin: 0rem 0rem;
	overflow: hidden;
	-webkit-tap-highlight-color: transparent;
}

/* Selector for BlackBerry 'bb' and Chrome/Fiori-App - 'cr'.
 * Used to enable hardware acceleration.
 * Possible solution for the future:
 * https://developer.mozilla.org/de/docs/Web/CSS/will-change
 */
html[data-sap-ui-browser^="cr"] .sapSuiteUiScrollContainerPF > *,
html[data-sap-ui-os^="bb"] .sapSuiteUiScrollContainerPF > * {
	-webkit-transform: translate3d(0,0,0);
}

.sapSuiteUiScrollContainerPF div:focus {
	outline: none;
}

.sapSuiteUiGrabCursorPF, .sapSuiteUiGrabCursorPF .sapMText {
	cursor: -webkit-grab;
	cursor: -moz-grab;
}

.sapSuiteUiGrabbingCursorPF, .sapSuiteUiGrabbingCursorPF .sapMText {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
}

.sapSuiteUiGrabCursorIEPF, .sapSuiteUiGrabCursorIEPF .sapMText {
	cursor: all-scroll;
}

.sapSuiteUiGrabbingCursorIEPF, .sapSuiteUiGrabbingCursorIEPF .sapMText {
	cursor: all-scroll;
}

.sapSuiteUiDefaultCursorPF, .sapSuiteUiDefaultCursorPF .sapMText {
	cursor: default;
}

table.sapSuiteUiCommonsPF > tbody > tr:first-child {
	height : 0.5rem;
}

table.sapSuiteUiCommonsPFZoomLevel1 > tbody > tr:not(:first-child) > td:first-child {
	height : 14.81rem;
}

table.sapSuiteUiCommonsPFZoomLevel2 > tbody > tr:not(:first-child) > td:first-child {
	height : 13.56rem;
}

table.sapSuiteUiCommonsPFZoomLevel3 > tbody > tr:not(:first-child) > td:first-child {
	height : 9.5rem;
}

table.sapSuiteUiCommonsPFZoomLevel4 > tbody > tr:not(:first-child) > td:first-child {
	height : 4.75rem;
}

.sapPFHArrowScroll {
	size: 1rem;
	cursor: pointer;
	position: absolute;
	top: 2.5rem;
	color: @sapUiContentIconColor;
	text-shadow: @sapUiShadowText;
}

.sap-phone .sapPFHArrowScroll,
.sap-tablet .sapPFHArrowScroll,
html[data-sap-ui-os=win8] .sapPFHArrowScroll,
.sap-phone .suiteUiPFHCounter,
.sap-tablet .suiteUiPFHCounter,
html[data-sap-ui-os=win8] .suiteUiPFHCounter {
	top: 2.45rem;
}

.sapPFHArrowScrollLeft {
	left: 0rem;
	padding: 0.5rem 1rem;
}

.sapPFHArrowScrollRight {
	right: 0rem;
	padding: 0.5rem 1rem;
}

.suiteUiPFHCounter{
	font-weight: normal;
	top: 2.5rem;
	position: absolute;
}

.suiteUiPFHCounterLeft{
	left: 0.8rem;
	padding: 0.6rem 1rem;
}

.suiteUiPFHCounterRight{
	right: 0.8rem;
	padding: 0.6rem 1rem;
}

.sap-phone .suiteUiPFHCounterLeft,
.sap-tablet .suiteUiPFHCounterLeft{
	left: 0.1rem;
	padding: 0.6rem 0.5rem;
}

.sap-phone .suiteUiPFHCounterRight,
.sap-tablet .suiteUiPFHCounterRight{
	right: 0.1rem;
	padding: 0.6rem 0.5rem;
}

.sap-phone .sapPFHArrowScrollLeft,
.sap-tablet .sapPFHArrowScrollLeft {
	left: 0rem;
	padding: 0.5rem 0;
}

.sap-phone .sapPFHArrowScrollRight,
.sap-tablet .sapPFHArrowScrollRight {
	right: 0rem;
	padding: 0.5rem 0;
}

.sapPFHNotScrollable > .sapPFHArrowScroll {
	visibility: hidden;
}

.sapPFHNotScrollable > .suiteUiPFHCounter {
	visibility: hidden;
}

.sapPFHScrollable.sapPFHNoScrollBack > .sapPFHArrowScrollLeft,
.sapPFHScrollable.sapPFHNoScrollForward > .sapPFHArrowScrollRight,
.sapPFHScrollable.sapPFHNoScrollBack > .suiteUiPFHCounterLeft,
.sapPFHScrollable.sapPFHNoScrollForward > .suiteUiPFHCounterRight {
	visibility: hidden;
}

html.sap-desktop .sapPFHArrowScroll:hover,
html.sap-desktop .sapPFHArrowScroll:active {
	color: @sapUiHighlight;
}

.sapPFHArrowScroll:focus,
.sapSuiteUiScrollContainerPF:focus {
	outline: none;
}

.suiteUiPFHCounter {
	font-family: @sapUiFontFamily;
	font-size: @sapMFontSmallSize;
	color: @sapUiGroupTitleTextColor;
	text-shadow: @sapUiShadowText;
}

.sapSuiteUiCommonsProcessFlowZIndexForConnectors {
	position: relative;
	z-index: 0;
}

/* END "ProcessFlow.less" */

/* START "ProcessFlowConnection.less" */
/* ================================================================== */
/* CSS for sap.suite.ui.commons/ProcessFlowConnection.control         */
/* Base Theme                                                         */
/* ================================================================== */

.sapSuiteUiCommonsParentPosition {
	position: relative;
}
.sapSuiteUiCommonsFloatLeft {
	float: left;
}
.sapSuiteUiCommonsFloatClear {
	clear: both;
}
.sapSuiteUiCommonsBoxMiddleWidth {
	width: 0.125rem;
}
.sapSuiteUiCommonsPFWithLabel.sapSuiteUiCommonsBoxMiddleWidth {
	width: 0.09375rem;
}
html[data-sap-ui-browser^="cr"] .sapSuiteUiCommonsPFWithLabel.sapSuiteUiCommonsBoxMiddleWidth,
html[data-sap-ui-os^="iOS"] .sapSuiteUiCommonsPFWithLabel.sapSuiteUiCommonsBoxMiddleWidth,
html[data-sap-ui-browser^="sf"] .sapSuiteUiCommonsPFWithLabel.sapSuiteUiCommonsBoxMiddleWidth {
	width: 0.125rem;
}
html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsBoxMiddleWidth {
	width: 0.14rem;
}
html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsPFWithLabel.sapSuiteUiCommonsBoxMiddleWidth {
	width: 0.1rem;
}
.sapSuiteUiCommonsBoxMiddleBorderWidth {
	width: 0rem;
}
/* The left part of the arrow before the branch */
.sapSuiteUiCommonsBoxZoom1Width {
	width: 1.9375rem;
}
.sapSuiteUiCommonsBoxZoom2Width {
	width: 1.4375rem;
}
.sapSuiteUiCommonsBoxZoom3Width {
	width: 1.9375rem;
}
.sapSuiteUiCommonsBoxZoom4Width {
	width: 2.4375rem;
}
/* The left part of the arrow before the branch when PF has labels*/
.sapSuiteUiCommonsPFWithLabel.sapSuiteUiCommonsBoxZoom1Width {
	width: 1rem;
}
.sapSuiteUiCommonsBoxZoom2Width.sapSuiteUiCommonsPFWithLabel {
	width: 1rem;
}
.sapSuiteUiCommonsBoxZoom3Width.sapSuiteUiCommonsPFWithLabel {
	width: 1rem;
}
.sapSuiteUiCommonsBoxZoom4Width.sapSuiteUiCommonsPFWithLabel {
	width: 1rem;
}
/* The connection when there is no arrow. */
.sapSuiteUiCommonsBoxZoom1WidthWithLabel {
	width: 6rem;
}
/*Blackberry doesn't work fine with 6rem instead, works for 5.99rem*/
html[data-sap-ui-os^="bb"] .sapSuiteUiCommonsBoxZoom1WidthWithLabel {
	width: 5.99rem;
}
.sapSuiteUiCommonsBoxZoom2WidthWithLabel {
	width: 6rem;
}
html[data-sap-ui-os^="bb"] .sapSuiteUiCommonsBoxZoom2WidthWithLabel {
	width: 5.99rem;
}
.sapSuiteUiCommonsBoxZoom3WidthWithLabel {
	width: 6rem;
}
html[data-sap-ui-os^="bb"] .sapSuiteUiCommonsBoxZoom3WidthWithLabel {
	width: 5.99rem;
}
.sapSuiteUiCommonsBoxZoom4WidthWithLabel {
	width: 6rem;
}
html[data-sap-ui-os^="bb"] .sapSuiteUiCommonsBoxZoom4WidthWithLabel {
	width: 5.99rem;
}
/* The right part of the arrow, after the branch. */
.sapSuiteUiCommonsBoxArrowZoom1Width {
	width: 1.3125rem;
}
.sapSuiteUiCommonsBoxArrowZoom2Width {
	width: 0.8125rem;
}
.sapSuiteUiCommonsBoxArrowZoom3Width {
	width: 1.3125rem;
}
.sapSuiteUiCommonsBoxArrowZoom4Width {
	width: 1.8125rem;
}
/* The right part of the arrow, after the branch when PF has labels. */
.sapSuiteUiCommonsBoxArrowZoom1Width.sapSuiteUiCommonsPFWithLabel {
	width: 5.45rem;
}
.sapSuiteUiCommonsBoxArrowZoom2Width.sapSuiteUiCommonsPFWithLabel {
	width: 5.45rem;
}
.sapSuiteUiCommonsBoxArrowZoom3Width.sapSuiteUiCommonsPFWithLabel {
	width: 5.45rem;
}
.sapSuiteUiCommonsBoxArrowZoom4Width.sapSuiteUiCommonsPFWithLabel {
	width: 5.45rem;
}
.sapSuiteUiCommonsBoxWideWidth {
	width: 100%;
}
/* The whole arrow, when there is no branch. */
.sapSuiteUiCommonsBoxWideArrowZoom1Width {
	width: 3.375rem;
}
.sapSuiteUiCommonsBoxWideArrowZoom2Width {
	width: 2.375rem;
}
.sapSuiteUiCommonsBoxWideArrowZoom3Width {
	width: 3.375rem;
}
.sapSuiteUiCommonsBoxWideArrowZoom4Width {
	width: 4.375rem;
}
/* The whole arrow, when there is no branch and PF has labels. */
.sapSuiteUiCommonsBoxWideArrowZoom1Width.sapSuiteUiCommonsPFWithLabel {
	width: 6.5rem;
}
.sapSuiteUiCommonsBoxWideArrowZoom2Width.sapSuiteUiCommonsPFWithLabel {
	width: 6.5rem;
}
.sapSuiteUiCommonsBoxWideArrowZoom3Width.sapSuiteUiCommonsPFWithLabel {
	width: 6.5rem;
}
.sapSuiteUiCommonsBoxWideArrowZoom4Width.sapSuiteUiCommonsPFWithLabel {
	width: 6.5rem;
}
.sapSuiteUiCommonsBoxWideZoom1Height {
	height: 14.8125rem;
}
.sapSuiteUiCommonsBoxWideZoom2Height {
	height: 13.5625rem;
}
.sapSuiteUiCommonsBoxWideZoom3Height {
	height: 9.5rem;
}
.sapSuiteUiCommonsBoxWideZoom4Height {
	height: 4.75rem;
}
.sapSuiteUiCommonsBoxTopZoom1Height {
	height: 6rem;
}
.sapSuiteUiCommonsBoxTopZoom2Height {
	height: 5.5625rem;
}
.sapSuiteUiCommonsBoxTopZoom3Height {
	height: 4.0625rem;
}
.sapSuiteUiCommonsBoxTopZoom4Height {
	height: 1.75rem;
}
.sapSuiteUiCommonsBoxMiddleHeight {
	height: 0.125rem;
}
.sapSuiteUiCommonsBoxMiddleBorderHeight {
	height: 0rem;
}
.sapSuiteUiCommonsBoxBottomZoom1Height {
	height: 8.6875rem;
}
.sapSuiteUiCommonsBoxBottomZoom2Height {
	height: 7.875rem;
}
.sapSuiteUiCommonsBoxBottomZoom3Height {
	height: 5.3125rem;
}
.sapSuiteUiCommonsBoxBottomZoom4Height {
	height: 2.875rem;
}
.sapSuiteUiCommonsBorderLeft {
	border-left-width: 0.125rem;
}
.sapSuiteUiCommonsBorderBottom {
	border-bottom-width: 0.125rem;
}
.sapSuiteUiCommonsBorderLeftTypeNormal {
	border-left-style: solid;
}
.sapSuiteUiCommonsBorderLeftTypePlanned {
	border-left-style: dashed;
}
.sapSuiteUiCommonsBorderBottomTypeNormal {
	border-bottom-style: solid;
}
.sapSuiteUiCommonsBorderBottomTypePlanned {
	border-bottom-style: dashed;
}
.sapSuiteUiCommonsArrowRight {
	width: 0rem;
	height: 0rem;
	position: absolute;
	right: -1rem;
	bottom: -0.3125rem;
	border-style: solid;
	border-right-color: transparent;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-width: 0.25rem 0.5rem;
}

/* END "ProcessFlowConnection.less" */

/* START "ProcessFlowConnectionLabel.less" */
/* ======================================================================= */
/* CSS for sap.suite.ui.commons/ProcessFlowConnectionLabel.control         */
/* Base Theme                                                              */
/* ======================================================================= */

.sapSuiteUiCommonsProcessFlowConnectionLabel.sapMBtn {
	position: absolute;
	margin-top: -0.95rem;
	z-index: 4;
	right: 0.5rem;
	height: 2rem;
}

.sapSuiteUiCommonsProcessFlowConnectionLabel.sapMBtn > .sapMBtnInner {
	font-size: @sapMFontMediumSize;
	height: 1.5rem;
	text-shadow: none;
	font-family: @sapUiFontFamily;
	font-weight: normal;
	padding: 0rem 0.2rem 0rem 0.2rem;
	min-width: 2rem;
	border-radius: 0.19rem;
}

.sapSuiteUiCommonsProcessFlowConnectionLabel.sapMBtn > .sapMBtnInner > .sapMBtnContent {
	line-height: 1.5rem;
}

.sapSuiteUiCommonsProcessFlowConnectionLabel.sapMBtn > .sapMBtnInner.sapMBtnIconFirst {
	padding-left: 1.35rem;
}

.sapSuiteUiCommonsProcessFlowConnectionLabel.sapMBtn > .sapMBtnInner > .sapMBtnIcon {
	line-height: 1.35rem;
	font-size: 1rem;
}

/* Corrects the vertical alignment of Icon in IE */
html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsProcessFlowConnectionLabel.sapMBtn > .sapMBtnInner > .sapMBtnIcon {
	line-height: 1.4rem;
}

/* Centers icon if icon only (without text) is used */
.sapSuiteUiCommonsProcessFlowConnectionLabel.sapMBtn > .sapMBtnInner:not(.sapMBtnText) > .sapMBtnIcon {
	width: 100%;
}

/* Centers icon for compact mode if icon only (without text) is used */
.sapUiSizeCompact .sapSuiteUiCommonsProcessFlowConnectionLabel.sapMBtn > .sapMBtnInner:not(.sapMBtnText) > .sapMBtnIcon {
	margin-left: 0;
	margin-right: 0;
}

/* Adds distance on the right and left if icon and text is used */
.sapSuiteUiCommonsProcessFlowConnectionLabel.sapMBtn > .sapMBtnInner.sapMBtnText > .sapMBtnIcon {
	width: 1rem;
	margin-left: 0.2rem;
	margin-right: 0.2rem;
}

/* Disabled */
.sapSuiteUiCommonsProcessFlowConnectionLabel.sapMBtnDisabled {
	opacity: 1;
}
.sapSuiteUiCommonsProcessFlowConnectionLabel.sapMBtnDisabled > .sapMBtnInner > .sapMBtnContent,
.sapSuiteUiCommonsProcessFlowConnectionLabel.sapMBtnDisabled > .sapMBtnInner > .sapMBtnIcon {
	opacity: 0.5;
}

/* END "ProcessFlowConnectionLabel.less" */

/* START "ProcessFlowLaneHeader.less" */
/* ================================================================== */
/* CSS for sap.suite.ui.commons/ProcessFlowLaneHeader.control         */
/* Base Theme                                                         */
/* ================================================================== */

.suiteUiProcessFlowLaneHeaderContainer {
	width: 100%;
	min-width: 6rem;
}

.suiteUiProcessFlowLaneHeaderBodyContainer {
	position: relative;
	height: 4.25rem;
	width: 100%;
	top: 0;
	margin-top: 0.375rem;
	margin-bottom: 0.375rem;
}

.suiteUiProcessFlowLaneHeaderTextContainer {
	position: relative;
	height: 2rem;
	padding: 0rem 1rem;
	overflow: hidden;
	text-align: center;
}

.suiteUiProcessFlowLaneHeaderText {
	color: @sapUiGroupTitleTextColor;
	text-shadow: @sapUiShadowText;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontSmallSize;
	display: inline-block;
	vertical-align: top;
	line-height: 1rem;
	font-weight: normal;
	word-wrap: break-word;
	word-break: normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 2rem;
	min-height: 2rem;
	height: 2rem;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.suiteUiProcessFlowLaneHeaderDonutSvg {
	position: absolute;
	width: 4.25rem;
	height: 4.25rem;
	left: 50%;
	top: 50%;
	margin-top: -2.125rem;
	margin-left: -2.125rem;
	padding: 0.125rem;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-webkit-touch-callout: none;
	-webkit-transition: -webkit-transform 0ms;
	-ms-touch-select: none;
	touch-action: manipulation;
	text-size-adjust: none;
	-ms-text-autospace: none;
	-ms-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
}

.suiteUiProcessFlowLaneHeaderIconContainer {
	color: @sapUiGroupContentBackground;
	display: table;
	position: absolute;
	top:   50%;
	left:  50%;
	width: 4.25rem;
	height: 4.25rem;
	margin-left: -2.125rem;
	margin-top: -2.125rem;
	font-size: 1.375rem;
	text-align:center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-webkit-touch-callout: none;
	-webkit-transition: -webkit-transform 0ms;
	-ms-touch-select: none;
	touch-action: manipulation;
	text-size-adjust: none;
	-ms-text-autospace: none;
	-ms-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
}

.suiteUiProcessFlowLaneHeaderHorizontalLine {
	background-color: @sapUiContentForegroundBorderColor;
	position: absolute;
	width: 100%;
	height:0.0625rem;
	top: 50%;
}

/*Selector for IE11. Increasing 0.01rem the height, prevents some lines from disappearing*/
html[data-sap-ui-browser^="ie"] .suiteUiProcessFlowLaneHeaderHorizontalLine {
	height:0.07rem;
}

.suiteUiProcessFlowLaneHeaderStartEndSymbolContainer {
	position: relative;
	width: 1rem;
	height: 7rem;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-webkit-touch-callout: none;
	-webkit-transition: -webkit-transform 0ms;
	-ms-touch-select: none;
	touch-action: manipulation;
	text-size-adjust: none;
	-ms-text-autospace: none;
	-ms-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
}

.suiteUiProcessFlowLaneHeaderStartEndSymbol {
	background-color: @sapUiContentForegroundBorderColor;
	position: absolute;
	top: 2.125rem; /* 2 rem from top of the container + 2px */
	width: 0.1875rem;
	height: 0.75rem;
}

.suiteUiProcessFlowLaneHeaderStartSymbol {
	left: 0;
}

.suiteUiProcessFlowLaneHeaderEndSymbol {
	right: 0;
}

.suiteUiProcessFlowLaneHeaderProcessSymbolContainer {
	position: relative;
	width: 2rem;
	height: 7rem;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-webkit-touch-callout: none;
	-webkit-transition: -webkit-transform 0ms;
	-ms-touch-select: none;
	touch-action: manipulation;
	text-size-adjust: none;
	-ms-text-autospace: none;
	-ms-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
}

.suiteUiProcessFlowLaneHeaderProcessSymbol {
	color: @sapUiContentNonInteractiveIconColor;
	font-size: @sapMFontHeader5Size;
	position: absolute;
	top: 2rem; /* 2 rem from top of the container */
	left: 50%;
	margin: 0rem -0.5rem;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-webkit-touch-callout: none;
	-webkit-transition: -webkit-transform 0ms;
	-ms-touch-select: none;
	touch-action: manipulation;
	text-size-adjust: none;
	-ms-text-autospace: none;
	-ms-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	overflow: hidden;
}

.suiteUiProcessFlowLaneHeaderProcessSymbolIcon,
.suiteUiProcessFlowLaneHeaderProcessSymbolIcon > .sapUiIcon,
.suiteUiProcessFlowLaneHeaderProcessSymbolIcon > .sapUiIcon:before {
	color: @sapUiContentNonInteractiveIconColor;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-webkit-touch-callout: none;
	-webkit-transition: -webkit-transform 0ms;
	-ms-touch-select: none;
	touch-action: manipulation;
	text-size-adjust: none;
	-ms-text-autospace: none;
	-ms-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	overflow: hidden;
}

.suiteUiProcessFlowLaneHeaderPointer {
	cursor: pointer;
	cursor: hand;
}

.suiteUiProcessFlowLaneHeaderNoSelection {
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-webkit-touch-callout: none;
	-webkit-transition: -webkit-transform 0ms;
	-ms-touch-select: none;
	touch-action: manipulation;
}

/* END "ProcessFlowLaneHeader.less" */

/* START "ProcessFlowNode.less" */
/* ============================================================ */
/* CSS for sap.suite.ui.commons/ProcessFlowNode.control         */
/* Base Theme                                                   */
/* ============================================================ */

/* border styles */
.sapSuiteUiCommonsProcessFlowNode1BorderStyle {
	border-right: none !important;
	border-bottom: none !important;
}
.sapSuiteUiCommonsProcessFlowNode1FoldedBorderStyle {
	border-style: none;
}
.sapSuiteUiCommonsProcessFlowNode2BorderStyle {
	border-left: none !important;
	border-bottom: none !important;
}
.sapSuiteUiCommonsProcessFlowNode3BorderStyle {
	border-top: none !important;
}

/*-----------------------------------------------------------------*/
/* font faces */
/*-----------------------------------------------------------------*/
@font-face {
	/* used for folded corner */
	font-family: 'PFBusinessSuiteInAppSymbols';
	src: url('fonts/PFBusinessSuiteInAppSymbols.eot');
	src: url('fonts/PFBusinessSuiteInAppSymbols.eot?#iefix') format('embedded-opentype'),
	url('fonts/PFBusinessSuiteInAppSymbols.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
}

/* node general settings */
.sapSuiteUiCommonsProcessFlowNode0,
.sapSuiteUiCommonsProcessFlowNode1,
.sapSuiteUiCommonsProcessFlowNode1 *,
.sapSuiteUiCommonsProcessFlowFoldedCornerNode1,
.sapSuiteUiCommonsProcessFlowFoldedCornerNode1 *,
.sapSuiteUiCommonsProcessFlowNode2,
.sapSuiteUiCommonsProcessFlowNode2 *,
.sapSuiteUiCommonsProcessFlowNode3 {
	clear: none;
	float: left;
	display: block;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-webkit-touch-callout: none;
	-webkit-transition: -webkit-transform 0ms;
	-ms-touch-select: none;
	touch-action: manipulation;
	text-size-adjust: none;
	-ms-text-autospace: none;
	-ms-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
}

/* ----- */
/* node0 */
/* ----- */
.sapSuiteUiCommonsProcessFlowNode0ZoomLevel1 {
	clear: both;
	float: left;
	display: block;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	width: 11rem;
	min-width: 11rem;
	max-width: 11rem;
}
.sapSuiteUiCommonsProcessFlowNode0ZoomLevel2 {
	clear: both;
	float: left;
	display: block;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	width: 9rem;
	min-width: 9rem;
	max-width: 9rem;
}
.sapSuiteUiCommonsProcessFlowNode0ZoomLevel3 {
	clear: both;
	float: left;
	display: block;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	width: 6.5rem;
	min-width: 6.5rem;
	max-width: 6.5rem;
}
.sapSuiteUiCommonsProcessFlowNode0ZoomLevel4 {
	clear: both;
	float: left;
	display: block;
	position: relative;
	margin-bottom: 0.3125rem;
	padding: 0rem;
	width: 3rem;
	min-width: 3rem;
	max-width: 3rem;
	height: 3.75rem;
	min-height: 3.75rem;
	max-height: 3.75rem;
}

/*IE doesn't support rem values for line-height but it's need by other browsers*/
html:not([data-sap-ui-browser^="ie"]) .sapSuiteUiCommonsProcessFlowNode0ZoomLevel4 {
	line-height: 3.75rem;
}

/* ----- */
/* node1 */
/* ----- */
.sapSuiteUiCommonsProcessFlowNode1ZoomLevel1,
.sapSuiteUiCommonsProcessFlowNode1ZoomLevel2,
.sapSuiteUiCommonsProcessFlowNode1ZoomLevel1 > .sapUiIcon,
.sapSuiteUiCommonsProcessFlowNode1ZoomLevel2 > .sapUiIcon,
.sapSuiteUiCommonsProcessFlowNode1ZoomLevel1 > .sapUiIcon:before,
.sapSuiteUiCommonsProcessFlowNode1ZoomLevel2 > .sapUiIcon:before {
	clear: both;
	float: left;
	display: block;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	text-align: center;
	vertical-align: middle;
	width: 1rem;
	min-width: 1rem;
	max-width: 1rem;
	height: 1rem;
	min-height: 1rem;
	max-height: 1rem;
	overflow: hidden;
	background-color: transparent;
	font-size: @sapMFontLargeSize;
}

/*IE doesn't support rem values for line-height but it's need by other browsers*/
html:not([data-sap-ui-browser^="ie"]) .sapSuiteUiCommonsProcessFlowNode1ZoomLevel1 > .sapUiIcon,
html:not([data-sap-ui-browser^="ie"]) .sapSuiteUiCommonsProcessFlowNode1ZoomLevel2 > .sapUiIcon,
html:not([data-sap-ui-browser^="ie"]) .sapSuiteUiCommonsProcessFlowNode1ZoomLevel1 > .sapUiIcon:before,
html:not([data-sap-ui-browser^="ie"]) .sapSuiteUiCommonsProcessFlowNode1ZoomLevel2 > .sapUiIcon:before {
	line-height: 1rem;
}

/*Fix that substitute the line-height for IE, it's not needed for IE but it's for IE in WP. Anyway works fine in
all IE versions*/
html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsProcessFlowNode1ZoomLevel1 > .sapUiIcon,
html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsProcessFlowNode1ZoomLevel2 > .sapUiIcon,
html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsProcessFlowNode1ZoomLevel1 > .sapUiIcon:before,
html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsProcessFlowNode1ZoomLevel2 > .sapUiIcon:before {
	width: 1.25rem;
	min-width: 1.25rem;
	max-width: 1.25rem;
	height: 1.28rem;
	min-height: 1.28rem;
	max-height: 1.28rem;
	margin-left: -0.05rem;
	margin-top: -0.04rem;
}

.sapSuiteUiCommonsProcessFlowNode1ZoomLevel3,
.sapSuiteUiCommonsProcessFlowNode1ZoomLevel4,
.sapSuiteUiCommonsProcessFlowNode1ZoomLevel3 > .sapUiIcon,
.sapSuiteUiCommonsProcessFlowNode1ZoomLevel4 > .sapUiIcon,
.sapSuiteUiCommonsProcessFlowNode1ZoomLevel3 > .sapUiIcon:before,
.sapSuiteUiCommonsProcessFlowNode1ZoomLevel4 > .sapUiIcon:before {
	clear: both;
	float: left;
	display: block;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	text-align: center;
	vertical-align: middle;
	width: 0.75rem;
	min-width: 0.75rem;
	max-width: 0.75rem;
	height: 0.75rem;
	min-height: 0.75rem;
	max-height: 0.75rem;
	overflow: hidden;
	background-color: transparent;
	font-size: @sapMFontSmallSize
}

/*IE doesn't support rem values for line-height but it's need by other browsers*/
html:not([data-sap-ui-browser^="ie"]) .sapSuiteUiCommonsProcessFlowNode1ZoomLevel3 > .sapUiIcon,
html:not([data-sap-ui-browser^="ie"]) .sapSuiteUiCommonsProcessFlowNode1ZoomLevel4 > .sapUiIcon,
html:not([data-sap-ui-browser^="ie"]) .sapSuiteUiCommonsProcessFlowNode1ZoomLevel3 > .sapUiIcon:before,
html:not([data-sap-ui-browser^="ie"]) .sapSuiteUiCommonsProcessFlowNode1ZoomLevel4 > .sapUiIcon:before {
	line-height: 0.75rem;
}

/*Fix that substitute the line-height for IE, it's not needed for IE but it's for IE in WP. Anyway works fine in
all IE versions*/
html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsProcessFlowNode1ZoomLevel3 > .sapUiIcon,
html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsProcessFlowNode1ZoomLevel4 > .sapUiIcon,
html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsProcessFlowNode1ZoomLevel3 > .sapUiIcon:before,
html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsProcessFlowNode1ZoomLevel4 > .sapUiIcon:before {
	width: 0.78rem;
	min-width: 0.78rem;
	max-width: 0.78rem;
	height: 0.81rem;
	min-height: 0.81rem;
	max-height: 0.81rem;
	margin-left: -0.015rem;
	margin-top: -0.03rem;
}

/* ----- */
/* node2 */
/* ----- */
.sapSuiteUiCommonsProcessFlowNode2ZoomLevel1 {
	clear: none;
	float: left;
	display: block;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	width: 10rem;
	min-width: 10rem;
	max-width: 10rem;
	height: 1rem;
	min-height: 1rem;
	max-height: 1rem;
	line-height: 1rem;
	overflow: hidden;
}
.sapSuiteUiCommonsProcessFlowNode2ZoomLevel2 {
	clear: none;
	float: left;
	display: block;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	width: 8rem;
	min-width: 8rem;
	max-width: 8rem;
	height: 1rem;
	min-height: 1rem;
	max-height: 1rem;
	line-height: 1rem;
	overflow: hidden;
}
.sapSuiteUiCommonsProcessFlowNode2ZoomLevel3 {
	clear: none;
	float: left;
	display: block;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	width: 5.75rem;
	min-width: 5.75rem;
	max-width: 5.75rem;
	height: 0.75rem;
	min-height: 0.75rem;
	max-height: 0.75rem;
	line-height: 0.75rem;
	overflow: hidden;
}
.sapSuiteUiCommonsProcessFlowNode2ZoomLevel4 {
	clear: none;
	float: left;
	display: block;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	width: 2.25rem;
	min-width: 2.25rem;
	max-width: 2.25rem;
	height: 0.75rem;
	min-height: 0.75rem;
	max-height: 0.75rem;
	line-height: 0.75rem;
	overflow: hidden;
}

/* ----- */
/* node3 */
/* ----- */
.sapSuiteUiCommonsProcessFlowNode3ZoomLevel1 {
	clear: both;
	float: left;
	display: block;
	position: relative;
	margin: 0rem;
	padding: 0rem 0.9375rem 0.9375rem 0.9375rem;
	width: 11rem;
	min-width: 11rem;
	max-width: 11rem;
	overflow: hidden;
}
.sapSuiteUiCommonsProcessFlowNode3ZoomLevel2 {
	clear: both;
	float: left;
	display: block;
	position: relative;
	margin: 0rem;
	padding: 0rem 0.9375rem 0.9375rem 0.9375rem;
	width: 9rem;
	min-width: 9rem;
	max-width: 9rem;
	overflow: hidden;
}
.sapSuiteUiCommonsProcessFlowNode3ZoomLevel3 {
	clear: both;
	float: left;
	display: block;
	position: relative;
	margin: 0rem;
	padding: 0rem 0.6875rem 0.6875rem 0.6875rem;
	width: 6.5rem;
	min-width: 6.5rem;
	max-width: 6.5rem;
	overflow: hidden;
}

.sapSuiteUiCommonsProcessFlowNode3ZoomLevel4 {
	clear: both;
	float: left;
	display: block;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	width: 3rem;
	min-width: 3rem;
	max-width: 3rem;
	height: 3rem;
	min-height: 3rem;
	max-height: 3rem;
	line-height: 3rem;
	overflow: hidden;
}

.sapSuiteUiCommonsProcessFlowNodeCustom {
	.sapSuiteUiCommonsProcessFlowNode3ZoomLevel1 {
		height: 12.8125rem;
	}
	.sapSuiteUiCommonsProcessFlowNode3ZoomLevel2 {
		height: 11.1875rem;
	}
	.sapSuiteUiCommonsProcessFlowNode3ZoomLevel3 {
		height: 7.25rem;
	}
	.sapSuiteUiCommonsProcessFlowNode3ZoomLevel4 {
		height: 3rem;
		padding: 0rem 0.4375rem 0.75rem 0.4375rem;
		line-height: normal;
	}
}
/*---------------*/
/* folded corner */
/*---------------*/
.sapSuiteUiCommonsProcessFlowNodeStateFoldedCornerZoomLevel1,
.sapSuiteUiCommonsProcessFlowNodeStateFoldedCornerZoomLevel2 {
	clear: both;
	float: left;
	display: block;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	width: 1rem;
	min-width: 1rem;
	max-width: 1rem;
	height: 1rem;
	min-height: 1rem;
	max-height: 1rem;
	line-height: 1rem;
	overflow: hidden;
}
.sapSuiteUiCommonsProcessFlowNodeStateFoldedCornerZoomLevel3,
.sapSuiteUiCommonsProcessFlowNodeStateFoldedCornerZoomLevel4 {
	clear: both;
	float: left;
	display: block;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	width: 0.75rem;
	min-width: 0.75rem;
	max-width: 0.75rem;
	height: 0.75rem;
	min-height: 0.75rem;
	max-height: 0.75rem;
	line-height: 0.75rem;
	overflow: hidden;
}

/* Title */
.sapSuiteUiCommonsProcessFlowNode3Title,
.sapSuiteUiCommonsProcessFlowNode3Title > .sapMText,
.sapSuiteUiCommonsProcessFlowNode3Title > .sapMTextMaxLine,
.sapSuiteUiCommonsProcessFlowNode3Title > .sapMTextMaxWidth {
	clear: both;
	float: left;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	vertical-align: top;
	font-family: @sapUiFontFamily;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: normal;
	overflow: hidden;
	border: none;
	color: @sapUiGroupTitleTextColor;
	font-size: @sapMFontLargeSize;
}

.sapSuiteUiCommonsProcessFlowNode3TitleClickable:hover,
.sapSuiteUiCommonsProcessFlowNode3TitleClickable:hover > .sapMTextMaxLine {
	cursor: pointer;
}
.sapSuiteUiCommonsProcessFlowNode3TitleZoomLevel1 {
	clear: both;
	float: left;
	display: table-row;
	position: relative;
	text-align: left;
	vertical-align: top;
	margin: 0rem;
	margin-bottom: 0.5rem;
	padding: 0rem;
	overflow: hidden;
	border: none;
}
.sapSuiteUiCommonsProcessFlowNode3TitleZoomLevel1 > .sapMText,
.sapSuiteUiCommonsProcessFlowNode3TitleZoomLevel1 > .sapMTextMaxLine,
.sapSuiteUiCommonsProcessFlowNode3TitleZoomLevel1 > .sapMTextMaxWidth {
	clear: both;
	float: left;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	vertical-align: top;
	font-size: @sapMFontLargeSize;
	width: 8.75rem;
	min-width: 8.75rem;
	max-width: 8.75rem;
	height: 3.5625rem;
	min-height: 3.5625rem;
	max-height: 3.5625rem;
	line-height: 1.1875rem;
	overflow: hidden;
	border: none;
}
.sapSuiteUiCommonsProcessFlowNode3TitleZoomLevel2 {
	clear: both;
	float: left;
	display: table-row;
	position: relative;
	text-align: left;
	vertical-align: top;
	margin: 0rem;
	margin-bottom: 0.5rem;
	padding: 0rem;
	overflow: hidden;
	border: none;
	font-size: @sapMFontMediumSize;
}
.sapSuiteUiCommonsProcessFlowNode3TitleZoomLevel2 > .sapMText,
.sapSuiteUiCommonsProcessFlowNode3TitleZoomLevel2 > .sapMTextMaxLine,
.sapSuiteUiCommonsProcessFlowNode3TitleZoomLevel2 > .sapMTextMaxWidth {
	clear: both;
	float: left;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	vertical-align: top;
	width: 6.75rem;
	min-width: 6.75rem;
	max-width: 6.75rem;
	height: 3.1875rem;
	min-height: 3.1875rem;
	max-height: 3.1875rem;
	line-height: 1.0625rem;
	overflow: hidden;
	border: none;
	font-size: @sapMFontMediumSize;
}
.sapSuiteUiCommonsProcessFlowNode3TitleZoomLevel3 {
	clear: both;
	float: left;
	display: table-row;
	position: relative;
	margin: 0rem;
	margin-bottom: 0.25rem;
	padding: 0rem;
	text-align: center;
	vertical-align: top;
	width: 4.75rem;
	max-width: 4.75rem;
	height: 2.125rem;
	min-height: 2.125rem;
	max-height: 2.125rem;
	overflow: hidden;
	border: none;
}
.sapSuiteUiCommonsProcessFlowNode3TitleZoomLevel3 > .sapMText,
.sapSuiteUiCommonsProcessFlowNode3TitleZoomLevel3 > .sapMTextMaxLine,
.sapSuiteUiCommonsProcessFlowNode3TitleZoomLevel3 > .sapMTextMaxWidth {
	clear: both;
	float: left;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	text-align: center;
	vertical-align: top;
	width: 4.75rem;
	max-width: 4.75rem;
	height: 2.125rem;
	min-height: 2.125rem;
	max-height: 2.125rem;
	line-height: 1.0625rem;
	overflow: hidden;
	border: none;
	font-size: @sapMFontMediumSize;
}
.sapSuiteUiCommonsProcessFlowNode3TitleZoomLevel4 {
	clear: both;
	float: left;
	display: none;
	position: relative;
	width: 0rem;
	min-width: 0rem;
	max-width: 0rem;
	height: 0rem;
	min-height: 0rem;
	max-height: 0rem;
	line-height: 0rem;
	overflow: hidden;
}

/* State area */
.sapSuiteUiCommonsProcessFlowNode3State {
	clear: both;
	float: left;
	display: block;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	overflow: hidden;
	border: none;
}
.sapSuiteUiCommonsProcessFlowNode3StateZoomLevel1 {
	clear: both;
	float: left;
	display: table;
	position: relative;
	margin: 0rem;
	margin-bottom: 0.5rem;
	padding: 0rem;
	width: 8.75rem;
	min-width: 8.75rem;
	max-width: 8.75rem;
	height: 2.5rem;
	min-height: 2.5rem;
	max-height: 2.5rem;
	line-height: 2.5rem;
	overflow: hidden;
	border: none;
	font-size: @sapMFontMediumSize;
}
.sapSuiteUiCommonsProcessFlowNode3StateZoomLevel2 {
	clear: both;
	float: left;
	display: table;
	position: relative;
	margin: 0rem;
	margin-bottom: 0.5rem;
	padding: 0rem;
	width: 6.75rem;
	min-width: 6.75rem;
	max-width: 6.75rem;
	height: 2rem;
	min-height: 2rem;
	max-height: 2rem;
	line-height: 2rem;
	overflow: hidden;
	border: none;
	font-size: @sapMFontSmallSize;
}
.sapSuiteUiCommonsProcessFlowNode3StateZoomLevel3 {
	clear: both;
	float: left;
	display: table-cell;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	width: 4.75rem;
	min-width: 4.75rem;
	max-width: 4.75rem;
	height: 4.125rem;
	min-height: 4.125rem;
	max-height: 4.125rem;
	line-height: 4.125rem;
	overflow: hidden;
	border: none;
}
.sapSuiteUiCommonsProcessFlowNode3StateZoomLevel4 {
	clear: both;
	float: left;
	display: table-cell;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	width: 2.875rem;
	min-width: 2.875rem;
	max-width: 2.875rem;
	height: 2.875rem;
	min-height: 2.875rem;
	max-height: 2.875rem;
	line-height: 2.875rem;
	overflow: hidden;
	border: none;
}

/* State icon */
.sapSuiteUiCommonsProcessFlowNode3StateIcon,
.sapSuiteUiCommonsProcessFlowNode3StateIcon > .sapUiIcon,
.sapSuiteUiCommonsProcessFlowNode3StateIcon > .sapUiIcon:before {
	clear: both;
	float: left;
	display: block;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	vertical-align: middle;
	overflow: hidden;
	border: none;
}
.sapSuiteUiCommonsProcessFlowNode3StateIconLeft {
	text-align: left;
}
.sapSuiteUiCommonsProcessFlowNode3StateIconRight {
	text-align: right;
}
.sapSuiteUiCommonsProcessFlowNode3StateIconCenter {
	text-align: center;
}

.sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel1 {
	clear: both;
	float: left;
	display: table-cell;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	vertical-align: middle;
	width: 2rem;
	min-width: 2rem;
	max-width: 2rem;
	height: 2.5rem;
	min-height: 2.5rem;
	max-height: 2.5rem;
	line-height: 2.5rem;
	overflow: hidden;
	border: none;
}
.sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel1 > .sapUiIcon,
.sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel1 > .sapUiIcon:before {
	clear: both;
	float: left;
	display: block;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	vertical-align: middle;
	font-size: 1.250rem; /*Maybe will be replaced by less if designers are done with less refactoring at all*/
	width: 2rem;
	min-width: 2rem;
	max-width: 2rem;
	height: 2.125rem;
	min-height: 2.125rem;
	max-height: 2.125rem;
	overflow: hidden;
	border: none;
}

/*IE doesn't support rem values for line-height but it's need by other browsers*/
html:not([data-sap-ui-browser^="ie"]) .sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel1 > .sapUiIcon,
html:not([data-sap-ui-browser^="ie"]) .sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel1 > .sapUiIcon:before {
	line-height: 2.125rem;
}

.sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel2 {
	clear: both;
	float: left;
	display: table-cell;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	vertical-align: middle;
	width: 1.5rem;
	min-width: 1.5rem;
	max-width: 1.5rem;
	height: 2rem;
	min-height: 2rem;
	max-height: 2rem;
	line-height: 2rem;
	overflow: hidden;
	border: none;
}

.sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel2 > .sapUiIcon,
.sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel2 > .sapUiIcon:before {
	clear: both;
	float: left;
	display: block;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	vertical-align: middle;
	width: 1.5rem;
	min-width: 1.5rem;
	max-width: 1.5rem;
	height: 2rem;
	min-height: 2rem;
	max-height: 2rem;
	overflow: hidden;
	border: none;
	font-size: @sapMFontLargeSize;
}

/*IE doesn't support rem values for line-height but it's need by other browsers*/
html:not([data-sap-ui-browser^="ie"]) .sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel2 > .sapUiIcon,
html:not([data-sap-ui-browser^="ie"]) .sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel2 > .sapUiIcon:before {
	line-height: 2rem;
}

.sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel3 {
	clear: both;
	float: left;
	display: table-cell;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	vertical-align: middle;
	width: 4.75rem;
	min-width: 4.75rem;
	max-width: 4.75rem;
	height: 2rem;
	min-height: 2rem;
	max-height: 2rem;
	line-height: 2rem;
	border: none;
}
.sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel3 > .sapUiIcon,
.sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel3 > .sapUiIcon:before {
	clear: both;
	float: left;
	display: block;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	vertical-align: middle;
	font-size: 1.250rem;
	width: 4.75rem;
	min-width: 4.75rem;
	max-width: 4.75rem;
	height: 2rem;
	min-height: 2rem;
	max-height: 2rem;
	overflow: hidden;
	border: none;
}

/*IE doesn't support rem values for line-height but it's need by other browsers*/
html:not([data-sap-ui-browser^="ie"]) .sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel3 > .sapUiIcon,
html:not([data-sap-ui-browser^="ie"]) .sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel3 > .sapUiIcon:before {
	line-height: 2rem
}

.sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel4 {
	clear: both;
	float: left;
	display: table-cell;
	position: absolute;
	top: -0.125rem;
	margin: 0rem;
	padding: 0rem;
	vertical-align: middle;
	width: 2.875rem;
	min-width: 2.875rem;
	max-width: 2.875rem;
	height: 2.875rem;
	min-height: 2.875rem;
	max-height: 2.875rem;
	line-height: 2.875rem;
	overflow: hidden;
	border: none;
}

.sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel4 > .sapUiIcon,
.sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel4 > .sapUiIcon:before {
	clear: both;
	float: left;
	display: block;
	position: absolute;
	top: -0.125rem;
	margin: 0rem;
	padding: 0rem;
	vertical-align: middle;
	font-size: 1.375rem;
	width: 2.875rem;
	min-width: 2.875rem;
	max-width: 2.875rem;
	height: 2.875rem;
	min-height: 2.875rem;
	max-height: 2.875rem;
	overflow: hidden;
	border: none;
}

/*IE doesn't support rem values for line-height but it's need by other browsers*/
html:not([data-sap-ui-browser^="ie"]) .sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel4 > .sapUiIcon,
html:not([data-sap-ui-browser^="ie"]) .sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel4 > .sapUiIcon:before {
	line-height: 2.875rem;
}

/* State text */
.sapSuiteUiCommonsProcessFlowNode3StateText,
.sapSuiteUiCommonsProcessFlowNode3StateText > .sapMText,
.sapSuiteUiCommonsProcessFlowNode3StateText > .sapMTextMaxWidth {
	clear: both;
	float: none;
	display: block;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	vertical-align: middle;
	font-family: @sapUiFontFamily;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: normal;
	overflow: hidden;
	border: none;
}
.sapSuiteUiCommonsProcessFlowNode3StateTextZoomLevel1 {
	clear: both;
	float: none;
	display: table-cell;
	position: relative;
	text-align: left;
	vertical-align: middle;
	margin: 0rem;
	padding: 0rem;
	overflow: hidden;
	border: none;
}
.sapSuiteUiCommonsProcessFlowNode3StateTextZoomLevel1 > .sapMText,
.sapSuiteUiCommonsProcessFlowNode3StateTextZoomLevel1 > .sapMTextMaxLine,
.sapSuiteUiCommonsProcessFlowNode3StateTextZoomLevel1 > .sapMTextMaxWidth {
	clear: both;
	float: left;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	vertical-align: middle;
	width: 6.375rem;
	min-width: 6.375rem;
	max-width: 6.375rem;
	max-height: 2.125rem;
	line-height: 1.0625rem;
	overflow: hidden;
	border: none;
	font-size: @sapMFontMediumSize;
}
.sapSuiteUiCommonsProcessFlowNode3StateTextZoomLevel2 {
	clear: both;
	float: none;
	display: table-cell;
	position: relative;
	text-align: left;
	vertical-align: middle;
	margin: 0rem;
	padding: 0rem;
	overflow: hidden;
	border: none;
}
.sapSuiteUiCommonsProcessFlowNode3StateTextZoomLevel2 > .sapMText,
.sapSuiteUiCommonsProcessFlowNode3StateTextZoomLevel2 > .sapMTextMaxLine,
.sapSuiteUiCommonsProcessFlowNode3StateTextZoomLevel2 > .sapMTextMaxWidth {
	clear: both;
	float: left;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	vertical-align: middle;
	width: 4.875rem;
	min-width: 4.875rem;
	max-width: 4.875rem;
	max-height: 2rem;
	line-height: 0.9375rem;
	overflow: hidden;
	border: none;
	font-size: @sapMFontSmallSize;
}
.sapSuiteUiCommonsProcessFlowNode3StateTextZoomLevel3 {
	clear: both;
	float: none;
	display: table-cell;
	position: relative;
	text-align: center;
	vertical-align: middle;
	margin: 0rem;
	padding: 0rem;
	overflow: hidden;
	border: none;
}
.sapSuiteUiCommonsProcessFlowNode3StateTextZoomLevel3 > .sapMText,
.sapSuiteUiCommonsProcessFlowNode3StateTextZoomLevel3 > .sapMTextMaxLine,
.sapSuiteUiCommonsProcessFlowNode3StateTextZoomLevel3 > .sapMTextMaxWidth {
	clear: both;
	float: left;
	position: relative;
	margin: 0rem;
	padding: 0rem;
	text-align: center;
	vertical-align: middle;
	width: 4.5rem;
	max-width: 4.5rem;
	height: 1.875rem;
	min-height: 1.875rem;
	max-height: 1.875rem;
	line-height: 0.9375rem;
	overflow: hidden;
	border: none;
	font-size: @sapMFontSmallSize;
}
.sapSuiteUiCommonsProcessFlowNode3StateTextZoomLevel4 {
	clear: both;
	float: none;
	display: none;
	position: relative;
	width: 0rem;
	min-width: 0rem;
	max-width: 0rem;
	height: 0rem;
	min-height: 0rem;
	max-height: 0rem;
	line-height: 0rem;
	overflow: hidden;
}

/* Text area */
.sapSuiteUiCommonsProcessFlowNode3Text,
.sapSuiteUiCommonsProcessFlowNode3Text > .sapMText,
.sapSuiteUiCommonsProcessFlowNode3Text > .sapMTextMaxLine,
.sapSuiteUiCommonsProcessFlowNode3Text > .sapMTextMaxWidth {
	clear: both;
	float: left;
	display: block;
	position: relative;
	padding: 0rem;
	vertical-align: top;
	font-family: @sapUiFontFamily;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: normal;
	overflow: hidden;
	border: none;
	color: @sapUiContentLabelColor;
	font-size: @sapMFontSmallSize;
}
.sapSuiteUiCommonsProcessFlowNode3TextZoomLevel1 {
	clear: both;
	float: left;
	display: table-row;
	position: relative;
	text-align: left;
	vertical-align: top;
	padding: 0rem;
	overflow: hidden;
	border: none;
}
.sapSuiteUiCommonsProcessFlowNode3TextZoomLevel1 > .sapMText,
.sapSuiteUiCommonsProcessFlowNode3TextZoomLevel1 > .sapMTextMaxLine,
.sapSuiteUiCommonsProcessFlowNode3TextZoomLevel1 > .sapMTextMaxWidth {
	clear: both;
	float: left;
	position: relative;
	padding: 0rem;
	vertical-align: top;
	width: 8.75rem;
	min-width: 8.75rem;
	max-width: 8.75rem;
	height: 2.125rem;
	min-height: 2.125rem;
	max-height: 2.125rem;
	line-height: 1.0625rem;
	overflow: hidden;
	border: none;
	font-size: @sapMFontMediumSize;
}
.sapSuiteUiCommonsProcessFlowNode3TextZoomLevel2 {
	clear: both;
	float: left;
	display: table-row;
	position: relative;
	text-align: left;
	vertical-align: top;
	padding: 0rem;
	overflow: hidden;
	border: none;
}
.sapSuiteUiCommonsProcessFlowNode3TextZoomLevel2 > .sapMText,
.sapSuiteUiCommonsProcessFlowNode3TextZoomLevel2 > .sapMTextMaxLine,
.sapSuiteUiCommonsProcessFlowNode3TextZoomLevel2 > .sapMTextMaxWidth {
	clear: both;
	float: left;
	position: relative;
	padding: 0rem;
	vertical-align: top;
	width: 6.75rem;
	min-width: 6.75rem;
	max-width: 6.75rem;
	height: 1.875rem;
	min-height: 1.875rem;
	max-height: 1.875rem;
	line-height: 0.9375rem;
	overflow: hidden;
	border: none;
	font-size: @sapMFontSmallSize;
}
.sapSuiteUiCommonsProcessFlowNode3TextZoomLevel3,
.sapSuiteUiCommonsProcessFlowNode3TextZoomLevel4 {
	clear: both;
	float: left;
	display: none;
	position: relative;
	width: 0rem;
	min-width: 0rem;
	max-width: 0rem;
	height: 0rem;
	min-height: 0rem;
	max-height: 0rem;
	line-height: 0rem;
	overflow: hidden;
}
.sapSuiteUiCommonsProcessFlowNode3TextWithGapZoomLevel1 {
	padding-bottom: 0.5rem;
}
.sapSuiteUiCommonsProcessFlowNode3TextWithGapZoomLevel2 {
	padding-bottom: 0.25rem;
}

/* node content states */
.sapSuiteUiCommonsProcessFlowNodeStateNeutral .sapMText {
	color: @sapUiContentLabelColor;
}

.sapSuiteUiCommonsProcessFlowNodeStateCritical .sapMText {
	color: @sapUiCriticalText;
}

.sapSuiteUiCommonsProcessFlowNodeStatePositive .sapMText {
	color: @sapUiPositiveText;
}

.sapSuiteUiCommonsProcessFlowNodeStateNegative .sapMText {
	color: @sapUiNegativeText;
}

.sapSuiteUiCommonsProcessFlowNodeStateNeutral.sapSuiteUiCommonsProcessFlowNode3StateIcon {
	color: @sapUiNeutralElement;
}

.sapSuiteUiCommonsProcessFlowNodeStateCritical.sapSuiteUiCommonsProcessFlowNode3StateIcon {
	color: @sapUiCriticalElement;
}

.sapSuiteUiCommonsProcessFlowNodeStatePositive.sapSuiteUiCommonsProcessFlowNode3StateIcon {
	color: @sapUiPositiveElement;
}

.sapSuiteUiCommonsProcessFlowNodeStateNegative.sapSuiteUiCommonsProcessFlowNode3StateIcon {
	color: @sapUiNegativeElement;
}

/* special effects */
.sapSuiteUiCommonsProcessFlowFoldedCornerNodeHover, .sapSuiteUiCommonsProcessFlowFoldedCornerNodeHover .sapMText {
	cursor: pointer;
}
.sapSuiteUiCommonsProcessFlowFoldedCornerNodeIconHover, sapSuiteUiCommonsProcessFlowFoldedCornerNodeIconHover .sapMText {
	cursor: pointer;
}
.sapSuiteUiCommonsProcessFlowNodeHover, .sapSuiteUiCommonsProcessFlowNodeHover .sapMText {
	cursor: pointer;
}

.sapSuiteUiCommonsProcessFlowFoldedCornerNodeActive, .sapSuiteUiCommonsProcessFlowFoldedCornerNodeActive .sapMText {
	cursor: pointer;
}
.sapSuiteUiCommonsProcessFlowNodeActive, .sapSuiteUiCommonsProcessFlowNodeActive .sapMText {
	cursor: pointer;
}

/* Aggregated Nodes */
.sapSuiteUiCommonsProcessFlowNodeAggregated,
.sapSuiteUiCommonsProcessFlowNodeAggregatedDimmedPressed,
.sapSuiteUiCommonsProcessFlowNodeAggregatedDimmedHovered,
.sapSuiteUiCommonsProcessFlowNodeAggregatedHovered,
.sapSuiteUiCommonsProcessFlowNodeAggregatedPressed,
.sapSuiteUiCommonsProcessFlowNodeAggregatedZoomLevel4,
.sapSuiteUiCommonsProcessFlowNodeAggregatedDimmedPressedZoomLevel4,
.sapSuiteUiCommonsProcessFlowNodeAggregatedDimmedHoveredZoomLevel4,
.sapSuiteUiCommonsProcessFlowNodeAggregatedHoveredZoomLevel4,
.sapSuiteUiCommonsProcessFlowNodeAggregatedPressedZoomLevel4,
.sapSuiteUiCommonsProcessFlowNodeAggregatedFocused,
.sapSuiteUiCommonsProcessFlowNodeAggregatedFocusedZoomLevel4,
.sapSuiteUiCommonsProcessFlowNodeAggregatedDimmed,
.sapSuiteUiCommonsProcessFlowNodeAggregatedDimmedZoomLevel4 {
	border-radius: 0.0625rem;
	z-index: 4;
}

/* Padding for Node 3 custom content */
.sapSuiteUiCommonsProcessFlowNode3ContentPadding {
	overflow: hidden;
}
.sapSuiteUiCommonsProcessFlowNode3ZoomLevel1 .sapSuiteUiCommonsProcessFlowNode3ContentPadding {
	height: 11.8125rem;
	pointer-events: none;
}
.sapSuiteUiCommonsProcessFlowNode3ZoomLevel2 .sapSuiteUiCommonsProcessFlowNode3ContentPadding {
	height: 10.1875rem;
	pointer-events: none;
}
.sapSuiteUiCommonsProcessFlowNode3ZoomLevel3 .sapSuiteUiCommonsProcessFlowNode3ContentPadding {
	height: 6.5rem;
	pointer-events: none;
}
.sapSuiteUiCommonsProcessFlowNode3ZoomLevel4 .sapSuiteUiCommonsProcessFlowNode3ContentPadding {
	height: 2.25rem;
	pointer-events: none;
}
/* END "ProcessFlowNode.less" */

/* START "shared.less" */
/* This CSS shares its rules with all other CSS of this library */

.sapSuiteUiCommonsPointer {
	cursor: pointer;
}

/* END "shared.less" */

/* START "SplitButton.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/SplitButton.control */
/* ============================================= */

.sapSuiteUiCommonsSplitButton {
	color: @sapUiBaseText;
	white-space: nowrap;
}

.sapSuiteUiCommonsSplitButton > .sapUiBtnS {
	-moz-border-radius: 2px 0 0 2px;
	border-radius:  2px 0 0 2px;
}


.sapUiMenuButton.sapUiBtnS.sapSuiteUiCommonsSplitButton-menuButton {
	border-radius:  0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	border-left-width: 0;
}


.sapUiMenuButton.sapUiBtnS.sapUiBtnNorm.sapUiBtnStd.sapSuiteUiCommonsSplitButton-menuButton {
	box-shadow: 0 1px 0 0 #FEFEFE inset, 1px 0 0 0 #FEFEFE inset;
}


.sapUiMenuButton.sapUiBtnS.sapUiBtnNorm.sapUiBtnStd.sapSuiteUiCommonsSplitButton-menuButton:focus,
.sapUiMenuButton.sapUiBtnS.sapUiBtnNorm.sapUiBtnStd.sapSuiteUiCommonsSplitButton-menuButton:hover {
	box-shadow: 0 1px 0 0 #83b9d6 inset;
}


.sapUiMenuButton.sapUiBtnS.sapUiBtnStd.sapSuiteUiCommonsSplitButton-menuButton.sapUiBtnAccept {
	box-shadow: 0 1px 0 0 #5bc88a inset, 1px 0 0 0 #5bc88a inset;
}

.sapUiMenuButton.sapUiBtnS.sapUiBtnStd.sapSuiteUiCommonsSplitButton-menuButton.sapUiBtnAccept:hover,
.sapUiMenuButton.sapUiBtnS.sapUiBtnStd.sapSuiteUiCommonsSplitButton-menuButton.sapUiBtnAccept:focus {
	box-shadow: 0 1px 0 0 #5bc88a inset;
}

.sapUiMenuButton.sapUiBtnS.sapUiBtnStd.sapSuiteUiCommonsSplitButton-menuButton.sapUiBtnEmph {
	box-shadow: 0 1px 0 0 #FFFFFF inset, 1px 0 0 0 #FEF0C2 inset;
}

.sapUiMenuButton.sapUiBtnS.sapUiBtnStd.sapSuiteUiCommonsSplitButton-menuButton.sapUiBtnEmph:hover,
.sapUiMenuButton.sapUiBtnS.sapUiBtnStd.sapSuiteUiCommonsSplitButton-menuButton.sapUiBtnEmph:focus {
	box-shadow: 0 1px 0 0 #FFFFFF inset;
}

.sapUiMenuButton.sapUiBtnS.sapUiBtnStd.sapSuiteUiCommonsSplitButton-menuButton.sapUiBtnReject {
	box-shadow: 0 1px 0 0 #e0c7c7 inset, 1px 0 0 0 #e0c7c7 inset;
}

.sapUiMenuButton.sapUiBtnS.sapUiBtnStd.sapSuiteUiCommonsSplitButton-menuButton.sapUiBtnReject:hover,
.sapUiMenuButton.sapUiBtnS.sapUiBtnStd.sapSuiteUiCommonsSplitButton-menuButton.sapUiBtnReject:focus {
	box-shadow: 0 1px 0 0 #e0c7c7 inset;
}

.sapSuiteUiCommonsSplitButton > .sapUiMenuButton > .sapUiMenuButtonIco {
	margin-right: -1px;
	margin-bottom: -2px;
}

html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsSplitButton > .sapUiMenuButton > .sapUiMenuButtonIco {
	margin-right: -1px;
	margin-bottom: -1px;
}


.sapUiMenuButton.sapUiBtnS.sapSuiteUiCommonsSplitButton-menuButton,
html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsSplitButton-menuButton.sapUiBtnS.sapUiBtnAct,
html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsSplitButton-menuButton.sapUiBtnS.sapUiBtnDsbl:active {
	padding-left: 5.5px;
	padding-right: 5.5px;
}

/* END "SplitButton.less" */

/* START "StatusIndicator.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/StatusIndicator*/
/* ============================================= */

@_sap_suite_ui_commons_StatusIndicator_SmallLabelMargin: 0.375rem;
@_sap_suite_ui_commons_StatusIndicator_MediumLabelMargin: 0.5rem;
@_sap_suite_ui_commons_StatusIndicator_LargeLabelMargin: 0.75rem;
@_sap_suite_ui_commons_StatusIndicator_ExtraLargeLabelMargin: 1rem;

.sapSuiteUiCommonsStatusIndicator {
	overflow: hidden;
	display: flex;
}

.sapSuiteUiCommonsStatusIndicatorHorizontal {
	flex-direction: row;
}

.sapSuiteUiCommonsStatusIndicatorVertical {
	flex-direction: column;
}

.sapSuiteUiCommonsStatusIndicatorLabelBeforeSvg {
	order: 5;
	align-self: center;
}

.sapSuiteUiCommonsStatusIndicatorLabelAfterSvg {
	order: 20;
	align-self: center;
}

.sapSuiteUiCommonsStatusIndicator:focus {
	outline: 1px dotted @sapUiContentFocusColor;
	outline-offset: 1px;
}

/**
 * Label classes
 */
.sapSuiteUiCommonsStatusIndicatorLabel {
	font-family: @sapUiFontFamily;
	white-space: nowrap;
}

.sapSuiteUiCommonsStatusIndicatorSmallLabel {
	font-size: @sapMFontSmallSize;
}

.sapSuiteUiCommonsStatusIndicatorMediumLabel {
	font-size: @sapMFontMediumSize;
}

.sapSuiteUiCommonsStatusIndicatorLargeLabel {
	font-size: 1.125rem;
}

.sapSuiteUiCommonsStatusIndicatorExtraLargeLabel {
	font-size: 1.875rem;
}

/**
 * Small margin between label and svg
 */
.sapSuiteUiCommonsStatusIndicatorSmallTopLabel {
	margin-bottom: @_sap_suite_ui_commons_StatusIndicator_SmallLabelMargin;
}

.sapSuiteUiCommonsStatusIndicatorSmallRightLabel {
	margin-left: @_sap_suite_ui_commons_StatusIndicator_SmallLabelMargin;
}

.sapSuiteUiCommonsStatusIndicatorSmallBottomLabel {
	margin-top: @_sap_suite_ui_commons_StatusIndicator_SmallLabelMargin;
}

.sapSuiteUiCommonsStatusIndicatorSmallLeftLabel {
	margin-right: @_sap_suite_ui_commons_StatusIndicator_SmallLabelMargin;
}

/**
 * Medium margin between label and svg
 */
.sapSuiteUiCommonsStatusIndicatorMediumTopLabel {
	margin-bottom: @_sap_suite_ui_commons_StatusIndicator_MediumLabelMargin;
}

.sapSuiteUiCommonsStatusIndicatorMediumRightLabel {
	margin-left: @_sap_suite_ui_commons_StatusIndicator_MediumLabelMargin;
}

.sapSuiteUiCommonsStatusIndicatorMediumBottomLabel {
	margin-top: @_sap_suite_ui_commons_StatusIndicator_MediumLabelMargin;
}

.sapSuiteUiCommonsStatusIndicatorMediumLeftLabel {
	margin-right: @_sap_suite_ui_commons_StatusIndicator_MediumLabelMargin;
}

/**
 * Large margin between label and svg
 */
.sapSuiteUiCommonsStatusIndicatorLargeTopLabel {
	margin-bottom: @_sap_suite_ui_commons_StatusIndicator_LargeLabelMargin;
}

.sapSuiteUiCommonsStatusIndicatorLargeRightLabel {
	margin-left: @_sap_suite_ui_commons_StatusIndicator_LargeLabelMargin;
}

.sapSuiteUiCommonsStatusIndicatorLargeBottomLabel {
	margin-top: @_sap_suite_ui_commons_StatusIndicator_LargeLabelMargin;
}

.sapSuiteUiCommonsStatusIndicatorLargeLeftLabel {
	margin-right: @_sap_suite_ui_commons_StatusIndicator_LargeLabelMargin;
}

/**
 * Extra large margin between label and svg
 */
.sapSuiteUiCommonsStatusIndicatorExtraLargeTopLabel {
	margin-bottom: @_sap_suite_ui_commons_StatusIndicator_ExtraLargeLabelMargin;
}

.sapSuiteUiCommonsStatusIndicatorExtraLargeRightLabel {
	margin-left: @_sap_suite_ui_commons_StatusIndicator_ExtraLargeLabelMargin;
}

.sapSuiteUiCommonsStatusIndicatorExtraLargeBottomLabel {
	margin-top: @_sap_suite_ui_commons_StatusIndicator_ExtraLargeLabelMargin;
}

.sapSuiteUiCommonsStatusIndicatorExtraLargeLeftLabel {
	margin-right: @_sap_suite_ui_commons_StatusIndicator_ExtraLargeLabelMargin;
}

/**
 * SVG container classes
 */
.sapSuiteUiCommonsStatusIndicatorSvg {
	order: 10;
}

.sapSuiteUiCommonsStatusIndicatorSmallSvg {
	width: 1.875rem;
	height: 1.375rem;
}

.sapSuiteUiCommonsStatusIndicatorMediumSvg {
	width: 2.8125rem;
	height: 1.875rem;
}

.sapSuiteUiCommonsStatusIndicatorLargeSvg {
	width: 5rem;
	height: 3.4375rem;
}

.sapSuiteUiCommonsStatusIndicatorExtraLargeSvg {
	width: 9.0625rem;
	height: 6.25rem;
}


/* END "StatusIndicator.less" */

/* START "TAccount.less" */
.sapSuiteUiCommonsAccount {
	width: 100%;
	border: 1px solid @sapUiPageHeaderBorderColor;
	border-bottom: 5px solid @sapUiPageHeaderBorderColor;
	border-radius: 5px;
	position: relative;

	max-width: 400px;
}

.sapSuiteUiCommonsAccountPanel .sapMPanelContent {
	background-color: @sapUiGroupContentBackground;
}

.sapSuiteUiCommonsAccountPanelOverlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
	background-color: fade(@sapUiGroupContentBackground, 80);
	display: none;
}

.sapSuiteUiCommonsAccountPanelOverlay.sapSuiteUiCommonsAccountPanelOverlayVisible {
	display: block;
}

.sapSuiteUiCommonsAccountCollapsed.sapSuiteUiCommonsAccount {
	border-bottom: none;
}

.sapSuiteUiCommonsTAccountBaseInfoIconWrapper {
	width: 18px;
	height: 18px;

	background-color: @sapUiActive;
	border: 1px solid @sapUiActive;
	color: @sapUiContentContrastIconColor;

	border-radius: 50%;
	font-family: "SAP-icons";
	font-size: @sapMFontLargeSize;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}

.sapSuiteUiCommonsAccountContent {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;
}

.sapSuiteUiCommonsAccountDebit .sapSuiteUiCommonsAccountContent {
	padding-left: 0.375rem;
}

.sapSuiteUiCommonsAccountCredit .sapSuiteUiCommonsAccountContent {
	padding-right: 0.375rem;
	text-align: right;
}

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

.sapSuiteUiCommonsTAccountInfoIconWrapper {
	position: absolute;
	right: -9px;
	top: -9px;
}

.sapSuiteUiCommonsGroupInfoIconWrapper {
	margin-left: 8px;
}

.sapSuiteUiCommonsAccountCollapsed.sapSuiteUiCommonsAccountItemSelectedByGroup .sapSuiteUiCommonsTAccountInfoIconWrapper,
.sapSuiteUiCommonsAccountGroupCollapsed.sapSuiteUiCommonsAccountItemSelectedByGroup .sapSuiteUiCommonsGroupInfoIconWrapper {
	display: flex;
}

.sapSuiteUiCommonsAccountGroupCollapseIcon {
  	height: 0.9375rem;
}

.sapSuiteUiCommonsAccount:focus {
	outline: 1px dotted @sapUiContentFocusColor;
}

.sapSuiteUiCommonsAccountTHeader {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid @sapUiGroupTitleBorderColor;
	align-items: center;
	height: 2rem;
	font-size: @sapMFontSmallSize;
	margin: 0 1rem 0 1rem;
}

.sapSuiteUiCommonsAccountTHeader.sapSuiteUiCommonsAccountTHeaderOpening {
	border-bottom: 0.125rem solid @sapUiGroupTitleBorderColor;
}

.sapSuiteUiCommonsAccountEmpty .sapSuiteUiCommonsAccountTHeader.sapSuiteUiCommonsAccountTHeaderOpening {
	border-bottom: none;
}

.sapSuiteUiCommonsAccountNoData {
	padding: 5px;
}

.sapSuiteUiCommonsAccountOpeningHeader,
.sapSuiteUiCommonsAccountClosingHeader {
	display: flex;
	border-bottom: 0.0625rem solid @sapUiGroupTitleBorderColor;
	align-items: center;
	height: auto;
	font-size: @sapMFontSmallSize;
	margin: 0 1rem;
}

.sapSuiteUiCommonsAccountClosingHeader {
	border-top: 0.0625rem solid @sapUiGroupTitleBorderColor;
	border-bottom: 0;
}

.sapSuiteUiCommonsAccountClosingHeaderLine {
	border-top: 0.0625rem solid @sapUiGroupTitleBorderColor;
	height: 0.0625rem;
	margin: 0 1rem;
}

.sapSuiteUiCommonsAccountHeader {
  	cursor: grab;
	min-height: 2rem;
	background-color: @sapUiObjectHeaderBackground;
	border-bottom: 1px solid @sapUiPageHeaderBorderColor;
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	font-size: @sapMFontMediumSize;

}

.sapSuiteUiCommonsInfoIcon {
	user-select: none;
}

.sapUiSizeCozy .sapSuiteUiCommonsAccountHeader {
	min-height: 3rem;
}

.sapSuiteUiCommonsAccountHeaderFirst {
	display: flex;
	flex-direction: row;
	flex-shrink: 2;
	overflow: hidden;
}

.sapSuiteUiCommonsAccountHeaderSUM {
	word-break: break-all;
}

.sapSuiteUiCommonsAccountHeaderTitle {
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0.5rem 0.2608rem;
  	max-height: 4.2rem;
  	min-height: 1rem;
  	display: -webkit-box;
  	-webkit-box-orient: vertical;
  	-webkit-line-clamp: 4;
}

.sapSuiteUiCommonsAccountTHeaderOpeningDebitTitle,
.sapSuiteUiCommonsAccountTHeaderOpeningCreditTitle {
	font-size: @sapMFontMediumSize;
	font-weight: bold;
	padding: 1rem 0;
	width: 50%;
}

.sapSuiteUiCommonsAccountTHeaderOpeningDebitTitle{
	text-align: left;
	border-right: 1px dashed @sapUiGroupTitleBorderColor;
}

.sapSuiteUiCommonsAccountTHeaderOpeningCreditTitle {
	text-align: right;
}

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

.sapSuiteUiCommonsAccountHeaderTitleWrapper {
  	margin: 0.5rem 0.2608rem;
}

.sapSuiteUiCommonsAccountHeaderTitleWithSubtitle {
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 2rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.sapSuiteUiCommonsAccountHeaderSubtitle {
	color: @sapUiContentLabelColor;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 2rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.sapSuiteUiCommonsAccountHeaderSecond {
	margin-right: 1rem;
}

.sapSuiteUiCommonsAccountHeaderExpandWrapper {
	width: 2.5rem;
	display: flex;
	justify-content: center;
	padding-left: 5px;
	flex-shrink: 0;
  	padding-top: 0.5625rem;
}

.sapSuiteUiCommonsAccountTWrapper {
	background-color: @sapUiGroupContentBackground;
}

/** ITEM **/
.sapSuiteUiCommonsAccountItem {
	display: flex;
	flex-direction: row;
	padding-top: 0.25rem;
	padding-bottom: 0.5rem;

	overflow: hidden;
}

.sapSuiteUiCommonsAccountDebitCredit {
	width: 100%;
	margin-bottom: 0.2rem;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	padding: 1px;
}

.sapSuiteUiCommonsAccountMiddleBorder {
	position: absolute;
	width: 1px;
	pointer-events: none;
	left: 50%;
	height: 100%;
	border-left: 1px dashed @sapUiGroupTitleBorderColor;
}

.sapSuiteUiCommonsAccountBlankItem {
	visibility: hidden;
	width: 100%;
}

.sapSuiteUiCommonsAccountContent:hover {
	background-color: @sapUiListHoverBackground;
}

.sapSuiteUiCommonsAccountItem.sapSuiteUiCommonsAccountItemSelected .sapSuiteUiCommonsAccountContent,
.sapSuiteUiCommonsAccountItem.sapSuiteUiCommonsAccountItemSelectedByGroup .sapSuiteUiCommonsAccountContent {
	background-color: @sapUiListSelectionBackgroundColor;
}

.sapSuiteUiCommonsAccountItem:focus {
	outline: 1px dotted @sapUiContentFocusColor;
}

.sapSuiteUiCommonsAccountCredit .sapSuiteUiCommonsAccountItem {
	flex-direction: row-reverse;
	width: 100%;
}

.sapSuiteUiCommonsAccountCredit .sapSuiteUiCommonsAccountColorBar {
	margin-right: 0.375rem;
}

.sapSuiteUiCommonsAccountDebit .sapSuiteUiCommonsAccountColorBar {
	margin-left: 0.375rem;
}

.sapSuiteUiCommonsAccountDebitCredit .sapSuiteUiCommonsAccountItem {
	width: 50%;
}

html[dir=rtl] .sapSuiteUiCommonsAccountDebitCredit .sapSuiteUiCommonsAccountItemLeft.sapSuiteUiCommonsAccountItem {
	text-align: right;
}

html[dir=rtl] .sapSuiteUiCommonsAccountDebitCredit .sapSuiteUiCommonsAccountItemRight.sapSuiteUiCommonsAccountItem {
	text-align: left;
}

.sapSuiteUiCommonsAccountDebitCredit .sapSuiteUiCommonsAccountItemLeft.sapSuiteUiCommonsAccountItem {
	flex-direction: row;
	text-align: left;
}

.sapSuiteUiCommonsAccountDebitCredit .sapSuiteUiCommonsAccountItemRight.sapSuiteUiCommonsAccountItem {
	flex-direction: row-reverse;
	text-align: right;
	margin-left: 50%;
}



.sapSuiteUiCommonsAccountItemLeft {
	.sapSuiteUiCommonsAccountColorBar,
	.sapSuiteUiCommonsAccountContent {
		margin-left: 0.375rem;
	}
}

.sapSuiteUiCommonsAccountItemRight {
	.sapSuiteUiCommonsAccountColorBar,
	.sapSuiteUiCommonsAccountContent {
		margin-right: 0.375rem;
	}
}

.sapSuiteUiCommonsAccountTBody {
	display: flex;
	justify-content: space-between;
}

.sapSuiteUiCommonsAccountColorBar {
	width: 4px;
	margin-top: 10px;
	margin-bottom: 8px;
	flex-shrink: 0;
}

.sapSuiteUiCommonsAccountDebit {
	border-right: 1px dashed @sapUiGroupTitleBorderColor;
	width: 50%;
	padding-top: 0.5rem;
	margin-bottom: 0.2rem;
}

.sapSuiteUiCommonsAccountItemTitle {
	font-weight: bold;
	font-size: @sapMFontSmallSize;
	word-break: break-all;
}

.sapSuiteUiCommonsAccountItemProperty {
	font-size: @sapMFontSmallSize;
	word-break: break-all;
}

.sapSuiteUiCommonsAccountItemProperties {
	overflow: hidden;
}

.sapSuiteUiCommonsAccountCredit .sapSuiteUiCommonsAccountItemProperties {
	text-align: right;
}

.sapSuiteUiCommonsAccountItemProperties > div:first-child {
	padding-top: 3px;
}

.sapSuiteUiCommonsAccountItemLabel {
	font-size: @sapMFontSmallSize;
	margin-top: 3px;
	color: @sapUiContentLabelColor;
	word-break: break-word;
}

.sapSuiteUiCommonsAccountCredit {
	display: flex;
	width: 50%;
	flex-direction: column;
	align-items: flex-start;
	padding-top: 0.5rem;

	margin-bottom: 0.2rem;
}

/** GROUP **/
.sapSuiteUiCommonsAccountGroup {
	width: 100%;
}

.sapSuiteUiCommonsAccountGroup:focus {
	outline: 1px dotted @sapUiContentFocusColor;
}

.sapSuiteUiCommonsAccountGroupColumn {
	display: flex;
	flex-direction: column;
	margin-right: 1rem;
	width: 100%;
}

.sapSuiteUiCommonsAccountGroupContent {
	display: flex;
	flex-direction: row;
  	outline: none;
}

.sapSuiteUiCommonsTAccountDropZoneTop,
.sapSuiteUiCommonsTAccountDropZoneBottom {
	z-index: -500;
	position: absolute;
	width: 100%;
	max-width: 400px;
	height: 55%;
}

.sapSuiteUiCommonsTAccountDropZoneTop {
  	top: -5px;
}

.sapSuiteUiCommonsTAccountDropZoneBottom {
	bottom: -6px;
}

.sapSuiteUiCommonsAccountGroupDroppingArea {
	width: 100%;
	height: 1rem;
	box-sizing: border-box;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
}

.sapSuiteUiCommonsAccountGroupDroppingAreaActive,
.sapSuiteUiCommonsAccountGroupDroppingAreaActiveSide {
	&.sapSuiteUiCommonsAccountGroupDroppingArea {
	  	cursor: grabbing;
	}
}

div:nth-last-child(1),
div:nth-last-child(2),
div:only-child {
	&.sapSuiteUiCommonsAccountGroupDroppingArea {
		flex-grow: 1;
		justify-content: center;

		&.sapSuiteUiCommonsAccountGroupDroppingAreaActive,
		&.sapSuiteUiCommonsAccountGroupDroppingAreaActiveSide {
			min-height: 8rem;
		}

		.sapSuiteUiCommonsAccountGroupDroppingAreaInner,
		.sapSuiteUiCommonsAccountGroupDroppingAreaInnerText {
			top: 0;
			position: absolute;
		}

		.sapSuiteUiCommonsAccountGroupDroppingAreaInnerText {
			padding-top: 3.5rem;
		}
	}
}

div:nth-last-child(1),
div:nth-last-child(2),
div:first-child,
div:only-child {
	&.sapSuiteUiCommonsAccountGroupDroppingAreaActive,
	&.sapSuiteUiCommonsAccountGroupDroppingAreaActiveSide {
		&.sapSuiteUiCommonsAccountGroupDroppingArea {
			height: auto;
			max-width: 400px;

			.sapSuiteUiCommonsAccountGroupDroppingAreaInnerText {
				color: @sapUiHighlight;
				font-size: @sapMFontLargeSize;
				display: flex;
			}

			.sapSuiteUiCommonsAccountGroupDroppingAreaInner {
				height: 6rem;
				border: 1px solid @sapUiHighlight;
				background: none;
				margin-left: 0px;
				margin-top: 1rem;
				margin-bottom: 1rem;
				display: block;
				max-width: 400px;
				top: 0;
			}

			.sapSuiteUiCommonsAccountGroupDroppingAreaInnerBall {
				display: none;
			}
		}
	}
}

.sapUiSizeCozy .sapSuiteUiCommonsAccountGroupDroppingArea {
  	height: 1.5rem;
}

.sapSuiteUiCommonsAccountGroupDroppingAreaActive,
.sapSuiteUiCommonsAccountGroupDroppingAreaActiveSide {
	.sapSuiteUiCommonsAccountGroupDroppingAreaInner,
	.sapSuiteUiCommonsAccountGroupDroppingAreaInnerBall {
		display: block;
	}
}



.sapSuiteUiCommonsAccountGroupDroppingAreaInner {
	width: 100%;
	height: 1px;
	background: @sapUiSelected;
	position: relative;
	margin-left: 10px;
	display: none;
}

.sapSuiteUiCommonsAccountGroupDroppingAreaInnerText {
	display: none;
	position: absolute;
}

.sapSuiteUiCommonsAccountGroupDroppingAreaInnerBall {
	position: absolute;
	right: -11px;
	width: 10px;
	height: 10px;
	border: 1px solid @sapUiSelected;
	border-radius: 50%;
	display: none;
}

.sapSuiteUiCommonsAccountItemDragging {
	opacity: 0.2;
}

.sapSuiteUiCommonsAccountItemDragging .sapSuiteUiCommonsAccountHeader,
.sapSuiteUiCommonsAccountItemDragging.sapSuiteUiCommonsAccount {
	background-color: @sapUiGroupTitleBorderColor;
	border-color: @sapUiGroupTitleBorderColor;
}

.sapSuiteUiCommonsAccountItemDragging .sapSuiteUiCommonsAccountColorBar {
	background-color: @sapUiGroupTitleBorderColor !important;
}

.sapSuiteUiCommonsGroupHeader {
	display: flex;
	flex-direction: row;
	min-height: 2rem;
	border-bottom: 1px solid @sapUiGroupTitleBorderColor;
	align-items: center;
	justify-content: space-between;
}

.sapUiSizeCozy .sapSuiteUiCommonsGroupHeader {
	height: 3rem;
}

.sapSuiteUiCommonsGroupHeaderExpandWrapper {
	width: 2.5rem;
	flex-shrink: 0;
}

.sapSuiteUiCommonsGroupHeaderFirst {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	padding-bottom: 5px;
}

.sapSuiteUiCommonsGroupHeaderExpandWrapper {
	display: flex;
	justify-content: center;
}

.sapSuiteUiCommonsGroupHeaderIcon {
	margin-left: 0.5rem;
}

.sapUiSizeCozy .sapSuiteUiCommonsGroupHeaderIcon {
	margin-left: 0.75rem;
}

.sapSuiteUiCommonsGrouptHeaderSeparator {
	width: 1px;
	height: 1rem;
	margin-left: 5px;
	margin-right: 5px;
	background-color: fade(dimgray, 20);
}

.sapSuiteUiCommonsGroupHeaderSecond {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-left: auto;
}

.sapSuiteUiCommonsGroupHeaderTitle {
	font-size: @sapMFontMediumSize;
}

.sapSuiteUiCommonsGrouptHeaderSUM {
	font-size: @sapMFontMediumSize;
}

/** PANEL **/
.sapSuiteUiCommonsAccountPanelSum {
	font-weight: bold !important;
	flex-shrink: 0 !important;
}

.sapSuiteUiCommonsAccountPanelLabel,
.sapSuiteUiCommonsAccountPanelSum {
	font-size: @sapMFontLargeSize;
}

.sapSuiteUiCommonsAccountPanel:focus {
	outline: 1px dotted @sapUiContentFocusColor;
}

.sapSuiteUiCommonsAccountPopupHeader {
	padding: 0.5rem;
	border-bottom: 1px solid @sapUiGroupTitleBorderColor;
}

.sapSuiteUiCommonsAccountsPopupList {
	border-top: 1px solid @sapUiGroupTitleBorderColor;
}

.sapSuiteUiCommonsAccountsPopupSelectAllWrapper {
	background: @sapUiPageFooterBorderColor;
}

.sapSuiteUiCommonsAccountsPopupSelectAll {
	width: 100%;
}

.sapSuiteUiCommonsAccountsPopupSearch {
	padding-left: 4px !important;
	padding-right: 4px !important;
}

.sapSuiteUiCommonsAccountItem.sapSuiteUiCommonsAccountItemHighlightGroup {
	background-color: red;
}

/* END "TAccount.less" */

/* START "TargetFilter.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/TargetFilter.control */
/* ============================================= */

.sapSuiteUiTF {
	height: auto;
	display: table;
	margin: 0 auto;
}

.sapSuiteUiTFOuterCont {
	overflow: hidden;
	position: relative;
	float: left;
	height: 27rem;
	width: 42rem;
}

.sapUiMedia-Std-Phone .sapSuiteUiTFOuterCont {
	width: 100%;
	height: 100vw;
}

.sapSuiteUiTFOuterCircle {
	border-radius: 50%;
	position: absolute;
	bottom: -100rem;
	top: -100rem;
	right: 0;
	left: 0;
	margin: auto;
	height: 34rem;
	width: 34rem;
}

.sapUiMedia-Std-Phone .sapSuiteUiTFOuterCircle {
	border-radius: 0%;
	border: none;
	width: 100%;
	height: 100%;
	box-shadow: none;
}

.sapSuiteUiTFQuadrant {
	position: absolute;
	height: 50%;
	width: 50%;
}

.sapSuiteUiTFQuadrant.Quad0,
.sapSuiteUiTFQuadrant.Quad3 {
	right: 0;
}

.sapSuiteUiTFQuadrant.Quad0,
.sapSuiteUiTFQuadrant.Quad1 {
	top: 0;
}

.sapSuiteUiTFQuadrant.Quad1,
.sapSuiteUiTFQuadrant.Quad2 {
	left: 0;
}

.sapSuiteUiTFQuadrant.Quad2,
.sapSuiteUiTFQuadrant.Quad3 {
	bottom: 0;
}

.sapSuiteUiTFCentralCircle {
	border-radius: 50%;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 8.625rem;
	width: 8.625rem;
}

.sapUiMedia-Std-Phone .sapSuiteUiTFCentralCircle {
	height: 6.5rem;
	width: 6.5rem;
}

.sapSuiteUiTFCentralCircle>.sapSuiteUiTFCentralLabel {
	text-align: center;
	width: 100%;
	font-size: 2rem;
}

.sapUiMedia-Std-Phone .sapSuiteUiTFCentralCircle .sapSuiteUiTFCentralLabel {
	font-size: 2rem;
	text-align: center;
}

.sapSuiteUiTFCentralCircle .sapSuiteUiTFCentralTopLabel {
	margin-top: 3rem;
	font-size: 0.875rem;
	text-align: center;
	width: 100%;
}

.sapUiMedia-Std-Phone .sapSuiteUiTFCentralCircle .sapSuiteUiTFCentralTopLabel {
	margin-top: 2rem;
	font-size: 0.875rem;
	text-align: center;
}

.sapSuiteUiTFVerticalLine {
	height: 100%;
	width: .1875rem;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}

.sapSuiteUiTFHorizontalLineBg {
	position: absolute;
	margin: 0;
	width: 39.5rem;
	height: .28rem;
	width: 21rem;
	overflow: hidden;
}

.sapSuiteUiTFHorizontalLineBg.Quad0,
.sapSuiteUiTFHorizontalLineBg.Quad1,
.sapSuiteUiTFHorizontalLine.Quad0,
.sapSuiteUiTFHorizontalLine.Quad1 {
	bottom: 0;
}

.sapSuiteUiTFHorizontalLineBg.Quad2,
.sapSuiteUiTFHorizontalLineBg.Quad3,
.sapSuiteUiTFHorizontalLine.Quad2,
.sapSuiteUiTFHorizontalLine.Quad3 {
	top: 0;
}

.sapSuiteUiTFHorizontalLineBg.Quad0,
.sapSuiteUiTFHorizontalLineBg.Quad3,
.sapSuiteUiTFHorizontalLine.Quad0,
.sapSuiteUiTFHorizontalLine.Quad3 {
	left: 0;
}

.sapSuiteUiTFHorizontalLineBg.Quad1,
.sapSuiteUiTFHorizontalLineBg.Quad2,
.sapSuiteUiTFHorizontalLine.Quad1,
.sapSuiteUiTFHorizontalLine.Quad2 {
	right: 0;
}

.sapSuiteUiTFHorizontalLine {
	position: absolute;
	height: 0;
	display: block;
	width: 6rem;
	border-style: solid;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg);
}

.sapSuiteUiTFHorizontalLine.Quad0 {
	border-width: .09rem 0 .06rem 24rem;
}

.sapSuiteUiTFHorizontalLine.Quad1 {
	border-width: .09rem 24rem .06rem 0;
}

.sapSuiteUiTFHorizontalLine.Quad2 {
	border-width: .06rem 24rem .09rem 0;
}

.sapSuiteUiTFHorizontalLine.Quad3 {
	border-width: .06rem 0 .09rem 24rem;
}

.sapSuiteUiTFBox {
	position: absolute;
	max-width: 35vw;
	width: 11.5rem;
	height: 2.8rem;
}

.sapSuiteUiTFBox.Quad0,
.sapSuiteUiTFBox.Quad3 {
	right: -2.94rem;
}

.sapSuiteUiTFBox.Quad0,
.sapSuiteUiTFBox.Quad1 {
	bottom: 0;
}

.sapSuiteUiTFBox.Quad1,
.sapSuiteUiTFBox.Quad2 {
	left: -2.94rem;
}

.sapSuiteUiTFBox.Quad2,
.sapSuiteUiTFBox.Quad3 {
	top: 0;
}

.sapUiMedia-Std-Phone .sapSuiteUiTFBox.Quad0,
.sapUiMedia-Std-Phone .sapSuiteUiTFBox.Quad3 {
	right: 0;
}

.sapUiMedia-Std-Phone .sapSuiteUiTFBox.Quad1,
.sapUiMedia-Std-Phone .sapSuiteUiTFBox.Quad2 {
	left: 0;
}

.sapSuiteUiTFParCont {
	position: absolute;
	top: 0;
	bottom: 0;
}

.sapSuiteUiTFParCont.Quad1,
.sapSuiteUiTFParCont.Quad2 {
	left: 0;
	right: 2.55rem;
}

.sapSuiteUiTFParCont.Quad0,
.sapSuiteUiTFParCont.Quad3 {
	left: 2.55rem;
	right: 0;
}

.sapSuiteUiTFParCont .sapMInputBaseInner {
	text-overflow: ellipsis;
	overflow: hidden;
	border-radius: .375rem .375rem 0 0;
}

.sapSuiteUiTFParCont.Quad2 .sapMInputBaseInner,
.sapSuiteUiTFParCont.Quad3 .sapMInputBaseInner {
	border-radius: 0 0 .375rem .375rem;
}


.sapSuiteUiTFParCont.Quad1 .sapMInputBaseInner,
.sapSuiteUiTFParCont.Quad2 .sapMInputBaseInner {
	text-align: right;
}

.sapSuiteUiTFParCont .sapMComboBoxBaseArrow {
	border-radius: .375rem .375rem 0 0;
}

.sapSuiteUiTFParCont.Quad2 .sapMComboBoxBaseArrow,
.sapSuiteUiTFParCont.Quad3 .sapMComboBoxBaseArrow {
	border-radius: 0 0 .375rem .375rem;
}


.sapSuiteTFCBTop .sapMComboBoxBaseArrow::before,
.sapSuiteTFCBTop .sapMComboBoxBaseArrow::before {
	content: "\e1f0";
}

.sapSuiteTFCBArrowBeforeVal .sapMComboBoxBaseArrow {
	left: 0.0625rem;
}

.sapSuiteTFCBArrowBeforeVal input.sapMComboBoxBaseInputInner:not(.sapMComboBoxBaseInputInnerReadonly) {
	padding-right: 0;
	padding-left: 3rem;
}

.sapSuiteUiTFValHel {
	position: absolute;
	display: inline-block;
	top: 0;
	bottom: 0;
}

.sapSuiteUiTFValHel.Quad0,
.sapSuiteUiTFValHel.Quad3 {
	left: 0;
}

.sapSuiteUiTFValHel.Quad1,
.sapSuiteUiTFValHel.Quad2 {
	right: 0;
}

.sapSuiteUiTFValHel .sapMBtnIcon,
.sapSuiteUiTFValHel .sapMBtnInner {
	border-radius: .375rem .375rem 0 0;
}

.sapSuiteUiTFValHel.Quad2 .sapMBtnIcon,
.sapSuiteUiTFValHel.Quad2 .sapMBtnInner,
.sapSuiteUiTFValHel.Quad3 .sapMBtnIcon,
.sapSuiteUiTFValHel.Quad3 .sapMBtnInner {
	border-radius: 0 0 .375rem .375rem;
}

.sapSuiteUiTFLine {
	position: absolute;
	white-space: nowrap;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 1rem .5rem;
	height: 3rem;
	text-align:center;
}

.sapUISizeCompact .sapSuiteUiTFLine {
	height: 2rem;
	padding: .5rem .5rem;
}

.sapUISizeCompact .sapSuiteUiTFLine.sapMLnkEmphasized {
	padding: .5rem .25rem;
}

.sapSuiteUiTFOthersLine.Hidden,
.sapSuiteUiTFLine.Hidden {
	display: none;
}

.sapSuiteUiTFLine.Large {
	font-size: 1.125rem;
	height: 1.125rem;
	padding: .8125rem .75rem;
}

.sapSuiteUiTFLine.Medium {
	font-size: 1rem;
	height: 1rem;
}

.sapSuiteUiTFLine.Small {
	font-size: .875rem;
	height: .875rem;
}

.sapSuiteUiTFLine.Smallest {
	font-size: .75rem;
	height: .75rem;
}

.sapSuiteUiTFLine.Large.sapMLnkEmphasized {
	padding: .8125rem .75rem;
}

.sapUISizeCompact .sapSuiteUiTFLine.Large {
	padding: .4625rem .75rem;
}

.sapUISizeCompact .sapSuiteUiTFLine.Large.sapMLnkEmphasized {
	padding: .4625rem .375rem;
}

.sapSuiteUiTFLine.Medium,
.sapSuiteUiTFLine.Small,
.sapSuiteUiTFLine.Smallest {
	padding: 1rem .5rem;
}

.sapSuiteUiTFLine.Medium.sapMLnkEmphasized,
.sapSuiteUiTFLine.Small.sapMLnkEmphasized,
.sapSuiteUiTFLine.Smallest.sapMLnkEmphasized  {
	padding: 1rem .25rem;
}

.sapUISizeCompact .sapSuiteUiTFLine.Medium,
.sapUISizeCompact .sapSuiteUiTFLine.Small,
.sapUISizeCompact .sapSuiteUiTFLine.Smallest {
	padding: .5rem .5rem;
}

.sapUISizeCompact .sapSuiteUiTFLine.Medium.sapMLnkEmphasized,
.sapUISizeCompact .sapSuiteUiTFLine.Small.sapMLnkEmphasized,
.sapUISizeCompact .sapSuiteUiTFLine.Smallest.sapMLnkEmphasized {
	padding: .5rem .25rem;
}

.sapSuiteUiTFOthersLine {
	position: absolute;
	white-space: nowrap;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: .75rem;
	height: .75rem;
	padding: 1rem .5rem;
}

.sapSuiteUiTFOthersLine.Quad0,
.sapSuiteUiTFOthersLine.Quad1 {
	bottom: 0;
}

.sapSuiteUiTFOthersLine.Quad2,
.sapSuiteUiTFOthersLine.Quad3 {
	top: 0;
}

html[dir=rtl] .sapSuiteUiTFOthersLine.Quad1,
html[dir=rtl] .sapSuiteUiTFOthersLine.Quad2,
html:not([dir=rtl]) .sapSuiteUiTFOthersLine.Quad1,
html:not([dir=rtl]) .sapSuiteUiTFOthersLine.Quad2 {
	right: 4rem;
}

html[dir=rtl] .sapSuiteUiTFOthersLine.Quad0,
html[dir=rtl] .sapSuiteUiTFOthersLine.Quad3,
html:not([dir=rtl]) .sapSuiteUiTFOthersLine.Quad0,
html:not([dir=rtl]) .sapSuiteUiTFOthersLine.Quad3 {
	left: 4rem;
}

.sapSuiteUiTFRightPanel {
	min-width: 20rem;
	max-width: 100%;
	position: relative;
	top: 1.5rem;
	height: 27rem;
	display: inline-block;
	margin: 0 1rem;
}

.sapUiMedia-Std-Desktop .sapSuiteUiTFRightPanel {
	margin-left: 0;
}
.sapUiMedia-Std-Tablet .sapSuiteUiTFRightPanel {
	display: block;
	clear: both;
}

.sapSuiteUiTFRightPanel .sapMSLITitleOnly {
	font-size: 0.85rem;
}

.sapSuiteUiTFRightPanel .sapMLIBSelectD>.sapUiIcon {
	font-size: 0.85rem;
}

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

.sapSuiteUiTFRightPanel .sapSuiteUiTFShowSelLbl {
	font-size: 0.85rem;
	text-align: right;
	display: table-cell;
	line-height: 2.5rem;
	height: 1.5rem;
	width: 12.5rem;
	padding: .25rem;
}

.sapSuiteUiTFSearchBtn .sapMBtnIcon {
	font-size: 0.85rem;
}

.sapSuiteUiTFSearchBtn .sapMBtnInner {
	background: transparent;
	border: none;
}

.sapUiMedia-Std-Tablet .sapSuiteUiTFSearchFld {
	float: left;
	width: 18rem;
	top: 1rem;
}

.sapSuiteUiTFSelLstLbl {
	padding: 1rem 0rem;
}

.sapSuiteUiTFShowSelBox {
	flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
}

.sapSuiteUiTFPopover.sapMPopover {
	min-width: 6.25rem;
	max-width: 15rem;
}

.sapSuiteUiTFPopoverText {
	margin: 1rem;
}

[data-sap-ui-browser^='ie'].sap-desktop .sapSuiteUiTFLinksCloud .sapMLnk:focus {
	position: absolute;
}

/* END "TargetFilter.less" */

/* START "ThingCollection.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/ThingCollection.control */
/* ============================================= */

@_sap_suite_ui_commons_ThingCollection_Bg: #5C6E7D;
@_sap_suite_ui_commons_ThingCollection_LightBg: #8EA5B9;

.sapSuiteTc {
	position: relative;
	background: url(img/img_bg.png);
	background: url(img/img_bg.png), @_sap_suite_ui_commons_ThingCollection_Bg;
	background: url(img/img_bg.png), radial-gradient(circle, @_sap_suite_ui_commons_ThingCollection_LightBg 30%, @_sap_suite_ui_commons_ThingCollection_Bg);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60, finishopacity=100, style=2);
}

.sapSuiteTc>.sapUiUx3OverlayCloseButton {
	top: 74px;
	right: 59px;
}

.sapSuiteTcNavPrev,.sapSuiteTcNavNext {
	position: absolute;
	width: 70px;
	top: 100px;
	bottom: 105px;
}
.sapSuiteTcNavPrev {
	left: 0;
}
.sapSuiteTcNavNext {
	right: 0;
}

.sapSuiteTcNavPrevArrow {
	background-image: url("img/btn_nav_left_a.png");
	background-repeat: no-repeat;
	background-position: left center;
}

.sapSuiteTcNavNextArrow {
	background-image: url("img/btn_nav_right_a.png");
	background-repeat: no-repeat;
	background-position: right center;
}

.sapSuiteTcContainer {
	position: absolute;
	left: 70px;
	right: 70px;
	top: 85px;
	bottom: 90px;
	overflow: hidden;
}

.sapSuiteTcPrev,.sapSuiteTcCenter,.sapSuiteTcNext {
	position: absolute;
	width: 100%;
	height: 100%;
}

.sapSuiteTcPrev {
	left: -110%;
}

.sapSuiteTcCenter {
	left: 0;
}

.sapSuiteTcNext {
	left: 110%;
}

/* END "ThingCollection.less" */

/* START "ThreePanelThingViewer.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/ThreePanelThingViewer.control */
/* ============================================= */

@_sap_suite_ui_commons_ThreePanelThingViewer_HeaderBgHEX: #F8F8F8;
@_sap_suite_ui_commons_ThreePanelThingViewer_HeaderBgRGBA: rgba(248, 248, 248, .85);
@_sap_suite_ui_commons_ThreePanelThingViewer_FacetBgRGBA: rgba(255, 255, 255, .85);
@_sap_suite_ui_commons_ThreePanelThingViewer_TitleBgRGBA: rgba(255, 255, 255, 0);

.sapUiUx3TV {
	background-color: @sapUiWhite;
	overflow: hidden;
	min-height: 508px;
	background-image: url(img/img_bg_ti.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.sapSuiteTvMinHeight {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.sapSuiteTvTitleBar {
	font-family: Arial, sans-serif;
}

.sapSuiteTvTitle {
	background: @sapUiWhite;
	background: linear-gradient(175deg, @sapUiWhite 200px, @_sap_suite_ui_commons_ThreePanelThingViewer_TitleBgRGBA);
	height: 100%;
	float: left;
	border-right: 1px solid #dcdcdc;
	padding: 20px 10px 0 10px;
}

.sapSuiteTvTitleIcon {
	float: left;
	width: 64px;
	height: 64px;
}

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

.sapSuiteTvTitleType {
	clear: both;
	display: block;
	color: @sapUiMediumText;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
}

.sapSuiteTvTitleFirst {
	display: block;
	color: @sapUiDeepText;
	font-size: 18px;
	word-wrap: break-word;
	padding-top: 20px;
}

.sapSuiteTvTitleSecond {
	display: block;
	color: @sapUiDeepText;
	font-size: 16px;
	padding-top: 20px;
}

.sapSuiteTvNav {
	position: absolute;
	top: 230px;
	bottom: 196px;
	left: 10px;
	overflow-y: auto;
	min-height: 64px;
	margin-bottom: 20px;
}
.sapSuiteTvNav.sapSuiteTvNavNoLogo {
	bottom: 0;
	margin-bottom: 10px;
}

.sapSuiteTvLogo {
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 10px;
	height: 186px;
	text-align: center;
	overflow: hidden;
}

.sapSuiteTvLogoIcon {
	border: 1px solid @sapUiWhiteBorder;
}

.sapSuiteTvHeader {
	background-color: @_sap_suite_ui_commons_ThreePanelThingViewer_HeaderBgHEX;
	background-color: @_sap_suite_ui_commons_ThreePanelThingViewer_HeaderBgRGBA;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
	height: 100%;
	width: 276px;
	overflow-y: auto;
	float: left;
	border-right: 1px solid #dcdcdc;
}

.sapSuiteTvFacet {
	height: 100%;
	overflow-y: auto;
	background-color: @sapUiWhite;
	background-color: @_sap_suite_ui_commons_ThreePanelThingViewer_FacetBgRGBA;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
}

.sapSuiteTvHeader .sapUiUx3TVHeaderContainer {
	padding: 11px 10px 2px 10px;
}

.sapSuiteTvHeader .sapUiUx3TVHeaderGroupTitle {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
}
.sapSuiteTvHeader .sapUiUx3TVHeaderGroupContent {
	margin-top: 7px;
}

.sapSuiteTvHeader .sapUiUx3TVHRWhite {
	display: none;
}

.sapSuiteTvFacet .sapUiUx3TVFacetThingGroupContentTitle {
	margin: 16px 20px 0 10px;
	padding-bottom: 3px;
	color: @sapUiBaseText;
	text-transform: none;
}

.sapSuiteTvFacet .sapUiUx3TVFacetThingGroupContent {
	margin-top: 2px;
	margin-left: 10px;
}

.sapSuiteTvTitleMb {
	float: right;
	margin-top: 32px;
	background-image: url("img/btn_actions_regular.png");
	width: 32px;
	height: 32px;
}
.sapSuiteTvTitleMb:hover,.sapSuiteTvTitleMb:focus {
	background-image: url("img/btn_actions_hover.png");
}

.sapSuiteTvPopupMenu {
	position: absolute;
	top: 88px;
	display: none;
	width: 240px;
	max-height: 245px;
	z-index: 5;
	border: 9px solid @sapUiWhiteBorder;
	background-color: @sapUiWhite;
	box-shadow: @sapUiShadow;
	overflow: auto;
}

.sapSuiteTvPopupMenuLink {
	display: block;
	margin: 4px 1px 6px 1px;
}

.sapSuiteTvFacet .sapUiUx3TVFacetThingGroup {
	min-width: 100px;
}
.sapSuiteTvFacet .sapUiUx3TVFacetThingGroupSpan {
	min-width: 200px;
}

html[data-sap-ui-browser="ie8"] .sapSuiteTvPopupMenu {
	border: 1px solid @sapUiBlackBorder;
}

/* END "ThreePanelThingViewer.less" */

/* START "TileContent2X2.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/TileContent.control */
/* ============================================= */

.sapSuiteTileCnt {
	display: inline-block;
	box-sizing: border-box;
	position: relative;
}

.sapUiMedia-Std-Desktop .sapSuiteTileCnt.Auto.ft-Auto,
.sapUiMedia-Std-Tablet .sapSuiteTileCnt.Auto.ft-Auto,
.sapSuiteTileCnt.L.ft-Auto,
.sapSuiteTileCnt.M.ft-Auto {
	min-height: 7rem;
	max-height: 19.5rem;
	min-width: 11.5rem;
	max-width: 23.5rem;
}

.sapUiMedia-Std-Phone .sapSuiteTileCnt.Auto.ft-Auto,
.sapSuiteTileCnt.S.ft-Auto {
	min-height: 5.375rem;
	max-height: 15.3rem;
	min-width: 9.25rem;
	max-width: 19rem;
}


/* TwoByOne size */
.sapUiMedia-Std-Desktop .sapSuiteTileCnt.Auto.ft-TwoByTwo,
.sapUiMedia-Std-Tablet .sapSuiteTileCnt.Auto.ft-TwoByTwo,
.sapSuiteTileCnt.L.ft-TwoByTwo,
.sapSuiteTileCnt.M.ft-TwoByTwo {
	height: 19.5rem;
	width: 23.5rem;
}

.sapUiMedia-Std-Phone .sapSuiteTileCnt.Auto.ft-TwoByTwo,
.sapSuiteTileCnt.XS.ft-TwoByTwo,
.sapSuiteTileCnt.S.ft-TwoByTwo {
	height: 15.3rem;
	width: 19rem;
}

/* Footer CSS */
.sapSuiteTileCntFtrTxt {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-left:0.5rem;
	margin-right:0.5rem;
	text-align: right;
	position: absolute;
	bottom: 0.5rem;
	right:0px;
	left:0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

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

.sapUiMedia-Std-Phone .sapSuiteTileCntFtrTxt.Auto,
.sapSuiteTileCntFtrTxt.S {
	font-size: 12px;
	line-height: 12px;
	height: 0.875rem;
}

.sapUiMedia-Std-Desktop .sapSuiteTileCntFtrTxt.Auto,
.sapSuiteTileCntFtrTxt.L,
.sapUiMedia-Std-Tablet .sapSuiteTileCntFtrTxt.Auto,
.sapSuiteTileCntFtrTxt.M {
	font-size: 14px;
	line-height: 14px;
	height: 1rem;
}

/* Content */
.sapSuiteTileCntContent {
	overflow: hidden;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.sapSuiteTileCntContent > .sapSuiteUiTcInnerMarker{
	display: inline-block;
	vertical-align: bottom;
	line-height: normal;
}

.sapUiMedia-Std-Desktop .sapSuiteTileCntContent.Auto,
.sapUiMedia-Std-Tablet .sapSuiteTileCntContent.Auto,
.sapSuiteTileCntContent.L,
.sapSuiteTileCntContent.M {
	height:4.5rem;
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
	line-height: 4.5rem;
}

.sapUiMedia-Std-Desktop .sapSuiteTileCntContent.Auto.ft-TwoByTwo,
.sapUiMedia-Std-Tablet .sapSuiteTileCntContent.Auto.ft-TwoByTwo,
.sapSuiteTileCntContent.L.ft-TwoByTwo,
.sapSuiteTileCntContent.M.ft-TwoByTwo {
	height:17.1rem;
}

.sapUiMedia-Std-Phone .sapSuiteTileCntContent.Auto,
.sapSuiteTileCntContent.S {
	height:3.5rem;
	margin-bottom: 0.25rem;
	margin-top: 0.25rem;
	line-height: 3.5rem;
}

.sapUiMedia-Std-Phone .sapSuiteTileCntContent.Auto.ft-TwoByTwo,
.sapSuiteTileCntContent.S.ft-TwoByTwo {
	height:13.5rem;
}

.sapSuiteTileCnt + .sapSuiteTileCnt {
	margin-left: 0.5rem;
}

.sapSuiteTileCntContent > .sapSuiteUiCommonsNwC {
	background-color: inherit;
}

/* END "TileContent2X2.less" */

/* START "Timeline.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/Timeline.control */
/* ============================================= */

.sapSuiteUiCommonsTimeline {
	/*min-width: 20rem;*/
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.sapSuiteUiCommonsTimeline:focus {
	outline: 1px dotted @sapUiContentFocusColor;
	outline-offset: 1px;
}

.sapSuiteUiCommonsTimelineContentWrapper {
	position: relative;
}

.sapSuiteUiCommonsTimelineH {
	white-space: nowrap;
	position: relative;
}

.sapSuiteUiCommonsTimelineH .sapSuiteUiCommonsTimelineNoTextWrapper {
	justify-content: flex-start;
	margin-left: 10px;
}

.sapSuiteUiCommonsTimelineH:focus {
	outline: 1px dotted @sapUiContentFocusColor;
	outline-offset: 1px;
}

.sapSuiteUiCommonsTimelineH li {
	white-space: normal;
}

.sapSuiteUiCommonsTimelineNoScroll.sapSuiteUiCommonsTimelineH {
	display: inline-block;
	width: auto;
}

.sapSuiteUiCommonsTimelineContents {
	width: 100%;
	padding: 0 0 1rem 0;
	overflow: hidden;
	position: relative;
	z-index: 0;
	overflow-x: hidden;
	overflow-y: auto;

	height: 100%;
}

.sapSuiteUiCommonsTimelineItemGetMoreButtonV {
	display: flex;
	justify-content: center;
	padding-top: 5px;
	padding-right: 5px;
}

.sapSuiteUiCommonsTimelineHeaderBar{
	flex-shrink: 0;
}

.sapSuiteUiCommonsTimelineVerticalScroller {
	width: calc(~"100% - 15px");
	height: 70px;
	position: absolute;
	z-index: 15;
	display: none;
}

.sapSuiteUiCommonsTimelineVerticalScroller .sapSuiteUiCommonsTimelineScrollerIconWrapper {
	left: calc(~"50% - 19px");
}

.sapSuiteUiCommonsTimelineScrollerIconWrapper span,
.sapSuiteUiCommonsTimelineVerticalScroller .sapSuiteUiCommonsTimelineScrollerIconWrapper span {
	font-size: 20px;
	color: white;
	cursor: pointer;
}

.sapSuiteUiCommonsTimelineTopScroller .sapSuiteUiCommonsTimelineScrollerIconWrapper span {
	margin-left: -1px;
}

.sapSuiteUiCommonsTimelineHorizontalTopLine ul{
	margin-bottom: 4px;
}

.sapSuiteUiCommonsTimelineScrollerIconWrapper span:focus {
	outline: none;
}

.sapSuiteUiCommonsTimelineScrollerIconWrapper {
	position: absolute;
	border-radius: 50%;
	opacity: 1;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sapSuiteUiCommonsTimelineTopScroller {
	top: 0px;
}

.sapSuiteUiCommonsTimelineBottomScroller {
	bottom: 0;
}

.sapSuiteUiCommonsTimelineBottomScroller .sapSuiteUiCommonsTimelineScrollerIconWrapper {
	bottom: 10px;
}

.sapSuiteUiCommonsTimelineItemGrp .sapSuiteUiCommonsTimelineGroupItemIcon {
	position: absolute;
	left: .5rem;
	height: 1.625rem;
	min-width: 1.625rem;
	-webkit-border-radius: 1.625rem !important;
	padding: 0 5px;
}

.sapSuiteUiCommonsTimelineHorizontalBottomLine {
	margin-top: -12px;
	display: flex;
}

.sapSuiteUiCommonsTimelineHorizontalTopLine {
	padding-bottom: 1px;
	display: flex;
}

.sapSuiteUiCommonsTimelineHorizontalBottomLine .sapSuiteUiCommonsTimelineItemLiWrapperV {
	vertical-align: top;
}

.sapSuiteUiCommonsTimelineScrollH .sapSuiteUiCommonsTimelineHorizontalTopLine .sapSuiteUiCommonsTimelineItemLiWrapperV {
	vertical-align: bottom;
}

.sapSuiteUiCommonsTimelineHorizontalMiddleLine {
	height: 27px;
}

.sapSuiteUiCommonsTimelineGroupItemIconDbleSided {
	position: absolute;
}

.sapSuiteUiCommonsTimelineGrouped .sapSuiteUiCommonsTimelineHorizontalTopLine .sapSuiteUiCommonsTimelineItemLiWrapperV {
	padding-top: 40px;
	margin-top: auto;
}

.sapSuiteUiCommonsTimelineItemUL {
	margin: 10px;
}

.sapSuiteUiCommonsTimelineContentsNoScroll {
}

.sapSuiteUiCommonsTimelineScroll {
	display: inline-block;
}

.sapSuiteUiCommonsTimelineScrollV .sapSuiteUiCommonsTimelineScroll {
	display: block;
	padding-right: 10px;
	padding-left: 10px;
}

.sapSuiteUiCommonsTimelineGetMoreBarDblSided {
	height: 0px;
}

/* ============================================= */
/* Horizontal stuff */
/* ============================================= */

.sapSuiteUiCommonsTimelineH {
	width: 100%;
	flex-direction: column;
}

.sapSuiteUiCommonsTimelineContentsH {
	width: 100%;
	padding-bottom: 18px;
	z-index: 0;
	overflow-x: auto;
	overflow-y: auto;
	position: relative;
}

.sapSuiteUiCommonsTimelineNoScroll .sapSuiteUiCommonsTimelineContentsH {
	display: inline-block;
	width: auto;
}

.sapSuiteUiCommonsTimelineH.sapSuiteUiCommonsTimelineAutomaticLineHeight {
	display: flex;
}
.sapSuiteUiCommonsTimelineGrouped .sapSuiteUiCommonsTimelineContentsH {
	padding-bottom: 44px;
}

.sapSuiteUiCommonsTimelineScrollH {
	min-width: 25rem;
	display: block;
	position: relative;
	margin-bottom: -5px;
}

.sapSuiteUiCommonsTimelineScrollH .sapSuiteUiCommonsTimelineItemUlWrapperV {
	margin-bottom: 80px;
}

.sapSuiteUiCommonsTimelineNoScroll .sapSuiteUiCommonsTimelineScrollH {
	display: inline-block;
}

.sapSuiteUiCommonsTimelineGetMoreH {
	width: 10rem;
	display: inline-block;
	position: relative;
	top: 0.9rem;
	left: 1.5rem;
}

.sapSuiteUiCommonsTimelineHorizontalScroller {
	position: absolute;
	width: 100px;
	display: none;
	z-index: 2;
}

.sapSuiteUiCommonsTimelineHorizontalScroller .sapSuiteUiCommonsTimelineScrollerIconWrapper {
	top: 275px;
	left: 20px;
}

.sapSuiteUiCommonsTimelineScrollerIconWrapperTop {
	margin-top: 5px;
}

.sapSuiteUiCommonsTimelineScrollerIconWrapperTop span {
	transform: rotate(270deg);
}

.sapSuiteUiCommonsTimelineScrollerIconWrapperBottom span {
	transform: rotate(90deg);
}

.sapSuiteUiCommonsTimelineHorizontalRightScroller .sapSuiteUiCommonsTimelineScrollerIconWrapper {
	left: auto;
	right: 20px;
}

.sapSuiteUiCommonsTimelineHorizontalScrollContainer {
	position: relative;
}

.sapSuiteUiCommonsTimelineNoScroll .sapSuiteUiCommonsTimelineHorizontalTopLine
.sapSuiteUiCommonsTimelineNoScroll .sapSuiteUiCommonsTimelineHorizontalBottomLine {
	display: inline-block;
}

.sapSuiteUiCommonsTimelineHorizontalLeftScroller .sapSuiteUiCommonsTimelineScrollerIconWrapper {
	transform: rotate(180deg);
}

.sapSuiteUiCommonsTimelineHorizontalRightScroller {
	right: 0px;
}

.sapSuiteUiCommonsTimelineGetMoreBoxH {
	position: absolute;
	width: 10rem;
	height: 3rem;
	top: 2.2rem;
}

.sapSuiteUiCommonsTimelineTop.sapSuiteUiCommonsTimelineGetMoreBoxH {
	top: -3.75rem;
}

.sapSuiteUiCommonsTimelineDblSided .sapSuiteUiCommonsTimelineGetMore {
	margin-left: -23px;
}

.sapSuiteUiCommonsTimelineItemShowMorePopover .sapMTitle span {
	font-weight: bold;
}

.sapSuiteUiCommonsTimelineItemShowMorePopover .sapSuiteUiCommonsTimelineItemPopoverText {
	padding: 10px 15px;
}

.sapSuiteUiCommonsTimelineItemWrapperV.sapSuiteUiCommonsTimelineItemWrapperVRight {
	flex-direction: row-reverse;
}

.sapSuiteUiCommonsTimelineRangeFilter .sapMSliderHandleTooltip {
	width: auto !important;
}

.sapSuiteUiCommonsTimelineRangeFilterPanel .sapMPanelContent {
	display: flex;
	align-items: center;
}

.sapSuiteUiCommonsTimelineRangeFilterPanel.sapSuiteUiCommonsTimelineRangeFilterPanelShadowed .sapMPanelContent {
	background-color: fade(@sapContent_ShadowColor, 5%);
}

.sapSuiteUiCommonsTimelineRangeSelect {
	margin-left: 15px;
	min-width: 10rem;
}

.sapSuiteUiCommonsTimelineRangeDatePicker {
	margin-left: 15px;
	margin-right: 25px;
	min-width: 10rem;
}

.sapSuiteUiCommonsTimelineRangeLabelNow {
	margin-left: 15px;
	margin-right: 25px;
	min-width: 5em;
}

.sapSuiteUiCommonsTimelineInfoBar {
	display: flex;
	font-size: 0.975rem;
	color: white;
	flex-direction: column;
}

.sapSuiteUiCommonsTimelineRangeFilterPanel {
	padding-bottom: 25px;
}

.sapSuiteUiCommonsTimelineRangeFilter li:first-child .sapMSliderLabel {
	left: 0;
	width: auto;
}

.sapSuiteUiCommonsTimelineRangeFilter .sapMSliderTickLabel:nth-last-child(2) .sapMSliderLabel {
	right: 0;
	left: auto;
	width: auto;
}


.sapSuiteUiCommonsTimelineH .sapSuiteUiCommonsTimelineInfoBar {
	flex-direction: row;
}

.sapSuiteUiCommonsTimelineCustomMessageWrapper .sapSuiteUiCommonsTimelineCustomMessageClose,
.sapSuiteUiCommonsTimelineInfoBar .sapSuiteUiCommonsTimelineInfoBarClose {
	margin-left: auto;
	padding: 7px 10px;
}

.sapSuiteUiCommonsTimelineInfoBarRangeFilter {
	display: flex;
	width: 100%;
	align-items: center;
	margin-bottom: 1px;
	border-radius: 4px;
}

.sapSuiteUiCommonsTimelineInfoBarFilter {
	display: flex;
	width: 100%;
	align-items: center;
	margin-bottom: 1px;
	border-radius: 4px;
}

.sapSuiteUiCommonsTimelineInfoBarBaseText {
	padding-left: 8px;
	padding-right: 8px;
	font-size: 0.775rem;
}

.sapSuiteUiCommonsTimelineInfoBarClose {
	cursor: pointer;
}

.sapSuiteUiCommonsTimelineCustomMessageWrapper {
	display: flex;
	font-size: 0.975rem;
	color: white;
	align-items: center;
	margin-bottom: 1px;
	border-radius: 4px;
}

.sapSuiteUiCommonsTimelineFilterSubmitButtonWrapper {
	padding: 0.4rem 1rem 0.4rem 0;
}

.sapSuiteUiCommonsTimelineFilterDialog {
	min-width: 20rem;
	max-width: 40rem;
}

.sapSuiteUiCommonsTimelineNoTextWrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 1rem;
}

.sapSuiteUiCommonsTimelineRight .sapSuiteUiCommonsTimelineHorizontalMiddleLine ul,
.sapSuiteUiCommonsTimelineDblSidedH .sapSuiteUiCommonsTimelineHorizontalMiddleLine ul {
	margin-top: 0px;
	margin-bottom: 3px;
}

.sapSuiteUiCommonsTimelineItemGetMoreButtonH {
	padding-right: 15px;
}

.sapSuiteUiCommonsTimelineDblSided .sapSuiteUiCommonsTimelineShowMoreWrapper {
	clear: both;
}

.sapSuiteUiCommonsTimelineDblSided .sapSuiteUiCommonsTimelineItemBarV {
	height: calc(~"100% - 20px");
}

.sapSuiteUiCommonsTimelineDblSided .sapSuiteUiCommonsTimelineItemBarNoIcon.sapSuiteUiCommonsTimelineItemBarV {
	height: calc(~"100% - 39px");
}

.sapSuiteUiCommonsTimelineFilterInfoBar{
	min-height: 2rem;
	max-height: 4rem;
}

.sapSuiteUiCommonsStringSliderTooltip {
	line-height: 1.625rem;
}

/* END "Timeline.less" */

/* START "TimelineItem.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/TimelineItem.control */
/* ============================================= */

.sapSuiteUiCommonsTimelineItemUserPicture {
	margin: 0.3rem;
	border-radius: 50%;
	flex-shrink: 0;
}

.sapSuiteUiCommonsTimelineItemHeader {
	margin: 0rem;
	line-height: normal;
	word-wrap: break-word;
	font-family: @sapUiFontFamily;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapSuiteUiCommonsTimelineItemTextLineClamp {
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.sapSuiteUiCommonsTimelineItemShellBottom {
	padding-top: 8px;
}

.sapSuiteUiCommonsTimelineItemShellBottom > .sapMTB {
	border-bottom: 0px;
	height: auto;
}

.sapSuiteUiCommonsTimelineItemShellBottom > .sapMIBar .sapMBarChild:first-child {
	margin-left: 1px;
}

.sapSuiteUiCommonsTimelineItemActionLink {
	margin: 1px;
}

.sapSuiteUiCommonsTimelineItemShellBottomToolbar {
	height: 2em;
	padding-top: 1em;
}

.sapSuiteUiCommonsTimelineItemHBottom .sapSuiteUiCommonsTimelineItemWrapperH .sapSuiteUiCommonsTimelineItemArrow,
.sapSuiteUiCommonsTimelineItemHTop .sapSuiteUiCommonsTimelineItemWrapperH .sapSuiteUiCommonsTimelineItemArrow {
	position: relative;
}

.sapSuiteUiCommonsTimelineItemHBottom .sapSuiteUiCommonsTimelineItemWrapperH .sapSuiteUiCommonsTimelineItemArrow {
	top: 5px;
}

.sapSuiteUiCommonsTimelineItemWrapperH .sapSuiteUiCommonsTimelineItemArrow {
	position: relative;
}

.sapSuiteUiCommonsTimelineItemHTop .sapSuiteUiCommonsTimelineItemArrow {
	transform: translateX(0px) translateY(0px) rotate(225deg);
}

.sapMFeedListItemLinkExpandCollapse {
	vertical-align: middle;
}

.sapSuiteUiCommonsTimelineItem {
	border-bottom: 0px;
	height: 90pt;
	width: 100%;
	border-bottom: 0;
	display: flex;
	align-items: center;
}

.sapSuiteUiCommonsTimelineItemOdd {
	border-bottom: 0px;
	height: auto;
	width: 100%;
	border-bottom: 0;
	display: flex;
	align-items: center;
	max-width: 50%;
	float: left;
	left: 10px;
	position: relative;
}

.sapSuiteUiCommonsTimelineItemEven {
	border-bottom: 0px;
	height: auto;
	width: 100%;
	border-bottom: 0;
	display: flex;
	align-items: center;
	max-width: 50%;
	float: right;
	left: -16px;
	position: relative;
}

.sapSuiteUiCommonsTimelineItemEven:first-child:nth-last-child(2) {
	margin-top: 20px;
}

.sapSuiteUiCommonsTimelineItemEven .sapSuiteUiCommonsTimelineItemWrapper {
	display: flex;
	position: relative;
}

.sapSuiteUiCommonsTimelineItemOdd .sapSuiteUiCommonsTimelineItemWrapper {
	display: flex;
	position: relative;
}

.sapSuiteUiCommonsTimelineItemWrapperGrpDblSide {
	left: 20px;
	position: absolute;
	width: 100%;
}

.sapSuiteUiCommonsTimelineItemUlWrapper:after {
	clear: both;
}

.sapSuiteUiCommonsTimelineItemWrapperGrp {
	left: .5rem;
	position: absolute;
	width: 100%;
}

.sapSuiteUiCommonsTimelineItemEven .sapSuiteUiCommonsTimelineItemWrapper {
	width: 100%;
	height: 100%;
}

.sapSuiteUiCommonsTimelineItemOdd .sapSuiteUiCommonsTimelineItemWrapper {
	width: 100%;
	height: 100%;
}

.sapSuiteUiCommonsTimelineContentsNoScroll .sapSuiteUiCommonsTimelineItemEven .sapSuiteUiCommonsTimelineItemWrapper {
	width: 90%;
}

.sapSuiteUiCommonsTimelineContentsNoScroll .sapSuiteUiCommonsTimelineItemOdd .sapSuiteUiCommonsTimelineItemWrapper {
	width: 90%;
}

.sapSuiteUiCommonsTimelineItemBarOdd {
	position: absolute;
	width: 0.0625rem;
	height: 100%;
	top: 2.1rem;
	left: 22.930rem;
}

.sapSuiteUiCommonsTimelineItemBarEven {
	position: absolute;
	width: 0.0625rem;
	top: 2.1rem;
	right: 278px;
}

.sapSuiteUiCommonsTimelineItemWrapper .sapSuiteUiCommonsTimelineItemIconEven {
	position: absolute;
	font-size: 1.375rem;
	top: .2rem;
	left: 0.5rem;
	height: 2rem;
	width: 1.875rem;
	padding: 0.375rem 0rem 0rem 0rem;

}

.sapSuiteUiCommonsTimelineItemWrapper .sapSuiteUiCommonsTimelineItemIconOdd {
	position: absolute;
	font-size: 1.375rem;
	top: 0rem;
	left: 22rem;
	height: 2rem;
	width: 1.875rem;
	padding: 0.375rem 0rem 0rem 0rem;
}

.sapSuiteUiCommonsTimelineItemWrapper .sapSuiteUiCommonsTimelineItemNoIconOdd {
	position: absolute;
	top: 1.12rem;
	height: 0.5rem;
	width: 0.5rem;
	border-radius: 50%;
	left: 22.56rem;
}

.sapSuiteUiCommonsTimelineItemArrow {
	position: relative;
	width: 12px;
	height: 12px;
	border: 1px solid;
	-webkit-transform: translateX(0px) translateY(0px) rotate(45deg);
	transform: translateX(0px) translateY(0px) rotate(45deg);
	-moz-transform: translateX(0px) translateY(0px) rotate(45deg);
	z-index: 1;
}

.sapSuiteUiCommonsTimelineItemWrapperV.sapSuiteUiCommonsTimelineItemWrapperVLeft .sapSuiteUiCommonsTimelineItemArrow {
	border-bottom: none;
	border-left: none;

	left: 8px;
	margin-left: auto;
}

.sapSuiteUiCommonsTimelineItemWrapperVRight .sapSuiteUiCommonsTimelineItemArrow {
	border-right: none;
	border-top: none;
}

.sapSuiteUiCommonsTimelineItemWrapperV {
	display: flex;
	width: 100%;
}

.sapSuiteUiCommonsTimelineItemOutline:focus {
	outline: 1px dotted @sapUiContentFocusColor;
	outline-offset: 1px;
}

.sapSuiteUiCommonsTimelineGroupHeaderMainWrapper:focus {
	outline: 1px dotted @sapUiContentFocusColor;
	outline-offset: 1px;
}

.sapSuiteUiCommonsTimelineItemWrapperVLeft .sapSuiteUiCommonsTimelineItemOutline {
	margin-right: -9px;
	padding-right: 9px;
}

.sapSuiteUiCommonsTimelineItemWrapperVRight .sapSuiteUiCommonsTimelineItemOutline {
	margin-left: -9px;
	padding-left: 9px;
	padding-right: 2px;
}

.sapSuiteUiCommonsTimelineItemWrapperH .sapSuiteUiCommonsTimelineItemOutline {
	padding-right: 2px;
}

.sapSuiteUiCommonsTimelineItemHBottom .sapSuiteUiCommonsTimelineItemOutline {
	position: relative;
	top: -10px;
	padding-top: 9px;
}

.sapSuiteUiCommonsTimelineItemHTop .sapSuiteUiCommonsTimelineItemOutline {
	margin-bottom: -9px;
	padding-bottom: 9px;
	margin-top: 2px;
}

.sapSuiteUiCommonsTimelineItemShell {
	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.sapSuiteUiCommonsTimelineItemShellUser {
	font-size: @sapMFontMediumSize;
	font-weight: bold;
	vertical-align: top;
}

.sapSuiteUiCommonsTimelineItemShellHdr {
	font-size: @sapMFontMediumSize;
	font-weight: normal;
	vertical-align: top;
}

.sapSuiteUiCommonsTimelineGroupTitle {
	position: absolute;
	font-weight: bold;
}

.sapSuiteUiCommonsTimelineItemShellDateTime {
	font-family: @sapUiFontFamily;
	font-size: 0.75rem;
	font-weight: normal;
}

.sapSuiteUiCommonsTimelineItemShellBody {
	padding: 0.375rem 0 0 0;
	font-size: .875rem;
	line-height: 1rem;
}

.sapSuiteUiCommonsTimelineItem .sapSuiteUiCommonsTimelineItemWrapper {
	position: relative;
}

.sapSuiteUiCommonsTimelineItem .sapSuiteUiCommonsTimelineItemWrapper {
	width: 100%;
	height: 100%;
}

.sapSuiteUiCommonsTimelineContentsNoScroll .sapSuiteUiCommonsTimelineItem .sapSuiteUiCommonsTimelineItemWrapper {
	width: 90%;
}

.sapSuiteUiCommonsTimelineGroupCollapsed .sapSuiteUiCommonsTimelineGroupHeaderBarWrapper .sapSuiteUiCommonsTimelineItemBarV {
	height: 50px;
	top: 7px;
}

.sapSuiteUiCommonsTimelineScroll > ul:last-of-type .sapSuiteUiCommonsTimelineGroupCollapsed .sapSuiteUiCommonsTimelineGroupHeaderBarWrapper .sapSuiteUiCommonsTimelineItemBarV {
	height: 10px;
}

.sapSuiteUiCommonsTimelineGroupCollapsed .sapSuiteUiCommonsTimelineGroupHeaderBarWrapper .sapSuiteUiCommonsTimelineGroupNextExpanded.sapSuiteUiCommonsTimelineItemBarV {
	height: 92px;
}

.sapSuiteUiCommonsTimelineGroupCollapsed .sapSuiteUiCommonsTimelineGroupHeaderBarWrapper .sapSuiteUiCommonsTimelineItemBarNoIcon.sapSuiteUiCommonsTimelineGroupNextExpanded.sapSuiteUiCommonsTimelineItemBarV{
	height: 100px;
}

.sapSuiteUiCommonsTimelineGroupCollapsed.sapSuiteUiCommonsTimelineGroupNextExpanded .sapSuiteUiCommonsTimelineGroupHeaderBarWrapper .sapSuiteUiCommonsTimelineItemBarV {
	height: 95px;
}

.sapSuiteUiCommonsTimelineGroupExpanded .sapSuiteUiCommonsTimelineGroupHeaderBarWrapper .sapSuiteUiCommonsTimelineItemBarV {
	height: 30px;
}

.sapSuiteUiCommonsTimelineGroupHeaderBarWrapper .sapSuiteUiCommonsTimelineItemBarV {
	left: 50%;
	top: 7px;
	height: 45px;
}

.sapSuiteUiCommonsTimelineItemBarV {
	position: absolute;
	left: 50%;
	width: 1px;
	height: calc(~"100% - 26px");
	height: webkit-calc(~"100% - 26px");
	top: 45px;
}

.sapSuiteUiCommonsTimelineItemBarNoIcon.sapSuiteUiCommonsTimelineItemBarV {
	top: 39px;
	height: calc(~"100% - 13px");
	height: webkit-calc(~"100% - 13px");
}

.sapSuiteUiCommonsTimelineItemUlWrapper > li:last-child .sapSuiteUiCommonsTimelineItemBarV {
	height: 100%;
	height: calc(~"100% - 12px");
	height: webkit-calc(~"100% - 12px");
}

.sapSuiteUiCommonsTimelineItemUlWrapper > li:last-child .sapSuiteUiCommonsTimelineItemBarNoIcon.sapSuiteUiCommonsTimelineItemBarV {
	height: 100%;
	height: calc(~"100% - 5px");
	height: webkit-calc(~"100% - 5px");
}

.sapSuiteUiCommonsTimelineItemUlWrapper > li:last-child .sapSuiteUiCommonsTimelineItemBarV.sapSuiteUiCommonsTimelineGroupNextExpanded {
	height: 100%;
	height: calc(~"100% + 33px");
	height: webkit-calc(~"100% + 33px");
}

.sapSuiteUiCommonsTimelineItemUlWrapper > li:last-child .sapSuiteUiCommonsTimelineItemBarNoIcon.sapSuiteUiCommonsTimelineItemBarV.sapSuiteUiCommonsTimelineGroupNextExpanded {
	height: 100%;
	height: calc(~"100% + 47px");
	height: webkit-calc(~"100% + 47px");
}

.sapSuiteUiCommonsTimelineItemUlWrapper:last-of-type > li:last-child .sapSuiteUiCommonsTimelineItemBarV {
	height: calc(~"100% - 42px");
	height: webkit-calc(~"100% - 42px");;
}

.sapSuiteUiCommonsTimelineItemBarWrapperV {
	padding-top: 15px;
	position: relative;
	flex-direction: column;
	align-items: center;
}

.sapSuiteUiCommonsTimelineLastItem .sapSuiteUiCommonsTimelineItemBarV,
.sapSuiteUiCommonsTimelineLastItem .sapSuiteUiCommonsTimelineItemBarH {
	display: none;
}

.sapSuiteUiCommonsTimelineItem .sapSuiteUiCommonsTimelineItemWrapper {
	position: relative;
}

.sapSuiteUiCommonsTimelineItemBar.sapSuiteUiCommonsTimelineItemBarBottom {
	height: 0px;
	top: 0;
}

.sapSuiteUiCommonsTimelineItemDot {
	position: absolute;
	top: 16px;
	width: 11px;
	height: 11px;
	border-radius: 11px;
	left: 7px;
}

.sapSuiteUiCommonsTimelineItemWrapper .sapSuiteUiCommonsTimelineItemIcon {
	position: absolute;
	font-size: 1.375rem;
	top: 0rem;
	left: 0.5rem;
	height: 2rem;
	width: 1.875rem;
	padding: 0.375rem 0rem 0rem 0rem;

}

.sapSuiteUiCommonsTimelineItemWrapper {
	height: 100%;
}

.sapSuiteUiCommonsTimelineItemWrapper .sapSuiteUiCommonsTimelineItemNoIcon {
	height: 0.5rem;
	width: 0.5rem;
	border-radius: 50%;
	margin-right: 6px;
	margin-left: 6px;
	align-self: center;
}

.sapSuiteUiCommonsTimelineItemBox {
	position: relative;
	word-wrap: break-word;
	width: 100%;
	min-height: 4rem;
	height: auto;
	border: 0.0625rem solid;
	padding: 0 0 0 0;
	font-family: @sapUiFontFamily;
	border-radius: 3px;
}

.sapSuiteUiCommonsTimelineItemBubble {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 0 3px 3px 15px;
}

.sapSuiteUiCommonsTimelineItemWrapperVLeft .sapSuiteUiCommonsTimelineItemBubble {
	padding-right: 15px;
	padding-left: 2px;
}

.sapSuiteUiCommonsTimelineItemBubbleSpacer {
	position: relative;
}

.sapSuiteUiCommonsTimelineItemArrow {
	-webkit-transform: translateX(0px) translateY(0px) rotate(45deg);
	transform: translateX(0px) translateY(0px) rotate(45deg);
	-moz-transform: translateX(0px) translateY(0px) rotate(45deg);
}

.sapSuiteUiCommonsTimelineItemDot.sapSuiteUiCommonsTimelineItemDotBottom {
	top: 18px;
}

/* ============================================= */
/* Horizontal stuff */
/* ============================================= */
.sapSuiteUiCommonsTimelineItemBaseLength {
	width: 320px;
}

.sapSuiteUiCommonsTimelineItemHEven {
	width: 101px;
}

.sapSuiteUiCommonsTimelineItemHOdd {
	width: 219px;
}

.sapSuiteUiCommonsTimelineItemWrapperH {
	display: inline-block;
	position: relative;
	top: 40px;
}

.sapSuiteUiCommonsTimelineDblSidedH .sapSuiteUiCommonsTimelineItemWrapperH {
	top: auto;
}

.sapSuiteUiCommonsTimelineItemWrapperH .sapSuiteUiCommonsTimelineItemArrow {
	position: absolute;
	top: -7px;
	left: 1rem;
	border-bottom: none;
	border-right: none;
}

.sapSuiteUiCommonsTimelineItemWrapperV .sapSuiteUiCommonsTimelineItemArrow {
	position: relative;
	top: 25px;
	left: -6px;
}

.sapSuiteUiCommonsTimelineItemWrapperH .sapSuiteUiCommonsTimelineItemIcon {
	position: absolute;
	font-size: 1.375rem;
	top: -2.1rem;
	left: 2.1rem;
}

.sapSuiteUiCommonsTimelineHorizontalMiddleLine .sapSuiteUiCommonsTimelineItemIcon {
	position: absolute;
	font-size: 1.375rem;
}

.sapSuiteUiCommonsTimelineItemBarWrapper {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sapSuiteUiCommonsTimelineItemBarH {
	width: 100%;
	height: 1px;
	margin-right: 2px;
	margin-left: 2px;
	top: 0.75rem;
}

.sapSuiteUiCommonsTimelineGetMoreBar.sapSuiteUiCommonsTimelineItemBarH {
	width: 120px;
}

.sapSuiteUiCommonsTimelineItemWrapperV .sapSuiteUiCommonsTimelineItemNoIcon {
	height: 4px;
	width: 4px;
	border-radius: 50%;
}

.sapSuiteUiCommonsTimelineScrollH .sapSuiteUiCommonsTimelineGrouped .sapSuiteUiCommonsTimelineItemEven {
	left: 7px;
}

.sapSuiteUiCommonsTimelineItemGroupHeaderSpacer {
	top: -18px;
}

.sapSuiteUiCommonsTimelineItemGrp .sapSuiteUiCommonsTimelineItemGroupHeaderSpacer {
	top: 4px;
	left: 3.3rem;
}

.sapSuiteUiCommonsTimelineItemH {
	width: 288px;
	display: inline-block;
}

.sapSuiteUiCommonsTimelineItemHBottom .sapSuiteUiCommonsTimelineItemWrapperH {
	top: 12px;
}

.sapSuiteUiCommonsTimelineItemHTop .sapSuiteUiCommonsTimelineItemWrapperH {
	top: 10px;
}

.sapSuiteUiCommonsTimelineHorizontalMiddleLine li {
	display: inline-block;
	height: 27px;
	vertical-align: top;
}

.sapSuiteUiCommonsTimelineItemGroupHeaderH .sapSuiteUiCommonsTimelineItemNoIconWrapper {
	margin-left: -9px;
	margin-right: -9px;
}

.sapSuiteUiCommonsTimelineItemLiWrapperV {
	display: inline-block;
}

.sapSuiteUiCommonsTimelineScrollH .sapSuiteUiCommonsTimelineItemLiWrapperV {
	vertical-align: top;
}

.sapSuiteUiCommonsTimelineItemBubbleSpacer {
	position: relative;
	width: calc(~"100% - 1rem");
}

.sapSuiteUiCommonsTimelineItemUlWrapperV {
	display: inline-block;
	padding-left: 0px;
}

.sapSuiteUiCommonsTimelineItemUlWrapper {
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.sapSuiteUiCommonsTimelineGetMoreUlWrapper {
	padding-left: 0px;
	margin-top: 0px;
}

.sapSuiteUiCommonsTimelineItem {
	height: auto;
	padding-bottom: 15px;
}

.sapSuiteUiCommonsTimelineScroll .sapSuiteUiCommonsTimelineItem {
	padding-bottom: 5px;
}

.sapSuiteUiCommonsTimelineHorizontalScrollingLine>li:last-of-type:not(.sapSuiteUiCommonsTimelineItemGetMoreButton) {
	width: 300px;
}

.sapSuiteUiCommonsTimelineHorizontalScrollingLine {
	padding: 0;
	margin: 0;
}

.sapSuiteUiCommonsTimelineGroupHeader {
	display: inline-block;
	width: 35px;
	height: 100%;
	vertical-align: top;
	position: relative;
}
.sapSuiteUiCommonsTimelineContentsH .sapSuiteUiCommonsTimelineGroupHeader.sapSuiteUiCommonsTimelineGroupCollapsed{
	padding-right: 200px;
	min-height: 60px;
}

.sapSuiteUiCommonsTimelineContentsH .sapSuiteUiCommonsTimelineGroupHeader .sapSuiteUiCommonsTimelineGroupExpanded{
	padding-right: 0px;
}

.sapSuiteUiCommonsTimelineContentsH .sapSuiteUiCommonsTimelineGroupHeader{
	margin-right: -40px;
	margin-left: 5px;
}

.sapSuiteUiCommonsTimelineScrollV .sapSuiteUiCommonsTimelineGroupHeader {
	height: 50px;
	width: 100%;
	display: flex;
	align-items: center;
	padding-top: 9px;
}

.sapSuiteUiCommonsTimelineGroupHeader.sapSuiteUiCommonsTimelineItemWrapperVRight {
	flex-direction: row-reverse;
}

.sapSuiteUiCommonsTimelineGroupHeaderDblSided {
	max-width: 50%;
	left: 10px;
	clear: both;
}

.sapSuiteUiCommonsTimelineHorizontalBottomLine .sapSuiteUiCommonsTimelineGroupHeader {
	padding-top: 20px;
}

.sapSuiteUiCommonsTimelineHorizontalBottomLine .sapSuiteUiCommonsTimelineGroupHeaderWrapper .sapSuiteUiCommonsTimelineItemArrow {
	top: -5px;
	border-bottom: none;
	border-right: none;
}

.sapSuiteUiCommonsTimelineHorizontalBottomLine .sapSuiteUiCommonsTimelineGroupHeader {
	vertical-align: bottom;
}

.sapSuiteUiCommonsTimelineGroupHeaderWrapper {
	display: flex;
	width: 100%;
	position: relative;
	border-radius: 0.2rem;
	border: 1px solid;
}

.sapSuiteUiCommonsTimelineGroupHeaderIconWrapper {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	z-index: 15;
	color: @sapUiButtonIconColor;
}

.sapUiSizeCompact .sapSuiteUiCommonsTimelineGroupHeaderIconWrapper {
	margin-top: 0px;
	margin-bottom: 0px;
}


.sapSuiteUiCommonsTimelineGroupHeaderIconWrapper span {
	font-size: 18px;
}

.sapSuiteUiCommonsTimelineGroupHeaderIconWrapper span:focus {
	outline: none;
}

.sapSuiteUiCommonsTimelineNoOutline span:focus {
	outline: none;
}

.sapSuiteUiCommonsTimelineNoOutline:focus {
	outline: none;
}

.sapSuiteUiCommonsTimelineGroupHeaderSpanWrapper {
	display: flex;
	align-items: center;
	max-width: 240px;
	padding-right: 0.75rem;
}

.sapSuiteUiCommonsTimelineGroupHeaderContentWrapper {
	display: flex;
	min-width: 170px;
}

.sapSuiteUiCommonsTimelineScrollV .sapSuiteUiCommonsTimelineGroupHeaderContentWrapper {
	min-width: 130px;
}

.sapSuiteUiCommonsTimelineGroupHeaderSpan {
	margin: 5px 5px 5px 0;
	font-size: small;
	z-index: 100;
	text-overflow: ellipsis;
	overflow: hidden;
}

.sapSuiteUiCommonsTimelineGroupHeaderLineWrapper {
	margin-top: 50px;
	position: absolute;
	width: 200px;
	height: 100%;
	display: flex;
}

.sapSuiteUiCommonsTimelineGroupHeaderLine {
	position: absolute;
	height: 100%;
	height: calc(~"100% - 40px");
	height: webkit-calc(~"100% - 40x");
	width: 1px;
	border-left: 1px dashed;
}

.sapSuiteUiCommonsTimelineScrollH .sapSuiteUiCommonsTimelineGroupHeaderLine{
	margin-left: 21px;
}

.sapSuiteUiCommonsTimelineItemWrapperVRight .sapSuiteUiCommonsTimelineGroupHeaderMainWrapper {
	flex-direction: row-reverse;
}

.sapSuiteUiCommonsTimelineScrollV .sapSuiteUiCommonsTimelineGroupHeader.sapSuiteUiCommonsTimelineItemWrapperVLeft .sapSuiteUiCommonsTimelineItemArrow {
	position: relative;
	align-self: center;
	bottom: auto;
	margin-right: 0px;
	margin-left: auto;
	left: -4px;
	border-bottom: none;
	border-left: none;
	top: 50%;
}

.sapSuiteUiCommonsTimelineScrollV .sapSuiteUiCommonsTimelineGroupHeader.sapSuiteUiCommonsTimelineItemWrapperVRight .sapSuiteUiCommonsTimelineItemArrow {
	left: 4px;
	position: relative;
	top: auto;
	bottom: auto;
	align-self: center;
	border-top: none;
	border-right: none;
}

.sapSuiteUiCommonsTimelineItemGroupHeaderH {
	width: 40px;
}

.sapSuiteUiCommonsTimelineItemGroupHeaderH span {
	font-size: 5px;
}

.sapSuiteUiCommonsTimelineItemGroupCollapsedBar {
	width: 200px;
}
.sapSuiteUiCommonsTimelineContentsH .sapSuiteUiCommonsTimelineGroupHeader .sapSuiteUiCommonsTimelineGroupHeaderMainWrapper{
	max-width: 190px;
	padding-right: 2px;
}

.sapSuiteUiCommonsTimelineScrollH .sapSuiteUiCommonsTimelineGroupHeader .sapSuiteUiCommonsTimelineGroupHeaderSpanWrapper{
	overflow: hidden;
}

.sapSuiteUiCommonsTimelineItemShowMore .sapMBtnInner, .sapSuiteUiCommonsTimelineItemShowMore .sapMBtn {
	height: auto;
}

.sapSuiteUiCommonsTimelineItemShowMore .sapMBtn:focus > .sapMFocusable {
	outline: none;
}

.sapSuiteUiCommonsTimelineItemShowMore .sapMBtnContent {
	line-height: initial;
}

.sapSuiteUiCommonsTimelineItemShowMore {
	padding-top: 2px;
}

.sapSuiteUiCommonsTimelineItemFirstBar {
	width: 24px;
}

.sapSuiteUiCommonsTimelineItemFirstBar .sapSuiteUiCommonsTimelineItemBarH {
	background: none;
}

.sapSuiteUiCommonsTimelineGrouped .sapSuiteUiCommonsTimelineItemFirstBarBeforeGroup.sapSuiteUiCommonsTimelineItemFirstBar {
	width: 29px;
}


.sapSuiteUiCommonsTimelineItemBarDivWrapper {
	display: flex;
	height: 100%;
}

.sapSuiteUiCommonsTimelineItemNoIconWrapper {
	display: flex;
	height: 100%;
	width: 26px;
	justify-content: center;
}

.sapSuiteUiCommonsTimelineItemBarWrapperV .sapSuiteUiCommonsTimelineItemNoIconWrapper {
	height: 20px;
	align-items: flex-end;
}

.sapSuiteUiCommonsTimelineItemBarIconWrapperV, .sapSuiteUiCommonsTimelineItemIconWrapper {
	min-width: 26px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
}

.sapSuiteUiCommonsTimelineItemBarIconWrapperV {
	height: 27px;
}

.sapSuiteUiCommonsTimelineGroupHeaderBarWrapper .sapSuiteUiCommonsTimelineItemBarIconWrapperV{
	height: auto;
}

.sapSuiteUiCommonsTimelineItemBarIconWrapperV span, .sapSuiteUiCommonsTimelineItemIconWrapper span {
	font-size: 1.375rem;
}

.sapSuiteUiCommonsTimelineItemGroupBarIconWrapper{
	display: flex;
	align-items: center;
}

.sapSuiteUiCommonsTimelineHorizontalBottomLine .sapSuiteUiCommonsTimelineGroupHeaderMainWrapper {
	align-self: flex-end;
	bottom: 0px;
}
.sapSuiteUiCommonsTimelineHorizontalBottomLine .sapSuiteUiCommonsTimelineGroupHeaderDirectChild{
	height: 100%;
	display: flex;
	position: absolute;
}

.sapSuiteUiCommonsTimelineHorizontalBottomLine .sapSuiteUiCommonsTimelineGroupHeaderWrapper {
	align-self: flex-end;
}

.sapSuiteUiCommonsTimelineHorizontalBottomLine .sapSuiteUiCommonsTimelineGroupHeaderLineWrapper {
	margin-top: -50px;
	padding-top: 20px;
}

.sapSuiteUiCommonsTimelineHorizontalBottomLine .sapSuiteUiCommonsTimelineGroupHeaderLine {
	height: calc(~"100% - 40px");
	top: 40px;
}

.sapSuiteUiCommonsTimelineGroupHeaderPointer {
	cursor: pointer;
}

.sapSuiteUiCommonsTimelineGroupHeaderMainWrapper {
	position: absolute;
	white-space: nowrap;
}

.sapSuiteUiCommonsTimelineGroupHeaderBarWrapper {
	position: relative;
}

.sapSuiteUiCommonsTimelineGroupHeaderBarWrapper span {
	font-size: 7px;
}

.sapSuiteUiCommonsTimelineScrollV .sapSuiteUiCommonsTimelineGroupHeaderMainWrapper {
	position: relative;
	margin-left: auto;
	min-width: initial;
	display: flex;
}

.sapSuiteUiCommonsTimelineScrollV .sapSuiteUiCommonsTimelineGroupHeaderLineWrapper {
	position: relative;
	width: 100%;
	height: 1px;
	margin-top: 0px;
	border-left: none;
	margin-right: -6px;
	border-bottom: 1px dashed;
}

.sapSuiteUiCommonsTimelineItemPopoverText {
	padding: 0 10px 10px 10px;
}

.sapSuiteUiCommonsTimelineItemGetMoreButton {
	font-size: 45px;
}

.sapSuiteUiCommonsTimelineItemGetMoreButtonH {
	margin-top: -14px;
}

.sapUiSizeCompact .sapSuiteUiCommonsTimelineItemGetMoreButtonH {
	margin-top: -3px;
}

.sapSuiteUiCommonsTimelineItemTextWrapper {
	overflow: hidden;
	position: relative;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	text-overflow: ellipsis;
}

.sapSuiteUiCommonsTimelineGroupExpanded .sapSuiteUiCommonsTimelineGroupHeaderLineWrapper,
.sapSuiteUiCommonsTimelineGroupExpanded .sapSuiteUiCommonsTimelineGroupHeaderLine{
	border: none;
}

.sapSuiteUiCommonsTimelineItemHeaderWrapper {
	display: flex;
	align-items: center;
}

.sapSuiteUiCommonsTimelineGroupHeader .sapSuiteUiCommonsTimelineItemArrow {
	align-self: flex-end;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -5px;
	width: 8px;
	height: 8px;
	top: auto;
}

.sapSuiteUiCommonsTimelineScrollH .sapSuiteUiCommonsTimelineGroupHeader .sapSuiteUiCommonsTimelineItemArrow {
	margin-left: 16px;
}

.sapSuiteUiCommonsTimelineHorizontalTopLine .sapSuiteUiCommonsTimelineGroupHeader .sapSuiteUiCommonsTimelineItemArrow {
	border-top: none;
	border-left: none;
	bottom: -6px;
}

.sapSuiteUiCommonsTimelineGroupExpanded .sapSuiteUiCommonsTimelineItemArrow{
	display: none;
}

/* COLORS */
.sapSuiteUiCommonsTimelineNoStatus {
	color: @sapUiContentNonInteractiveIconColor;
}

.sapSuiteUiCommonsTimelineStatusInformation,
.sapSuiteUiCommonsTimelineItemWrapperV .sapSuiteUiCommonsTimelineItemNoIcon.sapSuiteUiCommonsTimelineStatusInformation,
.sapSuiteUiCommonsTimelineItemWrapper .sapSuiteUiCommonsTimelineItemNoIcon.sapSuiteUiCommonsTimelineStatusInformation {
	color: @sapUiNeutralElement;
	text-shadow: @sapUiShadowText;
}

.sapSuiteUiCommonsTimelineStatusSuccess,
.sapSuiteUiCommonsTimelineItemWrapperV .sapSuiteUiCommonsTimelineItemNoIcon.sapSuiteUiCommonsTimelineStatusSuccess,
.sapSuiteUiCommonsTimelineItemWrapper .sapSuiteUiCommonsTimelineItemNoIcon.sapSuiteUiCommonsTimelineStatusSuccess {
	color: @sapUiPositiveElement;
	text-shadow: @sapUiShadowText;
}

.sapSuiteUiCommonsTimelineStatusError,
.sapSuiteUiCommonsTimelineItemWrapperV .sapSuiteUiCommonsTimelineItemNoIcon.sapSuiteUiCommonsTimelineStatusError,
.sapSuiteUiCommonsTimelineItemWrapper .sapSuiteUiCommonsTimelineItemNoIcon.sapSuiteUiCommonsTimelineStatusError {
	color: @sapUiNegativeElement;
	text-shadow: @sapUiShadowText;
}

.sapSuiteUiCommonsTimelineStatusWarning,
.sapSuiteUiCommonsTimelineItemWrapperV .sapSuiteUiCommonsTimelineItemNoIcon.sapSuiteUiCommonsTimelineStatusWarning,
.sapSuiteUiCommonsTimelineItemWrapper .sapSuiteUiCommonsTimelineItemNoIcon.sapSuiteUiCommonsTimelineStatusWarning {
	color: @sapUiCriticalElement;
	text-shadow: @sapUiShadowText;
}

.sapSuiteUiCommonsTimelineItemNoIcon {
	border: 1px solid @sapUiContentNonInteractiveIconColor;
	background-color: @sapUiContentNonInteractiveIconColor;
}

.sapSuiteUiCommonsTimelineItemBarV, .sapSuiteUiCommonsTimelineItemBarH {
	background-color: @sapUiContentForegroundBorderColor;
}

.sapSuiteUiCommonsTimelineItemBox {
	border-color: @sapUiGroupContentBorderColor;
	background-color: @sapUiGroupContentBackground;
}

.sapSuiteUiCommonsTimelineItemArrow, .sapSuiteUiCommonsTimelineGroupHeaderLineWrapper {
	border-color: @sapUiGroupContentBorderColor;
	color: @sapUiGroupContentBorderColor;
}

.sapSuiteUiCommonsTimelineItemArrow {
	background-color: @sapUiGroupContentBackground;
}

.sapSuiteUiCommonsTimelineItemShellDateTime {
	color: @sapUiContentLabelColor;
}

.sapSuiteUiCommonsTimelineItemTextWrapper, .sapSuiteUiCommonsTimelineItemShellHdr {
	color: @sapUiListTextColor;
}

.sapSuiteUiCommonsTimelineGroupHeaderWrapper {
	color: @sapUiButtonTextColor;
}

.sapSuiteUiCommonsTimelineGroupHeaderWrapper,
.sapSuiteUiCommonsTimelineGroupHeaderMainWrapper .sapSuiteUiCommonsTimelineItemArrow,
.sapSuiteUiCommonsTimelineScrollerIconWrapper {
	border-color: @sapUiButtonBorderColor;
}


.sapSuiteUiCommonsTimelineGroupExpanded .sapSuiteUiCommonsTimelineGroupHeaderWrapper,
.sapSuiteUiCommonsTimelineGroupExpanded .sapSuiteUiCommonsTimelineGroupHeaderMainWrapper .sapSuiteUiCommonsTimelineItemArrow,
.sapSuiteUiCommonsTimelineGroupExpanded .sapSuiteUiCommonsTimelineScrollerIconWrapper {
	background-color: @sapUiToggleButtonPressedBackground;
}

.sapSuiteUiCommonsTimelineScrollerIconWrapper {
	background-color: @sapUiToggleButtonPressedBackground;
}

.sapSuiteUiCommonsTimelineScrollerIconWrapper:hover {
	cursor: pointer;
	background-color: @sapUiFieldActiveBackground
}


.sapSuiteUiCommonsTimelineGroupCollapsed .sapSuiteUiCommonsTimelineGroupHeaderWrapper:hover,
.sapSuiteUiCommonsTimelineGroupCollapsed .sapSuiteUiCommonsTimelineGroupHeaderWrapper:hover .sapSuiteUiCommonsTimelineItemArrow,
.sapSuiteUiCommonsTimelineGroupCollapsed .sapSuiteUiCommonsTimelineGroupHeaderMainWrapper:hover .sapSuiteUiCommonsTimelineItemArrow {
	background-color: @sapUiButtonHoverBackground;
	border-color: @sapUiButtonHoverBorderColor;
}

.sapSuiteUiCommonsTimelineGroupCollapsed .sapSuiteUiCommonsTimelineGroupHeaderWrapper,
.sapSuiteUiCommonsTimelineGroupCollapsed .sapSuiteUiCommonsTimelineGroupHeaderWrapper .sapSuiteUiCommonsTimelineItemArrow,
.sapSuiteUiCommonsTimelineGroupCollapsed .sapSuiteUiCommonsTimelineGroupHeaderMainWrapper .sapSuiteUiCommonsTimelineItemArrow {
	background-color: @sapUiButtonBackground;
	border-color: @sapUiButtonBorderColor;
}

.sapSuiteUiCommonsTimelineGroupExpanded .sapSuiteUiCommonsTimelineGroupHeaderWrapper:hover {
	background-color: @sapUiToggleButtonPressedHoverBackground;
	border-color: @sapUiToggleButtonPressedHoverBorderColor;
}

.sapSuiteUiCommonsTimelineGroupExpanded .sapSuiteUiCommonsTimelineGroupHeaderWrapper{
	color: @sapUiToggleButtonPressedTextColor;
	border-color: @sapUiToggleButtonPressedBorderColor;
}

.sapSuiteUiCommonsTimelineGroupExpanded .sapSuiteUiCommonsTimelineGroupHeaderIconWrapper {
	color: @sapUiToggleButtonPressedTextColor;
}

.sapSuiteUiCommonsTimelineScrolling {
	background-color: @sapUiFieldActiveBackground !important;
}

.sapSuiteUiCommonsTimelineInfoBarFilter, .sapSuiteUiCommonsTimelineInfoBarRangeFilter, .sapSuiteUiCommonsTimelineCustomMessageWrapper {
	border: 1px solid @sapUiListBorderColor;
}

.sapSuiteUiCommonsTimelineScrollV .sapSuiteUiCommonsTimelineGroupHeaderLineWrapper {
	border-bottom-color: @sapUiContentForegroundBorderColor;
}

.sapSuiteUiCommonsTimelineGroupHeaderLine {
	border-left-color: @sapUiContentForegroundBorderColor;
}

/* END "TimelineItem.less" */

/* START "UnifiedThingGroup.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/UnifiedThingGroup.control */
/* ============================================= */

.sapSuiteUtg {
	padding: 20px 32px;
}
.sap-phone .sapSuiteUtg {
	margin: 0;
}

.sapSuiteUtgHeader {
	padding: 0 0 4px 0;
	margin: 0;
}

.sapSuiteUtgTitle {
	font-size: 24px;
	font-weight: normal;
	line-height: 2em;
	text-overflow : ellipsis;
	margin-bottom: 12px;
}

.sap-phone .sapSuiteUtgTitle {
	padding: 1rem 1rem 0 1rem;
	font-size: 1.25rem;
}

.sapSuiteUtgDesc {
	font-size: 16px;
	font-weight: normal;
	text-overflow : ellipsis;
}

.sap-phone .sapSuiteUtgDesc {
	padding: 1rem 1rem 0.5rem 1rem;
}

.sapSuiteUtgContent {
}

.sapSuiteUtg > .sapSuiteUtgContent .sapMLabel {
	color: @sapUiContentLabelColor;
}

.sapSuiteUtgContentTopIndent {
	padding-top: 1.5rem;
}


/* END "UnifiedThingGroup.less" */

/* START "UnifiedThingInspector.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/UnifiedThingInspector.control */
/* ============================================= */

.sapSuiteUti {
	margin: 0 auto;
}

.sapSuiteUtiKpiBox {
	padding: 0 0 1rem 0;
	white-space: nowrap;
	float: right;
	text-align: right;
}

.sap-phone .sapSuiteUtiKpiBox {
	float: none;
	padding: 0 0 1rem 0;
}

.sapSuiteUtiFacetLeft {
	clear: left;
}

/* sap.m.Page header restyling */
/* removes blue line */
.sap-desktop .sapSuiteUti .sapMBar.sapMPageHeader:before {
	display: none;
}

/* changes header buttons style for desktop*/
.sap-desktop .sapSuiteUti .sapMBar.sapMPageHeader .sapMBtn {
	border-image: none;
}

/* Internal Header object styles*/
.sapSuiteUtiHeader {
	position: relative;
	height: 64px;
	margin: 16px;
}

.sapSuiteUtiHeaderContent > .sapMOH.sapMOHC {
	padding-left: 0;
	padding-top: 0.3rem;
}

/*To overwrite internal ObjectHeader's .sap-phone CSS.*/
.sap-phone .sapSuiteUtiHeaderContent > .sapMOH.sapMOHC {
	padding-left: 0;
	padding-top: 0.3rem;
}

.sapSuiteUtiHeaderIconImage {
	width: 48px;
	height: 48px;
}

.sapSuiteUtiHeaderContentWithIcon {
	position: absolute;
	left: 27px;
	top: -30px;
	right: 0;
}

.sap-phone .sapSuiteUtiHeaderContentWithIcon {
	left: 40px;
}

/* End of internal Header object styles*/

@media screen and (min-width:30px) and (max-width:1024px) {
	.sapSuiteUtiKpiBox .sapMScrollContScroll {
		float: left;
	}
}

@media screen and (min-width:1024px) {
	.sapSuiteUtiKpiBox.sapSuiteUtiKpiLT3 .sapMScrollContScroll {
		clear: both;
		float: right;
	}
}

.sapSuiteUtiFacetGrid > .sapUiRespGridSpanL6 {
	border-style: solid;
	border-width: 1px;
	box-sizing: border-box;
	border-color: @sapUiGroupContentBorderColor;
}

.sapSuiteUtiKpiBox .sapSuiteKTile {
	margin: 0 0.5rem;
}

.sap-phone .sapSuiteUtiKpiBox>.sapMScrollContScroll {
	margin-left: 0;
}

.sapSuiteUtiScOne .sapSuiteKTile {
	width: 100%;
}

.sapSuiteUtiScTwo .sapSuiteKTile {
	width: 50%;
}

.sapSuiteUtiScThree .sapSuiteKTile {
	width: 33.33%;
}

/* END "UnifiedThingInspector.less" */

/* START "VerticalNavigationBar.less" */
/* ============================================= */
/* CSS for control sap.suite.ui.commons/VerticalNavigationBar.control */
/* ============================================= */

@_sap_suite_ui_commons_VerticalNavigationBar_BgRGBA: rgba(255, 255, 255, .85);
@_sap_suite_ui_commons_VerticalNavigationBar_BorderColor: #848484;
@_sap_suite_ui_commons_VerticalNavigationBar_Shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);

.sapSuiteTvNavBar {
	background-color: @sapUiWhite;
	background-color: @_sap_suite_ui_commons_VerticalNavigationBar_BgRGBA;
}

.sapSuiteTvNavBarList {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.sapSuiteTvNavBarItem {
	height: 32px;
	overflow: hidden;
	color: @sapUiDeepText;
}

.sapSuiteTvNavBarItem.sapUiUx3NavBarItemSel {
	background-color: @sapHighlightColor;
	color: @sapUiTextInverted;
	font: bold 14px arial;
}

.sapSuiteTvNavBarItemLink:hover, .sapSuiteTvNavBarItemLink:focus {
	background-color: @sapHighlightColor;
	color: @sapUiTextInverted;
}

.sapSuiteTvNavBarItemLink:active {
	background-color: @sapUiDarkBG;
	color: @sapUiTextInverted;
}

.sapSuiteTvNavBarItemLink {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 7px 0 7px 0;
	color: inherit;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.sapSuiteTvNavBarItem.sapUiUx3NavBarItemSel>a {
	color: @sapUiTextInverted;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 0 7px 0;
}

.sapSuiteTvNavBarItemLink>span {
	pointer-events: none;
	vertical-align: bottom;
}

.sapSuiteTvNavBarItemName {
	margin-left: 10px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.sapSuiteTvNavBarItemQty {

}

.sapSuiteTvNavBarItemTltp.sapUiRtt {
	border-radius: 3px;
	border: 1px @_sap_suite_ui_commons_VerticalNavigationBar_BorderColor solid;
	width: auto;
	height: auto;
	box-shadow: @_sap_suite_ui_commons_VerticalNavigationBar_Shadow;
	background-color: @sapUiExtraLightBG;
}

.sapSuiteTvNavBarItemTltp .sapUiRttContentContainer {
	padding: 0px;
}

.sapSuiteTvNavBarItemTltp .sapUiRttContent {
	min-width: 0px;
	padding: 0px 5px 0px 5px;
	color: @sapUiLightText;
}

/* END "VerticalNavigationBar.less" */

/* START "ViewRepeater.less" */
/* ========================================================= */
/* CSS for control sap.suite.ui.commons/ViewRepeater.control */
/* ========================================================= */

.suiteUiVrViewSwHolder {
	background-color: @sapUiLightBG;
	padding: 3px;
	margin-bottom: 2px;
	overflow: auto;
}

.suiteUiVr.suiteUiVrResp {
	position: relative;
}

.suiteUiVrViewSw {
	float: left;
}

.suiteUiVrSearchFld {
	float: right;
}

.suiteUiVr.suiteUiVrResp .sapUiRrBody {
	position: absolute;
}

.suiteUiVr.suiteUiVrResp .sapUiRrFtr {
	position: absolute;
	bottom: 0px;
}

.suiteUiVr .sapUiRrBody ul {
	width: 100%;
	max-width: 100%;
}

.suiteUiVr .sapUiRrBody li {
	display: inline-block;
	margin: 0;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.suiteUiVrViewSw>.sapUiSegmentedButton>span:first-of-type>.sapUiBtnS {
	border-radius: 0;
	-moz-border-radius: 0;
}

.suiteUiVr .sapUiRrDesignTransparent>.sapUiRrFtr {
	width: auto;
	border: 1px solid @sapUiMediumBorder;
	height: 26px;
	margin-top: 3px;
}

/* END "ViewRepeater.less" */