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

.sapSuiteUiCommonsNetworkGroup {
	//background-color: @sapUiListBackground;
	background-color: transparent;
	border: 1px solid @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;
}

.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 @sapNeutralBorderColor;
	background-color: @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: @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: @sapTextColor;
}

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

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

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

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

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

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

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

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

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