@font-face {
	font-family: 'html-editor';
	src: url('../fonts/html-editor.eot?59s7dz');
	src: url('../fonts/html-editor.eot?59s7dz#iefix')
		format('embedded-opentype'), url('../fonts/html-editor.ttf?59s7dz')
		format('truetype'), url('../fonts/html-editor.woff?59s7dz')
		format('woff'), url('../fonts/html-editor.svg?59s7dz#html-editor')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

.sl-html-editor .x-btn-text {
	width: auto !important;
	height: 24px !important;
}

.sl-html-editor .x-toolbar {
	padding: 4px !important;
	min-height: 24px;
}

.html-editor-icon {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'html-editor' !important;
	speak: none;
	font-style: normal;
	font-size: 18px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: auto;
	height: auto;
	text-rendering: auto;
}

.html-format-link:before {
	content: "\e918";
}

.html-format-text:before {
	content: "\e900";
}

.html-format-underline:before {
	content: "\e901";
}

.html-format-textdirection_r_to_l:before {
	content: "\e902";
}

.html-format-textdirection_l_to_r:before {
	content: "\e903";
}

.html-format-strikethrough:before {
	content: "\e904";
}

.html-format-size:before, .html-format-size_decrease:before, .html-format-size_increase:before {
	content: "\e905";
}

.html-format-size_decrease {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
}

.html-format-shapes:before {
	content: "\e906";
}

.html-format-quote:before {
	content: "\e907";
}

.html-format-paint:before {
	content: "\e908";
}

.html-format-list_numbered:before {
	content: "\e909";
}

.html-format-list_bulleted:before {
	content: "\e90a";
}

.html-format-italic:before {
	content: "\e90b";
}

.html-format-line_spacing:before {
	content: "\e90c";
}

.html-format-indent_increase:before {
	content: "\e90d";
}

.html-format-indent_decrease:before {
	content: "\e90e";
}

.html-format-color_text:before {
	content: "\e90f";
}

.html-format-color_reset:before {
	content: "\e910";
}

.html-format-color_fill:before {
	content: "\e911";
}

.html-format-highlight_text:before {
	content: "\e91a";
}

.html-format-clear:before {
	content: "\e912";
}

.html-format-bold:before {
	content: "\e913";
}

.html-format-align_right:before {
	content: "\e914";
}

.html-format-align_left:before {
	content: "\e915";
}

.html-format-align_justify:before {
	content: "\e916";
}

.html-format-align_center:before {
	content: "\e917";
}

.html-format-code:before {
	content: "\e919";
}

.html-format-font_download:before {
	content: "\e91a";
}

.html-format-arrow_drop_up:before {
	content: "\e91b";
}

.html-format-arrow_drop_down:before {
	content: "\e91c";
}