/* NOTE: This file was generated as an optimized version of "library.source.less" for the Theme Designer. */

/*!
 * ${copyright}
 */

@import "../../../../../../Base/baseLib/baseTheme/base.less"; /* ORIGINAL IMPORT PATH: "../../../../../sap/ui/core/themes/base/base.less" */

@import "../../../../../sap/ui/core/themes/base/global.less";

/* START "RichTextEditor.less" */
.defaultSkin {
	color: @sapUiText;
	background-color:  @sapUiExtraLightBG;
	font-family: @sapUiFontFamily;
	font-size:  @sapUiFontSize;
}

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

html[dir=rtl] .sapUiRTE .defaultSkin table {
	direction: rtl;
}

/* Styling TinyMCE */
.sapUiRTE .defaultSkin table.mceToolbar {
	margin-left: 5px;
}

.sapUiRTE.sapUiRTELegacyTheme .defaultSkin .mceIcon,
.sapUiRTE.sapUiRTELegacyTheme .defaultSkin .mceSplitButton span.mceAction {
	background-image: url("icons.gif");
}

.sapUiRTE .defaultSkin table.mceLayout tr.mceFirst > td.mceFirst {
	background-color: @sapUiExtraLightBG;
	border-top: 1px solid @sapUiMediumBorder;
}

.sapUiRTE .defaultSkin td.mceIframeContainer {
	border-top: 1px solid @sapUiMediumBorder;
}

.sapUiRTE .defaultSkin.mceEditor table.mceLayout {
	border-color: @sapUiMediumBorder;
}

.sapUiRTE .defaultSkin table.mceLayout tr.mceLast td.mceLast {
	border-bottom: 1px solid @sapUiMediumBorder;
}


.sapUiRTE .defaultSkin table.mceLayout tr.mceFirst td,
.sapUiRTE .defaultSkin table {
	background-color: transparent;
}

/*RichTextEditor with Custom toolbar*/
.sapUiRTE.sapUiRTEWithCustomToolbar .sapUiRTECustomToolbar {

	.sapMToggleBtn,
	.sapMBtn:not(:first-child),
	.sapMMenuBtn,
	.sapMSlt,
	.sapMTBSeparator {
		margin-right: 0.25rem;
		margin-left: 0;
	}

	.sapMSB {
		margin-right: 0;
		margin-left: 0;
	}

	.sapMSB:focus .sapMSBInner::after {
		right: 0.3125rem;
	}

	.sapMBtnBase.sapMSBText:not(.sapMSBTextIE) .sapMBtnInner {
		margin-right: 2.75rem;
	}

	.sapMBtnBase.sapMSBText .sapMBtnFocusDiv {
		right: 0.3125rem;
	}
}

.sapUiSizeCompact {
	.sapUiRTE.sapUiRTEWithCustomToolbar .sapUiRTECustomToolbar {
		.sapMBtnBase.sapMSBText:not(.sapMSBTextIE) .sapMBtnInner {
			margin-right: 2.25rem;
		}

		.sapMBtnBase.sapMSBText .sapMBtnFocusDiv {
			right: 0.25rem;
		}
	}
}

/* This fixes the focus of the split buttons in Edge */
html[data-sap-ui-browser^="ed"] {
	.sapUiRTE.sapUiRTEWithCustomToolbar .sapUiRTECustomToolbar .sapMBtnBase.sapMSBText .sapMBtnFocusDiv {
		right: 1px;
	}
}

.sapUiRTECustomToolbar {
	border: 1px solid @sapUiFieldBorderColor;
}

.sapUiRTEWithCustomToolbar .mce-edit-area.mce-panel,
.sapUiRTEWithCustomToolbar .mce-tinymce.mce-panel {
	box-sizing: border-box;
	border-top: 0;
	border-color: @sapUiFieldBorderColor;
}

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

svg.rteFontColorIcon path {
	fill: @sapUiContentIconColor;
}

svg.rteFontColorIcon .outline {
	stroke-width: 1.4px;
	stroke:@sapUiContentForegroundBorderColor;
}

.sapMBtnActive > svg.rteFontColorIcon path {
	fill: @sapUiButtonActiveTextColor;
}

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

.sapUiRTE .sapMSBText .sapMBtnIcon::before {
	text-shadow:
		-1px -1px 0 @sapUiContentForegroundBorderColor,
		1px -1px 0 @sapUiContentForegroundBorderColor,
		-1px 1px 0 @sapUiContentForegroundBorderColor,
		1px 1px 0 @sapUiContentForegroundBorderColor;
}

/* END "RichTextEditor.less" */