/* Theme variables. */
/* "Reset" styles, necessary to avoid the editor UI being broken by external CSS. */
/*
Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or https://ckeditor.com/license
*/
/*
reset.css (part of editor.css)
================================
This file holds the "reset" requirements of CKEditor, as well as define the
default interface styles.
CKEditor includes two main "reset" class names in the DOM structure created for
editors:
	* .cke_reset: Intended to reset a specific element, but not its children.
	  Because of this, only styles that will not be inherited can be defined.
	* .cke_reset_all: Intended to reset not only the element holding it, but
	   also its child elements.
To understand why "reset" is needed, check the CKEditor Skin SDK:
https://docs.ckeditor.com/ckeditor4/docs/#!/guide/skin_sdk_reset
*/
/* Reset for single elements, not their children. */
.cke_reset {
  /* Do not include inheritable rules here. */
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  text-decoration: none;
  width: auto;
  height: auto;
  vertical-align: baseline;
  box-sizing: content-box;
  position: static;
  transition: none; }

/* Reset for elements and their children. */
.cke_reset_all, .cke_reset_all *,
.cke_reset_all a, .cke_reset_all textarea {
  /* The following must be identical to .cke_reset. */
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  text-decoration: none;
  width: auto;
  height: auto;
  vertical-align: baseline;
  box-sizing: content-box;
  position: static;
  transition: none;
  /* These are rule inherited by all children elements. */
  border-collapse: collapse;
  font: normal normal normal 12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif;
  color: #000;
  text-align: left;
  white-space: nowrap;
  cursor: auto;
  float: none; }

.cke_reset_all .cke_rtl * {
  text-align: right; }

/* Defaults for some elements. */
.cke_reset_all iframe {
  vertical-align: inherit;
  /** For IE */ }

.cke_reset_all textarea {
  white-space: pre-wrap; }

.cke_reset_all textarea,
.cke_reset_all input[type="text"],
.cke_reset_all input[type="password"] {
  cursor: text; }

.cke_reset_all textarea[disabled],
.cke_reset_all input[type="text"][disabled],
.cke_reset_all input[type="password"][disabled] {
  cursor: default; }

.cke_reset_all fieldset {
  padding: 10px;
  border: 2px groove #E0DFE3; }

.cke_reset_all select {
  box-sizing: border-box; }

.cke_reset_all table {
  table-layout: auto; }

/* Styles the main interface structure (holding box). */
/*
Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or https://ckeditor.com/license
*/
/*
mainui.css (part of editor.css)
=================================
This file styles the basic structure of the CKEditor user interface - the box
that holds everything.
CKEditor offers two main editing modes. The main UI blocks that compose these
modes are:
	For "Theme UI" mode, the one most generally used:
	+-- .cke_chrome ----------------------+
	|+-- .cke_inner ---------------------+|
	|| +-- .cke_top -------------------+ ||
	|| |                               | ||
	|| +-------------------------------+ ||
	|| +-- .cke_contents --------------+ ||
	|| |                               | ||
	|| +-------------------------------+ ||
	|| +-- .cke_bottom ----------------+ ||
	|| |                               | ||
	|| +-------------------------------+ ||
	|+-----------------------------------+|
	+-------------------------------------+
	For "Inline Editing" mode:
	+-- .cke_chrome .cke_float------------+
	|+-- .cke_inner ---------------------+|
	|| +-- .cke_top -------------------+ ||
	|| |                               | ||
	|| +-------------------------------+ ||
	|+-----------------------------------+|
	+-------------------------------------+
Special outer level classes used in this file:
	.cke_hc: Available when the editor is rendered on "High Contrast".
*/
/* The outer boundary of the interface. */
.cke_chrome {
  /* This is <span>, so transform it into a block.*/
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0; }

/* The inner boundary of the interface. */
.cke_inner {
  /* This is <span>, so transform it into a block.*/
  display: block;
  background: #fff;
  padding: 0;
  -webkit-touch-callout: none;
  /* Safari only */ }

/* Added to the outer boundary of the UI when in inline editing,
   when the UI is floating. */
.cke_float {
  /* Make white the space between the outer and the inner borders. */
  border: none; }

.cke_float .cke_inner {
  /* As we don't have blocks following top (toolbar) we suppress the padding
     as the toolbar defines its own margin. */
  padding-bottom: 0; }

/* Make the main spaces enlarge to hold potentially floated content. */
.cke_top,
.cke_contents,
.cke_bottom {
  /* These are <span>s, so transform them into blocks.*/
  display: block;
  /* Ideally this should be "auto", but it shows scrollbars in IE7. */
  overflow: hidden; }

.cke_top {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  background: #231F20;
  padding: 6px 8px 2px;
  /* Allow breaking toolbars when in a narrow editor. (#9947) */
  white-space: normal; }

.cke_float .cke_top {
  border: 1px solid rgba(0, 0, 0, 0.2); }

.cke_bottom {
  padding: 6px 8px 2px;
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  background: #231F20; }

/* On iOS we need to manually enable scrolling in the contents block. (#9945) */
.cke_browser_ios .cke_contents {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

/* The resizer is the small UI element that is rendered at the bottom right
   part of the editor. It makes is possible to resize the editor UI. */
.cke_resizer {
  /* To avoid using images for the resizer, we create a small triangle,
     using some CSS magic. */
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 10px 10px 0 0;
  border-color: transparent #bcbcbc transparent transparent;
  border-style: dashed solid dashed dashed;
  font-size: 0;
  vertical-align: bottom;
  margin-top: 6px;
  /* 	A margin in case of no other element in the same container
  	to keep a distance to the bottom edge. */
  margin-bottom: 2px; }

.cke_hc .cke_resizer {
  font-size: 15px;
  width: auto;
  height: auto;
  border-width: 0; }

.cke_resizer_ltr {
  cursor: se-resize;
  float: right;
  margin-right: -4px; }

/* This class is added in RTL mode. This is a special case for the resizer
   (usually the .cke_rtl class is used), because it may not necessarily be in
   RTL mode if the main UI is RTL. It depends instead on the context where the
   editor is inserted on. */
.cke_resizer_rtl {
  border-width: 10px 0 0 10px;
  border-color: transparent transparent transparent #bcbcbc;
  border-style: dashed dashed dashed solid;
  cursor: sw-resize;
  float: left;
  margin-left: -4px;
  right: auto; }

/* The editing area (where users type) can be rendered as an editable <div>
   element (e.g. divarea plugin). In that case, this is the class applied to
   that element. */
.cke_wysiwyg_div {
  display: block;
  height: 100%;
  overflow: auto;
  padding: 0 8px;
  outline-style: none;
  box-sizing: border-box; }

/* Styles all "panels", which are the floating elements that appear when 
opening toolbar combos, menu buttons, context menus, etc. */
/*
Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or https://ckeditor.com/license
*/
/*
panel.css (part of editor.css)
================================
Panels are floating elements that can hold different types of contents.
The following are common uses of it:
	- The element that toolbar combos display when opening them.
	- The context menu.
	- The list of items displayed by "menu buttons" (e.g. scayt).
	- The panel shown when opening "panel buttons" (e.g. color buttons).
Panel contents are wrapped into an iframe, so it is possible to have additional
CSS loaded inside them (e.g. to have more accurate preview on the styles combo).
The following is a visual representation of the outer elements of a panel:
+-- .cke_panel(*) ---------------------+
| +-- IFRAME.cke_panel_frame --------+ |
| | +-- HTML.cke_panel_container --+ | |
| | | +-- .cke_panel_block ------+ | | |
| | | |                          | | | |
| | | |     (contents here)      | | | |
| | | |                          | | | |
| | | +--------------------------+ | | |
| | +------------------------------+ | |
| +----------------------------------+ |
+--------------------------------------+
(*) All kinds of panel share the above structure. Menu panels adds the
    .cke_menu_panel class to the outer element, while toolbar combos add the
	.cke_combopanel class.
This file also defines styles for panel lists (used by combos). For menu-like
panel contents and color panels check menu.css and colorpanel.css.
*/
/* The box that holds an IFRAME. It's inserted into a host document and positioned
   absolutely by the application. It floats above the host document/editor. */
.cke_panel {
  /* Restore the loading hide */
  visibility: visible;
  width: 120px;
  height: 100px;
  overflow: hidden;
  background-color: #282828;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }

/* This class represents panels which are used as context menus. */
.cke_menu_panel {
  padding: 0;
  margin: 0; }

/* This class represents panels which are used by rich combos. */
.cke_combopanel {
  width: 150px;
  height: 170px; }

/* The IFRAME the panel is wrapped into. */
.cke_panel_frame {
  width: 100%;
  height: 100%;
  font-size: 12px;
  overflow: auto;
  overflow-x: hidden; }

/* The HTML document which is a direct descendant of the IFRAME */
.cke_panel_container {
  overflow-y: auto;
  overflow-x: hidden; }

/* Remove focus outline. The .cke_panel_block gets focused after combo without any active item is selected. */
.cke_panel_block:focus {
  outline: none; }

/*
Here we start the definition of panel lists (e.g. combo panels). The following
is its visual representation:
+-- .cke_panel_block -----------------+
| +-- .cke_panel_grouptitle --------+ |
| |                                 | |
| +---------------------------------+ |
| +-- .cke_panel_list --------------+ |
| | +-- .cke_panel_listItem ------+ | |
| | | +-- a --------------------+ | | |
| | | | +-- span -------------+ | | | |
| | | | |                     | | | | |
| | | | +---------------------+ | | | |
| | | +-------------------------+ | | |
| | +-----------------------------+ | |
| | +-- .cke_panel_listItem ------+ | |
| | | +-- a --------------------+ | | |
| | | | +-- span -------------+ | | | |
| | | | |                     | | | | |
| | | | +---------------------+ | | | |
| | | +-------------------------+ | | |
| | +-----------------------------+ | |
| | ...                             | |
| +---------------------------------+ |
+-------------------------------------+
*/
/* The list of panel items. */
.cke_panel_list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  white-space: nowrap; }

/* The item of .cke_panel_list */
.cke_panel_listItem {
  margin: 0;
  padding: 0;
  background-color: #282828;
  color: #e5e5e5; }

/* The child of .cke_panel_listItem. These elements contain spans which are
   to display a real name of the property which is visible for an end-user. */
.cke_panel_listItem a {
  padding: 6px 7px;
  display: block;
  color: inherit !important;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis; }

.cke_hc .cke_panel_listItem a {
  border-style: none; }

.cke_panel_listItem.cke_selected a,
.cke_panel_listItem a:hover,
.cke_panel_listItem a:focus,
.cke_panel_listItem a:active {
  background-color: #333333; }

/* Redefine focus outline so it is the same for all browsers. */
.cke_panel_listItem a:focus {
  outline: 1px dotted #000; }

.cke_hc .cke_panel_listItem a:hover,
.cke_hc .cke_panel_listItem a:focus,
.cke_hc .cke_panel_listItem a:active {
  border: 2px solid;
  padding: 4px 5px; }

/* The following styles set defaults of the elements used by the Paragraph
   Format panel. */
.cke_panel_listItem p,
.cke_panel_listItem h1,
.cke_panel_listItem h2,
.cke_panel_listItem h3,
.cke_panel_listItem h4,
.cke_panel_listItem h5,
.cke_panel_listItem h6,
.cke_panel_listItem pre {
  margin-top: 0px;
  margin-bottom: 0px; }

/* The title of the entire panel which is visible on top of the list. */
.cke_panel_grouptitle {
  cursor: default;
  font-size: 11px;
  font-weight: bold;
  white-space: nowrap;
  margin: 0;
  padding: 6px 6px 7px 6px;
  color: #DEBA42;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  background: #282828; }

/* Styles the color panel displayed by the color buttons. */
/*
Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or https://ckeditor.com/license
*/
/*
colorpanel.css (part of editor.css)
=====================================
The color panel is related to the contents part of the panels that are
displayed when clicking the color buttons of the toolbar. See panels.css for
styles related to the outer part of panels.
The following is the visual representation of the color panel contents:
+-- .cke_panel_block.cke_colorblock --+
| +-- a.cke_colorauto --------------+ |
| |                                 | |
| |         AUTOMATIC COLOR         | |
| |                                 | |
| +---------------------------------+ |
| +-- table ------------------------+ |
| |                                 | |
| |          COLOR PALETTE          | |
| |                                 | |
| |---------------------------------| |
| |          "More Colors"          | |
| +---------------------------------+ |
+-------------------------------------+
The AUTOMATIC COLOR section is an <a> containing a table with two cells with
the following contents:
+-- TD -----------------+ +-- TD -----------------+
| +-- .cke_colorbox --+ | |                       |
| |                   | | |      "Automatic"      |
| +-------------------+ | |                       |
+-----------------------+ +-----------------------+
The COLOR PALETTE section instead is a table with a variable number of cells
(by default 8). Each cell represents a color box, with the following structure:
+-- A.cke_colorbox ---------+
| +-- SPAN.cke_colorbox --+ |
| |                       | |
| +-----------------------+ |
+---------------------------+
*/
/* The container of the color palette. */
.cke_colorblock {
  padding: 10px;
  font-size: 11px;
  font-family: 'Microsoft Sans Serif', Tahoma, Arial, Verdana, Sans-Serif;
  background-color: #282828;
  overflow: hidden; }

.cke_colorblock,
.cke_colorblock a {
  text-decoration: none;
  color: #e5e5e5; }

/* The wrapper of the span.cke_colorbox. It provides an extra border and padding. */
a.cke_colorbox {
  padding: 2px;
  float: left;
  width: 20px;
  height: 20px; }

.cke_rtl a.cke_colorbox {
  float: right; }

/* Different states of the a.cke_colorbox wrapper. */
a:hover.cke_colorbox,
a:focus.cke_colorbox,
a:active.cke_colorbox {
  outline: none;
  padding: 0;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 100%; }

a:hover.cke_colorbox {
  border-color: rgba(0, 0, 0, 0.2); }

/* The box which is to represent a single color on the color palette.
   It is a small, square-shaped element which can be selected from the palette. */
span.cke_colorbox {
  width: 20px;
  height: 20px;
  float: left;
  border-radius: 100%; }

.cke_rtl span.cke_colorbox {
  float: right; }

/* Buttons which are visible at the top/bottom of the color palette:
   - cke_colorauto (TOP) applies the automatic color.
   - cke_colormore (BOTTOM) executes the color dialog.
*/
a.cke_colorauto,
a.cke_colormore {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 3px;
  display: block;
  cursor: pointer; }

a.cke_colorauto {
  padding: 0;
  border: 1px solid transparent;
  margin-bottom: 6px;
  height: 26px;
  line-height: 26px; }

a.cke_colormore {
  margin-top: 10px;
  height: 20px;
  line-height: 19px; }

/* Different states of cke_colorauto/cke_colormore buttons. */
a:hover.cke_colorauto,
a:hover.cke_colormore,
a:focus.cke_colorauto,
a:focus.cke_colormore,
a:active.cke_colorauto,
a:active.cke_colormore {
  outline: none;
  border: solid 1px rgba(0, 0, 0, 0.2); }

a:hover.cke_colorauto,
a:hover.cke_colormore {
  border-color: rgba(0, 0, 0, 0.2); }

.cke_colorauto span.cke_colorbox {
  width: 18px;
  height: 18px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin-left: 1px;
  margin-top: 3px; }

.cke_rtl .cke_colorauto span.cke_colorbox {
  margin-left: 0;
  margin-right: 1px; }

span.cke_colorbox[style*="#ffffff"],
span.cke_colorbox[style*="#FFFFFF"],
span.cke_colorbox[style="background-color:#fff"],
span.cke_colorbox[style="background-color:#FFF"],
span.cke_colorbox[style*="rgb(255,255,255)"],
span.cke_colorbox[style*="rgb(255, 255, 255)"] {
  border: 1px solid rgba(0, 0, 0, 0.2);
  width: 18px;
  height: 18px; }

/* Styles to toolbar. */
/*
Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or https://ckeditor.com/license
*/
/*
toolbar.css (part of editor.css)
==================================
This files styles the CKEditor toolbar and its buttons. For toolbar combo
styles, check richcombo.css.
The toolbar is rendered as a big container (called toolbox), which contains
smaller "toolbars". Each toolbar represents a group of items that cannot be
separated. The following is the visual representation of the toolbox.
+-- .cke_toolbox ----------------------------------------------------------+
| +-- .cke_toolbar --+ +-- .cke_toolbar --+ ... +-- .cke_toolbar_break --+ |
| |                  | |                  |     |                        | |
| +------------------+ +------------------+     +------------------------+ |
| +-- .cke_toolbar --+ +-- .cke_toolbar --+ ...                            |
| |                  | |                  |                                |
| +------------------+ +------------------+                                |
+--------------------------------------------------------------------------+
The following instead is the visual representation of a single toolbar:
+-- .cke_toolbar ----------------------------------------------------------------+
| +-- .cke_toolbar_start --+ +-- .cke_toolgroup (*) --+ +-- .cke_toolbar_end --+ |
| |                        | |                        | |                      | |
| +------------------------+ +------------------------+ +----------------------+ |
+--------------------------------------------------------------------------------+
(*) .cke_toolgroup is available only when the toolbar items can be grouped
    (buttons). If the items can't be group (combos), this box is not available
	and the items are rendered straight in that place.
This file also styles toolbar buttons, which are rendered inside the above
.cke_toolgroup containers. This is the visual representation of a button:
+-- .cke_button -------------------------------------+
| +-- .cke_button_icon --+ +-- .cke_button_label --+ |
| |                      | |                       | |
| +----------------------+ +-----------------------+ |
+----------------------------------------------------+
Special outer level classes used in this file:
	.cke_hc: Available when the editor is rendered on "High Contrast".
	.cke_rtl: Available when the editor UI is on RTL.
*/
/* The box that holds each toolbar. */
.cke_toolbar {
  float: left; }

.cke_rtl .cke_toolbar {
  float: right; }

/* The box that holds buttons. */
.cke_toolgroup {
  border: 0;
  float: left;
  margin: 1px 2px 6px 0;
  /* Helps to set proper position for separators after .cke_button. */
  padding-right: 3px; }

.cke_rtl .cke_toolgroup {
  float: right;
  margin: 1px 0 6px 2px;
  /* Helps to set proper position for separators after .cke_button. */
  padding-left: 3px;
  padding-right: 0; }

.cke_hc .cke_toolgroup {
  margin-right: 5px;
  margin-bottom: 5px; }

.cke_hc.cke_rtl .cke_toolgroup {
  margin-right: 0;
  margin-left: 5px; }

/* A toolbar button . */
a.cke_button {
  display: inline-block;
  height: 18px;
  padding: 4px 6px;
  outline: none;
  cursor: default;
  float: left;
  border: 0;
  position: relative; }

.cke_rtl a.cke_button {
  float: right; }

.cke_hc a.cke_button {
  border: 1px solid black;
  /* Compensate the added border */
  padding: 3px 5px;
  margin: 0 3px 5px 0; }

.cke_hc.cke_rtl a.cke_button {
  margin: 0 0 5px 3px; }

/* This class is applied to the button when it is "active" (pushed).
   This style indicates that the feature associated with the button is active
   i.e. currently writing in bold or when spell checking is enabled. */
a.cke_button_on {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  border: 1px rgba(0, 0, 0, 0.3) solid;
  padding: 3px 5px; }

/* Button states. */
a.cke_button_off:hover,
a.cke_button_off:focus,
a.cke_button_off:active {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  border: 1px rgba(0, 0, 0, 0.1) solid;
  /* Compensate the border change */
  padding: 3px 5px; }

.cke_hc a.cke_button_on,
.cke_hc a.cke_button_off:hover,
.cke_hc a.cke_button_off:focus,
.cke_hc a.cke_button_off:active {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  border: 1px rgba(0, 0, 0, 0.1) solid;
  /* Compensate the border change */
  padding: 1px 3px; }

/* Disabled Button states. */
a.cke_button_disabled:hover,
a.cke_button_disabled:focus,
a.cke_button_disabled:active {
  border: 0;
  padding: 4px 6px;
  background-color: transparent; }

a.cke_button_disabled:focus {
  border: 1px rgba(0, 0, 0, 0.1) solid;
  padding: 3px 5px; }

.cke_hc a.cke_button_disabled:hover,
.cke_hc a.cke_button_disabled:focus,
.cke_hc a.cke_button_disabled:active {
  border: 1px solid #acacac;
  padding: 3px 5px;
  margin: 0 3px 5px 0; }

.cke_hc a.cke_button_disabled:focus {
  border: 3px solid #000;
  /* Compensate the border change */
  padding: 1px 3px; }

.cke_hc.cke_rtl a.cke_button_disabled:hover,
.cke_hc.cke_rtl a.cke_button_disabled:focus,
.cke_hc.cke_rtl a.cke_button_disabled:active {
  margin: 0 0 5px 3px; }

/* Disabled button. */
/* This class is applied to the button when the feature associated with the
   button cannot be used (grayed-out), i.e. paste button remains disabled when
   there is nothing in the clipboard to be pasted. */
a.cke_button_disabled .cke_button_icon,
a.cke_button_disabled .cke_button_arrow {
  opacity: 0.3; }

.cke_hc a.cke_button_disabled {
  border-color: #acacac; }

.cke_hc a.cke_button_disabled .cke_button_icon,
.cke_hc a.cke_button_disabled .cke_button_label {
  opacity: 0.5; }

/* Toolbar group separators. */
/* Separator after last button in the group. */
.cke_toolgroup a.cke_button:last-child:after,
.cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after {
  content: "";
  position: absolute;
  height: 18px;
  width: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 4px;
  top: 0;
  right: -3px; }

.cke_rtl .cke_toolgroup a.cke_button:last-child:after,
.cke_rtl .cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after {
  border-right: 0;
  right: auto;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  top: 0;
  left: -3px; }

.cke_hc .cke_toolgroup a.cke_button:last-child:after,
.cke_hc .cke_toolgroup a.cke_button.cke_button_disabled:last-child:after,
.cke_hc .cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after {
  border-color: #000;
  top: 0;
  right: -7px; }

.cke_hc.cke_rtl .cke_toolgroup a.cke_button:last-child:after,
.cke_hc.cke_rtl .cke_toolgroup a.cke_button.cke_button_disabled:last-child:after,
.cke_hc.cke_rtl .cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after {
  top: 0;
  right: auto;
  left: -7px; }

/* Adjust separator position on button hover. */
.cke_toolgroup a.cke_button:hover:last-child:after,
.cke_toolgroup a.cke_button.cke_button_on:last-child:after {
  top: -1px;
  right: -4px; }

.cke_rtl .cke_toolgroup a.cke_button:hover:last-child:after,
.cke_rtl .cke_toolgroup a.cke_button.cke_button_on:last-child:after {
  top: -1px;
  right: auto;
  left: -4px; }

.cke_hc .cke_toolgroup a.cke_button:hover:last-child:after,
.cke_hc .cke_toolgroup a.cke_button.cke_button_on:last-child:after {
  top: -2px;
  right: -9px; }

.cke_hc.cke_rtl .cke_toolgroup a.cke_button:hover:last-child:after,
.cke_hc.cke_rtl .cke_toolgroup a.cke_button.cke_button_on:last-child:after {
  top: -2px;
  right: auto;
  left: -9px; }

/* No separator after last button in a group in a row. */
.cke_toolbar.cke_toolbar_last .cke_toolgroup a.cke_button:last-child:after {
  content: none;
  border: none;
  width: 0;
  height: 0; }

/* Button inner elements. */
/* The icon which is a visual representation of the button. */
.cke_button_icon {
  cursor: inherit;
  background-repeat: no-repeat;
  margin-top: 1px;
  width: 16px;
  height: 16px;
  float: left;
  display: inline-block; }

.cke_rtl .cke_button_icon {
  float: right; }

.cke_hc .cke_button_icon {
  display: none; }

/* The label of the button that stores the name of the feature. By default,
   labels are invisible. They can be revealed on demand though. */
.cke_button_label {
  display: none;
  padding-left: 3px;
  margin-top: 1px;
  line-height: 17px;
  vertical-align: middle;
  float: left;
  cursor: default;
  color: #484848; }

.cke_rtl .cke_button_label {
  padding-right: 3px;
  padding-left: 0;
  float: right; }

.cke_hc .cke_button_label {
  padding: 0;
  display: inline-block;
  font-size: 12px; }

/* The small arrow available on buttons that can be expanded
   (e.g. the color buttons). */
.cke_button_arrow {
  /* Arrow in CSS */
  display: inline-block;
  margin: 8px 0 0 1px;
  width: 0;
  height: 0;
  cursor: default;
  vertical-align: top;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #484848; }

.cke_rtl .cke_button_arrow {
  margin-right: 5px;
  margin-left: 0; }

.cke_hc .cke_button_arrow {
  font-size: 10px;
  margin: 3px 0 0 3px;
  width: auto;
  border: 0; }

/* The vertical separator which is used within a single toolbar to split
   buttons into sub-groups. */
.cke_toolbar_separator {
  float: left;
  background-color: rgba(255, 255, 255, 0.1);
  margin: 4px 2px 0 2px;
  height: 18px;
  width: 1px; }

.cke_rtl .cke_toolbar_separator {
  float: right; }

.cke_hc .cke_toolbar_separator {
  background-color: #000;
  margin-left: 2px;
  margin-right: 5px;
  margin-bottom: 9px; }

.cke_hc.cke_rtl .cke_toolbar_separator {
  margin-left: 5px;
  margin-right: 2px; }

/* The dummy element that breaks toolbars.
   Once it is placed, the very next toolbar is moved to the new row. */
.cke_toolbar_break {
  display: block;
  clear: left; }

.cke_rtl .cke_toolbar_break {
  clear: right; }

/* The button, which when clicked hides (collapses) all the toolbars. */
a.cke_toolbox_collapser {
  width: 12px;
  height: 11px;
  float: right;
  margin: 11px 0 0;
  font-size: 0;
  cursor: default;
  text-align: center;
  border: 1px solid #bcbcbc; }

.cke_rtl .cke_toolbox_collapser {
  float: left; }

.cke_toolbox_collapser:hover {
  background: #e5e5e5; }

.cke_toolbox_collapser.cke_toolbox_collapser_min {
  margin: 0 2px 4px; }

/* The CSS arrow, which belongs to the toolbar collapser. */
.cke_toolbox_collapser .cke_arrow {
  display: inline-block;
  /* Pure CSS Arrow */
  height: 0;
  width: 0;
  font-size: 0;
  margin-top: 1px;
  border: 3px solid transparent;
  border-bottom-color: #484848; }

.cke_toolbox_collapser.cke_toolbox_collapser_min .cke_arrow {
  margin-top: 4px;
  border-bottom-color: transparent;
  border-top-color: #484848; }

.cke_hc .cke_toolbox_collapser .cke_arrow {
  font-size: 8px;
  width: auto;
  border: 0;
  margin-top: 0; }

/* Styles menus, which are lists of selectable items (context menu, menu button). */
/*
Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or https://ckeditor.com/license
*/
/*
menu.css (part of editor.css)
===============================
This file styles menus used in the editor UI. These menus are the list of
options available inside some "floating panels", like menu buttons of the
toolbar or the context menu.
Note that the menu itself doesn't include the floating element that holds it.
That element is styles in the panel.css file.
The following is a visual representation of the main elements of a menu:
+-- .cke_menu -----------------+
| +-- .cke_menuitem  --------+ |
| | +-- .cke_menubutton ---+ | |
| | |                      | | |
| | +----------------------+ | |
| +--------------------------+ |
| +-- .cke_menuseparator ----+ |
| ...                          |
+------------------------------+
This is the .cke_menubutton structure:
(Note that the menu button icon shares with toolbar button the common class .cke_button_icon to achieve the same outlook.)
+-- .cke_menubutton -------------------------------------------------------------------------+
| +-- .cke_menubutton_inner ---------------------------------------------------------------+ |
| | +-- .cke_menubutton_icon ---+ +-- .cke_menubutton_label --+ +-- .cke_cke_menuarrow --+ | |
| | | +-- .cke_button_icon ---+ | |                           | |                        | | |
| | | |                       | | |                           | |                        | | |
| | | +-----------------------+ | |                           | |                        | | |
| | +---------------------------+ +---------------------------+ +------------------------+ | |
| +----------------------------------------------------------------------------------------+ |
+--------------------------------------------------------------------------------------------+
Special outer level classes used in this file:
	.cke_hc: Available when the editor is rendered on "High Contrast".
	.cke_rtl: Available when the editor UI is on RTL.
*/
/* The .cke_menuitem is the element that holds the entire structure of each of the menu items. */
.cke_menuitem span {
  /* Avoid the text selection cursor inside menu items. */
  cursor: default; }

.cke_menubutton {
  /* The "button" inside a menu item is a <a> element.
     Transforms it into a block. */
  display: block; }

.cke_hc .cke_menubutton {
  padding: 2px; }

.cke_menubutton:hover,
.cke_menubutton:focus,
.cke_menubutton:active {
  background-color: #e9e9e9;
  display: block;
  outline: 1px dotted; }

.cke_menubutton:hover {
  outline: none; }

.cke_hc .cke_menubutton:hover,
.cke_hc .cke_menubutton:focus,
.cke_hc .cke_menubutton:active {
  border: 2px solid;
  padding: 0; }

.cke_menubutton_disabled:hover,
.cke_menubutton_disabled:focus,
.cke_menubutton_disabled:active {
  /* Do not change background color for disabled items. */
  background-color: transparent;
  outline: none; }

.cke_menubutton_inner {
  display: table-row; }

.cke_menubutton_icon,
.cke_menubutton_label,
.cke_menuarrow {
  display: table-cell; }

/* The menu item icon. */
.cke_menubutton_icon {
  background-color: #f8f8f8;
  padding: 6px 4px; }

.cke_hc .cke_menubutton_icon {
  height: 16px;
  width: 0;
  padding: 4px 0; }

.cke_menubutton:hover .cke_menubutton_icon,
.cke_menubutton:focus .cke_menubutton_icon,
.cke_menubutton:active .cke_menubutton_icon {
  background-color: #e9e9e9; }

.cke_menubutton_disabled:hover .cke_menubutton_icon,
.cke_menubutton_disabled:focus .cke_menubutton_icon,
.cke_menubutton_disabled:active .cke_menubutton_icon {
  /* Do not change background color for disabled items. */
  background-color: #f8f8f8;
  outline: none; }

.cke_menuitem .cke_menubutton_on {
  background-color: #e9e9e9;
  border: 1px solid #dedede;
  outline: none; }

.cke_menubutton_on .cke_menubutton_icon {
  padding-right: 3px;
  background-color: #e9e9e9; }

/* The textual part of each menu item. */
.cke_menubutton_label {
  padding: 0 5px;
  background-color: transparent;
  width: 100%;
  vertical-align: middle; }

/* Shortcut placed next to the label. */
.cke_menubutton_shortcut {
  color: #979797; }

.cke_menubutton_disabled .cke_menubutton_label {
  /* Greyed label text indicates a disabled menu item. */
  opacity: 0.3;
  filter: alpha(opacity=30); }

.cke_panel_frame .cke_menubutton_label {
  display: none; }

/* The separator used to separate menu item groups. */
.cke_menuseparator {
  background-color: #d1d1d1;
  height: 1px; }

/* The small arrow shown for item with sub-menus. */
.cke_menuarrow {
  background: transparent url(images/arrow.png) no-repeat 0 10px;
  padding: 0 5px; }

.cke_rtl .cke_menuarrow {
  background-position: 5px -13px;
  background-repeat: no-repeat; }

.cke_hc .cke_menuarrow {
  background-image: none; }

.cke_menuarrow span {
  display: none; }

.cke_hc .cke_menuarrow span {
  vertical-align: middle;
  display: inline; }

/* Styles toolbar combos. */
/*
Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or https://ckeditor.com/license
*/
/*
richcombo.css (part of editor.css)
=================================
This file holds the style set of the "Rich Combo" widget which is commonly used
in the toolbar. It doesn't, however, styles the panel that is displayed when
clicking on the combo, which is instead styled by panel.css.
The visual representation of a rich combo widget looks as follows:
+-- .cke_combo----------------------------------------------------------------------+
| +-- .cke_combo_label --+ +-- .cke_combo_button ---------------------------------+ |
| |                      | | +-- .cke_combo_text --+ +-- .cke_combo_open -------+ | |
| |                      | | |                     | | +-- .cke_combo_arrow --+ | | |
| |                      | | |                     | | |                      | | | |
| |                      | | |                     | | +----------------------+ | | |
| |                      | | +---------------------+ +--------------------------+ | |
| +----------------------+ +------------------------------------------------------+ |
+-----------------------------------------------------------------------------------+
*/
/* The box that hold the entire combo widget */
.cke_combo {
  display: inline-block;
  float: left;
  position: relative;
  margin-bottom: 5px; }

.cke_rtl .cke_combo {
  float: right; }

.cke_hc .cke_combo {
  margin-top: 1px;
  margin-bottom: 10px; }

/* Combo separators. */
/* Separators after every combo. */
.cke_combo:after {
  content: "";
  position: absolute;
  height: 18px;
  width: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 5px;
  top: 0;
  right: 0; }

.cke_rtl .cke_combo:after {
  border-right: 0;
  border-left: 1px solid #bcbcbc;
  right: auto;
  left: 0; }

.cke_hc .cke_combo:after {
  border-color: #000; }

/* Combo button. */
/* The container for combo text and arrow. */
a.cke_combo_button {
  cursor: default;
  display: inline-block;
  float: left;
  margin: 0;
  padding: 1px; }

.cke_rtl a.cke_combo_button {
  float: right; }

.cke_hc a.cke_combo_button {
  padding: 4px; }

/* Combo states. */
.cke_combo_on a.cke_combo_button,
.cke_combo_off a.cke_combo_button:hover,
.cke_combo_off a.cke_combo_button:focus,
.cke_combo_off a.cke_combo_button:active {
  background: #282828;
  border: 1px solid rgba(0, 0, 0, 0.2);
  /* Move combo so borders cover separators. Adjust padding to borders. */
  padding: 0 0 0 1px;
  margin-left: -1px; }

.cke_combo_off a.cke_combo_button:focus {
  outline: none; }

.cke_combo_on a.cke_combo_button,
.cke_combo_off a.cke_combo_button:active {
  background: #282828; }

.cke_rtl .cke_combo_on a.cke_combo_button,
.cke_rtl .cke_combo_off a.cke_combo_button:hover,
.cke_rtl .cke_combo_off a.cke_combo_button:focus,
.cke_rtl .cke_combo_off a.cke_combo_button:active {
  /* Move combo so borders cover separators. Adjust padding to borders. */
  padding: 0 1px 0 0;
  margin-left: 0;
  margin-right: -1px; }

.cke_hc .cke_combo_on a.cke_combo_button,
.cke_hc .cke_combo_off a.cke_combo_button:hover,
.cke_hc .cke_combo_off a.cke_combo_button:focus,
.cke_hc .cke_combo_off a.cke_combo_button:active {
  border: 3px solid rgba(0, 0, 0, 0.2);
  padding: 1px 1px 1px 2px; }

.cke_hc.cke_rtl .cke_combo_on a.cke_combo_button,
.cke_hc.cke_rtl .cke_combo_off a.cke_combo_button:hover,
.cke_hc.cke_rtl .cke_combo_off a.cke_combo_button:focus,
.cke_hc.cke_rtl .cke_combo_off a.cke_combo_button:active {
  padding: 1px 2px 1px 1px; }

/* First combo in a group. */
.cke_toolbar_start + .cke_combo_on a.cke_combo_button,
.cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover,
.cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus,
.cke_toolbar_start + .cke_combo_off a.cke_combo_button:active {
  /* Move first combo so borders cover separators. Adjust padding to borders. */
  padding: 0 0 0 3px;
  margin-left: -3px; }

.cke_rtl .cke_toolbar_start + .cke_combo_on a.cke_combo_button,
.cke_rtl .cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover,
.cke_rtl .cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus,
.cke_rtl .cke_toolbar_start + .cke_combo_off a.cke_combo_button:active {
  /* Move first combo so borders cover separators. Adjust padding to borders. */
  padding: 0 3px 0 0;
  margin-left: 0;
  margin-right: -3px; }

.cke_hc .cke_toolbar > .cke_toolbar_start + .cke_combo_on a.cke_combo_button,
.cke_hc .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover,
.cke_hc .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus,
.cke_hc .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:active {
  /* Move first combo so borders cover separators. Adjust padding to borders. */
  padding: 1px 1px 1px 7px;
  margin-left: -6px; }

.cke_hc.cke_rtl .cke_toolbar > .cke_toolbar_start + .cke_combo_on a.cke_combo_button,
.cke_hc.cke_rtl .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover,
.cke_hc.cke_rtl .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus,
.cke_hc.cke_rtl .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:active {
  /* Move first combo so borders cover separators. Adjust padding to borders. */
  padding: 1px 7px 1px 1px;
  margin-left: 0;
  margin-right: -6px; }

/* First combo in a toolbar. */
.cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_on a.cke_combo_button,
.cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover,
.cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus,
.cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:active,
.cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_on a.cke_combo_button,
.cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover,
.cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus,
.cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:active {
  /* If first combo in a row do not use negative margin so it is aligned with other rows on hover. */
  padding: 0;
  margin: 0; }

.cke_hc .cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_on a.cke_combo_button,
.cke_hc .cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover,
.cke_hc .cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus,
.cke_hc .cke_toolbox .cke_toolbar:first-child > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:active,
.cke_hc .cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_on a.cke_combo_button,
.cke_hc .cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:hover,
.cke_hc .cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:focus,
.cke_hc .cke_toolbar_break + .cke_toolbar > .cke_toolbar_start + .cke_combo_off a.cke_combo_button:active {
  /* If first combo in a row do not use negative margin so it is aligned with other rows on hover. */
  padding: 1px;
  margin: 0; }

/* Add Margin after last combo to keep next .cke_toolgroup same distance as in every other case. */
.cke_toolbar .cke_combo + .cke_toolbar_end,
.cke_toolbar .cke_combo + .cke_toolgroup {
  margin-right: 0;
  margin-left: 2px; }

.cke_rtl .cke_toolbar .cke_combo + .cke_toolbar_end,
.cke_rtl .cke_toolbar .cke_combo + .cke_toolgroup {
  margin-left: 0;
  margin-right: 2px; }

.cke_hc .cke_toolbar .cke_combo + .cke_toolbar_end,
.cke_hc .cke_toolbar .cke_combo + .cke_toolgroup {
  margin-left: 5px; }

.cke_hc.cke_rtl .cke_toolbar .cke_combo + .cke_toolbar_end,
.cke_hc.cke_rtl .cke_toolbar .cke_combo + .cke_toolgroup {
  margin-left: 0;
  margin-right: 5px; }

/* No separator after last combo in a row. */
.cke_toolbar.cke_toolbar_last .cke_combo:nth-last-child(-n + 2):after {
  content: none;
  border: none;
  width: 0;
  height: 0; }

/* Combo inner elements. */
/* The label that shows the current value of the rich combo.
   By default, it holds the name of the property.
   See: .cke_combo_inlinelabel */
.cke_combo_text {
  line-height: 26px;
  padding-left: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  float: left;
  cursor: default;
  color: #484848;
  width: 60px; }

.cke_rtl .cke_combo_text {
  float: right;
  text-align: right;
  padding-left: 0;
  padding-right: 10px; }

.cke_hc .cke_combo_text {
  line-height: 18px;
  font-size: 12px; }

/* The handler which opens the panel of rich combo properties.
   It holds an arrow as a visual indicator. */
.cke_combo_open {
  cursor: default;
  display: inline-block;
  font-size: 0;
  height: 19px;
  line-height: 17px;
  margin: 1px 10px 1px;
  width: 5px; }

.cke_hc .cke_combo_open {
  height: 12px; }

/* The arrow which is displayed inside of the .cke_combo_open handler. */
.cke_combo_arrow {
  cursor: default;
  margin: 11px 0 0;
  float: left;
  /* Pure CSS Arrow */
  height: 0;
  width: 0;
  font-size: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #484848; }

.cke_hc .cke_combo_arrow {
  font-size: 10px;
  width: auto;
  border: 0;
  margin-top: 3px; }

/* The label of the combo widget. It is invisible by default, yet
   it's important for semantics and accessibility. */
.cke_combo_label {
  display: none;
  float: left;
  line-height: 26px;
  vertical-align: top;
  margin-right: 5px; }

.cke_rtl .cke_combo_label {
  float: right;
  margin-left: 5px;
  margin-right: 0; }

/* Disabled combo button styles. */
.cke_combo_disabled .cke_combo_inlinelabel,
.cke_combo_disabled .cke_combo_open {
  opacity: 0.3; }

/* Styles the elements path bar, available at the bottom of the editor UI.*/
/*
Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or https://ckeditor.com/license
*/
/*
elementspath.css (part of editor.css)
=======================================
This file styles the "Elements Path", whith is the list of element names
present at the the bottom bar of the CKEditor interface.
The following is a visual representation of its main elements:
+-- .cke_path ---------------------------------------------------------------+
| +-- .cke_path_item ----+ +-- .cke_path_item ----+ +-- .cke_path_empty ---+ |
| |                      | |                      | |                      | |
| +----------------------+ +----------------------+ +----------------------+ |
+----------------------------------------------------------------------------+
*/
/* The box that holds the entire elements path. */
.cke_path {
  float: left;
  margin: -2px 0 2px; }

/* Each item of the elements path. */
a.cke_path_item,
span.cke_path_empty {
  display: inline-block;
  float: left;
  padding: 3px 4px;
  margin-right: 2px;
  cursor: default;
  text-decoration: none;
  outline: 0;
  border: 0;
  color: #DEBA42;
  font-weight: bold;
  font-size: 11px; }

.cke_rtl .cke_path,
.cke_rtl .cke_path_item,
.cke_rtl .cke_path_empty {
  float: right; }

/* The items are <a> elements, so we define its hover states here. */
a.cke_path_item:hover,
a.cke_path_item:focus,
a.cke_path_item:active {
  background-color: #e5e5e5; }

.cke_hc a.cke_path_item:hover,
.cke_hc a.cke_path_item:focus,
.cke_hc a.cke_path_item:active {
  border: 2px solid;
  padding: 1px 2px; }

/* Styles for notifications. */
/*
Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or https://ckeditor.com/license
*/
/**
 * Progress notification structure:
 *
 * +---div.cke_notification cke_notification_info--------------------------+
 * |                                                                       |
 * | +---div.cke_notification_progress-----------------------------------+ |
 * | |                                                                   | |
 * | +-------------------------------------------------------------------+ |
 * |                                                                       |
 * | +---p.cke_notification_message--------------------------------------+ |
 * | | Foo                                                               | |
 * | +-------------------------------------------------------------------+ |
 * |                                                                       |
 * | +---a.cke_notification_close----------------------------------------+ |
 * | | +---span.cke_label----------------------------------------------+ | |
 * | | | X                                                             | | |
 * | | +---------------------------------------------------------------+ | |
 * | +-------------------------------------------------------------------+ |
 * |                                                                       |
 * +-----------------------------------------------------------------------+
 *
 *
 * Warning notification structure:
 *
 * +---div.cke_notification cke_notification_warning-----------------------+
 * |                                                                       |
 * | +---p.cke_notification_message--------------------------------------+ |
 * | | Foo                                                               | |
 * | +-------------------------------------------------------------------+ |
 * |                                                                       |
 * | +---a.cke_notification_close----------------------------------------+ |
 * | | +---span.cke_label----------------------------------------------+ | |
 * | | | X                                                             | | |
 * | | +---------------------------------------------------------------+ | |
 * | +-------------------------------------------------------------------+ |
 * |                                                                       |
 * +-----------------------------------------------------------------------+
 *
 * Success and info notifications have the same structure as warning, but use
 * `cke_notification_success` and `cke_notification_info` instead of `cke_notification_warning`.
 */
.cke_notifications_area {
  /* Prevent notification margin capture clicking. */
  pointer-events: none; }

.cke_notification {
  pointer-events: auto;
  position: relative;
  margin: 10px;
  width: 300px;
  color: white;
  text-align: center;
  opacity: 0.95;
  filter: alpha(opacity=95);
  -webkit-animation: fadeIn 0.7s;
  animation: fadeIn 0.7s; }

.cke_notification_message a {
  color: #12306F; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0.4; }
  to {
    opacity: 0.95; } }
@keyframes fadeIn {
  from {
    opacity: 0.4; }
  to {
    opacity: 0.95; } }
.cke_notification_success {
  background: #72B572;
  border: 1px solid #63A563; }

.cke_notification_warning {
  background: #C83939;
  border: 1px solid #902B2B; }

.cke_notification_info {
  background: #2E9AD0;
  border: 1px solid #0F74A8; }

.cke_notification_info span.cke_notification_progress {
  background-color: #0F74A8;
  display: block;
  padding: 0;
  margin: 0;
  height: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 1; }

.cke_notification_message {
  position: relative;
  margin: 4px 23px 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  z-index: 4;
  text-overflow: ellipsis;
  overflow: hidden; }

.cke_notification_close {
  background-image: url(images/close.png);
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  cursor: pointer;
  text-align: center;
  height: 20px;
  width: 20px;
  top: 1px;
  right: 1px;
  padding: 0;
  margin: 0;
  z-index: 5;
  opacity: 0.6;
  filter: alpha(opacity=60); }

.cke_notification_close:hover {
  opacity: 1;
  filter: alpha(opacity=100); }

.cke_notification_close span {
  display: none; }

.cke_notification_warning a.cke_notification_close {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.cke_notification_warning a.cke_notification_close:hover {
  opacity: 1;
  filter: alpha(opacity=100); }

/* Default button icons */
.cke_button__about_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 0px !important; }

.cke_button__bold_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -24px !important; }

.cke_button__italic_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -48px !important; }

.cke_button__strike_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -72px !important; }

.cke_button__subscript_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -96px !important; }

.cke_button__superscript_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -120px !important; }

.cke_button__underline_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -144px !important; }

.cke_button__bidiltr_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -168px !important; }

.cke_button__bidirtl_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -192px !important; }

.cke_button__blockquote_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -216px !important; }

.cke_rtl .cke_button__copy_icon,
.cke_mixed_dir_content .cke_rtl .cke_button__copy_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -240px !important; }

.cke_ltr .cke_button__copy_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -264px !important; }

.cke_rtl .cke_button__cut_icon,
.cke_mixed_dir_content .cke_rtl .cke_button__cut_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -288px !important; }

.cke_ltr .cke_button__cut_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -312px !important; }

.cke_rtl .cke_button__paste_icon,
.cke_mixed_dir_content .cke_rtl .cke_button__paste_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -336px !important; }

.cke_ltr .cke_button__paste_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -360px !important; }

.cke_button__bgcolor_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -384px !important; }

.cke_button__textcolor_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -408px !important; }

.cke_rtl .cke_button__templates_icon,
.cke_mixed_dir_content .cke_rtl .cke_button__templates_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -432px !important; }

.cke_ltr .cke_button__templates_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -456px !important; }

.cke_button__copyformatting_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -480px !important; }

.cke_button__creatediv_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -504px !important; }

.cke_rtl .cke_button__find_icon,
.cke_mixed_dir_content .cke_rtl .cke_button__find_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -528px !important; }

.cke_ltr .cke_button__find_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -552px !important; }

.cke_button__replace_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -576px !important; }

.cke_button__flash_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -600px !important; }

.cke_button__button_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -624px !important; }

.cke_button__checkbox_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -648px !important; }

.cke_button__form_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -672px !important; }

.cke_button__hiddenfield_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -696px !important; }

.cke_button__imagebutton_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -720px !important; }

.cke_button__radio_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -744px !important; }

.cke_rtl .cke_button__select_icon,
.cke_mixed_dir_content .cke_rtl .cke_button__select_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -768px !important; }

.cke_ltr .cke_button__select_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -792px !important; }

.cke_rtl .cke_button__textarea_icon,
.cke_mixed_dir_content .cke_rtl .cke_button__textarea_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -816px !important; }

.cke_ltr .cke_button__textarea_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -840px !important; }

.cke_rtl .cke_button__textfield_icon,
.cke_mixed_dir_content .cke_rtl .cke_button__textfield_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -864px !important; }

.cke_ltr .cke_button__textfield_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -888px !important; }

.cke_button__horizontalrule_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -912px !important; }

.cke_button__iframe_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -936px !important; }

.cke_button__image_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -960px !important; }

.cke_rtl .cke_button__indent_icon,
.cke_mixed_dir_content .cke_rtl .cke_button__indent_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -984px !important; }

.cke_ltr .cke_button__indent_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1008px !important; }

.cke_rtl .cke_button__outdent_icon,
.cke_mixed_dir_content .cke_rtl .cke_button__outdent_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1032px !important; }

.cke_ltr .cke_button__outdent_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1056px !important; }

.cke_button__smiley_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1080px !important; }

.cke_button__justifyblock_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1104px !important; }

.cke_button__justifycenter_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1128px !important; }

.cke_button__justifyleft_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1152px !important; }

.cke_button__justifyright_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1176px !important; }

.cke_button__language_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1200px !important; }

.cke_rtl .cke_button__anchor_icon,
.cke_mixed_dir_content .cke_rtl .cke_button__anchor_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1224px !important; }

.cke_ltr .cke_button__anchor_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1248px !important; }

.cke_button__link_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1272px !important; }

.cke_button__unlink_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1296px !important; }

.cke_rtl .cke_button__bulletedlist_icon,
.cke_mixed_dir_content .cke_rtl .cke_button__bulletedlist_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1320px !important; }

.cke_ltr .cke_button__bulletedlist_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1344px !important; }

.cke_rtl .cke_button__numberedlist_icon,
.cke_mixed_dir_content .cke_rtl .cke_button__numberedlist_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1368px !important; }

.cke_ltr .cke_button__numberedlist_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1392px !important; }

.cke_button__maximize_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1416px !important; }

.cke_rtl .cke_button__newpage_icon,
.cke_mixed_dir_content .cke_rtl .cke_button__newpage_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1440px !important; }

.cke_ltr .cke_button__newpage_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1464px !important; }

.cke_rtl .cke_button__pagebreak_icon,
.cke_mixed_dir_content .cke_rtl .cke_button__pagebreak_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1488px !important; }

.cke_ltr .cke_button__pagebreak_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1512px !important; }

.cke_rtl .cke_button__pastetext_icon,
.cke_mixed_dir_content .cke_rtl .cke_button__pastetext_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1536px !important; }

.cke_ltr .cke_button__pastetext_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1560px !important; }

.cke_rtl .cke_button__pastefromword_icon,
.cke_mixed_dir_content .cke_rtl .cke_button__pastefromword_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1584px !important; }

.cke_ltr .cke_button__pastefromword_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1608px !important; }

.cke_rtl .cke_button__preview_icon,
.cke_mixed_dir_content .cke_rtl .cke_button__preview_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1632px !important; }

.cke_ltr .cke_button__preview_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1656px !important; }

.cke_button__print_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1680px !important; }

.cke_button__removeformat_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1704px !important; }

.cke_button__save_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1728px !important; }

.cke_button__selectall_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1752px !important; }

.cke_rtl .cke_button__showblocks_icon,
.cke_mixed_dir_content .cke_rtl .cke_button__showblocks_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1776px !important; }

.cke_ltr .cke_button__showblocks_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1800px !important; }

.cke_rtl .cke_button__source_icon,
.cke_mixed_dir_content .cke_rtl .cke_button__source_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1824px !important; }

.cke_ltr .cke_button__source_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1848px !important; }

.cke_button__specialchar_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1872px !important; }

.cke_button__scayt_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1896px !important; }

.cke_button__table_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1920px !important; }

.cke_rtl .cke_button__redo_icon,
.cke_mixed_dir_content .cke_rtl .cke_button__redo_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1944px !important; }

.cke_ltr .cke_button__redo_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1968px !important; }

.cke_rtl .cke_button__undo_icon,
.cke_mixed_dir_content .cke_rtl .cke_button__undo_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -1992px !important; }

.cke_ltr .cke_button__undo_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -2016px !important; }

.cke_button__spellchecker_icon {
  background: url(gold.png?t=dee99e2) no-repeat 0 -2040px !important; }

.cke_hidpi .cke_button__about_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 0px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__bold_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -24px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__italic_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -48px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__strike_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -72px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__subscript_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -96px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__superscript_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -120px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__underline_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -144px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__bidiltr_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -168px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__bidirtl_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -192px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__blockquote_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -216px !important;
  background-size: 16px !important; }

.cke_rtl.cke_hidpi .cke_button__copy_icon,
.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__copy_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -240px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_ltr .cke_button__copy_icon,
.cke_ltr.cke_hidpi .cke_button__copy_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -264px !important;
  background-size: 16px !important; }

.cke_rtl.cke_hidpi .cke_button__cut_icon,
.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__cut_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -288px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_ltr .cke_button__cut_icon,
.cke_ltr.cke_hidpi .cke_button__cut_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -312px !important;
  background-size: 16px !important; }

.cke_rtl.cke_hidpi .cke_button__paste_icon,
.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__paste_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -336px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_ltr .cke_button__paste_icon,
.cke_ltr.cke_hidpi .cke_button__paste_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -360px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__bgcolor_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -384px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__textcolor_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -408px !important;
  background-size: 16px !important; }

.cke_rtl.cke_hidpi .cke_button__templates_icon,
.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__templates_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -432px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_ltr .cke_button__templates_icon,
.cke_ltr.cke_hidpi .cke_button__templates_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -456px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__copyformatting_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -480px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__creatediv_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -504px !important;
  background-size: 16px !important; }

.cke_rtl.cke_hidpi .cke_button__find_icon,
.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__find_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -528px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_ltr .cke_button__find_icon,
.cke_ltr.cke_hidpi .cke_button__find_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -552px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__replace_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -576px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__flash_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -600px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__button_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -624px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__checkbox_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -648px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__form_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -672px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__hiddenfield_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -696px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__imagebutton_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -720px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__radio_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -744px !important;
  background-size: 16px !important; }

.cke_rtl.cke_hidpi .cke_button__select_icon,
.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__select_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -768px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_ltr .cke_button__select_icon,
.cke_ltr.cke_hidpi .cke_button__select_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -792px !important;
  background-size: 16px !important; }

.cke_rtl.cke_hidpi .cke_button__textarea_icon,
.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__textarea_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -816px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_ltr .cke_button__textarea_icon,
.cke_ltr.cke_hidpi .cke_button__textarea_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -840px !important;
  background-size: 16px !important; }

.cke_rtl.cke_hidpi .cke_button__textfield_icon,
.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__textfield_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -864px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_ltr .cke_button__textfield_icon,
.cke_ltr.cke_hidpi .cke_button__textfield_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -888px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__horizontalrule_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -912px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__iframe_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -936px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__image_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -960px !important;
  background-size: 16px !important; }

.cke_rtl.cke_hidpi .cke_button__indent_icon,
.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__indent_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -984px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_ltr .cke_button__indent_icon,
.cke_ltr.cke_hidpi .cke_button__indent_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1008px !important;
  background-size: 16px !important; }

.cke_rtl.cke_hidpi .cke_button__outdent_icon,
.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__outdent_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1032px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_ltr .cke_button__outdent_icon,
.cke_ltr.cke_hidpi .cke_button__outdent_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1056px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__smiley_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1080px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__justifyblock_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1104px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__justifycenter_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1128px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__justifyleft_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1152px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__justifyright_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1176px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__language_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1200px !important;
  background-size: 16px !important; }

.cke_rtl.cke_hidpi .cke_button__anchor_icon,
.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__anchor_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1224px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_ltr .cke_button__anchor_icon,
.cke_ltr.cke_hidpi .cke_button__anchor_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1248px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__link_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1272px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__unlink_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1296px !important;
  background-size: 16px !important; }

.cke_rtl.cke_hidpi .cke_button__bulletedlist_icon,
.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__bulletedlist_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1320px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_ltr .cke_button__bulletedlist_icon,
.cke_ltr.cke_hidpi .cke_button__bulletedlist_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1344px !important;
  background-size: 16px !important; }

.cke_rtl.cke_hidpi .cke_button__numberedlist_icon,
.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__numberedlist_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1368px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_ltr .cke_button__numberedlist_icon,
.cke_ltr.cke_hidpi .cke_button__numberedlist_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1392px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__maximize_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1416px !important;
  background-size: 16px !important; }

.cke_rtl.cke_hidpi .cke_button__newpage_icon,
.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__newpage_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1440px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_ltr .cke_button__newpage_icon,
.cke_ltr.cke_hidpi .cke_button__newpage_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1464px !important;
  background-size: 16px !important; }

.cke_rtl.cke_hidpi .cke_button__pagebreak_icon,
.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pagebreak_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1488px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_ltr .cke_button__pagebreak_icon,
.cke_ltr.cke_hidpi .cke_button__pagebreak_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1512px !important;
  background-size: 16px !important; }

.cke_rtl.cke_hidpi .cke_button__pastetext_icon,
.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pastetext_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1536px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_ltr .cke_button__pastetext_icon,
.cke_ltr.cke_hidpi .cke_button__pastetext_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1560px !important;
  background-size: 16px !important; }

.cke_rtl.cke_hidpi .cke_button__pastefromword_icon,
.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__pastefromword_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1584px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_ltr .cke_button__pastefromword_icon,
.cke_ltr.cke_hidpi .cke_button__pastefromword_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1608px !important;
  background-size: 16px !important; }

.cke_rtl.cke_hidpi .cke_button__preview_icon,
.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__preview_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1632px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_ltr .cke_button__preview_icon,
.cke_ltr.cke_hidpi .cke_button__preview_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1656px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__print_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1680px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__removeformat_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1704px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__save_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1728px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__selectall_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1752px !important;
  background-size: 16px !important; }

.cke_rtl.cke_hidpi .cke_button__showblocks_icon,
.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__showblocks_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1776px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_ltr .cke_button__showblocks_icon,
.cke_ltr.cke_hidpi .cke_button__showblocks_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1800px !important;
  background-size: 16px !important; }

.cke_rtl.cke_hidpi .cke_button__source_icon,
.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__source_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1824px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_ltr .cke_button__source_icon,
.cke_ltr.cke_hidpi .cke_button__source_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1848px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__specialchar_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1872px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__scayt_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1896px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__table_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1920px !important;
  background-size: 16px !important; }

.cke_rtl.cke_hidpi .cke_button__redo_icon,
.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__redo_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1944px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_ltr .cke_button__redo_icon,
.cke_ltr.cke_hidpi .cke_button__redo_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1968px !important;
  background-size: 16px !important; }

.cke_rtl.cke_hidpi .cke_button__undo_icon,
.cke_hidpi .cke_mixed_dir_content .cke_rtl .cke_button__undo_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -1992px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_ltr .cke_button__undo_icon,
.cke_ltr.cke_hidpi .cke_button__undo_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -2016px !important;
  background-size: 16px !important; }

.cke_hidpi .cke_button__spellchecker_icon {
  background: url(icons_hidpi.png?t=dee99e2) no-repeat 0 -2040px !important;
  background-size: 16px !important; }

/* Important!
To avoid showing the editor UI while its styles are still not available, the
editor creates it with visibility:hidden. Here, we restore the UI visibility. */
.cke_chrome {
  visibility: inherit; }

/* For accessibility purposes, several "voice labels" are present in the UI.
These are usually <span> elements that show not be visible, but that are
used by screen-readers to announce other elements. Here, we hide these
<spans>, in fact. */
.cke_voice_label {
  display: none; }

legend.cke_voice_label {
  display: none; }