/*
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or http://ckeditor.com/license
*/

/*
editor.css
============


This is he heart of the skin system. This is the file loaded by the editor to
style all elements inside its main interface.

To make it easier to maintain, instead of including all styles here, we import
other files.
*/
@import "inc/bootstrap";

/* "Reset" styles, necessary to avoid the editor UI being broken by external CSS. */
@import 'inc/reset';

/* Styles the main interface structure (holding box). */
@import 'inc/mainui';

/* Styles all "panels", which are the floating elements that appear when
   opening toolbar combos, menu buttons, context menus, etc. */
@import 'inc/panel';

/* Styles the color panel displayed by the color buttons. */
@import 'inc/colorpanel';

/* Styles to toolbar. */
@import 'inc/toolbar';

/* Styles menus, which are lists of selectable items (context menu, menu button). */
@import 'inc/menu';

/* Styles toolbar combos. */
@import 'inc/richcombo';

/* Styles the elements path bar, available at the bottom of the editor UI.*/
@import 'inc/elementspath';

/* Contains hard-coded presets for "configurable-like" options of the UI
   (e.g. display labels on specific buttons) */
@import 'inc/presets';

/* Tao specific stuff */
@import 'inc/tao';

/* Icon set */
@import 'inc/ck-icons';

/* 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;
}

.cke_top {
  display:table;
}

.txt-ctr {
  text-align: center;
}

.txt-lft {
  text-align: left;
}

.txt-rgt {
  text-align: right;
}

.txt-jty {
  text-align: justify;
}

// added to make _u_ in ck QTI compatible
.txt-underline {
  text-decoration: underline;
  font-size : inherit;
}

.txt-dashed {
  text-decoration: underline dashed;
}

.txt-wavy {
  text-decoration: underline wavy;
}

.txt-strike {
  text-decoration: line-through;
}

.txt-highlight {
  padding: 0 5px;
  background: #FF6416;
  color: white;
}

.cke_editable:focus .qti-table .cke_table-faked-selection {
	/* We have to use !important here, as td might specify it's own background, thus table selection
	would not be visible. */
	background: #b3d4fc !important;
  text-shadow: none;
  color: $textColor;
}

.cke_taolanguage_enabled.cke_focus {
  // beware in may contains multiple level between, do not use '>'
  span[lang][dir] {
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    box-shadow: inset 0px 0px 0px 1px $textColor;
    padding: 0 4px;

    // Avoid inherited languages block to be styled.
    span[lang][dir] {
      border: none;
      box-shadow: none;
      padding: 0;
    }
  }
}
