@import './../base/variables.scss';

.#{$css-prefix}richedit-wrap {
	position: relative;
	ul {
		list-style: disc;
	}

	ol {
		list-style: decimal;
	}
	.richedit-toolbar {
		background-color: #f1f1f1;
		border: 1px solid #ccc;
	}
	.richedit-text {
		border: 1px solid #ccc;
		border-top: none;
		// height: 250px;
	}
	.richedit-disabled {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(204, 204, 204, 0.3);
	}
	.w-e-panel-container {
		z-index: 10;
	}

	.w-e-toolbar .w-e-menu {
		z-index: 9;
	}
	&.readonly {
		.richedit-toolbar {
			display: none;
		}

		.richedit-text {
			border: none;
			height: auto;
		}

		.w-e-text {
			overflow: auto;
			padding: 0;
		}
	}
}


.e_i_contract_mail::before {
	content: '\e69b';
}

.e_i_expand_mail::before {
	content: '\e698';
}

.e_i_XDS_Face::before {
	content: '\e74a';
}

.e_i_icon_rotate {
	transform: rotate(90deg);
}

.e_list_item.e_list_emoji_item {
	width: 20px;
	height: 20px;
	margin: 3px;
	padding: 2px;
	font-size: 16px;
	line-height: 20px;
	border: none;

	&:hover {
		background-color: #f0f0f0;
	}
}

.e_floating_select_box.e_bullist_selector {
	display: none;
}