/* NOTE: This file was generated as an optimized version of "library.source.less" for the Theme Designer. */

/*!
 * OpenUI5
 * (c) Copyright 2009-2019 SAP SE or an SAP affiliate company.
 * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 */

@import "../base/library.less";
@import "../../../../../../Base/baseLib/sap_fiori_3_dark/base.less"; /* ORIGINAL IMPORT PATH: "../../../../../sap/ui/core/themes/sap_fiori_3_dark/base.less" */

@import "../../../../../sap/ui/core/themes/sap_fiori_3_dark/global.less";

/* START "FormLayout.less" */
/* ========================================= */
/* CSS for control sap.ui.layout/FormLayout  */
/* Quartz Dark theme                         */
/* ========================================= */

@_sap_ui_layout_FormLayout_FormSubTitleSize: ~"H6";

.sapUiFormLayout {
	font-family: @sapUiDesktopFontFamily;
}

.sapUiFormLayout.sapUiFormBackgrTranslucent > section {
	background-color: fade(@sapUiGroupContentBackground, @sapUiTranslucentBGOpacity);
}

.sapUiFormLayout.sapUiFormBackgrSolid > section {
	background-color: @sapUiGroupContentBackground;
}

.sapUiForm .sapUiFormTitle {
	border-width: 1px;
	border-color: @sapUiGroupTitleBorderColor;
	font-family: @sapUiFontHeaderFamily;
	height: 2.75rem;
	line-height: 2.75rem;
}

.sapUiFormM .sapUiFormContainerTitle > .sapUiFormTitle {
	height: 2.75rem;
	line-height: 2.75rem;
	font-weight: bold;
}

.sapUiSizeCompact .sapUiFormContainerTitle > .sapUiFormTitle {
	height: 2rem;
	line-height: 2rem;
}

.sapUiFormTitle > .sapUiBtn {
	bottom: 0.25rem;
}

/* Toolbar */
.sapUiFormContainerToolbar > div:first-child > .sapMTitle{
	font-weight: bold;
}

.sapUiFormContainerToolbar > div:first-child >.sapMTitle.sapMTitleStyleAuto{
	font-size: @sapMFontHeader6Size;
}

.sapUiFormContainerToolbar > .sapMTB-Transparent-CTX.sapMTB{
	padding: 0 0.25rem;
}

/* END "FormLayout.less" */

/* START "ColumnLayout.less" */
/* ================================================ */
/* CSS for control sap.ui.layout/form/ColumnLayout  */
/* Quartz Dark theme                         */
/* ================================================ */

/* Toolbar */
.sapUiFormCL.sapUiFormToolbar > div:first-child {
	height: 2.75rem; /* to have always 3rem on Form header */
	line-height: 2.75rem;
	padding: 0 1rem;
}
/* END "ColumnLayout.less" */

/* START "GridLayout.less" */
/* ========================================= */
/* CSS for control sap.ui.layout/GridLayout  */
/* Quartz Dark theme                         */
/* ========================================= */

.sapUiGrid {
	font-family: @sapUiDesktopFontFamily;
}

.sapUiGrid.sapUiFormBackgrTranslucent > tbody > tr {
	background-color: fade(@sapUiGroupContentBackground, @sapUiTranslucentBGOpacity);
}

.sapUiGrid.sapUiFormBackgrSolid > tbody > tr {
	background-color: @sapUiGroupContentBackground;
}

.sapUiGrid > tbody > tr.sapUiGridTitle {
	background-color: transparent;
}

/* Title */
.sapUiGridHeader > .sapUiFormTitle > .sapUiBtnS.sapUiBtnLite {
	bottom: 0.3125rem;
}

/* Toolbar */
.sapUiGrid.sapUiFormToolbar th > div {
	height: 2.75rem;
	line-height: 2.75rem;
}

.sapUiGridHeader.sapUiFormContainerToolbar > .sapMTB {
	padding: 0;
}
/* END "GridLayout.less" */

/* START "ResponsiveGridLayout.less" */
/* =================================================== */
/* CSS for control sap.ui.layout/ResponsiveGridLayout  */
/* Quartz Dark theme                                   */
/* =================================================== */

/* Toolbar */
.sapUiFormResGrid.sapUiFormToolbar > div:first-child {
	background-color: transparent;
	height: 2.75rem;
	line-height: 2.75rem;
	padding: 0 1rem;
}

/* Grid */
.sapUiFormResGrid.sapUiFormBackgrTranslucent > div {
	background-color: fade(@sapUiGroupContentBackground, @sapUiTranslucentBGOpacity);
}

.sapUiFormResGrid.sapUiFormBackgrSolid > div {
	background-color: @sapUiGroupContentBackground;
}
/* END "ResponsiveGridLayout.less" */

/* START "ResponsiveLayout.less" */
/* =============================================== */
/* CSS for control sap.ui.layout/ResponsiveLayout  */
/* Quartz Dark theme                               */
/* =============================================== */

.sapUiFormResLayout.sapUiFormBackgrTranslucent > div {
	background-color: fade(@sapUiGroupContentBackground, @sapUiTranslucentBGOpacity);
}

.sapUiFormResLayout.sapUiFormBackgrSolid > div {
	background-color: @sapUiGroupContentBackground;
}

.sapUiRLContainer > .sapUiFormTitle > .sapUiBtn {
	bottom: 0.3125rem;
}

/* Toolbar */
.sapUiFormResLayout.sapUiFormToolbar > div:first-child {
	background-color: transparent;
	height: 2.75rem;
	line-height: 2.75rem;
}

.sapUiRLContainer.sapUiFormContainerToolbar > .sapMTB {
	padding: 0;
}
/* END "ResponsiveLayout.less" */

/* START "ResponsiveSplitter.less" */
/* ================================================= */
/* CSS for control sap.ui.layout/ResponsiveSplitter  */
/* Quartz Dark theme                                 */
/* ================================================= */

// ==========================================================================
// Variables overriding
// ==========================================================================

@_sap_ui_layout_ResponsiveSplitter_PaginatorHeight: 2.75rem;
@_sap_ui_layout_ResponsiveSplitter_PaginatorButtonWidth: 2.25rem;
@_sap_ui_layout_ResponsiveSplitter_PaginatorButtonHeight: 2.25rem;
@_sap_ui_layout_ResponsiveSplitter_PaginatorButtonFocusWidth: 1.875rem;
@_sap_ui_layout_ResponsiveSplitter_PaginatorButtonFocusHeight: 2rem;

// ==========================================================================
// Variables
// ==========================================================================

@_sap_ui_layout_ResponsiveSplitter_PaginatorButtonColor: lighten(@sapUiContentForegroundColor, 36);
@_sap_ui_layout_ResponsiveSplitter_CircleColor: lighten(@sapUiBaseBG, 5);
@_sap_ui_layout_ResponsiveSplitter_CircleBorderColor: lighten(@sapUiBaseBG, 40);

.sapUiResponsiveSplitterPaginatorButton {
	background-color: transparent;
	position: relative;
	top: 0.1875rem;

	&:after {
		background-color: @_sap_ui_layout_ResponsiveSplitter_PaginatorButtonColor;
	}

	&:hover {
		background-color: @sapUiButtonLiteHoverBackground;

		&:after {
			background-color: @_sap_ui_layout_ResponsiveSplitter_PaginatorButtonColor;
		}
	}

	&:active {
		background-color: @sapUiButtonLiteActiveBackground;

		&:after {
			background-color: @sapUiContentContrastIconColor;
		}
	}

	&:focus {
		&:before {
			border: 1px dotted @sapUiContentFocusColor;
		}
	}
}

.sapUiResponsiveSplitterPaginatorSelectedButton {
	&:after {
		background-color: @sapUiSelected;
	}

	&:hover {
		background-color: @sapUiButtonLiteHoverBackground;

		&:after {
			background-color: @sapUiSelected;
		}
	}
}



html.sap-phone .sapUiResponsiveSplitter > .sapUiResponsiveSplitterPage > .sapUiLoSplitter .sapUiLoSplitterBar,
html.sap-tablet .sapUiResponsiveSplitter > .sapUiResponsiveSplitterPage > .sapUiLoSplitter .sapUiLoSplitterBar,
html.sap-phone .sapUiResponsiveSplitter > .sapUiResponsiveSplitterPage > .sapUiLoSplitter .sapUiLoSplitterOverlayBar,
html.sap-tablet .sapUiResponsiveSplitter > .sapUiResponsiveSplitterPage > .sapUiLoSplitter .sapUiLoSplitterOverlayBar {
	& .sapUiLoSplitterBarIcon:after {
		background-color: @_sap_ui_layout_ResponsiveSplitter_CircleColor;
		border-color: @_sap_ui_layout_ResponsiveSplitter_CircleBorderColor;
	}
}

html.sap-phone .sapUiResponsiveSplitter > .sapUiResponsiveSplitterPage > .sapUiLoSplitter .sapUiLoSplitterOverlayBar,
html.sap-tablet .sapUiResponsiveSplitter > .sapUiResponsiveSplitterPage > .sapUiLoSplitter .sapUiLoSplitterOverlayBar {
	& .sapUiLoSplitterBarIcon:after {
		border-color: @sapUiHighlight;
	}
}
/* END "ResponsiveSplitter.less" */

/* START "SimpleForm.less" */
/* ========================================= */
/* CSS for control sap.ui.layout/SimpleForm  */
/* Quartz Dark theme                         */
/* ========================================= */

.sapUiFormEdit-CTX .sapMRb {
	z-index: 0;
}

.sapUiFormEdit-CTX .sapMRbHasLabel.sapMRb:focus:before {
	right: -0.0312rem;
}
/* END "SimpleForm.less" */

/* START "Splitter.less" */
/* ======================================= */
/* CSS for control sap.ui.layout/Splitter  */
/* Quartz Dark theme                       */
/* ======================================= */

@_sap_ui_layout_Splitter_BarColor: lighten(@sapUiBaseBG, 40);
@_sap_ui_layout_Splitter_BarHoverColor: lighten(@sapUiBaseBG, 50);

html.sap-desktop .sapUiLoSplitterH.sapUiLoSplitter > .sapUiLoSplitterBar,
html.sap-desktop .sapUiLoSplitterH > .sapUiLoSplitterOverlay > .sapUiLoSplitterOverlayBar {
	height: 100%;
	width: 0.25rem;
}

html.sap-desktop .sapUiLoSplitterV.sapUiLoSplitter > .sapUiLoSplitterBar,
html.sap-desktop .sapUiLoSplitterV > .sapUiLoSplitterOverlay > .sapUiLoSplitterOverlayBar {
	width: 100%;
	height: 0.25rem;
}

.sapUiLoSplitter > .sapUiLoSplitterBar {
	background-color: @_sap_ui_layout_Splitter_BarColor;
	&:hover {
		background-color: @_sap_ui_layout_Splitter_BarHoverColor;
	}
}

.sapUiLoSplitterOverlay > .sapUiLoSplitterOverlayBar {
	background-color: @sapUiHighlight;
}

.sapUiLoSplitterBarIcon {
	display: none;
}

/*********************************** IE Focus outline workaround **********************************/// TODO remove after 1.62 version

html[data-sap-ui-browser^=ie] .sapUiLoSplitterH > .sapUiLoSplitterBar:focus::after {
	top: 0;
}
/* END "Splitter.less" */

/* START "BlockLayout.less" */
/* ========================================== */
/* CSS for control sap.ui.layout/BlockLayout  */
/* Quartz Dark theme                          */
/* ========================================== */

@_sap_ui_layout_BlockLayout_FontSizeLandXL: @sapMFontHeader2Size;

/* ============ Custom Cell Background Color ============== */
@_sap_ui_layout_BlockLayout_BlockColorAccentType1A: darken(@sapAccentColor1, 53);
@_sap_ui_layout_BlockLayout_BlockColorAccentType1B: darken(@sapAccentColor1, 51);
@_sap_ui_layout_BlockLayout_BlockColorAccentType1C: darken(@sapAccentColor1, 49);
@_sap_ui_layout_BlockLayout_BlockColorAccentType1D: darken(@sapAccentColor1, 47);
@_sap_ui_layout_BlockLayout_BlockColorAccentType1E: @sapAccentColor1;
@_sap_ui_layout_BlockLayout_BlockColorAccentType1F: darken(@sapAccentColor1, 3);

@_sap_ui_layout_BlockLayout_BlockColorAccentType2A: darken(@sapAccentColor2, 44);
@_sap_ui_layout_BlockLayout_BlockColorAccentType2B: darken(@sapAccentColor2, 42);
@_sap_ui_layout_BlockLayout_BlockColorAccentType2C: darken(@sapAccentColor2, 40);
@_sap_ui_layout_BlockLayout_BlockColorAccentType2D: darken(@sapAccentColor2, 38);
@_sap_ui_layout_BlockLayout_BlockColorAccentType2E: @sapAccentColor2;
@_sap_ui_layout_BlockLayout_BlockColorAccentType2F: darken(@sapAccentColor2, 4);

@_sap_ui_layout_BlockLayout_BlockColorAccentType3A: darken(@sapAccentColor3, 49);
@_sap_ui_layout_BlockLayout_BlockColorAccentType3B: darken(@sapAccentColor3, 47);
@_sap_ui_layout_BlockLayout_BlockColorAccentType3C: darken(@sapAccentColor3, 45);
@_sap_ui_layout_BlockLayout_BlockColorAccentType3D: darken(@sapAccentColor3, 43);
@_sap_ui_layout_BlockLayout_BlockColorAccentType3E: @sapAccentColor3;
@_sap_ui_layout_BlockLayout_BlockColorAccentType3F: darken(@sapAccentColor3, 6);

@_sap_ui_layout_BlockLayout_BlockColorAccentType4A: darken(@sapAccentColor4, 50);
@_sap_ui_layout_BlockLayout_BlockColorAccentType4B: darken(@sapAccentColor4, 48);
@_sap_ui_layout_BlockLayout_BlockColorAccentType4C: darken(@sapAccentColor4, 46);
@_sap_ui_layout_BlockLayout_BlockColorAccentType4D: darken(@sapAccentColor4, 44);
@_sap_ui_layout_BlockLayout_BlockColorAccentType4E: @sapAccentColor4;
@_sap_ui_layout_BlockLayout_BlockColorAccentType4F: darken(@sapAccentColor4, 6);

@_sap_ui_layout_BlockLayout_BlockColorAccentType5A: darken(@sapAccentColor5, 35);
@_sap_ui_layout_BlockLayout_BlockColorAccentType5B: darken(@sapAccentColor5, 33);
@_sap_ui_layout_BlockLayout_BlockColorAccentType5C: darken(@sapAccentColor5, 31);
@_sap_ui_layout_BlockLayout_BlockColorAccentType5D: darken(@sapAccentColor5, 29);
@_sap_ui_layout_BlockLayout_BlockColorAccentType5E: @sapAccentColor5;
@_sap_ui_layout_BlockLayout_BlockColorAccentType5F: darken(@sapAccentColor5, 6);

@_sap_ui_layout_BlockLayout_BlockColorAccentType6A: darken(@sapAccentColor6, 55);
@_sap_ui_layout_BlockLayout_BlockColorAccentType6B: darken(@sapAccentColor6, 53);
@_sap_ui_layout_BlockLayout_BlockColorAccentType6C: darken(@sapAccentColor6, 51);
@_sap_ui_layout_BlockLayout_BlockColorAccentType6D: darken(@sapAccentColor6, 49);
@_sap_ui_layout_BlockLayout_BlockColorAccentType6E: @sapAccentColor6;
@_sap_ui_layout_BlockLayout_BlockColorAccentType6F: darken(@sapAccentColor6, 10);

@_sap_ui_layout_BlockLayout_BlockColorAccentType7A: darken(@sapAccentColor7, 67);
@_sap_ui_layout_BlockLayout_BlockColorAccentType7B: darken(@sapAccentColor7, 65);
@_sap_ui_layout_BlockLayout_BlockColorAccentType7C: darken(@sapAccentColor7, 63);
@_sap_ui_layout_BlockLayout_BlockColorAccentType7D: darken(@sapAccentColor7, 61);
@_sap_ui_layout_BlockLayout_BlockColorAccentType7E: @sapAccentColor7;
@_sap_ui_layout_BlockLayout_BlockColorAccentType7F: darken(@sapAccentColor7, 3);

@_sap_ui_layout_BlockLayout_BlockColorAccentType8A: darken(@sapAccentColor8, 64);
@_sap_ui_layout_BlockLayout_BlockColorAccentType8B: darken(@sapAccentColor8, 62);
@_sap_ui_layout_BlockLayout_BlockColorAccentType8C: darken(@sapAccentColor8, 60);
@_sap_ui_layout_BlockLayout_BlockColorAccentType8D: darken(@sapAccentColor8, 58);
@_sap_ui_layout_BlockLayout_BlockColorAccentType8E: darken(@sapAccentColor8, 7);
@_sap_ui_layout_BlockLayout_BlockColorAccentType8F: darken(@sapAccentColor8, 10);

@_sap_ui_layout_BlockLayout_BlockColorAccentType9A: @sapUiGroupContentBackground;
@_sap_ui_layout_BlockLayout_BlockColorAccentType9B: darken(@sapUiGroupContentBackground,2);
@_sap_ui_layout_BlockLayout_BlockColorAccentType9C: darken(@sapUiGroupContentBackground,4);
@_sap_ui_layout_BlockLayout_BlockColorAccentType9D: darken(@sapUiGroupContentBackground,6);
@_sap_ui_layout_BlockLayout_BlockColorAccentType9E: darken(@sapUiGroupContentBackground, 54);
@_sap_ui_layout_BlockLayout_BlockColorAccentType9F: darken(@sapUiGroupContentBackground, 58);

@_sap_ui_layout_BlockLayout_BlockColorAccentType10A: darken(@sapUiGroupContentBackground,8);
@_sap_ui_layout_BlockLayout_BlockColorAccentType10B: darken(@sapUiGroupContentBackground,10);
@_sap_ui_layout_BlockLayout_BlockColorAccentType10C: darken(@sapUiGroupContentBackground,12);
@_sap_ui_layout_BlockLayout_BlockColorAccentType10D: darken(@sapUiGroupContentBackground,14);
@_sap_ui_layout_BlockLayout_BlockColorAccentType10E: darken(@sapUiGroupContentBackground, 60);
@_sap_ui_layout_BlockLayout_BlockColorAccentType10F: darken(@sapUiGroupContentBackground, 64);

@_sap_ui_layout_BlockLayout_BlockColorAccentType11A: darken(@sapUiHighlight, 65);
@_sap_ui_layout_BlockLayout_BlockColorAccentType11B: darken(@sapUiHighlight, 63);
@_sap_ui_layout_BlockLayout_BlockColorAccentType11C: darken(@sapUiHighlight, 61);
@_sap_ui_layout_BlockLayout_BlockColorAccentType11D: darken(@sapUiHighlight, 59);
@_sap_ui_layout_BlockLayout_BlockColorAccentType11E: darken(@sapUiHighlight, 7);
@_sap_ui_layout_BlockLayout_BlockColorAccentType11F: darken(@sapUiHighlight, 2);


// Create classes which would just set background color of the BlockLayout cells
.generateCellColorSets (@backgroundColorSet, @backgroundColorShade) {
	@css-param: "@{backgroundColorSet}@{backgroundColorShade}"; // Concat the params
	@css-selector: ~"sapUiBlockLayoutCellColor@{css-param}"; // Create the css selector string
	@color-param: "_sap_ui_layout_BlockLayout_BlockColorAccentType@{css-param}"; // Build the color param name

	// Build the real CSS selector.
	// The output would be something like this: .sapUiBlockLayoutCellColor1A { background-color: "#996b00"; }
	.@{css-selector} {
		background-color: @@color-param;

		.sapUiBlockCellContent {
			color: contrast(@@color-param, @sapUiBaseText, @sapUiContentContrastTextColor, @sapUiContentContrastTextThreshold);

			.sapMText,
			.sapMLabel,
			.sapUiBlockCellTitle{
				color: inherit;
			}
		}
	}
	.sapContrast.@{css-selector},
	.sapContrast .@{css-selector},
	.sapContrastPlus.@{css-selector},
	.sapContrastPlus .@{css-selector} {
		background-color: inherit; // Read from the

		.sapUiBlockCellContent {
			color: inherit;
		}
	}
}

// Define a loop and go trough 11 color sets and for each set apply 4 or 6 shades (depending on the theme)
.loop-cell-colors(@i: 1) when (@i =< 11) {
	.generateCellColorSets(@i, "A");
	.generateCellColorSets(@i, "B");
	.generateCellColorSets(@i, "C");
	.generateCellColorSets(@i, "D");
	.generateCellColorSets(@i, "E"); // only for Fiori 3 theme
	.generateCellColorSets(@i, "F"); // only for Fiori 3 theme

	.loop-cell-colors(@i + 1); // Execute next loop iteration
}

//Execute Loop through color sets
.loop-cell-colors(1);

/**
 * Mixin to set contrast containers for Light background
 */
.setLightContrastContainers (@evenCell, @oddCell) {
	// Match every even cell
	.sapUiBlockLayoutCell.sapContrast:nth-child(2n),
	.sapUiBlockLayoutCell.sapContrastPlus:nth-child(2n) {
		.sapUiBlockCellContent {
			background-color: @oddCell;
		}
	}

	.sapUiBlockLayoutCell.sapContrast:nth-child(2n+1),
	.sapUiBlockLayoutCell.sapContrastPlus:nth-child(2n+1) {
		.sapUiBlockCellContent {
			background-color: @evenCell;
		}
	}
}

//Link as title
.sapUiBlockCellTitle .sapMLnk {color: darken(@sapUiLink, 4);}
.sapUiBlockCellTitle .sapMLnk:visited {color: darken(@sapUiLinkVisited, 4);}
.sapUiBlockCellTitle .sapMLnk:hover:not(.sapMLnkDsbl) {color: darken(@sapUiLinkHover, 4);}
// disabled and emphasized links: we do not support this at all here.

/* ============ Background type: Light ============== */
.sapUiBlockLayoutBackgroundLight {
	.sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet1,
	.sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet3 {
		.setCellsColorDoubles(darken(@sapUiHighlight, 61), darken(@sapUiHighlight, 65));
		.setLightContrastContainers(darken(@sapUiHighlight, 61), darken(@sapUiHighlight, 65));
	}

	.sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet1Inverted,
	.sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet3Inverted {
		.setCellsColorDoubles(darken(@sapUiHighlight, 65), darken(@sapUiHighlight, 61));
		.setLightContrastContainers(darken(@sapUiHighlight, 65), darken(@sapUiHighlight, 61));
	}

	.sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet2,
	.sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet4 {
		.setCellsColorDoubles(darken(@sapUiHighlight, 63), darken(@sapUiHighlight, 59));
		.setLightContrastContainers(darken(@sapUiHighlight, 63), darken(@sapUiHighlight, 59));
	}

	.sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet2Inverted,
	.sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet4Inverted {
		.setCellsColorDoubles(darken(@sapUiHighlight, 59), darken(@sapUiHighlight, 63));
		.setLightContrastContainers(darken(@sapUiHighlight, 59), darken(@sapUiHighlight, 63));
	}
}

/* ============ Background type: Mixed  - Deprecated as of version 1.50 ============== */
.sapUiBlockLayoutBackgroundMixed {
	.sapUiBlockLayoutBackgroundLight; // Use the same rules as in sapUiBlockLayoutBackgroundLight

	&.sapUiBlockLayoutSizeL, &.sapUiBlockLayoutSizeXL {
		.sapUiBlockLayoutRow {
			.sapContrast, .sapContrastPlus {
				&.sapUiBlockLayoutCell {
					background-color: darken(@sapUiBaseColor, 12);
				}

				&.sapUiBlockLayoutCell.sapUiBlockLayoutBackgroundContrast2 {
					background-color: darken(@sapUiBaseColor, 4);
				}
			}
		}
	}
}

/* ============ Background type: Accent ============== */
.sapUiBlockLayoutBackgroundAccent {
	.sapUiBlockCellContent,
	.sapUiBlockCellTitle,
	.sapUiBlockCellContent .sapMText {
		color: @sapUiContentContrastTextColor;
	}

	.sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet1 {
		.setCellsColorDoubles(darken(@sapUiAccent7, 8), darken(@sapUiAccent7, 11)); // Colors A & B
	}

	.sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet1Inverted {
		.setCellsColorDoubles(darken(@sapUiAccent7, 11), darken(@sapUiAccent7, 8)); // Colors B & A
	}

	.sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet2 {
		.setCellsColorDoubles(darken(@sapUiAccent6, 13), darken(@sapUiAccent6, 26)); // Colors C & D
	}

	.sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet2Inverted {
		.setCellsColorDoubles(darken(@sapUiAccent6, 26), darken(@sapUiAccent6, 13)); // Colors D & C
	}

	.sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet3 {
		.setCellsColorDoubles(@sapUiAccent5, darken(@sapUiAccent5, 6)); // Colors E & F
	}

	.sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet3Inverted {
		.setCellsColorDoubles(darken(@sapUiAccent5, 6), @sapUiAccent5); // Colors F & E
	}

	.sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet4 {
		.setCellsColorDoubles(darken(@sapUiGroupContentBackground, 2), darken(@sapUiGroupContentBackground, 0)); // Colors G & H
	}

	.sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet4Inverted {
		.setCellsColorDoubles(darken(@sapUiGroupContentBackground, 0), darken(@sapUiGroupContentBackground, 2)); // Colors H & G
	}

	.sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet1,
	.sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet2,
	.sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet3,
	.sapUiBlockLayoutRow.sapUiBlockLayoutBackgroundColorSet4 {
		.sapUiBlockLayoutCell.sapUiBlockLayoutBackgroundColorSetGray1 {
			background-color: darken(@sapUiGroupContentBackground, 0); //color: H
		}

		.sapUiBlockLayoutCell.sapUiBlockLayoutBackgroundColorSetGray2 {
			background-color: darken(@sapUiGroupContentBackground, 2); //color: G
		}
	}

	.sapUiBlockLayoutBackgroundColorSet4,
	.sapUiBlockLayoutBackgroundColorSet4Inverted,
	.sapUiBlockLayoutBackgroundColorSetGray1,
	.sapUiBlockLayoutBackgroundColorSetGray2 {
		.sapUiBlockCellContent,
		.sapUiBlockCellTitle,
		.sapUiBlockCellContent .sapMText {
			color: @sapUiGroupTitleTextColor;
		}
	}
}

/* END "BlockLayout.less" */