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

.sapMVarMngmt {
	text-align: center;
	display: inline-block;
}

.sapMVarMngmt .sapUiHLayout.sapMVarMngmtLayout .sapUiHLayoutChildWrapper:first-child > div {
	vertical-align: middle;
}

.sapMVarMngmt .sapUiHLayout.sapMVarMngmtLayout .sapUiHLayoutChildWrapper:nth-child(2) > span {
	vertical-align: top;
	padding-bottom: 8px;
}

.sapMVarMngmt .sapUiHLayout.sapMVarMngmtLayout .sapUiHLayoutChildWrapper:last-child > button {
	vertical-align: middle;
}

.sapMVarMngmt .sapUiHLayout.sapMVarMngmtLayout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 12px 32px;
	align-items: center;
}

.sapMVarMngmt .sapUiHLayout.sapMVarMngmtLayout.sapMVarMngmtLayoutModifiedHidden {
	grid-template-columns: minmax(0, 1fr) 1px 32px;
}

.sapMVarMngmt .sapUiHLayout.sapMVarMngmtLayout .sapUiHLayoutChildWrapper:first-child {
	grid-column: 1;
	grid-row: 1;
}

.sapMVarMngmt .sapUiHLayout.sapMVarMngmtLayout .sapUiHLayoutChildWrapper:nth-child(2) {
	grid-column: 2;
	grid-row: 1;
}

.sapMVarMngmt .sapUiHLayout.sapMVarMngmtLayout .sapUiHLayoutChildWrapper:nth-child(3) {
	grid-column: 3;
	grid-row: 1;
}

.sapMVarMngmt .sapMTitle.sapMVarMngmtTitle {
	color: var(--sapLinkColor);
	text-shadow: var(--sapContent_TextShadow);
}

.sapMVarMngmt .sapMText.sapMVarMngmtTitle {
	color: var(--sapLinkColor);
	text-shadow: var(--sapContent_TextShadow);
	font-size: 1rem;
	white-space: nowrap;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapMVarMngmt .sapMVarMngmtModified {
	color: var(--sapLinkColor);
	font-weight: bold;
	padding-left: 0.125rem;
	padding-right: 0.125rem;
}

.sapMVarMngmtErrorPopover > div {
	padding-top: 1rem;
}

.sapMVarMngmtErrorPopover > div:last-child {
	padding-left: 4rem;
	padding-right: 4rem;
}

.sapMVarMngmt .sapMVarMngmtClickable:hover {
	color: var(--sapLink_Hover_Color);
	cursor: pointer;
}

.sapMVarMngmt .sapMVarMngmtClickable:active {
	color: var(--sapLink_Active_Color);
	cursor: pointer;
}

.sapMVarMngmt .sapMVarMngmtDisabled {
	opacity: 0.5;
}

.sapMVarMngmtPopover .sapMSelectList {
	border: 0 solid;
}

.sapMVarMngmtFavColor {
	color: var(--sapContent_MarkerIconColor);
}

.sapMVarMngmtFavNonInteractiveColor {
	color: var(--sapContent_NonInteractiveIconColor);
}

.sapMVarMngmtSaveDialog .sapUiRespGrid.sapUiRespGridVSpace1 > div {
	margin-bottom: 0;
	margin: 0;
}

.sapMVarMngmtSaveDialog .sapMVarMngmtSaveDialogLabel.sapMLabel::after {
	content: ':';
}

.sapMVarMngmtRolesEdit {
	padding-left: 0.5rem;
}

.sapMVarMngmtPopover .sapMIllustratedMessage.sapMVarMngmtIllustratedMessage {
	padding-top: 0;
	padding-bottom: 0;
}