/* ====================================== */
/* CSS for control sap.ui.comp/FilterBar  */
/* Base theme                             */
/* ====================================== */

.sapUiCompFilterBarFirstFe {
	position: absolute;
	width: 1px;
	height: 1px;
	outline: none;
}

.sapUiCompFilterBar {
	background-color: var(--sapObjectHeader_Background);
	border-bottom: 1px solid var(--sapObjectHeader_BorderColor);
}

.sapUxAPObjectPageHeaderContent .sapUxAPObjectPageHeaderContentItem.sapUiCompFilterBar {
	display: block;
}

.sapFDynamicPageHeaderContent .sapUiCompFilterBar {
	border-bottom: none;
	background-color: transparent;
}

.compVHSearch .sapUiCompFilterBarPhone {
	padding-left: 0rem;
}

.sapUiCompFilterBarPhone {
	padding-top: 0rem;
	padding-bottom: 0rem;
	padding-right: 1rem;
	padding-left: 0.5rem;
}

.sapFDynamicPageHeaderContent .sapUiCompFilterBarPhone {
	padding-top: 0rem;
	padding-bottom: 0rem;
	padding-right: 0rem;
	padding-left: 0rem;
}

.sapUiCompFilterBarNonPhone {
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-right: 1rem;
	padding-left: 1rem;
}

.sapUiCompFilterBarNonPhone .sapMIBar>.sapMBarChild:last-child {
	margin-right: 0;
}

.sapFDynamicPageHeaderContent .sapUiCompFilterBarNonPhone {
	padding-top: 0rem;
	padding-bottom: 0rem;
	padding-right: 0rem;
	padding-left: 0rem;
}

.sapUiSizeCondensed .sapUiCompFilterBarNonPhone {
	padding-top: 0rem;
	padding-bottom: 0.2rem;
}

.sapUiCompFilterBarToolbar .sapMBarChild.sapMSF {
	flex-shrink: 1;
	padding-right: 0.5rem;
}

.sapUiCompFilterBar .sapMBtn.sapUiCompFilterBarPaddingRightBtn  {
	padding-right: 0.5rem;
}

.sapUiCompFilterBar .sapUiCompVarMngmt .sapUICompVarMngmtText {
	padding-left: 0;
}

.sapUiCompFilterBar .sapUiCompFilterLabel.sapMLabel .sapMLabelTextWrapper::after {
	content: ':';
}

.sapUiCompFilterBar .sapUiCompFilterLabel.sapMLabelNoText .sapMLabelTextWrapper::after {
	display: none;
}

.sapUiCompFilterBar .sapUiCompFilterLabel.sapMLabel:lang(fr) .sapMLabelTextWrapper::after  {
	content: ' :'; /* accommodates for the space and colon ` :` in French */
}

.sapUiCompFilterBarToolbar {
	border-bottom-style: none;
	padding-right: 0;
}

.sapUiCompFilterBarToolbar .sapMBarChild.sapMSF {
	min-width: 8rem;
	max-width: 28rem;
}

.sapUiCompFilterBarToolbarBasicSearchNoVariant .sapMBarChild.sapMSF {
	margin-left: 0rem;
}

.sapMIBar .sapUiCompFilterBarMarginLeft.sapMBarChild:first-child {
	margin-left: 0rem;
}

html[dir='rtl'] .sapUiCompFilterBarFloatRight {
	float: left;
}

html[dir='rtl'] .sapUiCompFilterBarFloatLeft {
	float: right;
}

.sapUiCompFilterBarHint.sapMText {
	display: block;
	padding-top: 0.5rem;
}

/* BCP: 1970222979 - search field alignment */
.sapUiCompFilterBar .sapMIBar.sapMTB.sapUiCompFilterBarToolbar .sapUiCompVarMngmt,
.sapUiCompFilterBar .sapMIBar.sapMTB.sapUiCompFilterBarToolbar :not(.sapUiCompVarMngmt, .sapMVarMngmt) + .sapMBarChild {
	margin-left: 0;
}

.sapUiCompFilterBar .sapMIBar.sapMTB.sapUiCompFilterBarToolbar .sapUiCompVarMngmt.sapMBarChild {
	margin-right: 0.5rem;
}

.sapUiCompFilterBar .sapUiCompFilterBarToolbar button.sapMBtn {
	margin-left: 0.5rem;
}

.compValueHelpDialog .sapUiCompFilterBar.sapUiCompFilterBarPhone .sapMIBar.sapMTB.sapUiCompFilterBarToolbar {
	padding-left: 0;
	padding-right: 0;
}
.compValueHelpDialog .sapUiCompFilterBarToolbar .sapMBarChild.sapMSF {
	max-width: unset;
}
.compValueHelpDialog .sapUiCompFilterBarToolbar button.sapMBtn.sapMTBShrinkItem {
	flex-shrink: 0;
}
.compValueHelpDialog .sapUiCompFilterBar.compFilterBarTablet {
	padding-top: 0.5rem;
}
.sapUiCompFilterBar .sapUiCompSmartChartHeader {
	margin-right: 0.5rem;
}

.sapUiCompFilterBarWithToolbar:not(.compVHSearch) .sapUiMdcFilterBarLayoutItem {
	max-width: 12rem;
}

.compVHSearch .sapUiMdcFilterBarLayoutItem,
.compVHSearch .sapUiMdcFilterBarLayoutBasicSearch,
.compVHSearch .sapUiMdcFilterBarLayoutButtons {
	margin-top: 1rem;
}

.sapUiCompFilterBarAdvancedItems {
	display: grid;
	gap: 2.5rem 1.5rem;
}

.sapUiCompFilterBarAdvancedGroup {
	overflow: hidden;
	padding-top: 0.25rem;
	padding-left: 0.1rem;
}

.sapUiCompFilterBarAdvancedGroup .sapUiMdcFilterBarLayoutItemEmptyDiv {
	display: none;
}

.sapUiCompFilterBarAdvancedGroupHeader {
	color: var(--sapGroup_TitleTextColor);
	font-size: var(--sapFontHeader6Size);
	margin: 0 0.25rem 0.5rem;
	height: 2.75rem;
	line-height: 2.75rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.sapUiSizeCompact .sapUiCompFilterBarAdvancedGroupHeader {
	height: 2rem;
	line-height: 2rem;
}

.sapUiCompFilterBarAdvancedItem {
	display: grid;
	align-items: center;
}

.sapUiCompFilterBarAdvancedItem .sapUiCompFilterLabel {
	white-space: pre-line;
	overflow: hidden;
	word-wrap: break-word;
	margin: 0.5rem 0.25rem 0.125rem;
}

.sapUiCompFilterBarAdvancedItem .sapMLabelNoText {
	visibility: hidden;
}

.sapUiCompFilterBarTablet .sapUiCompFilterBarAdvancedItems {
	grid-template-columns: 1fr 1fr;
}

.sapUiCompFilterBarTablet .sapUiCompFilterBarAdvancedItem,
.sapUiCompFilterBarDesktop .sapUiCompFilterBarAdvancedItem {
	grid-template-columns: 33.33333333% 66.66666667%;
}

.sapUiCompFilterBarTablet .sapUiCompFilterBarAdvancedItem .sapUiCompFilterLabel,
.sapUiCompFilterBarDesktop .sapUiCompFilterBarAdvancedItem .sapUiCompFilterLabel {
	text-align: end !important;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0.5rem;
}

.sapUiCompFilterBarTablet .sapUiCompFilterBarAdvancedItem > :last-child,
.sapUiCompFilterBarDesktop .sapUiCompFilterBarAdvancedItem > :last-child {
	padding-left: 0.5rem !important;
}

.sapUiCompFilterBarDesktop .sapUiCompFilterBarAdvancedItems {
	grid-template-columns: 1fr 1fr 1fr ;
}

.sapUiCompFilterBarDesktop .sapUiCompFilterBarAdvancedItemsTwoGroups {
	grid-template-columns: 1fr 1fr;
}

.sapMSFContentWrapperError > .sapMSFF {
	background: var(--sapField_InvalidBackgroundStyle);
	background-color: var(--sapField_InvalidBackground);
	border: var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle) var(--sapField_InvalidColor);
}

.sapMFocus.sapMSFContentWrapperError > .sapMSFF {
	border-color: var(--sapField_InvalidColor);
}

:not(.sapMSFDisabled) .sapMSFContentWrapperError > .sapMSFF:hover {
	border: var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle) var(--sapField_InvalidColor);
}

:not(.sapMSFDisabled) .sapMSFContentWrapperError > .sapMSFF {
	box-shadow: var(--sapField_Hover_InvalidShadow);
}