/* ===================================================== */
/* CSS for control sap.ui.richtexteditor/RichTextEditor  */
/* Base theme                                            */
/* ===================================================== */

.sapUiRTE {
	display: inline-block;
	min-height: 200px;
}

.sapUiRTE {
	--_sap_ui_richtexteditor__wrapper-border: 4px;
}

/* Custom Toolbar */

.sapUiRTE.sapUiRTEWithCustomToolbar {
	--_sap_ui_richtexteditor__toolbar_height: 2.75rem;
}

.sapUiRTE:not(.sapUiRTEWithCustomToolbar) {
	--_sap_ui_richtexteditor__toolbar_height: 0rem;
}

.sapUiSizeCompact.sapUiRTE.sapUiRTEWithCustomToolbar,
.sapUiSizeCompact .sapUiRTE.sapUiRTEWithCustomToolbar {
	--_sap_ui_richtexteditor__toolbar_height: 2rem;
}

/* Footer Toolbar */

.sapUiRTE .sapUiRTETextAreaWrapper.sapUiRTEFooter {
	--_sap_ui_richtexteditor__footer_height: 2.75rem;
}

.sapUiRTE .sapUiRTETextAreaWrapper:not(.sapUiRTEFooter) {
	--_sap_ui_richtexteditor__footer_height: 0rem;
}

.sapUiSizeCompact.sapUiRTE .sapUiRTETextAreaWrapper.sapUiRTEFooter,
.sapUiSizeCompact .sapUiRTE .sapUiRTETextAreaWrapper.sapUiRTEFooter {
	--_sap_ui_richtexteditor__footer_height: 2rem;
}

.sapUiRTE .sapUiRteEditorContainer {
	border-radius: 0;

	.tox-editor-container
	.tox-editor-header {
		padding: 0;
	}

	min-height: ~"calc(200px - var(--_sap_ui_richtexteditor__toolbar_height) - var(--_sap_ui_richtexteditor__footer_height) - var(--_sap_ui_richtexteditor__wrapper-border))";
}

.sapUiRTEWithCustomToolbar .sapUiRteEditorContainer {
	border: none !important;
	box-sizing: border-box;
	box-shadow: none;
}

.sapUiRTEWithCustomToolbar .sapUiRTETextAreaWrapper {
	border: 1px solid var(--sapField_BorderColor);
}

.sapUiRTEWithCustomToolbar .sapUiRteEditorContainer {

	.mce-container.mce-panel.mce-first,
	.mce-container.mce-panel.mce-last {
		border: none;
	}
}

svg.rteFontColorIcon {
	width: 1.375rem;
	height: 100%;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
}

svg.rteFontColorIcon path {
	fill: var(--sapContent_IconColor);
}

svg.rteFontColorIcon .outline {
	stroke-width: 1.4px;
	stroke:var(--sapContent_ForegroundBorderColor);
}

.sapMBtnActive > svg.rteFontColorIcon path {
	fill: var(--sapButton_Active_TextColor);
}

.sapUiSizeCompact svg.rteFontColorIcon {
	width: 1rem;
}

.sapUiRTE .sapMSBText .sapMBtnIcon::before {
	text-shadow:
		-1px -1px 0 var(--sapContent_ForegroundBorderColor),
		1px -1px 0 var(--sapContent_ForegroundBorderColor),
		-1px 1px 0 var(--sapContent_ForegroundBorderColor),
		1px 1px 0 var(--sapContent_ForegroundBorderColor);
}

.sapUiRTE .sapUiRTETextAreaWrapper {
	box-sizing: border-box;
	height: ~"calc(100% - var(--_sap_ui_richtexteditor__toolbar_height))";
}

.sapUiRTE .sapUiRTEFooter .sapMIBar {
	box-sizing: border-box;
}

.sapUiRTE .sapUiRTEFooter .sapMIBar .sapMBarRight {
	padding-right: 4px;
}

/* Disable TinyMCE's default opacity transition on the focus pseudo-element */
.sapUiRTE .tox .tox-edit-area::before {
	transition: none;
}

/* Apply Fiori-compliant focus styles when editor is focused */
.sapUiRTE .tox.tox-edit-focus .tox-edit-area::before {
	border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);
	border-radius: 0px;
	box-shadow: none;
	opacity: 1;
}