/* module-key = 'com.atlassian.confluence.plugins.confluence-frontend:split_table-styles-editor', location = 'table-styles-editor.css' */
/* Neutrals */
/* Colors */
/* Miscellaneous */
/*
    Mixin for the main clickable area on a split button
 */
/*
    Split buttons (and their drop-downs) require all sorts of custom styling.
    These buttons have IDs on them but we nest the rules beneath #rte-toolbar
    so that they have enough specificity to override the 'default' styles
    applied in editor-toolbar.less.
 */
#rte-toolbar #color-picker-control {
  float: none;
}
#rte-toolbar #color-picker-control .aui-button {
  background-color: transparent;
  margin-right: 0;
  border-radius: 3px 0 0 3px;
  margin-left: 0;
  padding-right: 3px;
  transition: background-color 0.1s ease-out;
}
#rte-toolbar #color-picker-control:hover .aui-button {
  background-color: rgba(9, 30, 66, 0.08);
}
#rte-toolbar #color-picker-control:active .aui-button {
  background-color: #deebff;
}
#rte-toolbar #color-picker-control:active .aui-button .aui-icon {
  color: #0052cc;
}
#rte-toolbar #color-picker-control .aui-dd-parent a.toolbar-trigger {
  border-color: transparent;
  border-width: 1px;
  border-left-style: solid;
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  width: 15px;
  margin-right: 1px;
}
#rte-toolbar #color-picker-control .aui-dd-parent a.toolbar-trigger:after {
  right: -1px;
}
#rte-toolbar #color-picker-control .aui-dd-parent a.toolbar-trigger span {
  width: 9px;
}
#rte-toolbar #color-picker-control .aui-dd-parent.active a.toolbar-trigger,
#rte-toolbar #color-picker-control .dd-allocated.active a.toolbar-trigger {
  background-color: #344563;
}
#rte-toolbar #color-picker-control .color-picker-container {
  position: absolute;
  left: -18px;
}
#rte-toolbar #color-picker-control div.color-picker {
  left: -11px;
  position: absolute;
  overflow: auto;
  padding: 6px;
  width: 160px;
}
#rte-toolbar #color-picker-control div.color-picker ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#rte-toolbar #color-picker-control div.color-picker ul li {
  display: inline;
  float: left;
  height: 16px;
  line-height: 16px;
  padding: 2px;
  width: 16px;
}
#rte-toolbar #color-picker-control div.color-picker ul li a {
  border: 1px solid #ddd;
  border-radius: 2px;
  display: block;
  height: 14px;
  line-height: 14px;
  padding: 0px;
  text-align: justify;
  width: 14px;
}
#rte-toolbar #table-highlight-group {
  background-color: inherit;
}
#rte-toolbar #table-highlight-group .aui-button {
  background-color: transparent;
  margin-right: 0;
  border-radius: 3px 0 0 3px;
  margin-left: 0;
  padding-right: 3px;
  transition: background-color 0.1s ease-out;
}
#rte-toolbar #table-highlight-group:hover .aui-button {
  background-color: rgba(9, 30, 66, 0.08);
}
#rte-toolbar #table-highlight-group:active .aui-button {
  background-color: #deebff;
}
#rte-toolbar #table-highlight-group:active .aui-button .aui-icon {
  color: #0052cc;
}
#rte-toolbar #table-highlight-group .aui-dd-parent a.toolbar-trigger {
  border-color: transparent;
  border-width: 1px;
  border-left-style: solid;
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  width: 15px;
  margin-right: 1px;
}
#rte-toolbar #table-highlight-group .aui-dd-parent a.toolbar-trigger:after {
  right: -1px;
}
#rte-toolbar #table-highlight-group .aui-dd-parent a.toolbar-trigger span {
  width: 9px;
}
#rte-toolbar #table-highlight-group .aui-dd-parent.active a.toolbar-trigger,
#rte-toolbar #table-highlight-group .dd-allocated.active a.toolbar-trigger {
  background-color: #344563;
}
#rte-toolbar #table-highlight-group .aui-button {
  vertical-align: top;
}
#rte-toolbar #table-highlight-group .aui-button .icon {
  height: 20px;
}
#rte-toolbar #table-highlight-group .aui-button .highlight-indicator {
  position: absolute;
  padding: 0;
  width: 16px;
  height: 3px;
  margin: 15px 0 0 -17px;
}
#rte-toolbar #table-highlight-group #table-highlight-colour {
  float: none;
}
#rte-toolbar #table-highlight-group #table-highlight-colour .toolbar-trigger {
  width: 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#rte-toolbar #table-highlight-group #table-highlight-colour .toolbar-trigger::after {
  margin-left: -11px;
}
#rte-toolbar #table-highlight-group #table-highlight-colour .aui-dropdown {
  overflow: auto;
  padding: 4px;
  width: 140px;
  min-width: 0;
  /* CONFDEV-8832 - On default sets a min-width of 150px - wtf! */
  left: -27px;
}
#rte-toolbar #table-highlight-group #table-highlight-colour ul.table-highlight-picker {
  list-style: none;
  margin: 0;
  padding: 0;
}
#rte-toolbar #table-highlight-group #table-highlight-colour ul.table-highlight-picker li {
  display: inline;
  float: left;
  height: 16px;
  line-height: 16px;
  padding: 2px;
  width: 16px;
}
#rte-toolbar #table-highlight-group #table-highlight-colour ul.table-highlight-picker li a {
  border: 1px solid #ccc;
  border-radius: 2px;
  display: block;
  height: 14px;
  line-height: 14px;
  padding: 0px;
  text-align: justify;
  width: 14px;
}
#table-highlight-group .highlight-indicator {
  background-color: #DFE1E6;
}
#table-highlight-group .table-highlight-picker a {
  background-color: #F4F5F7;
}
#table-highlight-group.highlight-\#bf2600 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#bf2600 {
  background-color: #BF2600;
}
#table-highlight-group.highlight-\#de350b .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#de350b {
  background-color: #DE350B;
}
#table-highlight-group.highlight-\#ff5630 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#ff5630 {
  background-color: #FF5630;
}
#table-highlight-group.highlight-\#ff7452 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#ff7452 {
  background-color: #FF7452;
}
#table-highlight-group.highlight-\#ff8f73 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#ff8f73 {
  background-color: #FF8F73;
}
#table-highlight-group.highlight-\#ffbdad .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#ffbdad {
  background-color: #FFBDAD;
}
#table-highlight-group.highlight-\#ffebe6 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#ffebe6 {
  background-color: #FFEBE6;
}
#table-highlight-group.highlight-\#ff8b00 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#ff8b00 {
  background-color: #FF8B00;
}
#table-highlight-group.highlight-\#ff991f .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#ff991f {
  background-color: #FF991F;
}
#table-highlight-group.highlight-\#ffab00 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#ffab00 {
  background-color: #FFAB00;
}
#table-highlight-group.highlight-\#ffc400 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#ffc400 {
  background-color: #FFC400;
}
#table-highlight-group.highlight-\#ffe380 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#ffe380 {
  background-color: #FFE380;
}
#table-highlight-group.highlight-\#fff0b3 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#fff0b3 {
  background-color: #FFF0B3;
}
#table-highlight-group.highlight-\#fffae6 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#fffae6 {
  background-color: #FFFAE6;
}
#table-highlight-group.highlight-\#006644 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#006644 {
  background-color: #006644;
}
#table-highlight-group.highlight-\#00875a .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#00875a {
  background-color: #00875A;
}
#table-highlight-group.highlight-\#36b37e .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#36b37e {
  background-color: #36B37E;
}
#table-highlight-group.highlight-\#57d9a3 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#57d9a3 {
  background-color: #57D9A3;
}
#table-highlight-group.highlight-\#79f2c0 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#79f2c0 {
  background-color: #79F2C0;
}
#table-highlight-group.highlight-\#abf5d1 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#abf5d1 {
  background-color: #ABF5D1;
}
#table-highlight-group.highlight-\#e3fcef .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#e3fcef {
  background-color: #E3FCEF;
}
#table-highlight-group.highlight-\#008da6 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#008da6 {
  background-color: #008DA6;
}
#table-highlight-group.highlight-\#00a3bf .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#00a3bf {
  background-color: #00A3BF;
}
#table-highlight-group.highlight-\#00b8d9 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#00b8d9 {
  background-color: #00B8D9;
}
#table-highlight-group.highlight-\#00c7e6 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#00c7e6 {
  background-color: #00C7E6;
}
#table-highlight-group.highlight-\#79e2f2 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#79e2f2 {
  background-color: #79E2F2;
}
#table-highlight-group.highlight-\#b3f5ff .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#b3f5ff {
  background-color: #B3F5FF;
}
#table-highlight-group.highlight-\#e6fcff .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#e6fcff {
  background-color: #E6FCFF;
}
#table-highlight-group.highlight-\#0747a6 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#0747a6 {
  background-color: #0747A6;
}
#table-highlight-group.highlight-\#0052cc .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#0052cc {
  background-color: #0052CC;
}
#table-highlight-group.highlight-\#0065ff .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#0065ff {
  background-color: #0065FF;
}
#table-highlight-group.highlight-\#2684ff .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#2684ff {
  background-color: #2684FF;
}
#table-highlight-group.highlight-\#4c9aff .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#4c9aff {
  background-color: #4C9AFF;
}
#table-highlight-group.highlight-\#b3d4ff .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#b3d4ff {
  background-color: #B3D4FF;
}
#table-highlight-group.highlight-\#deebff .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#deebff {
  background-color: #DEEBFF;
}
#table-highlight-group.highlight-\#403294 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#403294 {
  background-color: #403294;
}
#table-highlight-group.highlight-\#5243aa .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#5243aa {
  background-color: #5243AA;
}
#table-highlight-group.highlight-\#6554c0 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#6554c0 {
  background-color: #6554C0;
}
#table-highlight-group.highlight-\#8777d9 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#8777d9 {
  background-color: #8777D9;
}
#table-highlight-group.highlight-\#998dd9 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#998dd9 {
  background-color: #998DD9;
}
#table-highlight-group.highlight-\#c0b6f2 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#c0b6f2 {
  background-color: #C0B6F2;
}
#table-highlight-group.highlight-\#eae6ff .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#eae6ff {
  background-color: #EAE6FF;
}
#table-highlight-group.highlight-\#091e42 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#091e42 {
  background-color: #091E42;
}
#table-highlight-group.highlight-\#172b4d .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#172b4d {
  background-color: #172B4D;
}
#table-highlight-group.highlight-\#253858 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#253858 {
  background-color: #253858;
}
#table-highlight-group.highlight-\#344563 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#344563 {
  background-color: #344563;
}
#table-highlight-group.highlight-\#42526e .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#42526e {
  background-color: #42526E;
}
#table-highlight-group.highlight-\#505f79 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#505f79 {
  background-color: #505F79;
}
#table-highlight-group.highlight-\#5e6c84 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#5e6c84 {
  background-color: #5E6C84;
}
#table-highlight-group.highlight-\#6b778c .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#6b778c {
  background-color: #6B778C;
}
#table-highlight-group.highlight-\#7a869a .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#7a869a {
  background-color: #7A869A;
}
#table-highlight-group.highlight-\#8993a4 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#8993a4 {
  background-color: #8993A4;
}
#table-highlight-group.highlight-\#97a0af .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#97a0af {
  background-color: #97A0AF;
}
#table-highlight-group.highlight-\#a5adba .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#a5adba {
  background-color: #A5ADBA;
}
#table-highlight-group.highlight-\#b3bac5 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#b3bac5 {
  background-color: #B3BAC5;
}
#table-highlight-group.highlight-\#c1c7d0 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#c1c7d0 {
  background-color: #C1C7D0;
}
#table-highlight-group.highlight-\#dfe1e6 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#dfe1e6 {
  background-color: #DFE1E6;
}
#table-highlight-group.highlight-\#ebecf0 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#ebecf0 {
  background-color: #EBECF0;
}
#table-highlight-group.highlight-\#f4f5f7 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#f4f5f7 {
  background-color: #F4F5F7;
}
#table-highlight-group.highlight-\#fafbfc .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#fafbfc {
  background-color: #FAFBFC;
}
#table-highlight-group.highlight-\#ffffff .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#ffffff {
  background-color: #FFFFFF;
}
#table-highlight-group.highlight-\#000000 .highlight-indicator,
#table-highlight-group .table-highlight-picker a.highlight-\#000000 {
  background-color: #000000;
}
#table-highlight-group[data-remove-highlight="true"] .highlight-indicator,
#table-highlight-group .table-highlight-picker a[data-remove-highlight="true"] {
  background-color: transparent;
}

@media only screen and (max-width: 1024px) {
  .contenteditor #draft-status {
    display: none !important;
  }
}
#toolbar {
  /* 'insert' section of the toolbar should group its buttons closer together,
        two IDs required so that styles are preserved on hover */
}
#toolbar li.toolbar-item,
#toolbar #rte-button-color,
#toolbar #rte-button-more,
#toolbar #rte-button-link,
#toolbar #rte-button-insert-table,
#toolbar #rte-button-insert,
#toolbar #rte-button-pagelayout,
#toolbar #rte-button-pagelayout-2,
#toolbar #rte-button-insert-template {
  padding: 0 6px;
}
#toolbar #rte-button-more .icon-dropdown {
  margin-left: 3px;
}
#toolbar #insert-menu-options {
  left: -6px;
}
#toolbar #rte-button-link .trigger-text,
#toolbar #confluence-insert-files > .trigger-text,
#toolbar #insert-table-dropdown .dropdown-text,
#toolbar #insert-menu .dropdown-text,
#toolbar #rte-button-insert-template .dropdown-text {
  display: none;
}
#toolbar #rte-button-link .icon-dropdown,
#toolbar #insert-table-dropdown .icon-dropdown,
#toolbar #insert-menu .icon-dropdown,
#toolbar #rte-button-pagelayout .icon-dropdown,
#toolbar #rte-button-insert-template .icon-dropdown {
  width: 22px;
  margin-left: 0;
  padding-right: 0;
}
#toolbar #rte-button-pagelayout .icon-layout {
  margin-top: 2px;
}
#toolbar #rte-button-insert,
#toolbar #rte-button-link {
  margin: 0 -6px;
}
#toolbar li#insert-table-dropdown,
#toolbar #pagelayout-menu,
#toolbar #page-layout-2,
#toolbar #table-highlight-colour,
#toolbar #format-dropdown,
#toolbar #template-menu {
  padding: 0;
}
#toolbar #rte-toolbar-row-default .aui-button,
#toolbar #rte-button-cancel.shared-drafts {
  /* button.aui-button height is 28px with default styles */
  height: 26px;
  padding: 0 6px;
}