apostrophe-editor-2/public/js/vendor/ckeditor/apostrophe/editor.less

A new content area editor for Apostrophe. Integrates ckeditor and allows the option of using other rich text editors. Alternative content area editors can also be created following the same interface.

@apos-base: #dd3226;

@apos-lighten-10: lighten(@apos-base, 8%);
@apos-disabled: fade(@apos-base, 50%);
@apos-shade-5: darken(@apos-base, 3%);
@apos-shade-10: darken(@apos-base, 10%);
@apos-shade-20: darken(@apos-base, 20%);
@apos-shade-30: darken(@apos-base, 30%);

/* GREYS */

@apos-grey70: lighten(@apos-grey,70%);
@apos-grey60: lighten(@apos-grey,60%);
@apos-grey50: lighten(@apos-grey,50%);
@apos-grey55: lighten(@apos-grey,55%);
@apos-grey40: lighten(@apos-grey,40%);
@apos-grey30: lighten(@apos-grey,30%);
@apos-grey20: lighten(@apos-grey,20%);
@apos-grey10: lighten(@apos-grey,10%);
@apos-grey5: lighten(@apos-grey,5%);

@apos-grey: rgb(50,50,50);
@apos-grey-light: rgb(238, 238, 238);

@apos-grey-10: darken(@apos-grey,10%);
@apos-grey-20: darken(@apos-grey,20%);

@apos-grey-blue: rgb(157, 179, 180);
@apos-steel: #353B3B;

// Warn Yellow
@apos-yellow: #FEE000;

// Success Green
@apos-green: #39B54A;
.apos-bg-gradient {
  /* fallback */
  background-color: @apos-base;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(@apos-base), to(@apos-lighten-10));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, @apos-base, @apos-lighten-10);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, @apos-base, @apos-lighten-10);
  /* IE 10 */
  background: -ms-linear-gradient(top, @apos-base, @apos-lighten-10);
}

// .apos-base-grad {
//   .apos-bg-gradient(@apos-base, @apos-lighten-10);
// }

/*
Copyright (c) 2003-2013,  CKSource - Frederico Knabben. All rights reserved.
For licensing,  see LICENSE.md or http://ckeditor.com/license
*/
.cke_reset {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  text-decoration: none;
  width: auto;
  height: auto;
  vertical-align: baseline;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
.cke_reset_all, .cke_reset_all * {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  text-decoration: none;
  width: auto;
  height: auto;
  vertical-align: baseline;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  border-collapse: collapse;
  font: normal normal normal 12px Arial, Helvetica, Tahoma, Verdana, Sans-Serif;
  color: #000;
  text-align: left;
  white-space: nowrap;
  cursor: auto;
}
.cke_reset_all .cke_rtl * {
  text-align: right;
}
.cke_reset_all iframe {
  vertical-align: inherit;
}
.cke_reset_all textarea {
  white-space: pre;
}
.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;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.cke_chrome {
  display: block;
  border: 1px solid #b6b6b6;
  padding: 0;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  box-shadow: 0 0 3px rgba(0, 0, 0, .15);
}
.cke_inner {
  display: block;
  -webkit-touch-callout: none;
  background: #fff;
  padding: 0;
}
.cke_float {
  border: 0;
}
.cke_float .cke_inner {
  padding-bottom: 0;
}
.cke_top, .cke_contents, .cke_bottom {
  display: block;
  overflow: hidden;
}
.cke_top {
  // border-bottom: 1px solid #b6b6b6;
  padding: 6px 8px 2px;
  white-space: normal;
  // -moz-box-shadow: 0 1px 0 #fff inset;
  // -webkit-box-shadow: 0 1px 0 #fff inset;
  // box-shadow: 0 1px 0 #fff inset;
  // background: #cfd1cf;
  // background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#cfd1cf));
  // background-image: -moz-linear-gradient(top, #f5f5f5, #cfd1cf);
  // background-image: -webkit-linear-gradient(top, #f5f5f5, #cfd1cf);
  // background-image: -o-linear-gradient(top, #f5f5f5, #cfd1cf);
  // background-image: -ms-linear-gradient(top, #f5f5f5, #cfd1cf);
  // background-image: linear-gradient(top, #f5f5f5, #cfd1cf);
  // filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f5f5f5', endColorstr='#cfd1cf');
}
.cke_float .cke_top {
  // border: 1px solid #b6b6b6;
  // border-bottom-color: #999;
}
.cke_bottom {
  padding: 6px 8px 2px;
  position: relative;
  border-top: 1px solid #bfbfbf;
  -moz-box-shadow: 0 1px 0 #fff inset;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  background: #cfd1cf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#cfd1cf));
  background-image: -moz-linear-gradient(top, #ebebeb, #cfd1cf);
  background-image: -webkit-linear-gradient(top, #ebebeb, #cfd1cf);
  background-image: -o-linear-gradient(top, #ebebeb, #cfd1cf);
  background-image: -ms-linear-gradient(top, #ebebeb, #cfd1cf);
  background-image: linear-gradient(top, #ebebeb, #cfd1cf);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ebebeb', endColorstr='#cfd1cf');
}
.cke_browser_ios .cke_contents {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.cke_resizer {
  width: 0;
  height: 0;
  overflow: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 10px 10px 0 0;
  border-color: transparent #666 transparent transparent;
  border-style: dashed solid dashed dashed;
  font-size: 0;
  vertical-align: bottom;
  margin-top: 6px;
  margin-bottom: 2px;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .3);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .3);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .3);
}
.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;
}
.cke_resizer_rtl {
  border-width: 10px 0 0 10px;
  border-color: transparent transparent transparent #a5a5a5;
  border-style: dashed dashed dashed solid;
  cursor: sw-resize;
  float: left;
  margin-left: -4px;
  right: auto;
}
.cke_wysiwyg_div {
  display: block;
  height: 100%;
  overflow: auto;
  padding: 0 8px;
  outline-style: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cke_panel {
  visibility: visible;
  width: 120px;
  height: 100px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #b6b6b6;
  border-bottom-color: #999;
  // -moz-border-radius: 3px;
  // -webkit-border-radius: 3px;
  // border-radius: 3px;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  box-shadow: 0 0 3px rgba(0, 0, 0, .15);
}
.cke_menu_panel {
  padding: 0;
  margin: 0;
}
.cke_combopanel {
  width: 150px;
  height: 170px;
}
.cke_panel_frame {
  width: 100%;
  height: 100%;
  font-size: 12px;
  overflow: auto;
  overflow-x: hidden;
}
.cke_panel_container {
  overflow-y: auto;
  overflow-x: hidden;
  // border: 10px solid red;
  // background-color: #3f3f3f !important;
  // background: -webkit-gradient(linear, 0 0, 0 100%, from(#3f3f3f), to(#323232));
  // background: -webkit-linear-gradient(top, #3f3f3f, #323232);

  -webkit-border-radius: 3px;
          border-radius: 3px;
}
.cke_panel_list {
  list-style-type: none;
  margin: 3px;
  padding: 0;
  white-space: nowrap;
}
.cke_panel_listItem {
  margin: 0;
  padding-bottom: 1px;

}
.cke_panel_listItem a {
  padding: 3px 4px;
  display: block;
  border: 1px solid #fff;
  color: inherit!important;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;

// // start
//   color: @apos-grey-blue !important;
//   -webkit-transition: all .1s ease;
//   -moz-transition: all .1s ease;
//   // width: 100%;
//   // margin-right: 0px;
//   padding: 10px 15px;
//   font-size: 12px;
//   cursor: pointer;
//   line-height: 2;
//   border-bottom: 1px solid @apos-grey10;
//   &:hover
//   {
//     color: #fff !important;
//     background: @apos-grey-10 !important;
//     text-shadow: none;
//   }
//   &:first-child
//   {
//     border-top-right-radius: 3px;
//     border-top-left-radius: 3px;
//   }
//   &:last-child
//   {
//     border-bottom-right-radius: 3px;
//     border-bottom-left-radius: 3px;
//     border-bottom: none;
//   }
// //

}
* html .cke_panel_listItem a {
  width: 100%;
  color: #000;
}
*:first-child+html .cke_panel_listItem a {
  color: #000;
}
.cke_panel_listItem.cke_selected a {
  border: 1px solid #dedede;
  background-color: #f2f2f2;
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .1) inset;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1) inset;
  box-shadow: 0 0 2px rgba(0, 0, 0, .1) inset;
}
.cke_panel_listItem a:hover, .cke_panel_listItem a:focus, .cke_panel_listItem a:active {
  border-color: #dedede;
  background-color: #f2f2f2;
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .1) inset;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1) inset;
  box-shadow: 0 0 2px rgba(0, 0, 0, .1) inset;
}
.cke_hc .cke_panel_listItem a {
  border-style: none;
}
.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: 1px 2px;
}
.cke_panel_grouptitle {
  font-size: 11px;
  font-weight: bold;
  white-space: nowrap;
  margin: 0;
  padding: 4px 6px;
  color: #474747;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
  border-bottom: 1px solid #b6b6b6;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  -moz-box-shadow: 0 1px 0 #fff inset;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  background: #cfd1cf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#cfd1cf));
  background-image: -moz-linear-gradient(top, #f5f5f5, #cfd1cf);
  background-image: -webkit-linear-gradient(top, #f5f5f5, #cfd1cf);
  background-image: -o-linear-gradient(top, #f5f5f5, #cfd1cf);
  background-image: -ms-linear-gradient(top, #f5f5f5, #cfd1cf);
  background-image: linear-gradient(top, #f5f5f5, #cfd1cf);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f5f5f5', endColorstr='#cfd1cf');
}
.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: 0;
  margin-bottom: 0;
}
.cke_colorblock {
  padding: 3px;
  font-size: 11px;
  font-family: 'Microsoft Sans Serif', Tahoma, Arial, Verdana, Sans-Serif;
}
.cke_colorblock, .cke_colorblock a {
  text-decoration: none;
  color: #000;
}
span.cke_colorbox {
  width: 10px;
  height: 10px;
  border: #808080 1px solid;
  float: left;
}
.cke_rtl span.cke_colorbox {
  float: right;
}
a.cke_colorbox {
  border: #fff 1px solid;
  padding: 2px;
  float: left;
  width: 12px;
  height: 12px;
}
.cke_rtl a.cke_colorbox {
  float: right;
}
a:hover.cke_colorbox, a:focus.cke_colorbox, a:active.cke_colorbox {
  border: #b6b6b6 1px solid;
  background-color: #e5e5e5;
}
a.cke_colorauto, a.cke_colormore {
  border: #fff 1px solid;
  padding: 2px;
  display: block;
  cursor: pointer;
}
a:hover.cke_colorauto, a:hover.cke_colormore, a:focus.cke_colorauto, a:focus.cke_colormore, a:active.cke_colorauto, a:active.cke_colormore {
  border: #b6b6b6 1px solid;
  background-color: #e5e5e5;
}
.cke_toolbar {
  float: left;
}
.cke_rtl .cke_toolbar {
  float: right;
}
.cke_toolgroup {
  float: left;
  margin: 0 6px 5px 0;
  border: 1px solid #a6a6a6;
  border-bottom-color: #979797;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  background: #e4e4e4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e4e4e4));
  background-image: -moz-linear-gradient(top, #fff, #e4e4e4);
  background-image: -webkit-linear-gradient(top, #fff, #e4e4e4);
  background-image: -o-linear-gradient(top, #fff, #e4e4e4);
  background-image: -ms-linear-gradient(top, #fff, #e4e4e4);
  background-image: linear-gradient(top, #fff, #e4e4e4);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4');
}
.cke_hc .cke_toolgroup {
  border: 0;
  margin-right: 10px;
  margin-bottom: 10px;
}
.cke_rtl .cke_toolgroup *:first-child {
  -moz-border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}
.cke_rtl .cke_toolgroup *:last-child {
  -moz-border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}
.cke_rtl .cke_toolgroup {
  float: right;
  margin-left: 6px;
  margin-right: 0;
}
a.cke_button {
  display: inline-block;
  // height: 18px;
  padding: 4px 6px;
  outline: 0;
  cursor: default;
  float: left;
  border: 0;
}
.cke_rtl .cke_button {
  float: right;
}
.cke_hc .cke_button {
  border: 1px solid black;
  padding: 3px 5px;
  margin: -2px 4px 0 -2px;
}
.cke_button_on {
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .6) inset, 0 1px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .6) inset, 0 1px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, .6) inset, 0 1px 0 rgba(0, 0, 0, .2);
  background: #b5b5b5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#cacaca));
  background-image: -moz-linear-gradient(top, #aaa, #cacaca);
  background-image: -webkit-linear-gradient(top, #aaa, #cacaca);
  background-image: -o-linear-gradient(top, #aaa, #cacaca);
  background-image: -ms-linear-gradient(top, #aaa, #cacaca);
  background-image: linear-gradient(top, #aaa, #cacaca);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#aaaaaa', endColorstr='#cacaca');
}
.cke_hc .cke_button_on, .cke_hc a.cke_button_off:hover, .cke_hc a.cke_button_off:focus, .cke_hc a.cke_button_off:active, .cke_hc a.cke_button_disabled:hover, .cke_hc a.cke_button_disabled:focus, .cke_hc a.cke_button_disabled:active {
  border-width: 3px;
  padding: 1px 3px;
}
.cke_button_disabled .cke_button_icon {
  opacity: .3;
}
.cke_hc .cke_button_disabled {
  opacity: .5;
}
a.cke_button_on:hover, a.cke_button_on:focus, a.cke_button_on:active {
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, .7) inset, 0 1px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .7) inset, 0 1px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 6px rgba(0, 0, 0, .7) inset, 0 1px 0 rgba(0, 0, 0, .2);
}
// a.cke_button_off:hover, a.cke_button_off:focus, a.cke_button_off:active, a.cke_button_disabled:hover, a.cke_button_disabled:focus, a.cke_button_disabled:active {
//   -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .3) inset;
//   -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .3) inset;
//   box-shadow: 0 0 1px rgba(0, 0, 0, .3) inset;
//   background: #ccc;
//   background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ccc));
//   background-image: -moz-linear-gradient(top, #f2f2f2, #ccc);
//   background-image: -webkit-linear-gradient(top, #f2f2f2, #ccc);
//   background-image: -o-linear-gradient(top, #f2f2f2, #ccc);
//   background-image: -ms-linear-gradient(top, #f2f2f2, #ccc);
//   background-image: linear-gradient(top, #f2f2f2, #ccc);
//   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc');
// }
.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;
}
.cke_button_label {
  display: none;
  padding-left: 3px;
  margin-top: 1px;
  line-height: 17px;
  vertical-align: middle;
  float: left;
  cursor: default;
  color: #474747;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}
.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;
}
.cke_button_arrow {
  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 #474747;
}
.cke_rtl .cke_button_arrow {
  margin-right: 5px;
  margin-left: 0;
}
.cke_hc .cke_button_arrow {
  font-size: 10px;
  margin: 3px -2px 0 3px;
  width: auto;
  border: 0;
}
.cke_toolbar_separator {
  float: left;
  background-color: #c0c0c0;
  background-color: rgba(0, 0, 0, .2);
  margin: 5px 2px 0;
  height: 18px;
  width: 1px;
  -webkit-box-shadow: 1px 0 1px rgba(255, 255, 255, .5);
  -moz-box-shadow: 1px 0 1px rgba(255, 255, 255, .5);
  box-shadow: 1px 0 1px rgba(255, 255, 255, .5);
}
.cke_rtl .cke_toolbar_separator {
  float: right;
  -webkit-box-shadow: -1px 0 1px rgba(255, 255, 255, .1);
  -moz-box-shadow: -1px 0 1px rgba(255, 255, 255, .1);
  box-shadow: -1px 0 1px rgba(255, 255, 255, .1);
}
.cke_hc .cke_toolbar_separator {
  width: 0;
  border-left: 1px solid;
  margin: 1px 5px 0 0;
}
.cke_toolbar_break {
  display: block;
  clear: left;
}
.cke_rtl .cke_toolbar_break {
  clear: right;
}
.cke_toolbox_collapser {
  width: 12px;
  height: 11px;
  float: right;
  margin: 11px 0 0;
  font-size: 0;
  cursor: default;
  text-align: center;
  border: 1px solid #a6a6a6;
  border-bottom-color: #979797;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  background: #e4e4e4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e4e4e4));
  background-image: -moz-linear-gradient(top, #fff, #e4e4e4);
  background-image: -webkit-linear-gradient(top, #fff, #e4e4e4);
  background-image: -o-linear-gradient(top, #fff, #e4e4e4);
  background-image: -ms-linear-gradient(top, #fff, #e4e4e4);
  background-image: linear-gradient(top, #fff, #e4e4e4);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4');
}
.cke_toolbox_collapser:hover {
  background: #ccc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ccc));
  background-image: -moz-linear-gradient(top, #f2f2f2, #ccc);
  background-image: -webkit-linear-gradient(top, #f2f2f2, #ccc);
  background-image: -o-linear-gradient(top, #f2f2f2, #ccc);
  background-image: -ms-linear-gradient(top, #f2f2f2, #ccc);
  background-image: linear-gradient(top, #f2f2f2, #ccc);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc');
}
.cke_toolbox_collapser.cke_toolbox_collapser_min {
  margin: 0 2px 4px;
}
.cke_rtl .cke_toolbox_collapser {
  float: left;
}
.cke_toolbox_collapser .cke_arrow {
  display: inline-block;
  height: 0;
  width: 0;
  font-size: 0;
  margin-top: 1px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #474747;
  border-top: 3px solid transparent;
}
.cke_toolbox_collapser.cke_toolbox_collapser_min .cke_arrow {
  margin-top: 4px;
  border-bottom-color: transparent;
  border-top-color: #474747;
}
.cke_hc .cke_toolbox_collapser .cke_arrow {
  font-size: 8px;
  width: auto;
  border: 0;
  margin-top: 0;
  margin-right: 2px;
}
.cke_menubutton {
  display: block;
}
.cke_menuitem span {
  cursor: default;
}
.cke_menubutton:hover, .cke_menubutton:focus, .cke_menubutton:active {
  background-color: black;
  display: block;
}
.cke_hc .cke_menubutton {
  padding: 2px;
}
.cke_hc .cke_menubutton:hover, .cke_hc .cke_menubutton:focus, .cke_hc .cke_menubutton:active {
  border: 2px solid;
  padding: 0;
}
.cke_menubutton_inner {
  display: table-row;
}
.cke_menubutton_icon, .cke_menubutton_label, .cke_menuarrow {
  display: table-cell;
}
.cke_menubutton_icon {
  background-color: #d7d8d7;
  opacity: .70;
  filter: alpha(opacity=70);
  padding: 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: #d0d2d0;
}
.cke_menubutton_disabled:hover .cke_menubutton_icon, .cke_menubutton_disabled:focus .cke_menubutton_icon, .cke_menubutton_disabled:active .cke_menubutton_icon {
  opacity: .3;
  filter: alpha(opacity=30);
}
.cke_menubutton_label {
  padding: 0 5px;
  background-color: transparent;
  width: 100%;
  vertical-align: middle;
}
.cke_menubutton_disabled .cke_menubutton_label {
  opacity: .3;
  filter: alpha(opacity=30);
}
.cke_menubutton:hover, .cke_menubutton:focus, .cke_menubutton:active {
  background-color: #eff0ef;
}
.cke_panel_frame .cke_menubutton_label {
  display: none;
}
.cke_menuseparator {
  background-color: #d3d3d3;
  height: 1px;
  filter: alpha(opacity=70);
  opacity: .70;
}
.cke_menuarrow {
  background-image: url(images/arrow.png);
  background-position: 0 10px;
  background-repeat: no-repeat;
  padding: 0 5px;
}
.cke_rtl .cke_menuarrow {
  background-position: 5px -13px;
  background-repeat: no-repeat;
}
.cke_menuarrow span {
  display: none;
}
.cke_hc .cke_menuarrow span {
  vertical-align: middle;
  display: inline;
}
.cke_combo {
  display: inline-block;
  float: left;
}
.cke_rtl .cke_combo {
  float: right;
}
.cke_hc .cke_combo {
  margin-top: -2px;
}
.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;
}
.cke_combo_button {
  display: inline-block;
  float: left;
  margin: 0 6px 5px 0;
  border: 1px solid #a6a6a6;
  border-bottom-color: #979797;
  // color: red;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  // background: #e4e4e4;
  // background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e4e4e4));
  // background-image: -moz-linear-gradient(top, #fff, #e4e4e4);
  // background-image: -webkit-linear-gradient(top, #fff, #e4e4e4);
  // background-image: -o-linear-gradient(top, #fff, #e4e4e4);
  // background-image: -ms-linear-gradient(top, #fff, #e4e4e4);
  // background-image: linear-gradient(top, #fff, #e4e4e4);
  // filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4');
}
.cke_combo_off a.cke_combo_button:hover, .cke_combo_off a.cke_combo_button:focus {
  // background: #ccc;
  // background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ccc));
  // background-image: -moz-linear-gradient(top, #f2f2f2, #ccc);
  // background-image: -webkit-linear-gradient(top, #f2f2f2, #ccc);
  // background-image: -o-linear-gradient(top, #f2f2f2, #ccc);
  // background-image: -ms-linear-gradient(top, #f2f2f2, #ccc);
  // background-image: linear-gradient(top, #f2f2f2, #ccc);
  // filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc');
  outline: 0;
}
.cke_combo_off a.cke_combo_button:active, .cke_combo_on a.cke_combo_button {
  border: 1px solid #777;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 1px 5px rgba(0, 0, 0, .6) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 1px 5px rgba(0, 0, 0, .6) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 1px 5px rgba(0, 0, 0, .6) inset;
  // background: #b5b5b5;
  // background-image: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#cacaca));
  // background-image: -moz-linear-gradient(top, #aaa, #cacaca);
  // background-image: -webkit-linear-gradient(top, #aaa, #cacaca);
  // background-image: -o-linear-gradient(top, #aaa, #cacaca);
  // background-image: -ms-linear-gradient(top, #aaa, #cacaca);
  // background-image: linear-gradient(top, #aaa, #cacaca);
  // filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#aaaaaa', endColorstr='#cacaca');
}
.cke_combo_on a.cke_combo_button:hover, .cke_combo_on a.cke_combo_button:focus, .cke_combo_on a.cke_combo_button:active {
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, .7) inset, 0 1px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .7) inset, 0 1px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 6px rgba(0, 0, 0, .7) inset, 0 1px 0 rgba(0, 0, 0, .2);
}
.cke_rtl .cke_combo_button {
  float: right;
  margin-left: 5px;
  margin-right: 0;
}
.cke_hc a.cke_combo_button {
  padding: 3px;
}
.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-width: 3px;
  padding: 1px;
}
.cke_combo_text {
  line-height: 28px;
  padding-left: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  float: left;
  cursor: default;
  color: white;
  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;
}
.cke_combo_open {
  cursor: default;
  display: inline-block;
  font-size: 0;
  height: 19px;
  line-height: 17px;
  margin: 1px 7px 1px;
  width: 5px;
}
.cke_hc .cke_combo_open {
  height: 12px;
}
.cke_combo_arrow {
  margin: 11px 0 0;
  float: left;
  height: 0;
  width: 0;
  font-size: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid white;
}
.cke_hc .cke_combo_arrow {
  font-size: 10px;
  width: auto;
  border: 0;
  margin-top: 3px;
}
.cke_combo_disabled .cke_combo_inlinelabel, .cke_combo_disabled .cke_combo_open {
  opacity: .3;
}
.cke_path {
  float: left;
  margin: -2px 0 2px;
}
.cke_path_item, .cke_path_empty {
  display: inline-block;
  float: left;
  padding: 3px 4px;
  margin-right: 2px;
  cursor: default;
  text-decoration: none;
  outline: 0;
  border: 0;
  color: #4c4c4c;
  text-shadow: 0 1px 0 #fff;
  font-weight: bold;
  font-size: 11px;
}
.cke_rtl .cke_path, .cke_rtl .cke_path_item, .cke_rtl .cke_path_empty {
  float: right;
}
a.cke_path_item:hover, a.cke_path_item:focus, a.cke_path_item:active {
  background-color: #bfbfbf;
  color: #333;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
  // -moz-border-radius: 2px;
  // -webkit-border-radius: 2px;
  // border-radius: 2px;
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .5) inset, 0 1px 0 rgba(255, 255, 255, .5);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .5) inset, 0 1px 0 rgba(255, 255, 255, .5);
  box-shadow: 0 0 4px rgba(0, 0, 0, .5) inset, 0 1px 0 rgba(255, 255, 255, .5);
}
.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;
}
.cke_button__source_label, .cke_button__sourcedialog_label {
  display: inline;
}
.cke_combo__fontsize .cke_combo_text {
  width: 30px;
}
.cke_combopanel__fontsize {
  width: 120px;
}
.cke_source {
  font-family: 'Courier New', Monospace;
  font-size: small;
  background-color: #fff;
  white-space: pre;
}
.cke_wysiwyg_frame, .cke_wysiwyg_div {
  background-color: #fff;
}
.cke_chrome {
  visibility: inherit;
}
.cke_voice_label {
  display: none;
}
legend.cke_voice_label {
  display: none;
}
.cke_button__about_icon  {
  background:  url(icons.png) no-repeat 0 -0px !important;
}
.cke_button__bold_icon  {
  // background:  url(icons.png) no-repeat 0 -24px !important;
}
.cke_button__italic_icon  {
  background:  url(icons.png) no-repeat 0 -48px !important;
}
.cke_button__strike_icon  {
  background:  url(icons.png) no-repeat 0 -72px !important;
}
.cke_button__subscript_icon  {
  background:  url(icons.png) no-repeat 0 -96px !important;
}
.cke_button__superscript_icon  {
  background:  url(icons.png) no-repeat 0 -120px !important;
}
.cke_button__underline_icon  {
  background:  url(icons.png) no-repeat 0 -144px !important;
}
.cke_button__blockquote_icon  {
  background:  url(icons.png) no-repeat 0 -168px !important;
}
.cke_rtl .cke_button__copy_icon,  .cke_mixed_dir_content .cke_rtl .cke_button__copy_icon  {
  background:  url(icons.png) no-repeat 0 -192px !important;
}
.cke_ltr .cke_button__copy_icon  {
  background:  url(icons.png) no-repeat 0 -216px !important;
}
.cke_rtl .cke_button__cut_icon,  .cke_mixed_dir_content .cke_rtl .cke_button__cut_icon  {
  background:  url(icons.png) no-repeat 0 -240px !important;
}
.cke_ltr .cke_button__cut_icon  {
  background:  url(icons.png) no-repeat 0 -264px !important;
}
.cke_rtl .cke_button__paste_icon,  .cke_mixed_dir_content .cke_rtl .cke_button__paste_icon  {
  background:  url(icons.png) no-repeat 0 -288px !important;
}
.cke_ltr .cke_button__paste_icon  {
  background:  url(icons.png) no-repeat 0 -312px !important;
}
.cke_button__horizontalrule_icon  {
  background:  url(icons.png) no-repeat 0 -336px !important;
}
.cke_button__image_icon  {
  background:  url(icons.png) no-repeat 0 -360px !important;
}
.cke_rtl .cke_button__indent_icon,  .cke_mixed_dir_content .cke_rtl .cke_button__indent_icon  {
  background:  url(icons.png) no-repeat 0 -384px !important;
}
.cke_ltr .cke_button__indent_icon  {
  background:  url(icons.png) no-repeat 0 -408px !important;
}
.cke_rtl .cke_button__outdent_icon,  .cke_mixed_dir_content .cke_rtl .cke_button__outdent_icon  {
  background:  url(icons.png) no-repeat 0 -432px !important;
}
.cke_ltr .cke_button__outdent_icon  {
  background:  url(icons.png) no-repeat 0 -456px !important;
}
.cke_rtl .cke_button__anchor_icon,  .cke_mixed_dir_content .cke_rtl .cke_button__anchor_icon  {
  background:  url(icons.png) no-repeat 0 -480px !important;
}
.cke_ltr .cke_button__anchor_icon  {
  background:  url(icons.png) no-repeat 0 -504px !important;
}
.cke_button__link_icon  {
  background:  url(icons.png) no-repeat 0 -528px !important;
}
.cke_button__unlink_icon  {
  background:  url(icons.png) no-repeat 0 -552px !important;
}
.cke_rtl .cke_button__bulletedlist_icon,  .cke_mixed_dir_content .cke_rtl .cke_button__bulletedlist_icon  {
  background:  url(icons.png) no-repeat 0 -576px !important;
}
.cke_ltr .cke_button__bulletedlist_icon  {
  background:  url(icons.png) no-repeat 0 -600px !important;
}
.cke_rtl .cke_button__numberedlist_icon,  .cke_mixed_dir_content .cke_rtl .cke_button__numberedlist_icon  {
  background:  url(icons.png) no-repeat 0 -624px !important;
}
.cke_ltr .cke_button__numberedlist_icon  {
  background:  url(icons.png) no-repeat 0 -648px !important;
}
.cke_button__maximize_icon  {
  background:  url(icons.png) no-repeat 0 -672px !important;
}
.cke_rtl .cke_button__pastetext_icon,  .cke_mixed_dir_content .cke_rtl .cke_button__pastetext_icon  {
  background:  url(icons.png) no-repeat 0 -696px !important;
}
.cke_ltr .cke_button__pastetext_icon  {
  background:  url(icons.png) no-repeat 0 -720px !important;
}
.cke_rtl .cke_button__pastefromword_icon,  .cke_mixed_dir_content .cke_rtl .cke_button__pastefromword_icon  {
  background:  url(icons.png) no-repeat 0 -744px !important;
}
.cke_ltr .cke_button__pastefromword_icon  {
  background:  url(icons.png) no-repeat 0 -768px !important;
}
.cke_button__removeformat_icon  {
  background:  url(icons.png) no-repeat 0 -792px !important;
}
.cke_rtl .cke_button__source_icon,  .cke_mixed_dir_content .cke_rtl .cke_button__source_icon  {
  background:  url(icons.png) no-repeat 0 -816px !important;
}
.cke_ltr .cke_button__source_icon  {
  background:  url(icons.png) no-repeat 0 -840px !important;
}
.cke_button__specialchar_icon  {
  background:  url(icons.png) no-repeat 0 -864px !important;
}
.cke_button__scayt_icon  {
  background:  url(icons.png) no-repeat 0 -888px !important;
}
.cke_button__table_icon  {
  background:  url(icons.png) no-repeat 0 -912px !important;
}
.cke_rtl .cke_button__redo_icon,  .cke_mixed_dir_content .cke_rtl .cke_button__redo_icon  {
  background:  url(icons.png) no-repeat 0 -936px !important;
}
.cke_ltr .cke_button__redo_icon  {
  background:  url(icons.png) no-repeat 0 -960px !important;
}
.cke_rtl .cke_button__undo_icon,  .cke_mixed_dir_content .cke_rtl .cke_button__undo_icon  {
  background:  url(icons.png) no-repeat 0 -984px !important;
}
.cke_ltr .cke_button__undo_icon  {
  background:  url(icons.png) no-repeat 0 -1008px !important;
}
.cke_button__spellchecker_icon  {
  background:  url(icons.png) no-repeat 0 -1032px !important;
}
.cke_hidpi .cke_button__about_icon  {
  background:  url(icons_hidpi.png) no-repeat 0 -0px !important;
  background-size:  16px !important;
}
.cke_hidpi .cke_button__bold_icon  {
  background:  url(icons_hidpi.png) no-repeat 0 -24px !important;
  background-size:  16px !important;
}
.cke_hidpi .cke_button__italic_icon  {
  background:  url(icons_hidpi.png) no-repeat 0 -48px !important;
  background-size:  16px !important;
}
.cke_hidpi .cke_button__strike_icon  {
  background:  url(icons_hidpi.png) no-repeat 0 -72px !important;
  background-size:  16px !important;
}
.cke_hidpi .cke_button__subscript_icon  {
  background:  url(icons_hidpi.png) no-repeat 0 -96px !important;
  background-size:  16px !important;
}
.cke_hidpi .cke_button__superscript_icon  {
  background:  url(icons_hidpi.png) no-repeat 0 -120px !important;
  background-size:  16px !important;
}
.cke_hidpi .cke_button__underline_icon  {
  background:  url(icons_hidpi.png) no-repeat 0 -144px !important;
  background-size:  16px !important;
}
.cke_hidpi .cke_button__blockquote_icon  {
  background:  url(icons_hidpi.png) no-repeat 0 -168px !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) no-repeat 0 -192px !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) no-repeat 0 -216px !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) no-repeat 0 -240px !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) no-repeat 0 -264px !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) no-repeat 0 -288px !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) no-repeat 0 -312px !important;
  background-size:  16px !important;
}
.cke_hidpi .cke_button__horizontalrule_icon  {
  background:  url(icons_hidpi.png) no-repeat 0 -336px !important;
  background-size:  16px !important;
}
.cke_hidpi .cke_button__image_icon  {
  background:  url(icons_hidpi.png) no-repeat 0 -360px !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) no-repeat 0 -384px !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) no-repeat 0 -408px !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) no-repeat 0 -432px !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) no-repeat 0 -456px !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) no-repeat 0 -480px !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) no-repeat 0 -504px !important;
  background-size:  16px !important;
}
.cke_hidpi .cke_button__link_icon  {
  background:  url(icons_hidpi.png) no-repeat 0 -528px !important;
  background-size:  16px !important;
}
.cke_hidpi .cke_button__unlink_icon  {
  background:  url(icons_hidpi.png) no-repeat 0 -552px !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) no-repeat 0 -576px !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) no-repeat 0 -600px !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) no-repeat 0 -624px !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) no-repeat 0 -648px !important;
  background-size:  16px !important;
}
.cke_hidpi .cke_button__maximize_icon  {
  background:  url(icons_hidpi.png) no-repeat 0 -672px !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) no-repeat 0 -696px !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) no-repeat 0 -720px !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) no-repeat 0 -744px !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) no-repeat 0 -768px !important;
  background-size:  16px !important;
}
.cke_hidpi .cke_button__removeformat_icon  {
  background:  url(icons_hidpi.png) no-repeat 0 -792px !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) no-repeat 0 -816px !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) no-repeat 0 -840px !important;
  background-size:  16px !important;
}
.cke_hidpi .cke_button__specialchar_icon  {
  background:  url(icons_hidpi.png) no-repeat 0 -864px !important;
  background-size:  16px !important;
}
.cke_hidpi .cke_button__scayt_icon  {
  background:  url(icons_hidpi.png) no-repeat 0 -888px !important;
  background-size:  16px !important;
}
.cke_hidpi .cke_button__table_icon  {
  background:  url(icons_hidpi.png) no-repeat 0 -912px !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) no-repeat 0 -936px !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) no-repeat 0 -960px !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) no-repeat 0 -984px !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) no-repeat 0 -1008px !important;
  background-size:  16px !important;
}
.cke_hidpi .cke_button__spellchecker_icon  {
  background:  url(icons_hidpi.png) no-repeat 0 -1032px !important;
  background-size:  16px !important;
}


////////////////////
///// Custom Apostrophe skin
////////////////////
.icon
{
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
  &::before
  {
    text-decoration: inherit;
    display: inline-block;
    speak: none;
  }
}



.cke
{

}
.cke_inner
{
  border: 1px solid @apos-grey50;
  background: rgba(255,255,255,0.5);
  border-radius: 5px;
}
.cke_top
{
  padding: 8px 5px 3px 9px;
}

.cke_toolbar
{

}

.cke_toolgroup,
.cke_combo_button
{
  border: 1px solid #d32d21;
}
.cke_combo_button
{
 .apos-bg-gradient();
 color: white;
}
.cke_combo_text
{
  color: white;
}
a.cke_button
{
  .apos-bg-gradient();
  .icon();
  border-right: 1px solid #d32d21;
  &:last-child{ border-right: 0;}
  &::before
  {
    color: white;
    opacity:0.8;
    font-size: 12px;
    padding: 4px 5px;
  }
}

.cke_button_icon {display: none;}
.cke_button:hover,
a.cke_combo_button:hover,
a.cke_combo_button:focus,
.cke_combo_off a.cke_combo_button:hover,
.cke_combo_off a.cke_combo_button:focus
{
  background-color: darken(@apos-base, 10%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(darken(@apos-base, 10%)), to(@apos-lighten-10));
  background: -webkit-linear-gradient(top, darken(@apos-base, 10%), @apos-lighten-10);
  background: -moz-linear-gradient(top, darken(@apos-base, 10%), @apos-lighten-10);
  background: -ms-linear-gradient(top, darken(@apos-base, 10%), @apos-lighten-10);
 &::before
  {
    opacity: 1;
  }
}

.icon-bold { &::before {content: "\f032";} }
.icon-italic { &::before {content: "\f033";} }
.icon-table { &::before {content: "\f0ce";} }
.icon-bulletedlist { &::before {content: "\f0ca";} }
.icon-numberedlist { &::before {content: "\f0cb";} }
.icon-blockquote { &::before {content: "\f10d";} }
.icon-anchor { &::before {content: "\f13d";} }
.icon-unlink { &::before {content: "\f127";} }
.icon-link { &::before {content: "\f0c1";} }
.icon-remove { &::before {content: "\f00d";} }

.icon-underline { &::before {content: "\f0cd";} }
.icon-strike { &::before {content: "\f0cc";} }
.icon-subscript { &::before {content: "\f12c";} }
.icon-superscript { &::before {content: "\f12b";} }
.icon-unformat { &::before {content: "\f05c";} }
.icon-numberedList { &::before {content: "\f0cb";} }
.icon-blockquote { &::before {content: "\f10e";} }
.icon-undo { &::before {content: "\f0e2"; } }
.icon-redo { &::before {content: "\f0e2"; transform: scaleX(-1); } }
.icon-pastetext { &::before {content: "\f0ea"; } }

.cke_button__bold { .icon-bold(); }
.cke_button__italic { .icon-italic(); }
.cke_button__link { .icon-link(); }
.cke_button__anchor { .icon-anchor(); }
.cke_button__unlink { .icon-unlink(); }
.cke_button__bulletedlist { .icon-bulletedlist(); }
.cke_button__numberedlist { .icon-numberedlist(); }
.cke_button__blockquote { .icon-blockquote(); }
.cke_button__table { .icon-table(); }
.cke_button__underline { .icon-underline(); }
.cke_button__strike { .icon-strike(); }
.cke_button__subscript { .icon-subscript(); }
.cke_button__superscript { .icon-superscript(); }
.cke_button__removeformat { .icon-remove(); }
.cke_button__undo { .icon-undo(); }
.cke_button__redo { .icon-redo(); }
.cke_button__pastetext { .icon-pastetext(); }