@import '../prism.css';

html {
  --mce-editor-background: #111111;
  --mce-sheet-background: #000000;
  --mce-text-color: #FFFFFF;
}

p,
body.mceNonEditable p.mceEditable,
body.essay p.mceEditable {
  white-space: pre-wrap;
  tab-size: 10
}

body.mceNonEditable p,
body.essay p {
  white-space: normal;
}

body table p,
body table ol,
body table ul {
  margin: 0;
}

p[data-mce-bogus="all"] {
  display: none;
}

.mce-visual-caret {
  display: none;
}

.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

table[style*="float"] + p[data-mce-placeholder] {
  clear: both;
}

.mce-pagebreak {
  cursor: default;
  display: inline-block;
  border: 0;
  width: 21cm;
  page-break-before: always;
  border: none;
  margin: 1cm -1cm 1cm -1cm;
  height: 1cm;
  background-color: var(--mce-editor-background);
}

ul .mce-pagebreak,
ol .mce-pagebreak {
  margin: 1cm 0 1cm -78px;
}

ul ul .mce-pagebreak,
ul ol .mce-pagebreak,
ol ul .mce-pagebreak,
ol ol .mce-pagebreak {
  margin: 1cm 0 1cm -118px;
}

ul ul ul .mce-pagebreak,
ul ol ul .mce-pagebreak,
ul ol ol .mce-pagebreak,
ul ul ol .mce-pagebreak,
ol ol ol .mce-pagebreak,
ol ul ol .mce-pagebreak,
ol ul ul .mce-pagebreak,
ol ol ul .mce-pagebreak {
  margin: 1cm 0 1cm -158px;
}

ul ul ul ul .mce-pagebreak,
ul ul ul ol .mce-pagebreak,
ul ul ol ul .mce-pagebreak,
ul ul ol ol .mce-pagebreak,
ul ol ul ul .mce-pagebreak,
ul ol ul ol .mce-pagebreak,
ul ol ol ul .mce-pagebreak,
ul ol ol ol .mce-pagebreak,
ol ul ul ul .mce-pagebreak,
ol ul ul ol .mce-pagebreak,
ol ul ol ul .mce-pagebreak,
ol ul ol ol .mce-pagebreak,
ol ol ul ul .mce-pagebreak,
ol ol ul ol .mce-pagebreak,
ol ol ol ul .mce-pagebreak,
ol ol ol ol .mce-pagebreak {
  margin: 1cm 0 1cm -198px;
}

ul ul ul ul ul .mce-pagebreak,
ul ul ul ul ol .mce-pagebreak,
ul ul ul ol ul .mce-pagebreak,
ul ul ul ol ol .mce-pagebreak,
ul ul ol ul ul .mce-pagebreak,
ul ul ol ul ol .mce-pagebreak,
ul ul ol ol ul .mce-pagebreak,
ul ul ol ol ol .mce-pagebreak,
ul ol ul ul ul .mce-pagebreak,
ul ol ul ul ol .mce-pagebreak,
ul ol ul ol ul .mce-pagebreak,
ul ol ul ol ol .mce-pagebreak,
ul ol ol ul ul .mce-pagebreak,
ul ol ol ul ol .mce-pagebreak,
ul ol ol ol ul .mce-pagebreak,
ul ol ol ol ol .mce-pagebreak,
ol ul ul ul ul .mce-pagebreak,
ol ul ul ul ol .mce-pagebreak,
ol ul ul ol ul .mce-pagebreak,
ol ul ul ol ol .mce-pagebreak,
ol ul ol ul ul .mce-pagebreak,
ol ul ol ul ol .mce-pagebreak,
ol ul ol ol ul .mce-pagebreak,
ol ul ol ol ol .mce-pagebreak,
ol ol ul ul ul .mce-pagebreak,
ol ol ul ul ol .mce-pagebreak,
ol ol ul ol ul .mce-pagebreak,
ol ol ul ol ol .mce-pagebreak,
ol ol ol ul ul .mce-pagebreak,
ol ol ol ul ol .mce-pagebreak,
ol ol ol ol ul .mce-pagebreak,
ol ol ol ol ol .mce-pagebreak {
  margin: 1cm 0 1cm -238px;
}

.landscape .mce-pagebreak {
  width: 29.7cm;
}

.pagebreak {
  display: block;
  margin: 1cm -1cm 1cm -1cm;
  height: 1cm;
  background-color: var(--mce-editor-background);
}

/*.language-markup {
  pointer-events: all;
}*/

html {
  background-color: var(--mce-editor-background);
}

body {
  position: relative;
  width: 21cm;
  padding: 1cm;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--mce-sheet-background);
  color: var(--mce-text-color);
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.3;
  scrollbar-3dlight-color: #F0F0EE;
  scrollbar-arrow-color: #676662;
  scrollbar-base-color: #F0F0EE;
  scrollbar-darkshadow-color: #DDDDDD;
  scrollbar-face-color: #E0E0DD;
  scrollbar-highlight-color: #F0F0EE;
  scrollbar-shadow-color: #F0F0EE;
  scrollbar-track-color: #F5F5F5;
  box-sizing: border-box;
}

@media print {
  body {
    padding: 0;
  }
}

body.essay {
  padding: 0;
}

/*body.essay table p,
  body.essay table ol,
  body.essay table ul {
    margin: 0;
  }*/

.landscape {
  width: 29.7cm;
}

td,
th {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  vertical-align: top;
}

  .word-wrap,
  td, td p {
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
  }

.mce-content-body .mce-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: top;
  background: transparent;
  text-decoration: none;
  color: var(--mce-text-color);
  font-family: Arial;
  font-size: 11px;
  text-shadow: none;
  float: none;
  position: static;
  width: auto;
  height: auto;
  white-space: nowrap;
  cursor: inherit;
  line-height: normal;
  font-weight: normal;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  direction: ltr;
  max-width: none
}

.mce-object {
  border: 1px dotted #3A3A3A;
  background: #D5D5D5 url(img/object.gif) no-repeat center
}

.mce-preview-object {
  display: inline-block;
  position: relative;
  margin: 0 2px 0 2px;
  line-height: 0;
  border: 1px solid gray
}

  .mce-preview-object[data-mce-selected="2"] .mce-shim {
    display: none
  }

  .mce-preview-object .mce-shim {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
  }

figure.align-left {
  float: left
}

figure.align-right {
  float: right
}

figure.image.align-center {
  display: table;
  margin-left: auto;
  margin-right: auto
}

figure.image {
  display: inline-block;
  border: 1px solid gray;
  margin: 0 2px 0 1px;
  background: #f5f2f0
}

  figure.image img {
    margin: 8px 8px 0 8px
  }

  figure.image figcaption {
    margin: 6px 8px 6px 8px;
    text-align: center
  }

.mce-toc {
  border: 1px solid gray
}

  .mce-toc h2 {
    margin: 4px
  }

  .mce-toc li {
    list-style-type: none
  }

@media print {
  .mce-pagebreak {
    border: 0
  }
}

.mce-item-anchor {
  cursor: default;
  display: none;
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all;
}

.mce-nbsp,
.mce-shy {
  background: #AAA
}

  .mce-shy::after {
    content: '-'
  }

.mce-match-marker {
  background: #AAA;
  color: #fff
}

.mce-match-marker-selected {
  background: #3399ff;
  color: #fff
}

.mce-spellchecker-word {
  border-bottom: 2px solid rgba(208, 2, 27, 0.5);
  cursor: default
}

.mce-spellchecker-grammar {
  border-bottom: 2px solid #008000;
  cursor: default
}

/*.mce-item-table,
.mce-item-table td,
.mce-item-table th,
.mce-item-table caption {
    border: 1px dashed #BBB
}*/

.borderCollapse {
  border-collapse: collapse;
}

.splittedCell-table td {
  border: 1px dashed #BBB;
}

td[data-mce-selected],
th[data-mce-selected] {
  background-color: #2276d2 !important
}

.mce-edit-focus {
  outline: 1px dotted #333
}

.mce-content-body[contentEditable=false] {
  user-select: none;
  word-wrap: break-word !important;
  /*pointer-events: none;*/
}

.mce-content-body *[contenteditable="false"] {
  pointer-events: none;
  user-select: none;
}

.mce-content-body *[contentEditable=true] {
  user-select: auto;
  pointer-events: auto;
}

.mce-content-body pre[class*=language-],
.mce-content-body pre[class*=language-][data-mce-selected],
.mce-content-body pre[class^=language],
.mce-content-body pre[class^=language][data-mce-selected] {
  user-select: none;
  pointer-events: auto;
  width: 90%;
  overflow: hidden;
  white-space: pre-wrap;
}

/*.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
    outline: 2px solid #2276d2
}

.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
    outline: 2px solid #2276d2
}*/

.mce-content-body *[contentEditable=false][data-mce-selected] {
  outline: 2px solid #2276d2;
  pointer-events: none;
}

.mce-content-body.mce-content-readonly *[contentEditable=true]:focus,
.mce-content-body.mce-content-readonly *[contentEditable=true]:hover {
  outline: none
}

.mce-content-body *[data-mce-selected="inline-boundary"] {
  background: #bfe6ff
}

.mce-content-body .mce-item-anchor[data-mce-selected] {
  background: #D5D5D5 url(img/anchor.gif) no-repeat center
}

.mce-content-body hr {
  cursor: default
}

.mce-content-body table {
  -webkit-nbsp-mode: normal;
  max-width: 100%; 
}

.ephox-snooker-resizer-bar {
  background-color: #2276d2;
  opacity: 0
}

.ephox-snooker-resizer-cols {
  cursor: col-resize
}

.ephox-snooker-resizer-rows {
  cursor: row-resize
}

.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
  opacity: .2
}

body.noobjectresizing ~ .ephox-snooker-resizer-bar {
  display: none;
}