/* ============================== */
/* CSS for control sap.m/Popover  */
/* Evening Horizon theme          */
/* ============================== */

.sapMPopoverArr:after {
	background: @sapUiGroupContentBackground;
	box-shadow: @sapUiContentShadow2;
}

.sapMPopoverWithBar > .sapMPopoverArr {
	&.sapMPopoverArrUp:after,
	&.sapMPopoverHeaderAlignArr:after {
		background-color: @sapUiPageHeaderBackground;
	}
}

.sapMPopoverWithFooter > .sapMPopoverArr.sapMPopoverFooterAlignArr:after {
	background-color: @sapUiPageFooterBackground;
}

.sapMPopover .sapMIBar.sapMHeader-CTX {
	background-color: @sapUiPageHeaderBackground;
}

.sapMPopover .sapMIBar.sapMSubHeader-CTX {
	background-color: @sapUiPageHeaderBackground;
}

.sapUiSizeCompact {
	.sapMPopoverFooter, .sapMPopoverHeader {
		.sapMIBar, .sapMBar {
			height: 2.5rem;

			& > .sapMBarLeft,
			& > .sapMBarRight {
				height: 2.5rem;
				line-height: 2.5rem;

				.sapMBtn {
					vertical-align: middle;
				}
			}

			& > .sapMBarMiddle .sapMBarPH {
				height: 2.5rem;
				line-height: 2.5rem;

				.sapMBtn {
					vertical-align: middle;
				}
			}
		}
	}
}

.sapMPopoverHeader, .sapMPopoverSubHeader  {
	position: relative;
	z-index: 2;

	.sapMBar {
		.sapMBarContainer {
			padding-left: 0;
			padding-right: 0;
		}
		.sapMBarLeft {
			padding-left: 1rem;
		}
		.sapMBarMiddle .sapMBarContainer {
			padding: 0 1rem;
		}
		.sapMBarRight {
			padding-right: 1rem;
		}
	}
}

.sapMPopoverHeader, .sapMPopoverFooter, .sapMPopoverSubHeader {
	.sapUi-Std-PaddingS, .sapUi-Std-PaddingM,
	.sapUi-Std-PaddingL, .sapUi-Std-PaddingXL {
		&.sapMBar {
			.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;
				}
			}
		}
	}
}

.sapMPopoverWithoutSubHeader .sapMPopoverHeader, .sapMPopoverSubHeader {
	&:after {
		content: "";
		position: absolute;
		height: 1px;
		bottom: 0px;
		width: 100%;
		box-shadow: @sapUiShadowHeader;
		z-index: 1;
	}

	.sapMIBar-CTX {
		z-index: 2;
	}
}

.sapMPopoverWithSubHeader .sapMPopoverHeader .sapMIBar-CTX {
	box-shadow: none;
}

.sapMPopover {
	border-radius: @sapUiPopoverBorderCornerRadius;

	.sapMPopoverCont {
		padding: 0.0625rem;
	}

	&.sapMPopoverWithoutBar .sapMPopoverCont,
	.sapMIBar.sapMHeader-CTX {
		border-top-right-radius: @sapUiPopoverBorderCornerRadius;
		border-top-left-radius: @sapUiPopoverBorderCornerRadius;
	}

	&.sapMPopoverWithoutFooter .sapMPopoverCont,
	.sapMIBar.sapMFooter-CTX {
		border-bottom-right-radius: @sapUiPopoverBorderCornerRadius;
		border-bottom-left-radius: @sapUiPopoverBorderCornerRadius;
	}
}

.sapMPopoverResizeHandle {
	border: none;
	color: @sapButton_Lite_TextColor;
	width: 1rem;
	font-size: 1rem;
	line-height: 1rem;
	content: "\e24f";
	height: 1rem;
	top: 0;
	right: 0.125rem;
	padding: 0 0.125rem 0rem 0rem;
}