/* ================================= */
/* CSS for control sap.m/Dialog      */
/* Quartz High Contrast White theme  */
/* ================================= */

/* ========================================================================== */
/* Variables */
/* ========================================================================== */

@_sap_m_Dialog_VerticalMargin: 3%;
@_sap_m_Dialog_BarHeight: 2.75rem;
@_sap_m_Dialog_SubHeaderCompactHeight: 2.25rem;

@_sap_m_Dialog_NoStateHeaderShadow: @sapUiShadowHeader;

.sapMDialogSubHeader .sapMIBar {
	height: 100%;
	padding-bottom: 0.25rem;
	box-sizing: border-box;
}

.sapMDialog > header .sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
	font-size: 1rem;
}

.sapMDialogInformation > header .sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
	color: var(--sapInformativeElementColor);
}

.sapMDialogBeginButton, .sapMDialogEndButton {
	min-width: 4rem;
}

.sapMDialogTitleGroup {
	z-index: 3; /* to hide the shadow from the header when there is sub-header */
}

/* buttons on phone must be to the right side (in LTR mode) */
html.sap-phone .sapMDialog {

	& > footer .sapMFooter-CTX {
		justify-content: flex-end;
	}
}

/* ========================================================================== */
/* header, sub-header, footer */
/* ========================================================================== */

.sapMDialog {

	header .sapMBarLeft,
	header .sapMBarPH {
		padding-left: 1rem;
	}

	header .sapMBarRight,
	header .sapMBarPH {
		padding-right: 1rem;
	}

	header .sapMTB,
	footer .sapMTB {
		padding: 0 1rem;
	}
}

.sapMDialogTitleGroup,
.sapMDialogSubHeader {

	.sapUi-Std-PaddingS,
	.sapUi-Std-PaddingM,
	.sapUi-Std-PaddingL,
	.sapUi-Std-PaddingXL {

		&.sapMIBar {

			.sapMBarMiddle .sapMBarPH {
				padding-left: 0;
				padding-right: 0;
			}

			.sapMBarLeft {
				padding-left: inherit;

				.sapMBarChild {
					padding-right: 0.5rem;
				}
			}

			.sapMBarRight {
				padding-right: inherit;

				.sapMBarChild {
					padding-left: 0.5rem;
				}
			}
		}
	}
}