/* ============================================= */
/* CSS for control sap.m/DynamicDateRange        */
/* Base theme                                    */
/* ============================================= */

.sapMDynamicDateRangePopover {

	section {

		& > * {
			box-sizing: border-box;
			padding: 0 1rem;
		}
		& > .sapMSlt {
			left: 1rem;
		}
		& > .sapMLabel {
			display: block;
			margin: 0.75rem 0 0.25rem 0;

			&.sapMDDRAdditionalLabel {
				display: inline-block;
				padding-left: 1.25rem;
				padding-bottom: 0.25rem
			}
		}

		& > .sapMLabel:first-child {
			margin-top: 1rem;
		}
	}

	.sapUiCal:not(.sapUiCalInt) {
		padding: 0;
		min-width: auto;
	}

	.sapUiCalMonthPicker {
		min-width: 18.5rem;
		width: 100%;
		margin: 0;
		padding: 1rem 0.25rem
	}

	&.sapMPage {
		background-color: var(--sapGroup_ContentBackground);
	}

	.sapMTB-Info-CTX.sapMIBar-CTX .sapMLabel {
		color: var(--sapPageFooter_TextColor);
		white-space: break-spaces;
	}
}

.sapUiSizeCompact .sapMDynamicDateRangePopover {

	.sapUiCalMonthPicker,
	.sapUiCalYearPicker {
		width: 100%;
		min-width: 16.5rem;
	}

	.sapMPageFooter .sapMIBar {
		height: 2rem;
	}

	section > .sapMLabel.sapMDDRAdditionalLabel {
		padding-left: 0;
	}
}

.sapUiIcon.sapMDDRDateOption {
	font-size: 1rem;
	color: var(--sapContent_IconColor);
}

.sapMDDRHiddenInput > .sapMInputBase {
	display: none;
}

/* Auto-size the options list page popover to fit its content */
.sapMDDRPopover.sapMDDRAutoSize .sapMPopoverScroll {
	height: auto;
}

.sapMDDRPopover.sapMDDRAutoSize .sapMNav {
	height: auto;
	max-height: 32rem;
	display: flex;
	flex-direction: column;
}

.sapMDDRPopover.sapMDDRAutoSize .sapMNav > .sapMPage {
	position: relative;
	height: auto;
	flex: 1;
	min-height: 0;
	display: flex;
	flex-direction: column;
}

.sapMDDRPopover.sapMDDRAutoSize .sapMNav > .sapMPage > section {
	position: relative;
	flex: 1;
	min-height: 0;
	overflow-y: auto;
}

.sapMDDRPopover .sapMTB-Info-CTX .sapMLabel .sapMLabelTextWrapper {
	padding-right: 0.125rem;
}

.sapUiSizeCozy .sapMDDRPopover .sapUiCal:not(.sapUiCalDateInt) {
	min-width: auto;
}

.sapMDDRPopover .sapMPageFooter .sapMIBar.sapMTB-Info-CTX.sapMTB {
	padding: 0.3rem 0.5rem 0.3rem 1rem;
}