@import "alchemy/defaults";

.mce-container,
.mce-container *,
.mce-widget,
.mce-widget * {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: top;
  background: transparent;
  text-decoration: none;
  color: $text-color;
  font-size: $default-font-size;
  text-shadow: none;
  float: none;
  position: static;
  width: auto;
  height: auto;
  white-space: nowrap;
  cursor: inherit;
  -webkit-tap-highlight-color: transparent;
  line-height: normal;
  font-weight: normal;
  text-align: left;
  box-sizing: content-box;
  direction: ltr;
}

.mce-container *[unselectable] {
  user-select: none;
}

.mce-container::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border-radius: $default-border-radius;
}

.mce-container ::-webkit-scrollbar-track-piece,
.mce-container::-webkit-scrollbar-track {
  background-color: transparent;
}

.mce-container::-webkit-scrollbar-thumb {
  background-color: rgba(53, 57, 71, 0.3);
  width: 6px;
  height: 6px;
  border-radius: $default-border-radius;
}

.mce-fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;

  &.mce-in {
    opacity: 1;
  }
}

.mce-fullscreen {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
  height: 100%;
  z-index: 100;
  background: #fff;
  border-radius: 0;

  .mce-resizehandle {
    display: none;
  }
}

div.mce-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.mce-tinymce {
  visibility: visible !important;
  position: relative;
  display: block;
  border-radius: $default-border-radius;
}

.mce-wordcount {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px;
}

div.mce-edit-area {
  background: #fff;
  filter: none;
  border-top: 0;
  border-radius: $default-border-radius;
}

.mce-statusbar {
  position: relative;

  .mce-container-body {
    position: relative;
  }
}

.mce-charmap {
  border-collapse: collapse;

  td {
    cursor: default;
    border: $default-border;
    width: 20px;
    height: 16px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    padding: 4px;

    &:hover {
      background: #d9d9d9;
    }

    div {
      text-align: center;
    }
  }
}

.mce-grid {
  border-spacing: 2px;
  border-collapse: separate;

  a {
    display: block;
    border: 1px solid transparent;

    &:hover {
      border-color: #a1a1a1;
    }
  }

  td div {
    border: 1px solid #d6d6d6;
    width: 12px;
    height: 12px;
    margin: 2px;
    cursor: pointer;
  }
}

.mce-grid-border {
  margin: 0 4px;

  a {
    border-color: #d6d6d6;
    width: 13px;
    height: 13px;

    &.mce-active,
    &:hover {
      border-color: #a1a1a1;
      background: #c8def4;
    }
  }
}

.mce-text-center {
  text-align: center;
}

div.mce-tinymce-inline {
  width: 100%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.mce-rtl .mce-wordcount {
  left: 0;
  right: auto;
}

.mce-container,
.mce-container-body {
  display: block;
}

.mce-autoscroll {
  overflow: hidden;
}

.mce-scrollbar {
  position: absolute;
  width: 7px;
  height: 100%;
  top: 2px;
  right: 2px;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.mce-scrollbar-h {
  top: auto;
  right: auto;
  left: 2px;
  bottom: 2px;
  width: 100%;
  height: 7px;
}

.mce-scrollbar-thumb {
  position: absolute;
  background-color: #000;
  border: 1px solid #888;
  border-color: rgba(85, 85, 85, 0.6);
  width: 5px;
  height: 100%;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.mce-scrollbar-h .mce-scrollbar-thumb {
  width: 100%;
  height: 5px;
}

.mce-scrollbar.mce-active,
.mce-scrollbar:hover {
  background-color: #aaa;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.mce-scroll {
  position: relative;
}

.mce-panel {
  border: 0 solid $default-border-color;
  background-color: $light-gray;
}

.mce-toolbar-grp {
  border-bottom: 1px solid $default-border-color;
}

.mce-floatpanel {
  position: absolute;

  &.mce-fixed {
    position: fixed;
  }

  .mce-arrow,
  .mce-arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
  }

  .mce-arrow {
    border-width: 11px;

    &:after {
      border-width: 10px;
      content: "";
    }
  }

  &.mce-popover {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background: transparent;
    border-radius: $default-border-radius;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    top: 0;
    left: 0;
    background: #fff;
    border: 1px solid $default-border-color;
    border: 1px solid rgba(0, 0, 0, 0.25);
  }

  &.mce-popover.mce-bottom {
    margin-top: 10px;
  }

  &.mce-popover.mce-bottom > .mce-arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: $default-border-color;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
  }

  &.mce-popover.mce-bottom > .mce-arrow:after {
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff;
  }

  &.mce-popover.mce-bottom.mce-start {
    margin-left: -22px;
  }

  &.mce-popover.mce-bottom.mce-start > .mce-arrow {
    left: 20px;
  }

  &.mce-popover.mce-bottom.mce-end {
    margin-left: 22px;
  }

  &.mce-popover.mce-bottom.mce-end > .mce-arrow {
    right: 10px;
    left: auto;
  }
}

#mce-modal-block {
  opacity: 0;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: $dialog-overlay-color;
}

#mce-modal-block.mce-in {
  opacity: $dialog-overlay-opacity;
}

.mce-window-move {
  cursor: move;
}

.mce-window {
  @include border-top-radius($default-border-radius);
  border: 0 none;
  color: $text-color;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 150ms ease-in;
  transition: opacity 150ms ease-in;
  box-shadow: $dialog-box-shadow;

  &.mce-in {
    opacity: 1;
  }

  &.mce-panel {
    background-color: transparent;
  }

  .mce-container-body.mce-abs-layout {
    overflow: visible;
  }
}

.mce-window-body {
  background-color: $dialog-background-color;
}

.mce-window-head {
  padding: 8px 12px;
  background-color: $dialog-header-color;
  position: relative;
  @include border-top-radius($default-border-radius);

  .mce-title {
    line-height: 20px;
    font-weight: bold;
    text-rendering: optimizelegibility;
    padding-right: 10px;
    color: $dialog-header-text-color;
    @include antialiased-font-smoothing;
  }

  .mce-dragh {
    position: absolute;
    top: 0;
    left: 0;
    cursor: move;
    width: 90%;
    height: 100%;
  }

  .mce-close {
    position: absolute;
    right: 16px;
    top: 8px;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    color: $white;
    cursor: pointer;
    height: 18px;
    overflow: hidden;
    border-radius: 0;
    box-shadow: none;

    &:hover {
      background: transparent;
    }

    .mce-ico {
      color: inherit;
    }
  }
}

.mce-window .mce-container-body {
  display: block;
}

.mce-foot {
  display: block;
  background-color: $dialog-background-color;
  border-top: 0 none;

  .mce-btn {
    border-radius: $default-border-radius;
    border: 0 none;

    &:hover,
    &:focus,
    &:active {
      width: auto !important;
      background: $button-hover-bg-color !important;
      border-color: $button-hover-border-color;
    }

    button {
      padding: $button-padding;
      width: auto !important;
      height: auto !important;
      line-height: 1;
      border: 1px solid $button-border-color;
      background-color: $button-bg-color;
      box-shadow: $button-box-shadow;
    }

    .mce-txt {
      vertical-align: middle;
      color: $button-text-color;
      font-weight: bold;
      @include antialiased-font-smoothing;
    }
  }
}

.mce-window iframe {
  width: 100%;
  height: 100%;
}

.mce-window.mce-fullscreen,
.mce-window.mce-fullscreen .mce-foot {
  border-radius: $default-border-radius;
}

.mce-rtl .mce-window-head .mce-close {
  position: absolute;
  right: auto;
  left: 15px;
}

.mce-rtl .mce-window-head .mce-dragh {
  left: auto;
  right: 0;
}

.mce-rtl .mce-window-head .mce-title {
  direction: rtl;
  text-align: right;
}

.mce-abs-layout {
  position: relative;
}

.mce-abs-end,
body .mce-abs-layout-item {
  position: absolute;
}

.mce-abs-end {
  width: 1px;
  height: 1px;
}

.mce-container-body.mce-abs-layout {
  overflow: hidden;
}

.mce-tooltip {
  position: absolute;
  padding: 5px;
  transition-delay: 0.3s;
}

.mce-tooltip-inner {
  background-color: $tooltip-background-color;
  color: $white;
  max-width: 200px;
  padding: $default-padding 2 * $default-padding;
  text-align: center;
  white-space: normal;
  box-shadow: 0 0 4px $default-border-color;
  border-radius: $default-border-radius;
}

.mce-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  border: 5px solid $tooltip-background-color;
}

.mce-tooltip-arrow-n {
  border-bottom-color: $dark-gray;
}

.mce-tooltip-arrow-s {
  border-top-color: $dark-gray;
}

.mce-tooltip-arrow-e {
  border-left-color: $dark-gray;
}

.mce-tooltip-arrow-w {
  border-right-color: $dark-gray;
}

.mce-tooltip-nw,
.mce-tooltip-sw {
  margin-left: -14px;
}

.mce-tooltip-n .mce-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-style: solid;
  border-top: 0;
  border-left-color: transparent;
  border-right-color: transparent;
}

.mce-tooltip-nw .mce-tooltip-arrow {
  top: 0;
  left: 10px;
  border-bottom-style: solid;
  border-top: 0;
  border-left-color: transparent;
  border-right-color: transparent;
}

.mce-tooltip-ne .mce-tooltip-arrow {
  top: 0;
  right: 10px;
  border-bottom-style: solid;
  border-top: 0;
  border-left-color: transparent;
  border-right-color: transparent;
}

.mce-tooltip-s .mce-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-style: solid;
  border-bottom: 0;
  border-left-color: transparent;
  border-right-color: transparent;
}

.mce-tooltip-sw .mce-tooltip-arrow {
  bottom: 0;
  left: 10px;
  border-top-style: solid;
  border-bottom: 0;
  border-left-color: transparent;
  border-right-color: transparent;
}

.mce-tooltip-se .mce-tooltip-arrow {
  bottom: 0;
  right: 10px;
  border-top-style: solid;
  border-bottom: 0;
  border-left-color: transparent;
  border-right-color: transparent;
}

.mce-tooltip-e .mce-tooltip-arrow {
  right: 0;
  top: 50%;
  margin-top: -5px;
  border-left-style: solid;
  border-right: 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.mce-tooltip-w .mce-tooltip-arrow {
  left: 0;
  top: 50%;
  margin-top: -5px;
  border-right-style: solid;
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.mce-btn {
  border: 1px solid $default-border-color;
  position: relative;
  text-shadow: $button-text-shadow;
  display: inline-block;
  box-shadow: none;
  background-color: $light-gray;

  &:focus,
  &:hover {
    color: $text-color;
  }

  &:hover {
    background-color: $default-border-color;
  }

  button {
    padding: 5px $default-padding;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer;
    color: $text-color;
    text-align: center;
    overflow: visible;
    appearance: none;
    -webkit-appearance: none;
    border-radius: inherit;
    box-shadow: none;

    &:focus {
      box-shadow: none;
      border: 0 none;
      background: none;
    }

    &:active {
      border: 0 none;
    }

    &::-moz-focus-inner {
      border: 0;
      padding: 0;
    }
  }

  i {
    text-shadow: 1px 1px #fff;
  }

  &.mce-disabled,
  &.mce-disabled:hover {
    background-color: transparent;

    button {
      cursor: default;
      box-shadow: none;
      opacity: 0.4;
      filter: alpha(opacity=40);
    }
  }
  &.mce-active,
  &.mce-active:hover {
    background-color: $default-border-color;

    button i {
      color: #000;
    }
  }

  &:not(.mce-disabled):active {
    background-color: $default-border-color;
  }
}

.mce-btn-large button {
  padding: 9px 14px;
  font-size: 16px;
  line-height: normal;
  border-radius: $default-border-radius;
}

.mce-btn-large i {
  margin-top: 2px;
}

.mce-btn-small button {
  padding: 1px 5px;
  font-size: 12px;
}

.mce-btn-small i {
  line-height: 20px;
  vertical-align: top;
}

.mce-btn .mce-caret {
  margin-top: 2px;
  margin-left: 2px;
}

.mce-btn-small .mce-caret {
  margin-top: 2px;
  margin-left: 2px;
}

.mce-caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #333;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}

.mce-disabled .mce-caret {
  border-top-color: #aaa;
}

.mce-caret.mce-up {
  border-bottom: 4px solid #333;
  border-top: 0;
}

.mce-rtl .mce-btn button {
  direction: rtl;
}

.mce-btn-group .mce-btn {
  border-width: 1px 0 1px 0;
  margin: 0;
  border-radius: 0;
}

.mce-btn-group .mce-first {
  border-left: 1px solid #b1b1b1;
  border-left: 1px solid rgba(0, 0, 0, 0.25);
  @include border-left-radius($default-border-radius);
}

.mce-btn-group .mce-last {
  border-right: 1px solid #b1b1b1;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  @include border-right-radius($default-border-radius);
}

.mce-btn-group .mce-first.mce-last {
  border-radius: $default-border-radius;
}

.mce-btn-group .mce-btn.mce-flow-layout-item {
  margin: 0;
}

.mce-checkbox {
  cursor: pointer;
}

i.mce-i-checkbox {
  margin: 0 3px 0 0;
  border: 1px solid #c5c5c5;
  border-radius: $default-border-radius;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #f0f0f0;
  background-image: -moz-linear-gradient(top, #fff, #d9d9d9);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#fff),
    to(#d9d9d9)
  );
  background-image: -webkit-linear-gradient(top, #fff, #d9d9d9);
  background-image: -o-linear-gradient(top, #fff, #d9d9d9);
  background-image: linear-gradient(to bottom, #fff, #d9d9d9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#ffffffff',endColorstr='#ffd9d9d9',GradientType=0);
  text-indent: -10em;
  overflow: hidden;
}

.mce-checked i.mce-i-checkbox {
  color: #333;
  font-size: 16px;
  line-height: 16px;
  text-indent: 0;
}

.mce-checkbox.mce-focus i.mce-i-checkbox,
.mce-checkbox:focus i.mce-i-checkbox {
  @include default-focus-style;
}

.mce-checkbox.mce-disabled .mce-label,
.mce-checkbox.mce-disabled i.mce-i-checkbox {
  color: #acacac;
}

.mce-rtl .mce-checkbox {
  direction: rtl;
  text-align: right;
}

.mce-rtl i.mce-i-checkbox {
  margin: 0 0 0 3px;
}

.mce-colorbutton .mce-ico {
  position: relative;
}

.mce-colorbutton-grid {
  margin: 4px;
}

.mce-colorbutton button {
  padding-right: 4px;
}

.mce-colorbutton .mce-preview {
  padding-right: 3px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -14px;
  margin-top: 7px;
  background: gray;
  width: 13px;
  height: 2px;
  overflow: hidden;
}

.mce-colorbutton.mce-btn-small .mce-preview {
  margin-left: -16px;
  padding-right: 0;
  width: 16px;
}

.mce-colorbutton .mce-open {
  padding-left: 4px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

.mce-colorbutton:hover .mce-open {
  border-left-color: #bdbdbd;
  border-right-color: #bdbdbd;
}

.mce-colorbutton.mce-btn-small .mce-open {
  padding: 0 3px;
}

.mce-rtl .mce-colorbutton {
  direction: rtl;
}

.mce-rtl .mce-colorbutton .mce-preview {
  margin-left: 0;
  padding-right: 0;
  padding-left: 4px;
  margin-right: -14px;
}

.mce-rtl .mce-colorbutton.mce-btn-small .mce-preview {
  margin-left: 0;
  padding-right: 0;
  margin-right: -17px;
  padding-left: 0;
}

.mce-rtl .mce-colorbutton button {
  padding-right: 10px;
  padding-left: 10px;
}

.mce-rtl .mce-colorbutton .mce-open {
  padding-left: 4px;
  padding-right: 4px;
}

.mce-combobox {
  display: inline-block;
  border-radius: $default-border-radius;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.mce-combobox input {
  border: 1px solid #c5c5c5;
  border-right-color: #c5c5c5;
  height: 28px;
}

.mce-combobox.mce-disabled input {
  color: #adadad;
}

.mce-combobox.mce-has-open input {
  @include border-left-radius($default-border-radius);
}

.mce-combobox .mce-btn {
  border-left: 0;
  @include border-right-radius($default-border-radius);
}

.mce-combobox button {
  padding-right: 8px;
  padding-left: 8px;
}

.mce-combobox.mce-disabled .mce-btn button {
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.mce-path {
  display: inline-block;
  padding: 4px 6px;
  white-space: normal;
}

.mce-path .mce-txt {
  display: inline-block;
  padding-right: 3px;
}

.mce-path .mce-path-body {
  display: inline-block;
}

.mce-path-item {
  display: inline-block;
  cursor: pointer;
  color: #333;
}

.mce-path-item:hover {
  text-decoration: underline;
}

.mce-path-item:focus {
  @include default-focus-style;
}

.mce-path .mce-divider {
  display: inline;
}

.mce-disabled .mce-path-item {
  color: #aaa;
}

.mce-rtl .mce-path {
  direction: rtl;
}

.mce-fieldset {
  border: 0 solid $default-border-color;
  border-radius: $default-border-radius;
}

.mce-fieldset > .mce-container-body {
  margin-top: -15px;
}

.mce-fieldset-title {
  margin-left: 5px;
  padding: 0 5px;
}

.mce-fit-layout {
  display: inline-block;
}

.mce-fit-layout-item {
  position: absolute;
}

.mce-flow-layout-item {
  display: inline-block;
}

.mce-flow-layout-item {
  margin: 2px 0 2px 2px;
}

.mce-flow-layout-item.mce-last {
  margin-right: 2px;
}

.mce-flow-layout {
  white-space: normal;
}

.mce-tinymce-inline .mce-flow-layout {
  white-space: nowrap;
}

.mce-rtl .mce-flow-layout {
  text-align: right;
  direction: rtl;
}

.mce-rtl .mce-flow-layout-item {
  margin: 2px 2px 2px 0;
}

.mce-rtl .mce-flow-layout-item.mce-last {
  margin-left: 2px;
}

.mce-iframe {
  border: 0 solid $default-border-color;
  width: 100%;
  height: 100%;
}

.mce-label {
  display: inline-block;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  border: 0;
  overflow: hidden;
}

.mce-label.mce-autoscroll {
  overflow: auto;
}

.mce-label.mce-disabled {
  color: #aaa;
}

.mce-label.mce-multiline {
  white-space: pre-wrap;
}

.mce-rtl .mce-label {
  text-align: right;
  direction: rtl;
}

.mce-menubar .mce-menubtn {
  border-color: transparent;
  background: transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: none;
}

.mce-menubar {
  border: 1px solid #c4c4c4;
}

.mce-menubar .mce-menubtn button span {
  color: #333;
}

.mce-menubar .mce-caret {
  border-top-color: #333;
}

.mce-menubar .mce-menubtn.mce-active,
.mce-menubar .mce-menubtn:focus,
.mce-menubar .mce-menubtn:hover {
  border-color: transparent;
  background: #e6e6e6;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.mce-menubtn.mce-disabled span {
  color: #aaa;
}

.mce-menubtn span {
  color: #333;
  margin-right: 2px;
  line-height: 16px;
}

.mce-menubtn.mce-btn-small span {
  font-size: 12px;
}

.mce-menubtn.mce-fixed-width span {
  display: inline-block;
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: 90px;
}

.mce-menubtn.mce-fixed-width.mce-btn-small span {
  width: 70px;
}

.mce-rtl .mce-menubtn button {
  direction: rtl;
  text-align: right;
}

.mce-listbox button {
  text-align: left;
  padding-right: 20px;
  position: relative;
}

.mce-listbox .mce-caret {
  position: absolute;
  margin-top: -2px;
  right: 8px;
  top: 50%;
}

.mce-rtl .mce-listbox .mce-caret {
  right: auto;
  left: 8px;
}

.mce-rtl .mce-listbox button {
  padding-right: 10px;
  padding-left: 20px;
}

.mce-menu-item {
  display: block;
  padding: 6px 15px 6px 12px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  line-height: normal;
  border-left: 4px solid transparent;
  margin-bottom: 1px;
}

.mce-menu-item .mce-ico,
.mce-menu-item .mce-text {
  color: #333;
}

.mce-menu-item.mce-disabled .mce-ico,
.mce-menu-item.mce-disabled .mce-text {
  color: #adadad;
}

.mce-menu-item.mce-selected .mce-text,
.mce-menu-item:hover .mce-text {
  color: #fff !important;
}

.mce-menu-item.mce-selected .mce-ico,
.mce-menu-item:focus .mce-ico,
.mce-menu-item:hover .mce-ico {
  color: #fff;
}

.mce-menu-item.mce-disabled:hover {
  background: #ccc;
}

.mce-menu-shortcut {
  display: inline-block;
  color: #adadad;
}

.mce-menu-shortcut {
  display: inline-block;
  padding: 0 15px 0 20px;
}

.mce-menu-item.mce-selected .mce-menu-shortcut,
.mce-menu-item:focus .mce-menu-shortcut,
.mce-menu-item:hover .mce-menu-shortcut {
  color: #fff;
}

.mce-menu-item .mce-caret {
  margin-top: 4px;
  margin-right: 6px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #333;
}

.mce-menu-item.mce-selected .mce-caret,
.mce-menu-item:focus .mce-caret,
.mce-menu-item:hover .mce-caret {
  border-left-color: #fff;
}

.mce-menu-align .mce-caret,
.mce-menu-align .mce-menu-shortcut {
  position: absolute;
  right: 0;
}

.mce-menu-item.mce-active i {
  visibility: visible;
}

.mce-menu-item-normal.mce-active {
  background-color: $button-hover-bg-color;
}

.mce-menu-item-preview.mce-active {
  border-left: 5px solid #aaa;
}

.mce-menu-item-normal.mce-active .mce-text {
  color: #333;
}

.mce-menu-item-normal.mce-active:hover .mce-ico,
.mce-menu-item-normal.mce-active:hover .mce-text {
  color: #fff;
}

.mce-menu-item.mce-selected,
.mce-menu-item:focus,
.mce-menu-item:hover {
  text-decoration: none;
  color: #fff;
  background: $dark-blue;
}

.mce-menu-item-sep:hover,
div.mce-menu .mce-menu-item-sep {
  border: 0;
  padding: 0;
  height: 1px;
  margin: 9px 1px;
  overflow: hidden;
  background: #cbcbcb;
  border-bottom: 1px solid #fff;
  cursor: default;
  filter: none;
}

.mce-rtl .mce-menu-item {
  text-align: right;
  direction: rtl;
  padding: 6px 12px 6px 15px;
}

.mce-menu-align.mce-rtl .mce-caret,
.mce-menu-align.mce-rtl .mce-menu-shortcut {
  right: auto;
  left: 0;
}

.mce-rtl .mce-menu-item .mce-caret {
  margin-left: 6px;
  margin-right: 0;
  border-right: 4px solid #333;
  border-left: 0;
}

.mce-rtl .mce-menu-item.mce-selected .mce-caret,
.mce-rtl .mce-menu-item:focus .mce-caret,
.mce-rtl .mce-menu-item:hover .mce-caret {
  border-left-color: transparent;
  border-right-color: #fff;
}

.mce-menu {
  position: absolute;
  left: 0;
  top: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background: transparent;
  z-index: 1000;
  padding: 5px 0;
  margin: 2px 0 0;
  min-width: 160px;
  background: #fff;
  border: 1px solid #989898;
  border: 1px solid rgba(0, 0, 0, 0.2);
  z-index: 1002;
  border-radius: $default-border-radius;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  max-height: 400px;
  overflow: auto;
  overflow-x: hidden;
}

.mce-menu i {
  display: none;
}

.mce-menu-has-icons i {
  display: inline-block;
}

.mce-menu-sub-tr-tl {
  margin: -6px 0 0 -1px;
}

.mce-menu-sub-br-bl {
  margin: 6px 0 0 -1px;
}

.mce-menu-sub-tl-tr {
  margin: -6px 0 0 1px;
}

.mce-menu-sub-bl-br {
  margin: 6px 0 0 1px;
}

.mce-container-body .mce-resizehandle {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
  visibility: visible;
  cursor: s-resize;
  margin: 0;
}

.mce-container-body .mce-resizehandle-both {
  cursor: se-resize;
}

i.mce-i-resize {
  color: #333;
  font-size: 16px;
}

.mce-spacer {
  visibility: hidden;
}

.mce-splitbtn .mce-open {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

.mce-splitbtn:hover .mce-open {
  border-left-color: #bdbdbd;
  border-right-color: #bdbdbd;
}

.mce-splitbtn button {
  padding-right: 4px;
}

.mce-splitbtn .mce-open {
  padding-left: 4px;
}

.mce-splitbtn .mce-open.mce-active {
  -webkit-box-shadow:
    inset 0 2px 4px rgba(0, 0, 0, 0.15),
    0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow:
    inset 0 2px 4px rgba(0, 0, 0, 0.15),
    0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow:
    inset 0 2px 4px rgba(0, 0, 0, 0.15),
    0 1px 2px rgba(0, 0, 0, 0.05);
}

.mce-splitbtn.mce-btn-small .mce-open {
  padding: 0 3px;
}

.mce-rtl .mce-splitbtn {
  direction: rtl;
  text-align: right;
}

.mce-rtl .mce-splitbtn button {
  padding-right: 10px;
  padding-left: 10px;
}

.mce-rtl .mce-splitbtn .mce-open {
  padding-left: 4px;
  padding-right: 4px;
}

.mce-stack-layout-item {
  display: block;
}

.mce-tabs {
  display: block;
  border-bottom: 1px solid #c5c5c5;
}

.mce-tab {
  display: inline-block;
  border: 1px solid #c5c5c5;
  border-width: 0 1px 0 0;
  background: #e3e3e3;
  padding: 8px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  height: 13px;
  cursor: pointer;
}

.mce-tab:hover {
  background: #fdfdfd;
}

.mce-tab.mce-active {
  background: #fdfdfd;
  border-bottom-color: transparent;
  margin-bottom: -1px;
  height: 14px;
}

.mce-rtl .mce-tabs {
  text-align: right;
  direction: rtl;
}

.mce-rtl .mce-tab {
  border-width: 0 0 0 1px;
}

.mce-textbox {
  &:not(.mce-multiline) {
    box-sizing: border-box;
    width: auto !important;
    height: $form-field-height !important;
    padding: $form-field-padding;
  }

  background: $form-field-background-color;
  border-width: $form-field-border-width;
  border-style: $form-field-border-style;
  border-color: $form-field-border-color;
  border-radius: $default-border-radius;
  box-shadow: $form-field-box-shadow;
  display: inline-block;
  transition:
    border linear 0.2s,
    box-shadow linear 0.2s;
  resize: none;
  white-space: pre-wrap;
  color: $form-field-text-color;
  cursor: text;
  font-size: $form-field-font-size;
  line-height: $form-field-line-height;
}

.mce-textbox.mce-focus,
.mce-textbox:focus {
  @include default-focus-style;
}

.mce-placeholder .mce-textbox {
  color: #aaa;
}

.mce-textbox.mce-multiline {
  padding: 4px;
  height: inherit;
}

.mce-textbox.mce-disabled {
  background: $form-field-disabled-bg-color;
  color: $form-field-disabled-text-color;
}

.mce-rtl .mce-textbox {
  text-align: right;
  direction: rtl;
}

.mce-throbber {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  filter: alpha(opacity=60);
  background: #fff url("tinymce/skins/alchemy/fonts/img/loader.gif") no-repeat
    center center;
}

@font-face {
  font-family: "tinymce";
  src:
    url("tinymce/skins/alchemy/fonts/tinymce.woff") format("woff"),
    url("tinymce/skins/alchemy/fonts/tinymce.ttf") format("truetype"),
    url("tinymce/skins/alchemy/fonts/tinymce.svg#tinymce") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "tinymce-small";
  src:
    url("tinymce/skins/alchemy/fonts/tinymce-small.woff") format("woff"),
    url("tinymce/skins/alchemy/fonts/tinymce-small.ttf") format("truetype"),
    url("tinymce/skins/alchemy/fonts/tinymce-small.svg#tinymce") format("svg");
  font-weight: normal;
  font-style: normal;
}

.mce-ico {
  font-family: "tinymce", Arial;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  vertical-align: text-top;
  -webkit-font-smoothing: subpixel-antialiased;
  display: inline-block;
  background: transparent center center;
  width: 16px;
  height: 16px;
  color: #333;
  text-align: center;
}

.mce-btn-small .mce-ico {
  font-family: "tinymce-small", Arial;
}

.mce-i-save:before {
  content: "\e000";
}

.mce-i-newdocument:before {
  content: "\e001";
}

.mce-i-fullpage:before {
  content: "\e002";
}

.mce-i-alignleft:before {
  content: "\e003";
}

.mce-i-aligncenter:before {
  content: "\e004";
}

.mce-i-alignright:before {
  content: "\e005";
}

.mce-i-alignjustify:before {
  content: "\e006";
}

.mce-i-alignnone:before {
  content: "\e003";
}

.mce-i-cut:before {
  content: "\e007";
}

.mce-i-paste:before {
  content: "\e008";
}

.mce-i-searchreplace:before {
  content: "\e009";
}

.mce-i-bullist:before {
  content: "\e00a";
}

.mce-i-numlist:before {
  content: "\e00b";
}

.mce-i-indent:before {
  content: "\e00c";
}

.mce-i-outdent:before {
  content: "\e00d";
}

.mce-i-blockquote:before {
  content: "\e00e";
}

.mce-i-undo:before {
  content: "\e00f";
}

.mce-i-redo:before {
  content: "\e010";
}

.mce-i-link:before {
  content: "\e011";
}

.mce-i-unlink:before {
  content: "\e012";
}

.mce-i-anchor:before {
  content: "\e013";
}

.mce-i-image:before {
  content: "\e014";
}

.mce-i-media:before {
  content: "\e015";
}

.mce-i-help:before {
  content: "\e016";
}

.mce-i-code:before {
  content: "\e017";
}

.mce-i-insertdatetime:before {
  content: "\e018";
}

.mce-i-preview:before {
  content: "\e019";
}

.mce-i-forecolor:before {
  content: "\e01a";
}

.mce-i-backcolor:before {
  content: "\e01a";
}

.mce-i-table:before {
  content: "\e01b";
}

.mce-i-hr:before {
  content: "\e01c";
}

.mce-i-removeformat:before {
  content: "\e01d";
}

.mce-i-subscript:before {
  content: "\e01e";
}

.mce-i-superscript:before {
  content: "\e01f";
}

.mce-i-charmap:before {
  content: "\e020";
}

.mce-i-emoticons:before {
  content: "\e021";
}

.mce-i-print:before {
  content: "\e022";
}

.mce-i-fullscreen:before {
  content: "\e023";
}

.mce-i-spellchecker:before {
  content: "\e024";
}

.mce-i-nonbreaking:before {
  content: "\e025";
}

.mce-i-template:before {
  content: "\e026";
}

.mce-i-pagebreak:before {
  content: "\e027";
}

.mce-i-restoredraft:before {
  content: "\e028";
}

.mce-i-bold:before {
  content: "\e02a";
}

.mce-i-italic:before {
  content: "\e02b";
}

.mce-i-underline:before {
  content: "\e02c";
}

.mce-i-strikethrough:before {
  content: "\e02d";
}

.mce-i-visualchars:before {
  content: "\e02e";
}

.mce-i-visualblocks:before {
  content: "\e02e";
}

.mce-i-ltr:before {
  content: "\e02f";
}

.mce-i-rtl:before {
  content: "\e030";
}

.mce-i-copy:before {
  content: "\e031";
}

.mce-i-resize:before {
  content: "\e032";
}

.mce-i-browse:before {
  content: "\e034";
}

.mce-i-pastetext:before {
  content: "\e035";
}

.mce-i-rotateleft:before {
  content: "\eaa8";
}

.mce-i-rotateright:before {
  content: "\eaa9";
}

.mce-i-crop:before {
  content: "\ee78";
}

.mce-i-editimage:before {
  content: "\e915";
}

.mce-i-options:before {
  content: "\ec6a";
}

.mce-i-flipv:before {
  content: "\eaaa";
}

.mce-i-fliph:before {
  content: "\eaac";
}

.mce-i-zoomin:before {
  content: "\eb35";
}

.mce-i-zoomout:before {
  content: "\eb36";
}

.mce-i-sun:before {
  content: "\eccc";
}

.mce-i-moon:before {
  content: "\eccd";
}

.mce-i-arrowleft:before {
  content: "\edc0";
}

.mce-i-arrowright:before {
  content: "\e93c";
}

.mce-i-drop:before {
  content: "\e935";
}

.mce-i-contrast:before {
  content: "\ecd4";
}

.mce-i-sharpen:before {
  content: "\eba7";
}

.mce-i-resize2:before {
  content: "\edf9";
}

.mce-i-orientation:before {
  content: "\e601";
}

.mce-i-invert:before {
  content: "\e602";
}

.mce-i-gamma:before {
  content: "\e600";
}

.mce-i-remove:before {
  content: "\ed6a";
}

.mce-i-tablerowprops:before {
  content: "\e604";
}

.mce-i-tablecellprops:before {
  content: "\e605";
}

.mce-i-table2:before {
  content: "\e606";
}

.mce-i-tablemergecells:before {
  content: "\e607";
}

.mce-i-tableinsertcolbefore:before {
  content: "\e608";
}

.mce-i-tableinsertcolafter:before {
  content: "\e609";
}

.mce-i-tableinsertrowbefore:before {
  content: "\e60a";
}

.mce-i-tableinsertrowafter:before {
  content: "\e60b";
}

.mce-i-tablesplitcells:before {
  content: "\e60d";
}

.mce-i-tabledelete:before {
  content: "\e60e";
}

.mce-i-tableleftheader:before {
  content: "\e62a";
}

.mce-i-tabletopheader:before {
  content: "\e62b";
}

.mce-i-tabledeleterow:before {
  content: "\e800";
}

.mce-i-tabledeletecol:before {
  content: "\e801";
}

.mce-i-codesample:before {
  content: "\e603";
}

.mce-i-fill:before {
  content: "\e902";
}

.mce-i-borderwidth:before {
  content: "\e903";
}

.mce-i-line:before {
  content: "\e904";
}

.mce-i-count:before {
  content: "\e905";
}

.mce-i-translate:before {
  content: "\e907";
}

.mce-i-drag:before {
  content: "\e908";
}

.mce-i-home:before {
  content: "\e90b";
}

.mce-i-upload:before {
  content: "\e914";
}

.mce-i-bubble:before {
  content: "\e91c";
}

.mce-i-user:before {
  content: "\e91d";
}

.mce-i-lock:before {
  content: "\e926";
}

.mce-i-unlock:before {
  content: "\e927";
}

.mce-i-settings:before {
  content: "\e928";
}

.mce-i-remove2:before {
  content: "\e92a";
}

.mce-i-menu:before {
  content: "\e92d";
}

.mce-i-warning:before {
  content: "\e930";
}

.mce-i-question:before {
  content: "\e931";
}

.mce-i-pluscircle:before {
  content: "\e932";
}

.mce-i-info:before {
  content: "\e933";
}

.mce-i-notice:before {
  content: "\e934";
}

.mce-i-arrowup:before {
  content: "\e93b";
}

.mce-i-arrowdown:before {
  content: "\e93d";
}

.mce-i-arrowup2:before {
  content: "\e93f";
}

.mce-i-arrowdown2:before {
  content: "\e940";
}

.mce-i-menu2:before {
  content: "\e941";
}

.mce-i-newtab:before {
  content: "\e961";
}

.mce-i-a11y:before {
  content: "\e900";
}

.mce-i-plus:before {
  content: "\e93a";
}

.mce-i-minus:before {
  content: "\e939";
}

.mce-i-books:before {
  content: "\e911";
}

.mce-i-checkmark:before {
  content: "\e033";
}

.mce-i-checkbox:before,
.mce-i-selected:before {
  content: "\e033";
}

.mce-i-selected {
  visibility: hidden;
}

i.mce-i-backcolor {
  text-shadow: none;
  background: #bbb;
}