.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: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
	outline-offset: 1px;
}

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


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

.sapSuiteUiCommonsMicroProcessFlowItemStandard {
	color: @sapUiNeutralBorder;
}

.sapSuiteUiCommonsMicroProcessFlowItemSuccess {
	border-color: @sapSuccessBorderColor;
	background-color: @sapButton_Success_Background;
}

.sapSuiteUiCommonsMicroProcessFlowItemError {
	border-color: @sapErrorBorderColor;
	background-color: @sapButton_Negative_Background;
}

.sapSuiteUiCommonsMicroProcessFlowItemWarning {
	border-color: @sapWarningBorderColor;
	background-color: @sapButton_Critical_Background;
}

.sapSuiteUiCommonsMicroProcessFlowItemInformation {
  	border-color: @sapInformationBorderColor;
  	background-color: @sapInformationBackground;
}

.sapSuiteUiCommonsMicroProcessFlowItemNone {
	border-color: @sapNeutralBorderColor;
    background-color: @sapNeutralBackground;
}

.sapSuiteUiCommonsMicroProcessFlowItemError .sapSuiteUiCommonsMicroProcessFlowItemIcon{
	color: @sapContent_ContrastTextColor;
	text-shadow: @sapContent_ContrastTextShadow; 
}

.sapSuiteUiCommonsMicroProcessFlowItemInformation .sapSuiteUiCommonsMicroProcessFlowItemIcon {
	color: @sapInformativeTextColor;
}

.sapSuiteUiCommonsMicroProcessFlowItemWarning .sapSuiteUiCommonsMicroProcessFlowItemIcon {
	color: @sapContent_ContrastTextColor;
	text-shadow: @sapContent_ContrastTextShadow;
}

.sapSuiteUiCommonsMicroProcessFlowItemSuccess .sapSuiteUiCommonsMicroProcessFlowItemIcon {
	color: @sapContent_ContrastTextColor;
	text-shadow: @sapContent_ContrastTextShadow;
}

.sapSuiteUiCommonsMicroProcessFlowItemNone .sapSuiteUiCommonsMicroProcessFlowItemIcon {
	color: @sapChart_Sequence_Neutral_Minus2;
}

.sapSuiteUiCommonsMicroProcessFlowItemSuccess:hover {
	background-color: @sapButton_Success_Hover_Background;
	border-color: @sapSuccessBorderColor;
	color: @sapButton_Success_Hover_TextColor;
}

.sapSuiteUiCommonsMicroProcessFlowItemWarning:hover {
	background-color: @sapButton_Critical_Hover_Background;
	border-color: @sapWarningBorderColor;
	color:@sapButton_Critical_Hover_TextColor
}

.sapSuiteUiCommonsMicroProcessFlowItemError:hover {
	background-color: @sapButton_Negative_Hover_Background;
	border-color: @sapErrorBorderColor;
	color: @sapButton_Negative_Hover_TextColor;
}

.sapSuiteUiCommonsMicroProcessFlowItemInformation:hover {
  background-color:  @sapButton_Information_Hover_Background;
  border-color: @sapInformationBorderColor;
  color: @sapButton_Information_Hover_TextColor;
}

.sapSuiteUiCommonsMicroProcessFlowItemNone:hover {
  background-color: @sapChart_Sequence_Neutral_Plus2;
  border-color: @sapChart_Sequence_Neutral_BorderColor;
  color: @sapChart_Sequence_Neutral_Minus2;
}

.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: var(--sapHighlightColor);
	border-color: var(--sapContent_Selected_ForegroundColor);
}

.sapSuiteUiCommonsMicroProcessFlowItemPressed:hover .sapSuiteUiCommonsMicroProcessFlowItemIcon{
	color:var(--sapContent_ContrastIconColor);
}
.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;
}
