.tox .tox-edit-area__iframe {
  background: #1b234a !important;
  padding: 15px;
}

.tox-tinymce {
  clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 13px, 100% 100%, 13px 100%, 0 calc(100% - 13px));
  border: 1px solid #242d5e !important;
  border-radius: 0 !important;
}

.tox .tox-menubar {
  background: #242d5e !important;
}

.tox .tox-collection--list .tox-collection__group {
  border-color: #242d5e;
}

.tox .tox-collection__item-accessory {
  color: rgb(114, 127, 201);
}

.tox .tox-collection--list .tox-collection__item--enabled {
  background-color: #404c8f;
  color: #fff;
}

.tox .tox-collection__item-caret svg {
  fill: #bbc6ff;
}

.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
  color: #bbc6ff;
}

.tox .tox-collection__item-icon svg {
  fill: #fff;
}

.tox .tox-menu {
  background-color: #2e3871;
  border: 1px solid #2e3871;
}

.tox .tox-collection__item-label {
  color: #b9c4ff;
}

.tox .tox-collection--list .tox-collection__item--active {
  background-color: #404c8f;
  color: #fff;
}

.tox .tox-mbtn:focus:not(:disabled),
.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
  background: #333f7f;
  color: #fff;
}

.tox .tox-mbtn {
  color: #99a3d7;
}

.tox .tox-mbtn--active {
  background: #394483;
  border: 0;
  box-shadow: none;
  color: #fff;
}

.tox .tox-toolbar,
.tox .tox-toolbar__overflow,
.tox .tox-toolbar__primary {
  background-color: #202855 !important;
}

.tox .tox-toolbar-overlord {
  background-color: #202855 !important;
  border-bottom: 1px solid #242d5e;
}

.tox .tox-tbtn--enabled,
.tox .tox-tbtn--enabled:hover {
  background: #333f7f;
  color: #fff;
}

.tox .tox-tbtn:hover svg {
  fill: #fff;
}

.tox .tox-tbtn svg {
  display: block;
  fill: #757eb5;
}

.tox .tox-tbtn--enabled svg,
.tox .tox-tbtn--enabled:hover svg {
  fill: #fff;
}

.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
  color: #fff;
}

.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
  fill: #fff;
}

.tox .tox-tbtn:hover {
  background: #333f7f;
}

.tox .tox-statusbar a,
.tox .tox-statusbar__path-item,
.tox .tox-statusbar__wordcount {
  color: rgb(118, 131, 201);
  text-decoration: none;
  margin-left: 8px;
}

.tox .tox-statusbar__resize-handle svg {
  display: block;
  fill: rgb(112, 122, 179);
}

.tox .tox-statusbar {
  background-color: #242d5e !important;
  border-top: 1px solid #242d5e !important;
  color: rgb(255 255 255 / 70%);
}

.tox.tox-tinymce,
.tox.tox-tinymce-inline .tox-editor-header {
  border-color: #242d5e !important;
}

.tox .tox-editor-header .tox-menubar,
.tox .tox-menubar {
  background-color: #242d5e !important;
}

.tox .tox-button:not(.tox-button--icon) {
  color: #b9c4ff;
  background-color: #2e3871;
  border-color: #404c8f;
}

.tox .tox-button:focus:not(:disabled),
.tox .tox-button:hover:not(:disabled) {
  background-color: #404c8f;
  border-color: #404c8f;
  color: #fff;
}

.tox .tox-dialog {
  background: #202855;
  border-color: #242d5e;
}

.tox .tox-dialog__header {
  background: #242d5e;
  color: #b9c4ff;
}

.tox .tox-dialog__body,
.tox .tox-dialog__footer {
  background: #202855;
  color: #b9c4ff;
}

.tox .tox-label,
.tox .tox-toolbar-label {
  color: #b9c4ff;
}

.tox .tox-textarea,
.tox .tox-textfield,
.tox .tox-selectfield select {
  background: #1b234a;
  border-color: #404c8f;
  color: #b9c4ff;
}

.tox .tox-dialog__header svg,
.tox .tox-dialog__dismiss svg,
.tox .tox-lock svg,
.tox .tox-form__controls-h-stack .tox-naked-btn svg {
  fill: #fff;
}

.tox .tox-dialog__header .tox-button--icon,
.tox .tox-dialog__header .tox-button--naked,
.tox .tox-dialog__dismiss .tox-button,
.tox .tox-lock {
  color: #fff;
}

.tox.tox-tinymce.tox-fullscreen {
  clip-path: none !important;
  border-radius: 0 !important;
}

body.tox-fullscreen .block_solution,
body.tox-fullscreen .block_solution_edit,
body.tox-fullscreen .block_solution_admin,
body.tox-fullscreen .block_solution_admins,
body.tox-fullscreen .block,
body.tox-fullscreen .block_top_topic {
  clip-path: none !important;
  overflow: visible !important;
}

body.tox-fullscreen .modal .modal-content,
body.tox-fullscreen .rules-modal .modal-content {
  clip-path: none !important;
}

body.tox-fullscreen .modal,
body.tox-fullscreen .modal-dialog,
body.tox-fullscreen .modal-body,
body.tox-fullscreen .container {
  overflow: visible !important;
}

.mce-content-html, .mce-content-body {
  width: fit-content !important;
  min-width: min-content !important;
  min-height: min-content !important;

}