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

.sapUiFormLayout {
	font-family: @sapUiDesktopFontFamily;
}

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

.sapUiFormLayout.sapUiFormBackgrSolid > section {
	background-color: var(--sapGroup_ContentBackground);
}

.sapUiForm .sapUiFormTitle {
	height: 2.75rem;
	line-height: 2.75rem;
}

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

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

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

/* Title levels should be all rendered in same style. Levels can be changed by application to meet page structure without visual effect */
/* Form Titles are rendered using H4 level (no need to overwrite H4 class, as already set in Base-Theme)*/
.sapUiFormTitleH1,
.sapUiFormTitleH2,
.sapUiFormTitleH3,
.sapUiFormTitleH5,
.sapUiFormTitleH6 {
	font-size: var(--sapFontHeader4Size);
}

/* FormContainer Titles are rendered using H4 size */
.sapUiFormContainerTitle .sapUiFormTitleH1,
.sapUiFormContainerTitle .sapUiFormTitleH2,
.sapUiFormContainerTitle .sapUiFormTitleH3,
.sapUiFormContainerTitle .sapUiFormTitleH4,
.sapUiFormContainerTitle .sapUiFormTitleH5,
.sapUiFormContainerTitle .sapUiFormTitleH6 {
	font-size: var(--sapFontHeader6Size);
	font-weight: bold;
}

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

.sapUiFormContainerToolbar > div:first-child >.sapMTitle.sapMTitleStyleAuto {
	font-size: var(--sapFontHeader6Size);
}

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