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

.sapMUSTItemIconInactive,
.sapMUSTItemIcon {
	text-align: initial;
}

.sapMUSTItemIconInactive,
.sapMUSTItemIcon,
.sapMUSTItemImage {
	height: 3rem;
	width: 3rem;
	margin-top: 0.1rem; /* is needed so that keyboard frame is visible; after the central focus concept is implemented delete the margin */
	margin-bottom: 0.1rem; /* is needed so that keyboard frame is visible; after the central focus concept is implemented delete the margin */
	margin-left: 0.1rem; /* is needed so that keyboard frame is visible; after the central focus concept is implemented delete the margin */
	flex: none;
}

.sapMUSTItemIcon {
	color: var(--sapContent_IconColor);
}

/* Item Icon Inactive */
.sapMUSTItemIconInactive {
	color: var(--sapContent_NonInteractiveIconColor);
}

.sapMUSTItemIcon {
	font-size: 1.25rem!important;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--sapAvatar_10_Background);
	border-radius: 4px;
	color: var(--sapContent_ImagePlaceholderForegroundColor);
}

.sapMUST .sapMIllustratedMessage .sapMIllustratedMessageMainContent {
	justify-content: center;
	flex-direction: row;
}

.sapMUST .sapMIllustratedMessage {
	padding: 0;
	text-align: left;
}

.sapMUST .sapMIllustratedMessage.sapMIllustratedMessage-Spot .sapMIllustration {
	width: 4rem;
	height: 5rem;
	margin: 0 1rem;
}

.sapMUST .sapMIllustratedMessageAdditionalContent,
.sapMUST .sapMIllustratedMessage.sapMIllustratedMessage-Spot .sapMIllustratedMessageAdditionalContent {
	margin-top: 0;
	margin-bottom: 0;
}

/* alignment for illustrated figure captions */
.sapMUST .sapMIllustratedMessage.sapMIllustratedMessage-Spot figcaption {
	margin-top: 1rem;
}

.sapMUST .sapMListTblCell.sapMListTblCellNoData {
	padding: 0;
}

.sapMUSTRemovePopoverContainer {
	max-width: 20rem !important;
	max-height: 11rem !important;
}

/* UploadSetwith Table plugin styles */
.sapMUSTP-IllustratedMessage-container .sapMIllustratedMessageMainContent {
	justify-content: center;
	flex-direction: row;
}

.sapMUSTP-IllustratedMessage-container.sapMIllustratedMessage {
	text-align: left;
}

.sapMUSTP-IllustratedMessage-container.sapMIllustratedMessage.sapMIllustratedMessage-Spot .sapMIllustration {
	height: 4.75rem;
}

.sapMUSTP-IllustratedMessage-container .sapMIllustratedMessageAdditionalContent,
.sapMUSTP-IllustratedMessage-container.sapMIllustratedMessage.sapMIllustratedMessage-Spot .sapMIllustratedMessageAdditionalContent {
	margin-top: 0;
	margin-bottom: 0;
}