/* ===================================================== */
/* CSS for control sap.suite.ui.commons/ProcessFlowNode  */
/* 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.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: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	-webkit-touch-callout: none;
	transition: transform 0ms;
	touch-action: manipulation;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

/* ----- */
/* node0 */
/* ----- */
.sapSuiteUiCommonsProcessFlowNode0ZoomLevel1 {
	clear: both;
	float: left;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 11rem;
	min-width: 11rem;
	max-width: 11rem;
}

.sapSuiteUiCommonsProcessFlowNode0ZoomLevel2 {
	clear: both;
	float: left;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 9rem;
	min-width: 9rem;
	max-width: 9rem;
}

.sapSuiteUiCommonsProcessFlowNode0ZoomLevel3 {
	clear: both;
	float: left;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	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: 0;
	width: 3rem;
	min-width: 3rem;
	max-width: 3rem;
	height: 3.75rem;
	min-height: 3.75rem;
	max-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: 0;
	padding: 0;
	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;
}

.sapSuiteUiCommonsProcessFlowNode1ZoomLevel3,
.sapSuiteUiCommonsProcessFlowNode1ZoomLevel4,
.sapSuiteUiCommonsProcessFlowNode1ZoomLevel3 > .sapUiIcon,
.sapSuiteUiCommonsProcessFlowNode1ZoomLevel4 > .sapUiIcon,
.sapSuiteUiCommonsProcessFlowNode1ZoomLevel3 > .sapUiIcon::before,
.sapSuiteUiCommonsProcessFlowNode1ZoomLevel4 > .sapUiIcon::before {
	clear: both;
	float: left;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	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
}

/* ----- */
/* node2 */
/* ----- */
.sapSuiteUiCommonsProcessFlowNode2ZoomLevel1 {
	clear: none;
	float: left;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	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: 0;
	padding: 0;
	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: 0;
	padding: 0;
	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: 0;
	padding: 0;
	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: 0;
	padding: 0 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: 0;
	padding: 0 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: 0;
	padding: 0 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: 0;
	padding: 0;
	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: 0 0.4375rem 0.75rem 0.4375rem;
		line-height: normal;
	}
}

/*---------------*/
/* folded corner */
/*---------------*/
.sapSuiteUiCommonsProcessFlowNodeStateFoldedCornerZoomLevel1,
.sapSuiteUiCommonsProcessFlowNodeStateFoldedCornerZoomLevel2 {
	clear: both;
	float: left;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	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: 0;
	padding: 0;
	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: 0;
	padding: 0;
	vertical-align: top;
	font-family: @sapUiFontFamily;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: normal;
	overflow: hidden;
	border: none;
	color: @sapTile_TitleTextColor;
	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: 0;
	margin-bottom: 0.5rem;
	padding: 0;
	overflow: hidden;
	border: none;
}

.sapSuiteUiCommonsProcessFlowNode3TitleZoomLevel1 > .sapMText,
.sapSuiteUiCommonsProcessFlowNode3TitleZoomLevel1 > .sapMTextMaxLine,
.sapSuiteUiCommonsProcessFlowNode3TitleZoomLevel1 > .sapMTextMaxWidth {
	clear: both;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	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: 0;
	margin-bottom: 0.5rem;
	padding: 0;
	overflow: hidden;
	border: none;
	font-size: @sapMFontMediumSize;
}

.sapSuiteUiCommonsProcessFlowNode3TitleZoomLevel2 > .sapMText,
.sapSuiteUiCommonsProcessFlowNode3TitleZoomLevel2 > .sapMTextMaxLine,
.sapSuiteUiCommonsProcessFlowNode3TitleZoomLevel2 > .sapMTextMaxWidth {
	clear: both;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	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: 0;
	margin-bottom: 0.25rem;
	padding: 0;
	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: 0;
	padding: 0;
	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: 0;
	min-width: 0;
	max-width: 0;
	height: 0;
	min-height: 0;
	max-height: 0;
	line-height: 0;
	overflow: hidden;
}

/* State area */
.sapSuiteUiCommonsProcessFlowNode3State {
	clear: both;
	float: left;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: none;
}

.sapSuiteUiCommonsProcessFlowNode3StateZoomLevel1 {
	clear: both;
	float: left;
	display: table;
	position: relative;
	margin: 0;
	margin-bottom: 0.5rem;
	padding: 0;
	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: 0;
	margin-bottom: 0.5rem;
	padding: 0;
	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: 0;
	padding: 0;
	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: 0;
	padding: 0;
	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: 0;
	padding: 0;
	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: 0;
	padding: 0;
	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: 0;
	padding: 0;
	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;
}

html .sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel1 > .sapUiIcon,
html .sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel1 > .sapUiIcon::before {
	line-height: 2.125rem;
}

.sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel2 {
	clear: both;
	float: left;
	display: table-cell;
	position: relative;
	margin: 0;
	padding: 0;
	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: 0;
	padding: 0;
	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;
}

html .sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel2 > .sapUiIcon,
html .sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel2 > .sapUiIcon::before {
	line-height: 2rem;
}

.sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel3 {
	clear: both;
	float: left;
	display: table-cell;
	position: relative;
	margin: 0;
	padding: 0;
	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: 0;
	padding: 0;
	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;
}

html .sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel3 > .sapUiIcon,
html .sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel3 > .sapUiIcon::before {
	line-height: 2rem
}

.sapSuiteUiCommonsProcessFlowNode3StateIconZoomLevel4 {
	clear: both;
	float: left;
	display: table-cell;
	position: absolute;
	top: -0.125rem;
	margin: 0;
	padding: 0;
	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: 0;
	padding: 0;
	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: 0;
	padding: 0;
	vertical-align: middle;
	font-family: var(--sapFontFamily);
	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: 0;
	padding: 0;
	overflow: hidden;
	border: none;
}

.sapSuiteUiCommonsProcessFlowNode3StateTextZoomLevel1 > .sapMText,
.sapSuiteUiCommonsProcessFlowNode3StateTextZoomLevel1 > .sapMTextMaxLine,
.sapSuiteUiCommonsProcessFlowNode3StateTextZoomLevel1 > .sapMTextMaxWidth {
	clear: both;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	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: 0;
	padding: 0;
	overflow: hidden;
	border: none;
}

.sapSuiteUiCommonsProcessFlowNode3StateTextZoomLevel2 > .sapMText,
.sapSuiteUiCommonsProcessFlowNode3StateTextZoomLevel2 > .sapMTextMaxLine,
.sapSuiteUiCommonsProcessFlowNode3StateTextZoomLevel2 > .sapMTextMaxWidth {
	clear: both;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	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: var(--sapFontSmallSize);
}

.sapSuiteUiCommonsProcessFlowNode3StateTextZoomLevel3 {
	clear: both;
	float: none;
	display: table-cell;
	position: relative;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: none;
}

.sapSuiteUiCommonsProcessFlowNode3StateTextZoomLevel3 > .sapMText,
.sapSuiteUiCommonsProcessFlowNode3StateTextZoomLevel3 > .sapMTextMaxLine,
.sapSuiteUiCommonsProcessFlowNode3StateTextZoomLevel3 > .sapMTextMaxWidth {
	clear: both;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	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: var(--sapFontSmallSize);
}

.sapSuiteUiCommonsProcessFlowNode3StateTextZoomLevel4 {
	clear: both;
	float: none;
	display: none;
	position: relative;
	width: 0;
	min-width: 0;
	max-width: 0;
	height: 0;
	min-height: 0;
	max-height: 0;
	line-height: 0;
	overflow: hidden;
}

/* Text area */
.sapSuiteUiCommonsProcessFlowNode3Text,
.sapSuiteUiCommonsProcessFlowNode3Text > .sapMText,
.sapSuiteUiCommonsProcessFlowNode3Text > .sapMTextMaxLine,
.sapSuiteUiCommonsProcessFlowNode3Text > .sapMTextMaxWidth {
	clear: both;
	float: left;
	display: block;
	position: relative;
	padding: 0;
	vertical-align: top;
	font-family: var(--sapFontFamily);
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: normal;
	overflow: hidden;
	border: none;
	color: var(--sapContent_LabelColor);
	font-size: var(--sapFontSmallSize);
}

.sapSuiteUiCommonsProcessFlowNode3TextZoomLevel1 {
	clear: both;
	float: left;
	display: table-row;
	position: relative;
	text-align: left;
	vertical-align: top;
	padding: 0;
	overflow: hidden;
	border: none;
}

.sapSuiteUiCommonsProcessFlowNode3TextZoomLevel1 > .sapMText,
.sapSuiteUiCommonsProcessFlowNode3TextZoomLevel1 > .sapMTextMaxLine,
.sapSuiteUiCommonsProcessFlowNode3TextZoomLevel1 > .sapMTextMaxWidth {
	clear: both;
	float: left;
	position: relative;
	padding: 0;
	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: 0;
	overflow: hidden;
	border: none;
}

.sapSuiteUiCommonsProcessFlowNode3TextZoomLevel2 > .sapMText,
.sapSuiteUiCommonsProcessFlowNode3TextZoomLevel2 > .sapMTextMaxLine,
.sapSuiteUiCommonsProcessFlowNode3TextZoomLevel2 > .sapMTextMaxWidth {
	clear: both;
	float: left;
	position: relative;
	padding: 0;
	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: var(--sapFontSmallSize);
}

.sapSuiteUiCommonsProcessFlowNode3TextZoomLevel3,
.sapSuiteUiCommonsProcessFlowNode3TextZoomLevel4 {
	clear: both;
	float: left;
	display: none;
	position: relative;
	width: 0;
	min-width: 0;
	max-width: 0;
	height: 0;
	min-height: 0;
	max-height: 0;
	line-height: 0;
	overflow: hidden;
}

.sapSuiteUiCommonsProcessFlowNode3TextWithGapZoomLevel1 {
	padding-bottom: 0.5rem;
}

.sapSuiteUiCommonsProcessFlowNode3TextWithGapZoomLevel2 {
	padding-bottom: 0.25rem;
}

/* node content states */
.sapSuiteUiCommonsProcessFlowNodeStateNeutral .sapMText {
	color: var(--sapNeutralTextColor);
}

.sapSuiteUiCommonsProcessFlowNodeStateCritical .sapMText {
	color: var(--sapCriticalTextColor);
}

.sapSuiteUiCommonsProcessFlowNodeStatePositive .sapMText {
	color: var(--sapPositiveTextColor);
}

.sapSuiteUiCommonsProcessFlowNodeStateNegative .sapMText {
	color: var(--sapNegativeTextColor);
}

.sapSuiteUiCommonsProcessFlowNodeStateNeutral.sapSuiteUiCommonsProcessFlowNode3StateIcon {
	color: var(--sapNeutralElementColor);
}

.sapSuiteUiCommonsProcessFlowNodeStateCritical.sapSuiteUiCommonsProcessFlowNode3StateIcon {
	color: var(--sapCriticalElementColor);
}

.sapSuiteUiCommonsProcessFlowNodeStatePositive.sapSuiteUiCommonsProcessFlowNode3StateIcon {
	color: var(--sapPositiveElementColor);
}

.sapSuiteUiCommonsProcessFlowNodeStateNegative.sapSuiteUiCommonsProcessFlowNode3StateIcon {
	color: var(--sapNegativeElementColor);
}

/* special effects */
.sapSuiteUiCommonsProcessFlowFoldedCornerNodeHover,
.sapSuiteUiCommonsProcessFlowFoldedCornerNodeHover .sapMText,
.sapSuiteUiCommonsProcessFlowFoldedCornerNodeIconHover,
.sapSuiteUiCommonsProcessFlowFoldedCornerNodeIconHover .sapMText,
.sapSuiteUiCommonsProcessFlowNodeHover,
.sapSuiteUiCommonsProcessFlowNodeHover .sapMText,
.sapSuiteUiCommonsProcessFlowFoldedCornerNodeActive,
.sapSuiteUiCommonsProcessFlowFoldedCornerNodeActive .sapMText,
.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;
}