/* NOTE: This file was generated as an optimized version of "library.source.less" for the Theme Designer. */

/*!
 * OpenUI5
 * (c) Copyright 2026 SAP SE or an SAP affiliate company.
 * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 */
@import "../../../../../../Base/baseLib/baseTheme/base.less"; /* ORIGINAL IMPORT PATH: "../../../../../sap/ui/core/themes/base/base.less" */

@import "../../../../../sap/ui/core/themes/base/global.less";
/* START "AdaptationFilterBar.less" */
/* =============================================== */
/* CSS for control sap.ui.mdc/AdaptationFilterBar  */
/* Base theme                                      */
/* =============================================== */

.sapUIAdaptationFilterBar {
	height: 100%
}
.sapUIAdaptationFilterBar .sapUiMdcFieldBase {
	width: 100%
}
/* END "AdaptationFilterBar.less" */

/* START "QueryPanel.less" */
/* ====================================== */
/* CSS for control sap.ui.mdc/QueryPanel  */
/* Base theme                             */
/* ====================================== */

.sapUiMDCP13nQueryPanel .sapUiRespGrid.sapUiRespGridVSpace1 > div {
	margin-bottom: 0;
}
/* END "QueryPanel.less" */

/* START "FieldBase.less" */
/* ===================================== */
/* CSS for control sap.ui.mdc/FieldBase  */
/* Base theme                            */
/* ===================================== */

.sapUiMdcFieldBase {
	display: inline-block;
	box-sizing: border-box;
	overflow: hidden; /* otherwise Text controls consumes too much space in Form */
	vertical-align: top;
}

/* TODO: how to reuse from sap.m? */
@_sap_m_InputBase_InnerMinWidth: 3rem;
@_sap_m_InputBaseWrapper_Sum_Border: 0.125rem;
@_InputBase_Control_MinWidth: round((@_sap_m_InputBase_InnerMinWidth + @_sap_m_InputBaseWrapper_Sum_Border), 2);
@_sap_m_InputBase_InnerMinWidth_Compact: 2rem;
@_InputBase_Control_MinWidth_Compact: round((@_sap_m_InputBase_InnerMinWidth_Compact + @_sap_m_InputBaseWrapper_Sum_Border), 2);
@sap_ui_mdc_Field_UnitMinWidth: 5.3rem; /* as defined for SmartField - to avoid truncation of 3-letter currencies or units*/
@sap_ui_mdc_Field_UnitMinWidth_Compact: 5rem; /* as defined for SmartField - to avoid truncation of 3-letter currencies or units*/

/* In the moment only 2 parts are supported. ValueHelp is only allowed on the last control. If more controls needed inside, CSS might be changed. */
.sapUiMdcFieldBaseMoreFields{
	min-width: calc(@_InputBase_Control_MinWidth ~" + 0.5rem + " @sap_ui_mdc_Field_UnitMinWidth); /* to avoid wrapping of inner controls */
}

.sapUiMdcFieldBaseMoreFields > *:first-child {
	max-width: calc(~"100% - 0.5rem - " @sap_ui_mdc_Field_UnitMinWidth); /* as input has a min-width, to not cut off unit */
	min-width: @_InputBase_Control_MinWidth; /* as inner input has this min-width */
}

.sapUiMdcFieldBaseMoreFields > *:last-child {
	padding-left: 0.5rem;
	min-width: calc(~"0.5rem + " @sap_ui_mdc_Field_UnitMinWidth); /* As input has a min-width + padding */
}

.sapUiSizeCompact {

	.sapUiMdcFieldBaseMoreFields {
		min-width: calc(@_InputBase_Control_MinWidth_Compact ~" + 0.5rem + " @sap_ui_mdc_Field_UnitMinWidth_Compact); /* to avoid wrapping of inner controls */
	}

	.sapUiMdcFieldBaseMoreFields > *:first-child {
		max-width: calc(~"100% - 0.5rem - " @sap_ui_mdc_Field_UnitMinWidth_Compact); /* as input has a min-width, to not cut off unit */
		min-width: @_InputBase_Control_MinWidth_Compact; /* as inner input has this min-width */
	}

	.sapUiMdcFieldBaseMoreFields > *:last-child {
		min-width: calc(~"0.5rem + " @sap_ui_mdc_Field_UnitMinWidth_Compact); /* As input has a min-width + padding */
	}
}

/**
 * align text-like controls in Table (as done for stand-alone controls in Table)
 */
.sapMListTblCell > .sapUiMdcFieldBase > .sapMSlt > .sapMSltLabel,
.sapMListTblCell > .sapUiMdcFieldBase > .sapMObjectNumber,
.sapMListTblCell > .sapUiMdcFieldBase > .sapMLabel,
.sapMListTblCell > .sapUiMdcFieldBase > .sapMText {
	text-align: inherit !important;
}

.sapMListTblCell > .sapUiMdcFieldBase > .sapMLnk,
.sapMListTblCell > .sapUiMdcFieldBase > .sapMText,
.sapMListTblCell > .sapUiMdcFieldBase > .sapMLabel,
.sapMListTblCell > .sapUiMdcFieldBase > .sapMObjectNumber,
.sapMListTblCell > .sapUiMdcFieldBase > .sapMObjectIdentifier,
.sapMListTblCell > .sapUiMdcFieldBase > .sapMObjStatus {
	vertical-align: middle;
}

.sapUiSizeCompact .sapMListTblCell > .sapUiMdcFieldBase > .sapMLnk,
.sapUiSizeCompact .sapMListTblCell > .sapUiMdcFieldBase > .sapMText,
.sapUiSizeCompact .sapMListTblCell > .sapUiMdcFieldBase > .sapMLabel,
.sapUiSizeCompact .sapMListTblCell > .sapUiMdcFieldBase > .sapMObjectNumber,
.sapUiSizeCompact .sapMListTblCell > .sapUiMdcFieldBase > .sapMObjectIdentifier,
.sapUiSizeCompact .sapMListTblCell > .sapUiMdcFieldBase > .sapMObjStatus {
	line-height: 1.4;
}

.sapMListTblSubCntValInline > .sapUiMdcFieldBase {
	display: inline-flex; /*to align in mTable PopIn mode*/
}

/* inside ToolBar */
.sapUiMdcFieldBase.sapMBarChild {
	line-height: 1rem;
}

/* inside Overflow toolbar menu */
.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll>div.sapUiMdcFieldBase  {
    width: 100% !important;
    max-width: 100% !important;
}
/* END "FieldBase.less" */

/* START "ValueHelpDialog.less" */
/* =========================================== */
/* CSS for control sap.ui.mdc/ValueHelpDialog  */
/* Base theme                                  */
/* =========================================== */

.sapMdcValueHelpPanel {
    background-color: var(--sapBackgroundColor);
}

/* give all panels on the valueHelpPanel a left/right padding */
.sapMdcValueHelpPanel .sapMPanel {
	padding-top: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

.sapMdcTokenizerPanel > .sapMPanelContent {
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0;
	padding-bottom: 1rem;
	overflow: hidden;
}

.sapMdcTablePanel > .sapMPanelContent {
	padding-top: 0;
	padding-bottom: 0;
}

.sapMdcValueHelpPanel .sapMPanel.sapMdcTokenizerPanel {
	background-color: var(--sapBackgroundColor);
}

.sapMdcTablePanel > .sapMPanelHeadingDiv > .sapMPanelHdr,
.sapMdcTokenizerPanel > .sapMPanelHeadingDiv > .sapMPanelHdr {
	border: none;
}

.sapUiMdcDefineConditionPanel {
	margin-left: 1.75rem;
	margin-right: 1rem;
}

.sapUiMdcDefineConditionPanel .sapMTB {
	padding-left: 0.25rem;
}

/* add border to Tokenizer */
.sapMdcTokenizerPanel .sapMTokenizer {
    border-width: 1px;
    border-color: @sapUiFieldBorderColor;
    border-style: solid;
    border-radius: @sapUiFieldBorderCornerRadius;
    padding-top: 1px;
    padding-left: 5px;
    padding-right: 2px;
    display: block;
    box-sizing: border-box;
    min-height: 2.25rem;
    overflow: hidden;
    background: @sapUiFieldBackground;
}

.sapUiSizeCompact .sapMdcTokenizerPanel .sapMTokenizer {
    padding-top: 4px;
    min-height: 32px;
}

/* make the ITB header height 3rem */
.sapMdcValueHelpPanel .sapMITBHead {
	margin-top: 0;
}

/* make the toolbar height 3rem and add 2rem padding left/right */
.sapMdcValueHelpPanel .sapMdcValueHelpPanelFilterbar .sapMTB {
	margin-top: 0.5rem;
	height: 3rem;
}

.sapMdcValueHelpPanel .sapMdcValueHelpPanelFilterbar .sapMTB,
.sapMdcValueHelpPanel .sapUiMdcTable .sapMTB {
	padding-left: 0;
	padding-right: 1rem;
}

.sapMdcValueHelpPanel .sapMIBar.sapMTB .sapMBarChild:first-child {
	margin-left: 0;
}

/* padding between the Define Condition value fields */
.sapUiMdcDefineConditionPanel .sapUiRespGrid > div {
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	box-sizing: border-box;
}

.sapUiMdcDefineConditionPanel .sapUiMdcDefineConditionGrid {
	margin-bottom: 0.5rem;
}

/* give the Filterbar the required padding and max height */
.sapMdcValueHelpPanelFilterbar {
	margin-left: 2rem;
	margin-right: 1rem;
}

/* allign static text */
.sapUiMdcDefineConditionPanel .sapUiRespGrid .sapMText {
	min-height: 2.75rem;
	padding-top: 0.6875rem;
	padding-bottom: 0.6875rem;
	line-height: 1.375rem;
}

.sapUiSizeCompact .sapUiMdcDefineConditionPanel .sapUiRespGrid .sapMText {
	min-height: 2rem;
	padding-top: 0.3125rem;
	padding-bottom: 0.3125rem;
}

/* spacing between rows */
.sapUiMdcDefineConditionPanel .sapUiRespGrid.sapUiRespGridMedia-Std-Phone > .sapUiRespGridBreak:not(:first-child),
.sapUiMdcDefineConditionPanel .sapUiRespGrid.sapUiRespGridMedia-Std-Phone > .sapUiRespGridBreak:not(:first-child) + div {
	padding-top: 0.5rem;
}

/* align add-button to the right */
.sapUiMdcDefineConditionPanel .sapUiRespGrid > div:last-child {
	padding-top: 0.25rem;
	position: relative;
	height: 2.75rem;
}

.sapUiSizeCompact .sapUiMdcDefineConditionPanel .sapUiRespGrid > div:last-child {
	height: 2rem;
}

.sapUiMdcDefineConditionPanel .sapUiRespGrid > div:last-child > button{
	position: absolute;
	right: 0.25rem;
}

/* hide the toolbar border and give some more top margin */
.sapMdcValueHelpPanel .sapMTBStandard, .sapUiMdcDefineConditionPanel .sapMTBStandard {
	border-bottom: solid 1px transparent;
}

/* hide the panel bottom border */
.sapMdcValueHelpPanel .sapMPanelContent:not(.sapMPanelBGTransparent) {
	border-bottom: none;
}

/* show padding on top of the defineConditionPanel when used on popover */
.sapMPopoverCont .sapMPopoverScroll > .sapUiMdcDefineConditionPanel {
	padding-top: 1rem;
	padding-right: 0.75rem;
}

/* makes the title of the used panels smaller */
.sapMdcValueHelpPanel .sapMPanel .sapMPanelHdr {
	font-size: @sapMFontHeader5Size;
}

/* make the title shadows transparent */
.sapMdcValueHelpTitleShadow.sapMDialog:not(.sapMDialogWithSubHeader) > header:first-of-type .sapMIBar {
	box-shadow: inset 0 -0.0625rem transparent;
}

.sapMdcValueHelpTitleShadow.sapMBar {
	box-shadow: inset 0 -0.0625rem transparent;
}

/* remove some borders around the IconTabBar content */
.sapMdcValueHelpPanel .sapMITBContent {
	border-left: none;
	border-right: none;
	border-bottom: none;
}

/* set the 2rem padding also on the OK and Cancel buttons in the footer */
.sapMdcValueHelpTitle.sapMDialog footer .sapMTB {
	padding: 0 2rem;
}

.sapMdcValueHelpPanelTableBox {
	padding: 0 2rem;
}

.sapMdcValueHelpPanelTableBox > .sapMFlexItem {
	height: 100%;
}

.sapMdcValueHelpPanel .sapUiFixFlexScrolling .sapMdcValueHelpPanelTableBox {
	height: 200px !important;
}

.sapMdcValueHelpPopover.sapMdcValueHelpMultiSelect .sapUiMdcDefineConditionPanel {
	margin-left: 1rem;
	margin-top: 1rem;
}

.sapMdcValueHelpPopover.sapMdcValueHelpSingleSelect .sapUiMdcDefineConditionPanel {
	margin-left: 0;
	margin-right: 0.75rem;
	margin-top: 1rem;
}

.sapMdcValueHelpPopover .sapMdcValueHelpMTable {
	max-height: 30rem;
}

.sapUiMdcDialogTab{
	width: 100%;
	height: 100%;
}
/* END "ValueHelpDialog.less" */

/* START "InfoPanel.less" */
/* ===================================== */
/* CSS for control sap.ui.mdc/InfoPanel  */
/* Base theme                            */
/* ===================================== */

/* ------------------------------------------------------------------------------
--------------- Header ----------------------------------------------------------
------------------------------------------------------------------------------ */

.mdcbaseinfoPanel .sapUiFormTitle {
	white-space: normal;
}

.mdcbaseinfoPanel .mdcbaseinfoPanelHeader {
	padding-top: 1rem;
	padding-bottom: 0.5rem;
	padding-right: 1rem;
}

.mdcbaseinfoPanelTitleH1 .sapMLnk {
	font-size: 1rem;
}

.mdcbaseinfoPanelTitleH1 .sapMLabel {
	font-size: 1rem;
}

.mdcbaseinfoPanelTitleH1 .sapMLnkDsbl {
	opacity: 1;
	color: var(--sapTextColor);
}

.mdcbaseinfoPanelThumbnail .mdcbaseinfoPanelListItem .sapMImageContentImageIcon.sapUiIcon {
	font-size: 2.5rem;
	font-weight: normal;
	line-height: 2.5rem;
	margin-right: .75rem;
}

.mdcbaseinfoPanelThumbnail .mdcbaseinfoPanelListItem .sapMImageContentImageIcon.sapMImg {
	font-size: 2.5rem;
	font-weight: normal;
	line-height: 3rem;
	margin-right: .75rem;
	size: 3rem;
	height: 3rem;
	width: 3rem;
}

/* ------------------------------------------------------------------------------
------------------ Additional Content -------------------------------------------
------------------------------------------------------------------------------ */

.mdcbaseinfoPanel .mdcbaseinfoPanelDefaultAdditionalContent .sapUiFormTitle {
	color: var(--sapTextColor);
}

/* ------------------------------------------------------------------------------
------------------ Separator ----------------------------------------------------
------------------------------------------------------------------------------ */

.mdcbaseinfoPanel .mdcbaseinfoPanelSeparator {
	border-bottom: 1px solid;
	border-bottom-color: var(--sapToolbar_SeparatorColor);
}

/* ------------------------------------------------------------------------------
------------------ Links --------------------------------------------------------
------------------------------------------------------------------------------ */

/* Overwrite background of 'related apps' section */
.mdcbaseinfoPanel .mdcbaseinfoPanelSectionLinks {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.mdcbaseinfoPanel .mdcbaseinfoPanelSectionLinks:empty {
	display: none;
}

.mdcbaseinfoPanelListItem .sapUiFormResLayout.sapUiFormBackgrTranslucent > div {
	background-color: transparent;
}

.mdcbaseinfoPanel .mdcbaseinfoPanelListItem {
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
	padding-right: 1rem;
	min-height: 1rem;
}

.mdcbaseinfoPanelListItem .sapMImageContentImageIcon.sapUiIcon {
	font-weight: normal;
	font-size: 1.5rem;
	line-height: 1.5rem;
	padding-bottom: 0;
	color: @sapUiText;
}

.mdcbaseinfoPanelListItem .sapMImageContentImageIcon.sapMImg {
	width: 1.75rem;
	height: 1.75rem;
}

.mdcbaseinfoPanelListItem .sapMImageContent {
	width: auto;
	height: auto;
	margin-right: 0.75rem;
}

.mdcbaseinfoPanelListItem .sapMImageContentImageIcon {
	position: relative;
}

.mdcbaseinfoPanelListItem .sapMFlexItem {
	display: -webkit-box;
	display: flex;
}

.mdcbaseinfoPanelListItem .mdcbaseinfoPanelItemsWithoutGroup {
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
}

.mdcbaseinfoPanelListItem .mdcbaseinfoPanelItemsGroup {
	padding-top: 0.625rem;
	padding-bottom: 0.375rem;
}

.mdcbaseinfoPanelListItem .mdcbaseinfoPanelItemsGroup .sapMLink {
	padding-bottom: 0.125rem;
}

.mdcbaseinfoPanelListItem .mdcbaseinfoPanelItemsGroup .sapMText {
	color: var(--sapContent_LabelColor);
}

/* ------------------------------------------------------------------------------
------------------ Button -------------------------------------------------------
------------------------------------------------------------------------------ */

.mdcbaseinfoPanel {
	padding-top: 0;
	padding-bottom: 1rem;
	padding-right: 1rem;
	padding-left: 1rem;
}
/* END "InfoPanel.less" */

/* START "FilterBarLayout.less" */
.sapUiMdcFilterBarLayoutItems {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 0 1rem;
}

.sapUiMdcFilterBarLayoutItem,
.sapUiMdcFilterBarLayoutItemSpacer,
.sapUiMdcFilterBarLayoutBasicSearch {
  flex: 1 0 12rem;
  max-width: 24rem;
  overflow: hidden;
}

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

.sapUiMdcFilterBarLayoutBasicSearch,
.sapUiMdcFilterBarLayoutButtons {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}

.sapUiMdcFilterBarLayoutButtons {
  justify-content: flex-end;
  margin-left: auto;
}

.sapUiMdcFilterBarLayoutOneLine .sapUiMdcFilterBarLayoutItemSpacer {
  display: none;
}

.sapUiMdcFilterBarLayoutOneLine .sapUiMdcFilterBarLayoutItem,
.sapUiMdcFilterBarLayoutOneLine .sapUiMdcFilterBarLayoutButtons {
  margin-bottom: 0;
}

/* END "FilterBarLayout.less" */

/* START "FilterBar.less" */
/* ===================================== */
/* CSS for control sap.ui.mdc/FilterBar  */
/* Base theme                            */
/* ===================================== */

.sapUiMdcFilterBarBaseAFLayout.sapUiAFLayout {
	margin-left: -0.5rem;
	margin-right: 0.5rem;
}

.sapUiMdcFilterBarBaseAFLayout > .sapUiAFLayoutItem,
.sapUiMdcFilterBarBaseAFLayout > .sapUiAFLayoutEnd {
	margin-top: 0.5rem;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	margin-left: 0.25rem;
	margin-right: 0.25rem;
}

.sapUiMdcFilterBarBaseAFLayout > .sapUiAFLayoutEnd {
	margin-left: -0.25rem;
}

.sapUiMdcFilterBarBaseAFLayout.sapUiAFLayoutOneLine > .sapUiAFLayoutEnd {
	margin-top: 0.5rem;
}

.sapUiMdcFilterBarBase .sapUiMdcFilterBarBaseButtonPaddingRight, .sapUiMdcFilterBarLayoutButtons .sapUiMdcFilterBarBaseButtonPaddingRight {
	padding-right: 0.5rem;
}

.sapUiMdcFilterBarBase .sapUiMdcFilterBarPaddingLeft {
	padding-left: 0.5rem;
}

.sapUiMdcFilterBarBase .sapUiMdcFilterBarBaseLabel .sapMLabelColonAndRequired::before,
.sapUiMdcFilterBarLayoutItems .sapUiMdcFilterBarBaseLabel .sapMLabelColonAndRequired::before {
	content: attr(data-colon);
	white-space-collapse: preserve;
}

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

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

.sapUiMdcFilterBarBaseAFLayout > .sapUiAFLayoutItem > div,
.sapUiMdcFilterBarBaseAFLayout > .sapUiAFLayoutItem .sapUiMdcFieldBase,
.sapUiMdcFilterBarLayoutItem .sapUiMdcFieldBase {
	width: 100%;
}

/* END "FilterBar.less" */

/* START "FilterBarLayout.less" */
.sapUiMdcFilterBarLayoutItems {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 0 1rem;
}

.sapUiMdcFilterBarLayoutItem,
.sapUiMdcFilterBarLayoutItemSpacer,
.sapUiMdcFilterBarLayoutBasicSearch {
  flex: 1 0 12rem;
  max-width: 24rem;
  overflow: hidden;
}

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

.sapUiMdcFilterBarLayoutBasicSearch,
.sapUiMdcFilterBarLayoutButtons {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}

.sapUiMdcFilterBarLayoutButtons {
  justify-content: flex-end;
  margin-left: auto;
}

.sapUiMdcFilterBarLayoutOneLine .sapUiMdcFilterBarLayoutItemSpacer {
  display: none;
}

.sapUiMdcFilterBarLayoutOneLine .sapUiMdcFilterBarLayoutItem,
.sapUiMdcFilterBarLayoutOneLine .sapUiMdcFilterBarLayoutButtons {
  margin-bottom: 0;
}

/* END "FilterBarLayout.less" */

/* START "AdaptFiltersPanel.less" */
/* ============================================= */
/* CSS for control sap.ui.mdc/AdaptFiltersPanel  */
/* Base theme                                    */
/* ============================================= */

.sapUiMDCAdaptFiltersPanel .sapMITB {
	padding-top: 0;
}

.sapUiMDCAdaptFiltersPanel .sapMITH {
	border-bottom: none;
	box-shadow: none;
}

//Change background color for the container control
.sapUiMDCAdaptFiltersPanel .sapMPageBgStandard {
	background: var(--sapList_Background);
}


.sapUiMDCAdaptFiltersPanel .sapUiMDCPanelPadding{
	padding-left: 1rem;
	padding-right: 0.75rem;
}

.sapUiMDCAdaptFiltersPanel .sapUiMDCPaddingPanelLeft {
	padding-left: 1.5rem;
}

.sapUiMDCAdaptFiltersPanel .sapMBar-CTX {
	border: none;
	box-shadow: none;
}

.sapUiMDCAdaptFiltersSearchBar {
	padding-bottom: 0.25rem;
}

.sapMDialog > .sapMDialogSection:has(.sapUiMDCAdaptFiltersPanel) {
	background: var(--sapBackgroundColor);
}

.sapUiMDCAdaptFiltersContentSortIcon {
	cursor: grab;
	margin-left: 8px;
}

.sapUiMDCAdaptFiltersPanelAddFilterSection {
	padding: 0.125rem 0.5rem;
	background: var(--sapList_Background);
}

:not(.sapUiRespGridMedia-Std-Phone) .sapUiMDCAdaptFiltersPanelFilterLabel {
	text-align: end !important;
}

.sapUiRespGridMedia-Std-Phone .sapUiMDCAdaptFiltersPanelFilterLabel {
	text-align: start !important;
}

.sapUiSizeCozy .sapUiMDCAdaptFiltersPanelFilterLabel,
.sapUiSizeCozy .sapUiMDCAdaptFiltersContentSortIcon {
	line-height: var(--sapElement_LineHeight);
}

.sapUiSizeCompact .sapUiMDCAdaptFiltersPanelFilterLabel,
.sapUiSizeCompact .sapUiMDCAdaptFiltersContentSortIcon {
	line-height: var(--sapElement_Compact_LineHeight);
}

.sapUiMDCAdaptFiltersPanel .sapMP13nQueryPanel .sapUiRespGrid {
	display: block;
}

// Toolbar styling for custom views to match standard list/group views
.sapUiMDCAdaptFiltersPanelCustomViewToolbar {
	background: var(--sapBackgroundColor);
}
/* END "AdaptFiltersPanel.less" */

/* START "PersonalizationDialog.less" */
/* ================================================= */
/* CSS for control sap.ui.mdc/PersonalizationDialog  */
/* Base theme                                        */
/* ================================================= */

.sapMP13nPopup .sapMMsgStrip {
	margin: 10px;
}

.sapMP13nPopup.sapMPopover .sapMPopoverScroll {
	overflow-y: initial;
}

.sapMP13nPopup .sapMMenuBtn {
    max-width: none;
}

.sapMP13nPopup.sapMDialog:not(.sapMDialogWithSubHeader) > header:first-of-type .sapUiMdcContainerBar {
	box-shadow: none;
}
/* END "PersonalizationDialog.less" */

/* START "ListView.less" */
/* ==================================== */
/* CSS for control sap.ui.mdc/ListView  */
/* Base theme                           */
/* ==================================== */

/* Display ':' for Labels in the 'list' view */
.sapUiMDCListView.sapUiMDCAFLabelMarkingList tbody  .sapMLabel > .sapMLabelColonAndRequired::before {
	content: attr(data-colon);
}

/* Display checkbox at the top for items in the ListView */
.sapUiMDCListView tbody .sapMListTblSelCol {
	vertical-align: top;
}

/* Remove padding for items in list view */
.sapUiMDCListView.listViewHover .sapMListTblCell {
	padding-top: 0;
	padding-bottom: 0;
}

.sapUiMDCListView .sapMPanelContent li {
	align-items: start; /* Checkbox should not be centered */
	display: flex; /* Is the default for Lists - only needs to be set as the parent is a Table */
}

/* Align inner rows with the outer controls */
.sapUiMDCListView table {
	tr > td {
		padding-left: 0.5rem;
	}
}

/* 'Select All' should also be aligned correctly with the other controls in the panel */
.sapUiMDCListView .sapMTableTH {
	padding-left: 0.5rem;
}
/* END "ListView.less" */

/* START "GroupView.less" */
/* ===================================== */
/* CSS for control sap.ui.mdc/GroupView  */
/* Base theme                            */
/* ===================================== */

/* Remove border for panels */
.sapUiMDCGroupView .sapMPanelWrappingDivTb {
	border: none;
}

/* padding between list items in group view */
.sapUiMDCGroupView .sapMLIBContent {
	padding-bottom: 0.75rem;
	padding-top: 0.5rem;
	padding-right: 0.375rem
}

/* remove highlighting in group view */
.sapUiMDCGroupView .sapMLIB .sapMLIBSelected {
	border-color: transparent;
	background: var(--sapList_Background);
}

/* Display ':' for Labels */
.sapUiMDCGroupView.sapUiMDCAFLabelMarking .sapMPanelContent .sapMLabelColonAndRequired::before {
	content: attr(data-colon);
}

/* Custom bar that should look like 'ListView' background (mock columnheader) */
.sapUiMDCGroupView .sapMListInfoTBar {
	color: var(--sapList_TextColor);
	background: var(--sapList_HeaderBackground);
}

/* remove padding for infotoolbar in panel (mock columnheader) */
.sapUiMDCGroupView .sapMListInfoTBarContainer .sapMIBar.sapMTB.sapMTB-Info-CTX {
	padding:0
}

/* remove padding for infotoolbar in panel + padding for first child (mock columnheader) */
.sapUiMDCGroupView .sapMListInfoTBarContainer .sapMIBar.sapMTB .sapMBarChild:first-child {
	margin-left:0;
	padding-left: 2.5rem;
}

/* Checkbox alignment --> at the top */
.sapUiMDCGroupView li .sapMCLI {
	align-items: start;
}

/* Margin to display dotted focus outline properly */
.sapUiMDCGroupView .sapMPanel {
	margin: 2px;
}

/* Adapt standard padding to use the whole content */
.sapUiMDCGroupView .sapMPanelContent {
	overflow: visible;
	border-bottom: none;
	padding: 1rem 1rem 0 0;
}
/* END "GroupView.less" */

/* START "Table.less" */
/* ================================= */
/* CSS for control sap.ui.mdc/Table  */
/* Base theme                        */
/* ================================= */

@_sap_ui_mdc_Table_OverflowButtonType: ~"Ghost";
@_sap_ui_mdc_Table_ToolbarDesign: ~"Transparent";
@_sap_ui_mdc_Table_HeaderStyle: ~"H4";

.sapUiMdcTable {

	&.sapUiMdcTableFitContainer {
		min-height: 100%;
	}
}
/* END "Table.less" */

/* START "Chart.less" */
/* ================================= */
/* CSS for control sap.ui.mdc/Chart  */
/* Base theme                        */
/* ================================= */

@_sap_ui_mdc_Chart_ToolbarDesign: ~"Transparent";

.sapUiMDCChart {
	background: @sapUiChartBackgroundColor;
	border-radius: var(--sapElement_BorderCornerRadius);
	padding-bottom: 1rem;
	display: grid;
}

.sapUiMDCChartTempTextOuter {
	grid-template-rows: auto 1fr;
}

.sapUiMDCChartTempText {
	display: flex;
	justify-content: center;
	align-items: center;
}

.sapUiMDCChartGrid {
	grid-template-rows: auto auto 1fr;
	grid-template-columns: minmax(0, 1fr);
}

.sapUiMDCChartGridNoBreadcrumbs {
	grid-template-rows: auto 1fr;
	grid-template-columns: minmax(0, 1fr);
}

.sapUiMDCChart .sapUiMDCChartBreadcrumbs {
	margin-left: 1rem;
	margin-top: 0.5rem;
	max-width: 85%;
}

.sapUiMDCChart .sapMIBar.sapMTBHeader-CTX {
	border-top-right-radius: var(--sapElement_BorderCornerRadius);
	border-top-left-radius: var(--sapElement_BorderCornerRadius);
}

.sapUiMDCChart .sapUiMDCChartTempInnerText {
	justify-content: center;
	align-content: center;
}

.sapUiMDCSelectionButton.sapMPopover .sapMIBar.sapMSubHeader-CTX {
	border-top-left-radius: var(--sapElement_BorderCornerRadius);
	border-top-right-radius: var(--sapElement_BorderCornerRadius);;
}
/* END "Chart.less" */

/* START "TokenDisplay.less" */
/* ======================================== */
/* CSS for control sap.ui.mdc/TokenDisplay  */
/* Base theme                               */
/* ======================================== */

@mdctoken-large-line-height: 1.375rem;
@mdctoken-small-line-height: 1rem;

/* hide Token border and background */
.sapUiMdcTokenizerDisplay .sapMToken {
	border: 0; /* hide the border of a token */
	background-color: transparent; /* remove background of Token */
	padding-left: 0; /* remove the left padding */
}

.sapUiMdcTokenizerDisplay.sapMTokenizer.sapMTokenizerReadonly .sapMToken {
	padding-left: 0; /* remove left padding of a token. The right padding will be used to show the delimiters */
	padding-top: 0;
	padding-bottom: 0;

	/* right margin and padding of the token (space for the delimiter) */
	padding-right: 0.375rem;
	margin-right: 0.375rem;
	margin-top: 0;
	margin-bottom: 0;
	color: var(--sapTextColor);
	height: @mdctoken-small-line-height;
}

.sapUiFormEdit .sapUiMdcTokenizerDisplay.sapMTokenizer.sapMTokenizerReadonly .sapMToken {
	height: @mdctoken-large-line-height;
}

.sapUiSizeCozy {
	.sapUiMdcTokenizerDisplay.sapMTokenizer.sapMTokenizerReadonly .sapMToken {
		/* right margin and padding of the token (space for the delimiter) */
		padding-right: 0.5rem;
		margin-right: 0.5rem;
	}

	.sapUiFormEdit .sapUiMdcTokenizerDisplay.sapMTokenizer.sapMTokenizerReadonly .sapMToken {
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}
}

/* delimiters between tokens */
.sapUiMdcTokenizerDisplay .sapMToken::after {
	content: attr(delimiter);
	color: var(--sapTextColor);
	font-family: var(--sapFontFamily);
	font-size: @sapMFontMediumSize;
	font-weight: normal;
	vertical-align: middle;
	margin-left: 0.25rem; /* space between tokens. the left margin of the delimiter and the right side of the token */
	position: absolute;
	line-height: @mdctoken-small-line-height;
}

.sapUiSizeCozy {
	.sapUiMdcTokenizerDisplay .sapMToken::after {
		margin-left: 0.4rem; /* space between tokens. the left side margin of the token */
	}

	.sapUiFormEdit .sapUiMdcTokenizerDisplay .sapMToken::after {
		padding-top: 0.125rem;
	}
}

/* no delimiter after the last token */
.sapUiMdcTokenizerDisplay .sapMToken:last-child::after {
	content: none;
}

/* make the token focus invisible */
html.sap-desktop .sapUiMdcTokenizerDisplay .sapMToken:focus {
	outline: 0;
}

/* make the token hover invisible */
html.sap-desktop .sapUiMdcTokenizerDisplay .sapMToken:hover {
	background: transparent;
	border: 0;
}

.sapUiMdcTokenizerDisplay .sapMTokenText {
	/* enable selection of scrollcontainer */
    user-select: text;
	line-height: @mdctoken-small-line-height;
}

.sapUiFormEdit .sapUiMdcTokenizerDisplay .sapMTokenText {
	line-height: @mdctoken-large-line-height;
}

.sapUiSizeCompact {
	.sapUiMdcTokenizerDisplay.sapMTokenizer .sapMToken {
		font-size: @sapMFontMediumSize; /* as set to Small in Tokenizer*/
	}

	.sapUiForm .sapUiMdcTokenizerDisplay.sapMTokenizer .sapMToken {
		padding-top: 0.0625rem;
		padding-bottom: 0.0625rem;
	}
}
/* END "TokenDisplay.less" */

/* START "TokenizerDisplay.less" */
/* ============================================ */
/* CSS for control sap.ui.mdc/TokenizerDisplay  */
/* Base theme                                   */
/* ============================================ */

html.sap-desktop .sapUiMdcTokenizerDisplay.sapMTokenizer {
	outline: none; /* hide focus of the tokenizer */
	padding-left: 0; /* remove left padding of Tokenizer for Display mode */
}

@mdctokenizer-large-line-height: 1.375rem;
@mdctokenizer-small-line-height: 1rem;
@mdctokenizer-large-padding-topbottom: 0.5rem;
@mdctokenizer-small-padding-topbottom: 0.3125rem;

/* show a focus around the more link */
.sapUiMdcTokenizerDisplay .sapMTokenizerIndicator:focus {
	outline: @sapUiContentFocusWidth dotted var(--sapContent_FocusColor);
	outline-offset: -1px;
	text-decoration: underline;
}

.sapUiMdcTokenizerDisplay .sapMTokenizerIndicator:hover {
	text-decoration: underline;
}

.sapMTokenizer.sapUiMdcTokenizerDisplay .sapMTokenizerIndicator {
	line-height: @mdctokenizer-small-line-height;
	height: @mdctokenizer-small-line-height;
	box-sizing: border-box;
}

/* hide emptyIndicator for TokenizerDisplay */
.sapUiMdcTokenizerDisplay .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
	display: none;
}

/* show emptyIndicator for TokenizerDisplay */
.sapMShowEmpty-CTX .sapUiMdcTokenizerDisplay .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
	line-height: @mdctokenizer-small-line-height;
	font-size: @sapMFontMediumSize;
	display: inline-block;
}

/* enable mouse selection on scrollcontainer */
.sapUiMdcTokenizerDisplay .sapMTokenizerScrollContainer {
	-webkit-user-select: text;

	/* give the Tokenizer the required top/bottom paddings so that is works like a text control */
	padding-top: 0;
	padding-bottom: 0;
}

/* usage in Form */
.sapUiFormEdit {
	.sapUiMdcTokenizerDisplay .sapMTokenizerIndicator,
	.sapUiMdcTokenizerDisplay .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
		line-height: @mdctokenizer-large-line-height;
		height: @mdctokenizer-large-line-height;
		margin-top: -0.25rem;
		padding-top: 0;
	}

	.sapUiMdcTokenizerDisplay .sapMTokenizerIndicator:focus {
		text-decoration: underline;
	}
}

.sapUiSizeCozy .sapUiFormEdit {
	.sapUiMdcTokenizerDisplay {
		/* give the Tokenizer the required top/bottom paddings so that is works like a text control */
		padding-top: @mdctokenizer-large-padding-topbottom;
		padding-bottom: @mdctokenizer-large-padding-topbottom;

		.sapMTokenizerIndicator{
			padding-top: 0.375rem;
			height: 1.375rem;
		}
	}

	.sapUiMdcTokenizerDisplay.sapMTokenizerHeightMargin {
		margin-top: 0;
		margin-bottom: 0.375rem
	}
}

.sapUiSizeCompact{
	 .sapUiFormEdit .sapUiMdcTokenizerDisplay {
		padding-top: @mdctokenizer-small-padding-topbottom;
		padding-bottom: @mdctokenizer-small-padding-topbottom;
	}

	.sapUiForm:not(.sapUiFormEdit) {
		.sapUiMdcTokenizerDisplay .sapMTokenizerIndicator,
		.sapUiMdcTokenizerDisplay .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
			padding-top: 0.0625rem;
		}
	}
}

.sapUiForm:not(.sapUiFormEdit) {
	.sapUiMdcTokenizerDisplay.sapMTokenizerHeightMargin {
		margin: 0;
	}
}
/* END "TokenizerDisplay.less" */

