/* ========================================================== */
/* CSS for control sap.suite.ui.commons/CollaborationPopover  */
/* Base theme                                                 */
/* ========================================================== */

.sapSuiteUiCollaborationBarMSTeamsButtonHorizontal .sapMBtnInner {
	background-color: var(--sapLegendBackgroundColor20);
	color: var(--sapLegendColor20);
	height: 90px;
	flex-direction: column;
	align-items: center;
	font-size: 15px;
}

.sapSuiteUiCollaborationBarMSTeamsButtonHorizontal .sapMBtnIcon::before {
	font-size: 25px;
	color: var(--sapLegendColor20);
}

.sapSuiteUiCollaborationBarMSTeamsButtonHorizontal .sapMBtnContent {
	white-space: normal !important;
	overflow: visible !important;
	line-height: 15px !important;
}

.sapSuiteUiCollaborationBarEmailButtonHorizontal .sapMBtnInner {
	background-color: var(--sapLegendBackgroundColor6);
	color: var(--sapLegendColor6);
	height: 90px;
	flex-direction: column;
	align-items: center;
	font-size: 15px;
}

.sapSuiteUiCollaborationBarEmailButtonHorizontal .sapMBtnIcon::before {
	font-size: 25px;
	color: var(--sapLegendColor6);
}

.sapSuiteUiCollaborationBarEmailButtonHorizontal .sapMBtnContent {
	white-space: normal !important;
	overflow: visible !important;
	line-height: 15px !important;
}

.sapSuiteUiCollaborationBarCMButtonHorizontal .sapMBtnInner {
	background-color: var(--sapLegendBackgroundColor7);
	color: var(--sapLegendColor17);
	height: 90px;
	flex-direction: column;
	align-items: center;
	font-size: 15px;
}

.sapSuiteUiCollaborationBarCMButtonHorizontal .sapMBtnIcon::before {
	font-size: 25px;
	color: var(--sapLegendColor17);
}

.sapSuiteUiCollaborationBarCMButtonHorizontal .sapMBtnContent {
	white-space: normal !important;
	overflow: visible !important;
	line-height: 15px !important;
}

.sapSuiteUiCollaborationBarMSTeamsButtonVertical .sapMBtnInner {
	background-color: var(--sapLegendBackgroundColor20);
	color: var(--sapLegendColor20);
	height: 60px;
	align-items: center;
	font-size: 15px;
}

.sapSuiteUiCollaborationBarMSTeamsButtonVertical .sapMBtnIcon::before {
	font-size: 25px;
	color: var(--sapLegendColor20);
}

.sapSuiteUiCollaborationBarMSTeamsButtonVertical .sapMBtnIcon {
	margin-right: 15px;
}

.sapSuiteUiCollaborationBarMSTeamsButtonVertical .sapMBtnContent {
	white-space: normal !important;
	overflow: visible !important;
	line-height: 15px !important;
}

.sapSuiteUiCollaborationBarEmailButtonVertical .sapMBtnInner {
	background-color: var(--sapLegendBackgroundColor6);
	color: var(--sapLegendColor6);
	height: 60px;
	align-items: center;
	font-size: 15px;
}

.sapSuiteUiCollaborationBarEmailButtonVertical .sapMBtnIcon::before {
	font-size: 25px;
	color: var(--sapLegendColor6);
}

.sapSuiteUiCollaborationBarEmailButtonVertical .sapMBtnIcon {
	margin-right: 15px;
}

.sapSuiteUiCollaborationBarEmailButtonVertical .sapMBtnContent {
	white-space: normal !important;
	overflow: visible !important;
	line-height: 15px !important;
}

.sapSuiteUiCollaborationBarCMButtonVertical .sapMBtnInner {
	background-color: var(--sapLegendBackgroundColor7);
	color: var(--sapLegendColor17);
	height: 60px;
	align-items: center;
	font-size: 15px;
}

.sapSuiteUiCollaborationBarCMButtonVertical .sapMBtnIcon::before {
	font-size: 25px;
	color: var(--sapLegendColor17);
}

.sapSuiteUiCollaborationBarCMButtonVertical .sapMBtnIcon {
	margin-right: 15px;
}

.sapSuiteUiCollaborationBarCMButtonVertical .sapMBtnContent {
	white-space: normal !important;
	overflow: visible !important;
	line-height: 15px !important;
}

.sapSuiteUiCollaborationBarMsgStripHBox {
	background-color: var(--sapLegendBackgroundColor6) !important;
	background-image: none;
	border-radius: 10px !important;
	align-items: center !important;
}

.sapSuiteCollaborationBarMsgStrip {
	background-color: var(--sapLegendBackgroundColor6) !important;
	border-width: 0 !important;
}

.sapSuiteCollaborationBarMenu {

	.sapSuiteUiCommonsCollaborationMail {

		.sapUiIcon {
			color: var(--sapLegendColor6);
		}
	}

	.sapSuiteUiCommonsCollaborationMSTeamsShare,
	.sapSuiteUiCommonsCollaborationChat,
	.sapSuiteUiCommonsCollaborationTab {

		.sapUiIcon {
			color: var(--sapLegendColor20);
		}
	}

	.sapSuiteUiCommonsCollaborationManager {

		.sapUiIcon {
			color: var(--sapLegendColor17);
		}
	}

	.sapSuiteUiCommonsCollaborationLink {

		.sapUiIcon {
			color: var(--sapLegendColor18);
		}
	}
}