/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

 i.mce-ico.mce-i-dm-custom-button-snippet {
    background-image: url('../img/dm-code-small.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 60px;
}

.mce-dm-code-snippet-lightbox.mce-panel .mce-dm-code-snippet-bg-color i.mce-caret{
  margin: 4px 0px 0px;
  border: none;
}

.mce-dm-code-snippet-lightbox.mce-panel .mce-dm-code-snippet-code{
  float: left;
  clear: both;
  height: 200px!important;
  white-space: pre;
}

.mce-dm-code-snippet-lightbox.mce-window .mce-window-head {
  background: #000000;
}

.mce-dm-code-snippet-lightbox.mce-window .mce-window-head .mce-title {
  color: #dea62f;
  text-align: center;
  padding: 8px 36px 8px 16px;
  font-size: 20px;
}

.mce-dm-code-snippet-lightbox.mce-window .mce-window-head .mce-close,
.mce-dm-code-snippet-lightbox.mce-window-head .mce-close .mce-i-remove {
  color: #dea62f;
  height: 48px;
}

.mce-dm-code-snippet-lightbox.mce-window .mce-window-head .mce-close .mce-i-remove:before {
  color: #dea62f;
}

.mce-dm-code-snippet-lightbox.mce-window .mce-foot .mce-btn.mce-primary {
  background: #dea62f;
  border: none;
  border-radius: 0;
  box-shadow: none;
  width: 75px;
  height: 34px;
}
.mce-dm-code-snippet-lightbox.mce-window .mce-foot .mce-btn.mce-primary:hover {
  background: #000;
}
.mce-dm-code-snippet-lightbox.mce-window .mce-foot .mce-btn.mce-primary span {
  font-weight: 600;
  font-size: 16px;
}


.mce-dm-code-snippet-lightbox.mce-window .mce-foot .mce-btn {
  border: none;
  border-radius: 0;
  box-shadow: none;
  width: 75px;
  height: 34px;
}
.mce-dm-code-snippet-lightbox.mce-window .mce-foot .mce-btn:hover {
  background: #000;
}

.mce-dm-code-snippet-lightbox.mce-window .mce-foot .mce-btn span{
  font-weight: 600;
  font-size: 16px;
}

.mce-dm-code-snippet-lightbox.mce-window .mce-foot .mce-btn:hover span{
  color: #fff;
}

.mce-dm-code-snippet-lightbox .mce-menu .mce-menu-item-normal.mce-active,
.mce-dm-code-snippet-lightbox .mce-menu .mce-menu-item-preview.mce-active,
.mce-dm-code-snippet-lightbox .mce-menu .mce-menu-item.mce-selected,
.mce-dm-code-snippet-lightbox .mce-menu .mce-menu-item:focus,
.mce-dm-code-snippet-lightbox .mce-menu .mce-menu-item:hover {
  background: #dea62f;
}