/* ================================== */
/* Theme CSS for control sap.m/Panel  */
/* Belize theme                       */
/* ================================== */

.sapMPanelBGSolid {
	background-color: @sapUiGroupContentBackground;
}

.sapMPanelBGTranslucent {
	/* In order to avoid over-styling, we need to change the default behavior to transparent for belize.
	We cannot change it via the design property, because this change will be backward incompatible.*/
	background-color: transparent;
}

.sapMPanelBGTransparent {
	background-color: transparent;
}

/* if Panel is not expandable, we do wish header to come with own border */
.sapMPanel .sapMPanelHeadingDiv > .sapMPanelHdr,
/* notice: sapMPanelWrappingDiv is available if Panel is expandable */
.sapMPanelWrappingDiv,
/* do not want border if expanded and if only header text */
.sapMPanelWrappingDivTb {
	border-bottom: 1px solid @sapUiGroupTitleBorderColor;
}

.sapMPanel .sapMPanelWrappingDiv .sapMPanelHdr,
.sapMPanel .sapMPanelWrappingDivTb .sapMIBar.sapMTB {
	margin-left: 3rem;
}

.sapMPanelContent:not(.sapMPanelBGTransparent) {
	border-bottom: 1px solid @sapUiGroupTitleBorderColor;
}

.sapMPanelWrappingDiv .sapUiIcon {
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 1.375rem;
}

.sapUiSizeCompact .sapMPanelWrappingDiv .sapUiIcon {
	font-size: 1rem;
}