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

.sapUiCompFilterBar {
	background-color: @sapUiObjectHeaderBackground;
	border-bottom: 1px solid @sapUiObjectHeaderBorderColor;
}

.sapFDynamicPageHeaderContent .sapUiCompFilterBar>.sapUiRespGridSpanXL12 {
	width: 100%;
}

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

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

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

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


.sapUiCompFilterBarNonPhone.sapUiRespGrid.sapUiRespGridHSpace0 {
	padding-top: 1rem;
	padding-bottom: 1rem;

	padding-right: 2rem;
	padding-left: 2rem;
}

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

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

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


.sapUiCompFilterBar .sapMSlt,.sapMSltLabel,.sapMSltArrow {
    display: block;
}

.sapUiCompFilterBar.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0 > .sapUiRespGridSpanL12 {
	width: 100%;
}

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

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

.sapUiCompFilterBar .sapUiAFLayout .sapUiCompFilterLabel.sapMLabel .sapMLabelTextWrapper::after {
	content: ":";
}

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

.sapUiCompFilterBar .sapUiAFLayout .sapBasicSearchFilter.sapUiCompFilterLabel.sapMLabel .sapMLabelTextWrapper::after {
	content: "";
}

.sapUiCompFilterBar .sapUiAFLayout .sapUiCompFilterLabel.sapMLabel {
	line-height: 1.3;
}

.sapUiCompFilterBar.sapUiRespGrid.sapUiRespGridVSpace1 > div {
	margin-bottom: 0rem;
	margin-left: 0rem;
	margin-right: 0rem;
	overflow: visible;
}

.sapUiCompFilterBar .sapUiCompFilterBarPaddingForm .sapUiFormResGridMain {
	background-color: transparent;
}

.sapUiCompFilterBar .sapUiFormM .sapUiRGLContainerCont {
	padding-bottom: 0.5rem;
}

.sapUiCompFilterBar .sapMPanelWrappingDiv {
   border-bottom: 0px;
}

.sapUiCompFilterBarToolbar {
	border-bottom-style: none;
}

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

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

.sapUiCompFilterBarDialogForm .sapUiFormResGridMain {
	padding-top: 0rem;
	padding-bottom: 0rem;
	padding-left: 0rem;
	padding-right: 0rem;
}


.sapUiCompFilterBarDialogForm .sapMDialogScrollCont {
	padding-left: 1rem;
	padding-right: 1rem;
}

.sapUiCompFilterBarDialogNonPhone .sapMDialogScrollCont {
	padding-left: 2rem;
	padding-right: 2rem;
}

.sapUiCompFilterBarDialogForm .sapUiFormResGridMain > div {
	padding-bottom: 1rem !important;
}

.sapUiCompFilterBarDialogForm .sapUiFormM .sapUiRespGrid.sapUiRespGridVSpace0>div {
	padding-bottom: 1rem;
}

.sapUiCompFilterBarDialog .sapUiRespGridSpanL10.sapUiRespGridSpanM10.sapUiRespGridSpanS12 {
	padding-left: 0rem;
}

.sapUiTheme-sap_hcb .sapUiCompFilterBarDialog .sapUiFormTitleH4 {
	font-size: 1rem;
}

.sapUiCompFilterBarDialog .sapUiCompVarMngmt .sapUICompVarMngmtText {
	padding-left: 0.25em;
}
.sapUiCompFilterBarDialog .sapUiCompVarMngmt .sapMLabel {
	padding-right: 0em;
}

.sapUiCompFilterBarDialog .sapUiForm .sapUiRGLContainerCont {
	padding-top: 1rem;
}

.sapUiCompFilterBarDialog .sapUiRGLContainer > .sapUiFormTitle {
	margin-bottom: 0rem;
}

.sapUiCompFilterBarDialog .sapMFooter-CTX {
	padding-right: 0.25rem;
}

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

.sapMBtn.sapUiCompFilterBarRemoveMinWidth {
	min-width: auto;
}

.sapUiCompFilterBarDialog {
	background-color: @sapUiGroupContentBackground;
	min-width: 21rem;
}

.sapUiCompFilterBarDialog .sapUiFormM.sapUiFormResGridLastL {
	padding-bottom: 0rem;
}

.sapUiCompFilterBarDialog .sapUiFormM .sapUiRGLContainerCont {
	padding-bottom: 0rem;
}

.sapUiCompFilterBarPaddingForm.sapUiFormResGrid > div {
	padding-top: 0rem;
	padding-right: 0rem;
	padding-bottom: 0rem;
	padding-left: 0rem;
}

.sapUiCompFilterBarPaddingPanel .sapMPanelContent {
	padding-top: 0.2rem;
	padding-right: 0.2rem;
	padding-bottom: 0rem;
	padding-left: 0.1rem;
	background-color: transparent;
	border-bottom: 0px;
}

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

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

.sapUiCompFilterBarListItem  {
	margin-left: -0.75rem;
}

.sapUiCompFilterBarListItem > div:nth-child(n+1) > span{
	padding-top: 0.4rem;
}

.sapUiCompFilterBarListItemCompact {
	margin-left: -0.5rem;
}

.sapUiCompFilterBarListItemCompact > div:nth-child(n+1) > span{
	padding-top: 0.25rem;
}


.sapUiCompFilterBarDialogForm .sapUiFormResGrid>div {
	background-color: transparent;
}

.sapUiCompAddRemoveFilterDialog .sapMListBGSolid .sapMLIB {
    background-color: transparent;
}

.sapUiCompAddRemoveFilterDialog {
	background-color: @sapUiGroupContentBackground;
}

.sapUiCompFilterBarHint.sapMText {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.5rem;
}

.sapUiCompFilterBar .sapUiAFLayoutItem,
.sapUiCompFilterBar .sapUiAFLayoutEnd,
.sapUiCompFilterBar .sapUiAFLayoutSpacer {
	margin-right: 1rem;
}

.sapUiCompFilterBar .sapUiAFLayoutItem,
.sapUiCompFilterBar .sapUiAFLayoutEnd {
	margin-top: 0.5rem;
}

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