@charset "UTF-8";
.xhtml_form .form-toolbar:before, .xhtml_form .form-toolbar:after {
  content: " ";
  display: table;
}
.xhtml_form .form-toolbar:after {
  clear: both;
}

/*
Usage:
- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
   if 3 colors used then the position of each will be 33,33%
- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
   first param - color, second - position. Also you can use px or other valid units for set position.
*/
/* based on "visually-hidden" mixin in LDS for accessibility goals */
/*
 * Every style defined here must be mirrored with `writing-mode-horizontal-tb` mixin.
   Because writing-mode can be defined on 2 levels: a) item, b) text block or interaction;
     so if there's a horizontal block inside vertical item, vertical styles should *not* be used for it.
 */
/* Do not edit */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: normal;
  src: local("Source Sans Pro"), local("SourceSansPro-Regular"), url(font/source-sans-pro/source-sans-pro-regular.eot) format("embedded-opentype"), url(font/source-sans-pro/source-sans-pro-regular.woff) format("woff");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: bold;
  src: local("Source Sans Pro Semibold"), local("SourceSansPro-Semibold"), url(font/source-sans-pro/source-sans-pro-semibold.eot) format("embedded-opentype"), url(font/source-sans-pro/source-sans-pro-semibold.woff) format("woff");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: normal;
  src: local("Source Sans Pro Semibold Italic"), local("SourceSansPro-SemiboldIt"), url(font/source-sans-pro/source-sans-pro-italic.eot) format("embedded-opentype"), url(font/source-sans-pro/source-sans-pro-italic.woff) format("woff");
}
/* Do not edit */
@font-face {
  font-family: "tao";
  src: url("font/tao/tao.eot?cskkb6");
  src: url("font/tao/tao.eot?cskkb6#iefix") format("embedded-opentype"), url("font/tao/tao.ttf?cskkb6") format("truetype"), url("font/tao/tao.woff?cskkb6") format("woff"), url("font/tao/tao.svg?cskkb6#tao") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* Do not edit */ /* Do not edit */
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "tao" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-blocked:before {
  content: "\e92d";
}

.icon-restricted:before {
  content: "\e92c";
}

.icon-copy:before {
  content: "\e92b";
}

.icon-align-center:before {
  content: "\e92a";
}

.icon-multiple-magicwand:before {
  content: "\e929";
}

.icon-sd-import:before {
  content: "\e91f";
}

.icon-sd-export:before {
  content: "\e924";
}

.icon-browse:before {
  content: "\e925";
}

.icon-minus:before {
  content: "\e926";
}

.icon-plus:before {
  content: "\e927";
}

.icon-sd-save:before {
  content: "\e928";
}

.icon-back-button:before {
  content: "\e91e";
}

.icon-japan-incorrect:before {
  content: "\e91b";
}

.icon-japan-correct:before {
  content: "\e91c";
}

.icon-japan-partial:before {
  content: "\e91d";
}

.icon-score-partial:before {
  content: "\e91a";
}

.icon-furigana:before {
  content: "\e919";
}

.icon-add-subsection:before {
  content: "\e918";
}

.icon-info-bare:before {
  content: "\e923";
}

.icon-bookmark-outline:before {
  content: "\e922";
}

.icon-bookmark:before {
  content: "\e921";
}

.icon-indicator:before {
  content: "\e920";
}

.icon-wrap-inline:before {
  content: "\e915";
}

.icon-wrap-left:before {
  content: "\e916";
}

.icon-wrap-right:before {
  content: "\e917";
}

.icon-offline:before {
  content: "\e913";
}

.icon-online:before {
  content: "\e914";
}

.icon-tab:before {
  content: "\e90d";
}

.icon-untab:before {
  content: "\e90e";
}

.icon-multi-select:before {
  content: "\e90b";
}

.icon-clipboard:before {
  content: "\e90a";
}

.icon-filebox:before {
  content: "\e909";
}

.icon-click-to-speak:before {
  content: "\e907";
}

.icon-speech-bubble:before {
  content: "\f0e5";
}

.icon-microphone:before {
  content: "\f130";
}

.icon-microphone-off:before {
  content: "\f131";
}

.icon-disconnect:before {
  content: "\e905";
}

.icon-connect:before {
  content: "\e906";
}

.icon-eliminate:before {
  content: "\e904";
}

.icon-wheelchair:before {
  content: "\e903";
}

.icon-text-marker:before {
  content: "\e902";
}

.icon-unshield:before {
  content: "\e32a";
}

.icon-shield:before {
  content: "\e8e8";
}

.icon-tree:before {
  content: "\e6b4";
}

.icon-home:before {
  content: "\e6b3";
}

.icon-shared-file:before {
  content: "\e6b2";
}

.icon-end-attempt:before {
  content: "\e603";
}

.icon-icon:before {
  content: "\f1c5";
}

.icon-radio-bg:before {
  content: "\e600";
}

.icon-checkbox-bg:before {
  content: "\e601";
}

.icon-tag:before {
  content: "\e602";
}

.icon-style:before {
  content: "\e604";
}

.icon-ownership-transfer:before {
  content: "\e605";
}

.icon-property-advanced:before {
  content: "\e606";
}

.icon-property-add:before {
  content: "\e607";
}

.icon-repository-add:before {
  content: "\e608";
}

.icon-repository-remove:before {
  content: "\e609";
}

.icon-repository:before {
  content: "\e60a";
}

.icon-result-server:before {
  content: "\e60b";
}

.icon-folder:before {
  content: "\e60c";
}

.icon-folder-open:before {
  content: "\e60d";
}

.icon-left:before {
  content: "\e60e";
}

.icon-right:before {
  content: "\e60f";
}

.icon-up:before {
  content: "\e610";
}

.icon-down:before {
  content: "\e611";
}

.icon-undo:before {
  content: "\e612";
}

.icon-redo:before {
  content: "\e613";
}

.icon-screen:before {
  content: "\e614";
}

.icon-laptop:before {
  content: "\e615";
}

.icon-tablet:before {
  content: "\e616";
}

.icon-phone:before {
  content: "\e617";
}

.icon-move:before {
  content: "\e618";
}

.icon-bin:before {
  content: "\e619";
}

.icon-shuffle:before {
  content: "\e61a";
}

.icon-print:before {
  content: "\e61b";
}

.icon-tools:before {
  content: "\e61c";
}

.icon-settings:before {
  content: "\e61d";
}

.icon-video:before {
  content: "\e61e";
}

.icon-find:before {
  content: "\e61f";
}

.icon-image:before {
  content: "\e620";
}

.icon-edit:before {
  content: "\e621";
}

.icon-document:before {
  content: "\e622";
}

.icon-resize-grid:before {
  content: "\e623";
}

.icon-resize:before {
  content: "\e624";
}

.icon-help:before {
  content: "\e625";
}

.icon-mobile-menu:before {
  content: "\e626";
}

.icon-fix:before {
  content: "\e627";
}

.icon-unlock:before {
  content: "\e628";
}

.icon-lock:before {
  content: "\e629";
}

.icon-ul:before {
  content: "\e62a";
}

.icon-ol:before {
  content: "\e62b";
}

.icon-email:before {
  content: "\e62c";
}

.icon-download:before {
  content: "\e62d";
}

.icon-logout:before {
  content: "\e62e";
}

.icon-login:before {
  content: "\e62f";
}

.icon-spinner:before {
  content: "\e630";
}

.icon-preview:before {
  content: "\e631";
}

.icon-external:before {
  content: "\e632";
}

.icon-time:before {
  content: "\e633";
}

.icon-save:before {
  content: "\e634";
}

.icon-warning:before {
  content: "\e635";
}

.icon-add:before {
  content: "\e636";
}

.icon-error:before {
  content: "\e900";
}

.icon-close:before {
  content: "\e637";
}

.icon-success:before {
  content: "\e638";
}

.icon-remove:before {
  content: "\e639";
}

.icon-info:before {
  content: "\e63a";
}

.icon-danger:before {
  content: "\e63b";
}

.icon-users:before {
  content: "\e63c";
}

.icon-user:before {
  content: "\e63d";
}

.icon-test-taker:before {
  content: "\e63e";
}

.icon-test-takers:before {
  content: "\e63f";
}

.icon-item:before {
  content: "\e640";
}

.icon-test:before {
  content: "\e641";
}

.icon-delivery:before {
  content: "\e642";
}

.icon-eye-slash:before {
  content: "\e643";
}

.icon-result:before {
  content: "\e644";
}

.icon-delivery-small:before {
  content: "\e645";
}

.icon-upload:before {
  content: "\e646";
}

.icon-result-small:before {
  content: "\e647";
}

.icon-mobile-preview:before {
  content: "\e648";
}

.icon-extension:before {
  content: "\e649";
}

.icon-desktop-preview:before {
  content: "\e64a";
}

.icon-tablet-preview:before {
  content: "\e64b";
}

.icon-insert-horizontal-line:before {
  content: "\e64c";
}

.icon-table:before {
  content: "\e64d";
}

.icon-anchor:before {
  content: "\e64e";
}

.icon-unlink:before {
  content: "\e64f";
}

.icon-link:before {
  content: "\e650";
}

.icon-right-left:before {
  content: "\e651";
}

.icon-left-right:before {
  content: "\e652";
}

.icon-special-character:before {
  content: "\e653";
}

.icon-source:before {
  content: "\e654";
}

.icon-new-page:before {
  content: "\e655";
}

.icon-templates:before {
  content: "\e656";
}

.icon-cut:before {
  content: "\e657";
}

.icon-replace:before {
  content: "\e658";
}

.icon-duplicate:before {
  content: "\e659";
}

.icon-paste:before {
  content: "\e65a";
}

.icon-select-all:before {
  content: "\e65b";
}

.icon-paste-text:before {
  content: "\e65c";
}

.icon-paste-word:before {
  content: "\e65d";
}

.icon-bold:before {
  content: "\e65e";
}

.icon-italic:before {
  content: "\e65f";
}

.icon-underline:before {
  content: "\e660";
}

.icon-subscript:before {
  content: "\e661";
}

.icon-superscript:before {
  content: "\e662";
}

.icon-strike-through:before {
  content: "\e663";
}

.icon-decrease-indent:before {
  content: "\e664";
}

.icon-increase-indent:before {
  content: "\e665";
}

.icon-block-quote:before {
  content: "\e666";
}

.icon-div-container:before {
  content: "\e667";
}

.icon-align-left:before {
  content: "\e668";
}

.icon-center:before {
  content: "\e669";
}

.icon-align-right:before {
  content: "\e66a";
}

.icon-justify:before {
  content: "\e66b";
}

.icon-choice:before {
  content: "\e66c";
}

.icon-inline-choice:before {
  content: "\e66d";
}

.icon-match:before {
  content: "\e66e";
}

.icon-associate:before {
  content: "\e66f";
}

.icon-media:before {
  content: "\e670";
}

.icon-graphic-order:before {
  content: "\e671";
}

.icon-hotspot:before {
  content: "\e672";
}

.icon-graphic-gap:before {
  content: "\e673";
}

.icon-graphic-associate:before {
  content: "\e674";
}

.icon-select-point:before {
  content: "\e675";
}

.icon-pin:before {
  content: "\e676";
}

.icon-import:before {
  content: "\e677";
}

.icon-export:before {
  content: "\e678";
}

.icon-move-item:before {
  content: "\e679";
}

.icon-meta-data:before {
  content: "\e67a";
}

.icon-slider:before {
  content: "\e67b";
}

.icon-summary-report:before {
  content: "\e67c";
}

.icon-text-entry:before {
  content: "\e67d";
}

.icon-extended-text:before {
  content: "\e67e";
}

.icon-eraser:before {
  content: "\e67f";
}

.icon-row:before {
  content: "\e680";
}

.icon-column:before {
  content: "\e681";
}

.icon-text-color:before {
  content: "\e682";
}

.icon-background-color:before {
  content: "\e683";
}

.icon-spell-check:before {
  content: "\e684";
}

.icon-polygon:before {
  content: "\e685";
}

.icon-rectangle:before {
  content: "\e686";
}

.icon-gap-match:before {
  content: "\e687";
}

.icon-order:before {
  content: "\e688";
}

.icon-hottext:before {
  content: "\e689";
}

.icon-free-form:before {
  content: "\e68a";
}

.icon-step-backward:before {
  content: "\e68b";
}

.icon-fast-backward:before {
  content: "\e68c";
}

.icon-backward:before {
  content: "\e68d";
}

.icon-play:before {
  content: "\e68e";
}

.icon-pause:before {
  content: "\e68f";
}

.icon-stop:before {
  content: "\e690";
}

.icon-forward:before {
  content: "\e691";
}

.icon-fast-forward:before {
  content: "\e692";
}

.icon-step-forward:before {
  content: "\e693";
}

.icon-ellipsis:before {
  content: "\e694";
}

.icon-circle:before {
  content: "\e695";
}

.icon-target:before {
  content: "\e696";
}

.icon-guide-arrow:before {
  content: "\e697";
}

.icon-range-slider-right:before {
  content: "\e698";
}

.icon-range-slider-left:before {
  content: "\e699";
}

label input[type=radio]:checked ~ .icon-radio:before,
label input[type=checkbox]:checked ~ .icon-radio:before, .icon-radio-checked:before {
  content: "\e69a";
}

label input[type=radio]:indeterminate ~ .icon-checkbox:before,
label input[type=checkbox]:indeterminate ~ .icon-checkbox:before, .icon-checkbox-indeterminate:before {
  content: "\e901";
}

.icon-checkbox:before {
  content: "\e69b";
}

label input[type=radio]:checked ~ .icon-checkbox.cross:before,
label input[type=checkbox]:checked ~ .icon-checkbox.cross:before, .icon-checkbox-crossed:before {
  content: "\e69c";
}

label input[type=radio]:checked ~ .icon-checkbox:before,
label input[type=checkbox]:checked ~ .icon-checkbox:before, .icon-checkbox-checked:before {
  content: "\e69d";
}

.icon-result-nok:before {
  content: "\e69e";
}

.icon-result-ok:before {
  content: "\e69f";
}

.icon-not-evaluated:before {
  content: "\e6a0";
}

.icon-filter:before {
  content: "\e6a1";
}

.icon-translate:before {
  content: "\e6a2";
}

.icon-eject:before {
  content: "\e6a3";
}

.icon-continue:before {
  content: "\e6a4";
}

.icon-radio:before {
  content: "\e6a5";
}

.icon-sphere:before {
  content: "\e6a6";
}

.icon-reset:before {
  content: "\e6a7";
}

.icon-smaller:before {
  content: "\e6a8";
}

.icon-larger:before {
  content: "\e6a9";
}

.icon-clock:before {
  content: "\e6aa";
}

.icon-font:before {
  content: "\e6ab";
}

.icon-maths:before {
  content: "\e6ac";
}

.icon-grip:before {
  content: "\e6ad";
}

.icon-rubric:before {
  content: "\e6ae";
}

.icon-audio:before {
  content: "\e6af";
}

.icon-grip-h:before {
  content: "\e6b0";
}

.icon-magicwand:before {
  content: "\e6b1";
}

.icon-loop:before {
  content: "\ea2e";
}

.icon-calendar:before {
  content: "\e953";
}

.icon-reload:before {
  content: "\e984";
}

.icon-speed:before {
  content: "\e9a6";
}

.icon-volume:before {
  content: "\ea27";
}

.icon-contrast:before {
  content: "\e9d5";
}

.icon-headphones:before {
  content: "\e910";
}

.icon-compress:before {
  content: "\f066";
}

.icon-map-o:before {
  content: "\f278";
}

.icon-variable:before {
  content: "\e908";
}

.icon-tooltip:before {
  content: "\e90c";
}

.icon-globe:before {
  content: "\e9c9";
}

.icon-highlighter:before {
  content: "\e90f";
}

.icon-eliminate-crossed:before {
  content: "\e911";
}

.icon-play-from-here:before {
  content: "\e912";
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 62.5%;
  line-height: 1.4;
  box-sizing: border-box;
  background-size: cover;
}
html.fullscreen {
  width: 100%;
}

body {
  box-sizing: border-box;
  font-size: 14px;
}

::-webkit-scrollbar-corner {
  background-color: ThreeDHighlight;
}

html {
  /*
  This SCSS generates CSS classes for custom list styling, it:
  - For classes like .list-style-disc, .list-style-decimal-period etc.
  - Uses counter-reset for automatic item numbering
  - Supports base styles (disc, decimal etc.) and suffix variants (-period ".", -parenthesis ")")
  - Easy addition of new styles using $list_styles array and new suffixes and $suffixes map
  */ /* fake table stuff */
}
html *,
html *:before,
html *:after {
  box-sizing: border-box;
}
html,
html body {
  color: #222;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0;
  position: relative;
  height: 100%;
  z-index: 0;
  line-height: 1.4;
  background: white;
  border-width: 1px;
}
html address,
html article,
html aside,
html audio,
html blockquote,
html dd,
html div,
html dl,
html fieldset,
html figcaption,
html figure,
html footer,
html form,
html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
html header,
html hr,
html noscript,
html ol,
html output,
html p,
html pre,
html section,
html summary,
html ul,
html main {
  margin-block-start: 0;
  padding-block-start: 0;
  padding-block-end: 0;
  white-space: normal;
}
html h1 {
  font-size: 2em;
  margin-block: 0.67em;
  margin-inline: 0;
}
html h2 {
  font-size: 1.5em;
  margin-block: 0.83em;
  margin-inline: 0;
}
html h3 {
  font-size: 1.17em;
  margin-block: 1em;
  margin-inline: 0;
}
html h4 {
  font-size: 1em;
  margin-block: 1.33em;
  margin-inline: 0;
}
html h5 {
  font-size: 0.83em;
  margin-block: 1.67em;
  margin-inline: 0;
}
html h6 {
  font-size: 0.67em;
  margin-block: 2.33em;
  margin-inline: 0;
}
html blockquote {
  margin-block: 1em;
  margin-inline: 40px;
}
html blockquote,
html dd,
html dl,
html fieldset,
html figure,
html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
html hr,
html ol,
html p,
html pre,
html ul {
  display: block;
  margin-block-end: 10px;
  white-space: normal;
}
html h1,
html h2,
html h3,
html h4,
html h5,
html h6 {
  font-weight: normal;
  font-style: normal;
}
html iframe {
  border: none;
}
html audio,
html canvas,
html video,
html svg {
  display: inline-block;
  vertical-align: middle;
}
html .MathJax svg {
  display: inline;
  vertical-align: baseline;
}
html a {
  cursor: pointer;
  background: transparent;
  text-decoration: none;
  outline: 0;
  color: #3e7da7;
}
html a:focus {
  outline: thin dotted;
}
html a:hover {
  text-decoration: underline;
  color: rgb(14, 93, 145);
}
html a:hover:before, html a:hover:after {
  text-decoration: none !important;
}
html a.block {
  color: #222;
  text-decoration: none;
  display: block;
}
html a[rel=external] span.icon-external:before {
  font-size: 11px;
  font-size: 1.1rem;
  padding: 0 0 0 4px;
  position: relative;
  top: 1px;
}
html b,
html .b,
html strong,
html .strong {
  font-weight: bold;
}
html i,
html .i,
html em,
html .em,
html dfn {
  font-style: italic;
}
html code,
html pre,
html kdb,
html samp {
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  font-size: 14px;
  font-size: 1.4rem;
}
html pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
html code {
  background: #f2f6f7;
  padding: 2px 6px;
  display: inline-block;
  margin: 0 3px;
  border-radius: 2px;
}
html hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
html q {
  quotes: "“" "”" "‘" "’";
}
html q:before, html q:after {
  content: "";
  content: none;
}
html small {
  font-size: 11px;
  font-size: 1.1rem;
}
html sub,
html sup {
  font-size: 0.75em;
  position: relative;
  vertical-align: baseline;
}
html sup {
  top: -0.5em;
}
html sub {
  bottom: -0.25em;
}
html img {
  border: 0;
  max-width: 100%;
}
html svg:not(:root) {
  overflow: hidden;
}
html fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
html legend {
  border: 0;
  padding: 0;
}
html textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
html label,
html button {
  cursor: pointer;
}
html button {
  vertical-align: middle;
  outline: 0;
  overflow: visible;
  border: none;
}
html button::-moz-focus-inner,
html input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
html button::-ms-clear,
html input::-ms-clear {
  display: none;
}
html button::-ms-reveal,
html input::-ms-reveal {
  display: none;
}
html button,
html input,
html select,
html textarea {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: normal;
  line-height: normal;
  text-transform: none;
  vertical-align: baseline;
}
html button,
html html input[type=button],
html input[type=reset],
html input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
html input {
  border: 1px solid #ddd;
  border-radius: 2px;
  border-radius: 1px;
}
html input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
html input[type=search]::-webkit-search-cancel-button, html input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
html input[type=checkbox], html input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
html select {
  max-width: 100%;
}
html audio:not([controls]),
html [hidden],
html template,
html .hidden,
html .deleted,
html .js,
html .js-hide {
  display: none !important;
}
html .visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
html .visuallyhidden.focusable:active, html .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
html .invisible {
  visibility: hidden;
}
html .viewport-hidden {
  position: absolute;
  left: -10000px;
  top: -10000px;
}
html .clearfix:before,
html #icon-editor .grid-row:before,
#icon-editor html .grid-row:before,
html .colrow:before,
html .grid-row:before,
html .fixed-grid-row:before {
  content: " ";
  display: table;
}
html .clearfix:after,
html #icon-editor .grid-row:after,
#icon-editor html .grid-row:after,
html .colrow:after,
html .grid-row:after,
html .fixed-grid-row:after {
  content: " ";
  display: table;
  clear: both;
}
html .clear {
  display: block;
  clear: both;
}
html .lft,
html .wrap-left {
  display: inline;
  float: left;
}
html .rgt,
html .wrap-right {
  display: inline;
  float: right;
}
html .wrap-left {
  margin-block: 20px;
  margin-inline: 0 20px;
}
html .wrap-right {
  margin-block: 20px;
  margin-inline: 20px 0;
}
html .tao-centered {
  margin-block: 20px;
  margin-inline: auto;
  display: block;
}
html .txt-ctr {
  text-align: center;
}
html .txt-lft {
  text-align: left;
}
html .txt-rgt {
  text-align: right;
}
html .txt-jty {
  text-align: justify;
}
html .txt-underline {
  text-decoration: underline;
  font-size: inherit;
}
html .txt-dashed {
  text-decoration: underline;
  text-decoration-style: dashed;
}
html .txt-wavy {
  text-decoration: underline;
  text-decoration-style: wavy;
}
html .txt-strike {
  text-decoration: line-through;
}
html .qti-item ruby rt span.txt-underline, html .qti-item ruby rt span.txt-dashed, html .qti-item ruby rt span.txt-wavy, html .qti-item ruby rt span.txt-strike {
  text-decoration: none;
}
html .writing-mode-horizontal-tb {
  writing-mode: horizontal-tb;
}
html .writing-mode-vertical-rl {
  writing-mode: vertical-rl;
}
html .writing-mode-vertical-rl .txt-subscript {
  inset-block-start: -0.9em;
  bottom: 0;
}

html .txt-subscript {
  inset-block-start: auto;
  bottom: auto;
}
html .writing-mode-vertical-rl .writing-mode-horizontal-tb .txt-subscript {
  inset-block-start: auto;
  bottom: auto;
}

html .writing-mode-vertical-rl .txt-superscript {
  inset-block-end: -0.4em;
  top: 0;
}

html .txt-superscript {
  inset-block-end: auto;
  top: auto;
}
html .writing-mode-vertical-rl .writing-mode-horizontal-tb .txt-superscript {
  inset-block-end: auto;
  top: auto;
}

html .writing-mode-vertical-rl .txt-underline, html .writing-mode-vertical-rl .txt-dashed, html .writing-mode-vertical-rl .txt-wavy {
  text-underline-position: right;
}

html .txt-underline,
html .txt-dashed,
html .txt-wavy {
  text-underline-position: auto;
}
html .writing-mode-vertical-rl .writing-mode-horizontal-tb .txt-underline, html .writing-mode-vertical-rl .writing-mode-horizontal-tb .txt-dashed, html .writing-mode-vertical-rl .writing-mode-horizontal-tb .txt-wavy {
  text-underline-position: auto;
}

html .txt-underline ruby rt,
html .txt-dashed ruby rt {
  position: relative;
}
html .writing-mode-vertical-rl .txt-underline ruby rt, html .writing-mode-vertical-rl .txt-dashed ruby rt {
  inset-block-start: -0.3em;
}

html .txt-underline ruby rt,
html .txt-dashed ruby rt {
  inset-block-start: auto;
}
html .writing-mode-vertical-rl .writing-mode-horizontal-tb .txt-underline ruby rt, html .writing-mode-vertical-rl .writing-mode-horizontal-tb .txt-dashed ruby rt {
  inset-block-start: auto;
}

html .txt-wavy ruby rt {
  position: relative;
}
html .writing-mode-vertical-rl .txt-wavy ruby rt {
  inset-block-start: -0.7em;
}

html .txt-wavy ruby rt {
  inset-block-start: auto;
}
html .writing-mode-vertical-rl .writing-mode-horizontal-tb .txt-wavy ruby rt {
  inset-block-start: auto;
}

html [data-useragent-browser=safari].writing-mode-vertical-rl .txt-underline,
html [data-useragent-browser=safari].writing-mode-vertical-rl .txt-dashed,
html [data-useragent-browser=safari] .writing-mode-vertical-rl .txt-underline,
html [data-useragent-browser=safari] .writing-mode-vertical-rl .txt-dashed {
  text-underline-offset: -0.1em;
}
html [data-useragent-browser=safari] .txt-underline,
html [data-useragent-browser=safari] .txt-dashed,
html [data-useragent-browser=safari] .writing-mode-horizontal-tb .txt-underline,
html [data-useragent-browser=safari] .writing-mode-horizontal-tb .txt-dashed {
  text-underline-offset: auto;
}
html .txt-combine-upright-all {
  text-combine-upright: all;
}
html .txt-highlight {
  padding: 0 5px;
  background: #ff6416;
  color: white;
}
html ::selection {
  background: #b3d4fc;
  text-shadow: none;
}
html .placeholder {
  color: #777 !important;
}
html ::-webkit-input-placeholder {
  color: #777 !important;
}
html :-moz-placeholder {
  color: #777 !important;
}
html ::-moz-placeholder {
  color: #777 !important;
}
html .truncate, html .file-drop ul > li, .file-drop html ul > li, html .tlb-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html .disabled,
html *:disabled {
  cursor: default;
  opacity: 0.7;
}
html .overlay,
html .ui-widget-overlay {
  background: rgba(255, 255, 255, 0.9);
}
html .ui-widget {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.4rem !important;
}
html .ui-widget .ui-widget {
  font-size: 1.4rem !important;
}
html .ui-widget input,
html .ui-widget select,
html .ui-widget textarea,
html .ui-widget button {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.4rem !important;
}
html ul,
html ol {
  padding-inline-start: 40px;
}
html ul.plain, html ul.none,
html ol.plain,
html ol.none {
  padding: 0;
  margin: 0;
  list-style: none;
}
html ul li,
html ol li {
  vertical-align: text-top !important;
}
html nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
html .writing-mode-vertical-rl ol li::marker {
  text-combine-upright: all;
}

html ol li::marker {
  text-combine-upright: none;
}
html .writing-mode-vertical-rl .writing-mode-horizontal-tb ol li::marker {
  text-combine-upright: none;
}

html .writing-mode-vertical-rl ol li {
  padding-inline-start: 6px;
}

html ol li {
  padding-inline-start: 0px;
}
html .writing-mode-vertical-rl .writing-mode-horizontal-tb ol li {
  padding-inline-start: 0px;
}

html [class^=list-style-],
html [class*=" list-style-"] {
  counter-reset: custom-counter;
}
html [class^=list-style-] > p, html [class^=list-style-] > div, html [class^=list-style-] > li.qti-choice,
html [class*=" list-style-"] > p,
html [class*=" list-style-"] > div,
html [class*=" list-style-"] > li.qti-choice {
  position: relative;
}
html [class^=list-style-] > p::before, html [class^=list-style-] > div::before, html [class^=list-style-] > li.qti-choice::before,
html [class*=" list-style-"] > p::before,
html [class*=" list-style-"] > div::before,
html [class*=" list-style-"] > li.qti-choice::before {
  counter-increment: custom-counter;
  position: absolute;
  left: -25px;
  width: 20px;
  display: inline-block;
  text-align: center;
}
html [class^=list-style-].list-style-disc > p, html [class^=list-style-].list-style-disc > div, html [class^=list-style-].list-style-disc > li.qti-choice::before,
html [class*=" list-style-"].list-style-disc > p,
html [class*=" list-style-"].list-style-disc > div,
html [class*=" list-style-"].list-style-disc > li.qti-choice::before {
  content: counter(custom-counter, disc);
}
html [class^=list-style-].list-style-circle > p, html [class^=list-style-].list-style-circle > div, html [class^=list-style-].list-style-circle > li.qti-choice::before,
html [class*=" list-style-"].list-style-circle > p,
html [class*=" list-style-"].list-style-circle > div,
html [class*=" list-style-"].list-style-circle > li.qti-choice::before {
  content: counter(custom-counter, circle);
}
html [class^=list-style-].list-style-square > p, html [class^=list-style-].list-style-square > div, html [class^=list-style-].list-style-square > li.qti-choice::before,
html [class*=" list-style-"].list-style-square > p,
html [class*=" list-style-"].list-style-square > div,
html [class*=" list-style-"].list-style-square > li.qti-choice::before {
  content: counter(custom-counter, square);
}
html [class^=list-style-].list-style-decimal > p, html [class^=list-style-].list-style-decimal > div, html [class^=list-style-].list-style-decimal > li.qti-choice::before,
html [class*=" list-style-"].list-style-decimal > p,
html [class*=" list-style-"].list-style-decimal > div,
html [class*=" list-style-"].list-style-decimal > li.qti-choice::before {
  content: counter(custom-counter, decimal);
}
html [class^=list-style-].list-style-decimal-leading-zero > p, html [class^=list-style-].list-style-decimal-leading-zero > div, html [class^=list-style-].list-style-decimal-leading-zero > li.qti-choice::before,
html [class*=" list-style-"].list-style-decimal-leading-zero > p,
html [class*=" list-style-"].list-style-decimal-leading-zero > div,
html [class*=" list-style-"].list-style-decimal-leading-zero > li.qti-choice::before {
  content: counter(custom-counter, decimal-leading-zero);
}
html [class^=list-style-].list-style-lower-roman > p, html [class^=list-style-].list-style-lower-roman > div, html [class^=list-style-].list-style-lower-roman > li.qti-choice::before,
html [class*=" list-style-"].list-style-lower-roman > p,
html [class*=" list-style-"].list-style-lower-roman > div,
html [class*=" list-style-"].list-style-lower-roman > li.qti-choice::before {
  content: counter(custom-counter, lower-roman);
}
html [class^=list-style-].list-style-upper-roman > p, html [class^=list-style-].list-style-upper-roman > div, html [class^=list-style-].list-style-upper-roman > li.qti-choice::before,
html [class*=" list-style-"].list-style-upper-roman > p,
html [class*=" list-style-"].list-style-upper-roman > div,
html [class*=" list-style-"].list-style-upper-roman > li.qti-choice::before {
  content: counter(custom-counter, upper-roman);
}
html [class^=list-style-].list-style-lower-greek > p, html [class^=list-style-].list-style-lower-greek > div, html [class^=list-style-].list-style-lower-greek > li.qti-choice::before,
html [class*=" list-style-"].list-style-lower-greek > p,
html [class*=" list-style-"].list-style-lower-greek > div,
html [class*=" list-style-"].list-style-lower-greek > li.qti-choice::before {
  content: counter(custom-counter, lower-greek);
}
html [class^=list-style-].list-style-lower-latin > p, html [class^=list-style-].list-style-lower-latin > div, html [class^=list-style-].list-style-lower-latin > li.qti-choice::before,
html [class*=" list-style-"].list-style-lower-latin > p,
html [class*=" list-style-"].list-style-lower-latin > div,
html [class*=" list-style-"].list-style-lower-latin > li.qti-choice::before {
  content: counter(custom-counter, lower-latin);
}
html [class^=list-style-].list-style-upper-latin > p, html [class^=list-style-].list-style-upper-latin > div, html [class^=list-style-].list-style-upper-latin > li.qti-choice::before,
html [class*=" list-style-"].list-style-upper-latin > p,
html [class*=" list-style-"].list-style-upper-latin > div,
html [class*=" list-style-"].list-style-upper-latin > li.qti-choice::before {
  content: counter(custom-counter, upper-latin);
}
html [class^=list-style-].list-style-armenian > p, html [class^=list-style-].list-style-armenian > div, html [class^=list-style-].list-style-armenian > li.qti-choice::before,
html [class*=" list-style-"].list-style-armenian > p,
html [class*=" list-style-"].list-style-armenian > div,
html [class*=" list-style-"].list-style-armenian > li.qti-choice::before {
  content: counter(custom-counter, armenian);
}
html [class^=list-style-].list-style-georgian > p, html [class^=list-style-].list-style-georgian > div, html [class^=list-style-].list-style-georgian > li.qti-choice::before,
html [class*=" list-style-"].list-style-georgian > p,
html [class*=" list-style-"].list-style-georgian > div,
html [class*=" list-style-"].list-style-georgian > li.qti-choice::before {
  content: counter(custom-counter, georgian);
}
html [class^=list-style-].list-style-lower-alpha > p, html [class^=list-style-].list-style-lower-alpha > div, html [class^=list-style-].list-style-lower-alpha > li.qti-choice::before,
html [class*=" list-style-"].list-style-lower-alpha > p,
html [class*=" list-style-"].list-style-lower-alpha > div,
html [class*=" list-style-"].list-style-lower-alpha > li.qti-choice::before {
  content: counter(custom-counter, lower-alpha);
}
html [class^=list-style-].list-style-upper-alpha > p, html [class^=list-style-].list-style-upper-alpha > div, html [class^=list-style-].list-style-upper-alpha > li.qti-choice::before,
html [class*=" list-style-"].list-style-upper-alpha > p,
html [class*=" list-style-"].list-style-upper-alpha > div,
html [class*=" list-style-"].list-style-upper-alpha > li.qti-choice::before {
  content: counter(custom-counter, upper-alpha);
}
html [class^=list-style-].list-style-disc-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-disc-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, disc) ")";
}
html [class^=list-style-].list-style-disc-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-disc-period > li.qti-choice::before {
  content: counter(custom-counter, disc) ".";
}
html [class^=list-style-].list-style-circle-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-circle-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, circle) ")";
}
html [class^=list-style-].list-style-circle-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-circle-period > li.qti-choice::before {
  content: counter(custom-counter, circle) ".";
}
html [class^=list-style-].list-style-square-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-square-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, square) ")";
}
html [class^=list-style-].list-style-square-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-square-period > li.qti-choice::before {
  content: counter(custom-counter, square) ".";
}
html [class^=list-style-].list-style-decimal-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-decimal-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, decimal) ")";
}
html [class^=list-style-].list-style-decimal-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-decimal-period > li.qti-choice::before {
  content: counter(custom-counter, decimal) ".";
}
html [class^=list-style-].list-style-decimal-leading-zero-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-decimal-leading-zero-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, decimal-leading-zero) ")";
}
html [class^=list-style-].list-style-decimal-leading-zero-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-decimal-leading-zero-period > li.qti-choice::before {
  content: counter(custom-counter, decimal-leading-zero) ".";
}
html [class^=list-style-].list-style-lower-roman-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-lower-roman-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, lower-roman) ")";
}
html [class^=list-style-].list-style-lower-roman-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-lower-roman-period > li.qti-choice::before {
  content: counter(custom-counter, lower-roman) ".";
}
html [class^=list-style-].list-style-upper-roman-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-upper-roman-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, upper-roman) ")";
}
html [class^=list-style-].list-style-upper-roman-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-upper-roman-period > li.qti-choice::before {
  content: counter(custom-counter, upper-roman) ".";
}
html [class^=list-style-].list-style-lower-greek-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-lower-greek-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, lower-greek) ")";
}
html [class^=list-style-].list-style-lower-greek-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-lower-greek-period > li.qti-choice::before {
  content: counter(custom-counter, lower-greek) ".";
}
html [class^=list-style-].list-style-lower-latin-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-lower-latin-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, lower-latin) ")";
}
html [class^=list-style-].list-style-lower-latin-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-lower-latin-period > li.qti-choice::before {
  content: counter(custom-counter, lower-latin) ".";
}
html [class^=list-style-].list-style-upper-latin-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-upper-latin-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, upper-latin) ")";
}
html [class^=list-style-].list-style-upper-latin-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-upper-latin-period > li.qti-choice::before {
  content: counter(custom-counter, upper-latin) ".";
}
html [class^=list-style-].list-style-armenian-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-armenian-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, armenian) ")";
}
html [class^=list-style-].list-style-armenian-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-armenian-period > li.qti-choice::before {
  content: counter(custom-counter, armenian) ".";
}
html [class^=list-style-].list-style-georgian-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-georgian-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, georgian) ")";
}
html [class^=list-style-].list-style-georgian-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-georgian-period > li.qti-choice::before {
  content: counter(custom-counter, georgian) ".";
}
html [class^=list-style-].list-style-lower-alpha-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-lower-alpha-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, lower-alpha) ")";
}
html [class^=list-style-].list-style-lower-alpha-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-lower-alpha-period > li.qti-choice::before {
  content: counter(custom-counter, lower-alpha) ".";
}
html [class^=list-style-].list-style-upper-alpha-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-upper-alpha-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, upper-alpha) ")";
}
html [class^=list-style-].list-style-upper-alpha-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-upper-alpha-period > li.qti-choice::before {
  content: counter(custom-counter, upper-alpha) ".";
}
html table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
}
html table.matrix {
  width: 100%;
  border: 6px solid #f9f8f7;
  margin-bottom: 10px;
}
html table.matrix td, html table.matrix th {
  font-weight: normal;
  padding: 3px 5px;
  border: 1px solid #ddd;
}
html table.matrix th {
  text-align: left;
  vertical-align: middle;
  background: #f9f8f7;
}
html table.matrix td {
  background: transparent;
  text-align: left;
  padding: 2px;
}
html table.matrix td.numeric {
  text-align: right;
}
html table.matrix td label {
  display: block;
  margin: 0;
}
html table.matrix tr:nth-child(even) {
  background: white;
}
html table.matrix tr:nth-child(odd) {
  background: #f4f7f8;
}
html table.matrix [data-edit], html table.matrix [data-edit] * {
  border: none;
  padding: 6px;
  cursor: pointer;
}
html table.matrix tbody [data-edit] {
  width: 30px;
}
html .tbl {
  display: table;
  float: none !important;
}
html .tbl-row {
  display: table-row;
  float: none !important;
}
html .tbl-cell {
  display: table-cell;
  vertical-align: top;
  float: none !important;
}
html .svg-glyph {
  fill: currentColor;
}
html .txt-user-highlight {
  color: #222 !important;
  background-color: yellow !important;
}

[class^=feedback-], [class*=" feedback-"] {
  border: 1px transparent solid;
  position: relative;
  padding: 20px 20px 20px 45px;
  margin: 5px 0 10px 0;
  border-radius: 3px;
  color: #222 !important;
}
[class^=feedback-].small, [class*=" feedback-"].small {
  padding: 8px 20px 8px 45px;
}
[class^=feedback-].small > [class^=icon-], [class^=feedback-].small > [class*=" icon-"], [class*=" feedback-"].small > [class^=icon-], [class*=" feedback-"].small > [class*=" icon-"] {
  top: 9px;
  left: 10px;
}
[class^=feedback-] > [class^=icon-], [class^=feedback-] > [class*=" icon-"], [class*=" feedback-"] > [class^=icon-], [class*=" feedback-"] > [class*=" icon-"] {
  font-size: 20px;
  font-size: 2rem;
  position: absolute;
  top: 20px;
  left: 15px;
}
[class^=feedback-] > [class^=icon-].icon-close, [class^=feedback-] > [class^=icon-].icon-remove, [class^=feedback-] > [class*=" icon-"].icon-close, [class^=feedback-] > [class*=" icon-"].icon-remove, [class*=" feedback-"] > [class^=icon-].icon-close, [class*=" feedback-"] > [class^=icon-].icon-remove, [class*=" feedback-"] > [class*=" icon-"].icon-close, [class*=" feedback-"] > [class*=" icon-"].icon-remove {
  font-size: 15px;
  font-size: 1.5rem;
  color: #999;
  left: auto;
  top: 5px;
  cursor: pointer;
}
[class^=feedback-] > [class^=icon-].icon-close:hover, [class^=feedback-] > [class^=icon-].icon-remove:hover, [class^=feedback-] > [class*=" icon-"].icon-close:hover, [class^=feedback-] > [class*=" icon-"].icon-remove:hover, [class*=" feedback-"] > [class^=icon-].icon-close:hover, [class*=" feedback-"] > [class^=icon-].icon-remove:hover, [class*=" feedback-"] > [class*=" icon-"].icon-close:hover, [class*=" feedback-"] > [class*=" icon-"].icon-remove:hover {
  color: #222;
}
[class^=feedback-] > [class^=icon-].icon-remove, [class^=feedback-] > [class*=" icon-"].icon-remove, [class*=" feedback-"] > [class^=icon-].icon-remove, [class*=" feedback-"] > [class*=" icon-"].icon-remove {
  right: 24px;
}
[class^=feedback-] > [class^=icon-].icon-close, [class^=feedback-] > [class*=" icon-"].icon-close, [class*=" feedback-"] > [class^=icon-].icon-close, [class*=" feedback-"] > [class*=" icon-"].icon-close {
  right: 7px;
}
[class^=feedback-].popup, [class*=" feedback-"].popup {
  display: block;
  position: fixed;
  top: 50px;
  left: 50%;
  margin-left: -200px;
  width: 400px;
  z-index: 999999;
}

.feedback-success, .tooltip-green {
  border-color: #269c5d;
  background-color: #cfe9db;
}
.feedback-success .icon-success, .tooltip-green .icon-success {
  color: rgb(14, 145, 75) !important;
}

.feedback-info, .tooltip-blue {
  border-color: #266d9c;
  background-color: #cfdfe9;
}
.feedback-info .icon-info, .tooltip-blue .icon-info, .feedback-info .icon-lock, .tooltip-blue .icon-lock {
  color: rgb(14, 93, 145) !important;
}
.feedback-info .button-container, .tooltip-blue .button-container {
  margin-top: 20px;
}

.feedback-warning, .tooltip-orange {
  border-color: #dcb66b;
  background-color: #f7efde;
}
.feedback-warning .icon-warning, .tooltip-orange .icon-warning {
  color: rgb(216, 174, 91) !important;
}

.feedback-danger, .tooltip-danger {
  border-color: #ce7056;
  background-color: #f4dfd9;
}
.feedback-danger .icon-danger, .tooltip-danger .icon-danger {
  color: rgb(201, 96, 67) !important;
}

.feedback-error, .tooltip-red {
  border-color: #c12a40;
  background-color: #f1d0d5;
}
.feedback-error .icon-error, .tooltip-red .icon-error {
  color: rgb(186, 18, 43) !important;
}

.brd-success {
  border: 1px solid #269c5d !important;
}

.brd-info {
  border: 1px solid #266d9c !important;
}

.brd-warning {
  border: 1px solid #dcb66b !important;
}

.brd-danger {
  border: 1px solid #ce7056 !important;
}

.brd-error {
  border: 1px solid #c12a40 !important;
}

.txt-success {
  color: rgb(14, 145, 75) !important;
}

.txt-info {
  color: rgb(14, 93, 145) !important;
}

.txt-warning {
  color: rgb(216, 174, 91) !important;
}

.txt-danger {
  color: rgb(201, 96, 67) !important;
}

.txt-error {
  color: rgb(186, 18, 43) !important;
}

.bg-success {
  background-color: #cfe9db;
}

.bg-info {
  background-color: #cfdfe9;
}

.bg-warning {
  background-color: #f7efde;
}

.bg-danger {
  background-color: #f4dfd9;
}

.bg-error {
  background-color: #f1d0d5;
}

textarea + .feedback-info, textarea + .tooltip-blue {
  padding: 5px;
}

[class*=" col-"],
[class^=col-] {
  float: left;
  min-block-size: 1rem;
}
[class*=" col-"]:first-child,
[class^=col-]:first-child {
  margin-left: 0;
}
[class*=" col-"].grid-container,
[class^=col-].grid-container {
  margin-bottom: 0;
}

.col-12 {
  float: none;
}

.grid-container {
  overflow-x: hidden;
}

.grid-row,
.fixed-grid-row {
  inline-size: 101.4285714286%;
}

.col-1 {
  margin-inline-start: 1.4285714286%;
  inline-size: 6.9047619048%;
  margin-block-end: 12px;
}

.col-2 {
  margin-inline-start: 1.4285714286%;
  inline-size: 15.2380952381%;
  margin-block-end: 12px;
}

.col-3 {
  margin-inline-start: 1.4285714286%;
  inline-size: 23.5714285714%;
  margin-block-end: 12px;
}

.col-4 {
  margin-inline-start: 1.4285714286%;
  inline-size: 31.9047619048%;
  margin-block-end: 12px;
}

.col-5 {
  margin-inline-start: 1.4285714286%;
  inline-size: 40.2380952381%;
  margin-block-end: 12px;
}

.col-6 {
  margin-inline-start: 1.4285714286%;
  inline-size: 48.5714285714%;
  margin-block-end: 12px;
}

.col-7 {
  margin-inline-start: 1.4285714286%;
  inline-size: 56.9047619048%;
  margin-block-end: 12px;
}

.col-8 {
  margin-inline-start: 1.4285714286%;
  inline-size: 65.2380952381%;
  margin-block-end: 12px;
}

.col-9 {
  margin-inline-start: 1.4285714286%;
  inline-size: 73.5714285714%;
  margin-block-end: 12px;
}

.col-10 {
  margin-inline-start: 1.4285714286%;
  inline-size: 81.9047619048%;
  margin-block-end: 12px;
}

.col-11 {
  margin-inline-start: 1.4285714286%;
  inline-size: 90.2380952381%;
  margin-block-end: 12px;
}

.col-12 {
  margin-inline-start: 1.4285714286%;
  inline-size: 98.5714285714%;
  margin-block-end: 12px;
}

.alpha {
  margin-inline-start: 0 !important;
}

.writing-mode-vertical-rl .grid-row.grid-row,
.writing-mode-vertical-rl .fixed-grid-row.fixed-grid-row {
  block-size: auto;
  inline-size: 100%;
}
.writing-mode-vertical-rl [class*=" col-"]:first-child,
.writing-mode-vertical-rl [class^=col-]:first-child {
  margin-inline-start: 0;
  margin-block-end: 12px;
}
.writing-mode-vertical-rl [class*=" col-"]:last-child,
.writing-mode-vertical-rl [class^=col-]:last-child {
  margin-inline-end: 0;
}
.writing-mode-vertical-rl .grid-row:last-child [class*=" col-"],
.writing-mode-vertical-rl .grid-row:last-child [class^=col-] {
  margin-block-end: 0;
}

#icon-editor .grid-row {
  width: 100%;
}
#icon-editor .col-1 {
  margin-inline-start: 0%;
  inline-size: 8.3333333333%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#icon-editor .col-2 {
  margin-inline-start: 0%;
  inline-size: 16.6666666667%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#icon-editor .col-3 {
  margin-inline-start: 0%;
  inline-size: 25%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#icon-editor .col-4 {
  margin-inline-start: 0%;
  inline-size: 33.3333333333%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#icon-editor .col-5 {
  margin-inline-start: 0%;
  inline-size: 41.6666666667%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#icon-editor .col-6 {
  margin-inline-start: 0%;
  inline-size: 50%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#icon-editor .col-7 {
  margin-inline-start: 0%;
  inline-size: 58.3333333333%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#icon-editor .col-8 {
  margin-inline-start: 0%;
  inline-size: 66.6666666667%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#icon-editor .col-9 {
  margin-inline-start: 0%;
  inline-size: 75%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#icon-editor .col-10 {
  margin-inline-start: 0%;
  inline-size: 83.3333333333%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#icon-editor .col-11 {
  margin-inline-start: 0%;
  inline-size: 91.6666666667%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#icon-editor .col-12 {
  margin-inline-start: 0%;
  inline-size: 100%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.xhtml_form .form-toolbar:before, .xhtml_form .form-toolbar:after {
  content: " ";
  display: table;
}
.xhtml_form .form-toolbar:after {
  clear: both;
}

/*
Usage:
- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
   if 3 colors used then the position of each will be 33,33%
- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
   first param - color, second - position. Also you can use px or other valid units for set position.
*/
/* based on "visually-hidden" mixin in LDS for accessibility goals */
/*
 * Every style defined here must be mirrored with `writing-mode-horizontal-tb` mixin.
   Because writing-mode can be defined on 2 levels: a) item, b) text block or interaction;
     so if there's a horizontal block inside vertical item, vertical styles should *not* be used for it.
 */
/* Do not edit */
.select2-container * {
  text-decoration: none !important;
}

.select2-drop {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
}
.select2-drop [data-symbol]:before {
  content: attr(data-symbol);
  display: inline-block;
  width: 20px;
  line-height: 20px;
  margin-right: 4px;
  text-align: center;
  color: #222;
}

.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */ /* webkit */ /* firefox */
  box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
  display: block;
  height: 26px;
  padding: 0 0 0 8px;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 2px;
  border-radius: 1px;
  white-space: nowrap;
  line-height: 23px;
  color: #222;
  text-decoration: none;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: rgb(255, 255, 255);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background-position: right top;
  cursor: pointer;
  outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
  top: 5px;
}

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 109998;
  /* styles required for IE to work */
  background-color: #f3f1ef;
  filter: alpha(opacity=0);
}

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 109999;
  top: 100%;
  background: rgb(255, 255, 255);
  color: #222;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  border-top-width: 0;
  border-radius: 0 0 2px 2px;
}
.select2-drop.rtl {
  direction: rtl;
}
.select2-drop.ltr {
  direction: ltr;
}

.select2-drop-auto-width {
  border-top: 1px solid #ddd;
  width: auto;
}

.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #ddd;
  border-bottom-width: 0;
  border-radius: 2px 2px 0 0;
}

.select2-drop-active {
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  border-top-width: 0;
}

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-clip: padding-box;
}

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  font-family: "tao";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.05rem;
  font-size: 10.5px;
  font-size: 1.05rem;
  line-height: 2.3;
  text-align: center;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.select2-container .select2-choice .select2-arrow b:before {
  content: "\e611";
}
.select2-container .select2-choice .select2-arrow b:hover {
  background-color: #3e7da7;
  color: white;
}

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding: 4px 4px 0 4px;
  position: relative;
  z-index: 100000;
  white-space: nowrap;
}

.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #ddd;
  border-radius: 0;
  box-shadow: none;
  background-color: rgb(255, 255, 255);
  background-position: 100% -22px;
}

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}

.select2-search input.select2-active {
  background: rgb(255, 255, 255);
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #a4a9b1;
  outline: none;
}

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}

/* results */
.select2-results {
  max-height: 200px;
  padding: 0 !important;
  margin: 4px 0 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: inherit;
}

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}

.select2-results ul.select2-result-sub > li .select2-result-label {
  padding-left: 20px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 40px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 60px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 80px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 100px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 110px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 120px;
}

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}

.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.select2-results .select2-highlighted {
  background: #3e7da7;
  color: white;
}

.select2-results li em {
  background: rgb(255, 255, 255);
  font-style: normal;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: rgb(255, 255, 255);
  color: #222;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #f3f1ef;
  display: list-item;
}

.select2-results .select2-no-results {
  padding-left: 7px;
}

.select2-hidden-accessible {
  display: none;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #999;
  display: list-item;
  cursor: default;
}

.select2-results .select2-disabled .select2-result-label {
  cursor: default;
}

.select2-results .select2-disabled {
  display: list-item;
  cursor: default;
  color: #999;
}

.select2-results .select2-selected {
  display: none;
}

.select2-more-results.select2-active {
  background: #f3f1ef url("img/select2/select2-spinner.gif") no-repeat 100%;
}

.select2-more-results {
  background: #f3f1ef;
  display: list-item;
}

/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f3f1ef;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f3f1ef;
  background-image: none;
  border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}

/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0;
  position: relative;
  border: 1px solid #ddd;
  cursor: text;
  overflow: hidden;
  background-color: rgb(255, 255, 255);
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
  min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #ddd;
  outline: none;
}

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  box-shadow: none;
  background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: rgb(255, 255, 255) url("img/select2/select2-spinner.gif") no-repeat 100% !important;
}

.select2-default {
  color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #222;
  cursor: default;
  border: 1px solid #ddd;
  border-radius: 1px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #dbd9d7;
}
.select2-container-multi .select2-choices .select2-search-choice.partial {
  background-color: #faf9f9;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  background-position: right top;
}

.select2-search-choice-close,
.select2-container .select2-choice abbr,
.select2-search input {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAoCAYAAACiu5n/AAACLElEQVR42u3Zz0sUYRzH8bUISoyF1i5iXSooyYgOEXapZNYNojwU/aAfUAT9A4YhUgdxt1To0KFIBCMIvEcUEXntUtivpYuUhYFIdDBMmD69he/hObgsbSnb13ngdZjZhX3eO8/MDrMpSctKErwsg//HUSgU7uNYsB3hHla4CybqEoRPaMJGFCEMewxuxnsIk5iALPqg1yVdj9eQGUdjiuE1eAs+QOYztrsMJqwFk8EyHguW95klD+ZD08gsYvBFCBPYgHXBOT1UNpg3ncQpnAicRbrCCQ3j8SIf5QvYEWxvxnlb0mWDr0MIvcOaCiayC78gRKmlH+WDbaIjkJnDzgq/+VHIvMWqag3ehBkIAxXGdkAIDVRlsE24H9//4ty9hju4Hej710c5m83WYging32HMYjMnwSvx75UlQ+iOiDEaEMLZiA8dPc7TFQDnkGYxQ8Iz9Hs8k4riqIa4l5ApojVbm8tiduPL5CZRs5lMGFH8DNYxo+C5d3tMfgohJeow0qMQujxuqRb0RBsZ3DA2ZIuP5LgJDgJToKr4ZHOWjTOy+fzNa6DiezCFGReod1lMGF3IYzjMm5B5rirYIJyEJ4iHezfjW+YRr2n4EHE2LrAa1cg5DwFj2DWLlKljn67p+B+CIdKPAaOsddTcBOEKbTZvjp0Qvjo8Sp9DjJFfIVMjBsef4f34AHeYAxX0VfqMbDnfw97IXMTta6DLbobcxBa3Qdb9BPE2LZQ8G98530ecQi/2QAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  min-width: inherit;
}

.select2-container-multi .select2-search-choice-close {
  left: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f3f1ef;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f3f1ef;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}

/* end multiselect */
.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: fixed !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}

.select2-display-none {
  display: none;
}

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

.form_radlst[disabled] .select2-container {
  pointer-events: none;
  cursor: default;
  color: #222;
  opacity: 0.55 !important;
}
.form_radlst[disabled] .select2-container .select2-search-field,
.form_radlst[disabled] .select2-container .select2-search-choice-close,
.form_radlst[disabled] .select2-container .select2-arrow {
  display: none;
}
.form_radlst[disabled] .select2-container .select2-search-choice {
  cursor: default;
  padding-left: 5px;
}

/* writing-mode vertical-rl, only for single select without search */
.writing-mode-vertical-rl.select2-container .select2-choice {
  height: auto;
  block-size: 26px;
  padding-block: 0;
  padding-inline: 8px 0;
}
.writing-mode-vertical-rl.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 0;
  margin-inline-end: 42px;
}
.writing-mode-vertical-rl.select2-container .select2-choice > .select2-chosen {
  margin-right: 0;
  margin-inline-end: 26px;
}
.writing-mode-vertical-rl.select2-container .select2-choice .select2-arrow {
  width: auto;
  height: auto;
  right: auto;
  top: auto;
  inline-size: 18px;
  block-size: 100%;
  inset-inline-end: 0;
  inset-block-start: 0;
}
.writing-mode-vertical-rl.select2-container .select2-choice .select2-arrow b {
  overflow: hidden;
}
.writing-mode-vertical-rl.select2-container .select2-choice .select2-arrow b:before {
  display: inline-block;
  transform: rotate(90deg);
}
.writing-mode-vertical-rl.select2-drop {
  writing-mode: vertical-rl;
  width: auto;
  margin-top: 0;
  top: auto;
  border-top-width: 1px;
  inline-size: 100%;
  margin-block-start: -1px;
  inset-block-start: 100%;
  border-block-start-width: 0;
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  border-end-end-radius: 2px;
  border-end-start-radius: 2px;
}
.writing-mode-vertical-rl.select2-drop.select2-drop-above {
  margin-top: 0;
  border-top-width: 1px;
  border-bottom-width: 1px;
  margin-block-start: 1px;
  border-block-start-width: 1px;
  border-block-end-width: 0;
  border-start-start-radius: 2px;
  border-start-end-radius: 2px;
  border-end-end-radius: 0;
  border-end-start-radius: 0;
}
.writing-mode-vertical-rl.select2-drop-active {
  border-top-width: 1px;
  border-block-start-width: 0;
}
.writing-mode-vertical-rl:where(.select2-drop) .select2-results {
  max-height: none;
  max-block-size: 200px;
  margin-block: 4px;
  margin-inline: 0;
  overflow-x: auto;
  overflow-y: hidden;
}
.writing-mode-vertical-rl:where(.select2-drop) .select2-results .select2-result-label {
  min-height: auto;
  min-block-size: 1em;
  padding-block: 3px 4px;
  padding-inline: 7px;
}
.writing-mode-vertical-rl:where(.select2-drop) .select2-results .select2-no-results {
  padding-left: 0;
  padding-inline-start: 7px;
}

/*
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or http://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.
*/
.xhtml_form .form-toolbar:before, .xhtml_form .form-toolbar:after {
  content: " ";
  display: table;
}
.xhtml_form .form-toolbar:after {
  clear: both;
}

/*
Usage:
- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
   if 3 colors used then the position of each will be 33,33%
- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
   first param - color, second - position. Also you can use px or other valid units for set position.
*/
/* based on "visually-hidden" mixin in LDS for accessibility goals */
/*
 * Every style defined here must be mirrored with `writing-mode-horizontal-tb` mixin.
   Because writing-mode can be defined on 2 levels: a) item, b) text block or interaction;
     so if there's a horizontal block inside vertical item, vertical styles should *not* be used for it.
 */
/* Do not edit */
/* The box that holds each toolbar. */
.cke_toolbar, .tlb-spacer, .tlb-bar {
  float: left;
  position: relative;
  z-index: 10005;
}

.cke_rtl .cke_toolbar, .cke_rtl .tlb-spacer, .cke_rtl .tlb-bar {
  float: right;
}

@media (pointer: coarse) {
  .cke .cke_toolbar .cke_button_off.cke_button_off:hover, .cke .tlb-spacer .cke_button_off.cke_button_off:hover, .cke .cke_toolbar .tlb-button-off:hover, .cke .tlb-spacer .tlb-button-off:hover, .cke .tlb-bar .cke_button_off.cke_button_off:hover, .cke .tlb-bar .tlb-button-off:hover, .tlb .cke_toolbar .cke_button_off.cke_button_off:hover, .tlb .tlb-spacer .cke_button_off.cke_button_off:hover, .tlb .cke_toolbar .tlb-button-off:hover, .tlb .tlb-spacer .tlb-button-off:hover, .tlb .tlb-bar .cke_button_off.cke_button_off:hover, .tlb .tlb-bar .tlb-button-off:hover {
    background: white !important;
    color: #222 !important;
  }
}
/* The box that holds buttons. */
.cke_toolgroup, .tlb-group {
  float: left;
  margin: 0 2px 0 0;
  border: 1px solid #ddd;
  border-radius: 2px;
  border-radius: 1px;
  background: rgb(255, 255, 255);
  display: flex;
}

.cke_hc .cke_toolgroup, .cke_hc .tlb-group {
  border: 0;
  margin-right: 10px;
  margin-bottom: 10px;
}

.cke_rtl .cke_toolgroup, .cke_rtl .tlb-group {
  float: right;
  margin-left: 6px;
  margin-right: 0;
}

/* A toolbar button . */
.cke .cke_toolbar .cke_button, .cke .tlb-spacer .cke_button, .cke .tlb-bar .cke_button, .tlb .cke_toolbar .cke_button, .tlb .tlb-spacer .cke_button, .tlb .tlb-bar .cke_button, .tlb .tlb-bar .tlb-button-on,
.tlb .tlb-bar .tlb-button-off,
.tlb .tlb-bar .tlb-button-disabled {
  display: inline-block;
  height: 18px;
  padding: 4px 6px;
  outline: none;
  cursor: pointer;
  border: 0;
  color: #222;
}

.cke .cke_toolbar .cke_button:hover, .cke .tlb-spacer .cke_button:hover, .cke .tlb-bar .cke_button:hover, .tlb .cke_toolbar .cke_button:hover, .tlb .tlb-spacer .cke_button:hover, .tlb .tlb-bar .cke_button:hover, .tlb .tlb-bar .tlb-button-on:hover,
.tlb .tlb-bar .tlb-button-off:hover,
.tlb .tlb-bar .tlb-button-disabled:hover {
  background: #3e7da7 !important;
  color: white !important;
}

.cke_reset_all, .cke_reset_all * .cke .cke_top .cke_toolbar .cke_button_disabled:hover, .cke_reset_all * .cke .cke_top .tlb-spacer .cke_button_disabled:hover, .cke_reset_all * .cke .tlb-top .cke_toolbar .cke_button_disabled:hover, .cke_reset_all * .cke .tlb-top .tlb-spacer .cke_button_disabled:hover, .cke_reset_all * .cke .cke_top .tlb-bar .cke_button_disabled:hover, .cke_reset_all * .cke .tlb-top .tlb-bar .cke_button_disabled:hover, .cke_reset_all * .tlb .cke_top .cke_toolbar .cke_button_disabled:hover, .cke_reset_all * .tlb .cke_top .tlb-spacer .cke_button_disabled:hover, .cke_reset_all * .tlb .tlb-top .cke_toolbar .cke_button_disabled:hover, .cke_reset_all * .tlb .tlb-top .tlb-spacer .cke_button_disabled:hover, .cke_reset_all * .tlb .cke_top .tlb-bar .cke_button_disabled:hover, .cke_reset_all * .tlb .tlb-top .tlb-bar .cke_button_disabled:hover {
  background: white !important;
  cursor: default !important;
}

.cke_rtl .cke_button, .cke_rtl .tlb .tlb-bar .tlb-button-on, .tlb .tlb-bar .cke_rtl .tlb-button-on,
.cke_rtl .tlb .tlb-bar .tlb-button-off,
.tlb .tlb-bar .cke_rtl .tlb-button-off,
.cke_rtl .tlb .tlb-bar .tlb-button-disabled,
.tlb .tlb-bar .cke_rtl .tlb-button-disabled {
  float: right;
}

.cke_hc .cke_button, .cke_hc .tlb .tlb-bar .tlb-button-on, .tlb .tlb-bar .cke_hc .tlb-button-on,
.cke_hc .tlb .tlb-bar .tlb-button-off,
.tlb .tlb-bar .cke_hc .tlb-button-off,
.cke_hc .tlb .tlb-bar .tlb-button-disabled,
.tlb .tlb-bar .cke_hc .tlb-button-disabled {
  border: 1px solid black;
  /* Compensate the added border */
  padding: 3px 5px;
  margin: -2px 4px 0 -2px;
}

/* 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. */
.cke .cke_toolbar a.cke_button_on, .cke .tlb-spacer a.cke_button_on, .cke .cke_toolbar a.tlb-button-on, .cke .tlb-spacer a.tlb-button-on, .cke .cke_toolbar a.tlb-button-off:focus, .cke .tlb-spacer a.tlb-button-off:focus, .cke .tlb-bar a.cke_button_on, .cke .tlb-bar a.tlb-button-on, .cke .tlb-bar a.tlb-button-off:focus, .tlb .cke_toolbar a.cke_button_on, .tlb .tlb-spacer a.cke_button_on, .tlb .cke_toolbar a.tlb-button-on, .tlb .tlb-spacer a.tlb-button-on, .tlb .cke_toolbar a.tlb-button-off:focus, .tlb .tlb-spacer a.tlb-button-off:focus, .tlb .tlb-bar a.cke_button_on, .tlb .tlb-bar a.tlb-button-on, .tlb .tlb-bar a.tlb-button-off:focus {
  background-color: rgb(14, 93, 145);
  color: white;
}

.cke_button_disabled span {
  opacity: 0.4 !important;
}

a.cke_button_on:hover, a.tlb-button-on:hover,
a.cke_button_on:focus,
a.tlb-button-on:focus,
a.tlb-button-off:focus,
a.cke_button_on:active,
a.tlb-button-on:active {
  cursor: pointer;
}

a.cke_button_off:hover, a.tlb-button-off:hover,
a.cke_button_off:focus,
a.tlb-button-off:focus,
a.cke_button_off:active,
a.tlb-button-off:active,
a.cke_button_disabled:hover,
a.cke_button_disabled:focus,
a.cke_button_disabled:active {
  background-color: #a4a9b1;
  cursor: default;
  text-shadow: none;
}

/* The icon which is a visual representation of the button. */
.cke_button_icon, .tlb .tlb-bar .tlb-button-on [class^=icon-], .tlb .tlb-bar .tlb-button-on [class*=" icon-"],
.tlb .tlb-bar .tlb-button-off [class^=icon-],
.tlb .tlb-bar .tlb-button-off [class*=" icon-"],
.tlb .tlb-bar .tlb-button-disabled [class^=icon-],
.tlb .tlb-bar .tlb-button-disabled [class*=" icon-"] {
  cursor: inherit;
  background-repeat: no-repeat;
  margin-top: 1px;
  width: 16px;
  height: 16px;
  float: left;
}

.cke_rtl .cke_button_icon, .cke_rtl .tlb .tlb-bar .tlb-button-on [class^=icon-], .tlb .tlb-bar .tlb-button-on .cke_rtl [class^=icon-], .cke_rtl .tlb .tlb-bar .tlb-button-on [class*=" icon-"], .tlb .tlb-bar .tlb-button-on .cke_rtl [class*=" icon-"],
.cke_rtl .tlb .tlb-bar .tlb-button-off [class^=icon-],
.tlb .tlb-bar .tlb-button-off .cke_rtl [class^=icon-],
.cke_rtl .tlb .tlb-bar .tlb-button-off [class*=" icon-"],
.tlb .tlb-bar .tlb-button-off .cke_rtl [class*=" icon-"],
.cke_rtl .tlb .tlb-bar .tlb-button-disabled [class^=icon-],
.tlb .tlb-bar .tlb-button-disabled .cke_rtl [class^=icon-],
.cke_rtl .tlb .tlb-bar .tlb-button-disabled [class*=" icon-"],
.tlb .tlb-bar .tlb-button-disabled .cke_rtl [class*=" icon-"] {
  float: right;
}

.cke_hc .cke_button_icon, .cke_hc .tlb .tlb-bar .tlb-button-on [class^=icon-], .tlb .tlb-bar .tlb-button-on .cke_hc [class^=icon-], .cke_hc .tlb .tlb-bar .tlb-button-on [class*=" icon-"], .tlb .tlb-bar .tlb-button-on .cke_hc [class*=" icon-"],
.cke_hc .tlb .tlb-bar .tlb-button-off [class^=icon-],
.tlb .tlb-bar .tlb-button-off .cke_hc [class^=icon-],
.cke_hc .tlb .tlb-bar .tlb-button-off [class*=" icon-"],
.tlb .tlb-bar .tlb-button-off .cke_hc [class*=" icon-"],
.cke_hc .tlb .tlb-bar .tlb-button-disabled [class^=icon-],
.tlb .tlb-bar .tlb-button-disabled .cke_hc [class^=icon-],
.cke_hc .tlb .tlb-bar .tlb-button-disabled [class*=" icon-"],
.tlb .tlb-bar .tlb-button-disabled .cke_hc [class*=" 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;
}
.cke_button_label.cke_button__language_label {
  display: block;
  cursor: pointer;
}

.cke_button__language {
  cursor: pointer;
}

.cke_button__language_icon {
  display: none;
}

.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_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_button_arrow {
  padding: 0 8px 5px 0;
  position: relative;
  top: -4px;
  opacity: 0.8;
}

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

.cke_rtl .cke_toolbar_separator, .cke_rtl .tlb-separator {
  float: right;
}

.cke_hc .cke_toolbar_separator, .cke_hc .tlb-separator {
  width: 0;
  border-left: 1px solid;
  margin: 1px 5px 0 0px;
}

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

.cke_rtl .cke_toolbar_break, .cke_rtl .tlb-break {
  clear: right;
}

/* The button, which when clicked hides (collapses) all the toolbars. */
.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;
  border-radius: 3px;
  background: #fff;
}

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

.cke_rtl .cke_toolbox_collapser {
  float: left;
}

/* The CSS arrow, which belongs to the toolbar collapser. */
.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;
}

/*
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.
*/
.xhtml_form .form-toolbar:before, .xhtml_form .form-toolbar:after {
  content: " ";
  display: table;
}
.xhtml_form .form-toolbar:after {
  clear: both;
}

/*
Usage:
- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
   if 3 colors used then the position of each will be 33,33%
- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
   first param - color, second - position. Also you can use px or other valid units for set position.
*/
/* based on "visually-hidden" mixin in LDS for accessibility goals */
/*
 * Every style defined here must be mirrored with `writing-mode-horizontal-tb` mixin.
   Because writing-mode can be defined on 2 levels: a) item, b) text block or interaction;
     so if there's a horizontal block inside vertical item, vertical styles should *not* be used for it.
 */
/* Do not edit */
/* "Reset" styles, necessary to avoid the editor UI being broken by external CSS. */
/*
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or http://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:
http://docs.cksource.com/CKEditor_4.x/Skin_SDK/Reset
*/
.xhtml_form .form-toolbar:before, .xhtml_form .form-toolbar:after {
  content: " ";
  display: table;
}
.xhtml_form .form-toolbar:after {
  clear: both;
}

/*
Usage:
- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
   if 3 colors used then the position of each will be 33,33%
- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
   first param - color, second - position. Also you can use px or other valid units for set position.
*/
/* based on "visually-hidden" mixin in LDS for accessibility goals */
/*
 * Every style defined here must be mirrored with `writing-mode-horizontal-tb` mixin.
   Because writing-mode can be defined on 2 levels: a) item, b) text block or interaction;
     so if there's a horizontal block inside vertical item, vertical styles should *not* be used for it.
 */
/* Do not edit */
/* 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;
  z-index: 0 !important;
}

/* Reset for elements and their children. */
.cke_reset_all, .cke_reset_all * {
  /* 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;
  transition: none;
  /* These are rule inherited by all children elements. */
  border-collapse: collapse;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  text-align: left;
  white-space: nowrap;
  cursor: auto;
}

.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;
}

.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;
}

/* Styles the main interface structure (holding box). */
/*
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or http://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;
  padding: 0;
}

/* The inner boundary of the interface. */
.cke_inner {
  /* This is <span>, so transform it into a block.*/
  display: block;
  -webkit-touch-callout: none;
  padding: 0;
  position: relative;
  z-index: 10001;
}

/* 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, .tlb-top,
.cke_contents,
.cke_bottom {
  /* These are <span>s, so transform them into blocks.*/
  /* Ideally this should be "auto", but it shows scrollbars in IE7. */
  overflow: hidden;
}

.cke_top, .tlb-top {
  /*border: 1px solid #b2b2b2;*/
  /* Allow breaking toolbars when in a narrow editor. (#9947) */
  white-space: normal;
  padding: 4px 3px 0px 4px;
  background: #f3f1ef;
  border: 1px solid #f3f1ef;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.cke_float .cke_top, .cke_float .tlb-top {
  border: 3px solid #f3f1ef;
}

.cke_bottom {
  padding: 1px;
  position: relative;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  /*
    border-top: 1px solid #bfbfbf;

    box-shadow: 0 1px 0 #fff inset;

    background: #cfd1cf;
    background-image: linear-gradient(top, #ebebeb, #cfd1cf);
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ebebeb', endColorstr='#cfd1cf');*/
}

/* 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;
  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;
  /* 	A margin in case of no other element in the same container
    to keep a distance to the bottom edge. */
  margin-bottom: 2px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.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;
}

/* 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 #A5A5A5;
  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-2013, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or http://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.
*/
.xhtml_form .form-toolbar:before, .xhtml_form .form-toolbar:after {
  content: " ";
  display: table;
}
.xhtml_form .form-toolbar:after {
  clear: both;
}

/*
Usage:
- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
   if 3 colors used then the position of each will be 33,33%
- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
   first param - color, second - position. Also you can use px or other valid units for set position.
*/
/* based on "visually-hidden" mixin in LDS for accessibility goals */
/*
 * Every style defined here must be mirrored with `writing-mode-horizontal-tb` mixin.
   Because writing-mode can be defined on 2 levels: a) item, b) text block or interaction;
     so if there's a horizontal block inside vertical item, vertical styles should *not* be used for it.
 */
/* Do not edit */
/* 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-x: hidden;
  overflow-y: auto;
  background-color: #fff;
  border: 1px solid #b6b6b6;
  border-bottom-color: #999;
  border-radius: 3px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  font-size: 14px;
}

.cke_panel_visible .cke_panel {
  visibility: visible;
}

/* This class represents panels which are used as context menus. */
.cke_menu_panel {
  padding: 0;
  margin: 0;
  visibility: hidden;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 2px;
  box-shadow: none;
  max-height: 60vh;
}

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

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

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

/*
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 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow-y: auto;
  height: 170px;
}

/* The item of .cke_panel_list */
.cke_panel_listItem {
  margin: 0;
  padding-bottom: 1px;
}

/* 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: 3px 4px;
  display: block;
  border: 1px solid #fff;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 2px;
}

/* IE6 */
* html .cke_panel_listItem a {
  width: 100%;
  /* IE is not able to inherit the color, so we must force it to black */
  color: #000;
}

/* IE7 */
*:first-child + html .cke_panel_listItem a {
  /* IE is not able to inherit the color, so we must force it to black */
  color: #000;
}

.cke_panel_listItem.cke_selected a {
  background-color: #cfdfe9;
}

.cke_panel_listItem a:hover,
.cke_panel_listItem a:focus,
.cke_panel_listItem a:active {
  color: white;
  background-color: #3e7da7;
  outline: none;
}

.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;
}

/* The title of the entire panel which is visible on top of the list. */
.cke_panel_grouptitle {
  display: none;
}

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

/* Styles the color panel displayed by the color buttons. */
/*
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or http://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: 3px;
  font-size: 11px;
  font-family: "Microsoft Sans Serif", Tahoma, Arial, Verdana, Sans-Serif;
}

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

/* 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: 10px;
  height: 10px;
  border: #808080 1px solid;
  float: left;
}

.cke_rtl span.cke_colorbox {
  float: right;
}

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

.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 {
  border: #b6b6b6 1px solid;
  background-color: #e5e5e5;
}

/* 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: #fff 1px solid;
  padding: 2px;
  display: block;
  cursor: pointer;
}

/* 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 {
  border: #b6b6b6 1px solid;
  background-color: #e5e5e5;
}

/* Styles to toolbar. */
/*
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or http://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.
*/
.xhtml_form .form-toolbar:before, .xhtml_form .form-toolbar:after {
  content: " ";
  display: table;
}
.xhtml_form .form-toolbar:after {
  clear: both;
}

/*
Usage:
- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
   if 3 colors used then the position of each will be 33,33%
- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
   first param - color, second - position. Also you can use px or other valid units for set position.
*/
/* based on "visually-hidden" mixin in LDS for accessibility goals */
/*
 * Every style defined here must be mirrored with `writing-mode-horizontal-tb` mixin.
   Because writing-mode can be defined on 2 levels: a) item, b) text block or interaction;
     so if there's a horizontal block inside vertical item, vertical styles should *not* be used for it.
 */
/* Do not edit */
/* The box that holds each toolbar. */
.cke_toolbar, .tlb-spacer, .tlb-bar {
  float: left;
  position: relative;
  z-index: 10005;
}

.cke_rtl .cke_toolbar, .cke_rtl .tlb-spacer, .cke_rtl .tlb-bar {
  float: right;
}

@media (pointer: coarse) {
  .cke .cke_toolbar .cke_button_off.cke_button_off:hover, .cke .tlb-spacer .cke_button_off.cke_button_off:hover, .cke .cke_toolbar .tlb-button-off:hover, .cke .tlb-spacer .tlb-button-off:hover, .cke .tlb-bar .cke_button_off.cke_button_off:hover, .cke .tlb-bar .tlb-button-off:hover, .tlb .cke_toolbar .cke_button_off.cke_button_off:hover, .tlb .tlb-spacer .cke_button_off.cke_button_off:hover, .tlb .cke_toolbar .tlb-button-off:hover, .tlb .tlb-spacer .tlb-button-off:hover, .tlb .tlb-bar .cke_button_off.cke_button_off:hover, .tlb .tlb-bar .tlb-button-off:hover {
    background: white !important;
    color: #222 !important;
  }
}
/* The box that holds buttons. */
.cke_toolgroup, .tlb-group {
  float: left;
  margin: 0 2px 0 0;
  border: 1px solid #ddd;
  border-radius: 2px;
  border-radius: 1px;
  background: rgb(255, 255, 255);
  display: flex;
}

.cke_hc .cke_toolgroup, .cke_hc .tlb-group {
  border: 0;
  margin-right: 10px;
  margin-bottom: 10px;
}

.cke_rtl .cke_toolgroup, .cke_rtl .tlb-group {
  float: right;
  margin-left: 6px;
  margin-right: 0;
}

/* A toolbar button . */
.cke .cke_toolbar .cke_button, .cke .tlb-spacer .cke_button, .cke .tlb-bar .cke_button, .tlb .cke_toolbar .cke_button, .tlb .tlb-spacer .cke_button, .tlb .tlb-bar .cke_button, .tlb .tlb-bar .tlb-button-on,
.tlb .tlb-bar .tlb-button-off,
.tlb .tlb-bar .tlb-button-disabled {
  display: inline-block;
  height: 18px;
  padding: 4px 6px;
  outline: none;
  cursor: pointer;
  border: 0;
  color: #222;
}

.cke .cke_toolbar .cke_button:hover, .cke .tlb-spacer .cke_button:hover, .cke .tlb-bar .cke_button:hover, .tlb .cke_toolbar .cke_button:hover, .tlb .tlb-spacer .cke_button:hover, .tlb .tlb-bar .cke_button:hover, .tlb .tlb-bar .tlb-button-on:hover,
.tlb .tlb-bar .tlb-button-off:hover,
.tlb .tlb-bar .tlb-button-disabled:hover {
  background: #3e7da7 !important;
  color: white !important;
}

.cke_reset_all, .cke_reset_all * .cke .cke_top .cke_toolbar .cke_button_disabled:hover, .cke_reset_all * .cke .cke_top .tlb-spacer .cke_button_disabled:hover, .cke_reset_all * .cke .tlb-top .cke_toolbar .cke_button_disabled:hover, .cke_reset_all * .cke .tlb-top .tlb-spacer .cke_button_disabled:hover, .cke_reset_all * .cke .cke_top .tlb-bar .cke_button_disabled:hover, .cke_reset_all * .cke .tlb-top .tlb-bar .cke_button_disabled:hover, .cke_reset_all * .tlb .cke_top .cke_toolbar .cke_button_disabled:hover, .cke_reset_all * .tlb .cke_top .tlb-spacer .cke_button_disabled:hover, .cke_reset_all * .tlb .tlb-top .cke_toolbar .cke_button_disabled:hover, .cke_reset_all * .tlb .tlb-top .tlb-spacer .cke_button_disabled:hover, .cke_reset_all * .tlb .cke_top .tlb-bar .cke_button_disabled:hover, .cke_reset_all * .tlb .tlb-top .tlb-bar .cke_button_disabled:hover {
  background: white !important;
  cursor: default !important;
}

.cke_rtl .cke_button, .cke_rtl .tlb .tlb-bar .tlb-button-on, .tlb .tlb-bar .cke_rtl .tlb-button-on,
.cke_rtl .tlb .tlb-bar .tlb-button-off,
.tlb .tlb-bar .cke_rtl .tlb-button-off,
.cke_rtl .tlb .tlb-bar .tlb-button-disabled,
.tlb .tlb-bar .cke_rtl .tlb-button-disabled {
  float: right;
}

.cke_hc .cke_button, .cke_hc .tlb .tlb-bar .tlb-button-on, .tlb .tlb-bar .cke_hc .tlb-button-on,
.cke_hc .tlb .tlb-bar .tlb-button-off,
.tlb .tlb-bar .cke_hc .tlb-button-off,
.cke_hc .tlb .tlb-bar .tlb-button-disabled,
.tlb .tlb-bar .cke_hc .tlb-button-disabled {
  border: 1px solid black;
  /* Compensate the added border */
  padding: 3px 5px;
  margin: -2px 4px 0 -2px;
}

/* 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. */
.cke .cke_toolbar a.cke_button_on, .cke .tlb-spacer a.cke_button_on, .cke .cke_toolbar a.tlb-button-on, .cke .tlb-spacer a.tlb-button-on, .cke .cke_toolbar a.tlb-button-off:focus, .cke .tlb-spacer a.tlb-button-off:focus, .cke .tlb-bar a.cke_button_on, .cke .tlb-bar a.tlb-button-on, .cke .tlb-bar a.tlb-button-off:focus, .tlb .cke_toolbar a.cke_button_on, .tlb .tlb-spacer a.cke_button_on, .tlb .cke_toolbar a.tlb-button-on, .tlb .tlb-spacer a.tlb-button-on, .tlb .cke_toolbar a.tlb-button-off:focus, .tlb .tlb-spacer a.tlb-button-off:focus, .tlb .tlb-bar a.cke_button_on, .tlb .tlb-bar a.tlb-button-on, .tlb .tlb-bar a.tlb-button-off:focus {
  background-color: rgb(14, 93, 145);
  color: white;
}

.cke_button_disabled span {
  opacity: 0.4 !important;
}

a.cke_button_on:hover, a.tlb-button-on:hover,
a.cke_button_on:focus,
a.tlb-button-on:focus,
a.tlb-button-off:focus,
a.cke_button_on:active,
a.tlb-button-on:active {
  cursor: pointer;
}

a.cke_button_off:hover, a.tlb-button-off:hover,
a.cke_button_off:focus,
a.tlb-button-off:focus,
a.cke_button_off:active,
a.tlb-button-off:active,
a.cke_button_disabled:hover,
a.cke_button_disabled:focus,
a.cke_button_disabled:active {
  background-color: #a4a9b1;
  cursor: default;
  text-shadow: none;
}

/* The icon which is a visual representation of the button. */
.cke_button_icon, .tlb .tlb-bar .tlb-button-on [class^=icon-], .tlb .tlb-bar .tlb-button-on [class*=" icon-"],
.tlb .tlb-bar .tlb-button-off [class^=icon-],
.tlb .tlb-bar .tlb-button-off [class*=" icon-"],
.tlb .tlb-bar .tlb-button-disabled [class^=icon-],
.tlb .tlb-bar .tlb-button-disabled [class*=" icon-"] {
  cursor: inherit;
  background-repeat: no-repeat;
  margin-top: 1px;
  width: 16px;
  height: 16px;
  float: left;
}

.cke_rtl .cke_button_icon, .cke_rtl .tlb .tlb-bar .tlb-button-on [class^=icon-], .tlb .tlb-bar .tlb-button-on .cke_rtl [class^=icon-], .cke_rtl .tlb .tlb-bar .tlb-button-on [class*=" icon-"], .tlb .tlb-bar .tlb-button-on .cke_rtl [class*=" icon-"],
.cke_rtl .tlb .tlb-bar .tlb-button-off [class^=icon-],
.tlb .tlb-bar .tlb-button-off .cke_rtl [class^=icon-],
.cke_rtl .tlb .tlb-bar .tlb-button-off [class*=" icon-"],
.tlb .tlb-bar .tlb-button-off .cke_rtl [class*=" icon-"],
.cke_rtl .tlb .tlb-bar .tlb-button-disabled [class^=icon-],
.tlb .tlb-bar .tlb-button-disabled .cke_rtl [class^=icon-],
.cke_rtl .tlb .tlb-bar .tlb-button-disabled [class*=" icon-"],
.tlb .tlb-bar .tlb-button-disabled .cke_rtl [class*=" icon-"] {
  float: right;
}

.cke_hc .cke_button_icon, .cke_hc .tlb .tlb-bar .tlb-button-on [class^=icon-], .tlb .tlb-bar .tlb-button-on .cke_hc [class^=icon-], .cke_hc .tlb .tlb-bar .tlb-button-on [class*=" icon-"], .tlb .tlb-bar .tlb-button-on .cke_hc [class*=" icon-"],
.cke_hc .tlb .tlb-bar .tlb-button-off [class^=icon-],
.tlb .tlb-bar .tlb-button-off .cke_hc [class^=icon-],
.cke_hc .tlb .tlb-bar .tlb-button-off [class*=" icon-"],
.tlb .tlb-bar .tlb-button-off .cke_hc [class*=" icon-"],
.cke_hc .tlb .tlb-bar .tlb-button-disabled [class^=icon-],
.tlb .tlb-bar .tlb-button-disabled .cke_hc [class^=icon-],
.cke_hc .tlb .tlb-bar .tlb-button-disabled [class*=" icon-"],
.tlb .tlb-bar .tlb-button-disabled .cke_hc [class*=" 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;
}
.cke_button_label.cke_button__language_label {
  display: block;
  cursor: pointer;
}

.cke_button__language {
  cursor: pointer;
}

.cke_button__language_icon {
  display: none;
}

.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_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_button_arrow {
  padding: 0 8px 5px 0;
  position: relative;
  top: -4px;
  opacity: 0.8;
}

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

.cke_rtl .cke_toolbar_separator, .cke_rtl .tlb-separator {
  float: right;
}

.cke_hc .cke_toolbar_separator, .cke_hc .tlb-separator {
  width: 0;
  border-left: 1px solid;
  margin: 1px 5px 0 0px;
}

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

.cke_rtl .cke_toolbar_break, .cke_rtl .tlb-break {
  clear: right;
}

/* The button, which when clicked hides (collapses) all the toolbars. */
.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;
  border-radius: 3px;
  background: #fff;
}

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

.cke_rtl .cke_toolbox_collapser {
  float: left;
}

/* The CSS arrow, which belongs to the toolbar collapser. */
.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;
}

/* Styles menus, which are lists of selectable items (context menu, menu button). */
/*
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or http://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.
*/
/* .cke_menuitem is the element that holds the entire structure of each of the
   menu items. */
.cke_menubutton {
  /* The "button" inside a menu item is a <a> element.
     Transforms it into a block. */
  display: block;
  color: #222;
  padding: 5px 7px;
  cursor: pointer;
}
.cke_menubutton .cke_menubutton_label {
  cursor: pointer;
}

.cke_menubutton__rtl {
  padding-right: 40px;
  position: relative;
}
.cke_menubutton__rtl:after {
  content: "RTL";
  display: block;
  color: rgb(173, 161, 148);
  border: rgb(173, 161, 148) 1px solid;
  border-radius: 2px;
  font-size: 10px;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  line-height: 12px;
  padding: 0 4px;
  position: absolute;
}

.cke_menubutton:active,
.cke_menubutton:focus {
  outline: none;
  background: none;
}

.cke_menubutton:hover,
.cke_menubutton_on,
.cke_menubutton_on:focus {
  background: #3e7da7;
  color: white;
  display: block;
  outline: none;
  cursor: pointer;
}
.cke_menubutton:hover:after,
.cke_menubutton_on:after,
.cke_menubutton_on:focus:after {
  color: white;
  border-color: white;
}

.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;
}

/* The menu item icon. */
.cke_menubutton_icon {
  display: none;
  background-color: #D7D8D7;
  opacity: 0.7; /* Safari, Opera and Mozilla */
  filter: alpha(opacity=70); /* IE */
  padding: 4px;
}

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

.cke_menubutton_disabled:hover .cke_menubutton_icon,
.cke_menubutton_disabled:focus .cke_menubutton_icon,
.cke_menubutton_disabled:active .cke_menubutton_icon {
  /* The icon will get opacity as well when hovered. */
  opacity: 0.3;
  filter: alpha(opacity=30);
}

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

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

.cke_menubutton_on .cke_menubutton_icon {
  padding-right: 3px;
}

.cke_panel_frame .cke_menubutton_label {
  display: none;
}

/* The separator used to separate menu item groups. */
.cke_menuseparator {
  background-color: #D3D3D3;
  height: 1px;
  filter: alpha(opacity=70); /* IE */
  opacity: 0.7; /* Safari, Opera and Mozilla */
}

/* The small arrow shown for item with sub-menus. */
.cke_menuarrow {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAeCAYAAAAPSW++AAAAWUlEQVR42mNgAAJLS8v5QMzJgA6Agv+B+AYQa2GTAOFvQJyMSyINm1G66EYtAmIehlEwXAEobYHSGLqgFjRB/EcWTIYmnf/oEmlYJaCSuhhGIUnygNIYiA0Ab4wwJXKzD74AAAAASUVORK5CYII=);
  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;
}

/* Styles toolbar combos. */
/*
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or http://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 --+ | | |
| |                      | | |                     | | |                      | | | |
| |                      | | |                     | | +----------------------+ | | |
| |                      | | +---------------------+ +--------------------------+ | |
| +----------------------+ +------------------------------------------------------+ |
+-----------------------------------------------------------------------------------+
*/
.xhtml_form .form-toolbar:before, .xhtml_form .form-toolbar:after {
  content: " ";
  display: table;
}
.xhtml_form .form-toolbar:after {
  clear: both;
}

/*
Usage:
- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
   if 3 colors used then the position of each will be 33,33%
- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
   first param - color, second - position. Also you can use px or other valid units for set position.
*/
/* based on "visually-hidden" mixin in LDS for accessibility goals */
/*
 * Every style defined here must be mirrored with `writing-mode-horizontal-tb` mixin.
   Because writing-mode can be defined on 2 levels: a) item, b) text block or interaction;
     so if there's a horizontal block inside vertical item, vertical styles should *not* be used for it.
 */
/* Do not edit */
/* The box that hold the entire combo widget */
.cke_combo, .tlb-text-button-box {
  display: inline-block;
}

.cke_rtl .cke_combo, .cke_rtl .tlb-text-button-box {
  float: right;
}

.cke_hc .cke_combo, .cke_hc .tlb-text-button-box {
  margin-top: -2px;
}

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

/* The container for combo text and arrow. */
.cke_combo_button, .tlb-text-button-box [class^=tlb-text-button-], .tlb-text-button-box [class*=" tlb-text-button-"] {
  display: inline-block;
  margin: 0 2px 0 0;
  border: 1px solid #ddd;
  border-radius: 2px;
  border-radius: 2px;
  background: rgb(255, 255, 255);
  max-height: 26px;
  white-space: nowrap;
}

/* Different states of the container. */
.cke_combo_off a.cke_combo_button:hover, .cke_combo_off .tlb-text-button-box a[class^=tlb-text-button-]:hover, .tlb-text-button-box .cke_combo_off a[class^=tlb-text-button-]:hover, .cke_combo_off .tlb-text-button-box a[class*=" tlb-text-button-"]:hover, .tlb-text-button-box .cke_combo_off a[class*=" tlb-text-button-"]:hover,
.cke_combo_off a.cke_combo_button:focus,
.cke_combo_off .tlb-text-button-box a[class^=tlb-text-button-]:focus,
.tlb-text-button-box .cke_combo_off a[class^=tlb-text-button-]:focus,
.cke_combo_off .tlb-text-button-box a[class*=" tlb-text-button-"]:focus,
.tlb-text-button-box .cke_combo_off a[class*=" tlb-text-button-"]:focus {
  outline: none;
}

.cke_combo_off a.cke_combo_button:hover, .cke_combo_off .tlb-text-button-box a[class^=tlb-text-button-]:hover, .tlb-text-button-box .cke_combo_off a[class^=tlb-text-button-]:hover, .cke_combo_off .tlb-text-button-box a[class*=" tlb-text-button-"]:hover, .tlb-text-button-box .cke_combo_off a[class*=" tlb-text-button-"]:hover,
.cke_combo_off a.cke_combo_button:focus,
.cke_combo_off .tlb-text-button-box a[class^=tlb-text-button-]:focus,
.tlb-text-button-box .cke_combo_off a[class^=tlb-text-button-]:focus,
.cke_combo_off .tlb-text-button-box a[class*=" tlb-text-button-"]:focus,
.tlb-text-button-box .cke_combo_off a[class*=" tlb-text-button-"]:focus,
.cke_combo_off a.cke_combo_button:active,
.cke_combo_off .tlb-text-button-box a[class^=tlb-text-button-]:active,
.tlb-text-button-box .cke_combo_off a[class^=tlb-text-button-]:active,
.cke_combo_off .tlb-text-button-box a[class*=" tlb-text-button-"]:active,
.tlb-text-button-box .cke_combo_off a[class*=" tlb-text-button-"]:active {
  background-color: #a4a9b1;
  text-shadow: none;
}

.cke_rtl .cke_combo_button, .cke_rtl .tlb-text-button-box [class^=tlb-text-button-], .tlb-text-button-box .cke_rtl [class^=tlb-text-button-], .cke_rtl .tlb-text-button-box [class*=" tlb-text-button-"], .tlb-text-button-box .cke_rtl [class*=" tlb-text-button-"] {
  float: right;
  margin-left: 5px;
  margin-right: 0;
}

.cke_hc a.cke_combo_button, .cke_hc .tlb-text-button-box a[class^=tlb-text-button-], .tlb-text-button-box .cke_hc a[class^=tlb-text-button-], .cke_hc .tlb-text-button-box a[class*=" tlb-text-button-"], .tlb-text-button-box .cke_hc a[class*=" tlb-text-button-"] {
  padding: 3px;
}

.cke_hc .cke_combo_on a.cke_combo_button, .cke_hc .cke_combo_on .tlb-text-button-box a[class^=tlb-text-button-], .tlb-text-button-box .cke_hc .cke_combo_on a[class^=tlb-text-button-], .cke_hc .cke_combo_on .tlb-text-button-box a[class*=" tlb-text-button-"], .tlb-text-button-box .cke_hc .cke_combo_on a[class*=" tlb-text-button-"],
.cke_hc .cke_combo_off a.cke_combo_button:hover,
.cke_hc .cke_combo_off .tlb-text-button-box a[class^=tlb-text-button-]:hover,
.tlb-text-button-box .cke_hc .cke_combo_off a[class^=tlb-text-button-]:hover,
.cke_hc .cke_combo_off .tlb-text-button-box a[class*=" tlb-text-button-"]:hover,
.tlb-text-button-box .cke_hc .cke_combo_off a[class*=" tlb-text-button-"]:hover,
.cke_hc .cke_combo_off a.cke_combo_button:focus,
.cke_hc .cke_combo_off .tlb-text-button-box a[class^=tlb-text-button-]:focus,
.tlb-text-button-box .cke_hc .cke_combo_off a[class^=tlb-text-button-]:focus,
.cke_hc .cke_combo_off .tlb-text-button-box a[class*=" tlb-text-button-"]:focus,
.tlb-text-button-box .cke_hc .cke_combo_off a[class*=" tlb-text-button-"]:focus,
.cke_hc .cke_combo_off a.cke_combo_button:active,
.cke_hc .cke_combo_off .tlb-text-button-box a[class^=tlb-text-button-]:active,
.tlb-text-button-box .cke_hc .cke_combo_off a[class^=tlb-text-button-]:active,
.cke_hc .cke_combo_off .tlb-text-button-box a[class*=" tlb-text-button-"]:active,
.tlb-text-button-box .cke_hc .cke_combo_off a[class*=" tlb-text-button-"]:active {
  border-width: 3px;
  padding: 1px;
}

/* 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, .tlb-text-button-box [class^=tlb-text-button-] .tlb-text, .tlb-text-button-box [class*=" tlb-text-button-"] .tlb-text {
  line-height: 26px;
  padding-left: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  float: left;
  cursor: default;
  color: #474747;
  width: 60px;
}

.cke_rtl .cke_combo_text, .cke_rtl .tlb-text-button-box [class^=tlb-text-button-] .tlb-text, .tlb-text-button-box [class^=tlb-text-button-] .cke_rtl .tlb-text, .cke_rtl .tlb-text-button-box [class*=" tlb-text-button-"] .tlb-text, .tlb-text-button-box [class*=" tlb-text-button-"] .cke_rtl .tlb-text {
  float: right;
  text-align: right;
  padding-left: 0;
  padding-right: 10px;
}

.cke_hc .cke_combo_text, .cke_hc .tlb-text-button-box [class^=tlb-text-button-] .tlb-text, .tlb-text-button-box [class^=tlb-text-button-] .cke_hc .tlb-text, .cke_hc .tlb-text-button-box [class*=" tlb-text-button-"] .tlb-text, .tlb-text-button-box [class*=" tlb-text-button-"] .cke_hc .tlb-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 {
  display: inline-block;
  font-size: 0;
  height: 26px;
  line-height: 17px;
  margin: 0;
  text-align: center;
  width: 20px;
  cursor: pointer;
}
.cke_combo_open:hover {
  color: white;
  background: #3e7da7;
}

.cke_combo_button:hover, .tlb-text-button-box [class^=tlb-text-button-]:hover, .tlb-text-button-box [class*=" tlb-text-button-"]:hover {
  color: white !important;
  background: #3e7da7 !important;
}
.cke_combo_button:hover .cke_combo_text, .cke_combo_button:hover .tlb-text-button-box [class^=tlb-text-button-] .tlb-text, .tlb-text-button-box [class^=tlb-text-button-] .cke_combo_button:hover .tlb-text, .cke_combo_button:hover .tlb-text-button-box [class*=" tlb-text-button-"] .tlb-text, .tlb-text-button-box [class*=" tlb-text-button-"] .cke_combo_button:hover .tlb-text, .tlb-text-button-box [class^=tlb-text-button-]:hover .cke_combo_text, .tlb-text-button-box [class^=tlb-text-button-]:hover .tlb-text, .tlb-text-button-box [class*=" tlb-text-button-"]:hover .cke_combo_text, .tlb-text-button-box [class*=" tlb-text-button-"]:hover .tlb-text {
  color: rgb(230, 230, 230) !important;
}

.cke_combo_on .cke_combo_button, .cke_combo_on .tlb-text-button-box [class^=tlb-text-button-], .tlb-text-button-box .cke_combo_on [class^=tlb-text-button-], .cke_combo_on .tlb-text-button-box [class*=" tlb-text-button-"], .tlb-text-button-box .cke_combo_on [class*=" tlb-text-button-"] {
  background-color: rgb(14, 93, 145);
}
.cke_combo_on .cke_combo_button .cke_combo_text, .tlb-text-button-box [class^=tlb-text-button-] .cke_combo_on .cke_combo_button .tlb-text, .tlb-text-button-box [class*=" tlb-text-button-"] .cke_combo_on .cke_combo_button .tlb-text, .cke_combo_on .tlb-text-button-box [class^=tlb-text-button-] .cke_combo_text, .cke_combo_on .tlb-text-button-box [class^=tlb-text-button-] .tlb-text, .tlb-text-button-box .cke_combo_on [class^=tlb-text-button-] .cke_combo_text, .tlb-text-button-box .cke_combo_on [class^=tlb-text-button-] .tlb-text, .cke_combo_on .tlb-text-button-box [class*=" tlb-text-button-"] .cke_combo_text, .cke_combo_on .tlb-text-button-box [class*=" tlb-text-button-"] .tlb-text, .tlb-text-button-box .cke_combo_on [class*=" tlb-text-button-"] .cke_combo_text, .tlb-text-button-box .cke_combo_on [class*=" tlb-text-button-"] .tlb-text {
  color: rgb(230, 230, 230) !important;
}

.cke_hc .cke_combo_open {
  cursor: default;
  display: inline-block;
  font-size: 0;
  height: 26px;
  line-height: 17px;
  margin: 0;
  text-align: center;
  width: 20px;
}

/* The arrow which is displayed inside of the .cke_combo_open handler. */
.cke_combo_arrow, .cke_button_arrow {
  margin: 8px 0 0;
  float: left;
  left: 7px;
  position: relative;
  font-family: "tao";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
  font-size: 1rem;
}

.cke_combo_arrow, .cke_button_arrow {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "tao" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e611";
}

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

/* 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-2013, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or http://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. */
.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;
}

/* 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: #bfbfbf;
  color: #333;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-radius: 2px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.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;
}

/* Contains hard-coded presets for "configurable-like" options of the UI
   (e.g. display labels on specific buttons) */
/*
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or http://ckeditor.com/license
*/
.xhtml_form .form-toolbar:before, .xhtml_form .form-toolbar:after {
  content: " ";
  display: table;
}
.xhtml_form .form-toolbar:after {
  clear: both;
}

/*
Usage:
- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
   if 3 colors used then the position of each will be 33,33%
- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
   first param - color, second - position. Also you can use px or other valid units for set position.
*/
/* based on "visually-hidden" mixin in LDS for accessibility goals */
/*
 * Every style defined here must be mirrored with `writing-mode-horizontal-tb` mixin.
   Because writing-mode can be defined on 2 levels: a) item, b) text block or interaction;
     so if there's a horizontal block inside vertical item, vertical styles should *not* be used for it.
 */
/* Do not edit */
/* "Source" button label */
.cke_button__source_label,
.cke_button__sourcedialog_label {
  display: inline;
}

.cke_button__interactionsource_label {
  display: inline;
}

/* "Font Size" combo width */
.cke_combo__fontsize .cke_combo_text, .cke_combo__fontsize .tlb-text-button-box [class^=tlb-text-button-] .tlb-text, .tlb-text-button-box [class^=tlb-text-button-] .cke_combo__fontsize .tlb-text, .cke_combo__fontsize .tlb-text-button-box [class*=" tlb-text-button-"] .tlb-text, .tlb-text-button-box [class*=" tlb-text-button-"] .cke_combo__fontsize .tlb-text {
  width: 30px;
}

/* "Font Size" panel size */
.cke_combopanel__fontsize {
  width: 120px;
}

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

/* Tao specific stuff */
.xhtml_form .form-toolbar:before, .xhtml_form .form-toolbar:after {
  content: " ";
  display: table;
}
.xhtml_form .form-toolbar:after {
  clear: both;
}

/*
Usage:
- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
   if 3 colors used then the position of each will be 33,33%
- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
   first param - color, second - position. Also you can use px or other valid units for set position.
*/
/* based on "visually-hidden" mixin in LDS for accessibility goals */
/*
 * Every style defined here must be mirrored with `writing-mode-horizontal-tb` mixin.
   Because writing-mode can be defined on 2 levels: a) item, b) text block or interaction;
     so if there's a horizontal block inside vertical item, vertical styles should *not* be used for it.
 */
/* Do not edit */
[class^=icon-], [class*=" icon-"] {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.cke_button, .tlb .tlb-bar .tlb-button-on,
.tlb .tlb-bar .tlb-button-off,
.tlb .tlb-bar .tlb-button-disabled {
  min-width: 14px;
  text-decoration: none !important;
  text-align: center;
}

.cke_top, .tlb-top,
.cke_top:before,
.tlb-top:before,
.cke_top:after,
.tlb-top:after,
.cke_top *,
.tlb-top *,
.cke_top *:before,
.tlb-top *:before,
.cke_top *:after,
.tlb-top *:after {
  box-sizing: content-box !important;
}

.cke_button_icon, .tlb .tlb-bar .tlb-button-on [class^=icon-], .tlb .tlb-bar .tlb-button-on [class*=" icon-"],
.tlb .tlb-bar .tlb-button-off [class^=icon-],
.tlb .tlb-bar .tlb-button-off [class*=" icon-"],
.tlb .tlb-bar .tlb-button-disabled [class^=icon-],
.tlb .tlb-bar .tlb-button-disabled [class*=" icon-"], .cke_button, .tlb .tlb-bar .tlb-button-on,
.tlb .tlb-bar .tlb-button-off,
.tlb .tlb-bar .tlb-button-disabled {
  padding-top: 1px;
  line-height: 0.9;
  font-size: 16px;
}

.cke_nose {
  position: absolute;
  bottom: -6px;
  transform: rotate(45deg);
  border: 1px #f3f1ef solid;
  border-left: none;
  border-top: none;
  width: 12px;
  height: 12px;
  background: #f3f1ef;
  box-shadow: 2px 1px 1px 0 rgba(0, 0, 0, 0.1);
  opacity: 0;
}
.cke_nose.float-space-left {
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
  right: auto;
  left: 5px;
}
.cke_nose.float-space-right {
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
  right: 5px;
  left: auto;
}
.cke_nose.float-space-bottom {
  top: -6px;
  box-shadow: none;
}
.cke_nose.float-space-top {
  bottom: -6px;
}

/* Icon set */
/* Do not edit */
.xhtml_form .form-toolbar:before, .xhtml_form .form-toolbar:after {
  content: " ";
  display: table;
}
.xhtml_form .form-toolbar:after {
  clear: both;
}

/*
Usage:
- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
   if 3 colors used then the position of each will be 33,33%
- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
   first param - color, second - position. Also you can use px or other valid units for set position.
*/
/* based on "visually-hidden" mixin in LDS for accessibility goals */
/*
 * Every style defined here must be mirrored with `writing-mode-horizontal-tb` mixin.
   Because writing-mode can be defined on 2 levels: a) item, b) text block or interaction;
     so if there's a horizontal block inside vertical item, vertical styles should *not* be used for it.
 */
/* Do not edit */
.cke .cke_top .cke_toolbar .cke_button_icon, .cke .cke_top .tlb-spacer .cke_button_icon, .cke .tlb-top .cke_toolbar .cke_button_icon, .cke .tlb-top .tlb-spacer .cke_button_icon, .cke .cke_top .tlb-bar .cke_button_icon, .cke .tlb-top .tlb-bar .cke_button_icon, .cke .cke_top .tlb .tlb-bar .tlb-button-on [class^=icon-], .cke .tlb-top .tlb .tlb-bar .tlb-button-on [class^=icon-], .cke .cke_top .tlb .tlb-bar .tlb-button-on [class*=" icon-"], .cke .tlb-top .tlb .tlb-bar .tlb-button-on [class*=" icon-"],
.cke .cke_top .tlb .tlb-bar .tlb-button-off [class^=icon-],
.cke .tlb-top .tlb .tlb-bar .tlb-button-off [class^=icon-],
.cke .cke_top .tlb .tlb-bar .tlb-button-off [class*=" icon-"],
.cke .tlb-top .tlb .tlb-bar .tlb-button-off [class*=" icon-"],
.cke .cke_top .tlb .tlb-bar .tlb-button-disabled [class^=icon-],
.cke .tlb-top .tlb .tlb-bar .tlb-button-disabled [class^=icon-],
.cke .cke_top .tlb .tlb-bar .tlb-button-disabled [class*=" icon-"],
.cke .tlb-top .tlb .tlb-bar .tlb-button-disabled [class*=" icon-"], .tlb .cke_top .cke_toolbar .cke_button_icon, .tlb .cke_top .tlb-spacer .cke_button_icon, .tlb .tlb-top .cke_toolbar .cke_button_icon, .tlb .tlb-top .tlb-spacer .cke_button_icon, .tlb .tlb-bar .tlb-button-on .cke_top .cke_toolbar [class^=icon-], .tlb .tlb-bar .tlb-button-on .cke_top .tlb-spacer [class^=icon-], .tlb .tlb-bar .tlb-button-on .tlb-top .cke_toolbar [class^=icon-], .tlb .tlb-bar .tlb-button-on .tlb-top .tlb-spacer [class^=icon-], .tlb .tlb-bar .tlb-button-on .cke_top .cke_toolbar [class*=" icon-"], .tlb .tlb-bar .tlb-button-on .cke_top .tlb-spacer [class*=" icon-"], .tlb .tlb-bar .tlb-button-on .tlb-top .cke_toolbar [class*=" icon-"], .tlb .tlb-bar .tlb-button-on .tlb-top .tlb-spacer [class*=" icon-"],
.tlb .tlb-bar .tlb-button-off .cke_top .cke_toolbar [class^=icon-],
.tlb .tlb-bar .tlb-button-off .cke_top .tlb-spacer [class^=icon-],
.tlb .tlb-bar .tlb-button-off .tlb-top .cke_toolbar [class^=icon-],
.tlb .tlb-bar .tlb-button-off .tlb-top .tlb-spacer [class^=icon-],
.tlb .tlb-bar .tlb-button-off .cke_top .cke_toolbar [class*=" icon-"],
.tlb .tlb-bar .tlb-button-off .cke_top .tlb-spacer [class*=" icon-"],
.tlb .tlb-bar .tlb-button-off .tlb-top .cke_toolbar [class*=" icon-"],
.tlb .tlb-bar .tlb-button-off .tlb-top .tlb-spacer [class*=" icon-"],
.tlb .tlb-bar .tlb-button-disabled .cke_top .cke_toolbar [class^=icon-],
.tlb .tlb-bar .tlb-button-disabled .cke_top .tlb-spacer [class^=icon-],
.tlb .tlb-bar .tlb-button-disabled .tlb-top .cke_toolbar [class^=icon-],
.tlb .tlb-bar .tlb-button-disabled .tlb-top .tlb-spacer [class^=icon-],
.tlb .tlb-bar .tlb-button-disabled .cke_top .cke_toolbar [class*=" icon-"],
.tlb .tlb-bar .tlb-button-disabled .cke_top .tlb-spacer [class*=" icon-"],
.tlb .tlb-bar .tlb-button-disabled .tlb-top .cke_toolbar [class*=" icon-"],
.tlb .tlb-bar .tlb-button-disabled .tlb-top .tlb-spacer [class*=" icon-"], .tlb .cke_top .tlb-bar .cke_button_icon, .tlb .tlb-top .tlb-bar .cke_button_icon, .tlb .cke_top .tlb-bar .tlb-button-on [class^=icon-], .tlb .tlb-top .tlb-bar .tlb-button-on [class^=icon-], .tlb .cke_top .tlb-bar .tlb-button-on [class*=" icon-"], .tlb .tlb-top .tlb-bar .tlb-button-on [class*=" icon-"],
.tlb .cke_top .tlb-bar .tlb-button-off [class^=icon-],
.tlb .tlb-top .tlb-bar .tlb-button-off [class^=icon-],
.tlb .cke_top .tlb-bar .tlb-button-off [class*=" icon-"],
.tlb .tlb-top .tlb-bar .tlb-button-off [class*=" icon-"],
.tlb .cke_top .tlb-bar .tlb-button-disabled [class^=icon-],
.tlb .tlb-top .tlb-bar .tlb-button-disabled [class^=icon-],
.tlb .cke_top .tlb-bar .tlb-button-disabled [class*=" icon-"],
.tlb .tlb-top .tlb-bar .tlb-button-disabled [class*=" icon-"] {
  background-image: none !important;
}

.cke_button_icon, .tlb .tlb-bar .tlb-button-on [class^=icon-], .tlb .tlb-bar .tlb-button-on [class*=" icon-"],
.tlb .tlb-bar .tlb-button-off [class^=icon-],
.tlb .tlb-bar .tlb-button-off [class*=" icon-"],
.tlb .tlb-bar .tlb-button-disabled [class^=icon-],
.tlb .tlb-bar .tlb-button-disabled [class*=" icon-"], .cke_button, .tlb .tlb-bar .tlb-button-on,
.tlb .tlb-bar .tlb-button-off,
.tlb .tlb-bar .tlb-button-disabled {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "tao" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cke_button__anchor_icon:before {
  content: "\e64e";
}

.cke_button__bgcolor_icon:before {
  content: "\e683";
}

.cke_button__bidiltr_icon:before {
  content: "\e652";
}

.cke_button__bidirtl_icon:before {
  content: "\e651";
}

.cke_button__blockquote_icon:before {
  content: "\e666";
}

.cke_button__bold_icon:before {
  content: "\e65e";
}

.cke_button__bulletedlist_icon:before {
  content: "\e62a";
}

.cke_button__copy_icon:before {
  content: "\e92b";
}

.cke_button__creatediv_icon:before {
  content: "\e667";
}

.cke_button__cut_icon:before {
  content: "\e657";
}

.cke_button__find_icon:before {
  content: "\e61f";
}

.cke_button__horizontalrule_icon:before {
  content: "\e64c";
}

.cke_button__image_icon:before {
  content: "\e620";
}

.cke_button__indent_icon:before {
  content: "\e665";
}

.cke_button__italic_icon:before {
  content: "\e65f";
}

.cke_button__justifyblock_icon:before {
  content: "\e66b";
}

.cke_button__justifycenter_icon:before {
  content: "\e669";
}

.cke_button__justifyleft_icon:before {
  content: "\e668";
}

.cke_button__justifyright_icon:before {
  content: "\e66a";
}

.cke_button__link_icon:before {
  content: "\e650";
}

.cke_button__newpage_icon:before {
  content: "\e655";
}

.cke_button__numberedlist_icon:before {
  content: "\e62b";
}

.cke_button__outdent_icon:before {
  content: "\e664";
}

.cke_button__paste_icon:before {
  content: "\e65a";
}

.cke_button__pastefromword_icon:before {
  content: "\e65d";
}

.cke_button__pastetext_icon:before {
  content: "\e65c";
}

.cke_button__radio_icon:before {
  content: "\e69a";
}

.cke_button__redo_icon:before {
  content: "\e613";
}

.cke_button__replace_icon:before {
  content: "\e658";
}

.cke_button__scayt_icon:before {
  content: "\e684";
}

.cke_button__selectall_icon:before {
  content: "\e65b";
}

.cke_button__sourcedialog_icon:before {
  content: "\e654";
}

.cke_button__specialchar_icon:before {
  content: "\e653";
}

.cke_button__strike_icon:before {
  content: "\e663";
}

.cke_button__subscript_icon:before {
  content: "\e661";
}

.cke_button__superscript_icon:before {
  content: "\e662";
}

.cke_button__table_icon:before {
  content: "\e64d";
}

.cke_button__templates_icon:before {
  content: "\e656";
}

.cke_button__textcolor_icon:before {
  content: "\e682";
}

.cke_button__taohighlight_icon:before {
  content: "\e902";
}

.cke_button__underline_icon:before {
  content: "\e660";
}

.cke_button__taounderline_icon:before {
  content: "\e660";
}

.cke_button__undo_icon:before {
  content: "\e612";
}

.cke_button__unlink_icon:before {
  content: "\e64f";
}

.cke_button__taomediamanager_icon:before {
  content: "\e670";
}

.cke_button__taoqtiimage_icon:before {
  content: "\e620";
}

.cke_button__taoqtimaths_icon:before {
  content: "\e6ac";
}

.cke_button__taoqtimedia_icon:before {
  content: "\e670";
}

.cke_button__taoqtiinclude_icon:before {
  content: "\e6b2";
}

.cke_button__taoqtitable_icon:before {
  content: "\e64d";
}

.cke_button__taotooltip_icon:before {
  content: "\e90c";
}

.cke_button__taoqtiprintedvariable_icon:before {
  content: "\e908";
}

.cke_button__taotab_icon:before {
  content: "\e90d";
}

.cke_button__taountab_icon:before {
  content: "\e90e";
}

.cke_combo_arrow:before {
  content: "\e611";
}

.cke_button_arrow:before {
  content: "\e611";
}

.cke_button__taofurigana_icon::before {
  content: "\e919";
  padding-left: 2px;
}

/* 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, .tlb-top {
  display: table;
}

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

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

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

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

.txt-underline {
  text-decoration: underline;
  font-size: inherit;
}

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

.txt-wavy {
  text-decoration: underline;
  text-decoration-style: 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: #222;
}

.cke_taolanguage_enabled.cke_focus span[lang][dir] {
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  box-shadow: inset 0px 0px 0px 1px #222;
  padding: 0 4px;
}
.cke_taolanguage_enabled.cke_focus span[lang][dir] span[lang][dir] {
  border: none;
  box-shadow: none;
  padding: 0;
}

.xhtml_form .form-toolbar:before, .xhtml_form .form-toolbar:after {
  content: " ";
  display: table;
}
.xhtml_form .form-toolbar:after {
  clear: both;
}

/*
Usage:
- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
   if 3 colors used then the position of each will be 33,33%
- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
   first param - color, second - position. Also you can use px or other valid units for set position.
*/
/* based on "visually-hidden" mixin in LDS for accessibility goals */
/*
 * Every style defined here must be mirrored with `writing-mode-horizontal-tb` mixin.
   Because writing-mode can be defined on 2 levels: a) item, b) text block or interaction;
     so if there's a horizontal block inside vertical item, vertical styles should *not* be used for it.
 */
/* Do not edit */
[class^=icon-], [class*=" icon-"] {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.cke_button, .tlb .tlb-bar .tlb-button-on,
.tlb .tlb-bar .tlb-button-off,
.tlb .tlb-bar .tlb-button-disabled {
  min-width: 14px;
  text-decoration: none !important;
  text-align: center;
}

.cke_top, .tlb-top,
.cke_top:before,
.tlb-top:before,
.cke_top:after,
.tlb-top:after,
.cke_top *,
.tlb-top *,
.cke_top *:before,
.tlb-top *:before,
.cke_top *:after,
.tlb-top *:after {
  box-sizing: content-box !important;
}

.cke_button_icon, .tlb .tlb-bar .tlb-button-on [class^=icon-], .tlb .tlb-bar .tlb-button-on [class*=" icon-"],
.tlb .tlb-bar .tlb-button-off [class^=icon-],
.tlb .tlb-bar .tlb-button-off [class*=" icon-"],
.tlb .tlb-bar .tlb-button-disabled [class^=icon-],
.tlb .tlb-bar .tlb-button-disabled [class*=" icon-"], .cke_button, .tlb .tlb-bar .tlb-button-on,
.tlb .tlb-bar .tlb-button-off,
.tlb .tlb-bar .tlb-button-disabled {
  padding-top: 1px;
  line-height: 0.9;
  font-size: 16px;
}

.cke_nose {
  position: absolute;
  bottom: -6px;
  transform: rotate(45deg);
  border: 1px #f3f1ef solid;
  border-left: none;
  border-top: none;
  width: 12px;
  height: 12px;
  background: #f3f1ef;
  box-shadow: 2px 1px 1px 0 rgba(0, 0, 0, 0.1);
  opacity: 0;
}
.cke_nose.float-space-left {
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
  right: auto;
  left: 5px;
}
.cke_nose.float-space-right {
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
  right: 5px;
  left: auto;
}
.cke_nose.float-space-bottom {
  top: -6px;
  box-shadow: none;
}
.cke_nose.float-space-top {
  bottom: -6px;
}

/*
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or http://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;
  padding: 0;
}

/* The inner boundary of the interface. */
.cke_inner {
  /* This is <span>, so transform it into a block.*/
  display: block;
  -webkit-touch-callout: none;
  padding: 0;
  position: relative;
  z-index: 10001;
}

/* 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, .tlb-top,
.cke_contents,
.cke_bottom {
  /* These are <span>s, so transform them into blocks.*/
  /* Ideally this should be "auto", but it shows scrollbars in IE7. */
  overflow: hidden;
}

.cke_top, .tlb-top {
  /*border: 1px solid #b2b2b2;*/
  /* Allow breaking toolbars when in a narrow editor. (#9947) */
  white-space: normal;
  padding: 4px 3px 0px 4px;
  background: #f3f1ef;
  border: 1px solid #f3f1ef;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.cke_float .cke_top, .cke_float .tlb-top {
  border: 3px solid #f3f1ef;
}

.cke_bottom {
  padding: 1px;
  position: relative;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  /*
    border-top: 1px solid #bfbfbf;

    box-shadow: 0 1px 0 #fff inset;

    background: #cfd1cf;
    background-image: linear-gradient(top, #ebebeb, #cfd1cf);
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ebebeb', endColorstr='#cfd1cf');*/
}

/* 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;
  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;
  /* 	A margin in case of no other element in the same container
    to keep a distance to the bottom edge. */
  margin-bottom: 2px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.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;
}

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

/* Do not edit */
.xhtml_form .form-toolbar:before, .xhtml_form .form-toolbar:after {
  content: " ";
  display: table;
}
.xhtml_form .form-toolbar:after {
  clear: both;
}

/*
Usage:
- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
   if 3 colors used then the position of each will be 33,33%
- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
   first param - color, second - position. Also you can use px or other valid units for set position.
*/
/* based on "visually-hidden" mixin in LDS for accessibility goals */
/*
 * Every style defined here must be mirrored with `writing-mode-horizontal-tb` mixin.
   Because writing-mode can be defined on 2 levels: a) item, b) text block or interaction;
     so if there's a horizontal block inside vertical item, vertical styles should *not* be used for it.
 */
/* Do not edit */
.cke .cke_top .cke_toolbar .cke_button_icon, .cke .cke_top .tlb-spacer .cke_button_icon, .cke .tlb-top .cke_toolbar .cke_button_icon, .cke .tlb-top .tlb-spacer .cke_button_icon, .cke .cke_top .tlb-bar .cke_button_icon, .cke .tlb-top .tlb-bar .cke_button_icon, .cke .cke_top .tlb .tlb-bar .tlb-button-on [class^=icon-], .cke .tlb-top .tlb .tlb-bar .tlb-button-on [class^=icon-], .cke .cke_top .tlb .tlb-bar .tlb-button-on [class*=" icon-"], .cke .tlb-top .tlb .tlb-bar .tlb-button-on [class*=" icon-"],
.cke .cke_top .tlb .tlb-bar .tlb-button-off [class^=icon-],
.cke .tlb-top .tlb .tlb-bar .tlb-button-off [class^=icon-],
.cke .cke_top .tlb .tlb-bar .tlb-button-off [class*=" icon-"],
.cke .tlb-top .tlb .tlb-bar .tlb-button-off [class*=" icon-"],
.cke .cke_top .tlb .tlb-bar .tlb-button-disabled [class^=icon-],
.cke .tlb-top .tlb .tlb-bar .tlb-button-disabled [class^=icon-],
.cke .cke_top .tlb .tlb-bar .tlb-button-disabled [class*=" icon-"],
.cke .tlb-top .tlb .tlb-bar .tlb-button-disabled [class*=" icon-"], .tlb .cke_top .cke_toolbar .cke_button_icon, .tlb .cke_top .tlb-spacer .cke_button_icon, .tlb .tlb-top .cke_toolbar .cke_button_icon, .tlb .tlb-top .tlb-spacer .cke_button_icon, .tlb .tlb-bar .tlb-button-on .cke_top .cke_toolbar [class^=icon-], .tlb .tlb-bar .tlb-button-on .cke_top .tlb-spacer [class^=icon-], .tlb .tlb-bar .tlb-button-on .tlb-top .cke_toolbar [class^=icon-], .tlb .tlb-bar .tlb-button-on .tlb-top .tlb-spacer [class^=icon-], .tlb .tlb-bar .tlb-button-on .cke_top .cke_toolbar [class*=" icon-"], .tlb .tlb-bar .tlb-button-on .cke_top .tlb-spacer [class*=" icon-"], .tlb .tlb-bar .tlb-button-on .tlb-top .cke_toolbar [class*=" icon-"], .tlb .tlb-bar .tlb-button-on .tlb-top .tlb-spacer [class*=" icon-"],
.tlb .tlb-bar .tlb-button-off .cke_top .cke_toolbar [class^=icon-],
.tlb .tlb-bar .tlb-button-off .cke_top .tlb-spacer [class^=icon-],
.tlb .tlb-bar .tlb-button-off .tlb-top .cke_toolbar [class^=icon-],
.tlb .tlb-bar .tlb-button-off .tlb-top .tlb-spacer [class^=icon-],
.tlb .tlb-bar .tlb-button-off .cke_top .cke_toolbar [class*=" icon-"],
.tlb .tlb-bar .tlb-button-off .cke_top .tlb-spacer [class*=" icon-"],
.tlb .tlb-bar .tlb-button-off .tlb-top .cke_toolbar [class*=" icon-"],
.tlb .tlb-bar .tlb-button-off .tlb-top .tlb-spacer [class*=" icon-"],
.tlb .tlb-bar .tlb-button-disabled .cke_top .cke_toolbar [class^=icon-],
.tlb .tlb-bar .tlb-button-disabled .cke_top .tlb-spacer [class^=icon-],
.tlb .tlb-bar .tlb-button-disabled .tlb-top .cke_toolbar [class^=icon-],
.tlb .tlb-bar .tlb-button-disabled .tlb-top .tlb-spacer [class^=icon-],
.tlb .tlb-bar .tlb-button-disabled .cke_top .cke_toolbar [class*=" icon-"],
.tlb .tlb-bar .tlb-button-disabled .cke_top .tlb-spacer [class*=" icon-"],
.tlb .tlb-bar .tlb-button-disabled .tlb-top .cke_toolbar [class*=" icon-"],
.tlb .tlb-bar .tlb-button-disabled .tlb-top .tlb-spacer [class*=" icon-"], .tlb .cke_top .tlb-bar .cke_button_icon, .tlb .tlb-top .tlb-bar .cke_button_icon, .tlb .cke_top .tlb-bar .tlb-button-on [class^=icon-], .tlb .tlb-top .tlb-bar .tlb-button-on [class^=icon-], .tlb .cke_top .tlb-bar .tlb-button-on [class*=" icon-"], .tlb .tlb-top .tlb-bar .tlb-button-on [class*=" icon-"],
.tlb .cke_top .tlb-bar .tlb-button-off [class^=icon-],
.tlb .tlb-top .tlb-bar .tlb-button-off [class^=icon-],
.tlb .cke_top .tlb-bar .tlb-button-off [class*=" icon-"],
.tlb .tlb-top .tlb-bar .tlb-button-off [class*=" icon-"],
.tlb .cke_top .tlb-bar .tlb-button-disabled [class^=icon-],
.tlb .tlb-top .tlb-bar .tlb-button-disabled [class^=icon-],
.tlb .cke_top .tlb-bar .tlb-button-disabled [class*=" icon-"],
.tlb .tlb-top .tlb-bar .tlb-button-disabled [class*=" icon-"] {
  background-image: none !important;
}

.cke_button_icon, .tlb .tlb-bar .tlb-button-on [class^=icon-], .tlb .tlb-bar .tlb-button-on [class*=" icon-"],
.tlb .tlb-bar .tlb-button-off [class^=icon-],
.tlb .tlb-bar .tlb-button-off [class*=" icon-"],
.tlb .tlb-bar .tlb-button-disabled [class^=icon-],
.tlb .tlb-bar .tlb-button-disabled [class*=" icon-"], .cke_button, .tlb .tlb-bar .tlb-button-on,
.tlb .tlb-bar .tlb-button-off,
.tlb .tlb-bar .tlb-button-disabled {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "tao" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cke_button__anchor_icon:before {
  content: "\e64e";
}

.cke_button__bgcolor_icon:before {
  content: "\e683";
}

.cke_button__bidiltr_icon:before {
  content: "\e652";
}

.cke_button__bidirtl_icon:before {
  content: "\e651";
}

.cke_button__blockquote_icon:before {
  content: "\e666";
}

.cke_button__bold_icon:before {
  content: "\e65e";
}

.cke_button__bulletedlist_icon:before {
  content: "\e62a";
}

.cke_button__copy_icon:before {
  content: "\e92b";
}

.cke_button__creatediv_icon:before {
  content: "\e667";
}

.cke_button__cut_icon:before {
  content: "\e657";
}

.cke_button__find_icon:before {
  content: "\e61f";
}

.cke_button__horizontalrule_icon:before {
  content: "\e64c";
}

.cke_button__image_icon:before {
  content: "\e620";
}

.cke_button__indent_icon:before {
  content: "\e665";
}

.cke_button__italic_icon:before {
  content: "\e65f";
}

.cke_button__justifyblock_icon:before {
  content: "\e66b";
}

.cke_button__justifycenter_icon:before {
  content: "\e669";
}

.cke_button__justifyleft_icon:before {
  content: "\e668";
}

.cke_button__justifyright_icon:before {
  content: "\e66a";
}

.cke_button__link_icon:before {
  content: "\e650";
}

.cke_button__newpage_icon:before {
  content: "\e655";
}

.cke_button__numberedlist_icon:before {
  content: "\e62b";
}

.cke_button__outdent_icon:before {
  content: "\e664";
}

.cke_button__paste_icon:before {
  content: "\e65a";
}

.cke_button__pastefromword_icon:before {
  content: "\e65d";
}

.cke_button__pastetext_icon:before {
  content: "\e65c";
}

.cke_button__radio_icon:before {
  content: "\e69a";
}

.cke_button__redo_icon:before {
  content: "\e613";
}

.cke_button__replace_icon:before {
  content: "\e658";
}

.cke_button__scayt_icon:before {
  content: "\e684";
}

.cke_button__selectall_icon:before {
  content: "\e65b";
}

.cke_button__sourcedialog_icon:before {
  content: "\e654";
}

.cke_button__specialchar_icon:before {
  content: "\e653";
}

.cke_button__strike_icon:before {
  content: "\e663";
}

.cke_button__subscript_icon:before {
  content: "\e661";
}

.cke_button__superscript_icon:before {
  content: "\e662";
}

.cke_button__table_icon:before {
  content: "\e64d";
}

.cke_button__templates_icon:before {
  content: "\e656";
}

.cke_button__textcolor_icon:before {
  content: "\e682";
}

.cke_button__taohighlight_icon:before {
  content: "\e902";
}

.cke_button__underline_icon:before {
  content: "\e660";
}

.cke_button__taounderline_icon:before {
  content: "\e660";
}

.cke_button__undo_icon:before {
  content: "\e612";
}

.cke_button__unlink_icon:before {
  content: "\e64f";
}

.cke_button__taomediamanager_icon:before {
  content: "\e670";
}

.cke_button__taoqtiimage_icon:before {
  content: "\e620";
}

.cke_button__taoqtimaths_icon:before {
  content: "\e6ac";
}

.cke_button__taoqtimedia_icon:before {
  content: "\e670";
}

.cke_button__taoqtiinclude_icon:before {
  content: "\e6b2";
}

.cke_button__taoqtitable_icon:before {
  content: "\e64d";
}

.cke_button__taotooltip_icon:before {
  content: "\e90c";
}

.cke_button__taoqtiprintedvariable_icon:before {
  content: "\e908";
}

.cke_button__taotab_icon:before {
  content: "\e90d";
}

.cke_button__taountab_icon:before {
  content: "\e90e";
}

.cke_combo_arrow:before {
  content: "\e611";
}

.cke_button_arrow:before {
  content: "\e611";
}

.cke_button__taofurigana_icon::before {
  content: "\e919";
  padding-left: 2px;
}

.tlb .tlb-bar .tlb-button-on,
.tlb .tlb-bar .tlb-button-off,
.tlb .tlb-bar .tlb-button-disabled {
  height: 18px;
  padding: 4px 6px;
  float: left;
}
.tlb .tlb-top .tlb-bar .tlb-button-disabled,
.tlb .tlb-top .tlb-bar .disabled {
  opacity: 0.5;
  background: white !important;
}
.tlb .tlb-top .tlb-bar .tlb-button-disabled:hover,
.tlb .tlb-top .tlb-bar .disabled:hover {
  background: white !important;
  color: #222 !important;
}
.tlb .tlb-top .tlb-bar .tlb-button-disabled span,
.tlb .tlb-top .tlb-bar .disabled span {
  opacity: 0.3;
}

.tlb-spacer {
  display: inline-block;
  min-width: 28px;
  height: 2px;
}

.tlb-title {
  line-height: 2.5;
  float: left;
  padding: 0 6px;
  cursor: default;
}

.tlb-wrapper {
  background: #f3f1ef;
  -ms-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.tlb-wrapper .tlb {
  float: right;
}
.tlb-wrapper .tlb, .tlb-wrapper .tlb-top {
  box-shadow: none;
}

.tlb-text-button-box [class^=tlb-text-button-], .tlb-text-button-box [class*=" tlb-text-button-"] {
  border-radius: 2px;
}
.tlb-text-button-box [class^=tlb-text-button-]:hover, .tlb-text-button-box [class*=" tlb-text-button-"]:hover {
  background: #3e7da7;
  color: white;
}
.tlb-text-button-box [class^=tlb-text-button-]:hover .tlb-text, .tlb-text-button-box [class^=tlb-text-button-]:hover [class^=icon-], .tlb-text-button-box [class^=tlb-text-button-]:hover [class*=" icon-"], .tlb-text-button-box [class*=" tlb-text-button-"]:hover .tlb-text, .tlb-text-button-box [class*=" tlb-text-button-"]:hover [class^=icon-], .tlb-text-button-box [class*=" tlb-text-button-"]:hover [class*=" icon-"] {
  color: white;
  text-shadow: none;
}
.tlb-text-button-box [class^=tlb-text-button-] .tlb-text, .tlb-text-button-box [class*=" tlb-text-button-"] .tlb-text {
  cursor: pointer;
  padding-left: 7px !important;
  padding-right: 7px;
  width: auto;
  color: #222;
}
.tlb-text-button-box [class^=tlb-text-button-] [class^=icon-], .tlb-text-button-box [class^=tlb-text-button-] [class*=" icon-"], .tlb-text-button-box [class*=" tlb-text-button-"] [class^=icon-], .tlb-text-button-box [class*=" tlb-text-button-"] [class*=" icon-"] {
  cursor: pointer;
  color: #222;
  line-height: 26px;
  float: left;
  padding-left: 6px;
}
.tlb-text-button-box .tlb-text-button-disabled, .tlb-text-button-box .disabled {
  cursor: default !important;
  background: white !important;
}
.tlb-text-button-box .tlb-text-button-disabled .tlb-text, .tlb-text-button-box .tlb-text-button-disabled [class^=icon-], .tlb-text-button-box .tlb-text-button-disabled [class*=" icon-"], .tlb-text-button-box .disabled .tlb-text, .tlb-text-button-box .disabled [class^=icon-], .tlb-text-button-box .disabled [class*=" icon-"] {
  color: #222 !important;
  cursor: default !important;
  text-shadow: 1px 1px 0 rgb(255, 255, 255) !important;
  opacity: 0.4;
}
.tlb-text-button-box .tlb-text-button-on, .tlb-text-button-box:focus {
  background-color: rgb(14, 93, 145);
  color: white;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2) !important;
}
.tlb-text-button-box .tlb-text-button-on .tlb-text, .tlb-text-button-box .tlb-text-button-on [class^=icon-], .tlb-text-button-box .tlb-text-button-on [class*=" icon-"], .tlb-text-button-box:focus .tlb-text, .tlb-text-button-box:focus [class^=icon-], .tlb-text-button-box:focus [class*=" icon-"] {
  text-shadow: none;
  color: white;
}

.xhtml_form .form-toolbar:before, .xhtml_form .form-toolbar:after {
  content: " ";
  display: table;
}
.xhtml_form .form-toolbar:after {
  clear: both;
}

/*
Usage:
- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
   if 3 colors used then the position of each will be 33,33%
- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
   first param - color, second - position. Also you can use px or other valid units for set position.
*/
/* based on "visually-hidden" mixin in LDS for accessibility goals */
/*
 * Every style defined here must be mirrored with `writing-mode-horizontal-tb` mixin.
   Because writing-mode can be defined on 2 levels: a) item, b) text block or interaction;
     so if there's a horizontal block inside vertical item, vertical styles should *not* be used for it.
 */
/* Do not edit */
.tooltip .tooltip-inner {
  border-radius: 4px 4px 0 0;
}

.tooltip-content {
  display: none;
}

.tooltip-inner .tooltip-content {
  display: block;
}

.popper,
.tooltip[role=tooltip] {
  position: absolute;
  /*background: #FFC107;*/
  color: black;
  min-inline-size: 100px;
  max-inline-size: 250px;
  /*box-shadow: 0 0 2px rgba(0,0,0,0.5);*/
  box-shadow: none;
  padding-block: 2px;
  padding-inline: 5px;
  text-align: left;
  font-size: 0.8em;
  z-index: 2000;
  word-break: normal;
  overflow-wrap: break-word;
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
}

.style5 .tooltip {
  background: #1E252B;
  color: #FFFFFF;
  max-width: 200px;
  width: auto;
  font-size: 0.8rem;
  padding: 0.5em 1em;
}

.popper .popper__arrow,
.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
}

.tooltip .tooltip-arrow::before,
.popper .popper__arrow::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
}

.style5 .tooltip .tooltip-arrow {
  border-color: red !important;
}

.popper[x-placement^=top],
.tooltip[x-placement^=top] {
  margin-bottom: 5px;
}

.popper[x-placement^=top] .popper__arrow,
.tooltip[x-placement^=top] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.popper[x-placement^=top] .popper__arrow::before,
.tooltip[x-placement^=top] .tooltip-arrow::before {
  border-width: 3px 3px 0 3px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  top: -5px;
  left: calc(50% - 3px);
}

.popper[x-placement^=bottom],
.tooltip[x-placement^=bottom] {
  margin-top: 5px;
}

.tooltip[x-placement^=bottom] .tooltip-arrow,
.popper[x-placement^=bottom] .popper__arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.tooltip[x-placement^=bottom] .tooltip-arrow::before,
.popper[x-placement^=bottom] .popper__arrow::before {
  border-width: 0 3px 3px 3px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  bottom: -5px;
  left: calc(50% - 3px);
  margin-top: 0;
  margin-bottom: 0;
}

.tooltip[x-placement^=right],
.popper[x-placement^=right] {
  margin-left: 5px;
}

.popper[x-placement^=right] .popper__arrow,
.tooltip[x-placement^=right] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.popper[x-placement^=right] .popper__arrow::before,
.tooltip[x-placement^=right] .tooltip-arrow::before {
  border-width: 3px 3px 3px 0;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  right: -5px;
  top: calc(50% - 3px);
  margin-left: 0;
  margin-right: 0;
}

.popper[x-placement^=left],
.tooltip[x-placement^=left] {
  margin-right: 5px;
}

.popper[x-placement^=left] .popper__arrow,
.tooltip[x-placement^=left] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.popper[x-placement^=left] .popper__arrow::before,
.tooltip[x-placement^=left] .tooltip-arrow::before {
  border-width: 3px 0 3px 3px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  top: calc(50% - 3px);
  left: -5px;
  margin-left: 0;
  margin-right: 0;
}

.tooltip-plain {
  background-color: rgb(164, 187, 197);
  border: solid 1px #51717f;
}
.tooltip-plain .tooltip-arrow {
  border-color: #51717f;
}
.tooltip-plain .tooltip-arrow::before {
  border-color: rgb(164, 187, 197);
}

.tooltip-dark {
  background-color: #404040;
  border: solid 1px black;
  color: white;
}
.tooltip-dark .tooltip-arrow {
  border-color: #404040;
}
.tooltip-dark .tooltip-arrow::before {
  border-color: #404040;
}
.tooltip-dark .tooltip-inner {
  background-color: #404040;
}
.tooltip-dark .tooltip-icon {
  border-color: #404040;
}
.tooltip-dark .tooltip-inner .ui-state-hover {
  border-color: #303030;
}

.tooltip-red {
  color: #222;
}
.tooltip-red .tooltip-arrow {
  border-color: #c12a40;
}
.tooltip-red .tooltip-arrow::before {
  border-color: #f1d0d5;
}
.tooltip-red .tooltip-close .tooltip-icon {
  background-position: -102px 0;
}
.tooltip-red .tooltip-icon {
  border-color: #222;
}
.tooltip-red .tooltip-inner .ui-state-hover {
  border-color: #222;
}

/*! Green tooltip style */
.tooltip-green {
  color: #222;
}
.tooltip-green .tooltip-arrow {
  border-color: #269c5d;
}
.tooltip-green .tooltip-arrow::before {
  border-color: #cfe9db;
}
.tooltip-green .tooltip-close .tooltip-icon {
  background-position: -42px 0;
}

/*! Blue tooltip style */
.tooltip-blue {
  color: #222;
}
.tooltip-blue .tooltip-arrow {
  border-color: #266d9c;
}
.tooltip-blue .tooltip-arrow::before {
  border-color: #cfdfe9;
}
.tooltip-blue .tooltip-close .tooltip-icon {
  background-position: -2px 0;
}

/*! Orange tooltip style */
.tooltip-orange {
  color: #222;
}
.tooltip-orange .tooltip-arrow {
  border-color: #dcb66b;
}
.tooltip-orange .tooltip-arrow::before {
  border-color: #f7efde;
}
.tooltip-orange .tooltip-close .tooltip-icon {
  background-position: -102px 0;
}
.tooltip-orange .tooltip-icon {
  border-color: #222;
}
.tooltip-orange .tooltip-inner .ui-state-hover {
  border-color: #222;
}

/*! Danger (mix of read and orange) tooltip style */
.tooltip-danger {
  color: #222;
}
.tooltip-danger .tooltip-arrow {
  border-color: #ce7056;
}
.tooltip-danger .tooltip-arrow::before {
  border-color: #f4dfd9;
}
.tooltip-danger .tooltip-icon {
  background-position: -102px 0;
}
.tooltip-danger .tooltip-icon {
  border-color: #222;
}
.tooltip-danger .tooltip-inner .ui-state-hover {
  border-color: #222;
}

[class^=btn-], [class*=" btn-"], .btn-default,
button, input[type=submit], input[type=reset] {
  border-radius: 3px;
  font-size: 14px !important;
  font-size: 1.4rem !important;
  cursor: pointer;
  text-decoration: none !important;
  vertical-align: middle;
  outline: 0;
  overflow: visible;
  border: none;
  display: inline-block;
  line-height: 2.5;
  padding: 0 15px;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  height: 35px;
  color: rgb(255, 255, 255);
  background-color: #adb2b9;
  text-shadow: 1px 1px 0 #83878e;
}
.btn-secondary[class^=btn-], .btn-secondary[class*=" btn-"], .btn-secondary.btn-default,
button.btn-secondary, input.btn-secondary[type=submit], input.btn-secondary[type=reset] {
  color: #adb2b9;
  border: 1px solid #adb2b9;
  background-color: rgb(255, 255, 255);
  text-shadow: none;
  line-height: 2.3;
}
.small[class^=btn-], .small[class*=" btn-"], .small.btn-default,
button.small, input.small[type=submit], input.small[type=reset] {
  line-height: 1.8;
  height: 25px;
}
.small.btn-secondary[class^=btn-], .small.btn-secondary[class*=" btn-"], .small.btn-secondary.btn-default,
button.small.btn-secondary, input.small.btn-secondary[type=submit], input.small.btn-secondary[type=reset] {
  line-height: 1.5;
}
.small[class^=btn-] [class^=icon-], .small[class*=" btn-"] [class^=icon-], .small.btn-default [class^=icon-],
button.small [class^=icon-], input.small[type=submit] [class^=icon-], input.small[type=reset] [class^=icon-], .small[class^=btn-] [class*=" icon-"], .small[class*=" btn-"] [class*=" icon-"], .small.btn-default [class*=" icon-"],
button.small [class*=" icon-"], input.small[type=submit] [class*=" icon-"], input.small[type=reset] [class*=" icon-"] {
  font-size: 13px;
  font-size: 1.3rem;
}
[class^=btn-] [class^=icon-], [class*=" btn-"] [class^=icon-], .btn-default [class^=icon-],
button [class^=icon-], input[type=submit] [class^=icon-], input[type=reset] [class^=icon-], [class^=btn-] [class*=" icon-"], [class*=" btn-"] [class*=" icon-"], .btn-default [class*=" icon-"],
button [class*=" icon-"], input[type=submit] [class*=" icon-"], input[type=reset] [class*=" icon-"] {
  font: tao !important;
  font-family: tao;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  padding: 0 9px 0 0;
  position: relative;
  top: 1px;
  left: -1px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
[class^=btn-] [class^=icon-].r, [class*=" btn-"] [class^=icon-].r, .btn-default [class^=icon-].r,
button [class^=icon-].r, input[type=submit] [class^=icon-].r, input[type=reset] [class^=icon-].r, [class^=btn-] [class*=" icon-"].r, [class*=" btn-"] [class*=" icon-"].r, .btn-default [class*=" icon-"].r,
button [class*=" icon-"].r, input[type=submit] [class*=" icon-"].r, input[type=reset] [class*=" icon-"].r {
  padding: 0 0 0 9px;
}
[class^=btn-]:hover, [class*=" btn-"]:hover, .btn-default:hover,
button:hover, input[type=submit]:hover, input[type=reset]:hover {
  opacity: 0.85;
}
.btn-info[class^=btn-], .btn-info[class*=" btn-"], .btn-info.btn-default,
button.btn-info, input.btn-info[type=submit], input.btn-info[type=reset] {
  color: rgb(255, 255, 255);
  background-color: #266d9c;
  text-shadow: 1px 1px 0 #0b4a74;
}
.btn-info.btn-secondary[class^=btn-], .btn-info.btn-secondary[class*=" btn-"], .btn-info.btn-secondary.btn-default,
button.btn-info.btn-secondary, input.btn-info.btn-secondary[type=submit], input.btn-info.btn-secondary[type=reset] {
  color: #266d9c;
  border: 1px solid #266d9c;
  background-color: rgb(255, 255, 255);
  text-shadow: none;
}
.btn-error[class^=btn-], .btn-error[class*=" btn-"], .btn-error.btn-default,
button.btn-error, input.btn-error[type=submit], input.btn-error[type=reset] {
  color: rgb(255, 255, 255);
  background-color: #c12a40;
  text-shadow: 1px 1px 0 #950e22;
}
.btn-error.btn-secondary[class^=btn-], .btn-error.btn-secondary[class*=" btn-"], .btn-error.btn-secondary.btn-default,
button.btn-error.btn-secondary, input.btn-error.btn-secondary[type=submit], input.btn-error.btn-secondary[type=reset] {
  color: #c12a40;
  border: 1px solid #c12a40;
  background-color: rgb(255, 255, 255);
  text-shadow: none;
}
.btn-success[class^=btn-], .btn-success[class*=" btn-"], .btn-success.btn-default,
button.btn-success, input.btn-success[type=submit], input.btn-success[type=reset] {
  color: rgb(255, 255, 255);
  background-color: #269c5d;
  text-shadow: 1px 1px 0 #0b743c;
}
.btn-success.btn-secondary[class^=btn-], .btn-success.btn-secondary[class*=" btn-"], .btn-success.btn-secondary.btn-default,
button.btn-success.btn-secondary, input.btn-success.btn-secondary[type=submit], input.btn-success.btn-secondary[type=reset] {
  color: #269c5d;
  border: 1px solid #269c5d;
  background-color: rgb(255, 255, 255);
  text-shadow: none;
}
.btn-warning[class^=btn-], .btn-warning[class*=" btn-"], .btn-warning.btn-default,
button.btn-warning, input.btn-warning[type=submit], input.btn-warning[type=reset] {
  color: rgb(255, 255, 255);
  background-color: #dcb66b;
  text-shadow: 1px 1px 0 #ad8b49;
}
.btn-warning.btn-secondary[class^=btn-], .btn-warning.btn-secondary[class*=" btn-"], .btn-warning.btn-secondary.btn-default,
button.btn-warning.btn-secondary, input.btn-warning.btn-secondary[type=submit], input.btn-warning.btn-secondary[type=reset] {
  color: #dcb66b;
  border: 1px solid #dcb66b;
  background-color: rgb(255, 255, 255);
  text-shadow: none;
}

/* todo move to main ? */
.disabled, button[disabled] {
  background-color: #afb4bb !important;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8) !important;
  cursor: not-allowed !important;
  opacity: 0.55 !important;
  color: #000 !important;
  border: none !important;
}

.ui-button [class^=icon-], .ui-button [class*=" icon-"] {
  font-family: tao !important;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
}
input:not(.error):not(.select2-input):focus,
select:not(.error):not(.select2-input):focus,
textarea:not(.error):not(.select2-input):focus {
  border: 1px solid rgb(14, 93, 145) !important;
}
input:not(.error):not(.select2-input):focus:-webkit-autofill,
select:not(.error):not(.select2-input):focus:-webkit-autofill,
textarea:not(.error):not(.select2-input):focus:-webkit-autofill {
  border-color: #c3ba13 !important;
}

label, .form_desc {
  display: inline-block;
  cursor: pointer;
  margin-bottom: 5px;
  padding-right: 10px;
}
label abbr, .form_desc abbr {
  color: rgb(14, 93, 145);
  border-bottom: none;
  cursor: inherit;
  text-decoration: none;
  padding-left: 2px;
}

#loginForm label abbr {
  display: none;
}

.uploader .file-upload.grid-row {
  max-width: none;
}

.file-upload {
  display: inline-block;
  position: relative;
  overflow: hidden;
  max-width: 300px;
}
.file-upload .file-name {
  padding: 2px 5px;
  background: white;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
.file-upload .file-name.placeholder {
  font-style: italic;
  color: lightgray;
}
.file-upload .file-name.active {
  font-style: normal;
  color: #222;
}
.file-upload input[type=file] {
  font-size: 80px !important;
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.file-upload:hover .btn-info {
  opacity: 0.85;
}

.uri-container {
  position: relative;
  display: inline-block;
  width: 65%;
  overflow: hidden;
}
.uri-container input.final {
  width: calc(100% - 30px) !important;
  position: absolute;
  left: 0;
  top: 0;
  border-color: #bbb;
  height: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.uri-container .clipboard-command {
  position: absolute;
  top: 0;
  right: 0;
  background: #e1e2e3;
  cursor: pointer;
  color: #222;
  display: block;
  width: 30px;
  height: 100%;
  text-align: center;
  line-height: 23px;
  text-shadow: none;
  border: 1px #ccc solid;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.uri-container .clipboard-command:hover {
  background: #e7e8e9;
}

.file-drop {
  height: 150px;
  overflow-y: auto;
  border: solid 1px #ddd;
  position: relative;
}
.file-drop .dragholder {
  padding-top: 20px;
  text-align: center;
  color: #ddd;
  font-size: 20px;
  font-size: 2rem;
}
.file-drop.drag-hover {
  border-color: #3e7da7;
  color: #3e7da7;
}
.file-drop.drag-hover:after {
  content: attr(data-drop-msg);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 75%;
  height: 30px;
  padding: 5px;
  background-color: rgb(14, 93, 145);
  color: rgb(255, 255, 255);
  text-align: center;
  margin: auto;
}
.file-drop ul {
  list-style-type: none;
  position: relative;
  margin: 0;
  padding: 0;
}
.file-drop ul > li {
  position: relative;
  padding: 6px 60px 6px 6px;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
.file-drop ul > li:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "tao" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e622";
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  margin-right: 5px;
  color: rgb(14, 93, 145);
}
.file-drop ul > li .size {
  color: rgb(14, 93, 145);
  margin-left: 5px;
  font-style: italic;
}
.file-drop ul > li .status {
  position: absolute;
  right: 30px;
  top: 6px;
}
.file-drop ul > li .status.sending:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "tao" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62d";
  animation: fade 1s forwards;
  animation-iteration-count: infinite;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.file-drop ul > li .status.success:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "tao" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e638";
  color: rgb(14, 145, 75);
}
.file-drop ul > li .status.error:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "tao" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  color: rgb(186, 18, 43);
}
.file-drop ul > li .icon-close {
  position: absolute;
  right: 6px;
  top: 6px;
}

.pseudo-label-box {
  position: relative;
  cursor: pointer;
}
.pseudo-label-box > label {
  width: 20px;
  position: absolute;
  top: 0;
  margin: 0;
  left: 0;
}
.pseudo-label-box > label + div {
  cursor: pointer;
  margin-left: 24px;
}
.pseudo-label-box abbr {
  border: none;
  color: rgb(14, 93, 145);
}

ol.horizontal .pseudo-label-box > label + div, ul.horizontal .pseudo-label-box > label + div {
  display: table;
}

input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=range],
input[type=search],
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=url],
input[type=week],
textarea,
select {
  border: 1px solid #ddd;
  border-radius: 2px;
  border-radius: 2px;
  font-family: "Source Sans Pro", sans-serif;
  padding: 4px;
  min-inline-size: 150px;
  background-color: white;
  color: #222;
  max-inline-size: 300px;
}
input[type=color].disabled, input[type=color][disabled], input[type=color][readonly],
input[type=date].disabled,
input[type=date][disabled],
input[type=date][readonly],
input[type=datetime].disabled,
input[type=datetime][disabled],
input[type=datetime][readonly],
input[type=datetime-local].disabled,
input[type=datetime-local][disabled],
input[type=datetime-local][readonly],
input[type=email].disabled,
input[type=email][disabled],
input[type=email][readonly],
input[type=month].disabled,
input[type=month][disabled],
input[type=month][readonly],
input[type=number].disabled,
input[type=number][disabled],
input[type=number][readonly],
input[type=range].disabled,
input[type=range][disabled],
input[type=range][readonly],
input[type=search].disabled,
input[type=search][disabled],
input[type=search][readonly],
input[type=tel].disabled,
input[type=tel][disabled],
input[type=tel][readonly],
input[type=time].disabled,
input[type=time][disabled],
input[type=time][readonly],
input[type=text].disabled,
input[type=text][disabled],
input[type=text][readonly],
input[type=password].disabled,
input[type=password][disabled],
input[type=password][readonly],
input[type=url].disabled,
input[type=url][disabled],
input[type=url][readonly],
input[type=week].disabled,
input[type=week][disabled],
input[type=week][readonly],
textarea.disabled,
textarea[disabled],
textarea[readonly],
select.disabled,
select[disabled],
select[readonly] {
  color: #222;
  opacity: 0.55 !important;
  cursor: default;
}
input[type=color].disabled, input[type=color][disabled],
input[type=date].disabled,
input[type=date][disabled],
input[type=datetime].disabled,
input[type=datetime][disabled],
input[type=datetime-local].disabled,
input[type=datetime-local][disabled],
input[type=email].disabled,
input[type=email][disabled],
input[type=month].disabled,
input[type=month][disabled],
input[type=number].disabled,
input[type=number][disabled],
input[type=range].disabled,
input[type=range][disabled],
input[type=search].disabled,
input[type=search][disabled],
input[type=tel].disabled,
input[type=tel][disabled],
input[type=time].disabled,
input[type=time][disabled],
input[type=text].disabled,
input[type=text][disabled],
input[type=password].disabled,
input[type=password][disabled],
input[type=url].disabled,
input[type=url][disabled],
input[type=week].disabled,
input[type=week][disabled],
textarea.disabled,
textarea[disabled],
select.disabled,
select[disabled] {
  cursor: not-allowed !important;
}
input[type=color] ~ .validate-error,
input[type=date] ~ .validate-error,
input[type=datetime] ~ .validate-error,
input[type=datetime-local] ~ .validate-error,
input[type=email] ~ .validate-error,
input[type=month] ~ .validate-error,
input[type=number] ~ .validate-error,
input[type=range] ~ .validate-error,
input[type=search] ~ .validate-error,
input[type=tel] ~ .validate-error,
input[type=time] ~ .validate-error,
input[type=text] ~ .validate-error,
input[type=password] ~ .validate-error,
input[type=url] ~ .validate-error,
input[type=week] ~ .validate-error,
textarea ~ .validate-error,
select ~ .validate-error {
  color: rgb(186, 18, 43);
}
input[type=color].error,
input[type=date].error,
input[type=datetime].error,
input[type=datetime-local].error,
input[type=email].error,
input[type=month].error,
input[type=number].error,
input[type=range].error,
input[type=search].error,
input[type=tel].error,
input[type=time].error,
input[type=text].error,
input[type=password].error,
input[type=url].error,
input[type=week].error,
textarea.error,
select.error {
  border-color: rgb(186, 18, 43);
  color: rgb(186, 18, 43);
}
input[type=color].error + .form-error,
input[type=date].error + .form-error,
input[type=datetime].error + .form-error,
input[type=datetime-local].error + .form-error,
input[type=email].error + .form-error,
input[type=month].error + .form-error,
input[type=number].error + .form-error,
input[type=range].error + .form-error,
input[type=search].error + .form-error,
input[type=tel].error + .form-error,
input[type=time].error + .form-error,
input[type=text].error + .form-error,
input[type=password].error + .form-error,
input[type=url].error + .form-error,
input[type=week].error + .form-error,
textarea.error + .form-error,
select.error + .form-error {
  color: rgb(186, 18, 43);
  text-align: right;
}

input[type=text].viewable-hiddenbox-input,
input[type=password].viewable-hiddenbox-input {
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right-width: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input[type=text].viewable-hiddenbox-input:focus,
input[type=password].viewable-hiddenbox-input:focus {
  border-right-width: 0 !important;
}
input[type=text].viewable-hiddenbox-input::-ms-reveal,
input[type=password].viewable-hiddenbox-input::-ms-reveal {
  display: none;
}

.viewable-hiddenbox-toggle {
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left-width: 0;
  padding: 2px 4px 0;
  background-color: white;
  color: #646464;
  cursor: pointer;
}
.viewable-hiddenbox-toggle:hover {
  color: #222;
}

.viewable-hiddenbox-input.error + .viewable-hiddenbox-toggle {
  border-color: rgb(186, 18, 43);
}

.viewable-hiddenbox-input:focus:not(.error) + .viewable-hiddenbox-toggle {
  border: 1px solid rgb(14, 93, 145) !important;
  border-left: 0 !important;
}
.viewable-hiddenbox-input:focus:not(.error) + .viewable-hiddenbox-toggle:-webkit-autofill {
  border-color: #c3ba13 !important;
}

.viewable-hiddenbox-input:-webkit-autofill + .viewable-hiddenbox-toggle {
  background-color: rgb(250, 255, 189);
}

.viewable-hiddenbox-input:-webkit-autofill:focus:not(.error) + .viewable-hiddenbox-toggle {
  border-color: #c3ba13 !important;
}

.form_radlst input[type=radio].error + label,
.form_radlst input[type=checkbox].error + label {
  border-color: rgb(186, 18, 43);
  color: rgb(186, 18, 43);
}
.form_radlst.error .select2-container > :first-child {
  border-color: rgb(186, 18, 43);
}
.form_radlst + .form-error {
  color: rgb(186, 18, 43);
  text-align: right;
}

option {
  background: white;
  color: #222;
}

label {
  position: relative;
}
label [class^=icon-checkbox]:after,
label [class*=" icon-checkbox"]:after {
  content: "\e601";
  color: white !important;
}
label [class^=icon-radio],
label [class*=" icon-radio"] {
  padding: 0 2px 0 3px;
}
label [class^=icon-radio]:after,
label [class*=" icon-radio"]:after {
  content: "\e600";
  color: white !important;
}
label .icon-checkbox,
label .icon-checkbox-crossed {
  padding: 0 3px 0 3px;
}
label .icon-checkbox-checked {
  padding: 0 0 0 3px;
}
label [class^=icon-],
label [class*=" icon-"] {
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
  top: 2px;
  color: #555;
  display: inline-block;
  width: 20px;
}
label [class^=icon-]:before, label [class^=icon-]:after,
label [class*=" icon-"]:before,
label [class*=" icon-"]:after {
  position: relative;
}
label [class^=icon-]:before,
label [class*=" icon-"]:before {
  z-index: 3;
}
label [class^=icon-]:after,
label [class*=" icon-"]:after {
  position: relative;
  z-index: 2;
  left: -1em;
}
label input[type=radio],
label input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  margin: 0;
  padding: 0;
}
label input[type=radio]:focus ~ [class^=icon-], label input[type=radio]:focus ~ [class*=" icon-"], label input[type=radio]:active ~ [class^=icon-], label input[type=radio]:active ~ [class*=" icon-"],
label input[type=checkbox]:focus ~ [class^=icon-],
label input[type=checkbox]:focus ~ [class*=" icon-"],
label input[type=checkbox]:active ~ [class^=icon-],
label input[type=checkbox]:active ~ [class*=" icon-"] {
  color: #222;
}
label input[type=radio].disabled ~ [class^=icon-], label input[type=radio].disabled ~ [class*=" icon-"], label input[type=radio].disabled ~ label, label input[type=radio][disabled] ~ [class^=icon-], label input[type=radio][disabled] ~ [class*=" icon-"], label input[type=radio][disabled] ~ label, label input[type=radio][readonly] ~ [class^=icon-], label input[type=radio][readonly] ~ [class*=" icon-"], label input[type=radio][readonly] ~ label,
label input[type=checkbox].disabled ~ [class^=icon-],
label input[type=checkbox].disabled ~ [class*=" icon-"],
label input[type=checkbox].disabled ~ label,
label input[type=checkbox][disabled] ~ [class^=icon-],
label input[type=checkbox][disabled] ~ [class*=" icon-"],
label input[type=checkbox][disabled] ~ label,
label input[type=checkbox][readonly] ~ [class^=icon-],
label input[type=checkbox][readonly] ~ [class*=" icon-"],
label input[type=checkbox][readonly] ~ label {
  cursor: not-allowed !important;
  opacity: 0.4 !important;
  color: #555;
}

@supports (-ms-ime-align: auto) {
  label [class^=icon-radio]:after,
  label [class*=" icon-radio"]:after,
  label [class^=icon-checkbox]:after,
  label [class*=" icon-checkbox"]:after {
    left: auto !important;
    top: 0 !important;
    z-index: 2;
    position: absolute;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  label [class^=icon-radio]:after,
  label [class*=" icon-radio"]:after,
  label [class^=icon-checkbox]:after,
  label [class*=" icon-checkbox"]:after {
    color: white !important;
    left: 2px;
    position: absolute;
    z-index: 2;
  }
}
.search-form, .filter-form {
  display: none;
  font-size: 13px;
  font-size: 1.3rem;
}
.search-form .xhtml_form .form_desc, .filter-form .xhtml_form .form_desc {
  display: block;
  width: auto;
  margin-top: 5px;
  margin-bottom: 1px;
}
.search-form .xhtml_form .form-toolbar, .filter-form .xhtml_form .form-toolbar {
  margin: 0 !important;
}
.search-form .xhtml_form input[type=text], .search-form .xhtml_form input[type=password], .filter-form .xhtml_form input[type=text], .filter-form .xhtml_form input[type=password] {
  width: 100%;
  max-width: none;
}
.search-form .xhtml_form select, .search-form .xhtml_form textarea, .search-form .xhtml_form .form_radlst, .filter-form .xhtml_form select, .filter-form .xhtml_form textarea, .filter-form .xhtml_form .form_radlst {
  width: 100%;
  max-width: none;
}
.search-form .xhtml_form .form-group, .filter-form .xhtml_form .form-group {
  margin-bottom: 0;
}
.search-form .xhtml_form .form-group > div > div, .filter-form .xhtml_form .form-group > div > div {
  margin-bottom: 10px;
}
.search-form .xhtml_form label, .filter-form .xhtml_form label {
  margin: 0;
}
.search-form .xhtml_form .form_radlst, .filter-form .xhtml_form .form_radlst {
  padding-left: 2px;
}
.search-form .ui-widget-header, .search-form .search-title, .filter-form .ui-widget-header, .filter-form .search-title {
  font-size: 16px;
  font-size: 1.6rem;
  border: none;
  margin: 8px 0;
}
.search-form > div, .filter-form > div {
  background: transparent;
}

.xhtml_form form > div, .xhtml_form .form > div {
  margin-bottom: 10px;
}
.xhtml_form form > div.property-container, .xhtml_form .form > div.property-container {
  border-top: 1px solid #ddd;
}
.xhtml_form form > div.property-container .tree ul, .xhtml_form .form > div.property-container .tree ul {
  background: transparent !important;
}
.xhtml_form form h3, .xhtml_form .form h3 {
  margin: 0 0 12px;
}
.xhtml_form [class^=btn-].btn-success, .xhtml_form [class*=" btn-"].btn-success,
.xhtml_form button.btn-success, .xhtml_form input[type=submit].btn-success, .xhtml_form input[type=reset].btn-success {
  color: rgb(255, 255, 255);
  background-color: #266d9c;
  text-shadow: 1px 1px 0 #0b4a74;
}
.xhtml_form [class^=btn-].btn-success.btn-secondary, .xhtml_form [class*=" btn-"].btn-success.btn-secondary,
.xhtml_form button.btn-success.btn-secondary, .xhtml_form input[type=submit].btn-success.btn-secondary, .xhtml_form input[type=reset].btn-success.btn-secondary {
  color: #266d9c;
  border: 1px solid #266d9c;
  background-color: rgb(255, 255, 255);
  text-shadow: none;
}
.xhtml_form .form-toolbar {
  text-align: right;
  margin: 30px 0 0 0;
}
[dir=rtl] .xhtml_form .form-toolbar {
  text-align: left;
}
.xhtml_form .property-title {
  margin-bottom: 10px;
}
.xhtml_form .property-heading-icon {
  margin-left: 5px;
}
.xhtml_form .property-heading-icon:hover {
  color: rgb(14, 93, 145);
}
.xhtml_form .property-heading-label {
  padding-left: 5px;
}
.xhtml_form .property-heading-label:before {
  font-size: 12px;
  content: "•";
  line-height: 2px;
  opacity: 0.8;
}
.xhtml_form .property-edit-container {
  display: none;
  width: 100%;
}
.xhtml_form .property-heading-toolbar {
  float: right;
}
.xhtml_form .property-heading-toolbar .property-parent-label {
  display: inline-block;
  padding: 0 5px;
}
.xhtml_form .property-heading-toolbar [class^=icon-], .xhtml_form .property-heading-toolbar [class*=" icon-"] {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  margin-left: 1px;
  padding: 3px;
  cursor: pointer;
  min-width: 24px;
  display: inline-block;
  text-align: center;
}
.xhtml_form .property-heading-toolbar [class^=icon-]:hover, .xhtml_form .property-heading-toolbar [class*=" icon-"]:hover {
  background: rgba(255, 255, 255, 0.7);
  color: rgb(14, 93, 145);
}
.xhtml_form .property-block {
  overflow: hidden;
  padding: 6px 0;
  border-bottom: 1px white solid;
}
.xhtml_form .property-block.property-block-first {
  border-top: 1px white solid;
}
.xhtml_form .property-block.readonly-property div {
  display: inline;
}
.xhtml_form .property-block.readonly-property div div {
  float: right;
  padding-left: 5px;
  color: #7a7a7a;
  cursor: default;
}
.xhtml_form .property-block.parent-property div {
  display: inline;
}
.xhtml_form .property-block.parent-property div div {
  float: right;
  padding-left: 5px;
  color: #4e4e4e;
}
.xhtml_form .property-block.regular-property > div {
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  padding: 15px;
  background: rgba(255, 255, 255, 0.5);
  margin: 5px 0;
  position: relative;
  top: 6px;
}
.xhtml_form .property-block.regular-property > div div {
  padding: 2px 0;
}
.xhtml_form ul.json-object-list {
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  display: inline-block;
  padding: 15px;
  width: 65%;
  margin: 5px 0;
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  list-style-type: none;
}
.xhtml_form ul.json-object-list li {
  margin-bottom: 10px;
}
.xhtml_form ul.json-object-list li input[type=text] {
  width: 100%;
}
.xhtml_form .bool-list {
  overflow: hidden;
}
.xhtml_form .bool-list .form_desc {
  float: left;
}
.xhtml_form .form_disabled_message {
  width: 65%;
  margin-left: auto;
  font-size: 12px;
}
.xhtml_form .form_desc {
  width: 35%;
  display: inline-block;
  padding: 0 10px 0 0;
  vertical-align: bottom;
}
.xhtml_form .form_desc.hidden-input-label {
  width: auto;
}
.xhtml_form .form_desc ~ .form-elt-container {
  display: inline-block;
  width: 65%;
}
.xhtml_form .form_desc ~ .form-elt-container .tree {
  max-width: none;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
.xhtml_form .form_desc ~ .form-error {
  color: rgb(186, 18, 43);
  text-align: right;
}
[dir=rtl] .xhtml_form .form_desc {
  padding: 0 0 0 10px;
}
.xhtml_form input[type=text], .xhtml_form input[type=password] {
  width: 65%;
  max-width: none;
}
.xhtml_form select, .xhtml_form textarea, .xhtml_form .form_radlst {
  width: 65%;
  max-width: none;
}
.xhtml_form .viewable-hiddenbox {
  display: flex;
}
.xhtml_form .viewable-hiddenbox label {
  flex: 0 0 auto;
}
.xhtml_form .viewable-hiddenbox input {
  flex: 1 1 auto;
  height: 100%;
}
.xhtml_form .viewable-hiddenbox .viewable-hiddenbox-toggle {
  flex: 0 0 24px;
}
.xhtml_form .form_radlst {
  display: inline-block;
}
.xhtml_form .datepicker-input {
  /*
  z-index value of datepicker will be inherited from input z-index value+1
  z-index of datepiker should be higher than z-index of main menu (see https://oat-sa.atlassian.net/browse/TAO-936)
  */
  position: relative;
  z-index: 8100;
}
.xhtml_form .form-group > div > div {
  position: relative;
  margin-bottom: 12px;
}
.xhtml_form .form-group > div > div .has-unit {
  padding-right: 45px;
}
.xhtml_form .form-group > div > div .unit {
  position: absolute;
  top: 1px;
  right: 1px;
  background: #f3f1ef;
  width: auto;
  display: block;
  padding: 3px 10px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  opacity: 0.8;
  cursor: default;
}
.xhtml_form .btn-info {
  float: left;
}
.xhtml_form .btn-success {
  float: right;
}
.xhtml_form .form_checklst .grid-row [class*=" col-"], .xhtml_form .form_checklst .grid-row [class^=col-] {
  margin: 0;
}
.xhtml_form .form_checklst .grid-row [class*=" col-"] .elt_desc, .xhtml_form .form_checklst .grid-row [class^=col-] .elt_desc {
  padding: 0 10px;
}
.xhtml_form .form_checklst .grid-row [class*=" col-"] .tooltip-trigger, .xhtml_form .form_checklst .grid-row [class^=col-] .tooltip-trigger {
  position: relative;
  top: 2px;
  color: rgb(201, 96, 67);
}
.xhtml_form .form_checklst .grid-row.readonly .elt_desc, .xhtml_form .form_checklst .grid-row.readonly input[type=checkbox] {
  cursor: not-allowed;
}
.xhtml_form .form_checklst .grid-row.readonly .elt_desc {
  opacity: 0.45;
}

input[type=checkbox], input[type=radio] {
  position: relative;
  margin-right: 4px;
}

#cspHeader .form_radlst {
  width: 85%;
}

.flex-grid {
  display: -ms-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
  overflow-x: hidden;
  width: 100%;
}

.flex-col-1 {
  -ms-order: 0;
  order: 0;
  flex-item-align: stretch;
  align-self: stretch;
  flex: 0 0 1;
  margin-left: 20px;
  width: calc(8.3333333333% - 20px);
}

.flex-col-2 {
  -ms-order: 0;
  order: 0;
  flex-item-align: stretch;
  align-self: stretch;
  flex: 0 0 2;
  margin-left: 20px;
  width: calc(16.6666666667% - 20px);
}

.flex-col-3 {
  -ms-order: 0;
  order: 0;
  flex-item-align: stretch;
  align-self: stretch;
  flex: 0 0 3;
  margin-left: 20px;
  width: calc(25% - 20px);
}

.flex-col-4 {
  -ms-order: 0;
  order: 0;
  flex-item-align: stretch;
  align-self: stretch;
  flex: 0 0 4;
  margin-left: 20px;
  width: calc(33.3333333333% - 20px);
}

.flex-col-5 {
  -ms-order: 0;
  order: 0;
  flex-item-align: stretch;
  align-self: stretch;
  flex: 0 0 5;
  margin-left: 20px;
  width: calc(41.6666666667% - 20px);
}

.flex-col-6 {
  -ms-order: 0;
  order: 0;
  flex-item-align: stretch;
  align-self: stretch;
  flex: 0 0 6;
  margin-left: 20px;
  width: calc(50% - 20px);
}

.flex-col-7 {
  -ms-order: 0;
  order: 0;
  flex-item-align: stretch;
  align-self: stretch;
  flex: 0 0 7;
  margin-left: 20px;
  width: calc(58.3333333333% - 20px);
}

.flex-col-8 {
  -ms-order: 0;
  order: 0;
  flex-item-align: stretch;
  align-self: stretch;
  flex: 0 0 8;
  margin-left: 20px;
  width: calc(66.6666666667% - 20px);
}

.flex-col-9 {
  -ms-order: 0;
  order: 0;
  flex-item-align: stretch;
  align-self: stretch;
  flex: 0 0 9;
  margin-left: 20px;
  width: calc(75% - 20px);
}

.flex-col-10 {
  -ms-order: 0;
  order: 0;
  flex-item-align: stretch;
  align-self: stretch;
  flex: 0 0 10;
  margin-left: 20px;
  width: calc(83.3333333333% - 20px);
}

.flex-col-11 {
  -ms-order: 0;
  order: 0;
  flex-item-align: stretch;
  align-self: stretch;
  flex: 0 0 11;
  margin-left: 20px;
  width: calc(91.6666666667% - 20px);
}

.flex-col-12 {
  -ms-order: 0;
  order: 0;
  flex-item-align: stretch;
  align-self: stretch;
  flex: 0 0 12;
  margin-left: 20px;
  width: calc(100% - 20px);
}

.component-report {
  width: 100%;
  position: relative;
}
.component-report .fold {
  color: #222;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
}
.component-report .fold .check-txt.hide {
  display: none;
}
.component-report .content .hierarchical [class^=feedback-], .component-report .content .hierarchical [class*=" feedback-"] {
  display: none;
}
.component-report .content .actions {
  padding: 0;
  background: transparent;
  color: #222;
  text-align: right;
}
.component-report .content .actions .action {
  margin-top: 10px;
}
.component-report.detailed .fold .check-txt.show {
  display: none;
}
.component-report.detailed .fold .check-txt.hide {
  display: inline-block;
}
.component-report.detailed .content .hierarchical {
  background-color: transparent;
  border-color: transparent;
}
.component-report.detailed .content .hierarchical [class^=feedback-], .component-report.detailed .content .hierarchical [class*=" feedback-"] {
  display: block;
}
.component-report.detailed .content .hierarchical .hierarchical {
  margin: 0;
  padding: 10px 10px 10px 20px;
}
.component-report.detailed .content .hierarchical .hierarchical .hierarchical-icon {
  top: 10px;
  left: -10px;
}
.component-report.detailed .content .hierarchical .leaf {
  margin: 10px 0;
}
.component-report.no-border .content > [class^=feedback-], .component-report.no-border .content > [class*=" feedback-"] {
  background-color: transparent;
  border-color: transparent;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  box-sizing: border-box;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when
     its values is > 50%. */
  z-index: 10;
}

.noUi-stacking + .noUi-origin {
  /* Fix stacking order in IE7, which incorrectly
     creates a new context for the origins. */
  *z-index: -1;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 11px;
}

.noUi-horizontal .noUi-handle {
  width: 10px;
  height: 17px;
  left: -5px;
  top: -4px;
}

.noUi-horizontal .noUi-handle:after {
  border-top: 3px solid #a4a9b1;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: "";
  left: 0;
  position: absolute;
  bottom: -3px;
  width: 0;
}

.qti-slider-values {
  margin-top: 6px !important;
}

.noUi-horizontal .noUi-handle:hover:after {
  border-top: 3px solid #3e7da7;
}
.noUi-horizontal .noUi-handle.noUi-active:after {
  border-top-color: #3e7da7;
}

.noUi-horizontal.noUi-extended {
  padding: 0 15px;
}

.noUi-horizontal.noUi-extended .noUi-origin {
  right: -15px;
}

.noUi-vertical {
  width: 11px;
  height: 200px;
  display: inline-block;
}

.noUi-vertical .noUi-handle {
  width: 17px;
  height: 10px;
  left: -4px;
  top: -5px;
}

.noUi-vertical.noUi-extended {
  padding: 15px 0;
}

.noUi-vertical.noUi-extended .noUi-origin {
  bottom: -15px;
}

/* Styling;
 */
.noUi-background {
  background: rgb(255, 255, 255);
}

.noUi-connect {
  background: #f3f1ef;
}

.noUi-target {
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}

/* Handles and cursors;
 */
.noUi-dragable {
  cursor: w-resize;
}

.noUi-vertical .noUi-dragable {
  cursor: n-resize;
}

.noUi-handle {
  background: #a4a9b1;
  color: #a4a9b1;
  cursor: default;
}

.noUi-active, .noUi-handle:hover {
  background: #3e7da7;
  color: #3e7da7;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled] .noUi-handle {
  cursor: not-allowed;
}

.noUi-horizontal .step-marker {
  position: relative;
}
.noUi-horizontal .step-marker span {
  font-size: 10px;
  position: relative;
  display: block;
  float: left;
  text-align: center;
  min-height: 10px;
}
.noUi-horizontal .step-marker span:before {
  width: 1px;
  height: 5px;
  position: absolute;
  content: "";
  background: #434343;
  left: 50%;
}
.noUi-horizontal .step-marker.after {
  top: 5px;
}
.noUi-horizontal .step-marker.after span:before {
  top: -4px;
}
.noUi-horizontal .step-marker.before {
  top: -28px;
}
.noUi-horizontal .step-marker.before span:before {
  top: 13px;
}

.item-editor-sidebar .noUi-target {
  margin-left: 4px;
  margin-right: 4px;
}

.noUi-vertical-wrapper {
  position: relative;
  display: inline-block;
}
.noUi-vertical-wrapper .step-marker {
  position: absolute;
  height: 100%;
  top: 0;
}
.noUi-vertical-wrapper .step-marker span {
  font-size: 10px;
  position: relative;
  display: block;
}
.noUi-vertical-wrapper .step-marker span:before {
  width: 5px;
  height: 1px;
  position: absolute;
  content: "";
  background: #434343;
  top: 50%;
}
.noUi-vertical-wrapper .step-marker.after {
  left: 20px;
}
.noUi-vertical-wrapper .step-marker.after span:before {
  left: -9px;
}
.noUi-vertical-wrapper .step-marker.before span:before {
  left: -40%;
}

.secondary-props-list {
  position: relative;
  padding-left: 30px;
}
.secondary-props-list > li {
  position: relative;
  list-style-type: none;
  margin-top: 10px;
}
.secondary-props-list > li:first-child::after {
  top: -10px;
}
.secondary-props-list > li:last-child::after {
  bottom: 50%;
}
.secondary-props-list > li::marker {
  color: #8C8C8C;
}
.secondary-props-list > li::before {
  content: "";
  position: absolute;
  border-top: 1px solid #8C8C8C;
  top: 50%;
  left: -26px;
  width: 10px;
  margin-top: -1px;
}
.secondary-props-list > li::after {
  content: "";
  position: absolute;
  border-left: 1px solid #8C8C8C;
  bottom: -5px;
  top: -5px;
  left: -26px;
}
.secondary-props-list > li > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.secondary-props-list > li > div.disabled {
  background: transparent !important;
}
.secondary-props-list > li > div::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid #8C8C8C;
  position: absolute;
  left: -16px;
}
.secondary-props-list > li > div label {
  margin: 0;
}
.secondary-props-list > li > div select, .secondary-props-list > li > div .form_radlst {
  width: calc(65% + 20px);
}
.secondary-props-list > li > div .form_desc {
  width: calc(35% - 20px);
}
.secondary-props-list > li > div .form-error {
  width: calc(65% + 20px);
  margin-left: auto;
  text-align: left;
}
.secondary-props-list > li > div .select2-choices .select2-search-choice-error {
  border-color: #ba122b;
  background-color: #f4d0d3;
}
/*# sourceMappingURL=tao-main-style.css.map */