.sapMdcValueHelpPanel {
    background-color: @sapUiBaseBG;
}

// 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: 0rem;
	padding-bottom: 1rem;
	overflow: hidden;
}

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

.sapMdcValueHelpPanel .sapMPanel.sapMdcTokenizerPanel {
    background-color: @sapUiBaseBG;
}

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

/* 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: 0rem;
}

// 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;
}

// correct paddings around the define conditions content
.sapMdcDefineconditionPanel .sapMPanelContent {
	padding-left: 0.75rem;
	padding-right: 0rem;
	padding-top: 0rem;
}

.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-left: 0.75rem;
	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 {
	//min-height: 200px !important;
	height: 100%;
}

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

.sapMdcValueHelpPanelTableBox .sapUiMdcTable .sapMTB > .sapMTitle {
	font-size: 1rem;
}

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

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

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

.sapUiMdcDialogTab{
	width: 100%;
	height: 100%;
}