/* ================================================== */
/* CSS for control sap.suite.ui.commons/NetworkGroup  */
/* Base theme                                         */
/* ================================================== */

.sapSuiteUiCommonsNetworkGroup {
	background-color: transparent;
	border: var(--sapElement_BorderWidth) var(--sapContent_FocusStyle) var(--sapNeutralBorderColor);
	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;
}

.sapSuiteUiCommonsNetworkGraphRightLeft.sapSuiteUiCommonsNetworkGroup.sapSuiteUiCommonsNetworkGroupSwimLane:first-of-type {
	border: var(--sapElement_BorderWidth) var(--sapContent_FocusStyle) var(--sapNeutralBorderColor);
	border-left-style: dashed;
}

.sapSuiteUiCommonsNetworkGroup:not(.sapSuiteUiCommonsNetworkGroupSwimLane) {
	box-shadow: var(--sapContent_Shadow2);
}

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

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

.sapSuiteUiCommonsNetworkGroup.sapSuiteUiCommonsNetworkGroupSwimLane:last-of-type {
	border-right: var(--sapElement_BorderWidth) var(--sapContent_FocusStyle) var(--sapNeutralBorderColor);
}

.sapSuiteUiCommonsNetworkGraphRightLeft.sapSuiteUiCommonsNetworkGroup.sapSuiteUiCommonsNetworkGroupSwimLane:last-of-type {
	border-left: var(--sapElement_BorderWidth) var(--sapContent_FocusStyle) var(--sapNeutralBorderColor);
	border-right: none;
}

.sapSuiteUiCommonsNetworkGraphRightLeft .sapSuiteUiCommonsNetworkGroupHeader {
	margin-right: 0.0625rem;
}

.sapSuiteUiCommonsNetworkGroupHeader {
	border-bottom: var(--sapElement_BorderWidth) var(--sapContent_FocusStyle) var(--sapNeutralBorderColor);
	background-color: var(--sapNeutralBackground);
	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: var(--sapTextColor);
}

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

html[dir=rtl] .sapUiSizeCozy .sapSuiteUiCommonsNetworkGraphHeaderCheckboxInner .sapMCbMark {
	transform: scaleX(-1);
}

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

.sapSuiteUiCommonsNetworkGroupHeaderMenuIcon:focus {
	outline: 1px dashed var(--sapContent_FocusColor);
}

.sapSuiteUiCommonsNetworkGroupHeaderMenuIcon:hover {
	background-color: var(--sapButton_Hover_Background);
	color: var(--sapTextColor) !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: var(--sapElement_BorderWidth) var(--sapContent_FocusStyle) var(--sapList_BorderColor);
}

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

.sapSuiteUiCommonsNetworkGroupVerticalSwimLane.sapSuiteUiCommonsNetworkGroupTopBottom .sapSuiteUiCommonsNetworkGroupHeader {
	border: var(--sapField_BorderStyle);
	border-right: var(--sapElement_BorderWidth) var(--sapContent_FocusStyle) var(--sapList_BorderColor);
}

.sapSuiteUiCommonsNetworkGroup.sapSuiteUiCommonsNetworkGroupSwimLane.sapSuiteUiCommonsNetworkGroupTopBottom {
	border-left-style: solid;
	border-right: var(--sapElement_BorderWidth) var(--sapContent_FocusStyle) var(--sapNeutralBorderColor);
}

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

.sapSuiteUiCommonsNetworkGroup.sapSuiteUiCommonsNetworkGroupSwimLane.sapSuiteUiCommonsNetworkGroupTopBottom.sapSuiteUiCommonsNetworkGroupCollapsed .sapSuiteUiCommonsNetworkGroupHeader {
	border: var(--sapField_BorderStyle);
}

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

.sapSuiteUiCommonsNetworkGroup.sapSuiteUiCommonsNetworkGroupSwimLane.sapSuiteUiCommonsNetworkGroupTopBottom:last-of-type {
	border-bottom: var(--sapElement_BorderWidth) var(--sapContent_FocusStyle) var(--sapNeutralBorderColor);
}

.sapSuiteUiCommonsNetworkGroupVerticalSwimLane.sapSuiteUiCommonsNetworkGroupBottomTop .sapSuiteUiCommonsNetworkGroupHeader {
	border: var(--sapField_BorderStyle);
	border-right: var(--sapElement_BorderWidth) var(--sapContent_FocusStyle) var(--sapList_BorderColor);
	height: 99%;
}

.sapSuiteUiCommonsNetworkGroup.sapSuiteUiCommonsNetworkGroupSwimLane.sapSuiteUiCommonsNetworkGroupBottomTop {
	border-left-style: solid;
	border-right: var(--sapElement_BorderWidth) var(--sapContent_FocusStyle) var(--sapNeutralBorderColor);
}

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

.sapSuiteUiCommonsNetworkGroup.sapSuiteUiCommonsNetworkGroupSwimLane.sapSuiteUiCommonsNetworkGroupBottomTop.sapSuiteUiCommonsNetworkGroupCollapsed .sapSuiteUiCommonsNetworkGroupHeader {
	border: var(--sapField_BorderStyle);
}

.sapSuiteUiCommonsNetworkGroup.sapSuiteUiCommonsNetworkGroupSwimLane.sapSuiteUiCommonsNetworkGroupBottomTop:first-of-type {
	border-bottom: var(--sapElement_BorderWidth) var(--sapContent_FocusStyle) var(--sapNeutralBorderColor);

	.sapSuiteUiCommonsNetworkGroupHeader {
		height: 100%;
	}
}

.sapSuiteUiCommonsNetworkGroup.sapSuiteUiCommonsNetworkGroupSwimLane.sapSuiteUiCommonsNetworkGroupBottomTop:last-of-type {
	border-top: var(--sapElement_BorderWidth) var(--sapContent_FocusStyle) var(--sapNeutralBorderColor);
}

/* status */
.sapSuiteUiCommonsNetworkElementSuccess .sapSuiteUiCommonsNetworkGroupHeaderStatus {
	background-color: var(--sapPositiveElementColor);
}

.sapSuiteUiCommonsNetworkElementError .sapSuiteUiCommonsNetworkGroupHeaderStatus {
	background-color: var(--sapNegativeElementColor);
}

.sapSuiteUiCommonsNetworkElementWarning .sapSuiteUiCommonsNetworkGroupHeaderStatus {
	background-color: var(--sapChart_Critical);
}

.sapSuiteUiCommonsNetworkElementInformation .sapSuiteUiCommonsNetworkGroupHeaderStatus {
	background-color: var(--sapHighlightColor);
}

.sapSuiteUiCommonsNetworkGroupClassic.sapSuiteUiCommonsNetworkElementError .sapSuiteUiCommonsNetworkGroupHeader *,
.sapSuiteUiCommonsNetworkGroupClassic.sapSuiteUiCommonsNetworkElementWarning .sapSuiteUiCommonsNetworkGroupHeader *,
.sapSuiteUiCommonsNetworkGroupClassic.sapSuiteUiCommonsNetworkElementSuccess .sapSuiteUiCommonsNetworkGroupHeader *,
.sapSuiteUiCommonsNetworkGroupClassic.sapSuiteUiCommonsNetworkElementInformation .sapSuiteUiCommonsNetworkGroupHeader * {
	color: var(--sapTextColor);
}

.sapSuiteUiCommonsNetworkGroupClassic.sapSuiteUiCommonsNetworkElementSuccess .sapSuiteUiCommonsNetworkGroupHeader {
	background-color: var(--sapSuccessBackground);
	border-color: var(--sapSuccessBorderColor);
}

.sapSuiteUiCommonsNetworkGroupClassic.sapSuiteUiCommonsNetworkElementSuccess {
	border-color: var(--sapSuccessBorderColor);
}

.sapSuiteUiCommonsNetworkGroupClassic.sapSuiteUiCommonsNetworkElementError .sapSuiteUiCommonsNetworkGroupHeader {
	background-color: var(--sapErrorBackground);
	border-color: var(--sapErrorBorderColor);
}

.sapSuiteUiCommonsNetworkGroupClassic.sapSuiteUiCommonsNetworkElementError {
	border-color: var(--sapErrorBorderColor);
}

.sapSuiteUiCommonsNetworkGroupClassic.sapSuiteUiCommonsNetworkElementWarning .sapSuiteUiCommonsNetworkGroupHeader {
	background-color: var(--sapWarningBackground);
	border-color: var(--sapWarningBorderColor);
}

.sapSuiteUiCommonsNetworkGroupClassic.sapSuiteUiCommonsNetworkElementWarning {
	border-color: var(--sapWarningBorderColor);
}

.sapSuiteUiCommonsNetworkGroupClassic.sapSuiteUiCommonsNetworkElementInformation .sapSuiteUiCommonsNetworkGroupHeader {
	background-color: var(--sapInformationBackground);
	border-color: var(--sapInformationBorderColor);
}

.sapSuiteUiCommonsNetworkGroupClassic.sapSuiteUiCommonsNetworkElementInformation {
	border-color: var(--sapInformationBorderColor);
}

/* top group */
.sapSuiteUiCommonsNetworkTopGroup {
	position: absolute;
	display: flex;
	align-items: center;
	border-bottom: var(--sapElement_BorderWidth) var(--sapContent_FocusStyle) var(--sapList_BorderColor);
}

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: var(--sapElement_BorderWidth) var(--sapField_Selector_ReadOnly_BorderStyle) var(--sapList_BorderColor);
	top: 32px;
	height: 100%;
	left: 50%;
	position: absolute;
}

.sapSuiteUiCommonsNetworkGroupHeaderMenuIcon.sapSuiteUiCommonsNetworkElementFocus {
	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
}