/* =========================================== */
/* CSS for control sap.f/FlexibleColumnLayout  */
/* Belize High Contrast Black theme            */
/* =========================================== */

// Cozy mode
.sapFFCL > {
	& > .sapFFCLColumnMid.sapFFCLColumnActive {
		border-left: 1px solid @sapUiGroupContentBorderColor;
		border-right: 1px solid @sapUiGroupContentBorderColor;
	}

	& > .sapFFCLColumnActive.sapFFCLColumnLastActive {
		border-right: none;
		border-left: 1px solid @sapUiGroupContentBorderColor;
	}

	& > .sapFFCLColumnActive.sapFFCLColumnFirstActive {
		border-right: 1px solid @sapUiGroupContentBorderColor;
		border-left: none;
	}

	& > .sapFFCLColumnActive.sapFFCLColumnOnlyActive {
		border-right: none;
		border-left: none;
	}
}

.sapFFCL {
	.sapFFCLNavigationButton {
		.sapMBtnInner {
			border: 1px solid @sapUiButtonBorderColor;

			.sapMBtnIcon {
				width: auto;
			}
		}
		&:before,
		&:after {
			background-size: 0.125rem 100%;
			background-position-x: calc(50% - 0.0625rem);
		}
		&:before {
			background-image: linear-gradient(to top, @sapUiGroupContentBorderColor, @sapUiGroupContentBorderColor);
		}

		&:after {
			background-image: linear-gradient(to bottom, @sapUiGroupContentBorderColor, @sapUiGroupContentBorderColor);
		}
	}
}