/* Table of Contents
==================================================
#Editor
#Editor Dialog
#Editor Dropzone
#Editor Handle
#Editor Popover
#Editor Help
#Editor Dropdown
#Editor Popover
#Editor Color Palette
#Editor Font Size
#Editor Statusbar
#Editor Code View
#Editor Toolbar
#Editor Table
#Editor Style
#Editor Fullscreen */

/* #Editor
================================================== */
.editor-canvas                { border: 1px solid rgba(217,222,225,1); }
.editor-canvas .dropdown-menu { min-width: 90px; }
.editor-canvas .dropdown-menu li a.checked i { visibility: visible; }
.editor-canvas .dropdown-menu li a i {
  color: rgba(122,179,23,1);
  visibility: hidden;
}
.editor-canvas .editor-editable {
  overflow: auto;
  outline: 0;
  padding: 10px;
}
.editor-canvas .editor-editable a { color: rgba(58,144,216,1); }

/* #Editor Dialog
================================================== */
.editor-dialog > div { display: none; }

/* #Editor Dropzone
================================================== */
.editor-dropzone {
  color: rgba(158,171,179,1);
  background: rgba(255,255,255,1);
  border: 2px dashed rgba(158,171,179,1);
  display: none;
  min-height: 100px;
  opacity: 0.95;
  pointer-event: none;
  position: absolute;
  z-index: 1;
}
.editor-dropzone.hover {
  border-color: rgba(58,144,216,1);
  color: rgba(58,144,216,1);
}
.editor-dropzone .editor-dropzone-message {
  display: table-cell;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.editor-canvas.dragover .editor-dropzone { display: table; }

/* #Editor Handle
================================================== */
.editor-canvas .editor-handle .editor-control-selection {
  border: 1px solid rgba(217,222,225,1);
  display: none;
  position: absolute;
}
.editor-canvas .editor-handle .editor-control-selection .editor-control-selection-info {
  background: rgba(255,255,255,1);
  bottom: 0;
  color: rgba(255,255,255,1);
  font-size: 12px;
  margin: 5px;
  padding: 5px;
  opacity: 0.7;
  filter: alpha(opacity=70);
  right: 0;
}
.editor-canvas .editor-handle .editor-control-selection .editor-control-selection-bg {
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,1);
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.editor-canvas .editor-handle .editor-control-selection .editor-control-holder {
  width: 7px;
  height: 7px;
  border: 1px solid rgba(71,74,84,1);
}
.editor-canvas .editor-handle .editor-control-selection .editor-control-handle {
  width: 7px;
  height: 7px;
  border: 1px solid rgba(71,74,84,1);
}
.editor-canvas .editor-handle .editor-control-selection .editor-control-sizing {
  width: 7px;
  height: 7px;
  background: rgba(255,255,255,1);
  border: 1px solid rgba(71,74,84,1);
}
.editor-canvas .editor-handle .editor-control-selection .editor-control-nw {
  top: -5px;
  left: -5px;
  border-right: 0;
  border-bottom: 0;
}
.editor-canvas .editor-handle .editor-control-selection .editor-control-ne {
  top: -5px;
  right: -5px;
  border-bottom: 0;
  border-left: none;
}
.editor-canvas .editor-handle .editor-control-selection .editor-control-se {
  right: -5px;
  bottom: -5px;
  cursor: se-resize;
}
.editor-canvas .editor-handle .editor-control-selection .editor-control-sw {
  border-top: 0;
  border-right: 0;
  bottom: -5px;
  left: -5px;
}
.editor-canvas .editor-handle .editor-control-selection > div { position: absolute; }

/* #Editor Help
================================================== */
.editor-help-dialog {
  font-size: 12px;
  line-height: 18px;
}
.editor-help-dialog .editor-shortcut-layout     { width: 100%; }
.editor-help-dialog .editor-shortcut-layout td  { vertical-align: top; }
.editor-help-dialog .editor-shortcut            { margin-top: 5px;}
.editor-help-dialog .editor-shortcut th {
  color: rgba(71,74,84,1);
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 5px;
  text-align: left;
}
.editor-help-dialog .editor-shortcut td:first-child {
  color: rgba(58,144,216,1);
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 11px;
  line-height: 18px;
  min-width: 110px;
  padding-right: 10px;
  text-align: right;
}

/* #Editor Popover
================================================== */
.editor-popover .popover                  { max-width: none; }
.editor-popover .popover .arrow           { left: 20px; }
.editor-popover .popover .popover-content { padding: 5px; }
.editor-popover .popover .popover-content .btn-group + .btn-group { margin-left: 5px; }
.editor-popover .popover .popover-content a {
  color: rgba(58,144,216,1);
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

/* #Editor Dropdown
================================================== */
.editor-canvas .dropdown-menu.right {
  left: auto;
  right: 0;
}
.editor-canvas .dropdown-menu.right::before {
  left: auto!important;
  right: 9px;
}
.editor-canvas .dropdown-menu.right::after {
  left: auto!important;
  right: 10px;
}

/* #Editor Color Palette
================================================== */
.editor-color-palette { line-height: 1; }
.editor-color-palette .editor-color-btn {
  border: 1px solid transparent;
  height: 17px;
  margin: 0;
  padding: 0;
  width: 17px;
}
.editor-color-palette .editor-color-btn:hover { border: 1px solid rgba(71,74,84,1); }
.editor-color .dropdown-menu                  { min-width: 290px; }
.editor-color .dropdown-menu .btn-group       { margin: 0; }
.editor-color .dropdown-menu .btn-group .editor-palette-title {
  border-bottom: 1px solid rgba(0,0,0,0.1);
  font-size: 12px;
  font-weight: bold;
  margin: 2px 7px;
  text-align: center;
}
.editor-color-reset {
  border-radius: 2px;
  cursor: pointer;
  font-size: 12px;
  margin: 5px;
  padding: 3px 0 2px 0;
  text-align: center;
}
.editor-color-reset:hover {
  background: rgba(58,144,216,1);
  color: rgba(255,255,255,1)
}
.editor-color .dropdown-toggle {
  padding-left: 5px;
  width: 20px;
}
.editor-color .dropdown-menu .btn-group:first-child { margin: 0 5px; }

/* #Editor Font Size
================================================== */
.editor-canvas .editor-fontsize-10 { font-size: 10px; }

/* #Editor Statusbar
================================================== */
.editor-canvas .editor-statusbar { background: rgba(236,238,241,1); }
.editor-canvas .editor-statusbar .editor-resizebar {
  border-top: 1px solid rgba(217,222,225,1);
  cursor: s-resize;
  height: 10px;
  width: 100%;
}
.editor-canvas .editor-statusbar .editor-resizebar .editor-icon-bar {
  border-top: 2px solid rgba(71,74,84,1);
  margin: 1px auto;
  width: 20px;
}

/* #Editor Code View
================================================== */
.editor-codable {
  background: rgba(71,74,84,1);
  border: none;
  color: rgba(255,255,255,1);
  display: none;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 14px;
  line-height: 21px;
  margin: 0;
  padding: 10px 0;
  resize: none;
  width: 100%;
}
.editor-canvas.codeview .editor-editable  { display: none; }
.editor-canvas.codeview .editor-codable   { display: block; }

/* #Editor Toolbar
================================================== */
.editor-toolbar {
  background: rgba(236,238,241,1);
  border-bottom: 1px solid rgba(217,222,225,1);
  margin: 0;
  padding: 1px 0;
}
.editor-toolbar > .btn-group        { margin: 2px; }
.editor-toolbar > .btn-group > .btn { height: 32px; }
.editor-toolbar > .btn-group > .btn.active {
  background: rgba(71,74,84,1);
  color: rgba(255,255,255,1);
  border-bottom-color: rgba(51,54,64,1);
}

/* #Editor Table
================================================== */
.editor-table .dropdown-menu {
  font-size: 13px;
  min-width: 0;
  padding: 5px;
}
.editor-table .dropdown-menu .editor-dimension-picker { font-size: 18px; }
.editor-table .dropdown-menu .editor-dimension-picker .editor-dimension-picker-unhighlighted {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat;
  height: 5em;
  position: relative!important;
  width: 5em;
  z-index: 1;
}
.editor-table .dropdown-menu .editor-dimension-picker .editor-dimension-picker-mousecatcher {
  cursor: pointer;
  height: 10em;
  position: absolute!important;
  width: 10em;
  z-index: 3;
}
.editor-table .dropdown-menu .editor-dimension-picker .editor-dimension-picker-highlighted {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat;
  height: 1em;
  position: absolute!important;
  width: 1em;
  z-index: 2;
}

/* #Editor Paragraph
================================================== */
.editor-para .dropdown-menu { padding: 5px 5px 0 5px; }
.editor-para .dropdown-menu .btn.active {
  background: rgba(71,74,84,1);
  color: rgba(255,255,255,1);
  border-bottom-color: rgba(51,54,64,1);
}

/* #Editor Style
================================================== */
.editor-style a           { cursor: pointer; }
.editor-style h1,
.editor-style h2,
.editor-style h3,
.editor-style h4,
.editor-style h5,
.editor-style h6,
.editor-style blockquote  { margin: 0; }
.editor-style a:hover h1,
.editor-style a:hover h2,
.editor-style a:hover h3,
.editor-style a:hover h4,
.editor-style a:hover h5,
.editor-style a:hover h6 {
  color: rgba(58,144,216,1);
  -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
  text-decoration: none;
}

/* #Editor Fullscreen
================================================== */
.editor-canvas.fullscreen {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1050;
}
.editor-canvas.fullscreen .editor-resizebar { display: none; }
.editor-canvas.fullscreen .editor-editable  { background: rgba(255,255,255,1); }