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

@_sap_ui_layout_FormLayout_FormTitleSize: ~"H4";
@_sap_ui_layout_FormLayout_FormSubTitleSize: ~"H5";

.sapUiFormLayout {
	border: 1px solid @sapUiGroupTitleBorderColor;
	font-size: @sapUiDesktopFontSize;
}

.sapUiFormLayout > .sapUiFormContainer {
	display: block;
}

.sapUiFormTitle {
	border-bottom: 1px solid @sapUiGroupTitleBorderColor;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	width: 100%;
	color: @sapUiGroupTitleTextColor;
	margin: 0;
}

.sapUiForm .sapUiFormTitle {
	font-weight: @sapUiFontHeaderWeight;
	color: @sapUiGroupTitleTextColor;
	height: 3rem;
	line-height: 3rem;
}

.sapUiFormContainerTitle > .sapUiFormTitle {
	position: relative;
	border: none;
	box-sizing: border-box;
	margin-bottom: 0.5rem;
	height: 2rem;
	line-height: 2rem;
}

.sapUiFormContainerTitle > .sapUiFormTitle.sapUiFormTitleExpandable{
	overflow: visible; /* to allow to put expander outside */
	padding-left: 2.5rem;
}

.sapUiFormContainerTitle > .sapUiFormTitle.sapUiFormTitleExpandable > button{
	position: absolute;
	left: -0.25rem;
	padding-right: 0.5rem;
}

.sapUiFormTitle.sapUiFormTitleEmph {
	border-color: @sapUiGroupTitleBorderColor;
}

/* Title levels - can not use TextView CSS from commons, because also used in mobile */
.sapUiFormTitleH1 {
	font-size: @sapMFontHeader1Size;
	line-height: 122%;
}

.sapUiFormTitleH2 {
	font-size: @sapMFontHeader2Size;
	line-height: 122%;
}

.sapUiFormTitleH3 {
	font-size: @sapMFontHeader3Size;
	line-height: 122%;
}

.sapUiFormTitleH4 {
	font-size: @sapMFontHeader4Size;
}

.sapUiFormTitleH5 {
	font-size: @sapMFontHeader5Size;
}

.sapUiFormTitleH6 {
	font-size: @sapMFontHeader6Size;
	color: @sapUiGroupTitleTextColor;
}

.sapUiFormTitle> img {
	vertical-align: middle;
}

/* Toolbar */
.sapUiFormContainerToolbar > div:first-child {
	margin-bottom: 0.5rem;
}

.sapUiFormToolbar > div:first-child >.sapMTitle.sapMTitleStyleAuto{
	font-size: @sapMFontHeader4Size;
}

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

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

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

/* SemanticFormElement */
.sapUiForm .sapUiFormDelimiter { /* add Form class to make sure to overwrite sapMText setting */
	white-space: pre-wrap; /* To render whitespaces in display mode if controls are rendered */
}