* {
  color: #010101;
  font-size: 11px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  outline: 0;
  background-repeat: no-repeat; }

html,
body {
  height: 100%;
  text-align: center; }

/*
 * --------------------------
 * HTML Tags
 * --------------------------
 */
img {
  border: 0px; }

a {
  text-decoration: none; }
  a:focus {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
    position: relative; }

  button:focus {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
    position: relative; }

caption {
  display: none; }

table {
  border-collapse: separate;
  border-spacing: 0px; }
  table.fixedTable {
    table-layout: fixed; }
  table.autoWidthTable {
    width: auto; }

th {
  text-align: left;
  vertical-align: top; }

td {
  vertical-align: top; }

ul {
  list-style: none; }

ol {
  list-style-position: outside;
  padding-left: 5px;
  padding-bottom: 5px; }

p {
  line-height: 15px;
  padding-bottom: 5px; }

/*
 * ------------------------------
 * Heading
 * ------------------------------
 */
h1 {
  margin: 0px;
  padding: 0px;
  overflow: hidden; }
  h1 span {
    float: left; }

h1,
h1 * {
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 0.1em; }

h3 {
  height: 12px;
  padding: 5px 0 7px 12px;
  background-color: #dddddd;
  font-weight: normal;
  white-space: nowrap; }

h4 {
  height: 12px;
  padding: 5px 0 7px 12px;
  background-color: white;
  border-bottom: 1px solid #eeeeee;
  font-weight: normal;
  text-transform: uppercase;
  white-space: nowrap; }

h5 {
  font-size: 18px;
  margin: 5px 0;
  padding-left: 5px; }

/*
 * -------------------------------
 * Shortcuts
 * -------------------------------
 */
.positionRelative {
  position: relative; }

.clear {
  clear: both; }

.clearNone {
  clear: none; }

.floatLeft {
  float: left; }

.floatRight {
  float: right;
  padding-right: 1px; }

.centered {
  text-align: center; }

.clearfix {
  overflow: hidden; }
  * html .clearfix {
    overflow: visible;
    height: 1%; }

.overflow {
  overflow: hidden;
  height: auto;
  height: 100%;
    /*
   * IE7 needs this sometimes
   */
  min-height: 100%; }

.overflowHidden {
  overflow: hidden; }

.marginNone {
  margin: 0 !important; }

.backgroundNone {
  background: none !important; }

.backgroundColorTransparent {
  background-color: rgba(0, 0, 0, 0); }

.borderNone {
  border: none; }

.fontWeightNormal {
  font-weight: normal; }

.fontWeightBold {
  font-weight: bold; }

.textTransformUppercase {
  text-transform: uppercase; }

.displayInline {
  display: inline; }

.displayBlock {
  display: block; }

.displayNone,
.hidden,
.hide {
  display: none; }

.error,
.red {
  color: #a84747 !important; }

.pointerCursor {
  cursor: pointer; }

.defaultCursor {
  cursor: default !important; }

.textIndent {
  text-indent: -9999px; }

article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  background-color: #e3eace; }

#header {
  position: fixed;
  z-index: 200;
  text-align: center;
  width: 100%;
  left: 0px;
  border-bottom: 2px solid #e3eace; }
  #header .inner {
    height: 100px;
    text-align: left;
    background-color: white; }

#box {
  position: relative;
  width: 1234px;
  padding-top: 100px;
  margin: 0 auto;
  text-align: left; }

#contentBox {
  position: relative;
  width: 1229px !important;
  width: 1234px;
  min-height: 415px;
  height: auto !important;
  height: 415px;
  padding: 1px 2px 0 3px; }

#contentBoxTop {
  position: absolute;
  height: 85px;
  width: 1234px;
  margin: -1px -2px 0 -3px; }

#main {
  position: relative;
  clear: both;
  padding: 0 0 80px 0; }

#notification {
  margin: 0 0 0 18px;
  padding: 6px 8px 12px 8px;
  background-color: #f6f8f0;
  border: 1px solid #aaaaaa; }

/*
 * ----------------------
 * Content column
 * ----------------------
 */
#right {
  border-radius: 0 10px 10px 10px;
  float: left;
  position: relative;
  top: 46px;
  width: 936px; }

*+html #right .inner {
  height: 1%;
  padding-top: 8px; }

#right span.lt,
#right span.rt,
#right span.lb,
#right span.rb {
  display: block;
  position: absolute;
  width: 13px;
  height: 13px; }

  #right span.lt {
    display: none; }
  #right span.rt {
    top: 0px;
    right: 0px;
    background-position: 100% 0; }
  #right span.lb {
    bottom: 0px;
    left: 0px;
    background-position: 0 100%; }
  #right span.rb {
    bottom: 0px;
    right: 0px;
    background-position: 100% 100%; }

#todoyu-loginpage #right span.lt {
  display: block; }

#content {
  padding: 1px;
  margin: 8px; }

#content-body {
  position: relative;
  top: -28px;
  margin-bottom: -28px; }

/*
 * --------------
 * Footer
 * --------------
 */
#footer {
  display: block;
  clear: both;
  position: relative;
  width: 100%;
  height: 70px;
  text-align: left;
  margin-top: 100px;
  padding-top: 20px; }
  #footer .inner {
    width: 1206px;
    margin: 0 auto; }

#footer-info {
  float: left;
  width: 528px; }

#footer-logo {
  float: left;
  width: 140px;
  text-align: center; }

#footer-address {
  float: right;
  width: 528px;
  text-align: right; }

#footer-line {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 5px;
  background: #122a4c;
    /*
   * Old browsers
   */
  background: -moz-linear-gradient(left, #122a4c 0%, #3db8bf 50%, #7bc75b 75%, #afd027 100%);
    /*
   * FF3.6+
   */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #122a4c), color-stop(21%, #7bc75b), color-stop(50%, #3db8bf), color-stop(75%, #7bc75b), color-stop(100%, #afd027));
    /*
   * Chrome,Safari4+
   */
  background: -webkit-linear-gradient(left, #122a4c 0%, #3db8bf 50%, #7bc75b 75%, #afd027 100%);
    /*
   * Chrome10+,Safari5.1+
   */
  background: -o-linear-gradient(left, #122a4c 0%, #3db8bf 50%, #7bc75b 75%, #afd027 100%);
    /*
   * Opera 11.10+
   */
  background: -ms-linear-gradient(left, #122a4c 0%, #3db8bf 50%, #7bc75b 75%, #afd027 100%);
    /*
   * IE10+
   */
  background: linear-gradient(to right, #122a4c 0%, #3db8bf 50%, #7bc75b 75%, #afd027 100%);
    /*
   * W3C
   */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#122a4c', endColorstr='#afd027', GradientType=1);
    /*
   * IE6-9
   */ }

/*
 * -----------------
 * Panel
 * -----------------
 */
.panelWidget * {
  font-size: 11px; }

.panelWidget {
  position: relative;
  padding-bottom: 3px; }
  .panelWidget h1 {
    height: 26px;
    background: #ececec;
      /*
   * Old browsers
   */
    background: -moz-linear-gradient(top, #ececec 0%, #cecece 100%);
      /*
   * FF3.6+
   */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #cecece));
      /*
   * Chrome,Safari4+
   */
    background: -webkit-linear-gradient(top, #ececec 0%, #cecece 100%);
      /*
   * Chrome10+,Safari5.1+
   */
    background: -o-linear-gradient(top, #ececec 0%, #cecece 100%);
      /*
   * Opera 11.10+
   */
    background: -ms-linear-gradient(top, #ececec 0%, #cecece 100%);
      /*
   * IE10+
   */
    background: linear-gradient(to bottom, #ececec 0%, #cecece 100%);
      /*
   * W3C
   */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#cecece', GradientType=0);
      /*
   * IE6-9
   */
    border-radius: 5px 5px 0 0;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid white;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    position: relative;
    z-index: 10;
    overflow: hidden; }
    .panelWidget h1.expand {
      background-position: 0 0;
            /*
       * allowedOpen close
       */ }
    .panelWidget h1.deniedOpenClosed {
      background-position: 0 -120px;
            /*
       * deniedOpen close
       */ }
    .panelWidget h1.deniedOpen {
      background-position: 0 -180px;
            /*
       * deniedOpen open
       */ }
    .panelWidget h1 span {
      display: block; }
      .panelWidget h1 span.title {
        float: left;
        clear: none;
        margin: 0px;
        padding: 0 0 0 8px;
        line-height: 26px;
        width: 205px;
        overflow: hidden;
        font-size: 11px; }
      .panelWidget h1 span.toggle {
        float: right;
        clear: none;
        width: 22px;
        height: 26px;
        background: url(../../core/asset/img/ico-toggle.png) no-repeat 6px 50%; }
      .panelWidget h1 span.expand {
        background: url(../../core/asset/img/ico-toggle.png) no-repeat -24px 50%; }
  .panelWidget .content select {
    border: 0 none; }
    .panelWidget .content select option {
      padding: 2px;
      border-bottom: 1px solid #dddddd;
      color: #444444; }
      .panelWidget .content select option .odd {
        background-color: #eeeeee; }
    .panelWidget .content select.filter option {
      color: #444444; }
      .panelWidget .content select.filter option .selected {
        background-color: #adb989;
        color: #010101; }

*+html .panelWidget div.content {
  height: 1%;
    /*
   * IE7
   */ }

/*
 * -------------------------------
 * Styles & status
 * -------------------------------
 */
div.toggled {
  background-color: #adb989;
  font-weight: bold; }

.noIcon {
  padding: 0 !important;
  background-image: none !important; }

.hasIcon {
  padding-left: 20px; }

span.exticon {
  background-repeat: no-repeat;
  padding: 0 18px 16px 0;
  margin: 0 2px 0 2px; }

.iconEdit {
  background: url(../../core/asset/img/icons.png) no-repeat 3px -776px; }

/*
 * ---------------------
 * Toggle select
 * ---------------------
 */
input.toggleSelect {
  display: none; }

label.toggleSelect {
  padding: 0 22px 18px 0;
  cursor: pointer; }
  label.toggleSelect.collapse {
    background: url(../../cache/css/core/asset/css/../../../../../core/asset/css/../img/toggle.png) no-repeat 0 -150px; }
  label.toggleSelect.expand {
    background: url(../../cache/css/core/asset/css/../../../../../core/asset/css/../img/toggle.png) no-repeat 0 -182px; }

/*
 * ---------------
 * default width for span width display block
 * ---------------
 */
.dateWithTime {
  width: 98px; }

/*
 * ---------------
 * Colors
 * ---------------
 */
/*
 * Layout
 */
.bclFF {
  background-color: white; }

.bcl00 {
  background-color: #010101; }

.bcl01 {
  background-color: #edf1e0; }

.bcl02 {
  background-color: #e3eace; }

.bcl03 {
  background-color: #e3eace; }

.bcl04 {
  background-color: #adb989; }

.bcl05 {
  background-color: #9dc08e; }

.bcl06 {
  background-color: #c8ddbe; }

.bcl07 {
  background-color: #e9eda1; }

.bcl08 {
  background-color: #c8d215; }

.bcl09 {
  background-color: #779124; }

.bcl10 {
  background-color: #b9eefc; }

.bcl11 {
  background-color: #24a5c3; }

.bcl12 {
  background-color: #50c5b5; }

/*
 * Gray
 */
.bcgFF {
  background-color: white; }

.bcg00 {
  background-color: black; }

.bcg01 {
  background-color: #dddddd; }

.bcg02 {
  background-color: #cccccc; }

.bcg03 {
  background-color: #dddddd; }

.bcg04 {
  background-color: #edf1e0; }

.bcg05 {
  background-color: #eeeeee; }

.bcg06 {
  background-color: #666666; }

.bcg07 {
  background-color: #bbbbbb; }

.bcg09 {
  background-color: #999999; }

#notifications {
  position: fixed;
  z-index: 5000;
  width: 100%;
  left: 0;
  top: 0; }
    #notifications div.notes {
      width: 100%;
      margin: 0 auto; }
    #notifications div.note {
      width: 100%;
      padding: 15px;
      font-weight: bold;
      background-color: white;
      opacity: 0.95;
      box-shadow: 2px 2px 7px #999999;
      position: relative; }
      #notifications div.note .closeButton {
        position: absolute;
        right: 43px;
        top: 12px;
        display: none;
        width: 21px;
        height: 21px;
        background: url(../../core/asset/img/icons.png) no-repeat 5px -1127px; }
      #notifications div.note.closeable {
        cursor: pointer; }
        #notifications div.note.closeable .closeButton {
          display: block; }
        #notifications div.note td.icon {
          width: 100px; }
        #notifications div.note td.message {
          font-size: 14px;
          color: #222222;
          text-align: left; }
        #notifications div.note td.icon {
          background: url(../../core/asset/img/icons.png) no-repeat; }
    #notifications div.success td.icon {
      background-position: 0 -1920px; }
    #notifications div.error td.icon {
      background-position: 0 -660px; }
    #notifications div.info td.icon {
      background-position: 0 -630px; }

/*
 * -------------------
 * Icons
 * -------------------
 */
.iconNotifySmall {
  background-image: url(../../core/asset/img/icons.png);
  background-repeat: no-repeat; }
  .iconNotifySmall.warn {
    background-position: 0 -658px; }

.iconNotifyLarge {
  background-image: url(../../core/asset/img/icons-large.png);
  background-repeat: no-repeat; }
  .iconNotifyLarge.info {
    background-position: 0 -119px; }
  .iconNotifyLarge.warn {
    background-position: 0 -75px; }
  .iconNotifyLarge.reminder {
    background-position: 0 -274px; }

.dialog .notification {
  padding: 7px; }
    .dialog .notification h1 .label {
      font-size: 18px;
      font-weight: bold;
      margin-left: 20px;
      white-space: normal;
      float: none; }

div.warningMessage {
  background-color: #ffecc5;
  box-shadow: 2px 2px 7px #ffac00;
  border: 1px solid #ff8000;
  padding: 7px; }
  div.warningMessage .icon {
    background: url(../../cache/css/core/asset/css/../../../../../core/asset/css/../../../../core/asset/img/icons.png) no-repeat 3px -629px; }
  div.warningMessage .label {
    display: block;
    margin-left: 32px;
    vertical-align: middle; }

#navi-main {
  position: absolute;
  z-index: 100;
  bottom: 0px;
  left: 0px;
  width: 100%; }

#navi-main-list {
  margin: 0 auto;
  width: 1237px; }
  #navi-main-list li {
    float: left;
    margin-right: 3px; }
    #navi-main-list li.level1 {
      border-radius: 10px 10px 0 0;
      box-shadow: 0 -1px 1px #d0d6be inset; }
      #navi-main-list li.level1:hover,
      #navi-main-list li.level1.active {
        box-shadow: none; }
    #navi-main-list li a {
      display: block;
      width: auto !important;
      width: 1px;
      height: auto !important;
      height: 1px;
      line-height: 30px;
      padding: 0 12px;
      font-size: 13px;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 1px;
      white-space: nowrap; }
    #navi-main-list li.item a {
      color: #444444; }
      #navi-main-list li.item a.active,
      #navi-main-list li.item a:hover {
        color: #010101; }
    #navi-main-list li.active,
    #navi-main-list li:hover {
      background-color: #e3eace; }
    #navi-main-list li.itemTodoyu {
            /*
       * Todoyu tab
       */
      float: right; }
  #navi-main-list > li:hover a,
  #navi-main-list > li a.active {
    background-image: none; }
  #navi-main-list-todoyu {
        /*
     * Todoyu sub menu
     */
    margin-left: -146px !important; }

#todoyu-loginpage ul#navi-main-list li:hover {
  background-color: #e3eace; }

/*
 * -------------------
 * Level 2
 * -------------------
 */
    ul#navi-main-list li:hover ul,
    ul#navi-main-list li:focus-within ul {
      left: auto; }
  ul#navi-main-list li ul {
    position: absolute;
    top: 29px;
    left: -9999px;
    z-index: 1;
    width: 270px !important;
    margin-top: 1px;
    text-transform: none;
    box-shadow: 2px 2px 5px #999999; }
    ul#navi-main-list li ul li {
      width: 100%;
      background-image: none;
      background-color: #e3eace;
      text-align: left;
      margin-right: 0px; }
      ul#navi-main-list li ul li a {
        padding: 2px 10px 2px 30px;
        line-height: 20px;
        font-size: 10px;
        font-weight: normal; }
        ul#navi-main-list li ul li a:hover {
          background-color: #f6f8f0; }

/*
 * ---------------------------------------------
 * To top button (appears when scrolling down)
 * ---------------------------------------------
 */
#to-top {
  background: #ececec;
    /*
   * Old browsers
   */
  background: -moz-linear-gradient(top, #ececec 0%, #cecece 100%);
    /*
   * FF3.6+
   */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #cecece));
    /*
   * Chrome,Safari4+
   */
  background: -webkit-linear-gradient(top, #ececec 0%, #cecece 100%);
    /*
   * Chrome10+,Safari5.1+
   */
  background: -o-linear-gradient(top, #ececec 0%, #cecece 100%);
    /*
   * Opera 11.10+
   */
  background: -ms-linear-gradient(top, #ececec 0%, #cecece 100%);
    /*
   * IE10+
   */
  background: linear-gradient(to bottom, #ececec 0%, #cecece 100%);
    /*
   * W3C
   */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#cecece', GradientType=0);
    /*
   * IE6-9
   */
  cursor: pointer;
  padding: 0 5px 5px 5px;
  border-radius: 10px;
  box-shadow: 0 -1px 1px #d0d6be inset;
  z-index: 200;
  position: absolute;
  border: 1px solid #cacaca; }
  #to-top span.label {
    padding: 10px 0 0 3px; }
  #to-top span.arrow {
    width: 24px;
    height: 32px;
    margin-left: 5px;
    background: url(../../core/asset/img/ico-toggle.png) no-repeat scroll 6px 50% rgba(0, 0, 0, 0); }
  #to-top:hover {
    background: #f0f0f0;
      /*
   * Old browsers
   */
    background: -moz-linear-gradient(top, #f1f1f1 0%, lightgrey 100%);
      /*
   * FF3.6+
   */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, lightgrey));
      /*
   * Chrome,Safari4+
   */
    background: -webkit-linear-gradient(top, #f1f1f1 0%, lightgrey 100%);
      /*
   * Chrome10+,Safari5.1+
   */
    background: -o-linear-gradient(top, #f1f1f1 0%, lightgrey 100%);
      /*
   * Opera 11.10+
   */
    background: -ms-linear-gradient(top, #f1f1f1 0%, lightgrey 100%);
      /*
   * IE10+
   */
    background: linear-gradient(to bottom, #f1f1f1 0%, lightgrey 100%);
      /*
   * W3C
   */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#d3d3d3', GradientType=0);
      /*
   * IE6-9
   */ }

#contextmenu {
  display: none;
  position: absolute;
  width: 180px;
  z-index: 100000;
  background-color: #eeeeee;
  box-shadow: 2px 2px 7px #999999; }
  #contextmenu li {
    border: 1px solid #dddddd;
    margin-bottom: -1px; }
    #contextmenu li a,
    #contextmenu li span {
      display: block;
      padding: 4px 10px 4px 29px;
      line-height: 12px;
      cursor: pointer;
      text-align: left;
      background-color: #f8f8f8;
      background-repeat: no-repeat; }
    #contextmenu li a:hover,
    #contextmenu li span:hover {
      background-color: #e1e5d8; }
    #contextmenu li ul {
      display: none;
      position: absolute;
      z-index: 100001;
      width: 156px;
      box-shadow: 2px 2px 7px #999999; }
    #contextmenu li.header a {
      padding: 0 5px;
      background-color: #4f8ab4 !important;
      color: white;
      cursor: default;
      font-weight: bold;
      font-size: 10px; }
    #contextmenu li .disabled {
      color: #cccccc;
      cursor: no-drop; }

/*
 * -----------------------------------
 * Selected and disabled options
 * -----------------------------------
 */
ul.context-menu li a.selected,
ul.context-submenu li a.selected {
  background: url(../../core/asset/img/icons.png) no-repeat 12px -870px #c9dbd4; }

.context-menu li a.disabled,
.context-submenu li a.disabled {
  cursor: default !important;
  color: #999999 !important;
  background: url(../../core/asset/img/icons.png) repeat-x 0 -1540px !important; }

form {
  margin: 0px;
  padding: 0px;
    /*
   * -------------------------------------------
   * End: Special styles for involved persons
   * ----------------------------------------------
   */ }
  form.fForm {
    padding: 7px;
    background-color: #eeeeee; }
  form .databaseRelation {
    margin-top: 5px;
    padding-top: 5px; }
    form .databaseRelation.isPreferred1 div.formtrigger span.label {
      padding-left: 20px;
      background: url(../../core/asset/img/icons.png) no-repeat 0 -1790px; }
    form .databaseRelation.isPreferred0 div.formtrigger span.label {
      padding-left: 20px;
      background: url(../../core/asset/img/icons.png) no-repeat 0 -1825px; }
  form div.typeDatabaseRelation div.formtrigger span.label.expanded {
    font-weight: bold; }
  form.formGeneral,
  form.formPerson,
  form.formRecord,
  form.formRightseditor,
  form.formConfig {
    padding-top: 10px; }

* html form {
  height: 1%; }

fieldset {
  position: relative;
  display: block;
  margin: 0 0 7px 0;
  padding: 40px 15px 15px 15px;
  border: none;
  background-color: white; }
  fieldset fieldset,
  fieldset.buttons {
    margin: 0px;
    padding: 0px;
    border: none;
    background: none; }

fieldset fieldset {
  width: 100%;
  margin-top: 10px; }

* html fieldset {
  height: 1%;
    /*
   * IE6
   */ }

/*
 * ------------------------
 * Buttons, Footer line
 * ------------------------
 */
fieldset.buttons {
  margin: 0px;
  padding: 0px;
  text-align: right; }
  fieldset.buttons .fElement {
    margin-left: 5px; }

.fForm fieldset#config-fieldset-save {
  padding: 10px 0; }

legend,
.fForm fieldset fieldset legend,
.fForm .buttons legend,
.fForm legend#config-fieldset-save-legend {
  display: none; }

.fForm legend {
  position: absolute;
  margin: -40px 0 0 -15px;
  display: block;
  width: 100%;
  padding: 7px 0;
  text-indent: 15px;
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px solid #eeeeee; }
  .fForm legend a.ajaxloader {
    padding-left: 32px;
    padding-bottom: 20px;
    background: url(../../core/asset/img/ajax-loader.gif) no-repeat 7px 0px; }

textarea,
select,
input {
  position: relative;
  width: 100%;
  border: 1px solid #010101;
  padding: 1px;
    /*
   * hack to fix form elements width
   */
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

select {
  background-color: rgba(0, 0, 0, 0); }

input.checkbox,
input.radio,
input.button {
  border: none;
  width: auto; }

input.datetime {
  float: left;
  width: 95px;
  margin-right: 5px; }

input.textAC {
  background-image: url(../../core/asset/img/icons.png);
  background-repeat: no-repeat;
  background-position: 6px -808px;
  background-color: #e3eace;
  padding-left: 25px; }

textarea {
  font-size: 1em; }

.scrollbarHide select {
  min-width: 107%;
  width: 100% !important;
  width: 107%; }

select {
  text-transform: none; }
  select.auto {
    width: auto; }
  select.day,
  select.month {
    width: 40px;
    margin-right: 2px; }
  select.monthnames {
    margin-left: 2px; }
  select.year {
    width: 60px; }
  select.datetime {
    width: 150px; }
  select option {
    text-transform: none;
    padding-left: 5px; }
  select optgroup {
    padding-top: 10px;
    font-size: 11px; }
    select optgroup option {
      background: white; }

select option.error,
selectgrouped option.error {
  color: #991010; }

[disabled] {
  background-color: #dddddd;
  color: #444444; }

/*
 * ----------------------
 * HTML building
 * ----------------------
 */
div.fElement {
  position: relative;
  height: auto !important;
  height: 1%;
  margin: 0px;
  padding: 3px 0; }
  div.fElement .fLabel {
    position: relative;
    float: left;
    width: 140px;
    padding: 2px 0;
    text-align: left; }
  div.fElement .fField {
        /*
     * input
     */
    float: left;
    width: 320px;
    margin-left: 5px; }
    div.fElement .fField .fLabel {
      width: 100px; }
    div.fElement .fField .fField {
      width: 215px; }
  div.fElement .fClear {
    clear: both; }
    div.fElement.typeRTE .fField {
      width: 590px; }
      div.fElement.typeRTE .fField .ck-editor__editable {
        min-height: 250px; }

    .fField span.commenttext a,
    .fField span.commenttext a:link {
      text-decoration: underline; }

/*
 * -------------
 * Types
 * -------------
 */
div.typeDate .fField input {
  float: left;
  width: 70px;
  margin-right: 5px; }

div.typeDatetime .fField input {
  float: left;
  width: 90px;
  margin-right: 5px; }

div.typeTime .fField input,
div.typeDuration .fField input {
  float: left;
  width: 33px; }

/*
 * Checkbox in a fField element.
 */
/*
 * Example:Address in Ext Contact
 */
  .typeCheckbox .fField {
    position: relative;
    top: 3px; }
    .typeCheckbox .fField input.checkbox {
      width: auto; }
    .typeCheckbox .fLabel label {
      cursor: pointer; }

  .typeDatabaseRelation .foreignRecordsActionControl {
    display: block; }
  .typeDatabaseRelation button.addForeignRecord .icon {
    background: url(../../core/asset/img/icons.png) no-repeat 6px -567px;
    width: 23px; }
  .typeDatabaseRelation .databaseRelation {
    position: relative;
    border-top: 1px solid #cccccc; }
    .typeDatabaseRelation .databaseRelation .formtrigger {
      cursor: pointer; }
      .typeDatabaseRelation .databaseRelation span.additionalStuff {
        position: absolute;
        top: 4px;
        right: 0px; }
        .typeDatabaseRelation .databaseRelation span.additionalStuff a.remove {
          background: url(../../core/asset/img/icons.png) no-repeat 0 -539px; }

button.updateDatabase .icon {
  width: 24px;
  background: url(../../core/asset/img/icons.png) no-repeat 4px -928px; }

  .fElement .fField.hasWizard input {
    width: 90%;
    float: left; }
  .fElement .fField.hasWizard .wizardIcon {
    cursor: pointer; }

fieldset.buttons div,
fieldset.buttons div.fElement .fField {
  float: left;
  width: auto; }

fieldset.buttons div.fElement .fLabel {
  display: none;
  width: auto; }

/*
 * -----------------
 * Design
 * -----------------
 */
input,
textarea,
select {
  border-color: #999999 #eeeeee #eeeeee #999999; }

fieldset.buttons div.fElement {
  float: right; }

/*
 * --- right floating Input ---
 */
.formElement .formField {
  width: 58%;
  display: inline;
  float: right; }

/*
 * ----------------------------------------------
 * Additional information after input field
 * ----------------------------------------------
 */
form .textAfterField {
  background-color: white;
  border-radius: 5px;
  box-shadow: 2px 2px 7px #999999;
  color: #666666;
  display: none;
  margin: 1px 2px 0 0;
  padding: 10px;
  position: absolute;
  text-align: left;
  z-index: 9999;
    /*
   * always in front
   */ }

form .fField:hover .textAfterField {
  display: block; }

.dateElement input {
  width: 73px !important;
  width: 77px;
  margin-right: 10px;
  float: left; }

  form .fElement.error .fLabel.error label,
  form .fElement.error div.errorMessage {
    color: red;
    font-style: italic; }

  form .fElement.warning .fLabel.warning label {
    color: #ff8000;
    font-style: italic; }

/*
 * -------------------------
 * Auto-completer list
 * -------------------------
 */
.acResultContainer {
  z-index: 100;
  border-top: 1px solid #cccccc;
  box-shadow: 2px 2px 5px #999999; }
  .acResultContainer ul {
    padding: 0 !important; }
  .acResultContainer li {
    background: white;
    border: 1px solid #cccccc;
    border-top: none;
    padding: 5px;
    cursor: pointer;
    text-align: left; }
    .acResultContainer li.selected {
      background: #edf1e0; }
  .acResultContainer .empty {
    background: none;
    border: none;
    border-width: 0px;
    padding: 0px; }

.fField .acResultContainer ul {
  list-style: none; }

/*
 * --------------------
 * Wizard icon
 * --------------------
 */
  .fField span.wizardIcon {
    height: 16px;
    width: 16px;
    display: block;
    float: right;
    background: rgba(0, 0, 0, 0) url(../../core/asset/img/icons.png) no-repeat 0 -90px; }
  .fField .iconSelector {
    width: auto; }
    .fField .iconSelector .selectorIcon {
      display: block;
      height: 25px;
      width: 25px;
      margin: 9px 0 0 9px;
      text-indent: -9999px; }
    .fField .iconSelector li {
      float: left;
      cursor: pointer;
      background-color: #eeeeee;
      border: 1px dotted #999999; }
      .fField .iconSelector li.selected {
        border: 1px solid #999999;
        background-color: #e3eace; }
      .fField .iconSelector li:hover {
        background-color: #dddddd; }

/*
 * ----------------------------------
 * Quick creation light-box
 * ----------------------------------
 */
#quickcreate,
#quicktask {
  text-align: left; }

/*
 * ---------------------------------------
 * Error info: invalid items listing
 * ---------------------------------------
 */
div.errorMessage ul.invalidItems {
  font-style: normal;
  border-left: 5px solid red;
  padding-left: 5px;
  list-style: square inside; }
  div.errorMessage ul.invalidItems li {
    font-weight: bold; }
    div.errorMessage ul.invalidItems li ul {
      list-style-type: square; }
      div.errorMessage ul.invalidItems li ul li {
        font-weight: normal;
        margin-left: 20px; }

/*
 * ---------------------------------------
 * Dialog behaviour (content smaller)
 * ---------------------------------------
 */
      .dialog .fElement.typeRTE .fField {
        width: 400px; }

/*
 * ---------------------------
 * Basic button styles
 * ---------------------------
 */
button {
  color: #010101;
  cursor: pointer;
  padding: 0px;
  background: white;
    /*
   * Old browsers
   */
  background: -moz-linear-gradient(top, white 0%, #e0e0e0 100%);
    /*
   * FF3.6+
   */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e0e0e0));
    /*
   * Chrome,Safari4+
   */
  background: -webkit-linear-gradient(top, white 0%, #e0e0e0 100%);
    /*
   * Chrome10+,Safari5.1+
   */
  background: -o-linear-gradient(top, white 0%, #e0e0e0 100%);
    /*
   * Opera 11.10+
   */
  background: -ms-linear-gradient(top, white 0%, #e0e0e0 100%);
    /*
   * IE10+
   */
  background: linear-gradient(to bottom, white 0%, #e0e0e0 100%);
    /*
   * W3C
   */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0);
    /*
   * IE6-9
   */
  border-radius: 13px;
  border: 1px solid #bbbbbb;
    /*
   * ---------------------------
   * Often used button icons
   * ---------------------------
   */ }
  button[disabled] {
    opacity: 0.6;
    cursor: no-drop;
    cursor: false; }
  button span {
    display: block;
    float: left;
    clear: none;
    margin: 0px;
    padding: 0px;
    line-height: 20px;
    height: 20px;
    border-width: 0px; }
    button span.icon {
      background-repeat: no-repeat;
      margin: 0 2px 0 2px; }
    button span.label {
      margin-right: 5px;
      white-space: nowrap; }
  button.edit .icon {
    background: url(../../core/asset/img/icons.png) no-repeat 0 -746px; }
  button.save .icon {
    background: url(../../core/asset/img/icons.png) no-repeat 4px -208px;
    width: 23px; }
  button.cancel .icon {
    background: url(../../core/asset/img/icons.png) no-repeat 5px -357px;
    width: 21px; }
  button.delete .icon {
    background: url(../../core/asset/img/icons.png) no-repeat 4px -328px; }
  button.expandAll .icon {
    background: url(../../core/asset/img/icons.png) no-repeat 7px -598px;
    width: 27px; }
  button.saveanddownload .icon {
    background: url(../../core/asset/img/icons.png) no-repeat 5px -838px;
    width: 22px; }
  button.upload .icon {
    background: url(../../core/asset/img/icons.png) no-repeat 5px -1692px;
    width: 24px; }
  button.sendemail .icon {
    background: url(../../core/asset/img/icons.png) no-repeat 6px -1156px;
    width: 20px; }
  button.exclamation .icon {
    background: url(../../core/asset/img/icons.png) no-repeat 4px -387px;
    width: 21px; }
  button.generate .icon {
    background: url(../../core/asset/img/icons.png) no-repeat 4px -1628px;
    width: 22px; }
  button.exportCsv .icon {
    background: url(../../core/asset/img/icons.png) 7px -1598px no-repeat;
    width: 28px; }
  button.clear .icon {
    background: url(../../core/asset/img/icons.png) no-repeat 5px -357px;
    width: 21px; }
  button.order .icon {
    background: url(../../core/asset/img/icons.png) no-repeat 7px -477px;
    width: 25px; }
  button.order.desc .icon {
    background: url(../../core/asset/img/icons.png) no-repeat 7px -508px;
    width: 25px; }

#content-tabs {
  position: relative;
  top: -35px;
  left: -9px;
  width: 920px;
  height: 26px; }
    #content-tabs li p.label span.labeltext {
      color: #444444; }
    #content-tabs li p.label:hover span.labeltext,
    #content-tabs li.active p.label span.labeltext {
      color: #010101; }

#content .tabs {
  z-index: 2;
  height: 26px;
  width: 100%;
  position: relative;
  display: table;
  margin: 0px;
  padding: 0px; }
  #content .tabs li {
    float: left;
    margin-right: 3px;
    cursor: pointer;
    border-radius: 5px 5px 0 0;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid white;
    box-shadow: 0 -1px -1px #d0d6be inset; }
    #content .tabs li p {
      display: block;
      width: auto !important;
      width: 1px;
      height: auto !important;
      height: 1px;
      line-height: 26px;
      padding: 0 10px;
      text-transform: uppercase;
      letter-spacing: 1px;
      white-space: nowrap; }
      #content .tabs li p .icon {
        display: block;
        float: left;
        position: relative;
        margin-left: -5px;
        height: 26px;
        width: 20px;
        background-repeat: no-repeat; }
      #content .tabs li p .labeltext {
        font-size: 11px;
        font-weight: bold; }
    #content .tabs li:hover,
    #content .tabs li.active {
      background-color: white;
      box-shadow: none; }

#toppanel {
  position: relative;
  width: 1236px;
  margin: 0 auto;
  height: 70px;
  background: rgba(0, 0, 0, 0); }

#companyLogo {
  position: absolute;
  left: 0px;
  width: 190px;
  height: 60px; }

#head {
  background-color: #edf1e0;
  border-radius: 0 0 10px 10px;
  height: 26px;
  left: 198px;
  position: absolute;
  width: 1023px; }

#headlets {
  position: absolute;
  top: 0px;
  right: 89px;
  z-index: 200; }
  #headlets ul.content {
    box-shadow: 2px 2px 7px #999999;
    background-color: white; }
  #headlets > li {
    position: relative;
    float: left;
    z-index: 200; }
    #headlets > li.active,
    #headlets > li:hover {
      z-index: 202; }
      #headlets > li.active > a,
      #headlets > li:hover > a {
        border-color: #cccccc;
        z-index: 203;
        background-color: white; }
    #headlets > li > a {
      display: block;
      position: relative;
      height: 26px;
      width: 26px;
      margin-left: -1px;
      border: 1px solid #e3eace;
      border-width: 0 1px;
      cursor: pointer;
      z-index: 200; }
    #headlets > li > ul {
      position: absolute;
      top: 25px;
      left: -1px;
      border: 1px solid #cccccc;
      z-index: 202;
      background-color: white; }
      #headlets > li > ul > li {
        float: none;
        margin: 0px;
        border: none; }
        #headlets > li > ul > li a {
          width: auto;
          height: auto;
          margin: 0px;
          padding: 5px 30px 3px 30px;
          border: none;
          font-size: 11px;
          white-space: nowrap;
          cursor: pointer;
          display: block; }
          #headlets > li > ul > li a.primary {
            border-bottom: 1px solid #cccccc; }
  #headlets li.menu li:hover a {
    border: none;
    background-color: #edf1e0; }

a.icon,
span.icon,
div.icon {
  display: block;
  float: left;
  clear: none;
  width: 18px;
  height: 18px; }

.iconLarge {
  display: block;
  float: left;
  clear: none;
  width: 32px;
  height: 32px; }

.icon.disabled {
  opacity: 0.4;
  cursor: no-drop !important;
  cursor: false !important; }

.link {
  cursor: pointer; }

.contentMessage {
  clear: both;
  padding: 10px;
  background-color: #e3eace;
  margin-bottom: 5px; }
  .contentMessage div.icon,
  .contentMessage div.text {
    float: left;
    clear: none; }
  .contentMessage .icon {
    background: url(../../core/asset/img/icons.png) 2px -628px no-repeat;
    margin-right: 15px; }
  .contentMessage .text {
    font-weight: bold;
    padding-top: 2px;
    width: 600px; }
    .contentMessage .text ul li {
      margin-bottom: 7px; }

/*
 * -----------------
 * Listings
 * -----------------
 */
ul.ulList li.listItem {
  overflow: hidden;
  list-style: none;
  line-height: 15px;
  padding-top: 2px;
  padding-bottom: 2px; }
  ul.ulList li.listItem span {
    display: block;
    float: left; }
  ul.ulList li.listItemHeader span {
    font-weight: bold; }

ul.ulListDotted li.listItem {
  border-bottom: 1px solid #dddddd; }

* html ul.ulList li.listItem {
  overflow: visible;
  height: 1%; }

/*
 * -----------------------------
 * Editable / linked items
 * -----------------------------
 */
li.listItem a.editableItem {
  display: block; }

/*
 * -----------------
 * Box
 * -----------------
 */
.infoBoxOuter {
  padding: 7px;
  background-color: #eeeeee; }
  .infoBoxOuter.edit form {
    margin: -7px; }

div.infoBox {
  margin-bottom: 5px; }
  div.infoBox h4 {
    margin: 0px;
    font-weight: bold; }
  div.infoBox div.content {
    padding: 5px 12px;
    background: white; }

.headerLine,
.headerOptLine {
  border-bottom: 1px solid white;
  border-radius: 5px 5px 0 0;
  border: none;
  height: 26px;
  margin-top: 5px;
  position: relative;
  text-align: left; }

.headerLine {
  background: #ececec;
    /*
   * Old browsers
   */
  background: -moz-linear-gradient(top, #ececec 0%, #cecece 100%);
    /*
   * FF3.6+
   */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #cecece));
    /*
   * Chrome,Safari4+
   */
  background: -webkit-linear-gradient(top, #ececec 0%, #cecece 100%);
    /*
   * Chrome10+,Safari5.1+
   */
  background: -o-linear-gradient(top, #ececec 0%, #cecece 100%);
    /*
   * Opera 11.10+
   */
  background: -ms-linear-gradient(top, #ececec 0%, #cecece 100%);
    /*
   * IE10+
   */
  background: linear-gradient(to bottom, #ececec 0%, #cecece 100%);
    /*
   * W3C
   */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#cecece', GradientType=0);
    /*
   * IE6-9
   */
  border-radius: 5px 5px 0 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid white; }
  .headerLine label {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0px; }
  .headerLine th,
  .headerLineOptLine th {
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    white-space: nowrap; }
  .headerLine input {
    margin-right: 10px; }
  .headerLine button span {
    line-height: 20px; }

.headerLine span,
.button {
  text-shadow: 1px 1px #eeeeee; }

  h1.headerLine .hasIcon {
    padding-left: 2px; }
  h1.headerLine span {
    float: left;
    margin: 0 0 0 5px;
    line-height: 25px; }
    h1.headerLine span.title {
      padding-left: 27px; }
    h1.headerLine span.first {
      margin: 0px;
      padding: 0 0 0 15px; }
  h1.headerLine.noPadLeft span.title {
    padding-left: 0; }

/*
 * table header
 */
tr.headerLine {
  border: none;
  background: none; }
  tr.headerLine th {
    background: #ececec;
      /*
   * Old browsers
   */
    background: -moz-linear-gradient(top, #ececec 0%, #cecece 100%);
      /*
   * FF3.6+
   */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #cecece));
      /*
   * Chrome,Safari4+
   */
    background: -webkit-linear-gradient(top, #ececec 0%, #cecece 100%);
      /*
   * Chrome10+,Safari5.1+
   */
    background: -o-linear-gradient(top, #ececec 0%, #cecece 100%);
      /*
   * Opera 11.10+
   */
    background: -ms-linear-gradient(top, #ececec 0%, #cecece 100%);
      /*
   * IE10+
   */
    background: linear-gradient(to bottom, #ececec 0%, #cecece 100%);
      /*
   * W3C
   */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#cecece', GradientType=0);
      /*
   * IE6-9
   */
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid white; }
    tr.headerLine th:first-child {
      border-left: 1px solid #dddddd;
      border-radius: 5px 0 0 0; }
    tr.headerLine th:last-child {
      border-right: 1px solid #dddddd;
      border-radius: 0 5px 0 0; }

div.dialog {
  text-align: left; }
  div.dialog_content h1.headerLine {
    display: none; }

/*
 * h3
 */
.headLabel span {
  display: block;
  float: left;
  overflow: hidden; }

span.infoIcon {
  background: url(../../core/asset/img/icons.png) no-repeat 0 -629px !important; }

  span.checkboxCheckedIcon {
    background: url(../../core/asset/img/icons.png) no-repeat 0 -870px !important; }
  span.checkboxOpenIcon {
    background: url(../../core/asset/img/icons.png) no-repeat 0 -900px !important; }

.calendaricon {
  background: url(../../core/asset/img/icons.png) no-repeat 0 -690px;
  cursor: pointer; }

/*
 * The main calendar widget.  DIV containing a table.
 */
div.calendar {
  z-index: 3000;
  box-shadow: 2px 2px 5px #999999; }

div.calendar,
div.calendar table {
  background-color: #eeeeee;
  background-color: white;
  border-radius: 5px;
  color: black;
  cursor: default;
  font-family: tahoma, verdana, sans-serif;
  font-size: 11px; }
  div.calendar tr:first-child,
  div.calendar table tr:first-child {
    border-color: #dddddd;
    border-width: 1px 1px 0 1px; }

/*
 * remove border-radius and box-shadow for panelwidget
 */
#panelwidget-calendar.calendar {
  box-shadow: none; }

#panelwidget-calendar.calendar,
#panelwidget-calendar.calendar table {
  background: none;
  border-radius: 0; }

/*
 * Header part -- contains navigation buttons and day names.
 */
div.calendar {
    /*
   * The body part -- contains all the days in month.
   */
    /*
   * The footer part -- status bar and "Close" button
   */
    /*
   * Combo boxes (menus that display months/years for direct selection)
   */ }
  div.calendar .button {
        /*
     * "<<", "<", ">", ">>" buttons have this class
     */
    text-align: center;
    vertical-align: middle;
        /*
     * They are the navigation buttons
     */
    padding: 4px;
    border-bottom: 1px solid white; }
  div.calendar .nav {
    background: #d7dcc6 url(../../core/asset/js/jscalendar/menuarrow.gif) no-repeat 100% 100%; }
    div.calendar table .wn {
      padding: 2px 3px 2px 2px;
      border-right: 1px solid #cccccc;
      background: #e3eace; }
    div.calendar thead .title {
            /*
       * This holds the current "month, year"
       */
      text-align: center;
      color: black;
      padding: 2px;
      vertical-align: middle;
      text-transform: uppercase;
      letter-spacing: 1px;
      border-bottom: 1px solid white; }
    div.calendar thead .headrow {
            /*
       * Row <TR> containing navigation buttons
       */
      background: #d7dcc6;
      color: white; }
      div.calendar thead .headrow .button {
        border-bottom: 1px solid #cccccc; }
    div.calendar thead .daynames {
            /*
       * Row <TR> containing the day names
       */
      background: #e3eace; }
    div.calendar thead .name {
            /*
       * Cells <TD> containing the day names
       */
      border-bottom: 1px solid #cccccc;
      padding: 2px;
      text-align: center;
      text-transform: uppercase;
      color: black; }
    div.calendar thead .weekend {
            /*
       * How a weekend day name shows in header
       */
      color: black;
      text-transform: uppercase; }
    div.calendar thead .hilite {
            /*
       * How do the buttons in header appear when hover
       */
      background-color: white;
      color: black; }
    div.calendar tbody .day {
            /*
       * Cells <TD> containing month days dates
       */
      width: 2em;
      color: black;
      text-align: right;
      padding: 2px 4px 2px 2px;
      border-right: 1px dotted #dddddd;
      border-bottom: 1px dotted #dddddd; }
      div.calendar tbody .day.othermonth {
        font-size: 80%;
        color: #bbbbbb; }
        div.calendar tbody .day.othermonth.oweekend {
          color: lightsalmon; }
    div.calendar tbody .rowhilite td {
      background: #edf1e0; }
      div.calendar tbody .rowhilite td.wn {
        background: #d0d6be; }
      div.calendar tbody td.hilite {
                /*
         * Hovered cells <TD>
         */
        background: #316ac5;
        color: white; }
        div.calendar tbody td.hilite.weekend {
                    /*
           * Cells showing weekend days
           */
          color: white; }
      div.calendar tbody td.selected {
                /*
         * Cell showing today date
         */
        font-weight: bold;
        padding: 1px 3px 1px 1px;
        background: white;
        color: black; }
      div.calendar tbody td.weekend {
                /*
         * Cells showing weekend days
         */
        color: #999999; }
      div.calendar tbody td.today {
                /*
         * Cell showing selected date
         */
        font-weight: bold;
        color: black;
        background-color: #e3eace; }
      div.calendar tbody td.time {
        padding: 5px 0;
        text-align: center;
        background-color: white; }
        div.calendar tbody td.time .hour,
        div.calendar tbody td.time .minute,
        div.calendar tbody td.time .ampm {
          padding: 0 3px 0 4px;
          border: 1px solid #999999;
          font-weight: bold;
          background-color: white; }
        div.calendar tbody td.time .ampm {
          text-align: center; }
        div.calendar tbody td.time .colon {
          padding: 0 2px 0 3px;
          font-weight: bold; }
        div.calendar tbody td.time .hilite {
          border-color: black;
          background-color: #666666;
          color: white; }
        div.calendar tbody td.time .active {
          border-color: red;
          background-color: black;
          color: green; }
    div.calendar tbody .disabled {
      color: #999999; }
    div.calendar tbody .emptycell {
            /*
       * Empty cells (the best is to hide them)
       */
      visibility: hidden; }
    div.calendar tbody .emptyrow {
            /*
       * Empty row (some months need less than 6 rows)
       */
      display: none; }
    div.calendar tfoot .footrow {
            /*
       * The <TR> in footer (only one right now)
       */
      text-align: center;
      background: #666666;
      color: white; }
    div.calendar tfoot .ttip {
            /*
       * Tooltip (status bar) cell <TD>
       */
      background: white;
      color: #444444;
      border-top: 1px solid #cccccc;
      padding: 4px;
            /*
       * Bugfix for opera to force word wrap an table cell
       */
      width: 223px; }
    div.calendar tfoot .hilite {
            /*
       * Hover style for buttons in footer
       */
      background: #4f8ab4;
      border: 1px solid #24a5c3;
      color: black;
      padding: 1px; }
    div.calendar tfoot .active {
            /*
       * Active (pressed) style for buttons in footer
       */
      background: #88aacc;
      padding: 2px 0 0 2px; }
  div.calendar .combo {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 4em;
    cursor: default;
    background: #d0d6be;
    color: black;
    font-size: 90%;
    z-index: 3000;
    box-shadow: 2px 2px 5px #999999; }
    div.calendar .combo .label,
    div.calendar .combo .label-IEfix {
      text-align: center;
      padding: 2px; }
    div.calendar .combo .label-IEfix {
      width: 4em; }
    div.calendar .combo .hilite {
      background: #e3eace; }
    div.calendar .combo .active {
      background: white;
      font-weight: bold; }

/*
 * --------------------
 * Overlays
 * --------------------
 */
.overlay_dialog,
.overlay___invisible__ {
  background: #7b806e; }

.overlay_dialog {
  opacity: 0.7; }

.overlay___invisible__ {
  opacity: 0; }

/*
 * -----------------------------------------------
 * Dialog borders and corners from north to west
 * -----------------------------------------------
 */
.dialog_nw,
.dialog_ne,
.dialog_sw,
.dialog_se,
.dialog_sizer {
  width: 9px; }

.dialog_nw,
.dialog_n,
.dialog_ne {
  height: 28px; }

.dialog_nw,
.dialog_n,
.dialog_ne,
.dialog_s,
.dialog_sw,
.dialog_se,
.dialog_sizer,
.dialog_close,
.dialog_minimize,
.dialog_maximize {
  background: rgba(0, 0, 0, 0) url(../../core/asset/js/prototype-window/themes/todoyu.png) no-repeat; }

.dialog_e,
.dialog_w {
  background: rgba(0, 0, 0, 0) url(../../core/asset/js/prototype-window/themes/todoyurepeaty.png);
  width: 2px; }

.dialog_nw {
  background-position: 0 -645px; }

.dialog_n {
  background-repeat: repeat-x;
  background-position: 0 -700px; }

.dialog_ne {
  background-position: -1px -750px; }

.dialog_e {
  background-position: -41px 0; }

.dialog_w {
  background-position: 0 0; }

.dialog_s,
.dialog_sw,
.dialog_se,
.dialog_sizer {
  height: 19px; }

.dialog_s {
  background-repeat: repeat-x;
  background-position: 0 -51px; }

.dialog_sw {
  background-position: 0 0; }

.dialog_se {
  background-position: 0 -153px; }

/*
 * -------------------------------
 * Window decorations
 * -------------------------------
 */
.dialog_sizer {
  background-position: 0 -594px;
  cursor: se-resize; }

.dialog_close,
.dialog_minimize,
.dialog_maximize {
  width: 14px;
  top: 5px;
  cursor: pointer;
  z-index: 2000; }

.dialog_close,
.dialog_title {
  height: 14px; }

.dialog_close {
  background-position: 0 -320px;
  right: 5px; }

.dialog_close,
.dialog_minimize,
.dialog_maximize,
.wired_frame,
.dialog {
  position: absolute; }

.dialog_minimize,
.dialog_maximize {
  height: 14px; }

.dialog_minimize {
  background-position: 0 -459px;
  right: 33px; }

.dialog_maximize {
  background-position: 0 -413px;
  right: 17px; }

.dialog_title {
  font-size: 11px;
  float: left;
  margin: 5px 0 -5px 0;
  letter-spacing: 0px;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  color: #151614; }

.dialog_title,
.dialog table.table_window {
  width: 100%; }

.bottom_draggable,
.top_draggable {
  cursor: move; }

.status_bar input,
.status_bar {
  font-size: 12px; }

.wired_frame,
.dialog {
  display: block; }

.wired_frame {
  border: 1px black dashed; }

.dialog {
  z-index: 1900; }

/*
 * ------------------------
 * Dialog content
 * ------------------------
 */
.dialog_content {
  font-size: 10px;
  background-color: white;
  color: #dddddd;
  height: auto !important; }

.dialog table.table_window {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0; }

/*
 * .dialog table.table_window,
 */
/*
 * .dialog table.table_window th,
 */
/*
 * .dialog table.table_window td {
 */
/*
 * padding:0;
 */
/*
 * }
 */
.dialog .title_window {
  -moz-user-select: none; }

.dpPicker {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 3000;
  display: block;
  width: 50px;
  height: 110px;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  font-size: 16px;
  cursor: pointer;
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
  box-shadow: 2px 2px 5px #999999; }
  .dpPicker .dpHour {
    position: absolute;
    padding-top: 44px;
    padding-bottom: 44px;
    top: 44px;
    left: 0px;
    width: 24px;
    float: left;
    clear: none;
    z-index: 10;
    border-right: 1px solid #dddddd; }
  .dpPicker .dpMinute {
    position: absolute;
    padding-top: 44px;
    padding-bottom: 44px;
    top: 44px;
    left: 25px;
    width: 25px;
    float: left;
    clear: none;
    display: block;
    z-index: 10; }
  .dpPicker div div {
    text-align: right;
    padding: 2px;
    height: 18px; }

.dpMask {
  position: absolute;
  top: 43px;
  left: 0px;
  z-index: 9;
  background-color: #dddddd;
  width: 50px;
  height: 22px; }

.durationPickerIcon {
  background: url(../../core/asset/img/icons.png) no-repeat 0 -1660px;
  cursor: pointer;
  margin-left: 3px; }

/*
 * ---------------------------------------
 * Standard Table
 * ---------------------------------------
 */
table.list {
  width: 100%;
  max-width: 100%;
  background-color: white;
  table-layout: fixed; }
  table.list.autoWidthTable {
    width: auto; }
  table.list col.icon {
    width: 30px; }
  table.list th,
  table.list td {
    padding: 3px 12px 3px 12px;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    table.list th > span.icon,
    table.list td > span.icon {
      height: 25px;
      margin: -2px 4px -8px -2px; }
    table.list tr.nowrap {
      white-space: nowrap; }
  table.list a {
    text-decoration: underline; }
    table.list a:focus {
      outline: none; }
  table.list a:hover {
    background-color: #eeeeee; }

/*
 * ------------
 * Hover
 * ------------
 */
table.withMouseHover tr:hover,
table.withMouseHover tr:hover .odd,
table.withMouseHover tr:hover .even,
ul.withMouseHover li.odd:hover,
ul.withMouseHover li.even:hover {
  background-color: #f8f8f8 !important; }

table.withMouseHover tr.header:hover {
  background-color: rgba(0, 0, 0, 0) !important; }

/*
 * -----------------------------------
 * Odd and even alternation, hover
 * ----------------------------------
 */
table.list tr.odd,
table.listsimple tr.odd,
li.odd {
  background-color: #eeeeee; }

table.list tr.even,
table.listsimple tr.even,
li.even {
  background-color: white; }

#extendlisting a {
  display: block;
  font-weight: bold;
  padding: 9px 0 9px 20px;
  background: url(../../core/asset/img/icons.png) no-repeat 5px -289px;
  cursor: pointer; }
  #extendlisting a:hover {
    background-color: #f8f8f8; }

#panel {
  background-color: white;
  border-radius: 10px 10px 0 0;
  clear: both;
  float: left;
  margin: 0 10px 0 0;
  padding: 0px;
  position: relative;
  top: 20px;
  width: 270px; }
  #panel div.panelFooter {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 51px;
    margin-top: -3px;
    background: url(../../core/asset/img/panel-footer.png) no-repeat 0 0; }
  #panel div.panelWidget {
    padding: 7px;
    border-bottom: 3px solid #e3eace; }
    #panel div.panelWidget .notification {
      text-align: left;
      padding: 5px 0 5px 7px; }
    #panel div.panelWidget ul.naviList li {
      line-height: 18px;
      padding: 3px 0 3px 5px;
      border-bottom: 1px solid #dddddd; }
      #panel div.panelWidget ul.naviList li.active {
        background-color: #e3eace; }
      #panel div.panelWidget ul.naviList li a {
        width: 100%;
        display: inline-block;
        padding-left: 25px; }
    #panel div.panelWidget h2 {
      padding-left: 2px; }
  #panel select {
    padding: 0px; }
  #panel .fForm {
    padding: 0px;
    background: none; }
  #panel fieldset {
    margin: 0px;
    padding: 0px;
    border: none;
    background: none; }
  #panel legend {
    display: none; }
  #panel .fField {
    float: right; }

.sortablePanelList {
  padding-top: 5px;
  display: block; }
  .sortablePanelList li.groupTitle {
    font-size: 11px;
    font-weight: bold;
    border-bottom: 1px solid #dddddd;
    cursor: pointer;
    padding-bottom: 2px; }
  .sortablePanelList .itemList {
    padding: 0px;
    border: none; }
    .sortablePanelList .itemList .listItem {
      padding: 5px 0 6px 0; }
  .sortablePanelList .listItem {
    clear: both;
    display: block;
    position: relative;
    padding: 5px 0 6px 5px;
    height: auto !important;
    height: 1px;
    border-bottom: 1px solid #dddddd; }
    .sortablePanelList .listItem .odd {
      background-color: #eeeeee; }
    .sortablePanelList .listItem.current {
      background-color: #e3eace; }
    .sortablePanelList .listItem a.title {
      margin-left: 20px; }
    .sortablePanelList .listItem .actions {
      position: absolute;
      right: 2px;
      top: 4px; }
      .sortablePanelList .listItem .actions a {
        float: left;
        width: 1px;
        height: 16px;
        padding: 1px 12px;
        text-indent: -9999px; }
  .sortablePanelList .handle {
    background: rgba(0, 0, 0, 0) url(../../core/asset/img/icons.png) no-repeat scroll 0 -963px;
    width: 10px;
    float: left;
    cursor: move;
    position: absolute;
    top: 0px;
    margin-right: 5px;
    height: 100%; }
    .sortablePanelList .handle.hover {
      background: rgba(0, 0, 0, 0) url(../../core/asset/img/icons.png) no-repeat scroll 0 -1022px; }

#quickinfo {
  display: block;
  left: 200px;
  position: absolute;
  top: 200px;
  width: auto;
  min-width: 382px;
  border: 1px solid #cccccc;
  background-color: #e3eace;
  z-index: 3000;
  box-shadow: 2px 2px 5px #999999; }
    #quickinfo dl dt {
      clear: left;
      float: left;
      width: 20px;
      min-height: 25px;
      padding: 2px; }
    #quickinfo dl dd {
      width: auto;
      min-width: 350px;
      min-height: 25px;
      padding: 2px 4px;
      margin-left: 20px;
      background-color: #edf1e0;
      text-align: left;
      font-size: 10px; }

em.infoBalloonAnchor {
  background: url(../../core/asset/img/icons.png) no-repeat 1px -630px;
  cursor: help;
  display: inline-block;
  height: 16px;
  text-indent: -9999px;
  width: 16px; }

.infoBalloon {
  position: absolute;
  float: left;
  z-index: 200; }

span.infoBalloon p,
.infoBox span.infoBalloon p {
  background-color: #f1f3be;
  border: 1px solid #c8d215;
  border-radius: 1px 1px 1px 1px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
  font-size: 11px;
  left: 60px;
  line-height: 17px;
  margin: 0;
  padding: 15px;
  position: absolute;
  top: -10px;
  width: 200px;
  z-index: 1; }

span.infoBalloon .pointer,
.infoBox span.infoBalloon .pointer {
  background: url(../../core/asset/img/infoballoonArrow.png);
  display: block;
  height: 30px;
  left: 32px;
  position: absolute;
  top: -5px;
  width: 30px;
  z-index: 3; }

#todoyuheadletajaxloader {
  width: 27px;
  height: 26px; }
  #todoyuheadletajaxloader .button {
    background: url(../../core/asset/img/ajax-loader.gif) no-repeat 7px 5px;
    border: none; }
  li#todoyuheadletajaxloader a {
    cursor: wait; }
    li#todoyuheadletajaxloader a:hover {
      background-color: rgba(0, 0, 0, 0) !important; }

  #todoyuheadletquickcreate .button {
    background: url(../../core/asset/img/headlet-icons.png) no-repeat 1px 6px; }
  #todoyuheadletquickcreate .content li.primary {
    border-bottom: 1px solid #dddddd;
    background-color: #edf1e0; }
    #todoyuheadletquickcreate .content li.primary a:hover {
      background-color: white !important; }

/*
 * -----------------------
 * About headlet
 * -----------------------
 */
#todoyuheadletabout .button {
  background: url(../../core/asset/img/headlet-icons.png) no-repeat 1px -24px; }

/*
 * -------------------------
 * About popup window
 * -------------------------
 */
  #popup-about_content {
    background-color: white; }
  #popup-about .version {
    position: relative;
    right: -250px;
    top: -36px;
    z-index: 50000;
    width: 200px;
    text-align: right !important;
    background: rgba(0, 0, 0, 0) !important; }
  #popup-about .left {
    float: left; }
  #popup-about .right {
    float: left;
    clear: right; }
  #popup-about .logo {
    height: 120px;
    background: url(../../core/asset/img/logo2.png) no-repeat 40% 0; }
  #popup-about p.info {
    text-align: left;
    padding: 0 8px 0 8px;
    margin: 0 0 12px 0; }
    #popup-about p.info p {
      margin: 12px 0 12px 0; }
  #popup-about a {
    text-decoration: underline; }
  #popup-about .thanks {
    text-align: left !important;
    padding: 0 0 0 8px;
    margin: 24px 0 6px 0; }
  #popup-about .creditsbox {
    border: 1px solid #dddddd;
    height: 150px;
    clear: left;
    margin: 0 0 0 6px;
    width: 536px;
    padding: 5px;
    position: relative; }
  #popup-about .names {
    overflow: hidden; }
    #popup-about .names ul {
      padding-top: 50px; }
      #popup-about .names ul li {
        padding: 9px; }
        #popup-about .names ul li.coder {
          letter-spacing: 2px;
          text-transform: uppercase; }
  #popup-about #ee-img {
    position: absolute;
    left: 57px;
    top: 38px;
    width: 400px;
    height: 200px;
    background: url(../../core/asset/img/ggeretsae.gif) no-repeat 0 0; }

/*
 * ------------------------------------------------
 * Toggle button (team / 3rd party credits)
 * ------------------------------------------------
 */
button#about-toggle-credits {
  float: right;
  margin: -8px 12px 2px 0; }
  button#about-toggle-credits span.icon {
    width: 2px !important;
    visibility: hidden; }

/*
 * -----------------------------------
 * Third party libraries credits
 * -----------------------------------
 */
#about-libs {
  overflow-y: scroll;
  text-align: left; }

  .creditsbox h1 {
    padding: 0 0 10px 0; }
  .creditsbox p.product {
    padding: 8px 0 4px 0; }

/*
 * -----------------------
 * Scrolling Names
 * -----------------------
 */
  ul#scrollingnames li div.left {
    width: 220px;
    text-align: right !important;
    float: left; }
  ul#scrollingnames li div.right {
    padding: 0 0 0 7px;
    width: 150px;
    text-align: left !important;
    float: left;
    clear: right; }

.loaderBox {
  position: fixed;
  z-index: 300;
  background-color: white;
  border: 1px solid white;
  box-shadow: 2px 2px 7px #999999; }
  .loaderBox div,
  .loaderBox img {
    float: left; }
    .loaderBox div.title {
      clear: both;
      width: 282px;
      padding: 5px;
      background-color: #eeeeee;
      font-weight: bold; }
    .loaderBox div.content {
      display: inline-block;
      width: 180px;
      padding: 20px;
      text-align: left;
      font-size: 12px; }
  .loaderBox img.spinner {
    clear: left;
    padding: 20px;
    width: 32px;
    height: 32px; }

#loader-box-screen-block {
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 250;
  position: fixed;
  opacity: 0.5; }

  .progressBox .bar {
    width: 180px;
    height: 16px;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    margin-top: 5px; }
  .progressBox .progress {
    background-color: #e3eace;
    width: 0px;
    height: 16px; }
  .progressBox .button {
    margin-top: 5px; }
  .progressBox .cancelProgress .icon {
    background: url(../../core/asset/img/icons.png) no-repeat 3px -357px; }

div.overflowWindow {
  position: fixed;
  width: 350px;
  padding: 10px;
  background-color: white;
  left: 0px;
  top: 0px;
  z-index: 3000;
  opacity: 0.95;
  box-shadow: 2px 2px 5px #999999; }
  div.overflowWindow div.close {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0px;
    top: 0px;
    background: url(../../core/asset/img/icons.png) no-repeat 5px -1124px;
    cursor: pointer; }

#overflow-window-blocker {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.7;
  z-index: 2999; }

.overlay_todoyu {
  background-color: #969c85;
  z-index: 2999 !important; }

.timerange {
  padding-top: 2px; }
  .timerange .bar {
    padding: 10px 0;
    position: relative; }
    .timerange .bar .slider {
      background: url(../../core/asset/img/timerange.png) repeat-x 0 -32px;
      position: relative;
      width: 472px; }
      .timerange .bar .slider .handle {
        background: url(../../core/asset/img/timerange-handle.png) center center no-repeat;
        cursor: ew-resize;
        cursor: move;
        height: 20px;
        margin-top: -17px;
        position: absolute;
        width: 20px;
        z-index: 10; }
      .timerange .bar .slider .handleStart {
        margin-left: -4px; }
      .timerange .bar .slider .handleEnd {
        margin-left: -5px; }
    .timerange .bar .track {
      height: 3px;
      display: inline-block;
      cursor: pointer; }
    .timerange .bar .trackStart {
      background: url(../../core/asset/img/timerange.png) no-repeat 0 -49px;
      width: 4px; }
    .timerange .bar .trackEnd {
      background: url(../../core/asset/img/timerange.png) no-repeat 0 -17px;
      width: 4px; }
    .timerange .bar .span {
      background-color: black;
      cursor: default;
      height: 3px;
      margin-left: 5px;
      position: relative;
      z-index: 9; }
  .timerange .limits {
    display: block;
    font-size: 10px; }
    .timerange .limits > div {
      clear: none;
      height: 16px;
      width: 60px; }
      .timerange .limits .limit.min {
        float: left;
        text-align: left; }
      .timerange .limits .limit.max {
        float: right;
        text-align: right; }
  .timerange .dates {
    margin: 3px 0;
    position: relative; }
    .timerange .dates .start,
    .timerange .dates .ranges {
      clear: none;
      float: left; }
    .timerange .dates .start {
      width: 100px; }
    .timerange .dates .end {
      clear: none;
      float: right;
      width: 81px; }
    .timerange .dates input {
      width: 60px; }
    .timerange .dates .ranges {
      background: white;
        /*
   * Old browsers
   */
      background: -moz-linear-gradient(top, white 0%, #e0e0e0 100%);
        /*
   * FF3.6+
   */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e0e0e0));
        /*
   * Chrome,Safari4+
   */
      background: -webkit-linear-gradient(top, white 0%, #e0e0e0 100%);
        /*
   * Chrome10+,Safari5.1+
   */
      background: -o-linear-gradient(top, white 0%, #e0e0e0 100%);
        /*
   * Opera 11.10+
   */
      background: -ms-linear-gradient(top, white 0%, #e0e0e0 100%);
        /*
   * IE10+
   */
      background: linear-gradient(to bottom, white 0%, #e0e0e0 100%);
        /*
   * W3C
   */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0);
        /*
   * IE6-9
   */
      border-radius: 13px;
      border: 1px solid #bbbbbb;
      cursor: pointer;
      left: 50%;
      line-height: 20px;
      margin: -2px 0 0 -75px;
      padding: 0 5px;
      position: absolute;
      right: 50%;
      text-align: center;
      top: 0px;
      white-space: nowrap;
      width: 185px;
      z-index: 5; }
      .timerange .dates .ranges:hover {
        margin: -7px -15px -10px -80px;
        padding: 5px 10px 10px 10px;
        box-shadow: 2px 2px 7px #999999;
        border-radius: 5px;
        background-color: white;
        background-image: none; }
        .timerange .dates .ranges:hover span.chooseRange {
          font-weight: bold; }
        .timerange .dates .ranges:hover ul {
          display: block; }
      .timerange .dates .ranges ul {
        color: #666666;
        display: none;
        padding: 0px;
        text-align: left;
        z-index: 9999;
                /*
         * always in front
         */ }
        .timerange .dates .ranges ul li {
          border-bottom: 1px solid #dddddd;
          cursor: pointer;
          line-height: 18px; }
          .timerange .dates .ranges ul li:hover {
            background-color: #eeeeee; }

.inlineFilters {
  padding: 6px;
  margin-bottom: 10px;
  background-color: #eeeeee; }
  .inlineFilters .filter {
    border: 1px solid #dddddd;
    background-color: white;
    padding: 10px;
    margin-bottom: 5px;
        /*
     * itemList
     */ }
    .inlineFilters .filter > div {
      display: inline-block; }
    .inlineFilters .filter .label {
      width: 140px;
      padding: 2px 0;
      vertical-align: top; }
    .inlineFilters .filter .input {
      width: 483px; }
      .inlineFilters .filter .input .main,
      .inlineFilters .filter .input .extra {
        float: left; }
    .inlineFilters .filter.typeAutocompleteMulti .main,
    .inlineFilters .filter.typeSelectMulti .main {
      width: 240px; }
    .inlineFilters .filter.typeAutocompleteMulti .extra,
    .inlineFilters .filter.typeSelectMulti .extra {
      width: 223px;
      margin-left: 20px; }
    .inlineFilters .filter.typeAutocomplete .textAC {
      width: 400px; }
    .inlineFilters .filter.typeAutocompleteMulti .textAC,
    .inlineFilters .filter.typeSelect select {
      width: 230px; }
    .inlineFilters .filter ul.itemList li {
      padding: 2px 20px 2px 2px;
      border-bottom: 1px solid #dddddd; }
      .inlineFilters .filter ul.itemList li:hover {
        background-color: #eeeeee; }
      .inlineFilters .filter ul.itemList li span.remove {
        float: right;
        width: 16px;
        height: 16px;
        margin-right: -20px;
        background: url(../../core/asset/img/icons.png) no-repeat 0 -360px;
        cursor: pointer; }

.wizard {
  text-align: left;
  font-size: 12px; }
  .wizard .navi,
  .wizard .content,
  .wizard .help {
    float: left;
    clear: none; }
  .wizard .navi {
    width: 190px;
    background-color: #f6f8f0; }
    .wizard .navi ol {
      margin-left: 25px;
      margin-top: 20px;
      text-align: left; }
      .wizard .navi ol li {
        padding: 5px;
        color: #aaaaaa; }
        .wizard .navi ol li.active {
          background-color: white;
          color: #010101;
          font-weight: bold; }
        .wizard .navi ol li .done {
          cursor: pointer;
          color: #010101; }
  .wizard .content {
    padding: 20px;
    width: 420px;
    height: 460px;
    overflow: auto;
    background-color: white; }
    .wizard .content h1.title {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 20px; }
    .wizard .content p.info {
      margin: 10px 0;
      padding-bottom: 10px; }
  .wizard .help {
    width: 209px;
    margin-top: 60px;
    padding-left: 10px; }
  .wizard .buttons {
    float: left;
    clear: both;
    width: 100%;
    background-color: #f6f8f0;
    padding: 10px 0; }
    .wizard .buttons > div {
      float: left;
      clear: none;
      display: inline-block; }
    .wizard .buttons div.close {
      width: 170px;
      padding-left: 20px;
      text-align: left; }
      .wizard .buttons div.close button.close .icon {
        background: url(../../core/asset/img/icons.png) no-repeat 0 -357px; }
    .wizard .buttons .main {
      width: 460px; }
      .wizard .buttons .main button {
        clear: none; }
        .wizard .buttons .main button .icon {
          background-repeat: no-repeat;
          background-image: url(../../core/asset/img/icons.png); }
      .wizard .buttons .main .back {
        float: left; }
        .wizard .buttons .main .back .icon {
          background-position: 0 -1188px; }
      .wizard .buttons .main .next {
        float: right; }
        .wizard .buttons .main .next .icon {
          background-position: 0 -1218px; }

    .panelWidget.searchList form .fLabel {
      width: 50px; }
    .panelWidget.searchList form .fField {
      width: 180px; }
    #panel .panelWidget.searchList form {
      display: inline-block;
      width: 95%;
      padding: 1px 5px;
      margin-top: 3px; }
  .panelWidget.searchList ul {
    display: inline-block;
    width: 95%;
    padding: 5px; }
  .panelWidget.searchList li {
    line-height: 18px;
    margin-bottom: 1px;
    overflow: hidden; }
    .panelWidget.searchList li:hover {
      background-color: #eeeeee; }
    .panelWidget.searchList li a {
      display: block;
      padding-left: 25px;
      height: 18px;
      width: 400px; }

      #panel .panelwidgetSearchBox .content form {
        margin-top: 5px;
        display: inline-block; }
        #panel .panelwidgetSearchBox .content form label {
          float: left;
          width: 40px;
          padding-top: 2px; }
        #panel .panelwidgetSearchBox .content form input {
          width: 190px;
          float: left; }
        #panel .panelwidgetSearchBox .content form a.clearIcon {
          background: url(../../core/asset/img/icons.png) no-repeat 2px -358px;
          margin-left: 5px;
          cursor: pointer; }

  #dialogchoice .wrapper {
    padding: 10px; }
  #dialogchoice .description {
    margin-bottom: 10px;
    border-bottom: 1px solid #cccccc; }
  #dialogchoice .choice {
    background-color: white;
    border-radius: 5px;
    border: 1px solid white;
    margin-bottom: 5px;
    padding: 8px; }
    #dialogchoice .choice button {
      width: 150px; }
      #dialogchoice .choice button .label {
        margin: 0;
        width: 100%;
        text-align: center; }
    #dialogchoice .choice div {
      display: inline-block; }
    #dialogchoice .choice .boxButton {
      width: 170px; }
    #dialogchoice .choice .boxLabel {
      width: 280px;
      height: 20px;
      vertical-align: bottom; }

  .typeRecords .results,
  .typeRecords .selection {
    list-style: none inside;
    padding-left: 4px;
    padding-bottom: 0;
    line-height: 150%; }
    .typeRecords .results li,
    .typeRecords .selection li {
      padding: 4px;
      display: block; }
      .typeRecords .results li .recordIcon,
      .typeRecords .selection li .recordIcon {
        margin-right: 5px; }
  .typeRecords .results {
    border: 1px solid #cccccc;
    background-color: #f8f8f8;
    border-top: none;
    margin-top: -1px; }
    .typeRecords .results li {
      cursor: pointer; }
      .typeRecords .results li:hover {
        background-color: #eeeeee; }
      .typeRecords .results li.hot {
        font-weight: bold; }
  .typeRecords .selection {
    margin-top: 5px; }
      .typeRecords .selection li .remove {
        float: right;
        background: url(../../core/asset/img/icons.png) no-repeat 2px -358px;
        cursor: pointer; }

/*
 * ----------------------
 * contentItem Tabs
 * ----------------------
 */
.contentItemTabContainer .tabs {
  top: 0;
  left: 0;
  width: auto;
  margin: 0 10px; }

.contentItemTabContainer {
  margin-top: 10px; }

contentItemTabContainer .tabs li {
  background-color: #edf1e0 !important; }

.contentItemTabContainer .tabs li:hover,
.contentItemTabContainer .tabs li.active {
  background-color: #e3eace !important; }

/*
 * contentItem tabs content
 */
.contentItemTabContainer .tabContent {
  background-color: #e3eace;
    /*
   * border-bottom:1px solid $colorNeutral02;
   */ }

.contentItemTabContainer .tabContent .tab {
  margin: 9px;
  border: 1px solid #eeeeee; }

.contentItemTabContainer .tabContent .tabBlock {
  position: relative;
  background: white; }

.contentItemTabContainer .tabContent .tab {
  padding: 5px;
  background: white; }

.contentItemTabContainer .tabContent .tabBlock .toggle {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
  height: 30px;
  background: #d0d6be url(../../cache/css/core/asset/css/../../../../../core/asset/css/../img/toggle.png) no-repeat 0 -65px; }

  .listScrollBox .scrollLoaderInfo {
    padding: 10px;
    color: #999999;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    position: relative; }

/**
 * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/* Reset */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-color-base-foreground: 								hsl(0, 0%, 98%);
	--ck-color-base-background: 								hsl(0, 0%, 100%);
	--ck-color-base-border: 									hsl(220, 6%, 81%);
	--ck-color-base-action: 									hsl(104, 50.2%, 42.5%);
	--ck-color-base-focus: 										hsl(209, 92%, 70%);
	--ck-color-base-text: 										hsl(0, 0%, 20%);
	--ck-color-base-active: 									hsl(218.1, 100%, 58%);
	--ck-color-base-active-focus:								hsl(218.2, 100%, 52.5%);
	--ck-color-base-error:										hsl(15, 100%, 43%);

	/* -- Generic colors ------------------------------------------------------------------------ */

	--ck-color-focus-border-coordinates: 						218, 81.8%, 56.9%;
	--ck-color-focus-border: 									hsl(var(--ck-color-focus-border-coordinates));
	--ck-color-focus-outer-shadow:								hsl(212.4, 89.3%, 89%);
	--ck-color-focus-disabled-shadow:							hsla(209, 90%, 72%,.3);
	--ck-color-focus-error-shadow:								hsla(9,100%,56%,.3);
	--ck-color-text: 											var(--ck-color-base-text);
	--ck-color-shadow-drop: 									hsla(0, 0%, 0%, 0.15);
	--ck-color-shadow-drop-active:								hsla(0, 0%, 0%, 0.2);
	--ck-color-shadow-inner: 									hsla(0, 0%, 0%, 0.1);

	/* -- Buttons ------------------------------------------------------------------------------- */

	--ck-color-button-default-background: 						transparent;
	--ck-color-button-default-hover-background: 				hsl(0, 0%, 94.1%);
	--ck-color-button-default-active-background: 				hsl(0, 0%, 94.1%);
	--ck-color-button-default-disabled-background: 				transparent;

	--ck-color-button-on-background: 							hsl(212, 100%, 97.1%);
	--ck-color-button-on-hover-background: 						hsl(211.7, 100%, 92.9%);
	--ck-color-button-on-active-background: 					hsl(211.7, 100%, 92.9%);
	--ck-color-button-on-disabled-background: 					hsl(211, 15%, 95%);
	--ck-color-button-on-color:									hsl(218.1, 100%, 58%);


	--ck-color-button-action-background: 						var(--ck-color-base-action);
	--ck-color-button-action-hover-background: 					hsl(104, 53.2%, 40.2%);
	--ck-color-button-action-active-background: 				hsl(104, 53.2%, 40.2%);
	--ck-color-button-action-disabled-background: 				hsl(104, 44%, 58%);
	--ck-color-button-action-text: 								var(--ck-color-base-background);

	--ck-color-button-save: 									hsl(120, 100%, 27%);
	--ck-color-button-cancel: 									hsl(15, 100%, 43%);

	--ck-color-switch-button-off-background:					hsl(0, 0%, 57.6%);
	--ck-color-switch-button-off-hover-background:				hsl(0, 0%, 49%);
	--ck-color-switch-button-on-background:						var(--ck-color-button-action-background);
	--ck-color-switch-button-on-hover-background:				hsl(104, 53.2%, 40.2%);
	--ck-color-switch-button-inner-background:					var(--ck-color-base-background);
	--ck-color-switch-button-inner-shadow:						hsla(0, 0%, 0%, 0.1);

	/* -- Dropdown ------------------------------------------------------------------------------ */

	--ck-color-dropdown-panel-background: 						var(--ck-color-base-background);
	--ck-color-dropdown-panel-border: 							var(--ck-color-base-border);

	/* -- Dialog -------------------------------------------------------------------------------- */

	--ck-color-dialog-background: 								var(--ck-custom-background);
	--ck-color-dialog-form-header-border: 						var(--ck-custom-border);

	/* -- Input --------------------------------------------------------------------------------- */

	--ck-color-input-background: 								var(--ck-color-base-background);
	--ck-color-input-border: 									var(--ck-color-base-border);
	--ck-color-input-error-border:								var(--ck-color-base-error);
	--ck-color-input-text: 										var(--ck-color-base-text);
	--ck-color-input-disabled-background: 						hsl(0, 0%, 95%);
	--ck-color-input-disabled-border: 							var(--ck-color-base-border);
	--ck-color-input-disabled-text: 							hsl(0, 0%, 46%);

	/* -- List ---------------------------------------------------------------------------------- */

	--ck-color-list-background: 								var(--ck-color-base-background);
	--ck-color-list-button-hover-background: 					var(--ck-color-button-default-hover-background);
	--ck-color-list-button-on-background: 						var(--ck-color-button-on-color);
	--ck-color-list-button-on-background-focus: 				var(--ck-color-button-on-color);
	--ck-color-list-button-on-text:								var(--ck-color-base-background);

	/* -- Panel --------------------------------------------------------------------------------- */

	--ck-color-panel-background: 								var(--ck-color-base-background);
	--ck-color-panel-border: 									var(--ck-color-base-border);

	/* -- Toolbar ------------------------------------------------------------------------------- */

	--ck-color-toolbar-background: 								var(--ck-color-base-background);
	--ck-color-toolbar-border: 									var(--ck-color-base-border);

	/* -- Tooltip ------------------------------------------------------------------------------- */

	--ck-color-tooltip-background: 								var(--ck-color-base-text);
	--ck-color-tooltip-text: 									var(--ck-color-base-background);

	/* -- Engine -------------------------------------------------------------------------------- */

	--ck-color-engine-placeholder-text: 						hsl(0, 0%, 44%);

	/* -- Upload -------------------------------------------------------------------------------- */

	--ck-color-upload-bar-background:		 					hsl(209, 92%, 70%);

	/* -- Link -------------------------------------------------------------------------------- */

	--ck-color-link-default:									hsl(240, 100%, 47%);
	--ck-color-link-selected-background:						hsla(201, 100%, 56%, 0.1);
	--ck-color-link-fake-selection:								hsla(201, 100%, 56%, 0.3);

	/* -- Search result highlight ---------------------------------------------------------------- */

	--ck-color-highlight-background:							hsl(60, 100%, 50%);

	/* -- Generic colors ------------------------------------------------------------------------- */

	--ck-color-light-red:										hsl(0, 100%, 90%);
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	/**
	 * An opacity value of disabled UI item.
	 */
	--ck-disabled-opacity: .5;
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	/**
	 * The geometry of the of focused element's outer shadow.
	 */
	--ck-focus-outer-shadow-geometry: 0 0 0 3px;

	/**
	 * A visual style of focused element's outer shadow.
	 */
	--ck-focus-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-outer-shadow);

	/**
	 * A visual style of focused element's outer shadow (when disabled).
	 */
	--ck-focus-disabled-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow);

	/**
	 * A visual style of focused element's outer shadow (when has errors).
	 */
	--ck-focus-error-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-error-shadow);

	/**
	 * A visual style of focused element's border or outline.
	 */
	--ck-focus-ring: 1px solid var(--ck-color-focus-border);
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-font-size-base: 13px;
	--ck-line-height-base: 1.84615;
	--ck-font-face: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;

	--ck-font-size-tiny: 0.7em;
	--ck-font-size-small: 0.75em;
	--ck-font-size-normal: 1em;
	--ck-font-size-big: 1.4em;
	--ck-font-size-large: 1.8em;
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	/* This is super-important. This is **manually** adjusted so a button without an icon
	is never smaller than a button with icon, additionally making sure that text-less buttons
	are perfect squares. The value is also shared by other components which should stay "in-line"
	with buttons. */
	--ck-ui-component-min-height: 2.3em;
}
/**
 * Resets an element, ignoring its children.
 */
.ck.ck-reset,
.ck.ck-reset_all,
.ck-reset_all *:not(.ck-reset_all-excluded *) {
	box-sizing: border-box;
	width: auto;
	height: auto;
	position: static;

	/* Do not include inheritable rules here. */
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	text-decoration: none;
	vertical-align: middle;
	transition: none;

	/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/105 */
	word-wrap: break-word;
}
/**
 * Resets an element AND its children.
 */
.ck.ck-reset_all,
.ck-reset_all *:not(.ck-reset_all-excluded *) {
	/* These are rule inherited by all children elements. */
	border-collapse: collapse;
	font: normal normal normal var(--ck-font-size-base)/var(--ck-line-height-base) var(--ck-font-face);
	color: var(--ck-color-text);
	text-align: left;
	white-space: nowrap;
	cursor: auto;
	float: none;
}
.ck-reset_all .ck-rtl *:not(.ck-reset_all-excluded *) {
		text-align: right;
	}
.ck-reset_all iframe:not(.ck-reset_all-excluded *) {
		/* For IE */
		vertical-align: inherit;
	}
.ck-reset_all textarea:not(.ck-reset_all-excluded *) {
		white-space: pre-wrap;
	}
.ck-reset_all textarea:not(.ck-reset_all-excluded *),
	.ck-reset_all input[type="text"]:not(.ck-reset_all-excluded *),
	.ck-reset_all input[type="password"]:not(.ck-reset_all-excluded *) {
		cursor: text;
	}
.ck-reset_all textarea[disabled]:not(.ck-reset_all-excluded *),
	.ck-reset_all input[type="text"][disabled]:not(.ck-reset_all-excluded *),
	.ck-reset_all input[type="password"][disabled]:not(.ck-reset_all-excluded *) {
		cursor: default;
	}
.ck-reset_all fieldset:not(.ck-reset_all-excluded *) {
		padding: 10px;
		border: 2px groove hsl(255, 7%, 88%);
	}
.ck-reset_all button:not(.ck-reset_all-excluded *)::-moz-focus-inner {
		/* See http://stackoverflow.com/questions/5517744/remove-extra-button-spacing-padding-in-firefox */
		padding: 0;
		border: 0
	}
/**
 * Default UI rules for RTL languages.
 */
.ck[dir="rtl"],
.ck[dir="rtl"] .ck {
	text-align: right;
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Default border-radius value.
 */
:root{
	--ck-border-radius: 2px;
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	/**
	 * A visual style of element's inner shadow (i.e. input).
	 */
	--ck-inner-shadow: 2px 2px 3px var(--ck-color-shadow-inner) inset;

	/**
	 * A visual style of element's drop shadow (i.e. panel).
	 */
	--ck-drop-shadow: 0 1px 2px 1px var(--ck-color-shadow-drop);

	/**
	 * A visual style of element's active shadow (i.e. comment or suggestion).
	 */
	--ck-drop-shadow-active: 0 3px 6px 1px var(--ck-color-shadow-drop-active);
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-spacing-unit: 						0.6em;
	--ck-spacing-large: 					calc(var(--ck-spacing-unit) * 1.5);
	--ck-spacing-standard: 					var(--ck-spacing-unit);
	--ck-spacing-medium: 					calc(var(--ck-spacing-unit) * 0.8);
	--ck-spacing-small: 					calc(var(--ck-spacing-unit) * 0.5);
	--ck-spacing-tiny: 						calc(var(--ck-spacing-unit) * 0.3);
	--ck-spacing-extra-tiny: 				calc(var(--ck-spacing-unit) * 0.16);
}

/* Components */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
.ck.ck-autocomplete > .ck-search__results {
		border-radius: 0;

		max-height: 200px;
		overflow-y: auto;
		background: var(--ck-color-base-background);
		border: 1px solid var(--ck-color-dropdown-panel-border);
		min-width: auto;
	}
.ck-rounded-corners .ck.ck-autocomplete > .ck-search__results,
	.ck.ck-autocomplete > .ck-search__results.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
	}
.ck.ck-autocomplete > .ck-search__results {
		box-shadow: var(--ck-drop-shadow), 0 0;
	}
.ck.ck-autocomplete > .ck-search__results.ck-search__results_n {
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;

			/* Prevent duplicated borders between the input and the results pane. */
			margin-bottom: -1px;
		}
.ck.ck-autocomplete > .ck-search__results.ck-search__results_s {
			border-top-left-radius: 0;
			border-top-right-radius: 0;

			/* Prevent duplicated borders between the input and the results pane. */
			margin-top: -1px;
		}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A visual style of focused element's border.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A class which indicates that an element holding it is disabled.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Implements a button of given background color.
 *
 * @param {String} $background - Background color of the button.
 * @param {String} $border - Border color of the button.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
.ck.ck-button,
a.ck.ck-button {
	background: var(--ck-color-button-default-background);
	border-radius: 0;

	white-space: nowrap;
	cursor: default;
	vertical-align: middle;
	padding: var(--ck-spacing-tiny);
	text-align: center;

	/* A very important piece of styling. Go to variable declaration to learn more. */
	min-width: var(--ck-ui-component-min-height);
	min-height: var(--ck-ui-component-min-height);

	/* Normalize the height of the line. Removing this will break consistent height
	among text and text-less buttons (with icons). */
	line-height: 1;

	/* Enable font size inheritance, which allows fluid UI scaling. */
	font-size: inherit;

	/* Avoid flickering when the foucs border shows up. */
	border: 1px solid transparent;

	/* Apply some smooth transition to the box-shadow and border. */
	transition: box-shadow .2s ease-in-out, border .2s ease-in-out;

	/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/189 */
	-webkit-appearance: none;
}
.ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover {
			background: var(--ck-color-button-default-hover-background);
		}
.ck.ck-button:not(.ck-disabled):active, a.ck.ck-button:not(.ck-disabled):active {
			background: var(--ck-color-button-default-active-background);
		}
/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */
.ck.ck-button.ck-disabled, a.ck.ck-button.ck-disabled {
		background: var(--ck-color-button-default-disabled-background);
	}
.ck-rounded-corners .ck.ck-button,
	.ck-rounded-corners a.ck.ck-button,
	.ck.ck-button.ck-rounded-corners,
	a.ck.ck-button.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
	}
@media (prefers-reduced-motion: reduce) {
.ck.ck-button,
a.ck.ck-button {
		transition: none;
}
	}
.ck.ck-button:active,
	a.ck.ck-button:active,
	.ck.ck-button:focus,
	a.ck.ck-button:focus {
		/* Disable native outline. */
		outline: none;
		border: var(--ck-focus-ring);
		box-shadow: var(--ck-focus-outer-shadow), 0 0;
	}
/* Allow icon coloring using the text "color" property. */
.ck.ck-button .ck-button__icon use,
		a.ck.ck-button .ck-button__icon use,
		.ck.ck-button .ck-button__icon use *,
		a.ck.ck-button .ck-button__icon use * {
			color: inherit;
		}
.ck.ck-button .ck-button__label, a.ck.ck-button .ck-button__label {
		/* Enable font size inheritance, which allows fluid UI scaling. */
		font-size: inherit;
		font-weight: inherit;
		color: inherit;
		cursor: inherit;

		/* Must be consistent with .ck-icon's vertical align. Otherwise, buttons with and
		without labels (but with icons) have different sizes in Chrome */
		vertical-align: middle;
	}
[dir="ltr"] .ck.ck-button .ck-button__label, [dir="ltr"] a.ck.ck-button .ck-button__label {
			text-align: left;
	}
[dir="rtl"] .ck.ck-button .ck-button__label, [dir="rtl"] a.ck.ck-button .ck-button__label {
			text-align: right;
	}
.ck.ck-button .ck-button__keystroke, a.ck.ck-button .ck-button__keystroke {
		color: inherit;

		opacity: .5;
	}
[dir="ltr"] .ck.ck-button .ck-button__keystroke, [dir="ltr"] a.ck.ck-button .ck-button__keystroke {
			margin-left: var(--ck-spacing-large);
	}
[dir="rtl"] .ck.ck-button .ck-button__keystroke, [dir="rtl"] a.ck.ck-button .ck-button__keystroke {
			margin-right: var(--ck-spacing-large);
	}
/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/70 */
.ck.ck-button.ck-disabled:active,
		a.ck.ck-button.ck-disabled:active,
		.ck.ck-button.ck-disabled:focus,
		a.ck.ck-button.ck-disabled:focus {
			/* The disabled button should have a slightly less visible shadow when focused. */
			box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0;
		}
.ck.ck-button.ck-disabled .ck-button__icon, a.ck.ck-button.ck-disabled .ck-button__icon {
			opacity: var(--ck-disabled-opacity);
		}
/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */
.ck.ck-button.ck-disabled .ck-button__label, a.ck.ck-button.ck-disabled .ck-button__label {
			opacity: var(--ck-disabled-opacity);
		}
.ck.ck-button.ck-disabled .ck-button__keystroke, a.ck.ck-button.ck-disabled .ck-button__keystroke {
			opacity: .3;
		}
.ck.ck-button.ck-button_with-text, a.ck.ck-button.ck-button_with-text {
		padding: var(--ck-spacing-tiny) var(--ck-spacing-standard);

		/* stylelint-disable-next-line no-descending-specificity */
	}
[dir="ltr"] .ck.ck-button.ck-button_with-text .ck-button__icon, [dir="ltr"] a.ck.ck-button.ck-button_with-text .ck-button__icon {
				margin-right: var(--ck-spacing-medium);
	}
[dir="rtl"] .ck.ck-button.ck-button_with-text .ck-button__icon, [dir="rtl"] a.ck.ck-button.ck-button_with-text .ck-button__icon {
				margin-left: var(--ck-spacing-medium);
	}
/* stylelint-disable-next-line no-descending-specificity */
.ck.ck-button.ck-button_with-keystroke .ck-button__label, a.ck.ck-button.ck-button_with-keystroke .ck-button__label {
			flex-grow: 1;
		}
/* A style of the button which is currently on, e.g. its feature is active. */
.ck.ck-button.ck-on, a.ck.ck-button.ck-on {
		background: var(--ck-color-button-on-background);

		color: var(--ck-color-button-on-color);
	}
.ck.ck-button.ck-on:not(.ck-disabled):hover, a.ck.ck-button.ck-on:not(.ck-disabled):hover {
			background: var(--ck-color-button-on-hover-background);
		}
.ck.ck-button.ck-on:not(.ck-disabled):active, a.ck.ck-button.ck-on:not(.ck-disabled):active {
			background: var(--ck-color-button-on-active-background);
		}
/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */
.ck.ck-button.ck-on.ck-disabled, a.ck.ck-button.ck-on.ck-disabled {
		background: var(--ck-color-button-on-disabled-background);
	}
.ck.ck-button.ck-button-save, a.ck.ck-button.ck-button-save {
		color: var(--ck-color-button-save);
	}
.ck.ck-button.ck-button-cancel, a.ck.ck-button.ck-button-cancel {
		color: var(--ck-color-button-cancel);
	}
/* A style of the button which handles the primary action. */
.ck.ck-button-action,
a.ck.ck-button-action {
	background: var(--ck-color-button-action-background);

	color: var(--ck-color-button-action-text);
}
.ck.ck-button-action:not(.ck-disabled):hover, a.ck.ck-button-action:not(.ck-disabled):hover {
			background: var(--ck-color-button-action-hover-background);
		}
.ck.ck-button-action:not(.ck-disabled):active, a.ck.ck-button-action:not(.ck-disabled):active {
			background: var(--ck-color-button-action-active-background);
		}
/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */
.ck.ck-button-action.ck-disabled, a.ck.ck-button-action.ck-disabled {
		background: var(--ck-color-button-action-disabled-background);
	}
.ck.ck-button-bold,
a.ck.ck-button-bold {
	font-weight: bold;
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A class which indicates that an element holding it is disabled.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/* Note: To avoid rendering issues (aliasing) but to preserve the responsive nature
of the component, floating–point numbers have been used which, for the default font size
(see: --ck-font-size-base), will generate simple integers. */
:root {
	/* 34px at 13px font-size */
	--ck-switch-button-toggle-width: 2.6153846154em;
	/* 14px at 13px font-size */
	--ck-switch-button-toggle-inner-size: calc(1.0769230769em + 1px);
	--ck-switch-button-translation: calc(
		var(--ck-switch-button-toggle-width) -
		var(--ck-switch-button-toggle-inner-size) -
		2px /* Border */
	);
	--ck-switch-button-inner-hover-shadow: 0 0 0 5px var(--ck-color-switch-button-inner-shadow);
}
/* Unlike a regular button, the switch button text color and background should never change.
	 * Changing toggle switch (background, outline) is enough to carry the information about the
	 * state of the entire component (https://github.com/ckeditor/ckeditor5/issues/12519)
	 */
.ck.ck-button.ck-switchbutton, .ck.ck-button.ck-switchbutton:hover, .ck.ck-button.ck-switchbutton:focus, .ck.ck-button.ck-switchbutton:active, .ck.ck-button.ck-switchbutton.ck-on:hover, .ck.ck-button.ck-switchbutton.ck-on:focus, .ck.ck-button.ck-switchbutton.ck-on:active {
		color: inherit;
		background: transparent;
	}
[dir="ltr"] .ck.ck-button.ck-switchbutton .ck-button__label {
			/* Separate the label from the switch */
			margin-right: calc(2 * var(--ck-spacing-large));
	}
[dir="rtl"] .ck.ck-button.ck-switchbutton .ck-button__label {
			/* Separate the label from the switch */
			margin-left: calc(2 * var(--ck-spacing-large));
	}
.ck.ck-button.ck-switchbutton .ck-button__toggle {
		border-radius: 0;

		/* Apply some smooth transition to the box-shadow and border. */
		/* Gently animate the background color of the toggle switch */
		transition: background 400ms ease, box-shadow .2s ease-in-out, outline .2s ease-in-out;
		border: 1px solid transparent;
		width: var(--ck-switch-button-toggle-width);
		background: var(--ck-color-switch-button-off-background);
	}
.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle,
	.ck.ck-button.ck-switchbutton .ck-button__toggle.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
	}
[dir="ltr"] .ck.ck-button.ck-switchbutton .ck-button__toggle {
			/* Make sure the toggle is always to the right as far as possible. */
			margin-left: auto;
	}
[dir="rtl"] .ck.ck-button.ck-switchbutton .ck-button__toggle {
			/* Make sure the toggle is always to the left as far as possible. */
			margin-right: auto;
	}
.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
			border-radius: 0;

			width: var(--ck-switch-button-toggle-inner-size);
			height: var(--ck-switch-button-toggle-inner-size);
			background: var(--ck-color-switch-button-inner-background);

			/* Gently animate the inner part of the toggle switch */
			transition: all 300ms ease;
		}
.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner,
	.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
				border-radius: calc(.5 * var(--ck-border-radius));
	}
@media (prefers-reduced-motion: reduce) {
.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
				transition: none;
		}
			}
.ck.ck-button.ck-switchbutton .ck-button__toggle:hover {
			background: var(--ck-color-switch-button-off-hover-background);
		}
.ck.ck-button.ck-switchbutton .ck-button__toggle:hover .ck-button__toggle__inner {
				box-shadow: var(--ck-switch-button-inner-hover-shadow);
			}
.ck.ck-button.ck-switchbutton.ck-disabled .ck-button__toggle {
		opacity: var(--ck-disabled-opacity);
	}
/* Overriding default .ck-button:focus styles + an outline around the toogle */
.ck.ck-button.ck-switchbutton:focus {
		border-color: transparent;
		outline: none;
		box-shadow: none;
	}
.ck.ck-button.ck-switchbutton:focus .ck-button__toggle {
			box-shadow: 0 0 0 1px var(--ck-color-base-background), 0 0 0 5px var(--ck-color-focus-outer-shadow);
			outline-offset: 1px;
			outline: var(--ck-focus-ring);
		}
/* stylelint-disable-next-line no-descending-specificity */
.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle {
			background: var(--ck-color-switch-button-on-background);
		}
.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle:hover {
				background: var(--ck-color-switch-button-on-hover-background);
			}
/*
				* Move the toggle switch to the right. It will be animated.
				*/
[dir="ltr"] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner {
					transform: translateX( var( --ck-switch-button-translation ) );
	}
[dir="rtl"] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner {
					transform: translateX( calc( -1 * var( --ck-switch-button-translation ) ) );
	}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
.ck.ck-button.ck-list-item-button {
	padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));
}
.ck.ck-button.ck-list-item-button,
	.ck.ck-button.ck-list-item-button.ck-on {
		background: var(--ck-color-list-background);
		color: var(--ck-color-text);
	}
[dir="ltr"] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder) {
			padding-left: var(--ck-spacing-small);
	}
[dir="rtl"] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder) {
			padding-right: var(--ck-spacing-small);
	}
/*
	 * `.ck-on` class and background styling is overridden for `ck-button` in many places.
	 * This is a workaround to make sure that the background is not overridden and uses similar
	 * selector specificity as the other overrides.
	 */
.ck.ck-button.ck-list-item-button:hover:not(.ck-disabled),
	.ck.ck-button.ck-list-item-button.ck-button.ck-on:hover,
	.ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable),
	.ck.ck-button.ck-list-item-button.ck-on:hover {
		background: var(--ck-color-list-button-hover-background);
	}
.ck.ck-button.ck-list-item-button:hover:not(.ck-disabled):not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-button.ck-on:hover:not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable):not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-on:hover:not(.ck-disabled) {
			color: var(--ck-color-text);
		}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-collapsible-arrow-size: calc(0.5 * var(--ck-icon-size));
}
.ck.ck-collapsible > .ck.ck-button {
		width: 100%;
		font-weight: bold;
		border-radius: 0;
		color: inherit;
	}
.ck.ck-collapsible > .ck.ck-button:focus {
			background: transparent;
		}
.ck.ck-collapsible > .ck.ck-button:active, .ck.ck-collapsible > .ck.ck-button:not(:focus), .ck.ck-collapsible > .ck.ck-button:hover:not(:focus) {
			background: transparent;
			border-color: transparent;
			box-shadow: none;
		}
.ck.ck-collapsible > .ck.ck-button > .ck-icon {
			margin-right: var(--ck-spacing-medium);
			width: var(--ck-collapsible-arrow-size);
		}
.ck.ck-collapsible > .ck-collapsible__children {
		padding: var(--ck-spacing-medium) var(--ck-spacing-large) var(--ck-spacing-large);
	}
.ck.ck-collapsible.ck-collapsible_collapsed > .ck.ck-button .ck-icon {
			transform: rotate(-90deg);
		}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-color-grid-tile-size: 24px;

	/* Not using global colors here because these may change but some colors in a pallette
	 * require special treatment. For instance, this ensures no matter what the UI text color is,
	 * the check icon will look good on the black color tile. */
	--ck-color-color-grid-check-icon: hsl(212, 81%, 46%);
}
.ck.ck-color-grid {
	grid-gap: 5px;
	padding: 8px;
}
.ck.ck-color-grid__tile {
	transition: .2s ease box-shadow;
}
@media (forced-colors: none) {
		.ck.ck-color-grid__tile {
		width: var(--ck-color-grid-tile-size);
		height: var(--ck-color-grid-tile-size);
		min-width: var(--ck-color-grid-tile-size);
		min-height: var(--ck-color-grid-tile-size);
		padding: 0;
		border: 0;
		}

		.ck.ck-color-grid__tile.ck-on,
		.ck.ck-color-grid__tile:focus:not( .ck-disabled ),
		.ck.ck-color-grid__tile:hover:not( .ck-disabled ) {
			/* Disable the default .ck-button's border ring. */
			border: 0;
		}

		.ck.ck-color-grid__tile.ck-color-selector__color-tile_bordered {
			box-shadow: 0 0 0 1px var(--ck-color-base-border);
		}

		.ck.ck-color-grid__tile.ck-on {
			box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-base-text);
		}

		.ck.ck-color-grid__tile:focus:not( .ck-disabled ),
		.ck.ck-color-grid__tile:hover:not( .ck-disabled ) {
			box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
		}
	}
/*
	 * In high contrast mode, the colors are replaced with text labels.
	 * See https://github.com/ckeditor/ckeditor5/issues/14907.
	 */
@media (forced-colors: active) {
		.ck.ck-color-grid__tile {
		width: unset;
		height: unset;
		min-width: unset;
		min-height: unset;
		padding: 0 var(--ck-spacing-small);
		}

		.ck.ck-color-grid__tile .ck-button__label {
			display: inline-block;
		}
	}
@media (prefers-reduced-motion: reduce) {
.ck.ck-color-grid__tile {
		transition: none;
}
	}
.ck.ck-color-grid__tile.ck-disabled {
		cursor: unset;
		transition: unset;
	}
.ck.ck-color-grid__tile .ck.ck-icon {
		display: none;
		color: var(--ck-color-color-grid-check-icon);
	}
.ck.ck-color-grid__tile.ck-on .ck.ck-icon {
			display: block;
		}
.ck.ck-color-grid__label {
	padding: 0 var(--ck-spacing-standard);
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/* View fragment with color grids. */
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color,
		.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
			width: 100%;
		}
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
			padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
		}
.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker:not(:focus) {
				border-top: 1px solid var(--ck-color-base-border);
			}
[dir="ltr"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon {
					margin-right: var(--ck-spacing-standard);
	}
[dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon {
					margin-left: var(--ck-spacing-standard);
	}
.ck.ck-color-selector .ck-color-grids-fragment label.ck.ck-color-grid__label {
			font-weight: unset;
		}
/* View fragment with a color picker. */
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker {
			padding: 8px;
		}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker {
				height: 100px;
				min-width: 180px;
			}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation) {
					border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0;
				}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue) {
					border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
				}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation-pointer),
				.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue-pointer) {
					width: 15px;
					height: 15px;
				}
.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar {
			padding: 0 8px 8px;
		}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-dialog-overlay-background-color: hsla( 0, 0%, 0%, .5 );
	--ck-dialog-drop-shadow: 0px 0px 6px 2px hsl(0deg 0% 0% / 15%);
	--ck-dialog-max-width: 100vw;
	--ck-dialog-max-height: 90vh;
	--ck-color-dialog-background: var(--ck-color-base-background);
	--ck-color-dialog-form-header-border: var(--ck-color-base-border);
}
.ck.ck-dialog-overlay {
	animation: ck-dialog-fade-in .3s;
	background: var(--ck-dialog-overlay-background-color);
	z-index: var(--ck-z-dialog);
}
.ck.ck-dialog {
	border-radius: 0;

	--ck-drop-shadow: var(--ck-dialog-drop-shadow);

	background: var(--ck-color-dialog-background);
	max-height: var(--ck-dialog-max-height);
	max-width: var(--ck-dialog-max-width);
	border: 1px solid var(--ck-color-base-border);
	overscroll-behavior: contain;
}
.ck-rounded-corners .ck.ck-dialog,
	.ck.ck-dialog.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
	}
.ck.ck-dialog {
	box-shadow: var(--ck-drop-shadow), 0 0;
}
.ck.ck-dialog .ck.ck-form__header {
		border-bottom: 1px solid var(--ck-color-dialog-form-header-border);
	}
.ck-dialog-scroll-locked {
	overflow: hidden;
}
@keyframes ck-dialog-fade-in {
	0% {
		background: hsla( 0, 0%, 0%, 0 );
	}

	100% {
		background: var(--ck-dialog-overlay-background-color);
	}
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
.ck.ck-dialog .ck.ck-dialog__actions {
		padding: var(--ck-spacing-large);
	}
.ck.ck-dialog .ck.ck-dialog__actions > * + * {
			margin-left: var(--ck-spacing-large);
		}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A class which indicates that an element holding it is disabled.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-dropdown-arrow-size: calc(0.5 * var(--ck-icon-size));
}
.ck.ck-dropdown {
	/* Enable font size inheritance, which allows fluid UI scaling. */
	font-size: inherit;
}
.ck.ck-dropdown .ck-dropdown__arrow {
		width: var(--ck-dropdown-arrow-size);
	}
[dir="ltr"] .ck.ck-dropdown .ck-dropdown__arrow {
			right: var(--ck-spacing-standard);

			/* A space to accommodate the triangle. */
			margin-left: var(--ck-spacing-standard);
		}
[dir="rtl"] .ck.ck-dropdown .ck-dropdown__arrow {
			left: var(--ck-spacing-standard);

			/* A space to accommodate the triangle. */
			margin-right: var(--ck-spacing-small);
		}
.ck.ck-dropdown.ck-disabled .ck-dropdown__arrow {
		opacity: var(--ck-disabled-opacity);
	}
[dir="ltr"] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) {
				/* Make sure dropdowns with just an icon have the right inner spacing */
				padding-left: var(--ck-spacing-small);
			}
[dir="rtl"] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) {
				/* Make sure dropdowns with just an icon have the right inner spacing */
				padding-right: var(--ck-spacing-small);
			}
/* #23 */
.ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label {
			width: 7em;
			overflow: hidden;
			text-overflow: ellipsis;
		}
/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/70 */
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-disabled .ck-button__label {
			opacity: var(--ck-disabled-opacity);
		}
/* https://github.com/ckeditor/ckeditor5/issues/816 */
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on {
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
		}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-dropdown__button_label-width_auto .ck-button__label {
			width: auto;
		}
/* https://github.com/ckeditor/ckeditor5/issues/8699 */
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active,
		.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active {
			box-shadow: none;
		}
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active:focus, .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active:focus {
				box-shadow: var(--ck-focus-outer-shadow), 0 0;
			}
.ck.ck-dropdown__panel {
	border-radius: 0;

	background: var(--ck-color-dropdown-panel-background);
	border: 1px solid var(--ck-color-dropdown-panel-border);
	bottom: 0;

	/* Make sure the panel is at least as wide as the drop-down's button. */
	min-width: 100%;
}
.ck-rounded-corners .ck.ck-dropdown__panel,
	.ck.ck-dropdown__panel.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
	}
.ck.ck-dropdown__panel {
	box-shadow: var(--ck-drop-shadow), 0 0;

	/* Disabled corner border radius to be consistent with the .dropdown__button
	https://github.com/ckeditor/ckeditor5/issues/816 */
}
.ck.ck-dropdown__panel.ck-dropdown__panel_se {
		border-top-left-radius: 0;
	}
.ck.ck-dropdown__panel.ck-dropdown__panel_sw {
		border-top-right-radius: 0;
	}
.ck.ck-dropdown__panel.ck-dropdown__panel_ne {
		border-bottom-left-radius: 0;
	}
.ck.ck-dropdown__panel.ck-dropdown__panel_nw {
		border-bottom-right-radius: 0;
	}
.ck.ck-dropdown__panel:focus {
		outline: none;
	}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list {
	/* Disabled radius of top-left border to be consistent with .dropdown__button
	https://github.com/ckeditor/ckeditor5/issues/816 */
	border-radius: 0;
}
.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list,
	.ck.ck-dropdown > .ck-dropdown__panel > .ck-list.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
		border-top-left-radius: 0;
	}
/* Make sure the button belonging to the first/last child of the list goes well with the
	border radius of the entire panel. */
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button {
			border-radius: 0;
		}
.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button,
	.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
				border-top-left-radius: 0;
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
	}
.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button {
			border-radius: 0;
		}
.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button,
	.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
				border-top-left-radius: 0;
				border-top-right-radius: 0;
	}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
:root {
	--ck-color-split-button-hover-background: hsl(0, 0%, 92%);
	--ck-color-split-button-hover-border: hsl(0, 0%, 70%);
}
/*
	 * Note: ck-rounded and ck-dir mixins don't go together (because they both use @nest).
	 */
[dir="ltr"] .ck.ck-splitbutton:hover > .ck-splitbutton__action, [dir="ltr"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action {
			/* Don't round the action button on the right side */
			border-top-right-radius: unset;
			border-bottom-right-radius: unset;
		}
[dir="rtl"] .ck.ck-splitbutton:hover > .ck-splitbutton__action, [dir="rtl"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action {
			/* Don't round the action button on the left side */
			border-top-left-radius: unset;
			border-bottom-left-radius: unset;
		}
.ck.ck-splitbutton > .ck-splitbutton__arrow {
		/* It's a text-less button and since the icon is positioned absolutely in such situation,
		it must get some arbitrary min-width. */
		min-width: unset;
	}
[dir="ltr"] .ck.ck-splitbutton > .ck-splitbutton__arrow {
			/* Don't round the arrow button on the left side */
			border-top-left-radius: unset;
			border-bottom-left-radius: unset;
		}
[dir="rtl"] .ck.ck-splitbutton > .ck-splitbutton__arrow {
			/* Don't round the arrow button on the right side */
			border-top-right-radius: unset;
			border-bottom-right-radius: unset;
		}
.ck.ck-splitbutton > .ck-splitbutton__arrow svg {
			width: var(--ck-dropdown-arrow-size);
		}
/* Make sure the divider stretches 100% height of the button
	https://github.com/ckeditor/ckeditor5/issues/10936 */
.ck.ck-splitbutton > .ck-splitbutton__arrow:not(:focus) {
		border-top-width: 0px;
		border-bottom-width: 0px;
	}
/* Don't round the bottom left and right corners of the buttons when "open"
	https://github.com/ckeditor/ckeditor5/issues/816 */
.ck.ck-splitbutton.ck-splitbutton_open {
		border-radius: 0;
	}
.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open,
	.ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
	}
.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__action {
				border-bottom-left-radius: 0;
			}
.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__arrow {
				border-bottom-right-radius: 0;
			}
/* When the split button is "open" (the arrow is on) or being hovered, it should get some styling
	as a whole. The background of both buttons should stand out and there should be a visual
	separation between both buttons. */
/* When the split button hovered as a whole, not as individual buttons. */
.ck.ck-splitbutton.ck-splitbutton_open > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover), .ck.ck-splitbutton:hover > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover) {
			background: var(--ck-color-split-button-hover-background);
		}
/* Splitbutton separator needs to be set with the ::after pseudoselector
		to display properly the borders on focus */
.ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after {
			content: '';
			position: absolute;
			width: 1px;
			height: 100%;
			background-color: var(--ck-color-split-button-hover-border);
		}
/* Make sure the divider between the buttons looks fine when the button is focused */
.ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:focus::after, .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:focus::after {
			--ck-color-split-button-hover-border: var(--ck-color-focus-border);
		}
[dir="ltr"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, [dir="ltr"] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after {
				left: -1px;
			}
[dir="rtl"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, [dir="rtl"] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after {
				right: -1px;
			}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
.ck.ck-toolbar-dropdown .ck-toolbar {
	border: 0;
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A class which indicates that an element holding it is disabled.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Implements a button of given background color.
 *
 * @param {String} $background - Background color of the button.
 * @param {String} $border - Border color of the button.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * All menu buttons.
 */
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button {
	width: 100%;
	padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));
	border-radius: 0;
}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus {
		border-color: transparent;
		box-shadow: none;
	}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus:not(.ck-on) {
			background: var(--ck-color-button-default-hover-background);
		}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-button__label {
		flex-grow: 1;
		overflow: hidden;
		text-overflow: ellipsis;
	}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-button__label {
		opacity: var(--ck-disabled-opacity);
	}
/* Spacing in buttons that miss the icon. */
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-icon-spacing:not(:has(.ck-button__icon)) > .ck-button__label {
		margin-left: calc(var(--ck-icon-size) - var(--ck-spacing-small));
	}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
		width: var(--ck-dropdown-arrow-size);
	}
[dir="ltr"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
			transform: rotate(-90deg);

			/* Nudge the arrow gently to the right because its center of gravity is to the left */
			margin-right: calc(-1 * var(--ck-spacing-small));
	}
[dir="rtl"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
			transform: rotate(90deg);

			/* Nudge the arrow gently to the left because its center of gravity is to the right (after rotation). */
			margin-left: calc(-1 * var(--ck-spacing-small));
	}
.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-dropdown-menu-list__nested-menu__button__arrow {
		opacity: var(--ck-disabled-opacity);
	}
[dir="ltr"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text) {
			padding-left: var(--ck-spacing-small);
		}
[dir="ltr"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
			right: var(--ck-spacing-standard);

			/* A space to accommodate the triangle. */
			margin-left: var(--ck-spacing-standard);
		}
[dir="rtl"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text) {
			padding-right: var(--ck-spacing-small);
		}
[dir="rtl"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
			left: var(--ck-spacing-standard);

			/* A space to accommodate the triangle. */
			margin-right: var(--ck-spacing-small);
		}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-dropdown-menu-menu-item-min-width: 18em;
}
.ck.ck-dropdown-menu-list__nested-menu__item {
	min-width: var(--ck-dropdown-menu-menu-item-min-width);
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * List item buttons.
 */
.ck-button.ck-dropdown-menu-list__nested-menu__item__button {
	border-radius: 0;
}
.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container,
	.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container .ck-spinner {
		/* These styles correspond to .ck-icon so that the spinner seamlessly replaces the icon. */
		--ck-toolbar-spinner-size: 20px;
	}
.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container {
		/* These margins are the same as for .ck-icon. */
		margin-left: calc(-1 * var(--ck-spacing-small));
		margin-right: var(--ck-spacing-small);
	}
/*
	 * Hovered items automatically get focused. Default focus styles look odd
	 * while moving across a huge list of items so let's get rid of them
	 */
.ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus {
		border-color: transparent;
		box-shadow: none;
	}
.ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus:not(.ck-on) {
			background: var(--ck-color-button-default-hover-background);
		}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
:root {
	--ck-dropdown-menu-menu-panel-max-width: 75vw;
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel {
	box-shadow: var(--ck-drop-shadow), 0 0;

	background: var(--ck-color-dropdown-panel-background);
	border: 1px solid var(--ck-color-dropdown-panel-border);
	bottom: 0;
	height: fit-content;
	max-width: var(--ck-dropdown-menu-menu-panel-max-width);

	/* Reset balloon styling */
}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel::after,
	.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel::before {
		display: none;
	}
/* Corner border radius consistent with the button. */
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_es,
	.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_se {
		border-top-left-radius: 0;
	}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ws,
	.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_sw {
		border-top-right-radius: 0;
	}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_en,
	.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ne {
		border-bottom-left-radius: 0;
	}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_wn,
	.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_nw {
		border-bottom-right-radius: 0;
	}
.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:focus {
		outline: none;
	}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A visual style of focused element's border.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
:root {
	--ck-accessibility-help-dialog-max-width: 600px;
	--ck-accessibility-help-dialog-max-height: 400px;
	--ck-accessibility-help-dialog-border-color: hsl(220, 6%, 81%);
	--ck-accessibility-help-dialog-code-background-color: hsl(0deg 0% 92.94%);
	--ck-accessibility-help-dialog-kbd-shadow-color: hsl(0deg 0% 61%);
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content {
	padding: var(--ck-spacing-large);
	max-width: var(--ck-accessibility-help-dialog-max-width);
	max-height: var(--ck-accessibility-help-dialog-max-height);
	overflow: auto;
	user-select: text;

	border: 1px solid transparent;
}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content:focus {
		/* Disable native outline. */
		outline: none;
		border: var(--ck-focus-ring);
		box-shadow: var(--ck-focus-outer-shadow), 0 0;
	}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content * {
		white-space: normal;
	}
/* Hide the main label of the content container. */
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content .ck-label {
		display: none;
	}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3 {
		font-weight: bold;
		font-size: 1.2em;
	}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4 {
		font-weight: bold;
		font-size: 1em;
	}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content p,
	.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3,
	.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4,
	.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content table {
		margin: 1em 0;
	}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl {
		display: grid;
		grid-template-columns: 2fr 1fr;
		border-top: 1px solid var(--ck-accessibility-help-dialog-border-color);
		border-bottom: none;
	}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd {
			border-bottom: 1px solid var(--ck-accessibility-help-dialog-border-color);
			padding: .4em 0;
		}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt {
			grid-column-start: 1;
		}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd {
			grid-column-start: 2;
			text-align: right;
		}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code {
		display: inline-block;
		background: var(--ck-accessibility-help-dialog-code-background-color);
		padding: .4em;
		vertical-align: middle;
		line-height: 1;
		border-radius: 2px;
		text-align: center;
		font-size: .9em;
	}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code {
		font-family: monospace;
	}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd {
		min-width: 1.8em;
		box-shadow: 0px 1px 1px var(--ck-accessibility-help-dialog-kbd-shadow-color);
		margin: 0 1px;
	}
.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd + kbd {
			margin-left: 2px;
		}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A class which indicates that an element holding it is disabled.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A visual style of focused element's border.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Implements a button of given background color.
 *
 * @param {String} $background - Background color of the button.
 * @param {String} $border - Border color of the button.
 */
:root {
	--ck-color-editable-blur-selection: hsl(0, 0%, 85%);
}
.ck.ck-editor__editable:not(.ck-editor__nested-editable) {
	border-radius: 0;
}
.ck-rounded-corners .ck.ck-editor__editable:not(.ck-editor__nested-editable),
	.ck.ck-editor__editable.ck-rounded-corners:not(.ck-editor__nested-editable) {
		border-radius: var(--ck-border-radius);
	}
.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
		/* Disable native outline. */
		outline: none;
		border: var(--ck-focus-ring);
		box-shadow: var(--ck-inner-shadow), 0 0;
	}
.ck.ck-editor__editable_inline {
	overflow: auto;
	padding: 0 var(--ck-spacing-standard);
	border: 1px solid transparent;
}
.ck.ck-editor__editable_inline[dir="ltr"] {
		text-align: left;
	}
.ck.ck-editor__editable_inline[dir="rtl"] {
		text-align: right;
	}
/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/116 */
.ck.ck-editor__editable_inline > *:first-child {
		margin-top: var(--ck-spacing-large);
	}
/* https://github.com/ckeditor/ckeditor5/issues/847 */
.ck.ck-editor__editable_inline > *:last-child {
		/*
		 * This value should match with the default margins of the block elements (like .media or .image)
		 * to avoid a content jumping when the fake selection container shows up (See https://github.com/ckeditor/ckeditor5/issues/9825).
		 */
		margin-bottom: var(--ck-spacing-large);
	}
/* https://github.com/ckeditor/ckeditor5/issues/6517 */
.ck.ck-editor__editable_inline.ck-blurred ::selection {
		background: var(--ck-color-editable-blur-selection);
	}
/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/111 */
.ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_n"]::after {
		border-bottom-color: var(--ck-color-panel-background);
	}
.ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_s"]::after {
		border-top-color: var(--ck-color-panel-background);
	}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-form-header-height: 44px;
}
.ck.ck-form__header {
	padding: var(--ck-spacing-small) var(--ck-spacing-large);
	height: var(--ck-form-header-height);
	line-height: var(--ck-form-header-height);
	border-bottom: 1px solid var(--ck-color-base-border);
}
[dir="ltr"] .ck.ck-form__header > .ck-icon {
			margin-right: var(--ck-spacing-medium);
	}
[dir="rtl"] .ck.ck-form__header > .ck-icon {
			margin-left: var(--ck-spacing-medium);
	}
.ck.ck-form__header .ck-form__header__label {
		--ck-font-size-base: 15px;
		font-weight: bold;
	}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-icon-size: calc(var(--ck-line-height-base) * var(--ck-font-size-normal));
	--ck-icon-font-size: .8333350694em;
}
.ck.ck-icon {
	width: var(--ck-icon-size);
	height: var(--ck-icon-size);

	/* Multiplied by the height of the line in "px" should give SVG "viewport" dimensions */
	font-size: var(--ck-icon-font-size);

	/* Inherit cursor style (#5). */
	cursor: inherit;
}
.ck.ck-icon * {
		/* Inherit cursor style (#5). */
		cursor: inherit;
	}
/* Allows dynamic coloring of an icon by inheriting its color from the parent. */
.ck.ck-icon.ck-icon_inherit-color {
		color: inherit;
	}
.ck.ck-icon.ck-icon_inherit-color * {
			color: inherit;
		}
.ck.ck-icon.ck-icon_inherit-color *:not([fill]) {
				/* Needed by FF. */
				fill: currentColor;
			}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A visual style of focused element's border.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
:root {
	--ck-input-width: 18em;

	/* Backward compatibility. */
	--ck-input-text-width: var(--ck-input-width);
}
.ck.ck-input {
	border-radius: 0;

	background: var(--ck-color-input-background);
	border: 1px solid var(--ck-color-input-border);
	padding: var(--ck-spacing-extra-tiny) var(--ck-spacing-medium);
	min-width: var(--ck-input-width);

	/* This is important to stay of the same height as surrounding buttons */
	min-height: var(--ck-ui-component-min-height);

	/* Apply some smooth transition to the box-shadow and border. */
	transition: box-shadow .1s ease-in-out, border .1s ease-in-out;
}
.ck-rounded-corners .ck.ck-input,
	.ck.ck-input.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
	}
@media (prefers-reduced-motion: reduce) {
.ck.ck-input {
		transition: none;
}
	}
.ck.ck-input:focus {
		/* Disable native outline. */
		outline: none;
		border: var(--ck-focus-ring);
		box-shadow: var(--ck-focus-outer-shadow), 0 0;
	}
.ck.ck-input[readonly] {
		border: 1px solid var(--ck-color-input-disabled-border);
		background: var(--ck-color-input-disabled-background);
		color: var(--ck-color-input-disabled-text);
	}
.ck.ck-input[readonly]:focus {
			/* The read-only input should have a slightly less visible shadow when focused. */
			box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0;
		}
.ck.ck-input.ck-error {
		border-color: var(--ck-color-input-error-border);
		animation: ck-input-shake .3s ease both;
	}
@media (prefers-reduced-motion: reduce) {
.ck.ck-input.ck-error {
			animation: none;
	}
		}
.ck.ck-input.ck-error:focus {
			box-shadow: var(--ck-focus-error-outer-shadow), 0 0;
		}
@keyframes ck-input-shake {
	20% {
		transform: translateX(-2px);
	}

	40% {
		transform: translateX(2px);
	}

	60% {
		transform: translateX(-1px);
	}

	80% {
		transform: translateX(1px);
	}
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
.ck.ck-label {
	font-weight: bold;
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
:root {
	--ck-labeled-field-view-transition: .1s cubic-bezier(0, 0, 0.24, 0.95);
	--ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-spacing-medium);
	--ck-labeled-field-label-default-position-x: var(--ck-spacing-medium);
	--ck-labeled-field-label-default-position-y: calc(0.6 * var(--ck-font-size-base));
	--ck-color-labeled-field-label-background: var(--ck-color-base-background);
}
.ck.ck-labeled-field-view {
	border-radius: 0;
}
.ck-rounded-corners .ck.ck-labeled-field-view,
	.ck.ck-labeled-field-view.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
	}
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
		width: 100%;
	}
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
			top: 0px;

			pointer-events: none;

			background: var(--ck-color-labeled-field-label-background);
			padding: 0 calc(.5 * var(--ck-font-size-tiny));
			line-height: initial;
			font-weight: normal;

			/* Prevent overflow when the label is longer than the input */
			text-overflow: ellipsis;
			overflow: hidden;

			max-width: 100%;

			transition:
				transform var(--ck-labeled-field-view-transition),
				padding var(--ck-labeled-field-view-transition),
				background var(--ck-labeled-field-view-transition);
		}
[dir="ltr"] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
				left: 0px;
				transform-origin: 0 0;
				/* By default, display the label scaled down above the field. */
				transform: translate(var(--ck-spacing-medium), -6px) scale(.75);
	}
[dir="rtl"] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
				right: 0px;
				transform-origin: 100% 0;
				transform: translate(calc(-1 * var(--ck-spacing-medium)), -6px) scale(.75);
	}
@media (prefers-reduced-motion: reduce) {
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
				transition: none;
		}
			}
.ck.ck-labeled-field-view.ck-error > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
			color: var(--ck-color-base-error);
		}
.ck.ck-labeled-field-view.ck-error .ck-input:not([readonly]) + .ck.ck-label {
			color: var(--ck-color-base-error);
		}
.ck.ck-labeled-field-view .ck-labeled-field-view__status {
		font-size: var(--ck-font-size-small);
		margin-top: var(--ck-spacing-small);

		/* Let the info wrap to the next line to avoid stretching the layout horizontally.
		The status could be very long. */
		white-space: normal;
	}
.ck.ck-labeled-field-view .ck-labeled-field-view__status.ck-labeled-field-view__status_error {
			color: var(--ck-color-base-error);
		}
/* Disabled fields and fields that have no focus should fade out. */
.ck.ck-labeled-field-view.ck-disabled > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
	.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
		color: var(--ck-color-input-disabled-text);
	}
/* Fields that are disabled or not focused and without a placeholder should have full-sized labels. */
/* stylelint-disable-next-line no-descending-specificity */
.ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
	.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {

		/* Compensate for the default translate position. */
		max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width));

		background: transparent;
		padding: 0;
	}
[dir="ltr"] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, [dir="ltr"] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
			transform: translate(var(--ck-labeled-field-label-default-position-x), var(--ck-labeled-field-label-default-position-y)) scale(1);
	}
[dir="rtl"] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, [dir="rtl"] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
			transform: translate(calc(-1 * var(--ck-labeled-field-label-default-position-x)), var(--ck-labeled-field-label-default-position-y)) scale(1);
	}
/*------ DropdownView integration ----------------------------------------------------------------------------------- */
/* Make sure dropdown' background color in any of dropdown's state does not collide with labeled field. */
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck.ck-button {
		background: transparent;
	}
/* When the dropdown is "empty", the labeled field label replaces its label. */
.ck.ck-labeled-field-view.ck-labeled-field-view_empty > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck-button > .ck-button__label {
		opacity: 0;
	}
/* Make sure the label of the empty, unfocused input does not cover the dropdown arrow. */
.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown + .ck-label {
		max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width) - var(--ck-dropdown-arrow-size) - var(--ck-spacing-standard));
	}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
.ck.ck-labeled-input .ck-labeled-input__status {
	font-size: var(--ck-font-size-small);
	margin-top: var(--ck-spacing-small);

	/* Let the info wrap to the next line to avoid stretching the layout horizontally.
	The status could be very long. */
	white-space: normal;
}
.ck.ck-labeled-input .ck-labeled-input__status_error {
	color: var(--ck-color-base-error);
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A class which indicates that an element holding it is disabled.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
.ck.ck-list {
	border-radius: 0;

	list-style-type: none;
	background: var(--ck-color-list-background);

	/* A spacing at the beginning and end of the list */
	padding: var(--ck-spacing-small) 0;
}
.ck-rounded-corners .ck.ck-list,
	.ck.ck-list.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
	}
.ck.ck-list__item {
	cursor: default;

	/* Almost as wide as menu bar items. */
	min-width: 15em;
}
.ck.ck-list__item > .ck-button:not(.ck-list-item-button) {
		padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));
		min-height: unset;
		width: 100%;
		border-radius: 0;
	}
[dir="ltr"] .ck.ck-list__item > .ck-button:not(.ck-list-item-button) {
			text-align: left;
	}
[dir="rtl"] .ck.ck-list__item > .ck-button:not(.ck-list-item-button) {
			text-align: right;
	}
.ck.ck-list__item > .ck-button:not(.ck-list-item-button) .ck-button__label {
			/* https://github.com/ckeditor/ckeditor5-heading/issues/63 */
			line-height: calc(var(--ck-line-height-base) * var(--ck-font-size-base));
		}
.ck.ck-list__item > .ck-button:not(.ck-list-item-button):active {
			box-shadow: none;
		}
.ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button) {
			background: var(--ck-color-list-button-on-background);
			color: var(--ck-color-list-button-on-text);
		}
.ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):active {
				box-shadow: none;
			}
.ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):hover:not(.ck-disabled) {
				background: var(--ck-color-list-button-on-background-focus);
			}
.ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):focus:not(.ck-disabled) {
				border-color: var(--ck-color-base-background);
			}
.ck.ck-list__item > .ck-button:not(.ck-list-item-button):hover:not(.ck-disabled) {
			background: var(--ck-color-list-button-hover-background);
		}
/* It's unnecessary to change the background/text of a switch toggle; it has different ways
	of conveying its state (like the switcher) */
.ck.ck-list__item > .ck-button.ck-switchbutton.ck-on {
			background: var(--ck-color-list-background);
			color: inherit;
		}
.ck.ck-list__item > .ck-button.ck-switchbutton.ck-on:hover:not(.ck-disabled) {
				background: var(--ck-color-list-button-hover-background);
				color: inherit;
			}
.ck-list .ck-list__group {
	padding-top: var(--ck-spacing-medium);

	/* Lists come with an inner vertical padding. Don't duplicate it. */
}
.ck-list .ck-list__group:first-child {
		padding-top: 0;
	}
/* The group should have a border when it's not the first item. */
*:not(.ck-hidden) ~ .ck-list .ck-list__group {
		border-top: 1px solid var(--ck-color-base-border);
	}
.ck-list .ck-list__group > .ck-label {
		font-size: 11px;
		font-weight: bold;
		padding: var(--ck-spacing-medium) var(--ck-spacing-large) 0;
	}
.ck.ck-list__separator {
	height: 1px;
	width: 100%;
	background: var(--ck-color-base-border);

	/* Give the separator some air */
	margin: var(--ck-spacing-small) 0;
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
.ck.ck-menu-bar {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	background: var(--ck-color-base-background);
	padding: var(--ck-spacing-small);
	gap: var(--ck-spacing-small);
	border: 1px solid var(--ck-color-toolbar-border);
	width: 100%;
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
.ck.ck-menu-bar__menu {
	/* Enable font size inheritance, which allows fluid UI scaling. */
	font-size: inherit;
}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level {
		max-width: 100%;
	}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A class which indicates that an element holding it is disabled.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Implements a button of given background color.
 *
 * @param {String} $background - Background color of the button.
 * @param {String} $border - Border color of the button.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
	 * All menu buttons.
	 */
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button {
		width: 100%;
	}
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-button__label {
			flex-grow: 1;
			overflow: hidden;
			text-overflow: ellipsis;
		}
.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button.ck-disabled > .ck-button__label {
			opacity: var(--ck-disabled-opacity);
		}
[dir="ltr"] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text) {
				padding-left: var(--ck-spacing-small);
			}
[dir="rtl"] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text) {
				padding-right: var(--ck-spacing-small);
			}
/*
	 * Top-level menu buttons only.
	 */
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button {
		padding: var(--ck-spacing-small) var(--ck-spacing-medium);
		min-height: unset;
	}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-button__label {
			width: unset;
			line-height: unset;

			/*
			 * Top-level buttons don't use ellipsis and overflow: hidden clips descenders.
			 *  See https://github.com/ckeditor/ckeditor5/issues/17422.
			 */
			overflow: visible;
		}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button.ck-on {
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
		}
.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-icon {
			display: none;
		}
/*
	 * Sub-menu buttons.
	 */
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button {
		border-radius: 0;
	}
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
			width: var(--ck-dropdown-arrow-size);
		}
[dir="ltr"] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
				transform: rotate(-90deg);

				/* A space to accommodate the triangle. */
				margin-left: var(--ck-spacing-standard);

				/* Nudge the arrow gently to the right because its center of gravity is to the left */
				margin-right: calc(-1 * var(--ck-spacing-small));
	}
[dir="rtl"] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
				transform: rotate(90deg);

				left: var(--ck-spacing-standard);

				/* A space to accommodate the triangle. */
				margin-right: var(--ck-spacing-small);

				/* Nudge the arrow gently to the left because its center of gravity is to the right (after rotation). */
				margin-left: calc(-1 * var(--ck-spacing-small));
	}
.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button.ck-disabled > .ck-menu-bar__menu__button__arrow {
			opacity: var(--ck-disabled-opacity);
		}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-menu-bar-menu-item-min-width: 18em;
}
.ck.ck-menu-bar__menu .ck.ck-menu-bar__menu__item {
	min-width: var(--ck-menu-bar-menu-item-min-width);
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
	 * List item buttons.
	 */
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button {
		border-radius: 0;
	}
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container,
		.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container .ck-spinner {
			/* These styles correspond to .ck-icon so that the spinner seamlessly replaces the icon. */
			--ck-toolbar-spinner-size: 20px;
		}
.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {
			/* This ensures margins corresponding to the .ck-icon. */
			font-size: var(--ck-icon-font-size);
		}
[dir="ltr"] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {
				margin-right: var(--ck-spacing-medium);
	}
[dir="rtl"] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {
				margin-left: var(--ck-spacing-medium);
	}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A visual style of focused element's border.
 */
:root {
	--ck-menu-bar-menu-panel-max-width: 75vw;
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
	border-radius: 0;

	background: var(--ck-color-dropdown-panel-background);
	border: 1px solid var(--ck-color-dropdown-panel-border);
	bottom: 0;
	height: fit-content;
	max-width: var(--ck-menu-bar-menu-panel-max-width);
}
.ck-rounded-corners .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel,
	.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
	}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
	box-shadow: var(--ck-drop-shadow), 0 0;

	/* Corner border radius consistent with the button. */
}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es,
	.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se {
		border-top-left-radius: 0;
	}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws,
	.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
		border-top-right-radius: 0;
	}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en,
	.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne {
		border-bottom-left-radius: 0;
	}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn,
	.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw {
		border-bottom-right-radius: 0;
	}
.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel:focus {
		outline: none;
	}
.ck.ck-menu-bar .ck-list-item-button:focus,
		.ck.ck-menu-bar .ck-list-item-button:active {
			border-color: transparent;
			box-shadow: none;
		}
.ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:focus,
		.ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:active {
			/* Fix truncated shadows due to rendering order. */
			position: relative;
			z-index: 2;

			/* Disable native outline. */

			outline: none;

			border: var(--ck-focus-ring);
			box-shadow: var(--ck-focus-outer-shadow), 0 0;
		}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
:root {
	--ck-balloon-border-width: 1px;
	--ck-balloon-arrow-offset: 2px;
	--ck-balloon-arrow-height: 10px;
	--ck-balloon-arrow-half-width: 8px;
	--ck-balloon-arrow-drop-shadow: 0 2px 2px var(--ck-color-shadow-drop);
}
.ck.ck-balloon-panel {
	border-radius: 0;

	min-height: 15px;

	background: var(--ck-color-panel-background);
	border: var(--ck-balloon-border-width) solid var(--ck-color-panel-border);
}
.ck-rounded-corners .ck.ck-balloon-panel,
	.ck.ck-balloon-panel.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
	}
.ck.ck-balloon-panel {
	box-shadow: var(--ck-drop-shadow), 0 0;
}
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before,
		.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after {
			width: 0;
			height: 0;
			border-style: solid;
		}
.ck.ck-balloon-panel[class*="arrow_n"]::before,
		.ck.ck-balloon-panel[class*="arrow_n"]::after {
			border-width: 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width);
		}
.ck.ck-balloon-panel[class*="arrow_n"]::before {
			border-color: transparent transparent var(--ck-color-panel-border) transparent;
			margin-top: calc( -1 * var(--ck-balloon-border-width) );
		}
.ck.ck-balloon-panel[class*="arrow_n"]::after {
			border-color: transparent transparent var(--ck-color-panel-background) transparent;
			margin-top: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) );
		}
.ck.ck-balloon-panel[class*="arrow_s"]::before,
		.ck.ck-balloon-panel[class*="arrow_s"]::after {
			border-width: var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width);
		}
.ck.ck-balloon-panel[class*="arrow_s"]::before {
			border-color: var(--ck-color-panel-border) transparent transparent;
			filter: drop-shadow(var(--ck-balloon-arrow-drop-shadow));
			margin-bottom: calc( -1 * var(--ck-balloon-border-width) );
		}
.ck.ck-balloon-panel[class*="arrow_s"]::after {
			border-color: var(--ck-color-panel-background) transparent transparent transparent;
			margin-bottom: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) );
		}
.ck.ck-balloon-panel[class*="arrow_e"]::before,
		.ck.ck-balloon-panel[class*="arrow_e"]::after {
			border-width: var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height);
		}
.ck.ck-balloon-panel[class*="arrow_e"]::before {
			border-color: transparent transparent transparent var(--ck-color-panel-border);
			margin-right: calc( -1 * var(--ck-balloon-border-width) );
		}
.ck.ck-balloon-panel[class*="arrow_e"]::after {
			border-color: transparent transparent transparent var(--ck-color-panel-background);
			margin-right: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) );
		}
.ck.ck-balloon-panel[class*="arrow_w"]::before,
		.ck.ck-balloon-panel[class*="arrow_w"]::after {
			border-width: var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0;
		}
.ck.ck-balloon-panel[class*="arrow_w"]::before {
			border-color: transparent var(--ck-color-panel-border) transparent transparent;
			margin-left: calc( -1 * var(--ck-balloon-border-width) );
		}
.ck.ck-balloon-panel[class*="arrow_w"]::after {
			border-color: transparent var(--ck-color-panel-background) transparent transparent;
			margin-left: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) );
		}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_n::before,
		.ck.ck-balloon-panel.ck-balloon-panel_arrow_n::after {
			left: 50%;
			margin-left: calc(-1 * var(--ck-balloon-arrow-half-width));
			top: calc(-1 * var(--ck-balloon-arrow-height));
		}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw::before,
		.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw::after {
			left: calc(2 * var(--ck-balloon-arrow-half-width));
			top: calc(-1 * var(--ck-balloon-arrow-height));
		}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_ne::before,
		.ck.ck-balloon-panel.ck-balloon-panel_arrow_ne::after {
			right: calc(2 * var(--ck-balloon-arrow-half-width));
			top: calc(-1 * var(--ck-balloon-arrow-height));
		}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_s::before,
		.ck.ck-balloon-panel.ck-balloon-panel_arrow_s::after {
			left: 50%;
			margin-left: calc(-1 * var(--ck-balloon-arrow-half-width));
			bottom: calc(-1 * var(--ck-balloon-arrow-height));
		}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw::before,
		.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw::after {
			left: calc(2 * var(--ck-balloon-arrow-half-width));
			bottom: calc(-1 * var(--ck-balloon-arrow-height));
		}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_se::before,
		.ck.ck-balloon-panel.ck-balloon-panel_arrow_se::after {
			right: calc(2 * var(--ck-balloon-arrow-half-width));
			bottom: calc(-1 * var(--ck-balloon-arrow-height));
		}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sme::before,
		.ck.ck-balloon-panel.ck-balloon-panel_arrow_sme::after {
			right: 25%;
			margin-right: calc(2 * var(--ck-balloon-arrow-half-width));
			bottom: calc(-1 * var(--ck-balloon-arrow-height));
		}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_smw::before,
		.ck.ck-balloon-panel.ck-balloon-panel_arrow_smw::after {
			left: 25%;
			margin-left: calc(2 * var(--ck-balloon-arrow-half-width));
			bottom: calc(-1 * var(--ck-balloon-arrow-height));
		}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nme::before,
		.ck.ck-balloon-panel.ck-balloon-panel_arrow_nme::after {
			right: 25%;
			margin-right: calc(2 * var(--ck-balloon-arrow-half-width));
			top: calc(-1 * var(--ck-balloon-arrow-height));
		}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw::before,
		.ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw::after {
			left: 25%;
			margin-left: calc(2 * var(--ck-balloon-arrow-half-width));
			top: calc(-1 * var(--ck-balloon-arrow-height));
		}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_e::before,
		.ck.ck-balloon-panel.ck-balloon-panel_arrow_e::after {
			right: calc(-1 * var(--ck-balloon-arrow-height));
			margin-top: calc(-1 * var(--ck-balloon-arrow-half-width));
			top: 50%;
		}
.ck.ck-balloon-panel.ck-balloon-panel_arrow_w::before,
		.ck.ck-balloon-panel.ck-balloon-panel_arrow_w::after {
			left: calc(-1 * var(--ck-balloon-arrow-height));
			margin-top: calc(-1 * var(--ck-balloon-arrow-half-width));
			top: 50%;
		}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
.ck .ck-balloon-rotator__navigation {
	background: var(--ck-color-toolbar-background);
	border-bottom: 1px solid var(--ck-color-toolbar-border);
	padding: 0 var(--ck-spacing-small);

	/* Let's keep similar appearance to `ck-toolbar`. */
}
.ck .ck-balloon-rotator__navigation > * {
		margin-right: var(--ck-spacing-small);
		margin-top: var(--ck-spacing-small);
		margin-bottom: var(--ck-spacing-small);
	}
/* Gives counter more breath than buttons. */
.ck .ck-balloon-rotator__navigation .ck-balloon-rotator__counter {
		margin-right: var(--ck-spacing-standard);

		/* We need to use smaller margin because of previous button's right margin. */
		margin-left: var(--ck-spacing-small);
	}
/* Disable default annotation shadow inside rotator with fake panels. */
.ck .ck-balloon-rotator__content .ck.ck-annotation-wrapper {
		box-shadow: none;
	}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
:root {
	--ck-balloon-fake-panel-offset-horizontal: 6px;
	--ck-balloon-fake-panel-offset-vertical: 6px;
}
/* Let's use `.ck-balloon-panel` appearance. See: balloonpanel.css. */
.ck .ck-fake-panel div {
	box-shadow: var(--ck-drop-shadow), 0 0;

	min-height: 15px;

	background: var(--ck-color-panel-background);
	border: 1px solid var(--ck-color-panel-border);
	border-radius: var(--ck-border-radius);

	width: 100%;
	height: 100%;
}
.ck .ck-fake-panel div:nth-child( 1 ) {
	margin-left: var(--ck-balloon-fake-panel-offset-horizontal);
	margin-top: var(--ck-balloon-fake-panel-offset-vertical);
}
.ck .ck-fake-panel div:nth-child( 2 ) {
	margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 2);
	margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 2);
}
.ck .ck-fake-panel div:nth-child( 3 ) {
	margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 3);
	margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 3);
}
/* If balloon is positioned above element, we need to move fake panel to the top. */
.ck .ck-balloon-panel_arrow_s + .ck-fake-panel,
.ck .ck-balloon-panel_arrow_se + .ck-fake-panel,
.ck .ck-balloon-panel_arrow_sw + .ck-fake-panel {
	--ck-balloon-fake-panel-offset-vertical: -6px;
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
		box-shadow: var(--ck-drop-shadow), 0 0;

		border-width: 0 1px 1px;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
.ck-vertical-form > .ck-button:nth-last-child(2)::after {
	border-right: 1px solid var(--ck-color-base-border);
}
.ck.ck-responsive-form {
	padding: var(--ck-spacing-large);
}
.ck.ck-responsive-form:focus {
		/* See: https://github.com/ckeditor/ckeditor5/issues/4773 */
		outline: none;
	}
[dir="ltr"] .ck.ck-responsive-form > :not(:first-child) {
			margin-left: var(--ck-spacing-standard);
		}
[dir="rtl"] .ck.ck-responsive-form > :not(:last-child) {
			margin-left: var(--ck-spacing-standard);
		}
@media screen and (max-width: 600px) {
.ck.ck-responsive-form {
		padding: 0;
		width: calc(.8 * var(--ck-input-width));
}

		.ck.ck-responsive-form .ck-labeled-field-view {
			margin: var(--ck-spacing-large) var(--ck-spacing-large) 0;
		}

			.ck.ck-responsive-form .ck-labeled-field-view .ck-input-text,
			.ck.ck-responsive-form .ck-labeled-field-view .ck-input-number {
				min-width: 0;
				width: 100%;
			}

			/* Let the long error messages wrap in the narrow form. */
			.ck.ck-responsive-form .ck-labeled-field-view .ck-labeled-field-view__error {
				white-space: normal;
			}

		/* Styles for two last buttons in the form (save&cancel, edit&unlink, etc.). */
			.ck.ck-responsive-form > .ck-button:nth-last-child(2)::after {
				border-right: 1px solid var(--ck-color-base-border);
			}

		.ck.ck-responsive-form > .ck-button:nth-last-child(1),
		.ck.ck-responsive-form > .ck-button:nth-last-child(2) {
			padding: var(--ck-spacing-standard);
			margin-top: var(--ck-spacing-large);
			border-radius: 0;
		}

			.ck.ck-responsive-form > .ck-button:nth-last-child(1):not(:focus), .ck.ck-responsive-form > .ck-button:nth-last-child(2):not(:focus) {
				border-top: 1px solid var(--ck-color-base-border);
			}

			[dir="ltr"] .ck.ck-responsive-form > .ck-button:nth-last-child(1), [dir="ltr"] .ck.ck-responsive-form > .ck-button:nth-last-child(2) {
				margin-left: 0;
	}

			[dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(1), [dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(2) {
				margin-left: 0;
	}

				[dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(1):last-of-type, [dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(2):last-of-type {
					border-right: 1px solid var(--ck-color-base-border);
				}
	}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-search-field-view-horizontal-spacing: calc(var(--ck-icon-size) + var(--ck-spacing-medium));
}
.ck.ck-search > .ck-labeled-field-view .ck-input {
			width: 100%;
		}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon {
			--ck-labeled-field-label-default-position-x: var(--ck-search-field-view-horizontal-spacing);
		}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon > .ck-labeled-field-view__input-wrapper > .ck-icon {
				opacity: .5;
				pointer-events: none;
			}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input {
				width: 100%;
			}
[dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input {
					padding-left: var(--ck-search-field-view-horizontal-spacing);
	}
[dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input:not(.ck-input-text_empty) {
						padding-left: var(--ck-search-field-view-horizontal-spacing);
					}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset {
			--ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-search-field-view-horizontal-spacing);
		}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset.ck-labeled-field-view_empty {
				--ck-labeled-field-empty-unfocused-max-width: 100% - var(--ck-search-field-view-horizontal-spacing) - var(--ck-spacing-medium);
			}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
				min-width: auto;
				min-height: auto;

				background: none;
				opacity: .5;
				padding: 0;
			}
[dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
					right: var(--ck-spacing-medium);
	}
[dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
					left: var(--ck-spacing-medium);
	}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset:hover {
					opacity: 1;
				}
.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input {
				width: 100%;
			}
[dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input:not(.ck-input-text_empty) {
						padding-right: var(--ck-search-field-view-horizontal-spacing);
					}
[dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input {
					padding-right: var(--ck-search-field-view-horizontal-spacing);
	}
.ck.ck-search > .ck-search__results {
		min-width: 100%;
	}
.ck.ck-search > .ck-search__results > .ck-search__info {
			width: 100%;
			padding: var(--ck-spacing-medium) var(--ck-spacing-large);
		}
.ck.ck-search > .ck-search__results > .ck-search__info * {
				white-space: normal;
			}
.ck.ck-search > .ck-search__results > .ck-search__info > span:first-child {
				font-weight: bold;
			}
.ck.ck-search > .ck-search__results > .ck-search__info > span:last-child {
				margin-top: var(--ck-spacing-medium);
			}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-toolbar-spinner-size: 18px;
}
.ck.ck-spinner-container {
	width: var(--ck-toolbar-spinner-size);
	height: var(--ck-toolbar-spinner-size);
	animation: 1.5s infinite ck-spinner-rotate linear;
}
@media (prefers-reduced-motion: reduce) {
.ck.ck-spinner-container {
		animation-duration: 3s;
}
	}
.ck.ck-spinner {
	width: var(--ck-toolbar-spinner-size);
	height: var(--ck-toolbar-spinner-size);
	border-radius: 50%;
	border: 2px solid var(--ck-color-text);
	border-top-color: transparent;
}
@keyframes ck-spinner-rotate {
	to {
		transform: rotate(360deg)
	}
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * This fixes a problem in Firefox when the initial height of the complement does not match the number of rows.
 * This bug is especially visible when rows=1.
 */
.ck-textarea {
	overflow-x: hidden
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-color-block-toolbar-button: var(--ck-color-text);
	--ck-block-toolbar-button-size: var(--ck-font-size-normal);
}
.ck.ck-block-toolbar-button {
	color: var(--ck-color-block-toolbar-button);
	font-size: var(--ck-block-toolbar-size);
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
.ck.ck-toolbar {
	border-radius: 0;

	background: var(--ck-color-toolbar-background);
	padding: 0 var(--ck-spacing-small);
	border: 1px solid var(--ck-color-toolbar-border);
}
.ck-rounded-corners .ck.ck-toolbar,
	.ck.ck-toolbar.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
	}
.ck.ck-toolbar .ck.ck-toolbar__separator {
		height: var(--ck-icon-size);
		width: 1px;
		min-width: 1px;
		background: var(--ck-color-toolbar-border);

		/*
		 * These margins make the separators look better in balloon toolbars (when aligned with the "tip").
		 * See https://github.com/ckeditor/ckeditor5/issues/7493.
		 */
		margin-top: var(--ck-spacing-small);
		margin-bottom: var(--ck-spacing-small);
	}
.ck.ck-toolbar .ck-toolbar__line-break {
		height: 0;
	}
.ck.ck-toolbar > .ck-toolbar__items > *:not(.ck-toolbar__line-break) {
			/* (#11) Separate toolbar items. */
			margin-right: var(--ck-spacing-small);
		}
/* Don't display a separator after an empty items container, for instance,
		when all items were grouped */
.ck.ck-toolbar > .ck-toolbar__items:empty + .ck.ck-toolbar__separator {
			display: none;
		}
.ck.ck-toolbar > .ck-toolbar__items > *:not(.ck-toolbar__line-break),
	.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown {
		/* Make sure items wrapped to the next line have v-spacing */
		margin-top: var(--ck-spacing-small);
		margin-bottom: var(--ck-spacing-small);
	}
.ck.ck-toolbar.ck-toolbar_vertical {
		/* Items in a vertical toolbar span the entire width. */
		padding: 0;

		/* Specificity matters here. See https://github.com/ckeditor/ckeditor5-theme-lark/issues/168. */
	}
.ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items > .ck {
			/* Items in a vertical toolbar should span the horizontal space. */
			width: 100%;

			/* Items in a vertical toolbar should have no margin. */
			margin: 0;

			/* Items in a vertical toolbar span the entire width so rounded corners are pointless. */
			border-radius: 0;
		}
.ck.ck-toolbar.ck-toolbar_compact {
		/* No spacing around items. */
		padding: 0;
	}
.ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > * {
			/* Compact toolbar items have no spacing between them. */
			margin: 0;

			/* "Middle" children should have no rounded corners. */
		}
.ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > *:not(:first-child):not(:last-child) {
				border-radius: 0;
			}
/*
		 * Dropdown button has asymmetric padding to fit the arrow.
		 * This button has no arrow so let's revert that padding back to normal.
		 */
.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck.ck-button.ck-dropdown__button {
			padding-left: var(--ck-spacing-tiny);
		}
/* A drop-down containing the nested toolbar with configured items. */
/* Prevent empty space in the panel when the dropdown label is visible and long but the toolbar has few items. */
.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-dropdown__panel {
			min-width: auto;
		}
.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-button > .ck-button__label {
			max-width: 7em;
			width: auto;
		}
.ck.ck-toolbar:focus {
		outline: none;
	}
.ck-toolbar-container .ck.ck-toolbar {
		border: 0;
	}
/* stylelint-disable */
/*
 * Styles for RTL toolbars.
 *
 * Note: In some cases (e.g. a decoupled editor), the toolbar has its own "dir"
 * because its parent is not controlled by the editor framework.
 */
[dir="rtl"] .ck.ck-toolbar > .ck-toolbar__items > .ck, .ck.ck-toolbar[dir="rtl"] > .ck-toolbar__items > .ck {
		margin-right: 0;
	}
[dir="rtl"] .ck.ck-toolbar:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck, .ck.ck-toolbar[dir="rtl"]:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck {
		/* (#11) Separate toolbar items. */
		margin-left: var(--ck-spacing-small);
	}
[dir="rtl"] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar[dir="rtl"] > .ck-toolbar__items > .ck:last-child {
		margin-left: 0;
	}
/* No rounded corners on the right side of the first child. */
[dir="rtl"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child, .ck.ck-toolbar.ck-toolbar_compact[dir="rtl"] > .ck-toolbar__items > .ck:first-child {
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
		}
/* No rounded corners on the left side of the last child. */
[dir="rtl"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar.ck-toolbar_compact[dir="rtl"] > .ck-toolbar__items > .ck:last-child {
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
		}
/* Separate the the separator form the grouping dropdown when some items are grouped. */
[dir="rtl"] .ck.ck-toolbar > .ck.ck-toolbar__separator, .ck.ck-toolbar[dir="rtl"] > .ck.ck-toolbar__separator {
		margin-left: var(--ck-spacing-small);
	}
/* Some spacing between the items and the separator before the grouped items dropdown. */
[dir="rtl"] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child), .ck.ck-toolbar.ck-toolbar_grouping[dir="rtl"] > .ck-toolbar__items:not(:empty):not(:only-child) {
		margin-left: var(--ck-spacing-small);
	}
/*
 * Styles for LTR toolbars.
 *
 * Note: In some cases (e.g. a decoupled editor), the toolbar has its own "dir"
 * because its parent is not controlled by the editor framework.
 */
[dir="ltr"] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar[dir="ltr"] > .ck-toolbar__items > .ck:last-child {
		margin-right: 0;
	}
/* No rounded corners on the right side of the first child. */
[dir="ltr"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child, .ck.ck-toolbar.ck-toolbar_compact[dir="ltr"] > .ck-toolbar__items > .ck:first-child {
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
		}
/* No rounded corners on the left side of the last child. */
[dir="ltr"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar.ck-toolbar_compact[dir="ltr"] > .ck-toolbar__items > .ck:last-child {
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
		}
/* Separate the the separator form the grouping dropdown when some items are grouped. */
[dir="ltr"] .ck.ck-toolbar > .ck.ck-toolbar__separator, .ck.ck-toolbar[dir="ltr"] > .ck.ck-toolbar__separator {
		margin-right: var(--ck-spacing-small);
	}
/* Some spacing between the items and the separator before the grouped items dropdown. */
[dir="ltr"] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child), .ck.ck-toolbar.ck-toolbar_grouping[dir="ltr"] > .ck-toolbar__items:not(:empty):not(:only-child) {
		margin-right: var(--ck-spacing-small);
	}
/* stylelint-enable */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
.ck.ck-balloon-panel.ck-tooltip {
	--ck-balloon-border-width: 0px;
	--ck-balloon-arrow-offset: 0px;
	--ck-balloon-arrow-half-width: 4px;
	--ck-balloon-arrow-height: 4px;
	--ck-tooltip-text-padding: 4px;
	--ck-color-panel-background: var(--ck-color-tooltip-background);

	padding: 0 var(--ck-spacing-medium);

	/* Reset balloon panel styles */
	box-shadow: none;
}
.ck.ck-balloon-panel.ck-tooltip .ck-tooltip__text {
		font-size: .9em;
		line-height: 1.5;
		color: var(--ck-color-tooltip-text);
	}
.ck.ck-balloon-panel.ck-tooltip.ck-tooltip_multi-line .ck-tooltip__text {
		white-space: break-spaces;
		display: inline-block;
		padding: var(--ck-tooltip-text-padding) 0;
		max-width: 200px;
	}
/* Hide the default shadow of the .ck-balloon-panel tip */
.ck.ck-balloon-panel.ck-tooltip::before {
		display: none;
	}

/* Editor */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
			border-radius: 0;

			border: 1px solid var(--ck-color-base-border);
			border-bottom-width: 0;
		}
.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content,
	.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
	}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-sticky-panel__content_sticky {
				border-bottom-width: 1px;
			}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-menu-bar {
				border: 0;
				border-bottom: 1px solid var(--ck-color-base-border);
			}
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar {
				border: 0;
			}
/* Note: Use ck-editor__main to make sure these styles don't apply to other editor types */
.ck.ck-editor__main > .ck-editor__editable {
	/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/113 */
	background: var(--ck-color-base-background);

	border-radius: 0;
}
.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
	.ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
		border-color: var(--ck-color-base-border);
	}

/* Plugins */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Classes used by the "fake visual selection" displayed in the content when an input
 * in the bookmark UI has focus (the browser does not render the native selection in this state).
 */
.ck .ck-fake-bookmark-selection {
	background: var(--ck-color-link-fake-selection);
}
/* A collapsed fake visual selection. */
.ck .ck-fake-bookmark-selection_collapsed {
	height: 100%;
	border-right: 1px solid var(--ck-color-base-text);
	margin-right: -1px;
	outline: solid 1px hsla(0, 0%, 100%, .5);
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-clipboard-drop-target-dot-width: 12px;
	--ck-clipboard-drop-target-dot-height: 8px;
	--ck-clipboard-drop-target-color: var(--ck-color-focus-border);
}
/*
	 * Vertical drop target (in text).
	 */
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span {
			bottom: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));
			top: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));
			border: 1px solid var(--ck-clipboard-drop-target-color);
			background: var(--ck-clipboard-drop-target-color);
			margin-left: -1px;

			/* The triangle above the marker */
		}
.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span::after {
				content: '';
				width: 0;
				height: 0;

				display: block;
				position: absolute;
				left: 50%;
				top: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));

				transform: translateX(-50%);
				border-color: var(--ck-clipboard-drop-target-color) transparent transparent transparent;
				border-width: calc(var(--ck-clipboard-drop-target-dot-height)) calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(.5 * var(--ck-clipboard-drop-target-dot-width));
				border-style: solid;
			}
/*
	 * Styles of the widget that it a drop target.
	 */
.ck.ck-editor__editable .ck-widget.ck-clipboard-drop-target-range {
		outline: var(--ck-widget-outline-thickness) solid var(--ck-clipboard-drop-target-color) !important;
	}
/*
	 * Styles of the widget being dragged (its preview).
	 */
.ck.ck-editor__editable .ck-widget:-webkit-drag {
		zoom: 0.6;
		outline: none !important;
	}
.ck.ck-clipboard-drop-target-line {
	height: 0;
	border: 1px solid var(--ck-clipboard-drop-target-color);
	background: var(--ck-clipboard-drop-target-color);
	margin-top: -1px;
}
.ck.ck-clipboard-drop-target-line::before {
		content: '';
		position: absolute;
		top: calc(-.5 * var(--ck-clipboard-drop-target-dot-width));
		width: 0;
		height: 0;
		border-style: solid;
	}
[dir="ltr"] .ck.ck-clipboard-drop-target-line::before {
			left: -1px;

			border-width: calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height);
			border-color: transparent transparent transparent var(--ck-clipboard-drop-target-color);
	}
[dir="rtl"] .ck.ck-clipboard-drop-target-line::before {
			right: -1px;

			border-width:calc(.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height) calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0;
			border-color: transparent var(--ck-clipboard-drop-target-color) transparent transparent;
	}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-color-code-block-label-background: hsl(0, 0%, 46%);
}
.ck.ck-editor__editable pre[data-language]::after {
	top: -1px;
	right: 10px;
	background: var(--ck-color-code-block-label-background);

	font-size: 10px;
	font-family: var(--ck-font-face);
	line-height: 16px;
	padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
	color: hsl(0, 0%, 100%);
	white-space: nowrap;
}
.ck.ck-code-block-dropdown .ck-dropdown__panel {
	/* There could be dozens of languages available. Use scroll to prevent a 10e6px dropdown. */
	max-height: 250px;
	overflow-y: auto;
	overflow-x: hidden;
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/* See ckeditor/ckeditor5#936. */
@media (forced-colors: active) {
		.ck.ck-placeholder, .ck .ck-placeholder {
		/*
		 * This is needed for Edge on Windows to use the right color for the placeholder content (::before).
		 * See https://github.com/ckeditor/ckeditor5/issues/14907.
		 */
		forced-color-adjust: preserve-parent-color;
		}
	}
.ck.ck-placeholder::before, .ck .ck-placeholder::before {
		cursor: text;
	}
@media (forced-colors: none) {
		.ck.ck-placeholder::before, .ck .ck-placeholder::before {
			color: var(--ck-color-engine-placeholder-text);
		}
	}
@media (forced-colors: active) {
		.ck.ck-placeholder::before, .ck .ck-placeholder::before {
			/*
			 * In the high contrast mode there is no telling between regular and placeholder text. Using
			 * italic text to address that issue. See https://github.com/ckeditor/ckeditor5/issues/14907.
			 */
			font-style: italic;

			/*
			 * Without this margin, the caret will not show up and blink when the user puts the selection
			 * in the placeholder (Edge on Windows). See https://github.com/ckeditor/ckeditor5/issues/14907.
			 */
			margin-left: 1px;
		}
	}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
.ck.ck-find-and-replace-form {
	width: 400px;

	/*
	 * The <form> needs tabindex="-1" for proper Esc handling after being clicked
	 * but the side effect is that this creates a nasty focus outline in some browsers.
	 */
}
.ck.ck-find-and-replace-form:focus {
		outline: none;
	}
/* Generic styles for the form inputs and actions. */
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs,
	.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions {
		flex: 1 1 auto;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		align-content: stretch;

		padding: var(--ck-spacing-large);
		margin: 0;

	}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button {
			flex: 0 0 auto;
		}
[dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + *, [dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > * + * {
				margin-left: var(--ck-spacing-standard);
			}
[dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + *, [dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > * + * {
				margin-right: var(--ck-spacing-standard);
			}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view {
			flex: 1 1 auto;
		}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view .ck-input, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view .ck-input {
				width: 100%;
				min-width: 50px;
			}
/* Styles specific for inputs area. */
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs {
		/* To display all controls in line when there's an error under the input */
		align-items: flex-start;
	}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-prev > .ck-icon {
			transform: rotate(90deg);
		}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-next > .ck-icon {
			transform: rotate(-90deg);
		}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
			top: 50%;
			transform: translateY(-50%);

			color: var(--ck-color-base-border);
		}
[dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
				right: var(--ck-spacing-standard);
	}
[dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
				left: var(--ck-spacing-standard);
	}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
			flex: 0 0 100%;
			padding-top: var(--ck-spacing-standard);
		}
[dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
				margin-left: 0;
	}
[dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
				margin-right: 0;
	}
/* Styles specific for actions area. */
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions {
		flex-wrap: wrap;
		justify-content: flex-end;
		margin-top: calc( -1 * var(--ck-spacing-large) );
	}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find {
			font-weight: bold;

			/* Beef the find button up a little. It's the main action button in the form */
		}
.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find .ck-button__label {
				padding-left: var(--ck-spacing-large);
				padding-right: var(--ck-spacing-large);
			}
.ck.ck-find-and-replace-form .ck-switchbutton {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
	}
@media screen and (max-width: 600px) {
	.ck.ck-find-and-replace-form {
		width: 300px;

		/* Don't let the form overflow from the dialog (https://github.com/cksource/ckeditor5-commercial/issues/5913) */
		max-width: 100%;

		/* Styles specific for inputs area. */
	}
		.ck.ck-find-and-replace-form.ck-find-and-replace-form__input {
			flex-wrap: wrap;
		}

			.ck.ck-find-and-replace-form.ck-find-and-replace-form__input .ck-labeled-field-view {
				flex: 1 0 auto;
				width: 100%;
				margin-bottom: var(--ck-spacing-standard);
			}

			.ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button {
				text-align: center;
			}

				.ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
					flex: 1 1 auto;
				}

					[dir="ltr"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
						margin-left: 0;
	}

					[dir="rtl"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
						margin-right: 0;
	}

					.ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type .ck-button__label {
						width: 100%;
						text-align: center;
					}

		/* Styles specific for actions area. */
		.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) {
			flex-wrap: wrap;
			flex: 1 1 auto;
		}

			.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button {
				text-align: center;
			}

				.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {
					flex: 1 1 auto;
				}

					[dir="ltr"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {
						margin-left: 0;
	}

					[dir="rtl"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {
						margin-right: 0;
	}

				.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button .ck-button__label {
					width: 100%;
					text-align: center;
				}
	}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/* Resize dropdown's button label. */
.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label {
		width: 8em;
	}
.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item {
		min-width: 18em;
	}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Note: This file should contain the wireframe styles only. But since there are no such styles,
 * it acts as a message to the builder telling that it should look for the corresponding styles
 * **in the theme** when compiling the editor.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-html-embed-content-width: calc(100% - 1.5 * var(--ck-icon-size));
	--ck-html-embed-source-height: 10em;
	--ck-html-embed-unfocused-outline-width: 1px;
	--ck-html-embed-content-min-height: calc(var(--ck-icon-size) + var(--ck-spacing-standard));

	--ck-html-embed-source-disabled-background: var(--ck-color-base-foreground);
	--ck-html-embed-source-disabled-color: hsl(0deg 0% 45%);
}
/* The feature container. */
.ck-widget.raw-html-embed {
	font-size: var(--ck-font-size-base);
	background-color: var(--ck-color-base-foreground);
}
.ck-widget.raw-html-embed:not(.ck-widget_selected):not(:hover) {
		outline: var(--ck-html-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border);
	}
/* HTML embed widget itself should respect UI language direction */
.ck-widget.raw-html-embed[dir="ltr"] {
		text-align: left;
	}
.ck-widget.raw-html-embed[dir="rtl"] {
		text-align: right;
	}
/* ----- Embed label in the upper left corner ----------------------------------------------- */
.ck-widget.raw-html-embed::before {
		content: attr(data-html-embed-label);
		top: calc(-1 * var(--ck-html-embed-unfocused-outline-width));
		left: var(--ck-spacing-standard);
		background: hsl(0deg 0% 60%);
		transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
		padding: calc(var(--ck-spacing-tiny) + var(--ck-html-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny);
		border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
		color: var(--ck-color-base-background);
		font-size: var(--ck-font-size-tiny);
		font-family: var(--ck-font-face);
	}
.ck-widget.raw-html-embed[dir="rtl"]::before {
		left: auto;
		right: var(--ck-spacing-standard);
	}
/* Make space for label but it only collides in LTR languages */
.ck-widget.raw-html-embed[dir="ltr"] .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before {
		margin-left: 50px;
	}
.ck.ck-editor__editable.ck-blurred .ck-widget.raw-html-embed.ck-widget_selected::before {
		top: 0px;
		padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
	}
.ck.ck-editor__editable:not(.ck-blurred) .ck-widget.raw-html-embed.ck-widget_selected::before {
		top: 0;
		padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
		background: var(--ck-color-focus-border);
	}
.ck.ck-editor__editable .ck-widget.raw-html-embed:not(.ck-widget_selected):hover::before {
		top: 0px;
		padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
	}
/* ----- Emebed internals --------------------------------------------------------------------- */
.ck-widget.raw-html-embed .raw-html-embed__content-wrapper {
		padding: var(--ck-spacing-standard);
	}
/* The switch mode button wrapper. */
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper {
		top: var(--ck-spacing-standard);
		right: var(--ck-spacing-standard);
	}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__save-button {
			color: var(--ck-color-button-save);
		}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__cancel-button {
			color: var(--ck-color-button-cancel);
		}
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button:not(:first-child) {
			margin-top: var(--ck-spacing-small);
		}
.ck-widget.raw-html-embed[dir="rtl"] .raw-html-embed__buttons-wrapper {
		left: var(--ck-spacing-standard);
		right: auto;
	}
/* The edit source element. */
.ck-widget.raw-html-embed .raw-html-embed__source {
		box-sizing: border-box;
		height: var(--ck-html-embed-source-height);
		width: var(--ck-html-embed-content-width);
		resize: none;
		min-width: 0;
		padding: var(--ck-spacing-standard);

		font-family: monospace;
		tab-size: 4;
		white-space: pre-wrap;
		font-size: var(--ck-font-size-base); /* Safari needs this. */

		/* HTML code is direction–agnostic. */
		text-align: left;
		direction: ltr;
	}
.ck-widget.raw-html-embed .raw-html-embed__source[disabled] {
			background: var(--ck-html-embed-source-disabled-background);
			color: var(--ck-html-embed-source-disabled-color);

			/* Safari needs this for the proper text color in disabled input (https://github.com/ckeditor/ckeditor5/issues/8320). */
			-webkit-text-fill-color: var(--ck-html-embed-source-disabled-color);
			opacity: 1;
		}
/* The preview data container. */
.ck-widget.raw-html-embed .raw-html-embed__preview {
		min-height: var(--ck-html-embed-content-min-height);
		width: var(--ck-html-embed-content-width);

		/* Disable all mouse interaction as long as the editor is not read–only. */
	}
.ck-editor__editable:not(.ck-read-only) .ck-widget.raw-html-embed .raw-html-embed__preview {
			pointer-events: none;
		}
.ck-widget.raw-html-embed .raw-html-embed__preview-content {
		box-sizing: border-box;
		background-color: var(--ck-color-base-foreground);
	}
.ck-widget.raw-html-embed .raw-html-embed__preview-content > * {
			margin-left: auto;
			margin-right: auto;
		}
.ck-widget.raw-html-embed .raw-html-embed__preview-placeholder {
		color: var(--ck-html-embed-source-disabled-color)
	}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-image-insert-insert-by-url-width: 250px;
}
.ck.ck-image-insert-url {
	--ck-input-width: 100%;
}
.ck.ck-image-insert-url .ck-image-insert-url__action-row {
		grid-column-gap: var(--ck-spacing-large);
		margin-top: var(--ck-spacing-large);
	}
.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-save,
		.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-cancel {
			justify-content: center;
			min-width: auto;
		}
.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button .ck-button__label {
			color: var(--ck-color-text);
		}
.ck.ck-image-insert-form > .ck.ck-button {
		display: block;
		width: 100%;
	}
[dir="ltr"] .ck.ck-image-insert-form > .ck.ck-button {
			text-align: left;
	}
[dir="rtl"] .ck.ck-image-insert-form > .ck.ck-button {
			text-align: right;
	}
.ck.ck-image-insert-form > .ck.ck-collapsible {

		min-width: var(--ck-image-insert-insert-by-url-width);
	}
.ck.ck-image-insert-form > .ck.ck-collapsible:not(:first-child) {
			border-top: 1px solid var(--ck-color-base-border);
		}
.ck.ck-image-insert-form > .ck.ck-collapsible:not(:last-child) {
			border-bottom: 1px solid var(--ck-color-base-border);
		}
/* This is the case when there are no other integrations configured than insert by URL */
.ck.ck-image-insert-form > .ck.ck-image-insert-url {
		min-width: var(--ck-image-insert-insert-by-url-width);
		padding: var(--ck-spacing-large);
	}
.ck.ck-image-insert-form:focus {
		outline: none;
	}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-color-image-upload-icon: hsl(0, 0%, 100%);
	--ck-color-image-upload-icon-background: hsl(120, 100%, 27%);

	/* Match the icon size with the linked image indicator brought by the link image feature. */
	--ck-image-upload-icon-size: 20;
	--ck-image-upload-icon-width: 2px;
	--ck-image-upload-icon-is-visible: clamp(0px, 100% - 50px, 1px);
}
.ck-image-upload-complete-icon {
	opacity: 0;
	background: var(--ck-color-image-upload-icon-background);
	animation-name: ck-upload-complete-icon-show, ck-upload-complete-icon-hide;
	animation-fill-mode: forwards, forwards;
	animation-duration: 500ms, 500ms;

	/* To make animation scalable. */
	font-size: calc(1px * var(--ck-image-upload-icon-size));

	/* Hide completed upload icon after 3 seconds. */
	animation-delay: 0ms, 3000ms;

	/*
	 * Use CSS math to simulate container queries.
	 * https://css-tricks.com/the-raven-technique-one-step-closer-to-container-queries/#what-about-showing-and-hiding-things
	 */
	overflow: hidden;
	width: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));
	height: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));

	/* This is check icon element made from border-width mixed with animations. */
}
.ck-image-upload-complete-icon::after {
		/* Because of border transformation we need to "hard code" left position. */
		left: 25%;

		top: 50%;
		opacity: 0;
		height: 0;
		width: 0;

		transform: scaleX(-1) rotate(135deg);
		transform-origin: left top;
		border-top: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
		border-right: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);

		animation-name: ck-upload-complete-icon-check;
		animation-duration: 500ms;
		animation-delay: 500ms;
		animation-fill-mode: forwards;

		/* #1095. While reset is not providing proper box-sizing for pseudoelements, we need to handle it. */
		box-sizing: border-box;
	}
@media (prefers-reduced-motion: reduce) {
.ck-image-upload-complete-icon {
		animation-duration: 0ms;
}

		.ck-image-upload-complete-icon::after {
			animation: none;
			opacity: 1;
			width: 0.3em;
			height: 0.45em;
		}
	}
@keyframes ck-upload-complete-icon-show {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
@keyframes ck-upload-complete-icon-hide {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}
@keyframes ck-upload-complete-icon-check {
	0% {
		opacity: 1;
		width: 0;
		height: 0;
	}
	33% {
		width: 0.3em;
		height: 0;
	}
	100% {
		opacity: 1;
		width: 0.3em;
		height: 0.45em;
	}
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-color-upload-placeholder-loader: hsl(0, 0%, 70%);
	--ck-upload-placeholder-loader-size: 32px;
	--ck-upload-placeholder-image-aspect-ratio: 2.8;
}
.ck .ck-image-upload-placeholder {
	/* We need to control the full width of the SVG gray background. */
	width: 100%;
	margin: 0;
}
.ck .ck-image-upload-placeholder.image-inline {
		width: calc( 2 * var(--ck-upload-placeholder-loader-size) * var(--ck-upload-placeholder-image-aspect-ratio) );
	}
.ck .ck-image-upload-placeholder img {
		/*
		 * This is an arbitrary aspect for a 1x1 px GIF to display to the user. Not too tall, not too short.
		 * There's nothing special about this number except that it should make the image placeholder look like
		 * a real image during this short period after the upload started and before the image was read from the
		 * file system (and a rich preview was loaded).
		 */
		aspect-ratio: var(--ck-upload-placeholder-image-aspect-ratio);
	}
.ck .ck-upload-placeholder-loader {
	width: 100%;
	height: 100%;
}
.ck .ck-upload-placeholder-loader::before {
		width: var(--ck-upload-placeholder-loader-size);
		height: var(--ck-upload-placeholder-loader-size);
		border-radius: 50%;
		border-top: 3px solid var(--ck-color-upload-placeholder-loader);
		border-right: 2px solid transparent;
		animation: ck-upload-placeholder-loader 1s linear infinite;
	}
@keyframes ck-upload-placeholder-loader {
	to {
		transform: rotate( 360deg );
	}
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/* Showing animation. */
.ck.ck-editor__editable .image.ck-appear, .ck.ck-editor__editable .image-inline.ck-appear {
			animation: fadeIn 700ms;
		}
@media (prefers-reduced-motion: reduce) {
.ck.ck-editor__editable .image.ck-appear, .ck.ck-editor__editable .image-inline.ck-appear {
				opacity: 1;
				animation: none;
		}
			}
/* Upload progress bar. */
.ck.ck-editor__editable .image .ck-progress-bar,
	.ck.ck-editor__editable .image-inline .ck-progress-bar {
		height: 2px;
		width: 0;
		background: var(--ck-color-upload-bar-background);
		transition: width 100ms;
	}
@keyframes fadeIn {
	from { opacity: 0; }
	to   { opacity: 1; }
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/* Class added to span element surrounding currently selected link. */
.ck .ck-link_selected {
	background: var(--ck-color-link-selected-background);

	/* Give linked inline images some outline to let the user know they are also part of the link. */
}
.ck .ck-link_selected span.image-inline {
		outline: var(--ck-widget-outline-thickness) solid var(--ck-color-link-selected-background);
	}
/*
 * Classes used by the "fake visual selection" displayed in the content when an input
 * in the link UI has focus (the browser does not render the native selection in this state).
 */
.ck .ck-fake-link-selection {
	background: var(--ck-color-link-fake-selection);
}
/* A collapsed fake visual selection. */
.ck .ck-fake-link-selection_collapsed {
	height: 100%;
	border-right: 1px solid var(--ck-color-base-text);
	margin-right: -1px;
	outline: solid 1px hsla(0, 0%, 100%, .5);
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Makes element unselectable.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A visual style of focused element's border.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
.ck.ck-link-actions .ck-button.ck-link-actions__preview {
		padding-left: 0;
		padding-right: 0;
	}
.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label {
			padding: 0 var(--ck-spacing-medium);
			color: var(--ck-color-link-default);
			text-overflow: ellipsis;
			cursor: pointer;

			/* Match the box model of the link editor form's input so the balloon
			does not change width when moving between actions and the form. */
			max-width: var(--ck-input-width);
			min-width: 3em;
			text-align: center;
		}
.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label:hover {
				text-decoration: underline;
			}
.ck.ck-link-actions .ck-button.ck-link-actions__preview,
		.ck.ck-link-actions .ck-button.ck-link-actions__preview:hover,
		.ck.ck-link-actions .ck-button.ck-link-actions__preview:focus,
		.ck.ck-link-actions .ck-button.ck-link-actions__preview:active {
			background: none;
		}
.ck.ck-link-actions .ck-button.ck-link-actions__preview:active {
			box-shadow: none;
		}
.ck.ck-link-actions .ck-button.ck-link-actions__preview:focus .ck-button__label {
				text-decoration: underline;
			}
[dir="ltr"] .ck.ck-link-actions .ck-button:not(:first-child) {
			margin-left: var(--ck-spacing-standard);
		}
[dir="rtl"] .ck.ck-link-actions .ck-button:not(:last-child) {
			margin-left: var(--ck-spacing-standard);
		}
@media screen and (max-width: 600px) {
		.ck.ck-link-actions .ck-button.ck-link-actions__preview {
			margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
		}

			.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label {
				min-width: 0;
				max-width: 100%;
			}
			[dir="ltr"] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) {
				margin-left: 0;
	}

			[dir="rtl"] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) {
				margin-left: 0;
	}
	}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Style link form differently when manual decorators are available.
 * See: https://github.com/ckeditor/ckeditor5-link/issues/186.
 */
.ck.ck-link-form_layout-vertical {
	padding: 0;
	min-width: var(--ck-input-width);
}
.ck.ck-link-form_layout-vertical .ck-labeled-field-view {
		margin: var(--ck-spacing-large) var(--ck-spacing-large) var(--ck-spacing-small);
	}
.ck.ck-link-form_layout-vertical .ck-labeled-field-view .ck-input-text {
			min-width: 0;
			width: 100%;
		}
.ck.ck-link-form_layout-vertical > .ck-button {
		padding: var(--ck-spacing-standard);
		margin: 0;
		width: 50%;
		border-radius: 0;
	}
.ck.ck-link-form_layout-vertical > .ck-button:not(:focus) {
			border-top: 1px solid var(--ck-color-base-border);
		}
[dir="ltr"] .ck.ck-link-form_layout-vertical > .ck-button {
			margin-left: 0;
	}
[dir="rtl"] .ck.ck-link-form_layout-vertical > .ck-button {
			margin-left: 0;
	}
[dir="rtl"] .ck.ck-link-form_layout-vertical > .ck-button:last-of-type {
				border-right: 1px solid var(--ck-color-base-border);
			}
/* Using additional `.ck` class for stronger CSS specificity than `.ck.ck-link-form > :not(:first-child)`. */
.ck.ck-link-form_layout-vertical .ck.ck-list {
		margin: 0 var(--ck-spacing-large);
	}
.ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton {
			padding: 0;
			width: 100%;
		}
.ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton:hover {
				background: none;
			}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	/* Match the icon size with the upload indicator brought by the image upload feature. */
	--ck-link-image-indicator-icon-size: 20;
	--ck-link-image-indicator-icon-is-visible: clamp(0px, 100% - 50px, 1px);
}
/* Linked image indicator */
.ck.ck-editor__editable figure.image > a::after, .ck.ck-editor__editable a span.image-inline::after {
			content: "";

			/*
			 * Smaller images should have the icon closer to the border.
			 * Match the icon position with the upload indicator brought by the image upload feature.
			 */
			top: min(var(--ck-spacing-medium), 6%);
			right: min(var(--ck-spacing-medium), 6%);

			background-color: hsla(0, 0%, 0%, .4);
			background-image: url(../../core/asset/dist/data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTExLjA3NyAxNSAuOTkxLTEuNDE2YS43NS43NSAwIDEgMSAxLjIyOS44NmwtMS4xNDggMS42NGEuNzQ4Ljc0OCAwIDAgMS0uMjE3LjIwNiA1LjI1MSA1LjI1MSAwIDAgMS04LjUwMy01Ljk1NS43NDEuNzQxIDAgMCAxIC4xMi0uMjc0bDEuMTQ3LTEuNjM5YS43NS43NSAwIDEgMSAxLjIyOC44Nkw0LjkzMyAxMC43bC4wMDYuMDAzYTMuNzUgMy43NSAwIDAgMCA2LjEzMiA0LjI5NGwuMDA2LjAwNHptNS40OTQtNS4zMzVhLjc0OC43NDggMCAwIDEtLjEyLjI3NGwtMS4xNDcgMS42MzlhLjc1Ljc1IDAgMSAxLTEuMjI4LS44NmwuODYtMS4yM2EzLjc1IDMuNzUgMCAwIDAtNi4xNDQtNC4zMDFsLS44NiAxLjIyOWEuNzUuNzUgMCAwIDEtMS4yMjktLjg2bDEuMTQ4LTEuNjRhLjc0OC43NDggMCAwIDEgLjIxNy0uMjA2IDUuMjUxIDUuMjUxIDAgMCAxIDguNTAzIDUuOTU1em0tNC41NjMtMi41MzJhLjc1Ljc1IDAgMCAxIC4xODQgMS4wNDVsLTMuMTU1IDQuNTA1YS43NS43NSAwIDEgMS0xLjIyOS0uODZsMy4xNTUtNC41MDZhLjc1Ljc1IDAgMCAxIDEuMDQ1LS4xODR6Ii8+PC9zdmc+);
			background-size: 14px;
			background-repeat: no-repeat;
			background-position: center;
			border-radius: 100%;

			/*
			* Use CSS math to simulate container queries.
			* https://css-tricks.com/the-raven-technique-one-step-closer-to-container-queries/#what-about-showing-and-hiding-things
			*/
			overflow: hidden;
			width: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
			height: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
		}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/* When there are no list styles and there is no collapsible. */
.ck.ck-list-properties.ck-list-properties_without-styles {
		padding: var(--ck-spacing-large);
	}
.ck.ck-list-properties.ck-list-properties_without-styles > * {
			min-width: 14em;
		}
.ck.ck-list-properties.ck-list-properties_without-styles > * + * {
				margin-top: var(--ck-spacing-standard);
			}
/*
	 * When the numbered list property fields (start at, reversed) should be displayed,
	 * more horizontal space is needed. Reconfigure the style grid to create that space.
	 */
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-list-styles-list {
			grid-template-columns: repeat( 4, auto );
		}
/* When list styles are rendered and property fields are in a collapsible. */
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible {
			border-top: 1px solid var(--ck-color-base-border);
		}
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > * {
					width: 100%;
				}
.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > * + * {
						margin-top: var(--ck-spacing-standard);
					}
.ck.ck-list-properties .ck.ck-numbered-list-properties__start-index .ck-input {
		min-width: auto;
		width: 100%;
	}
.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order {
		background: transparent;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: calc(-1 * var(--ck-spacing-tiny));
	}
.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:active, .ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:hover {
			box-shadow: none;
			border-color: transparent;
			background: none;
		}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-list-style-button-size: 44px;
}
.ck.ck-list-styles-list {
	grid-template-columns: repeat( 3, auto );
	row-gap: var(--ck-spacing-medium);
	column-gap: var(--ck-spacing-medium);
	padding: var(--ck-spacing-large);
}
.ck.ck-list-styles-list .ck-button {
		/* Make the button look like a thumbnail (the icon "takes it all"). */
		width: var(--ck-list-style-button-size);
		height: var(--ck-list-style-button-size);
		padding: 0;

		/*
		 * Buttons are aligned by the grid so disable default button margins to not collide with the
		 * gaps in the grid.
		 */
		margin: 0;

		/*
		 * Make sure the button border (which is displayed on focus, BTW) does not steal pixels
		 * from the button dimensions and, as a result, decrease the size of the icon
		 * (which becomes blurry as it scales down).
		 */
		box-sizing: content-box;
	}
.ck.ck-list-styles-list .ck-button .ck-icon {
			width: var(--ck-list-style-button-size);
			height: var(--ck-list-style-button-size);
		}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-media-embed-placeholder-icon-size: 3em;

	--ck-color-media-embed-placeholder-url-text: hsl(0, 0%, 46%);
	--ck-color-media-embed-placeholder-url-text-hover: var(--ck-color-base-text);
}
.ck-media__wrapper {
	margin: 0 auto;
}
.ck-media__wrapper .ck-media__placeholder {
		padding: calc( 3 * var(--ck-spacing-standard) );
		background: var(--ck-color-base-foreground);
	}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon {
			min-width: var(--ck-media-embed-placeholder-icon-size);
			height: var(--ck-media-embed-placeholder-icon-size);
			margin-bottom: var(--ck-spacing-large);
			background-position: center;
			background-size: cover;
		}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon .ck-icon {
				width: 100%;
				height: 100%;
			}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text {
			color: var(--ck-color-media-embed-placeholder-url-text);
			white-space: nowrap;
			text-align: center;
			font-style: italic;
			text-overflow: ellipsis;
		}
.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text:hover {
				color: var(--ck-color-media-embed-placeholder-url-text-hover);
				cursor: pointer;
				text-decoration: underline;
			}
.ck-media__wrapper[data-oembed-url*="open.spotify.com"] {
		max-width: 300px;
		max-height: 380px;
	}
.ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon,
	.ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon,
	.ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon,
	.ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon {
		background-image: url(../../core/asset/dist/data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAuMzc4IiBoZWlnaHQ9IjI1NC4xNjciIHZpZXdCb3g9IjAgMCA2Ni4yNDYgNjcuMjQ4Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcyLjUzMSAtMjE4LjQ1NSkgc2NhbGUoLjk4MDEyKSI+PHJlY3Qgcnk9IjUuMjM4IiByeD0iNS4yMzgiIHk9IjIzMS4zOTkiIHg9IjE3Ni4wMzEiIGhlaWdodD0iNjAuMDk5IiB3aWR0aD0iNjAuMDk5IiBmaWxsPSIjMzRhNjY4IiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxwYXRoIGQ9Ik0yMDYuNDc3IDI2MC45bC0yOC45ODcgMjguOTg3YTUuMjE4IDUuMjE4IDAgMCAwIDMuNzggMS42MWg0OS42MjFjMS42OTQgMCAzLjE5LS43OTggNC4xNDYtMi4wMzd6IiBmaWxsPSIjNWM4OGM1Ii8+PHBhdGggZD0iTTIyNi43NDIgMjIyLjk4OGMtOS4yNjYgMC0xNi43NzcgNy4xNy0xNi43NzcgMTYuMDE0LjAwNyAyLjc2Mi42NjMgNS40NzQgMi4wOTMgNy44NzUuNDMuNzAzLjgzIDEuNDA4IDEuMTkgMi4xMDcuMzMzLjUwMi42NSAxLjAwNS45NSAxLjUwOC4zNDMuNDc3LjY3My45NTcuOTg4IDEuNDQgMS4zMSAxLjc2OSAyLjUgMy41MDIgMy42MzcgNS4xNjguNzkzIDEuMjc1IDEuNjgzIDIuNjQgMi40NjYgMy45OSAyLjM2MyA0LjA5NCA0LjAwNyA4LjA5MiA0LjYgMTMuOTE0di4wMTJjLjE4Mi40MTIuNTE2LjY2Ni44NzkuNjY3LjQwMy0uMDAxLjc2OC0uMzE0LjkzLS43OTkuNjAzLTUuNzU2IDIuMjM4LTkuNzI5IDQuNTg1LTEzLjc5NC43ODItMS4zNSAxLjY3My0yLjcxNSAyLjQ2NS0zLjk5IDEuMTM3LTEuNjY2IDIuMzI4LTMuNCAzLjYzOC01LjE2OS4zMTUtLjQ4Mi42NDUtLjk2Mi45ODgtMS40MzkuMy0uNTAzLjYxNy0xLjAwNi45NS0xLjUwOC4zNTktLjcuNzYtMS40MDQgMS4xOS0yLjEwNyAxLjQyNi0yLjQwMiAyLTUuMTE0IDIuMDA0LTcuODc1IDAtOC44NDQtNy41MTEtMTYuMDE0LTE2Ljc3Ni0xNi4wMTR6IiBmaWxsPSIjZGQ0YjNlIiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxlbGxpcHNlIHJ5PSI1LjU2NCIgcng9IjUuODI4IiBjeT0iMjM5LjAwMiIgY3g9IjIyNi43NDIiIGZpbGw9IiM4MDJkMjciIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PHBhdGggZD0iTTE5MC4zMDEgMjM3LjI4M2MtNC42NyAwLTguNDU3IDMuODUzLTguNDU3IDguNjA2czMuNzg2IDguNjA3IDguNDU3IDguNjA3YzMuMDQzIDAgNC44MDYtLjk1OCA2LjMzNy0yLjUxNiAxLjUzLTEuNTU3IDIuMDg3LTMuOTEzIDIuMDg3LTYuMjkgMC0uMzYyLS4wMjMtLjcyMi0uMDY0LTEuMDc5aC04LjI1N3YzLjA0M2g0Ljg1Yy0uMTk3Ljc1OS0uNTMxIDEuNDUtMS4wNTggMS45ODYtLjk0Mi45NTgtMi4wMjggMS41NDgtMy45MDEgMS41NDgtMi44NzYgMC01LjIwOC0yLjM3Mi01LjIwOC01LjI5OSAwLTIuOTI2IDIuMzMyLTUuMjk5IDUuMjA4LTUuMjk5IDEuMzk5IDAgMi42MTguNDA3IDMuNTg0IDEuMjkzbDIuMzgxLTIuMzhjMC0uMDAyLS4wMDMtLjAwNC0uMDA0LS4wMDUtMS41ODgtMS41MjQtMy42Mi0yLjIxNS01Ljk1NS0yLjIxNXptNC40MyA1LjY2bC4wMDMuMDA2di0uMDAzeiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjE1LjE4NCAyNTEuOTI5bC03Ljk4IDcuOTc5IDI4LjQ3NyAyOC40NzVjLjI4Ny0uNjQ5LjQ0OS0xLjM2Ni40NDktMi4xMjN2LTMxLjE2NWMtLjQ2OS42NzUtLjkzNCAxLjM0OS0xLjM4MiAyLjAwNS0uNzkyIDEuMjc1LTEuNjgyIDIuNjQtMi40NjUgMy45OS0yLjM0NyA0LjA2NS0zLjk4MiA4LjAzOC00LjU4NSAxMy43OTQtLjE2Mi40ODUtLjUyNy43OTgtLjkzLjc5OS0uMzYzLS4wMDEtLjY5Ny0uMjU1LS44NzktLjY2N3YtLjAxMmMtLjU5My01LjgyMi0yLjIzNy05LjgyLTQuNi0xMy45MTQtLjc4My0xLjM1LTEuNjczLTIuNzE1LTIuNDY2LTMuOTktMS4xMzctMS42NjYtMi4zMjctMy40LTMuNjM3LTUuMTY5bC0uMDAyLS4wMDN6IiBmaWxsPSIjYzNjM2MzIi8+PHBhdGggZD0iTTIxMi45ODMgMjQ4LjQ5NWwtMzYuOTUyIDM2Ljk1M3YuODEyYTUuMjI3IDUuMjI3IDAgMCAwIDUuMjM4IDUuMjM4aDEuMDE1bDM1LjY2Ni0zNS42NjZhMTM2LjI3NSAxMzYuMjc1IDAgMCAwLTIuNzY0LTMuOSAzNy41NzUgMzcuNTc1IDAgMCAwLS45ODktMS40NGMtLjI5OS0uNTAzLS42MTYtMS4wMDYtLjk1LTEuNTA4LS4wODMtLjE2Mi0uMTc2LS4zMjYtLjI2NC0uNDg5eiIgZmlsbD0iI2ZkZGM0ZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjExLjk5OCAyNjEuMDgzbC02LjE1MiA2LjE1MSAyNC4yNjQgMjQuMjY0aC43ODFhNS4yMjcgNS4yMjcgMCAwIDAgNS4yMzktNS4yMzh2LTEuMDQ1eiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48L2c+PC9zdmc+);
	}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder {
		background: hsl(220, 46%, 48%);
	}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__icon {
			background-image: url(../../core/asset/dist/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMDI0cHgiIGhlaWdodD0iMTAyNHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPkZpbGwgMTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImZMb2dvX1doaXRlIiBmaWxsPSIjRkZGRkZFIj4gICAgICAgICAgICA8cGF0aCBkPSJNOTY3LjQ4NCwwIEw1Ni41MTcsMCBDMjUuMzA0LDAgMCwyNS4zMDQgMCw1Ni41MTcgTDAsOTY3LjQ4MyBDMCw5OTguNjk0IDI1LjI5NywxMDI0IDU2LjUyMiwxMDI0IEw1NDcsMTAyNCBMNTQ3LDYyOCBMNDE0LDYyOCBMNDE0LDQ3MyBMNTQ3LDQ3MyBMNTQ3LDM1OS4wMjkgQzU0NywyMjYuNzY3IDYyNy43NzMsMTU0Ljc0NyA3NDUuNzU2LDE1NC43NDcgQzgwMi4yNjksMTU0Ljc0NyA4NTAuODQyLDE1OC45NTUgODY1LDE2MC44MzYgTDg2NSwyOTkgTDc4My4zODQsMjk5LjAzNyBDNzE5LjM5MSwyOTkuMDM3IDcwNywzMjkuNTI5IDcwNywzNzQuMjczIEw3MDcsNDczIEw4NjAuNDg3LDQ3MyBMODQwLjUwMSw2MjggTDcwNyw2MjggTDcwNywxMDI0IEw5NjcuNDg0LDEwMjQgQzk5OC42OTcsMTAyNCAxMDI0LDk5OC42OTcgMTAyNCw5NjcuNDg0IEwxMDI0LDU2LjUxNSBDMTAyNCwyNS4zMDMgOTk4LjY5NywwIDk2Ny40ODQsMCIgaWQ9IkZpbGwtMSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
		}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text {
			color: hsl(220, 100%, 90%);
		}
.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover {
				color: hsl(0, 0%, 100%);
			}
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder {
		background: linear-gradient(-135deg,hsl(246, 100%, 39%),hsl(302, 100%, 36%),hsl(0, 100%, 48%));
	}
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__icon {
			background-image: url(../../core/asset/dist/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MDRweCIgaGVpZ2h0PSI1MDRweCIgdmlld0JveD0iMCAwIDUwNCA1MDQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+Z2x5cGgtbG9nb19NYXkyMDE2PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIwIDAuMTU5IDUwMy44NDEgMC4xNTkgNTAzLjg0MSA1MDMuOTQgMCA1MDMuOTQiPjwvcG9seWdvbj4gICAgPC9kZWZzPiAgICA8ZyBpZD0iZ2x5cGgtbG9nb19NYXkyMDE2IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJHcm91cC0zIj4gICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+ICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+ICAgICAgICAgICAgPC9tYXNrPiAgICAgICAgICAgIDxnIGlkPSJDbGlwLTIiPjwvZz4gICAgICAgICAgICA8cGF0aCBkPSJNMjUxLjkyMSwwLjE1OSBDMTgzLjUwMywwLjE1OSAxNzQuOTI0LDAuNDQ5IDE0OC4wNTQsMS42NzUgQzEyMS4yNCwyLjg5OCAxMDIuOTI3LDcuMTU3IDg2LjkwMywxMy4zODUgQzcwLjMzNywxOS44MjIgNTYuMjg4LDI4LjQzNiA0Mi4yODIsNDIuNDQxIEMyOC4yNzcsNTYuNDQ3IDE5LjY2Myw3MC40OTYgMTMuMjI2LDg3LjA2MiBDNi45OTgsMTAzLjA4NiAyLjczOSwxMjEuMzk5IDEuNTE2LDE0OC4yMTMgQzAuMjksMTc1LjA4MyAwLDE4My42NjIgMCwyNTIuMDggQzAsMzIwLjQ5NyAwLjI5LDMyOS4wNzYgMS41MTYsMzU1Ljk0NiBDMi43MzksMzgyLjc2IDYuOTk4LDQwMS4wNzMgMTMuMjI2LDQxNy4wOTcgQzE5LjY2Myw0MzMuNjYzIDI4LjI3Nyw0NDcuNzEyIDQyLjI4Miw0NjEuNzE4IEM1Ni4yODgsNDc1LjcyMyA3MC4zMzcsNDg0LjMzNyA4Ni45MDMsNDkwLjc3NSBDMTAyLjkyNyw0OTcuMDAyIDEyMS4yNCw1MDEuMjYxIDE0OC4wNTQsNTAyLjQ4NCBDMTc0LjkyNCw1MDMuNzEgMTgzLjUwMyw1MDQgMjUxLjkyMSw1MDQgQzMyMC4zMzgsNTA0IDMyOC45MTcsNTAzLjcxIDM1NS43ODcsNTAyLjQ4NCBDMzgyLjYwMSw1MDEuMjYxIDQwMC45MTQsNDk3LjAwMiA0MTYuOTM4LDQ5MC43NzUgQzQzMy41MDQsNDg0LjMzNyA0NDcuNTUzLDQ3NS43MjMgNDYxLjU1OSw0NjEuNzE4IEM0NzUuNTY0LDQ0Ny43MTIgNDg0LjE3OCw0MzMuNjYzIDQ5MC42MTYsNDE3LjA5NyBDNDk2Ljg0Myw0MDEuMDczIDUwMS4xMDIsMzgyLjc2IDUwMi4zMjUsMzU1Ljk0NiBDNTAzLjU1MSwzMjkuMDc2IDUwMy44NDEsMzIwLjQ5NyA1MDMuODQxLDI1Mi4wOCBDNTAzLjg0MSwxODMuNjYyIDUwMy41NTEsMTc1LjA4MyA1MDIuMzI1LDE0OC4yMTMgQzUwMS4xMDIsMTIxLjM5OSA0OTYuODQzLDEwMy4wODYgNDkwLjYxNiw4Ny4wNjIgQzQ4NC4xNzgsNzAuNDk2IDQ3NS41NjQsNTYuNDQ3IDQ2MS41NTksNDIuNDQxIEM0NDcuNTUzLDI4LjQzNiA0MzMuNTA0LDE5LjgyMiA0MTYuOTM4LDEzLjM4NSBDNDAwLjkxNCw3LjE1NyAzODIuNjAxLDIuODk4IDM1NS43ODcsMS42NzUgQzMyOC45MTcsMC40NDkgMzIwLjMzOCwwLjE1OSAyNTEuOTIxLDAuMTU5IFogTTI1MS45MjEsNDUuNTUgQzMxOS4xODYsNDUuNTUgMzI3LjE1NCw0NS44MDcgMzUzLjcxOCw0Ny4wMTkgQzM3OC4yOCw0OC4xMzkgMzkxLjYxOSw1Mi4yNDMgNDAwLjQ5Niw1NS42OTMgQzQxMi4yNTUsNjAuMjYzIDQyMC42NDcsNjUuNzIyIDQyOS40NjIsNzQuNTM4IEM0MzguMjc4LDgzLjM1MyA0NDMuNzM3LDkxLjc0NSA0NDguMzA3LDEwMy41MDQgQzQ1MS43NTcsMTEyLjM4MSA0NTUuODYxLDEyNS43MiA0NTYuOTgxLDE1MC4yODIgQzQ1OC4xOTMsMTc2Ljg0NiA0NTguNDUsMTg0LjgxNCA0NTguNDUsMjUyLjA4IEM0NTguNDUsMzE5LjM0NSA0NTguMTkzLDMyNy4zMTMgNDU2Ljk4MSwzNTMuODc3IEM0NTUuODYxLDM3OC40MzkgNDUxLjc1NywzOTEuNzc4IDQ0OC4zMDcsNDAwLjY1NSBDNDQzLjczNyw0MTIuNDE0IDQzOC4yNzgsNDIwLjgwNiA0MjkuNDYyLDQyOS42MjEgQzQyMC42NDcsNDM4LjQzNyA0MTIuMjU1LDQ0My44OTYgNDAwLjQ5Niw0NDguNDY2IEMzOTEuNjE5LDQ1MS45MTYgMzc4LjI4LDQ1Ni4wMiAzNTMuNzE4LDQ1Ny4xNCBDMzI3LjE1OCw0NTguMzUyIDMxOS4xOTEsNDU4LjYwOSAyNTEuOTIxLDQ1OC42MDkgQzE4NC42NSw0NTguNjA5IDE3Ni42ODQsNDU4LjM1MiAxNTAuMTIzLDQ1Ny4xNCBDMTI1LjU2MSw0NTYuMDIgMTEyLjIyMiw0NTEuOTE2IDEwMy4zNDUsNDQ4LjQ2NiBDOTEuNTg2LDQ0My44OTYgODMuMTk0LDQzOC40MzcgNzQuMzc5LDQyOS42MjEgQzY1LjU2NCw0MjAuODA2IDYwLjEwNCw0MTIuNDE0IDU1LjUzNCw0MDAuNjU1IEM1Mi4wODQsMzkxLjc3OCA0Ny45OCwzNzguNDM5IDQ2Ljg2LDM1My44NzcgQzQ1LjY0OCwzMjcuMzEzIDQ1LjM5MSwzMTkuMzQ1IDQ1LjM5MSwyNTIuMDggQzQ1LjM5MSwxODQuODE0IDQ1LjY0OCwxNzYuODQ2IDQ2Ljg2LDE1MC4yODIgQzQ3Ljk4LDEyNS43MiA1Mi4wODQsMTEyLjM4MSA1NS41MzQsMTAzLjUwNCBDNjAuMTA0LDkxLjc0NSA2NS41NjMsODMuMzUzIDc0LjM3OSw3NC41MzggQzgzLjE5NCw2NS43MjIgOTEuNTg2LDYwLjI2MyAxMDMuMzQ1LDU1LjY5MyBDMTEyLjIyMiw1Mi4yNDMgMTI1LjU2MSw0OC4xMzkgMTUwLjEyMyw0Ny4wMTkgQzE3Ni42ODcsNDUuODA3IDE4NC42NTUsNDUuNTUgMjUxLjkyMSw0NS41NSBaIiBpZD0iRmlsbC0xIiBmaWxsPSIjRkZGRkZGIiBtYXNrPSJ1cmwoI21hc2stMikiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgICAgIDxwYXRoIGQ9Ik0yNTEuOTIxLDMzNi4wNTMgQzIwNS41NDMsMzM2LjA1MyAxNjcuOTQ3LDI5OC40NTcgMTY3Ljk0NywyNTIuMDggQzE2Ny45NDcsMjA1LjcwMiAyMDUuNTQzLDE2OC4xMDYgMjUxLjkyMSwxNjguMTA2IEMyOTguMjk4LDE2OC4xMDYgMzM1Ljg5NCwyMDUuNzAyIDMzNS44OTQsMjUyLjA4IEMzMzUuODk0LDI5OC40NTcgMjk4LjI5OCwzMzYuMDUzIDI1MS45MjEsMzM2LjA1MyBaIE0yNTEuOTIxLDEyMi43MTUgQzE4MC40NzQsMTIyLjcxNSAxMjIuNTU2LDE4MC42MzMgMTIyLjU1NiwyNTIuMDggQzEyMi41NTYsMzIzLjUyNiAxODAuNDc0LDM4MS40NDQgMjUxLjkyMSwzODEuNDQ0IEMzMjMuMzY3LDM4MS40NDQgMzgxLjI4NSwzMjMuNTI2IDM4MS4yODUsMjUyLjA4IEMzODEuMjg1LDE4MC42MzMgMzIzLjM2NywxMjIuNzE1IDI1MS45MjEsMTIyLjcxNSBaIiBpZD0iRmlsbC00IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgICAgICA8cGF0aCBkPSJNNDE2LjYyNywxMTcuNjA0IEM0MTYuNjI3LDEzNC4zIDQwMy4wOTIsMTQ3LjgzNCAzODYuMzk2LDE0Ny44MzQgQzM2OS43MDEsMTQ3LjgzNCAzNTYuMTY2LDEzNC4zIDM1Ni4xNjYsMTE3LjYwNCBDMzU2LjE2NiwxMDAuOTA4IDM2OS43MDEsODcuMzczIDM4Ni4zOTYsODcuMzczIEM0MDMuMDkyLDg3LjM3MyA0MTYuNjI3LDEwMC45MDggNDE2LjYyNywxMTcuNjA0IiBpZD0iRmlsbC01IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4=);
		}
/* stylelint-disable-next-line no-descending-specificity */
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text {
			color: hsl(302, 100%, 94%);
		}
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover {
				color: hsl(0, 0%, 100%);
			}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder {
		/* Use gradient to contrast with focused widget (ckeditor/ckeditor5-media-embed#22). */
		background: linear-gradient( to right, hsl(201, 85%, 70%), hsl(201, 85%, 35%) );
	}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__icon {
			background-image: url(../../core/asset/dist/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IldoaXRlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMCA0MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MDAsMjAwYzAsMTEwLjUtODkuNSwyMDAtMjAwLDIwMFMwLDMxMC41LDAsMjAwUzg5LjUsMCwyMDAsMFM0MDAsODkuNSw0MDAsMjAweiBNMTYzLjQsMzA1LjVjODguNywwLDEzNy4yLTczLjUsMTM3LjItMTM3LjJjMC0yLjEsMC00LjItMC4xLTYuMmM5LjQtNi44LDE3LjYtMTUuMywyNC4xLTI1Yy04LjYsMy44LTE3LjksNi40LTI3LjcsNy42YzEwLTYsMTcuNi0xNS40LDIxLjItMjYuN2MtOS4zLDUuNS0xOS42LDkuNS0zMC42LDExLjdjLTguOC05LjQtMjEuMy0xNS4yLTM1LjItMTUuMmMtMjYuNiwwLTQ4LjIsMjEuNi00OC4yLDQ4LjJjMCwzLjgsMC40LDcuNSwxLjMsMTFjLTQwLjEtMi03NS42LTIxLjItOTkuNC01MC40Yy00LjEsNy4xLTYuNSwxNS40LTYuNSwyNC4yYzAsMTYuNyw4LjUsMzEuNSwyMS41LDQwLjFjLTcuOS0wLjItMTUuMy0yLjQtMjEuOC02YzAsMC4yLDAsMC40LDAsMC42YzAsMjMuNCwxNi42LDQyLjgsMzguNyw0Ny4zYy00LDEuMS04LjMsMS43LTEyLjcsMS43Yy0zLjEsMC02LjEtMC4zLTkuMS0wLjljNi4xLDE5LjIsMjMuOSwzMy4xLDQ1LDMzLjVjLTE2LjUsMTIuOS0zNy4zLDIwLjYtNTkuOSwyMC42Yy0zLjksMC03LjctMC4yLTExLjUtMC43QzExMC44LDI5Ny41LDEzNi4yLDMwNS41LDE2My40LDMwNS41Ii8+PC9zdmc+);
		}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text {
			color: hsl(201, 100%, 86%);
		}
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text:hover {
				color: hsl(0, 0%, 100%);
			}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
	--ck-color-mention-text: hsl(341, 100%, 30%);
}
.ck-content .mention {
	background: var(--ck-color-mention-background);
	color: var(--ck-color-mention-text);
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-color-restricted-editing-exception-background: hsla(31, 100%, 65%, .2);
	--ck-color-restricted-editing-exception-hover-background: hsla(31, 100%, 65%, .35);
	--ck-color-restricted-editing-exception-brackets: hsla(31, 100%, 40%, .4);
	--ck-color-restricted-editing-selected-exception-background: hsla(31, 100%, 65%, .5);
	--ck-color-restricted-editing-selected-exception-brackets: hsla(31, 100%, 40%, .6);
}
.ck-editor__editable .restricted-editing-exception {
	transition: .2s ease-in-out background;
	background-color: var(--ck-color-restricted-editing-exception-background);
	border: 1px solid;
	border-image: linear-gradient(
		to right,
		var(--ck-color-restricted-editing-exception-brackets) 0%,
		var(--ck-color-restricted-editing-exception-brackets) 5px,
		hsla(0, 0%, 0%, 0) 6px,
		hsla(0, 0%, 0%, 0) calc(100% - 6px),
		var(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px),
		var(--ck-color-restricted-editing-exception-brackets) 100%
	) 1;
}
@media (prefers-reduced-motion: reduce) {
.ck-editor__editable .restricted-editing-exception {
		transition: none;
}
	}
.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_selected {
		background-color: var(--ck-color-restricted-editing-selected-exception-background);
		border-image: linear-gradient(
			to right,
			var(--ck-color-restricted-editing-selected-exception-brackets) 0%,
			var(--ck-color-restricted-editing-selected-exception-brackets) 5px,
			var(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px),
			var(--ck-color-restricted-editing-selected-exception-brackets) 100%
		) 1;
	}
.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_collapsed {
		/* Empty exception should have the same width as exception with at least 1 char */
		padding-left: 1ch;
	}
.ck-restricted-editing_mode_restricted {
	cursor: default;

	/* We also have to override all elements inside the restricted editable to prevent cursor switching between default and text
	during the pointer movement. */
}
.ck-restricted-editing_mode_restricted * {
		cursor: default;
	}
.ck-restricted-editing_mode_restricted .restricted-editing-exception {
		cursor: text;
	}
.ck-restricted-editing_mode_restricted .restricted-editing-exception * {
			cursor: text;
		}
.ck-restricted-editing_mode_restricted .restricted-editing-exception:hover {
			background: var(--ck-color-restricted-editing-exception-hover-background);
		}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
:root {
	--ck-character-grid-tile-size: 24px;
}
.ck.ck-character-grid {
	overflow-y: auto;
	overflow-x: hidden;
}
.ck.ck-character-grid .ck-character-grid__tiles {
		grid-template-columns: repeat(auto-fill, minmax(var(--ck-character-grid-tile-size), 1fr));
		margin: var(--ck-spacing-standard) var(--ck-spacing-large);
		grid-gap: var(--ck-spacing-standard);
	}
.ck.ck-character-grid .ck-character-grid__tile {
		width: var(--ck-character-grid-tile-size);
		height: var(--ck-character-grid-tile-size);
		min-width: var(--ck-character-grid-tile-size);
		min-height: var(--ck-character-grid-tile-size);
		font-size: 1.5em;
		padding: 0;
		transition: .2s ease box-shadow;
		border: 0;
	}
@media (prefers-reduced-motion: reduce) {
.ck.ck-character-grid .ck-character-grid__tile {
			transition: none;
	}
		}
.ck.ck-character-grid .ck-character-grid__tile:focus:not( .ck-disabled ),
		.ck.ck-character-grid .ck-character-grid__tile:hover:not( .ck-disabled ) {
			/* Disable the default .ck-button's border ring. */
			border: 0;
			box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
		}
/* Make sure the glyph is rendered in the center of the button */
.ck.ck-character-grid .ck-character-grid__tile .ck-button__label {
			line-height: var(--ck-character-grid-tile-size);
			width: 100%;
			text-align: center;
		}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
.ck.ck-character-info {
	padding: var(--ck-spacing-small) var(--ck-spacing-large);
	border-top: 1px solid var(--ck-color-base-border);
}
.ck.ck-character-info > * {
		text-transform: uppercase;
		font-size: var(--ck-font-size-small);
	}
.ck.ck-character-info .ck-character-info__name {
		max-width: 280px;
		text-overflow: ellipsis;
		overflow: hidden;
	}
.ck.ck-character-info .ck-character-info__code {
		opacity: .6;
	}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
.ck.ck-special-characters-navigation > .ck-label {
		max-width: 160px;
		text-overflow: ellipsis;
		overflow: hidden;
	}
.ck.ck-special-characters-navigation > .ck-dropdown .ck-dropdown__panel {
		/* There could be dozens of categories available. Use scroll to prevent a 10e6px dropdown. */
		max-height: 250px;
		overflow-y: auto;
		overflow-x: hidden;
	}
@media screen and (max-width: 600px) {
.ck.ck-special-characters-navigation {
		max-width: 190px;
}

		.ck.ck-special-characters-navigation > .ck-form__header__label {
			text-overflow: ellipsis;
			overflow: hidden;
		}
	}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
.ck.ck-dropdown.ck-style-dropdown.ck-style-dropdown_multiple-active > .ck-button > .ck-button__label {
	font-style: italic;
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-style-panel-button-width: 120px;
	--ck-style-panel-button-height: 80px;
	--ck-style-panel-button-label-background: hsl(0, 0%, 94.1%);
	--ck-style-panel-button-hover-label-background: hsl(0, 0%, 92.1%);
	--ck-style-panel-button-hover-border-color: hsl(0, 0%, 70%);
}
.ck.ck-style-panel .ck-style-grid {
	row-gap: var(--ck-spacing-large);
	column-gap: var(--ck-spacing-large);
}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button {
		--ck-color-button-default-hover-background: var(--ck-color-base-background);
		--ck-color-button-default-active-background: var(--ck-color-base-background);

		padding: 0;
		width: var(--ck-style-panel-button-width);
		height: var(--ck-style-panel-button-height);

		/* Let default .ck-button :focus styles apply */
	}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(:focus) {
			border: 1px solid var(--ck-color-base-border);
		}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-button__label {
			height: 22px;
			line-height: 22px;
			width: 100%;
			padding: 0 var(--ck-spacing-medium);
			overflow: hidden;
			text-overflow: ellipsis;
			flex-shrink: 0;
		}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview {
			width: 100%;
			overflow: hidden;
			opacity: .9;

			padding: var(--ck-spacing-medium);
			background: var(--ck-color-base-background);
			border: 2px solid var(--ck-color-base-background);
		}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled {
			--ck-color-button-default-disabled-background: var(--ck-color-base-foreground);

			/* Let default .ck-button :focus styles apply */
		}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled:not(:focus) {
				border-color: var(--ck-style-panel-button-label-background);
			}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled .ck-style-grid__button__preview {
				opacity: .4;

				border-color: var(--ck-color-base-foreground);
				filter: saturate(.3);
			}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on {
			border-color: var(--ck-color-base-active);
		}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on .ck-button__label {
				box-shadow: 0 -1px 0 var(--ck-color-base-active);
				z-index: 1; /* Stay on top of the preview with the shadow. */
			}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on:hover {
				border-color: var(--ck-color-base-active-focus);
			}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on) .ck-button__label {
				background: var(--ck-style-panel-button-label-background);
			}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on):hover .ck-button__label {
				background: var(--ck-style-panel-button-hover-label-background);
			}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) {
			border-color: var(--ck-style-panel-button-hover-border-color);
		}
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) .ck-style-grid__button__preview {
				opacity: 1;
			}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
.ck.ck-style-panel .ck-style-panel__style-group > .ck-label {
		margin: var(--ck-spacing-large) 0;
	}
.ck.ck-style-panel .ck-style-panel__style-group:first-child > .ck-label {
			margin-top: 0;
		}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-style-panel-max-height: 470px;
}
.ck.ck-style-panel {
	padding: var(--ck-spacing-large);
	overflow-y: auto;
	max-height: var(--ck-style-panel-max-height);
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
[dir="ltr"] .ck.ck-input-color > .ck.ck-input-text {
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
	}
[dir="rtl"] .ck.ck-input-color > .ck.ck-input-text {
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
	}
/* Make sure the focused input is always on top of the dropdown button so its
		   outline and border are never cropped (also when the input is read-only). */
.ck.ck-input-color > .ck.ck-input-text:focus {
			z-index: 0;
		}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
			padding: 0;
		}
[dir="ltr"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
				border-top-left-radius: 0;
				border-bottom-left-radius: 0;
	}
[dir="ltr"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) {
					border-left: 1px solid transparent;
				}
[dir="rtl"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
				border-top-right-radius: 0;
				border-bottom-right-radius: 0;
	}
[dir="rtl"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) {
					border-right: 1px solid transparent;
				}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button.ck-disabled {
				background: var(--ck-color-input-disabled-background);
			}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview {
				border-radius: 0;

				width: 20px;
				height: 20px;
				border: 1px solid var(--ck-color-input-border);
			}
.ck-rounded-corners .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview,
	.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
	}
.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator {
					top: -30%;
					left: 50%;
					height: 150%;
					width: 8%;
					background: hsl(0, 100%, 50%);
					border-radius: 2px;
					transform: rotate(45deg);
					transform-origin: 50%;
				}
.ck.ck-input-color .ck.ck-input-color__remove-color {
		width: 100%;
		padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);

		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
.ck.ck-input-color .ck.ck-input-color__remove-color:not(:focus) {
			border-bottom: 1px solid var(--ck-color-input-border);
		}
[dir="ltr"] .ck.ck-input-color .ck.ck-input-color__remove-color {
			border-top-right-radius: 0;
	}
[dir="rtl"] .ck.ck-input-color .ck.ck-input-color__remove-color {
			border-top-left-radius: 0;
	}
.ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon {
			margin-right: var(--ck-spacing-standard);
		}
[dir="rtl"] .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon {
				margin-right: 0;
				margin-left: var(--ck-spacing-standard);
	}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
.ck.ck-form {
	padding: 0 0 var(--ck-spacing-large);
}
.ck.ck-form:focus {
		/* See: https://github.com/ckeditor/ckeditor5/issues/4773 */
		outline: none;
	}
.ck.ck-form .ck.ck-input-text {
		min-width: 100%;
		width: 0;
	}
.ck.ck-form .ck.ck-dropdown {
		min-width: 100%;
	}
.ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) {
				border: 1px solid var(--ck-color-base-border);
			}
.ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label {
				width: 100%;
			}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
.ck.ck-form__row {
	padding: var(--ck-spacing-standard) var(--ck-spacing-large) 0;

	/* Ignore labels that work as fieldset legends */
}
[dir="ltr"] .ck.ck-form__row > *:not(.ck-label) + * {
				margin-left: var(--ck-spacing-large);
	}
[dir="rtl"] .ck.ck-form__row > *:not(.ck-label) + * {
				margin-right: var(--ck-spacing-large);
	}
.ck.ck-form__row > .ck-label {
		width: 100%;
		min-width: 100%;
	}
.ck.ck-form__row.ck-table-form__action-row {
		margin-top: var(--ck-spacing-large);
	}
.ck.ck-form__row.ck-table-form__action-row .ck-button .ck-button__label {
			color: var(--ck-color-text);
		}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-insert-table-dropdown-padding: 10px;
	--ck-insert-table-dropdown-box-height: 11px;
	--ck-insert-table-dropdown-box-width: 12px;
	--ck-insert-table-dropdown-box-margin: 1px;
}
.ck .ck-insert-table-dropdown__grid {
	/* The width of a container should match 10 items in a row so there will be a 10x10 grid. */
	width: calc(var(--ck-insert-table-dropdown-box-width) * 10 + var(--ck-insert-table-dropdown-box-margin) * 20 + var(--ck-insert-table-dropdown-padding) * 2);
	padding: var(--ck-insert-table-dropdown-padding) var(--ck-insert-table-dropdown-padding) 0;
}
.ck .ck-insert-table-dropdown__label,
.ck[dir=rtl] .ck-insert-table-dropdown__label {
	text-align: center;
}
.ck .ck-insert-table-dropdown-grid-box {
	min-width: var(--ck-insert-table-dropdown-box-width);
	min-height: var(--ck-insert-table-dropdown-box-height);
	margin: var(--ck-insert-table-dropdown-box-margin);
	border: 1px solid var(--ck-color-base-border);
	border-radius: 1px;
	outline: none;
	transition: none;
}
@media (prefers-reduced-motion: reduce) {
.ck .ck-insert-table-dropdown-grid-box {
		transition: none;
}
	}
.ck .ck-insert-table-dropdown-grid-box:focus {
		box-shadow: none;
	}
.ck .ck-insert-table-dropdown-grid-box.ck-on {
		border-color: var(--ck-color-focus-border);
		background: var(--ck-color-focus-outer-shadow);
	}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
.ck.ck-table-cell-properties-form {
	width: 320px;
}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__padding-row {
			align-self: flex-end;
			padding: 0;
			width: 25%;
		}
.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar {
				background: none;

				/* Compensate for missing input label that would push the margin (toolbar has no inputs). */
				margin-top: var(--ck-spacing-standard);
			}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-color-selector-focused-cell-background: hsla(212, 90%, 80%, .3);
}
/**
		 * While setting outline is fine, the border should not be modified here
		 * because it overrides the default table cell border color which is not expected.
		 * So do not use `@mixin ck-focus-ring;` here, or any other border styles.
		 * See more: https://github.com/ckeditor/ckeditor5/issues/16979
		 */
.ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused,
		.ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused,
		.ck-widget.table td.ck-editor__nested-editable:focus,
		.ck-widget.table th.ck-editor__nested-editable:focus {
			/* A very slight background to highlight the focused cell */
			background: var(--ck-color-selector-focused-cell-background);
			outline: 1px solid var(--ck-color-focus-border);
			outline-offset: -1px; /* progressive enhancement - no IE support */
		}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
:root {
	--ck-table-properties-error-arrow-size: 6px;
	--ck-table-properties-min-error-width: 150px;
}
.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-labeled-field-view > .ck-label {
					font-size: var(--ck-font-size-tiny);
					text-align: center;
				}
.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style,
			.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-width {
				width: 80px;
				min-width: 80px;
				max-width: 80px;
			}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {
			padding: 0;
		}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width,
			.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height {
				margin: 0
			}
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
				align-self: flex-end;
				display: inline-block;
				height: var(--ck-ui-component-min-height);
				line-height: var(--ck-ui-component-min-height);
				margin: 0 var(--ck-spacing-small);
			}
.ck.ck-table-form .ck.ck-labeled-field-view {
		padding-top: var(--ck-spacing-standard);
	}
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
			border-radius: 0;

			background: var(--ck-color-base-error);
			color: var(--ck-color-base-background);
			padding: var(--ck-spacing-small) var(--ck-spacing-medium);
			min-width: var(--ck-table-properties-min-error-width);
			text-align: center;

			animation: ck-table-form-labeled-view-status-appear .15s ease both;
		}
.ck-rounded-corners .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status,
	.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
	}
/* The arrow pointing towards the field. */
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after {
				border-color: transparent transparent var(--ck-color-base-error) transparent;
				border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
				border-style: solid;
			}
@media (prefers-reduced-motion: reduce) {
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
				animation: none;
		}
			}
/* Hide the error balloon when the field is blurred. Makes the experience much more clear. */
.ck.ck-table-form .ck.ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status {
			display: none;
		}
@keyframes ck-table-form-labeled-view-status-appear {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
.ck.ck-table-properties-form {
	width: 320px;
}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {
			align-self: flex-end;
			padding: 0;
		}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar {
				background: none;

				/* Compensate for missing input label that would push the margin (toolbar has no inputs). */
				margin-top: var(--ck-spacing-standard);
			}
.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items > * {
					width: 40px;
				}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-table-selected-cell-background: hsla(208, 90%, 80%, .3);
}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected,
	.ck.ck-editor__editable .table table th.ck-editor__editable_selected {
		position: relative;
		caret-color: transparent;
		outline: unset;
		box-shadow: unset;

		/* https://github.com/ckeditor/ckeditor5/issues/6446 */
	}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected:after, .ck.ck-editor__editable .table table th.ck-editor__editable_selected:after {
			content: '';
			pointer-events: none;
			background-color: var(--ck-table-selected-cell-background);
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected ::selection,
		.ck.ck-editor__editable .table table th.ck-editor__editable_selected ::selection,
		.ck.ck-editor__editable .table table td.ck-editor__editable_selected:focus,
		.ck.ck-editor__editable .table table th.ck-editor__editable_selected:focus {
			background-color: transparent;
		}
/*
		 * To reduce the amount of noise, all widgets in the table selection have no outline and no selection handle.
		 * See https://github.com/ckeditor/ckeditor5/issues/9491.
		 */
.ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget, .ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget {
			outline: unset;
		}
.ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle, .ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle {
				display: none;
			}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A visual style of focused element's border.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-widget-outline-thickness: 3px;
	--ck-widget-handler-icon-size: 16px;
	--ck-widget-handler-animation-duration: 200ms;
	--ck-widget-handler-animation-curve: ease;

	--ck-color-widget-blurred-border: hsl(0, 0%, 87%);
	--ck-color-widget-hover-border: hsl(43, 100%, 62%);
	--ck-color-widget-editable-focus-background: var(--ck-color-base-background);
	--ck-color-widget-drag-handler-icon-color: var(--ck-color-base-background);
}
.ck .ck-widget {
	outline-width: var(--ck-widget-outline-thickness);
	outline-style: solid;
	outline-color: transparent;
	transition: outline-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
}
@media (prefers-reduced-motion: reduce) {
.ck .ck-widget {
		transition: none;
}
	}
.ck .ck-widget.ck-widget_selected,
	.ck .ck-widget.ck-widget_selected:hover {
		outline: var(--ck-widget-outline-thickness) solid var(--ck-color-focus-border);
	}
.ck .ck-widget:hover {
		outline-color: var(--ck-color-widget-hover-border);
	}
.ck .ck-editor__nested-editable {
	border: 1px solid transparent;

	/* The :focus style is applied before .ck-editor__nested-editable_focused class is rendered in the view.
	These styles show a different border for a blink of an eye, so `:focus` need to have same styles applied. */
}
.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,
	.ck .ck-editor__nested-editable:focus {
		box-shadow: var(--ck-inner-shadow), 0 0;
	}
@media (forced-colors: none) {
		.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused, .ck .ck-editor__nested-editable:focus {
			background-color: var(--ck-color-widget-editable-focus-background);
		}
	}
/**
		 * Focus border should not be applied to table cells because it overrides the default table cell border color.
		 * In other words - in some scenarios, the part of the table cell border has focus color style, which is not expected behavior
		 * because it should be the same as the table cell border color.
		 */
.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused:not(td, th), .ck .ck-editor__nested-editable:focus:not(td, th) {
			/* Disable native outline. */
			outline: none;
			border: var(--ck-focus-ring);
		}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
		padding: 4px;
		box-sizing: border-box;

		/* Background and opacity will be animated as the handler shows up or the widget gets selected. */
		background-color: transparent;
		opacity: 0;

		/* Transition:
		   * background-color for the .ck-widget_selected state change,
		   * visibility for hiding the handler,
		   * opacity for the proper look of the icon when the handler disappears. */
		transition:
			background-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),
			visibility var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),
			opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);

		/* Make only top corners round. */
		border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0;

		/* Place the drag handler outside the widget wrapper. */
		transform: translateY(-100%);
		left: calc(0px - var(--ck-widget-outline-thickness));
		top: 0;
	}
@media (prefers-reduced-motion: reduce) {
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
			transition: none;
	}
		}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon {
			/* Make sure the dimensions of the icon are independent of the fon-size of the content. */
			width: var(--ck-widget-handler-icon-size);
			height: var(--ck-widget-handler-icon-size);
			color: var(--ck-color-widget-drag-handler-icon-color);

			/* The "selected" part of the icon is invisible by default */
		}
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
				opacity: 0;

				/* Note: The animation is longer on purpose. Simply feels better. */
				transition: opacity 300ms var(--ck-widget-handler-animation-curve);
			}
@media (prefers-reduced-motion: reduce) {
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
					transition: none;
			}
				}
/* Advertise using the look of the icon that once clicked the handler, the widget will be selected. */
.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover .ck-icon .ck-icon__selected-indicator {
			opacity: 1;
		}
/* Show the selection handler on mouse hover over the widget, but not for nested widgets. */
.ck .ck-widget.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle {
		opacity: 1;
		background-color: var(--ck-color-widget-hover-border);
	}
/* Show the selection handler when the widget is selected, but not for nested widgets. */
.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle {
			opacity: 1;
			background-color: var(--ck-color-focus-border);

			/* When the widget is selected, notify the user using the proper look of the icon. */
		}
.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator, .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
				opacity: 1;
			}
/* In a RTL environment, align the selection handler to the right side of the widget */
/* stylelint-disable-next-line no-descending-specificity */
.ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
	left: auto;
	right: calc(0px - var(--ck-widget-outline-thickness));
}
/* https://github.com/ckeditor/ckeditor5/issues/6415 */
.ck.ck-editor__editable.ck-read-only .ck-widget {
	/* Prevent the :hover outline from showing up because of the used outline-color transition. */
	transition: none;
}
.ck.ck-editor__editable.ck-read-only .ck-widget:not(.ck-widget_selected) {
		/* Disable visual effects of hover/active widget when CKEditor is in readOnly mode.
		 * See: https://github.com/ckeditor/ckeditor5/issues/1261
		 *
		 * Leave the unit because this custom property is used in calc() by other features.
		 * See: https://github.com/ckeditor/ckeditor5/issues/6775
		 */
		--ck-widget-outline-thickness: 0px;
	}
.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle,
		.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover {
			background: var(--ck-color-widget-blurred-border);
		}
/* Style the widget when it's selected but the editable it belongs to lost focus. */
/* stylelint-disable-next-line no-descending-specificity */
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected,
	.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover {
		outline-color: var(--ck-color-widget-blurred-border);
	}
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle > .ck-widget__selection-handle,
			.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle,
			.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle > .ck-widget__selection-handle:hover,
			.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle:hover {
				background: var(--ck-color-widget-blurred-border);
			}
.ck.ck-editor__editable > .ck-widget.ck-widget_with-selection-handle:first-child,
.ck.ck-editor__editable blockquote > .ck-widget.ck-widget_with-selection-handle:first-child {
	/* Do not crop selection handler if a widget is a first-child in the blockquote or in the root editable.
	In fact, anything with overflow: hidden.
	https://github.com/ckeditor/ckeditor5-block-quote/issues/28
	https://github.com/ckeditor/ckeditor5-widget/issues/44
	https://github.com/ckeditor/ckeditor5-widget/issues/66 */
	margin-top: calc(1em + var(--ck-widget-handler-icon-size));
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-resizer-size: 10px;

	/* Set the resizer with a 50% offset. */
	--ck-resizer-offset: calc( ( var(--ck-resizer-size) / -2 ) - 2px);
	--ck-resizer-border-width: 1px;
}
.ck .ck-widget__resizer {
	outline: 1px solid var(--ck-color-resizer);
}
.ck .ck-widget__resizer__handle {
	width: var(--ck-resizer-size);
	height: var(--ck-resizer-size);
	background: var(--ck-color-focus-border);
	border: var(--ck-resizer-border-width) solid hsl(0, 0%, 100%);
	border-radius: var(--ck-resizer-border-radius);
}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left {
		top: var(--ck-resizer-offset);
		left: var(--ck-resizer-offset);
	}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right {
		top: var(--ck-resizer-offset);
		right: var(--ck-resizer-offset);
	}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right {
		bottom: var(--ck-resizer-offset);
		right: var(--ck-resizer-offset);
	}
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left {
		bottom: var(--ck-resizer-offset);
		left: var(--ck-resizer-offset);
	}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-widget-type-around-button-size: 20px;
	--ck-color-widget-type-around-button-active: var(--ck-color-focus-border);
	--ck-color-widget-type-around-button-hover: var(--ck-color-widget-hover-border);
	--ck-color-widget-type-around-button-blurred-editable: var(--ck-color-widget-blurred-border);
	--ck-color-widget-type-around-button-radar-start-alpha: 0;
	--ck-color-widget-type-around-button-radar-end-alpha: .3;
	--ck-color-widget-type-around-button-icon: var(--ck-color-base-background);
}
/*
	 * Styles of the type around buttons
	 */
.ck .ck-widget .ck-widget__type-around__button {
		width: var(--ck-widget-type-around-button-size);
		height: var(--ck-widget-type-around-button-size);
		background: var(--ck-color-widget-type-around-button);
		border-radius: 100px;
		transition: opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve), background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);

		opacity: 0;

		pointer-events: none;
	}
@media (prefers-reduced-motion: reduce) {
.ck .ck-widget .ck-widget__type-around__button {
			transition: none;
	}
		}
.ck .ck-widget .ck-widget__type-around__button svg {
			width: 10px;
			height: 8px;
			transform: translate(-50%,-50%);
			transition: transform .5s ease;
			margin-top: 1px;
		}
@media (prefers-reduced-motion: reduce) {
.ck .ck-widget .ck-widget__type-around__button svg {
				transition: none;
		}
			}
.ck .ck-widget .ck-widget__type-around__button svg * {
				stroke-dasharray: 10;
				stroke-dashoffset: 0;

				fill: none;
				stroke: var(--ck-color-widget-type-around-button-icon);
				stroke-width: 1.5px;
				stroke-linecap: round;
				stroke-linejoin: round;
			}
.ck .ck-widget .ck-widget__type-around__button svg line {
				stroke-dasharray: 7;
			}
.ck .ck-widget .ck-widget__type-around__button:hover {
			/*
			 * Display the "sonar" around the button when hovered.
			 */
			animation: ck-widget-type-around-button-sonar 1s ease infinite;

			/*
			 * Animate active button's icon.
			 */
		}
.ck .ck-widget .ck-widget__type-around__button:hover svg polyline {
					animation: ck-widget-type-around-arrow-dash 2s linear;
				}
.ck .ck-widget .ck-widget__type-around__button:hover svg line {
					animation: ck-widget-type-around-arrow-tip-dash 2s linear;
				}
@media (prefers-reduced-motion: reduce) {
.ck .ck-widget .ck-widget__type-around__button:hover {
				animation: none;
		}
					.ck .ck-widget .ck-widget__type-around__button:hover svg polyline {
						animation: none;
					}

					.ck .ck-widget .ck-widget__type-around__button:hover svg line {
						animation: none;
					}
			}
/*
	 * Show type around buttons when the widget gets selected or being hovered.
	 */
.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button, .ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button {
			opacity: 1;
			pointer-events: auto;
		}
/*
	 * Styles for the buttons when the widget is NOT selected (but the buttons are visible
	 * and still can be hovered).
	 */
.ck .ck-widget:not(.ck-widget_selected) > .ck-widget__type-around > .ck-widget__type-around__button {
		background: var(--ck-color-widget-type-around-button-hover);
	}
/*
	 * Styles for the buttons when:
	 * - the widget is selected,
	 * - or the button is being hovered (regardless of the widget state).
	 */
.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button,
	.ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover {
		background: var(--ck-color-widget-type-around-button-active);
	}
.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button::after, .ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover::after {
			width: calc(var(--ck-widget-type-around-button-size) - 2px);
			height: calc(var(--ck-widget-type-around-button-size) - 2px);
			border-radius: 100px;
			background: linear-gradient(135deg, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,.3) 100%);
		}
/*
	 * Styles for the "before" button when the widget has a selection handle. Because some space
	 * is consumed by the handle, the button must be moved slightly to the right to let it breathe.
	 */
.ck .ck-widget.ck-widget_with-selection-handle > .ck-widget__type-around > .ck-widget__type-around__button_before {
		margin-left: 20px;
	}
/*
	 * Styles for the horizontal "fake caret" which is displayed when the user navigates using the keyboard.
	 */
.ck .ck-widget .ck-widget__type-around__fake-caret {
		pointer-events: none;
		height: 1px;
		animation: ck-widget-type-around-fake-caret-pulse linear 1s infinite normal forwards;

		/*
		 * The semi-transparent-outline+background combo improves the contrast
		 * when the background underneath the fake caret is dark.
		 */
		outline: solid 1px hsla(0, 0%, 100%, .5);
		background: var(--ck-color-base-text);
	}
/*
	 * Styles of the widget when the "fake caret" is blinking (e.g. upon keyboard navigation).
	 * Despite the widget being physically selected in the model, its outline should disappear.
	 */
.ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_before,
		.ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_after {
			outline-color: transparent;
		}
/*
		 * When the "fake caret" is visible we simulate that the widget is not selected
		 * (despite being physically selected), so the outline color should be for the
		 * unselected widget.
		 */
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected:hover, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected:hover {
			outline-color: var(--ck-color-widget-hover-border);
		}
/*
		 * Styles of the type around buttons when the "fake caret" is blinking (e.g. upon keyboard navigation).
		 * In this state, the type around buttons would collide with the fake carets so they should disappear.
		 */
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__button, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__button {
			opacity: 0;
			pointer-events: none;
		}
/*
		 * Fake horizontal caret integration with the selection handle. When the caret is visible, simply
		 * hide the handle because it intersects with the caret (and does not make much sense anyway).
		 */
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle {
					opacity: 0
				}
/*
		 * Fake horizontal caret integration with the resize UI. When the caret is visible, simply
		 * hide the resize UI because it creates too much noise. It can be visible when the user
		 * hovers the widget, though.
		 */
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer {
			opacity: 0
		}
/*
 * Styles for the "before" button when the widget has a selection handle in an RTL environment.
 * The selection handler is aligned to the right side of the widget so there is no need to create
 * additional space for it next to the "before" button.
 */
.ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handle .ck-widget__type-around > .ck-widget__type-around__button_before {
	margin-left: 0;
	margin-right: 20px;
}
/*
 * Hide type around buttons when the widget is selected as a child of a selected
 * nested editable (e.g. mulit-cell table selection).
 *
 * See https://github.com/ckeditor/ckeditor5/issues/7263.
 */
.ck-editor__nested-editable.ck-editor__editable_selected .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button, .ck-editor__nested-editable.ck-editor__editable_selected .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button {
				opacity: 0;
				pointer-events: none;
			}
/*
 * Styles for the buttons when the widget is selected but the user clicked outside of the editor (blurred the editor).
 */
.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover) {
	background: var(--ck-color-widget-type-around-button-blurred-editable);
}
.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover) svg * {
		stroke: hsl(0,0%,60%);
	}
@keyframes ck-widget-type-around-arrow-dash {
	0% {
		stroke-dashoffset: 10;
	}
	20%, 100% {
		stroke-dashoffset: 0;
	}
}
@keyframes ck-widget-type-around-arrow-tip-dash {
	0%, 20% {
		stroke-dashoffset: 7;
	}
	40%, 100% {
		stroke-dashoffset: 0;
	}
}
@keyframes ck-widget-type-around-button-sonar {
	0% {
		box-shadow: 0 0 0 0 hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-start-alpha));
	}
	50% {
		box-shadow: 0 0 0 5px hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-end-alpha));
	}
	100% {
		box-shadow: 0 0 0 5px hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-start-alpha));
	}
}
@keyframes ck-widget-type-around-fake-caret-pulse {
	0% {
		opacity: 1;
	}
	49% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck-content code {
	background-color: hsla(0, 0%, 78%, 0.3);
	padding: .15em;
	border-radius: 2px;
}

.ck.ck-editor__editable .ck-code_selected  {
	background-color: hsla(0, 0%, 78%, 0.5);
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck-content blockquote {
	/* See #12 */
	overflow: hidden;

	/* https://github.com/ckeditor/ckeditor5-block-quote/issues/15 */
	padding-right: 1.5em;
	padding-left: 1.5em;

	margin-left: 0;
	margin-right: 0;
	font-style: italic;
	border-left: solid 5px hsl(0, 0%, 80%);
}

.ck-content[dir="rtl"] blockquote {
	border-left: 0;
	border-right: solid 5px hsl(0, 0%, 80%);
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

:root {
	--ck-bookmark-icon-hover-fill-color: var(--ck-color-widget-hover-border);
	--ck-bookmark-icon-selected-fill-color: var(--ck-color-focus-border);
	--ck-bookmark-icon-animation-duration: var(--ck-widget-handler-animation-duration);
	--ck-bookmark-icon-animation-curve: var(--ck-widget-handler-animation-curve);
}

.ck-bookmark.ck-widget {
		outline: none;
	}

.ck-bookmark.ck-widget .ck-bookmark__icon .ck-icon__fill {
			transition: fill var(--ck-bookmark-icon-animation-duration) var(--ck-bookmark-icon-animation-curve);
		}

.ck-bookmark.ck-widget:hover .ck-bookmark__icon .ck-icon__fill {
				fill: var(--ck-bookmark-icon-hover-fill-color);
			}

.ck-bookmark.ck-widget.ck-widget_selected .ck-bookmark__icon .ck-icon__fill {
				fill: var(--ck-bookmark-icon-selected-fill-color);
			}

.ck-bookmark.ck-widget.ck-widget_selected,
		.ck-bookmark.ck-widget.ck-widget_selected:hover {
			outline: none;
		}

.ck-bookmark.ck-widget .ck-bookmark__icon {
			position: relative;
			/* To make it align with text baseline. */
			top: -0.1em;
		}

.ck-bookmark.ck-widget .ck-bookmark__icon .ck-icon {
				height: 1.2em;
				width: auto;
				vertical-align: middle;
			}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-bookmark-view:focus {
		outline: none;
	}

.ck.ck-bookmark-form {
	display: flex;
	align-items: flex-start;
}

@media screen and (max-width: 600px) {

.ck.ck-bookmark-form {
		flex-wrap: wrap;
}

		.ck.ck-bookmark-form .ck-button,
		.ck.ck-bookmark-form .ck-labeled-field-view {
			flex-basis: 100%;
		}

		.ck.ck-bookmark-form .ck-button {
			justify-content: center;
		}
	}

@media screen and (max-width: 600px) {
				.ck.ck-bookmark-form.ck-responsive-form > .ck-button:nth-last-child(1) {
					margin: var(--ck-spacing-large);
					padding: 0 var(--ck-spacing-standard);
					border-radius: var(--ck-border-radius);
				}
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * Makes element unselectable.
 */

.ck.ck-bookmark-actions {
	display: flex;
	align-items: center;
}

.ck.ck-bookmark-actions .ck-bookmark-actions__preview {
		max-width: var(--ck-input-width);
		min-width: 3em;
		font-weight: normal;
		text-overflow: ellipsis;
		text-align: center;
		overflow: hidden;

		-moz-user-select: none;

		-webkit-user-select: none;

		-ms-user-select: none;

		user-select: none;
		cursor: default;
	}

@media screen and (max-width: 600px) {

.ck.ck-bookmark-actions {
		display: flex;
		flex-wrap: wrap;
}

		.ck.ck-bookmark-actions .ck-bookmark-actions__preview {
			flex-basis: 100%;
			margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
			min-width: auto;
		}
	}

@media screen and (max-width: 600px) {

.ck.ck-bookmark-actions.ck-responsive-form .ck-button {
				flex-basis: 50%;
				margin-top: var(--ck-spacing-standard);
		}
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

:root {
	/* Based on default CKBox theme colors */
	--ck-image-processing-highlight-color: hsl(220, 10%, 98%);
	--ck-image-processing-background-color: hsl(220, 10%, 90%);
}

.ck.ck-editor__editable .image.image-processing {
			position: relative;
		}

.ck.ck-editor__editable .image.image-processing:before {
				content: '';

				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;

				height: 100%;
				width: 100%;

				background: linear-gradient(
					90deg,
					var(--ck-image-processing-background-color),
					var(--ck-image-processing-highlight-color),
					var(--ck-image-processing-background-color)
				);
				background-size: 200% 100%;

				animation: ck-image-processing-animation 2s linear infinite;
			}

.ck.ck-editor__editable .image.image-processing img {
				height: 100%;
			}

@keyframes ck-image-processing-animation {
	0% {
		background-position: 200% 0;
	}
	100% {
		background-position: -200% 0;
	}
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
	 * Vertical drop target (in text).
	 */

.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position {
		display: inline;
		position: relative;
		pointer-events: none;
	}

.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span {
			position: absolute;
			width: 0;
		}

/*
	 * Styles of the widget being dragged (its preview).
	 */

.ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__selection-handle {
			display: none;
		}

.ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__type-around {
			display: none;
		}

.ck.ck-clipboard-drop-target-line {
	position: absolute;
	pointer-events: none;
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck-content pre {
	padding: 1em;
	color: hsl(0, 0%, 20.8%);
	background: hsla(0, 0%, 78%, 0.3);
	border: 1px solid hsl(0, 0%, 77%);
	border-radius: 2px;

	/* Code block are language direction–agnostic. */
	text-align: left;
	direction: ltr;

	tab-size: 4;
	white-space: pre-wrap;

	/* Don't inherit the style, e.g. when in a block quote. */
	font-style: normal;

	/* Don't let the code be squashed e.g. when in a table cell. */
	min-width: 200px;
}

.ck-content pre code {
		background: unset;
		padding: 0;
		border-radius: 0;
	}

.ck.ck-editor__editable pre {
	position: relative;
}

.ck.ck-editor__editable pre[data-language]::after {
		content: attr(data-language);
		position: absolute;
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-editor {
	/* All the elements within `.ck-editor` are positioned relatively to it.
	 If any element needs to be positioned with respect to the <body>, etc.,
	 it must land outside of the `.ck-editor` in DOM. */
	position: relative;
}

.ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar {
		/* https://github.com/ckeditor/ckeditor5-editor-classic/issues/62 */
		z-index: var(--ck-z-panel);
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-menu-bar {
	border: none;
	border-bottom: 1px solid var(--ck-color-toolbar-border);
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

:root {
	--ck-emoji-grid-tile-size: 27px;
}

.ck.ck-emoji .ck.ck-emoji__tiles {
		max-width: 100%;
		max-height: min(265px, 40vh);

		overflow-y: auto;
		overflow-x: hidden;
		border-top: 1px solid var(--ck-color-base-border);
	}

.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__grid {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(var(--ck-emoji-grid-tile-size), 1fr));
			margin: var(--ck-spacing-standard) var(--ck-spacing-large);
			grid-gap: var(--ck-spacing-small);
		}

.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile {
			width: var(--ck-emoji-grid-tile-size);
			height: var(--ck-emoji-grid-tile-size);
			min-width: var(--ck-emoji-grid-tile-size);
			min-height: var(--ck-emoji-grid-tile-size);
			font-size: 1.5em;
			padding: 0;
			transition: .2s ease box-shadow;
			border: 0;
		}

@media (prefers-reduced-motion: reduce) {

.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile {
				transition: none;
		}
			}

.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile:focus:not(.ck-disabled),
			.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile:hover:not(.ck-disabled) {
				/* Disable the default .ck-button's border ring. */
				border: 0;
				box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
			}

/* Make sure the glyph is rendered in the center of the button */

.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile .ck-button__label {
				line-height: var(--ck-emoji-grid-tile-size);
				width: 100%;
				text-align: center;
			}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-emoji__categories-list {
	display: flex;
	justify-content: space-between;
	margin: 0 var(--ck-spacing-large);
}

.ck.ck-emoji__categories-list > .ck.ck-button.ck-button_with-text {
		border-width: 0;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-bottom-color: transparent;
		padding: 0;
		font-size: var(--ck-font-size-big);
		min-width: var(--ck-font-size-big);
		min-height: var(--ck-font-size-big);
	}

.ck.ck-emoji__categories-list > .ck.ck-button.ck-button_with-text.ck-emoji__category-item.ck-on {
			border-bottom-color: var(--ck-color-base-active);
		}

.ck.ck-emoji__categories-list > .ck.ck-button.ck-button_with-text > span {
			margin: auto;
		}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-emoji__skin-tone {
	margin-left: var(--ck-spacing-standard);
}

.ck.ck-emoji__skin-tone > .ck.ck-dropdown .ck.ck-list__item {
			min-width: 1em;
		}

.ck.ck-emoji__skin-tone > .ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label {
				width: initial;
			}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-emoji {
	width: 320px;
}

.ck .ck.ck-emoji__search {
	display: flex;
	padding: var(--ck-spacing-large);
	padding-bottom: var(--ck-spacing-medium);
	justify-content: space-between;
	align-items: center;
}

/*
 * Classes used by the "fake visual selection" displayed in the content when an input
 * in the emoji picker UI has focus (the browser does not render the native selection in this state).
 */
.ck .ck-fake-emoji-selection {
	background: var(--ck-color-link-fake-selection);
}

/* A collapsed fake visual selection. */
.ck .ck-fake-emoji-selection_collapsed {
	height: 100%;
	border-right: 1px solid var(--ck-color-base-text);
	margin-right: -1px;
	outline: solid 1px hsla(0, 0%, 100%, .5);
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/* See ckeditor/ckeditor5#936. */
.ck.ck-placeholder,
.ck .ck-placeholder {
	position: relative;
}
.ck.ck-placeholder::before, .ck .ck-placeholder::before {
		position: absolute;
		left: 0;
		right: 0;
		content: attr(data-placeholder);

		/* See ckeditor/ckeditor5#469. */
		pointer-events: none;
	}

/* See ckeditor/ckeditor5#1987. */
.ck.ck-read-only .ck-placeholder::before {
		display: none;
	}

/*
 * Rules for the `ck-placeholder` are loaded before the rules for `ck-reset_all` in the base CKEditor 5 DLL build.
 * This fix overwrites the incorrectly set `position: static` from `ck-reset_all`.
 * See https://github.com/ckeditor/ckeditor5/issues/11418.
 */
.ck.ck-reset_all .ck-placeholder {
	position: relative;
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/* Elements marked by the Renderer as hidden should be invisible in the editor. */
.ck.ck-editor__editable span[data-ck-unsafe-element] {
	display: none;
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck-find-result {
	background: var(--ck-color-highlight-background);
	color: var(--ck-color-text);
}

.ck-find-result_selected {
	background: hsl(29, 100%, 60%);
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-find-and-replace-form {
	max-width: 100%;
}

.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions {
		display: flex;

		/* The inputs area styles */
	}

.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs.ck-find-and-replace-form__inputs .ck-results-counter, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions.ck-find-and-replace-form__inputs .ck-results-counter {
			position: absolute;
		}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/* The values should be synchronized with the "FONT_SIZE_PRESET_UNITS" object in the "/src/fontsize/utils.js" file. */

/* Styles should be prefixed with the `.ck-content` class.
See https://github.com/ckeditor/ckeditor5/issues/6636 */
.ck-content .text-tiny {
		font-size: .7em;
	}
.ck-content .text-small {
		font-size: .85em;
	}
.ck-content .text-big {
		font-size: 1.4em;
	}
.ck-content .text-huge {
		font-size: 1.8em;
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-heading_heading1 .ck-button__label {
	font-size: 20px;
}

.ck.ck-heading_heading2 .ck-button__label {
	font-size: 17px;
}

.ck.ck-heading_heading3 .ck-button__label {
	font-size: 14px;
}

.ck[class*="ck-heading_heading"] {
	font-weight: bold;
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

:root {
	--ck-highlight-marker-yellow: hsl(60, 97%, 73%);
	--ck-highlight-marker-green: hsl(120, 93%, 68%);
	--ck-highlight-marker-pink: hsl(345, 96%, 73%);
	--ck-highlight-marker-blue: hsl(201, 97%, 72%);
	--ck-highlight-pen-red: hsl(0, 85%, 49%);
	--ck-highlight-pen-green: hsl(112, 100%, 27%);
}

.ck-content .marker-yellow {
		background-color: var(--ck-highlight-marker-yellow);
	}
.ck-content .marker-green {
		background-color: var(--ck-highlight-marker-green);
	}
.ck-content .marker-pink {
		background-color: var(--ck-highlight-marker-pink);
	}
.ck-content .marker-blue {
		background-color: var(--ck-highlight-marker-blue);
	}

.ck-content .pen-red {
		color: var(--ck-highlight-pen-red);

		/* Override default yellow background of `<mark>` from user agent stylesheet */
		background-color: transparent;
	}
.ck-content .pen-green {
		color: var(--ck-highlight-pen-green);

		/* Override default yellow background of `<mark>` from user agent stylesheet */
		background-color: transparent;
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */


.ck-editor__editable .ck-horizontal-line {
	/* Necessary to render properly next to floated objects, e.g. side image case. */
	display: flow-root;
}

.ck-content hr {
	margin: 15px 0;
	height: 4px;
	background: hsl(0, 0%, 87%);
	border: 0;
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/* The feature container. */
.ck-widget.raw-html-embed {
	/* Give the embed some air. */
	/* The first value should be equal to --ck-spacing-large variable if used in the editor context
	to avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */
	margin: 0.9em auto;
	position: relative;
	display: flow-root;

	/* Give the html embed some minimal width in the content to prevent them
	from being "squashed" in tight spaces, e.g. in table cells (https://github.com/ckeditor/ckeditor5/issues/8331) */
	min-width: 15em;

	/* Don't inherit the style, e.g. when in a block quote. */
	font-style: normal;

	/* ----- Emebed label in the upper left corner ----------------------------------------------- */
}
.ck-widget.raw-html-embed::before {
		position: absolute;

		/* Make sure the content does not cover the label. */
		z-index: 1;
	}
/* ----- Emebed internals --------------------------------------------------------------------- */
/* The switch mode button wrapper. */
.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper {
		position: absolute;
		display: flex;
		flex-direction: column;
	}
.ck-widget.raw-html-embed .raw-html-embed__preview {
		position: relative;
		overflow: hidden;
		display: flex;
	}
.ck-widget.raw-html-embed .raw-html-embed__preview-content {
		width: 100%;
		position: relative;
		margin: auto;

		/* Gives spacing to the small renderable elements, so they always cover the placeholder. */
		display: table;
		border-collapse: separate;
		border-spacing: 7px;
	}
.ck-widget.raw-html-embed .raw-html-embed__preview-placeholder {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;

		display: flex;
		align-items: center;
		justify-content: center;
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

:root {
	--ck-html-object-embed-unfocused-outline-width: 1px;
}

.ck-widget.html-object-embed {
	font-size: var(--ck-font-size-base);
	background-color: var(--ck-color-base-foreground);
	padding: var(--ck-spacing-small);
	/* Leave space for label */
	padding-top: calc(var(--ck-font-size-tiny) + var(--ck-spacing-large));
	min-width: calc(76px + var(--ck-spacing-standard));
}

.ck-widget.html-object-embed:not(.ck-widget_selected):not(:hover) {
		outline: var(--ck-html-object-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border);
	}

.ck-widget.html-object-embed::before {
		font-weight: normal;
		font-style: normal;
		position: absolute;
		content: attr(data-html-object-embed-label);
		top: 0;
		left: var(--ck-spacing-standard);
		background: hsl(0deg 0% 60%);
		transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
		padding: calc(var(--ck-spacing-tiny) + var(--ck-html-object-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny);
		border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
		color: var(--ck-color-base-background);
		font-size: var(--ck-font-size-tiny);
		font-family: var(--ck-font-face);
	}

/* Make space for label. */

.ck-widget.html-object-embed .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before {
		margin-left: 50px;
	}

.ck-widget.html-object-embed .html-object-embed__content {
		/* Disable user interaction with embed content */
		pointer-events: none;
	}

div.ck-widget.html-object-embed {
	margin: 1em auto;
}

span.ck-widget.html-object-embed {
	display: inline-block;
}


/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

:root {
	--ck-color-image-caption-background: hsl(0, 0%, 97%);
	--ck-color-image-caption-text: hsl(0, 0%, 20%);
	--ck-color-image-caption-highlighted-background: hsl(52deg 100% 50%);
}

/* Content styles */
.ck-content .image > figcaption {
	display: table-caption;
	caption-side: bottom;
	word-break: break-word;
	color: var(--ck-color-image-caption-text);
	background-color: var(--ck-color-image-caption-background);
	padding: .6em;
	font-size: .75em;
	outline-offset: -1px;

	/* Improve placeholder rendering in high-constrast mode (https://github.com/ckeditor/ckeditor5/issues/14907). */
}
@media (forced-colors: active) {
.ck-content .image > figcaption {
		background-color: unset;
		color: unset;
}
	}

/* Editing styles */
@media (forced-colors: none) {
		.ck.ck-editor__editable .image > figcaption.image__caption_highlighted {
		animation: ck-image-caption-highlight .6s ease-out;
		}
	}
@media (prefers-reduced-motion: reduce) {
.ck.ck-editor__editable .image > figcaption.image__caption_highlighted {
		animation: none;
}
	}

@keyframes ck-image-caption-highlight {
	0% {
		background-color: var(--ck-color-image-caption-highlighted-background);
	}

	100% {
		background-color: var(--ck-color-image-caption-background);
	}
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-image-insert-url {
	width: 400px;
	padding: var(--ck-spacing-large) var(--ck-spacing-large) 0;
}

.ck.ck-image-insert-url .ck-image-insert-url__action-row {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/* Preserve aspect ratio of the resized image after introducing image height attribute. */
.ck-content img.image_resized {
	height: auto;
}

.ck-content .image.image_resized {
	max-width: 100%;
	/*
	The `<figure>` element for resized images must not use `display:table` as browsers do not support `max-width` for it well.
	See https://stackoverflow.com/questions/4019604/chrome-safari-ignoring-max-width-in-table/14420691#14420691 for more.
	Fortunately, since we control the width, there is no risk that the image will look bad.
	*/
	display: block;
	box-sizing: border-box;
}

.ck-content .image.image_resized img {
		/* For resized images it is the `<figure>` element that determines the image width. */
		width: 100%;
	}

.ck-content .image.image_resized > figcaption {
		/* The `<figure>` element uses `display:block`, so `<figcaption>` also has to. */
		display: block;
	}

/* The resized inline image nested in the table should respect its parent size.
	See https://github.com/ckeditor/ckeditor5/issues/9117. */

.ck.ck-editor__editable td .image-inline.image_resized img, .ck.ck-editor__editable th .image-inline.image_resized img {
			max-width: 100%;
		}

[dir="ltr"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
	margin-right: var(--ck-spacing-standard);
}

[dir="rtl"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
	margin-left: var(--ck-spacing-standard);
}

.ck.ck-dropdown .ck-button.ck-resize-image-button .ck-button__label {
	width: 4em;
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-image-custom-resize-form {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
}

.ck.ck-image-custom-resize-form .ck-labeled-field-view {
		display: inline-block;
	}

.ck.ck-image-custom-resize-form .ck-label {
		display: none;
	}

@media screen and (max-width: 600px) {

.ck.ck-image-custom-resize-form {
		flex-wrap: wrap;
}

		.ck.ck-image-custom-resize-form .ck-labeled-field-view {
			flex-basis: 100%;
		}

		.ck.ck-image-custom-resize-form .ck-button {
			flex-basis: 50%;
		}
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

:root {
	--ck-image-style-spacing: 1.5em;
	--ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
}

/* See: https://github.com/ckeditor/ckeditor5/issues/16317 */

/* Provides a minimal side margin for the left and right aligned images, so that the user has a visual feedback
		confirming successful application of the style if image width exceeds the editor's size.
		See https://github.com/ckeditor/ckeditor5/issues/9342 */

.ck-content .image.image-style-block-align-left,
		.ck-content .image.image-style-block-align-right {
			max-width: calc(100% - var(--ck-image-style-spacing));
		}

/* Allows displaying multiple floating images in the same line.
		See https://github.com/ckeditor/ckeditor5/issues/9183#issuecomment-804988132 */

.ck-content .image.image-style-align-left,
		.ck-content .image.image-style-align-right {
			clear: none;
		}

.ck-content .image.image-style-side {
			float: right;
			margin-left: var(--ck-image-style-spacing);
			max-width: 50%;
		}

.ck-content .image.image-style-align-left {
			float: left;
			margin-right: var(--ck-image-style-spacing);
		}

.ck-content .image.image-style-align-right {
			float: right;
			margin-left: var(--ck-image-style-spacing);
		}

.ck-content .image.image-style-block-align-right {
			margin-right: 0;
			margin-left: auto;
		}

.ck-content .image.image-style-block-align-left {
			margin-left: 0;
			margin-right: auto;
		}

.ck-content .image-style-align-center {
		margin-left: auto;
		margin-right: auto;
	}

.ck-content .image-style-align-left {
		float: left;
		margin-right: var(--ck-image-style-spacing);
	}

.ck-content .image-style-align-right {
		float: right;
		margin-left: var(--ck-image-style-spacing);
	}

/* Simulates margin collapsing with the preceding paragraph, which does not work for the floating elements. */

.ck-content p + .image.image-style-align-left,
	.ck-content p + .image.image-style-align-right,
	.ck-content p + .image.image-style-side {
		margin-top: 0;
	}

.ck-content .image-inline.image-style-align-left,
		.ck-content .image-inline.image-style-align-right {
			margin-top: var(--ck-inline-image-style-spacing);
			margin-bottom: var(--ck-inline-image-style-spacing);
		}

.ck-content .image-inline.image-style-align-left {
			margin-right: var(--ck-inline-image-style-spacing);
		}

.ck-content .image-inline.image-style-align-right {
			margin-left: var(--ck-inline-image-style-spacing);
		}

/* The button should display as a regular drop-down if the action button
	is forced to fire the same action as the arrow button. */

.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled),
			.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__action:not(.ck-disabled),
			.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled),
			.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled),
			.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover),
			.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
				background-color: var(--ck-color-button-on-background);
			}

.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__action:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover)::after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover)::after {
					display: none;
				}

.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__action:not(.ck-disabled),
			.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__arrow:not(.ck-disabled),
			.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
				background-color: var(--ck-color-button-on-hover-background);
			}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-text-alternative-form {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.ck.ck-text-alternative-form .ck-labeled-field-view {
		display: inline-block;
	}

.ck.ck-text-alternative-form .ck-label {
		display: none;
	}

@media screen and (max-width: 600px) {

.ck.ck-text-alternative-form {
		flex-wrap: wrap;
}

		.ck.ck-text-alternative-form .ck-labeled-field-view {
			flex-basis: 100%;
		}

		.ck.ck-text-alternative-form .ck-button {
			flex-basis: 50%;
		}
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-editor__editable .image,
	.ck.ck-editor__editable .image-inline {
		position: relative;
	}

/* Upload progress bar. */

.ck.ck-editor__editable .image .ck-progress-bar,
	.ck.ck-editor__editable .image-inline .ck-progress-bar {
		position: absolute;
		top: 0;
		left: 0;
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck-image-upload-complete-icon {
	display: block;
	position: absolute;

	/*
	 * Smaller images should have the icon closer to the border.
	 * Match the icon position with the linked image indicator brought by the link image feature.
	 */
	top: min(var(--ck-spacing-medium), 6%);
	right: min(var(--ck-spacing-medium), 6%);
	border-radius: 50%;
	z-index: 1;
}

.ck-image-upload-complete-icon::after {
		content: "";
		position: absolute;
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck .ck-upload-placeholder-loader {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
}

.ck .ck-upload-placeholder-loader::before {
		content: '';
		position: relative;
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck-content .image {
		display: table;
		clear: both;
		text-align: center;

		/* Make sure there is some space between the content and the image. Center image by default. */
		/* The first value should be equal to --ck-spacing-large variable if used in the editor context
	 	to avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */
		margin: 0.9em auto;

		/* Make sure the caption will be displayed properly (See: https://github.com/ckeditor/ckeditor5/issues/1870). */
		min-width: 50px;
	}

.ck-content .image img {
			/* Prevent unnecessary margins caused by line-height (see #44). */
			display: block;

			/* Center the image if its width is smaller than the content's width. */
			margin: 0 auto;

			/* Make sure the image never exceeds the size of the parent container (ckeditor/ckeditor5-ui#67). */
			max-width: 100%;

			/* Make sure the image is never smaller than the parent container (See: https://github.com/ckeditor/ckeditor5/issues/9300). */
			min-width: 100%;

			/* Keep proportions of the block image if the height is set and the image is wider than the editor width.
			See https://github.com/ckeditor/ckeditor5/issues/14542. */
			height: auto;
		}

.ck-content .image-inline {
		/*
		 * Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing).
		 * Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root.
		 * This strange behavior does not happen with inline-flex.
		 */
		display: inline-flex;

		/* While being resized, don't allow the image to exceed the width of the editing root. */
		max-width: 100%;

		/* This is required by Safari to resize images in a sensible way. Without this, the browser breaks the ratio. */
		align-items: flex-start;

		/* When the picture is present it must act as a flex container to let the img resize properly */
	}

.ck-content .image-inline picture {
			display: flex;
		}

/* When the picture is present, it must act like a resizable img. */

.ck-content .image-inline picture,
		.ck-content .image-inline img {
			/* This is necessary for the img to span the entire .image-inline wrapper and to resize properly. */
			flex-grow: 1;
			flex-shrink: 1;

			/* Prevents overflowing the editing root boundaries when an inline image is very wide. */
			max-width: 100%;
		}

/*
	 * Inhertit the content styles padding of the <figcaption> in case the integration overrides `text-align: center`
	 * of `.image` (e.g. to the left/right). This ensures the placeholder stays at the padding just like the native
	 * caret does, and not at the edge of <figcaption>.
	 */

.ck.ck-editor__editable .image > figcaption.ck-placeholder::before {
		padding-left: inherit;
		padding-right: inherit;

		/*
		 * Make sure the image caption placeholder doesn't overflow the placeholder area.
		 * See https://github.com/ckeditor/ckeditor5/issues/9162.
		 */
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

/*
	 * See https://github.com/ckeditor/ckeditor5/issues/15115.
	 */

.ck.ck-editor__editable .image {
		z-index: 1;

		/*
		 * Make sure the selected image always stays on top of its siblings.
		 * See https://github.com/ckeditor/ckeditor5/issues/9108.
		 */
	}

.ck.ck-editor__editable .image.ck-widget_selected {
			z-index: 2;
		}

/*
	 * See https://github.com/ckeditor/ckeditor5/issues/15115.
	 */

.ck.ck-editor__editable .image-inline {
		z-index: 1;

		/*
		 * Make sure the selected inline image always stays on top of its siblings.
		 * See https://github.com/ckeditor/ckeditor5/issues/9108.
		 */
	}

.ck.ck-editor__editable .image-inline.ck-widget_selected {
			z-index: 2;

			/*
			 * Make sure the native browser selection style is not displayed.
			 * Inline image widgets have their own styles for the selected state and
			 * leaving this up to the browser is asking for a visual collision.
			 */
		}

.ck.ck-editor__editable .image-inline.ck-widget_selected ::selection {
				display: none;
			}

/* Keep proportions of the inline image if the height is set and the image is wider than the editor width.
	See https://github.com/ckeditor/ckeditor5/issues/14542. */

.ck.ck-editor__editable .image-inline img {
		height: auto;
	}

/* The inline image nested in the table should have its original size if not resized.
	See https://github.com/ckeditor/ckeditor5/issues/9117. */

.ck.ck-editor__editable td .image-inline img, .ck.ck-editor__editable th .image-inline img {
			max-width: none;
		}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-editor__editable img.image_placeholder {
		background-size: 100% 100%;
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/* Linked image indicator */

.ck.ck-editor__editable figure.image > a::after, .ck.ck-editor__editable a span.image-inline::after {
			display: block;
			position: absolute;
		}


/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-link-actions {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.ck.ck-link-actions .ck-link-actions__preview {
		display: inline-block;
	}

.ck.ck-link-actions .ck-link-actions__preview .ck-button__label {
			overflow: hidden;
		}

@media screen and (max-width: 600px) {

.ck.ck-link-actions {
		flex-wrap: wrap;
}

		.ck.ck-link-actions .ck-link-actions__preview {
			flex-basis: 100%;
		}

		.ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) {
			flex-basis: 50%;
		}
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-link-form {
	display: flex;
	align-items: flex-start;
}

.ck.ck-link-form .ck-label {
		display: none;
	}

@media screen and (max-width: 600px) {

.ck.ck-link-form {
		flex-wrap: wrap;
}

		.ck.ck-link-form .ck-labeled-field-view {
			flex-basis: 100%;
		}

		.ck.ck-link-form .ck-button {
			flex-basis: 50%;
		}
	}

/*
 * Style link form differently when manual decorators are available.
 * See: https://github.com/ckeditor/ckeditor5-link/issues/186.
 */
.ck.ck-link-form_layout-vertical {
	display: block;

	/*
	 * Whether the form is in the responsive mode or not, if there are decorator buttons
	 * keep the top margin of action buttons medium.
	 */
}
.ck.ck-link-form_layout-vertical .ck-button.ck-button-save,
		.ck.ck-link-form_layout-vertical .ck-button.ck-button-cancel {
			margin-top: var(--ck-spacing-medium);
		}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck-editor__editable .ck-list-bogus-paragraph {
	display: block;
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-list-styles-list {
	display: grid;
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck-content ol {
	list-style-type: decimal;
}

.ck-content ol ol {
		list-style-type: lower-latin;
	}

.ck-content ol ol ol {
			list-style-type: lower-roman;
		}

.ck-content ol ol ol ol {
				list-style-type: upper-latin;
			}

.ck-content ol ol ol ol ol {
					list-style-type: upper-roman;
				}

.ck-content ul {
	list-style-type: disc;
}

.ck-content ul ul {
		list-style-type: circle;
	}

.ck-content ul ul ul {
			list-style-type: square;
		}

.ck-content ul ul ul ul {
				list-style-type: square;
			}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

:root {
	--ck-todo-list-checkmark-size: 16px;
}

/*
 * To-do list content styles.
 */
.ck-content .todo-list {
	list-style: none;
}
.ck-content .todo-list li {
		position: relative;
		margin-bottom: 5px;
	}
.ck-content .todo-list li .todo-list {
			margin-top: 5px;
		}
.ck-content .todo-list .todo-list__label > input {
			-webkit-appearance: none;
			display: inline-block;
			position: relative;
			width: var(--ck-todo-list-checkmark-size);
			height: var(--ck-todo-list-checkmark-size);
			vertical-align: middle;
			/* Needed on iOS */
			border: 0;
			/* LTR styles */
			left: -25px;
			margin-right: -15px;
			right: 0;
			margin-left: 0;
			/* RTL styles */
		}
.ck-content[dir=rtl] .todo-list .todo-list__label > input {
		left: 0;
		margin-right: 0;
		right: -25px;
		margin-left: -15px;
	}
.ck-content .todo-list .todo-list__label > input::before {
		display: block;
		position: absolute;
		box-sizing: border-box;
		content: '';
		width: 100%;
		height: 100%;
		border: 1px solid hsl(0, 0%, 20%);
		border-radius: 2px;
		transition: 250ms ease-in-out box-shadow;
	}
@media (prefers-reduced-motion: reduce) {
.ck-content .todo-list .todo-list__label > input::before {
			transition: none;
	}
		}
.ck-content .todo-list .todo-list__label > input::after {
		display: block;
		position: absolute;
		box-sizing: content-box;
		pointer-events: none;
		content: '';

		/* Calculate tick position, size and border-width proportional to the checkmark size. */
		left: calc( var(--ck-todo-list-checkmark-size) / 3 );
		top: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
		width: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
		height: calc( var(--ck-todo-list-checkmark-size) / 2.6 );
		border-style: solid;
		border-color: transparent;
		border-width: 0 calc( var(--ck-todo-list-checkmark-size) / 8 ) calc( var(--ck-todo-list-checkmark-size) / 8 ) 0;
		transform: rotate(45deg);
	}
.ck-content .todo-list .todo-list__label > input[checked]::before {
			background: hsl(126, 64%, 41%);
			border-color: hsl(126, 64%, 41%);
		}
.ck-content .todo-list .todo-list__label > input[checked]::after {
			border-color: hsl(0, 0%, 100%);
		}
.ck-content .todo-list .todo-list__label .todo-list__label__description {
			vertical-align: middle;
		}
.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {
			position: absolute;
		}

/*
 * To-do list editing view styles.
 */
/*
	 * To-do list should be interactive only during the editing
	 * (https://github.com/ckeditor/ckeditor5/issues/2090).
	 */
.ck-editor__editable.ck-content .todo-list .todo-list__label > input,
	.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input {
		cursor: pointer;
	}
.ck-editor__editable.ck-content .todo-list .todo-list__label > input:hover::before, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input:hover::before {
			box-shadow: 0 0 0 5px hsla(0, 0%, 0%, 0.1);
		}
/*
	 * Document Lists - editing view has an additional span around checkbox.
	 */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input {
		-webkit-appearance: none;
		display: inline-block;
		position: relative;
		width: var(--ck-todo-list-checkmark-size);
		height: var(--ck-todo-list-checkmark-size);
		vertical-align: middle;
		/* Needed on iOS */
		border: 0;
		/* LTR styles */
		left: -25px;
		margin-right: -15px;
		right: 0;
		margin-left: 0;
		/* RTL styles */
	}
.ck-editor__editable.ck-content[dir=rtl] .todo-list .todo-list__label > span[contenteditable=false] > input {
		left: 0;
		margin-right: 0;
		right: -25px;
		margin-left: -15px;
	}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::before {
		display: block;
		position: absolute;
		box-sizing: border-box;
		content: '';
		width: 100%;
		height: 100%;
		border: 1px solid hsl(0, 0%, 20%);
		border-radius: 2px;
		transition: 250ms ease-in-out box-shadow;
	}
@media (prefers-reduced-motion: reduce) {
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::before {
			transition: none;
	}
		}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::after {
		display: block;
		position: absolute;
		box-sizing: content-box;
		pointer-events: none;
		content: '';

		/* Calculate tick position, size and border-width proportional to the checkmark size. */
		left: calc( var(--ck-todo-list-checkmark-size) / 3 );
		top: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
		width: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
		height: calc( var(--ck-todo-list-checkmark-size) / 2.6 );
		border-style: solid;
		border-color: transparent;
		border-width: 0 calc( var(--ck-todo-list-checkmark-size) / 8 ) calc( var(--ck-todo-list-checkmark-size) / 8 ) 0;
		transform: rotate(45deg);
	}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::before {
			background: hsl(126, 64%, 41%);
			border-color: hsl(126, 64%, 41%);
		}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::after {
			border-color: hsl(0, 0%, 100%);
		}
.ck-editor__editable.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {
			position: absolute;
		}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck-content .media {
	/* Don't allow floated content overlap the media.
	https://github.com/ckeditor/ckeditor5-media-embed/issues/53 */
	clear: both;

	/* Make sure there is some space between the content and the media. */
	/* The first value should be equal to --ck-spacing-large variable if used in the editor context
	to avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */
	margin: 0.9em 0;

	/* Make sure media is not overriden with Bootstrap default `flex` value.
	See: https://github.com/ckeditor/ckeditor5/issues/1373. */
	display: block;

	/* Give the media some minimal width in the content to prevent them
	from being "squashed" in tight spaces, e.g. in table cells (#44) */
	min-width: 15em;
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck-media__wrapper .ck-media__placeholder {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url {
			/* Otherwise the URL will overflow when the content is very narrow. */
			max-width: 100%;

			position: relative;
		}

.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url .ck-media__placeholder__url__text {
				overflow: hidden;
				display: block;
			}

.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder__icon * {
			display: none;
		}

/* Disable all mouse interaction as long as the editor is not read–only.
   https://github.com/ckeditor/ckeditor5-media-embed/issues/58 */
.ck-editor__editable:not(.ck-read-only) .ck-media__wrapper > *:not(.ck-media__placeholder) {
	pointer-events: none;
}

/* Disable all mouse interaction when the widget is not selected (e.g. to avoid opening links by accident).
   https://github.com/ckeditor/ckeditor5-media-embed/issues/18 */
.ck-editor__editable:not(.ck-read-only) .ck-widget:not(.ck-widget_selected) .ck-media__placeholder {
	pointer-events: none;
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck-vertical-form .ck-button::after {
		content: "";
		width: 0;
		position: absolute;
		right: -1px;
		top: -1px;
		bottom: -1px;
		z-index: 1;
	}

.ck-vertical-form .ck-button:focus::after {
		display: none;
	}

@media screen and (max-width: 600px) {
			.ck.ck-responsive-form .ck-button::after {
				content: "";
				width: 0;
				position: absolute;
				right: -1px;
				top: -1px;
				bottom: -1px;
				z-index: 1;
			}

			.ck.ck-responsive-form .ck-button:focus::after {
				display: none;
			}
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-media-form {
	display: flex;
	align-items: flex-start;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 400px;
}

.ck.ck-media-form .ck-labeled-field-view {
		display: inline-block;
		width: 100%;
	}

.ck.ck-media-form .ck-label {
		display: none;
	}

.ck.ck-media-form .ck-input {
		width: 100%;
	}

@media screen and (max-width: 600px) {

.ck.ck-media-form {
		flex-wrap: wrap;
}

		.ck.ck-media-form .ck-labeled-field-view {
			flex-basis: 100%;
		}

		.ck.ck-media-form .ck-button {
			flex-basis: 50%;
		}
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

:root {
	--ck-mention-list-max-height: 300px;
}

.ck.ck-mentions {
	max-height: var(--ck-mention-list-max-height);

	overflow-y: auto;

	/* Prevent unnecessary horizontal scrollbar in Safari
	https://github.com/ckeditor/ckeditor5-mention/issues/41 */
	overflow-x: hidden;

	overscroll-behavior: contain;

	/* Prevent unnecessary vertical scrollbar in Safari
	https://github.com/ckeditor/ckeditor5-mention/issues/41 */
}

.ck.ck-mentions > .ck-list__item {
		overflow: hidden;
		flex-shrink: 0;
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

:root {
	--ck-color-minimap-tracker-background: 208, 0%, 51%;
	--ck-color-minimap-iframe-outline: hsl(0deg 0% 75%);
	--ck-color-minimap-iframe-shadow: hsl(0deg 0% 0% / 11%);
	--ck-color-minimap-progress-background: hsl(0,0%,40%);
}

.ck.ck-minimap {
	position: absolute;
	user-select: none;
	background: var(--ck-color-base-background);
}

.ck.ck-minimap,
	.ck.ck-minimap iframe {
		width: 100%;
		height: 100%;
	}

.ck.ck-minimap iframe {
		border: 0;
		pointer-events: none;
		position: relative;
		outline: 1px solid var(--ck-color-minimap-iframe-outline);
		box-shadow: 0 2px 5px var(--ck-color-minimap-iframe-shadow);
		margin: 0;
	}

.ck.ck-minimap .ck.ck-minimap__position-tracker {
		position: absolute;
		width: 100%;
		top: 0;
		background: hsla( var(--ck-color-minimap-tracker-background), .2 );
		z-index: 1;
		transition: background 100ms ease-in-out;
	}

@media (prefers-reduced-motion: reduce) {

.ck.ck-minimap .ck.ck-minimap__position-tracker {
			transition: none;
	}
		}

.ck.ck-minimap .ck.ck-minimap__position-tracker:hover {
			background:hsla( var(--ck-color-minimap-tracker-background), .3 );
		}

.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging,
		.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover {
			background:hsla( var(--ck-color-minimap-tracker-background), .4 );
		}

.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging::after, .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover::after {
				opacity: 1;
			}

.ck.ck-minimap .ck.ck-minimap__position-tracker::after {
			content: attr(data-progress) "%";
			position: absolute;
			top: 5px;
			right: 5px;
			background: var(--ck-color-minimap-progress-background);
			color: var(--ck-color-base-background);
			border: 1px solid var(--ck-color-base-background);
			padding: 2px 4px;
			font-size: 10px;
			border-radius: 3px;
			opacity: 0;
			transition: opacity 100ms ease-in-out;
		}

@media (prefers-reduced-motion: reduce) {

.ck.ck-minimap .ck.ck-minimap__position-tracker::after {
				transition: none;
		}
			}


/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck-content .page-break {
	position: relative;
	clear: both;
	padding: 5px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ck-content .page-break::after {
		content: '';
		position: absolute;
		border-bottom: 2px dashed hsl(0, 0%, 77%);
		width: 100%;
	}

.ck-content .page-break__label {
	position: relative;
	z-index: 1;
	padding: .3em .6em;
	display: block;
	text-transform: uppercase;
	border: 1px solid hsl(0, 0%, 77%);
	border-radius: 2px;
	font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
	font-size: 0.75em;
	font-weight: bold;
	color: hsl(0, 0%, 20%);
	background: hsl(0, 0%, 100%);
	box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);

	/* Disable the possibility to select the label text by the user. */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Do not show the page break element inside the print preview window. */
@media print {
	.ck-content .page-break {
		padding: 0;
	}

		.ck-content .page-break::after {
			display: none;
		}

	/*
	 * From time to time placing page-break directly after a block element with margin causes appending a new blank page in pagination mode.
	 * Removing margin-bottom from the block element fixes that issue and the margin is not being moved to the next blank page.
	 *
	 * Keep this in sync with the pagination plugins.
	 */
	.ck-content *:has(+ .page-break) {
		margin-bottom: 0;
	}
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

:root {
	--ck-show-blocks-border-color: hsl(0, 0%, 46%);
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ADDRESS</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ADDRESS</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ADDRESS</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ADDRESS</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ASIDE</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ASIDE</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ASIDE</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ASIDE</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>BLOCKQUOTE</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>BLOCKQUOTE</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>BLOCKQUOTE</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>BLOCKQUOTE</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DETAILS</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DETAILS</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DETAILS</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DETAILS</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DIV</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DIV</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *):not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DIV</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DIV</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FOOTER</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FOOTER</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FOOTER</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FOOTER</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H1</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H1</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H1</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H1</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H2</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H2</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H2</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H2</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H3</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H3</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H3</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H3</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H4</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H4</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H4</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H4</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H5</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H5</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H5</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H5</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H6</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H6</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H6</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H6</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>HEADER</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>HEADER</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>HEADER</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>HEADER</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>MAIN</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>MAIN</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>MAIN</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>MAIN</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>NAV</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>NAV</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>NAV</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>NAV</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>PRE</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>PRE</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>PRE</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>PRE</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>OL</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>OL</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>OL</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>OL</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>UL</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>UL</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>UL</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>UL</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>P</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>P</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>P</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>P</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>SECTION</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>SECTION</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>SECTION</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>SECTION</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
		background-repeat: no-repeat;
		padding-top: 15px;
		/* Fix for Multi-root editor
	https://github.com/ckeditor/ckeditor5/issues/15969 */
	}

[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FIGCAPTION</text></svg>");
		background-position: 1px 1px;
	}

[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FIGCAPTION</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption:not(.ck-widget_selected):not(.ck-widget:hover) {
		outline: 1px dashed var(--ck-show-blocks-border-color);
	}

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FIGCAPTION</text></svg>");
		background-position: 1px 1px;
	}

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
		background-image: url(../../core/asset/dist/"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FIGCAPTION</text></svg>");
		background-position: calc(100% - 1px) 1px;
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/**
 * Implements rounded corner interface for .ck-rounded-corners class.
 *
 * @see $ck-border-radius
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A visual style of focused element's border.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A helper to combine multiple shadows.
 */
/**
 * Gives an element a drop shadow so it looks like a floating panel.
 */

.ck-source-editing-area {
	position: relative;
	overflow: hidden;
}

.ck-source-editing-area::after,
.ck-source-editing-area textarea {
	padding: var(--ck-spacing-large);
	margin: 0;
	border: 1px solid transparent;
	line-height: var(--ck-line-height-base);
	font-size: var(--ck-font-size-normal);
	font-family: monospace;
	white-space: pre-wrap;
}

.ck-source-editing-area::after {
	content: attr(data-value) " ";
	visibility: hidden;
	display: block;
}

.ck-source-editing-area textarea {
	position: absolute;
	width: 100%;
	height: 100%;
	resize: none;
	outline: none;
	overflow: hidden;
	box-sizing: border-box;

	border-color: var(--ck-color-base-border);

	border-radius: 0;
}

.ck-rounded-corners .ck-source-editing-area textarea,
	.ck-source-editing-area textarea.ck-rounded-corners {
		border-radius: var(--ck-border-radius);
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

.ck-source-editing-area textarea:not([readonly]):focus {
		/* Disable native outline. */
		outline: none;
		border: var(--ck-focus-ring);
		box-shadow: var(--ck-inner-shadow), 0 0;
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-character-grid {
	max-width: 100%;
}

.ck.ck-character-grid .ck-character-grid__tiles {
		display: grid;
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-character-info {
	display: flex;
	justify-content: space-between;
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * Note: This file should contain the wireframe styles only. But since there are no such styles,
 * it acts as a message to the builder telling that it should look for the corresponding styles
 * **in the theme** when compiling the editor.
 */

.ck.ck-special-characters > .ck-dialog__content > div {
		width: 350px;
		max-width: 100%;
		height: 100%;

		display: grid;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		grid-template-columns: 1fr;
		grid-template-rows: auto 1fr auto;
	}

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories {
			grid-area: 1 / 1 / 2 / 2;
			padding: var(--ck-spacing-medium) var(--ck-spacing-large);
		}

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view {
				padding-top: var(--ck-spacing-standard);
				width: 100%;
			}

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status {
					background: var(--ck-color-base-error);
					color: var(--ck-color-base-background);
					padding: var(--ck-spacing-small) var(--ck-spacing-medium);
					min-width: var(--ck-table-properties-min-error-width);
					text-align: center;

					animation: ck-table-form-labeled-view-status-appear .15s ease both;

					/* The arrow pointing towards the field. */
				}

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status::after {
						border-color: transparent transparent var(--ck-color-base-error) transparent;
						border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
						border-style: solid;
					}

@media (prefers-reduced-motion: reduce) {

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status {
						animation: none;
				}
					}

/* Hide the error balloon when the field is blurred. Makes the experience much more clear. */

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status {
					display: none;
				}

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view > .ck-label {
					font-size: var(--ck-font-size-tiny);
					text-align: center;
				}

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown {
				display: block;
				width: 100%;
			}

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown > button:not(:focus) {
						border: 1px solid var(--ck-color-base-border);
					}

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown > button > span {
						width: 100%;
					}

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-grid {
			grid-area: 2 / 1 / 3 / 2;
			max-height: 200px;
		}

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-info {
			grid-area: 3 / 1 / 4 / 2;
		}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

:root {
	--ck-style-panel-columns: 3;
}

.ck.ck-style-panel .ck-style-grid {
	display: grid;
	grid-template-columns: repeat(var(--ck-style-panel-columns),auto);
	justify-content: start;
}

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview {
			display: flex;
			align-content: center;
			justify-content: flex-start;
			align-items: center;
			flex-grow: 1;
			flex-basis: 100%;
		}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck-content .table {
	/* Give the table widget some air and center it horizontally */
	/* The first value should be equal to --ck-spacing-large variable if used in the editor context
	to avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */
	margin: 0.9em auto;
	display: table;
}

.ck-content .table table {
		/* The table cells should have slight borders */
		border-collapse: collapse;
		border-spacing: 0;

		/* Table width and height are set on the parent <figure>. Make sure the table inside stretches
		to the full dimensions of the container (https://github.com/ckeditor/ckeditor5/issues/6186). */
		width: 100%;
		height: 100%;

		/* The outer border of the table should be slightly darker than the inner lines.
		Also see https://github.com/ckeditor/ckeditor5-table/issues/50. */
		border: 1px double hsl(0, 0%, 70%);
	}

.ck-content .table table td,
		.ck-content .table table th {
			min-width: 2em;
			padding: .4em;

			/* The border is inherited from .ck-editor__nested-editable styles, so theoretically it's not necessary here.
			However, the border is a content style, so it should use .ck-content (so it works outside the editor).
			Hence, the duplication. See https://github.com/ckeditor/ckeditor5/issues/6314 */
			border: 1px solid hsl(0, 0%, 75%);
		}

.ck-content .table table th {
			font-weight: bold;
			background: hsla(0, 0%, 0%, 5%);
		}

/**
 * Expanding the table to the full height of the parent container is necessary because tables
 * are rendered inside <figure> elements, which is kinda buggy in table height calculation.
 * While setting `height: 100%` fixes the issue in the editing mode described here:
 * https://github.com/ckeditor/ckeditor5/issues/6186
 *
 * it's causing another issue with the table height in the print preview mode here:
 * https://github.com/ckeditor/ckeditor5/issues/16856
 *
 * For now, resetting the height to `initial` in the print mode works as a workaround.
 */
@media print {
	.ck-content .table table {
		height: initial;
	}
}

/* Text alignment of the table header should match the editor settings and override the native browser styling,
when content is available outside the editor. See https://github.com/ckeditor/ckeditor5/issues/6638 */
.ck-content[dir="rtl"] .table th {
	text-align: right;
}

.ck-content[dir="ltr"] .table th {
	text-align: left;
}

.ck-editor__editable .ck-table-bogus-paragraph {
	/*
	 * Use display:inline-block to force Chrome/Safari to limit text mutations to this element.
	 * See https://github.com/ckeditor/ckeditor5/issues/6062.
	 */
	display: inline-block;

	/*
	 * Inline HTML elements nested in the span should always be dimensioned in relation to the whole cell width.
	 * See https://github.com/ckeditor/ckeditor5/issues/9117.
	 */
	width: 100%;
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck .ck-insert-table-dropdown__grid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-form__row {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;

	/* Ignore labels that work as fieldset legends */
}

.ck.ck-form__row > *:not(.ck-label) {
		flex-grow: 1;
	}

.ck.ck-form__row.ck-table-form__action-row .ck-button-save,
		.ck.ck-form__row.ck-table-form__action-row .ck-button-cancel {
			justify-content: center;
		}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row {
			flex-wrap: wrap;
		}

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:first-of-type {
					/* 4 buttons out of 7 (h-alignment + v-alignment) = 0.57 */
					flex-grow: 0.57;
				}

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:last-of-type {
					/* 3 buttons out of 7 (h-alignment + v-alignment) = 0.43 */
					flex-grow: 0.43;
				}

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar .ck-button {
					flex-grow: 1;
				}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-input-color {
	width: 100%;
	display: flex;
	flex-direction: row-reverse;
}

.ck.ck-input-color > input.ck.ck-input-text {
		min-width: auto;
		flex-grow: 1;
	}

.ck.ck-input-color > div.ck.ck-dropdown {
		min-width: auto;

		/* This dropdown has no arrow but a color preview instead. */
	}

.ck.ck-input-color > div.ck.ck-dropdown > .ck-input-color__button .ck-dropdown__arrow {
			display: none;
		}

.ck.ck-input-color .ck.ck-input-color__button {
		/* Resolving issue with misaligned buttons on Safari (see #10589) */
		display: flex;
	}

.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview {
			position: relative;
			overflow: hidden;
		}

.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator {
				position: absolute;
				display: block;
			}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-table-form .ck-form__row.ck-table-form__border-row {
			flex-wrap: wrap;
		}

.ck.ck-table-form .ck-form__row.ck-table-form__background-row {
			flex-wrap: wrap;
		}

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {
			flex-wrap: wrap;
			align-items: center;
		}

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view {
				display: flex;
				flex-direction: column-reverse;
				align-items: center;
			}

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view .ck.ck-dropdown {
					flex-grow: 0;
				}

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
				flex-grow: 0;
			}

.ck.ck-table-form .ck.ck-labeled-field-view {
		/* Allow absolute positioning of the status (error) balloons. */
		position: relative;
	}

.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
			position: absolute;
			left: 50%;
			bottom: calc( -1 * var(--ck-table-properties-error-arrow-size) );
			transform: translate(-50%,100%);

			/* Make sure the balloon status stays on top of other form elements. */
			z-index: 1;

			/* The arrow pointing towards the field. */
		}

.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after {
				content: "";
				position: absolute;
				top: calc( -1 * var(--ck-table-properties-error-arrow-size) );
				left: 50%;
				transform: translateX( -50% );
			}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {
			flex-wrap: wrap;
			flex-basis: 0;
			align-content: baseline;
		}

.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items {
				flex-wrap: nowrap;
			}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

:root {
	--ck-color-selector-caption-background: hsl(0, 0%, 97%);
	--ck-color-selector-caption-text: hsl(0, 0%, 20%);
	--ck-color-selector-caption-highlighted-background: hsl(52deg 100% 50%);
}

/* Content styles */
.ck-content .table > figcaption {
	display: table-caption;
	caption-side: top;
	word-break: break-word;
	text-align: center;
	color: var(--ck-color-selector-caption-text);
	background-color: var(--ck-color-selector-caption-background);
	padding: .6em;
	font-size: .75em;
	outline-offset: -1px;

	/* Improve placeholder rendering in high-constrast mode (https://github.com/ckeditor/ckeditor5/issues/14907). */
}
@media (forced-colors: active) {
		.ck-content .table > figcaption {
		background-color: unset;
		color: unset;
		}
	}

/* Editing styles */
@media (forced-colors: none) {
		.ck.ck-editor__editable .table > figcaption.table__caption_highlighted {
			animation: ck-table-caption-highlight .6s ease-out;
		}
	}
.ck.ck-editor__editable .table > figcaption.ck-placeholder::before {
		padding-left: inherit;
		padding-right: inherit;

		/*
		 * Make sure the table caption placeholder doesn't overflow the placeholder area.
		 * See https://github.com/ckeditor/ckeditor5/issues/9162.
		 */
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

@keyframes ck-table-caption-highlight {
	0% {
		background-color: var(--ck-color-selector-caption-highlighted-background);
	}

	100% {
		background-color: var(--ck-color-selector-caption-background);
	}
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

:root {
	--ck-color-selector-column-resizer-hover: var(--ck-color-base-active);
	--ck-table-column-resizer-width: 7px;

	/* The offset used for absolute positioning of the resizer element, so that it is placed exactly above the cell border.
	   The value is: minus half the width of the resizer decreased additionaly by the half the width of the border (0.5px). */
	--ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px);
}

.ck-content .table .ck-table-resized {
	table-layout: fixed;
}

.ck-content .table table {
	overflow: hidden;
}

.ck-content .table td,
.ck-content .table th {
	/* To prevent text overflowing beyond its cell when columns are resized by resize handler
	(https://github.com/ckeditor/ckeditor5/pull/14379#issuecomment-1589460978). */
	overflow-wrap: break-word;
	position: relative;
}

.ck.ck-editor__editable .table .ck-table-column-resizer {
	position: absolute;
	top: 0;
	bottom: 0;
	right: var(--ck-table-column-resizer-position-offset);
	width: var(--ck-table-column-resizer-width);
	cursor: col-resize;
	user-select: none;
	z-index: var(--ck-z-default);
}

.ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer {
	display: none;
}

/* The resizer elements, which are extended to an extremely high height, break the drag & drop feature in Chrome. To make it work again,
   all resizers must be hidden while the table is dragged. */
.ck.ck-editor__editable .table[draggable] .ck-table-column-resizer {
	display: none;
}

.ck.ck-editor__editable .table .ck-table-column-resizer:hover,
.ck.ck-editor__editable .table .ck-table-column-resizer__active {
	background-color: var(--ck-color-selector-column-resizer-hover);
	opacity: 0.25;
	/* The resizer element resides in each cell so to occupy the entire height of the table, which is unknown from a CSS point of view,
	   it is extended to an extremely high height. Even for screens with a very high pixel density, the resizer will fulfill its role as
	   it should, i.e. for a screen of 476 ppi the total height of the resizer will take over 350 sheets of A4 format, which is totally
	   unrealistic height for a single table. */
	top: -999999px;
	bottom: -999999px;
}

.ck.ck-editor__editable[dir=rtl] .table .ck-table-column-resizer {
	left: var(--ck-table-column-resizer-position-offset);
	right: unset;
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/**
 * A class which hides an element in DOM.
 */

.ck-hidden {
	/* Override selector specificity. Otherwise, all elements with some display
	style defined will override this one, which is not a desired result. */
	display: none !important;
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	--ck-z-default: 1;
	--ck-z-panel: calc( var(--ck-z-default) + 999 );
	--ck-z-dialog: 9999;
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
/**
 * A class that disables all transitions of the element and its children.
 */
.ck-transitions-disabled,
.ck-transitions-disabled * {
	transition: none !important;
}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	/* where 7.5(px) is the font size of the powered by label and 13(px) is the base font size. */
	--ck-powered-by-font-size: calc(var(--ck-font-size-base) * 7.5 / 13);
	/* where 10(px) is the line height of the powered by label and 13(px) is the base font size. */
	--ck-powered-by-line-height: calc(var(--ck-font-size-base) * 10 / 13);
	/* where -0.2(px) is the letter spacing of the powered by label and 13(px) is the base font size. */
	--ck-powered-by-letter-spacing: calc(var(--ck-font-size-base) * -0.2 / 13);
	--ck-powered-by-padding-vertical: 2px;
	--ck-powered-by-padding-horizontal: 4px;
	--ck-powered-by-text-color: hsl(0, 0%, 31%);
	--ck-powered-by-border-radius: var(--ck-border-radius);
	--ck-powered-by-background: hsl(0, 0%, 100%);
	--ck-powered-by-border-color: var(--ck-color-focus-border);

	--ck-powered-by-svg-width: 53;
	--ck-powered-by-svg-height: 10;
	--ck-powered-by-icon-width: calc(var(--ck-font-size-base) * var(--ck-powered-by-svg-width) / 13);
	--ck-powered-by-icon-height: calc(var(--ck-font-size-base) * var(--ck-powered-by-svg-height) / 13);
}
.ck.ck-balloon-panel.ck-powered-by-balloon {
	--ck-border-radius: var(--ck-powered-by-border-radius);

	box-shadow: none;
	background: var(--ck-powered-by-background);
	min-height: unset;
	z-index: calc( var(--ck-z-panel) - 1 );
}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by {
		line-height: var(--ck-powered-by-line-height);
	}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by a {
			cursor: pointer;
			display: flex;
			align-items: center;
			opacity: .66;
			filter: grayscale(80%);
			line-height: var(--ck-powered-by-line-height);
			padding: var(--ck-powered-by-padding-vertical) var(--ck-powered-by-padding-horizontal);
		}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-powered-by__label {
			font-size: var(--ck-powered-by-font-size);
			letter-spacing: var(--ck-powered-by-letter-spacing);
			padding-left: 2px;
			text-transform: uppercase;
			font-weight: bold;
			margin-right: 4px;
			cursor: pointer;
			line-height: normal;
			color: var(--ck-powered-by-text-color);

		}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-icon {
			display: block;
			cursor: pointer;
			width: var(--ck-powered-by-icon-width);
			height: var(--ck-powered-by-icon-height);
		}
.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by:hover a {
				filter: grayscale(0%);
				opacity: 1;
			}
.ck.ck-balloon-panel.ck-powered-by-balloon[class*="position_inside"] {
		border-color: transparent;
	}
.ck.ck-balloon-panel.ck-powered-by-balloon[class*="position_border"] {
		border: var(--ck-focus-ring);
		border-color: var(--ck-powered-by-border-color);
	}
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root {
	/* where 7.5(px) is the font size of the evaluation badge label and 13(px) is the base font size. */
	--ck-evaluation-badge-font-size: calc(var(--ck-font-size-base) * 7.5 / 13);
	/* where 7.5(px) is the line height of the evaluation badge label and 13(px) is the base font size. */
	--ck-evaluation-badge-line-height: calc(var(--ck-font-size-base) * 7.5 / 13);
	/* where -0.2(px) is the letter spacing of the evaluation badge label and 13(px) is the base font size. */
	--ck-evaluation-badge-letter-spacing: calc(var(--ck-font-size-base) * -0.2 / 13);
	--ck-evaluation-badge-padding-vertical: 2px;
	--ck-evaluation-badge-padding-horizontal: 4px;
	--ck-evaluation-badge-text-color: hsl(0, 0%, 31%);
	--ck-evaluation-badge-border-radius: var(--ck-border-radius);
	--ck-evaluation-badge-background: hsl(0, 0%, 100%);
	--ck-evaluation-badge-border-color: var(--ck-color-focus-border);
}
.ck.ck-balloon-panel.ck-evaluation-badge-balloon {
	--ck-border-radius: var(--ck-evaluation-badge-border-radius);

	box-shadow: none;
	background: var(--ck-evaluation-badge-background);
	min-height: unset;
	z-index: calc( var(--ck-z-panel) - 1 );
}
.ck.ck-balloon-panel.ck-evaluation-badge-balloon .ck.ck-evaluation-badge {
		line-height: var(--ck-evaluation-badge-line-height);
		padding: var(--ck-evaluation-badge-padding-vertical) var(--ck-evaluation-badge-padding-horizontal);
	}
.ck.ck-balloon-panel.ck-evaluation-badge-balloon .ck.ck-evaluation-badge .ck-evaluation-badge__label {
			display: block;
			padding: 0 2px;
			font-size: var(--ck-evaluation-badge-font-size);
			letter-spacing: var(--ck-evaluation-badge-letter-spacing);
			font-weight: bold;
			line-height: normal;
			text-transform: uppercase;
			color: var(--ck-evaluation-badge-text-color);
		}
.ck.ck-balloon-panel.ck-evaluation-badge-balloon[class*="position_inside"] {
		border-color: transparent;
	}
.ck.ck-balloon-panel.ck-evaluation-badge-balloon[class*="position_border"] {
		border: var(--ck-focus-ring);
		border-color: var(--ck-evaluation-badge-border-color);
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/**
 * Makes element unselectable.
 */
/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-button,
a.ck.ck-button {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;

	position: relative;
	display: inline-flex;
	align-items: center;
}

[dir="ltr"] .ck.ck-button, [dir="ltr"] a.ck.ck-button {
		justify-content: left;
	}

[dir="rtl"] .ck.ck-button, [dir="rtl"] a.ck.ck-button {
		justify-content: right;
	}

.ck.ck-button .ck-button__label, a.ck.ck-button .ck-button__label {
		display: none;
	}

.ck.ck-button.ck-button_with-text .ck-button__label, a.ck.ck-button.ck-button_with-text .ck-button__label {
			display: inline-block;
		}

/* Center the icon horizontally in a button without text. */

.ck.ck-button:not(.ck-button_with-text),  a.ck.ck-button:not(.ck-button_with-text)  {
		justify-content: center;
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-button.ck-switchbutton .ck-button__toggle {
		display: block;
	}

.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
			display: block;
		}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-list-item-button {
	min-height: unset;
	width: 100%;
	border-radius: 0;
}

[dir="ltr"] .ck.ck-list-item-button {
		text-align: left;
	}

[dir="rtl"] .ck.ck-list-item-button {
		text-align: right;
	}

[dir="ltr"] .ck.ck-list-item-button.ck-list-item-button_toggleable {
			padding-left: var(--ck-spacing-small);
	}

[dir="rtl"] .ck.ck-list-item-button.ck-list-item-button_toggleable {
			padding-right: var(--ck-spacing-small);
	}

.ck.ck-list-item-button .ck-list-item-button__check-holder {
		display: inline-flex;
		width: .9em;
		height: .9em;
	}

[dir="ltr"] .ck.ck-list-item-button .ck-list-item-button__check-holder {
			margin-right: var(--ck-spacing-small);
	}

[dir="rtl"] .ck.ck-list-item-button .ck-list-item-button__check-holder {
			margin-left: var(--ck-spacing-small);
	}

.ck.ck-list-item-button .ck-list-item-button__check-icon {
		height: 100%;
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-collapsible.ck-collapsible_collapsed > .ck-collapsible__children {
		display: none;
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-color-grid {
	display: grid;
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.color-picker-hex-input {
	width: max-content;
}

.color-picker-hex-input .ck.ck-input {
		min-width: unset;
	}

.ck.ck-color-picker__row {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: var(--ck-spacing-large) 0 0;
	width: unset;
}

.ck.ck-color-picker__row .ck.ck-labeled-field-view {
		padding-top: unset;
	}

.ck.ck-color-picker__row .ck.ck-input-text {
		width: unset;
	}

.ck.ck-color-picker__row .ck-color-picker__hash-view {
		padding-top: var(--ck-spacing-tiny);
		padding-right: var(--ck-spacing-medium);
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/* View fragment with color grids. */

.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color,
		.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
			display: flex;
			align-items: center;
		}

[dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color, [dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
				justify-content: flex-start;
	}

/* View fragment with a color picker. */

.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar {
			display: flex;
			flex-direction: row;
			justify-content: space-around;
		}

.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-save,
			.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-cancel {
				flex: 1
			}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-dialog .ck.ck-dialog__actions {
		display: flex;
		justify-content: flex-end;
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-dialog-overlay {
	user-select: none;
	overscroll-behavior: none;

	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
}

.ck.ck-dialog-overlay.ck-dialog-overlay__transparent {
		pointer-events: none;
		animation: none;
		background: none;
	}

.ck.ck-dialog {
	overscroll-behavior: none;
	width: fit-content;
	position: absolute;
}

.ck.ck-dialog .ck.ck-form__header  {
		flex-shrink: 0;
	}

/* Modals should not be draggable. */

.ck.ck-dialog:not(.ck-dialog_modal) .ck.ck-form__header .ck-form__header__label {
			cursor: grab;
		}

.ck.ck-dialog-overlay.ck-dialog-overlay__transparent .ck.ck-dialog {
		pointer-events: all;
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

:root {
	--ck-dropdown-max-width: 75vw;
}

.ck.ck-dropdown {
	display: inline-block;
	position: relative;
}

.ck.ck-dropdown .ck-dropdown__arrow {
		pointer-events: none;
		z-index: var(--ck-z-default);
	}

/* Dropdown button should span horizontally, e.g. in vertical toolbars */

.ck.ck-dropdown .ck-button.ck-dropdown__button {
		width: 100%;
	}

.ck.ck-dropdown .ck-dropdown__panel {
		display: none;
		z-index: var(--ck-z-panel);
		max-width: var(--ck-dropdown-max-width);

		position: absolute;
	}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible {
			display: inline-block;
		}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme {
			bottom: 100%;
		}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s {
			/*
			 * Using transform: translate3d( 0, 100%, 0 ) causes blurry dropdown on Chrome 67-78+ on non-retina displays.
			 * See https://github.com/ckeditor/ckeditor5/issues/1053.
			 */
			top: 100%;
			bottom: auto;
		}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
			left: 0px;
		}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {
			right: 0px;
		}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n {
			/* Positioning panels relative to the center of the button */
			left: 50%;
			transform: translateX(-50%);
		}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw {
			/* Positioning panels relative to the middle-west of the button */
			left: 75%;
			transform: translateX(-75%);
		}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme,
		.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme {
			/* Positioning panels relative to the middle-east of the button */
			left: 25%;
			transform: translateX(-25%);
		}

/*
 * Toolbar dropdown panels should be always above the UI (eg. other dropdown panels) from the editor's content.
 * See https://github.com/ckeditor/ckeditor5/issues/7874
 */
.ck.ck-toolbar .ck-dropdown__panel {
	z-index: calc( var(--ck-z-panel) + 1 );
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-splitbutton {
	/* Enable font size inheritance, which allows fluid UI scaling. */
	font-size: inherit;
}

.ck.ck-splitbutton .ck-splitbutton__action:focus {
		z-index: calc(var(--ck-z-default) + 1);
	}


/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

:root {
	--ck-toolbar-dropdown-max-width: 60vw;
}

.ck.ck-toolbar-dropdown > .ck-dropdown__panel {
	/* https://github.com/ckeditor/ckeditor5/issues/5586 */
	width: max-content;
	max-width: var(--ck-toolbar-dropdown-max-width);
}

.ck.ck-toolbar-dropdown > .ck-dropdown__panel .ck-button:focus {
			z-index: calc(var(--ck-z-default) + 1);
		}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
	pointer-events: none;
	z-index: var(--ck-z-default);
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel {
	position: absolute;
	max-height: 314px; /* With the default settings, this is equal to 10 menu items. */
	overflow-y: auto;
	z-index: calc(var(--ck-z-panel) + 1);
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-dropdown-menu-list__nested-menu {
	display: block;
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-aria-live-announcer {
	position: absolute;
	left: -10000px;
	top: -10000px;
}

.ck.ck-aria-live-region-list {
	list-style-type: none;
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-form__header {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}

.ck.ck-form__header h2.ck-form__header__label {
		flex-grow: 1;
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-icon {
	vertical-align: middle;
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-label {
	display: block;
}

.ck.ck-voice-label {
	display: none;
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
		display: flex;
		position: relative;
	}

.ck.ck-labeled-field-view .ck.ck-label {
		display: block;
		position: absolute;
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/**
 * Makes element unselectable.
 */

.ck.ck-list {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;

	display: flex;
	flex-direction: column;
}

.ck.ck-list .ck-list__item,
	.ck.ck-list .ck-list__separator {
		display: block;
	}

/* Make sure that whatever child of the list item gets focus, it remains on the
	top. Thanks to that, styles like box-shadow, outline, etc. are not masked by
	adjacent list items. */

.ck.ck-list .ck-list__item > *:focus {
		position: relative;
		z-index: var(--ck-z-default);
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

:root {
	/* Make sure the balloon arrow does not float over its children. */
	--ck-balloon-panel-arrow-z-index: calc(var(--ck-z-default) - 3);
}

.ck.ck-balloon-panel {
	display: none;
	position: absolute;

	z-index: var(--ck-z-panel);
}

.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before,
		.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after {
			content: "";
			position: absolute;
		}

.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before {
			z-index: var(--ck-balloon-panel-arrow-z-index);
		}

.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after {
			z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
		}

.ck.ck-balloon-panel[class*="arrow_n"]::before {
			z-index: var(--ck-balloon-panel-arrow-z-index);
		}

.ck.ck-balloon-panel[class*="arrow_n"]::after {
			z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
		}

.ck.ck-balloon-panel[class*="arrow_s"]::before {
			z-index: var(--ck-balloon-panel-arrow-z-index);
		}

.ck.ck-balloon-panel[class*="arrow_s"]::after {
			z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
		}

.ck.ck-balloon-panel.ck-balloon-panel_visible {
		display: block;
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck .ck-balloon-rotator__navigation {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Buttons inside a toolbar should be centered when rotator bar is wider.
 * See: https://github.com/ckeditor/ckeditor5-ui/issues/495
 */
.ck .ck-balloon-rotator__content .ck-toolbar {
	justify-content: center;
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck .ck-fake-panel {
	position: absolute;

	/* Fake panels should be placed under main balloon content. */
	z-index: calc(var(--ck-z-panel) - 1);
}

.ck .ck-fake-panel div {
	position: absolute;
}

.ck .ck-fake-panel div:nth-child( 1 ) {
	z-index: 2;
}

.ck .ck-fake-panel div:nth-child( 2 ) {
	z-index: 1;
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
		z-index: var(--ck-z-panel); /* #315 */
		position: fixed;
		top: 0;
	}

.ck.ck-sticky-panel .ck-sticky-panel__content_sticky_bottom-limit {
		top: auto;
		position: absolute;
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-autocomplete {
	position: relative;
}

.ck.ck-autocomplete > .ck-search__results {
		position: absolute;
		z-index: var(--ck-z-panel);
	}

.ck.ck-autocomplete > .ck-search__results.ck-search__results_n {
			bottom: 100%;
		}

.ck.ck-autocomplete > .ck-search__results.ck-search__results_s {
			top: 100%;
			bottom: auto;
		}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
		}

[dir="ltr"] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
				left: var(--ck-spacing-medium);
	}

[dir="rtl"] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
				right: var(--ck-spacing-medium);
	}

.ck.ck-search > .ck-labeled-field-view .ck-search__reset {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
		}

.ck.ck-search > .ck-search__results > .ck-search__info > span:first-child {
				display: block;
			}

/* Hide the filtered view when nothing was found */

.ck.ck-search > .ck-search__results > .ck-search__info:not(.ck-hidden) ~ * {
				display: none;
			}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-highlighted-text mark {
	background: var(--ck-color-highlight-background);
	vertical-align: initial;
	font-weight: inherit;
	line-height: inherit;
	font-size: inherit;
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/**
 * Makes element unselectable.
 */

.ck.ck-balloon-panel.ck-tooltip {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;

	z-index: calc( var(--ck-z-dialog) + 100 );
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

:root {
	--ck-toolbar-spinner-size: 18px;
}

.ck.ck-spinner-container {
	display: block;
	position: relative;
}

.ck.ck-spinner {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: translateY(-50%);
	z-index: 1;
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/**
 * Makes element unselectable.
 */

.ck.ck-toolbar {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;

	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}

.ck.ck-toolbar > .ck-toolbar__items {
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		flex-grow: 1;

	}

.ck.ck-toolbar .ck.ck-toolbar__separator {
		display: inline-block;

		/*
		 * A leading or trailing separator makes no sense (separates from nothing on one side).
		 * For instance, it can happen when toolbar items (also separators) are getting grouped one by one and
		 * moved to another toolbar in the dropdown.
		 */
	}

.ck.ck-toolbar .ck.ck-toolbar__separator:first-child,
		.ck.ck-toolbar .ck.ck-toolbar__separator:last-child {
			display: none;
		}

.ck.ck-toolbar .ck-toolbar__line-break {
		flex-basis: 100%;
	}

.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {
		flex-wrap: nowrap;
	}

.ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items {
		flex-direction: column;
	}

.ck.ck-toolbar.ck-toolbar_floating > .ck-toolbar__items {
		flex-wrap: nowrap;
	}

.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck-dropdown__button .ck-dropdown__arrow {
			display: none;
		}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-block-toolbar-button {
	position: absolute;
	z-index: var(--ck-z-default);
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
		pointer-events: none;
		z-index: var(--ck-z-default);
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

:root {
	--ck-menu-bar-menu-max-width: 75vw;
	--ck-menu-bar-nested-menu-horizontal-offset: 5px;
}

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
	z-index: var(--ck-z-panel);
	max-width: var(--ck-menu-bar-menu-max-width);
	position: absolute;
}

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne,
	.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw {
		bottom: 100%;
	}

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se,
	.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
		top: 100%;
		bottom: auto;
	}

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne,
	.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se {
		left: 0px;
	}

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw,
	.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
		right: 0px;
	}

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es,
	.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en {
		left: calc( 100% - var(--ck-menu-bar-nested-menu-horizontal-offset) );
	}

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es {
		top: 0px;
	}

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en {
		bottom: 0px;
	}

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws,
	.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn {
		right: calc( 100% - var(--ck-menu-bar-nested-menu-horizontal-offset) );
	}

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws {
		top: 0px;
	}

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn {
		bottom: 0px;
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-menu-bar__menu {
	display: block;
	position: relative;
}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

:root {
	--ck-color-resizer: var(--ck-color-focus-border);
	--ck-color-resizer-tooltip-background: hsl(0, 0%, 15%);
	--ck-color-resizer-tooltip-text: hsl(0, 0%, 95%);

	--ck-resizer-border-radius: var(--ck-border-radius);
	--ck-resizer-tooltip-offset: 10px;
	--ck-resizer-tooltip-height: calc(var(--ck-spacing-small) * 2 + 10px);
}

.ck .ck-widget {
	/* This is neccessary for type around UI to be positioned properly. */
	position: relative;
}

.ck .ck-widget.ck-widget_with-selection-handle {
	/* Make the widget wrapper a relative positioning container for the drag handle. */
	position: relative;
}

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
		position: absolute;
	}

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon {
			/* Make sure the icon in not a subject to font-size or line-height to avoid
			unnecessary spacing around it. */
			display: block;
		}

/* Show the selection handle on mouse hover over the widget, but not for nested widgets. */

.ck .ck-widget.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle {
		visibility: visible;
	}

/* Show the selection handle when the widget is selected, but not for nested widgets. */

.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle {
		visibility: visible;
	}

.ck .ck-size-view {
	background: var(--ck-color-resizer-tooltip-background);
	color: var(--ck-color-resizer-tooltip-text);
	border: 1px solid var(--ck-color-resizer-tooltip-text);
	border-radius: var(--ck-resizer-border-radius);
	font-size: var(--ck-font-size-tiny);
	display: block;
	padding: 0 var(--ck-spacing-small);
	height: var(--ck-resizer-tooltip-height);
	line-height: var(--ck-resizer-tooltip-height);
}

.ck .ck-size-view.ck-orientation-top-left,
	.ck .ck-size-view.ck-orientation-top-right,
	.ck .ck-size-view.ck-orientation-bottom-right,
	.ck .ck-size-view.ck-orientation-bottom-left,
	.ck .ck-size-view.ck-orientation-above-center {
		position: absolute;
	}

.ck .ck-size-view.ck-orientation-top-left {
		top: var(--ck-resizer-tooltip-offset);
		left: var(--ck-resizer-tooltip-offset);
	}

.ck .ck-size-view.ck-orientation-top-right {
		top: var(--ck-resizer-tooltip-offset);
		right: var(--ck-resizer-tooltip-offset);
	}

.ck .ck-size-view.ck-orientation-bottom-right {
		bottom: var(--ck-resizer-tooltip-offset);
		right: var(--ck-resizer-tooltip-offset);
	}

.ck .ck-size-view.ck-orientation-bottom-left {
		bottom: var(--ck-resizer-tooltip-offset);
		left: var(--ck-resizer-tooltip-offset);
	}

/* Class applied if the widget is too small to contain the size label */

.ck .ck-size-view.ck-orientation-above-center {
		top: calc(var(--ck-resizer-tooltip-height) * -1);
		left: 50%;
		transform: translate(-50%);
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck .ck-widget_with-resizer {
	/* Make the widget wrapper a relative positioning container for the drag handle. */
	position: relative;
}

.ck .ck-widget__resizer {
	display: none;
	position: absolute;

	/* The wrapper itself should not interfere with the pointer device, only the handles should. */
	pointer-events: none;

	left: 0;
	top: 0;
}

.ck-focused .ck-widget_with-resizer.ck-widget_selected > .ck-widget__resizer {
		display: block;
	}

.ck .ck-widget__resizer__handle {
	position: absolute;

	/* Resizers are the only UI elements that should interfere with a pointer device. */
	pointer-events: all;
}

.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left,
	.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right {
		cursor: nwse-resize;
	}

.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right,
	.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left {
		cursor: nesw-resize;
	}

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

/*
	 * Styles of the type around buttons
	 */

.ck .ck-widget .ck-widget__type-around__button {
		display: block;
		position: absolute;
		overflow: hidden;
		z-index: var(--ck-z-default);
	}

.ck .ck-widget .ck-widget__type-around__button svg {
			position: absolute;
			top: 50%;
			left: 50%;
			z-index: calc(var(--ck-z-default) + 2);
		}

.ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_before {
			/* Place it in the middle of the outline */
			top: calc(-0.5 * var(--ck-widget-outline-thickness));
			left: min(10%, 30px);

			transform: translateY(-50%);
		}

.ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_after {
			/* Place it in the middle of the outline */
			bottom: calc(-0.5 * var(--ck-widget-outline-thickness));
			right: min(10%, 30px);

			transform: translateY(50%);
		}

/*
	 * Styles for the buttons when:
	 * - the widget is selected,
	 * - or the button is being hovered (regardless of the widget state).
	 */

.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button::after, .ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover::after {
			content: "";
			display: block;
			position: absolute;
			top: 1px;
			left: 1px;
			z-index: calc(var(--ck-z-default) + 1);
		}

/*
	 * Styles for the horizontal "fake caret" which is displayed when the user navigates using the keyboard.
	 */

.ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
		display: none;
		position: absolute;
		left: 0;
		right: 0;
	}

/*
	 * When the widget is hovered the "fake caret" would normally be narrower than the
	 * extra outline displayed around the widget. Let's extend the "fake caret" to match
	 * the full width of the widget.
	 */

.ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
		left: calc( -1 * var(--ck-widget-outline-thickness) );
		right: calc( -1 * var(--ck-widget-outline-thickness) );
	}

/*
	 * Styles for the horizontal "fake caret" when it should be displayed before the widget (backward keyboard navigation).
	 */

.ck .ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
		top: calc( -1 * var(--ck-widget-outline-thickness) - 1px );
		display: block;
	}

/*
	 * Styles for the horizontal "fake caret" when it should be displayed after the widget (forward keyboard navigation).
	 */

.ck .ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
		bottom: calc( -1 * var(--ck-widget-outline-thickness) - 1px );
		display: block;
	}

/*
 * Integration with the read-only mode of the editor.
 */
.ck.ck-editor__editable.ck-read-only .ck-widget__type-around {
	display: none;
}

/*
 * Integration with the restricted editing mode (feature) of the editor.
 */
.ck.ck-editor__editable.ck-restricted-editing_mode_restricted .ck-widget__type-around {
	display: none;
}

/*
 * Integration with the #isEnabled property of the WidgetTypeAround plugin.
 */
.ck.ck-editor__editable.ck-widget__type-around_disabled .ck-widget__type-around {
	display: none;
}

/*# sourceMappingURL=ckeditor5.css.map */a.eventContextMenu {
  background: url(../../ext/calendar/asset/img/contextmenu.png) no-repeat; }
  a.eventContextMenu.eventAdd {
    background-position: 5px -298px !important; }
  a.eventContextMenu.eventEdit {
    background-position: 5px 4px; }
  a.eventContextMenu.eventEditSeries {
    background-position: 5px 4px; }
  a.eventContextMenu.eventShow {
    background-position: 5px -120px; }
  a.eventContextMenu.eventShowInCalendar {
    background-position: 5px -28px; }
  a.eventContextMenu.eventRemove {
    background-position: 5px -57px; }
  a.eventContextMenu.eventRemoveSeries {
    background-position: 5px -57px; }

a.eventContextMenu.eventAdd,
a.eventContextMenu.showInCalendarDay,
a.eventContextMenu.showInCalendarWeek,
a.eventContextMenu.showInCalendarMonth {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat; }

/*
 * ---------------------------------------
 * Show in calendar views
 * ---------------------------------------
 */
a.eventContextMenu {
    /*
   * ---------------------------------------
   * Reminder options (email and popup)
   * ---------------------------------------
   */ }
  a.eventContextMenu.showInCalendarDay {
    background-position: 6px -205px; }
  a.eventContextMenu.showInCalendarWeek {
    background-position: 6px -235px; }
  a.eventContextMenu.showInCalendarMonth {
    background-position: 6px -265px; }
  a.eventContextMenu.eventReminderEmail {
    background-position: 5px -148px; }
  a.eventContextMenu.eventReminderPopup {
    background-position: 5px -180px; }

  .context-submenu li a.eventContextMenu.selected {
    background-image: none;
    background-color: #e1e5d8 !important; }
  .context-submenu li a.eventContextMenu.disabled.selected {
    cursor: default !important;
    color: #999999 !important;
    background: url(../../core/asset/img/icons.png) repeat-x 0 -1570px !important;
    background-color: #e1e5d8 !important; }

.context-submenu .reminderTimeNone,
.context-submenu .reminderTime0,
.context-submenu .reminderTime5m,
.context-submenu .reminderTime15m,
.context-submenu .reminderTime30m,
.context-submenu .reminderTime1h,
.context-submenu .reminderTime2h,
.context-submenu .reminderTime12h,
.context-submenu .reminderTime1d,
.context-submenu .reminderTime2d,
.context-submenu .reminderTime1w {
  background-color: white;
  background-image: none; }


#todoyuprojectheadletquicktask .button {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 1px -115px; }

#todoyuprojectheadletquicktask .button div.icon {
  height: 100%;
  width: 100%;
  background: url(../../ext/project/asset/img/icons.png) no-repeat 2px -505px; }

/*
 * ------------------------
 * Wizard popUp styling
 * ------------------------
 */
#quicktask.dialog #quicktask_top.dialog.title {
  padding: 0 0 0 32px;
  background: url(../../ext/project/asset/img/icons.png) no-repeat 0 -510px; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
span.extIconProject {
  background: url(../../ext/project/asset/img/exticon.png) no-repeat 0 0; }

h1.extIconProject .title {
  background: url(../../ext/project/asset/img/exticon.png) no-repeat 0 5px; }

/*
 * -----------------
 * Sub menu
 * -----------------
 */
/*
 * Projects
 */
#navi-main-list-project li.item a,
#navi-main-list-search li.itemSearchProject a {
  background-image: url(../../ext/project/asset/img/icons.png) !important;
  background-repeat: no-repeat;
  background-position: 6px -446px; }

/*
 * Search
 */
#navi-main-list-search li.itemSearchTask a {
  background-image: url(../../ext/project/asset/img/icons.png) !important;
  background-repeat: no-repeat;
  background-position: 6px 6px; }

/*
 * ------------------------
 * Quick create wizard popUp styling
 * ------------------------
 */
#quickcreate.dialog.project div#quickcreate_top.dialog_title {
  padding: 0 0 0 22px;
  background: url(../../ext/project/asset/img/icons.png) no-repeat 0 -355px; }

#quickcreate.dialog.task div#quickcreate_top.dialog_title {
  padding: 0 0 0 22px;
  background: url(../../ext/project/asset/img/icons.png) no-repeat 0 2px; }

/*
 * -----------------------------------------------
 * Quick create (headlet) mode selector entries
 * -----------------------------------------------
 */
#todoyuheadletquickcreate li.itemProjectProject a {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 5px -388px; }

#todoyuheadletquickcreate li.itemProjectTask a {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 5px -58px; }

/*
 * -----------------
 * Search
 * -----------------
 */
#todoyusearchheadletquicksearch-modes li.searchmodeTask a {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 3px 3px !important; }

#todoyusearchheadletquicksearch form.searchmodeTask a.mode {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 3px -23px !important; }

#todoyusearchheadletquicksearch-modes li.searchmodeProject a {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 3px -447px !important; }

#todoyusearchheadletquicksearch form.searchmodeProject a.mode {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 1px -614px !important; }

/*
 * -----------------------------------------------
 * Search Listing of Projects
 * -----------------------------------------------
 */


.projectlist .headerLine .projectNumber {
  float: right;
  padding: 0 10px; }

.project h3.projectheader {
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid #dddddd;
  clear: both;
  cursor: pointer;
  display: block;
  height: 14px !important;
  padding: 4px 0; }

.project .expanded h3 {
  border-bottom: none; }

.projects .project h3 .headLabel {
  border-left-style: solid;
  border-left-width: 8px;
  display: block;
  float: left;
  height: auto !important;
  margin: -4px 0 -4px 0;
  min-height: 14px;
  padding: 4px 0 4px 17px; }

.projects .project h3 .projectName {
  width: 826px;
  float: left; }

.projects .project h3 .projectNumber {
  padding: 0 10px;
  float: right; }

.projects .project.expanded h3 {
  background-color: #dddddd;
  border-bottom: none;
  font-weight: bold; }

/*
 * --------------------------------------
 * Task and project properties
 * -------------------------------------
 */
.details .description a {
  text-decoration: underline !important; }

.data ul li {
  padding-left: 5px; }

.data ol {
  margin: 0 0 0 5px;
  padding: 0 0 5px 14px; }

.data ul {
  list-style: disc; }

.data ul.ulList {
  padding: 0; }

.data ul.assignedPersons li span {
  padding-left: 20px; }

#project-tabs {
  width: 100%;
  overflow: hidden;
  margin-top: -20px; }

/*
 * No project selected
 */
.noProjectSelected {
  padding: 10px; }

.noProjectSelected .option {
  background-color: #eeeeee;
  border: 1px solid #aaaaaa;
  cursor: pointer;
  font-size: 14px;
  margin-bottom: 10px;
  padding: 10px; }

.noProjectSelected p.message {
  padding: 10px; }

/*
 * --------------------------------------
 * Project tree tabs
 * -------------------------------------
 */
#project-tabs li span.icon {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 0 -445px; }

/*
 * --------------------------------------
 * Search tabs
 * -------------------------------------
 */
#search-tab-task span.icon {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 0 6px; }

#search-tab-project span.icon {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 0 -350px; }

/*
 * --------------------------------------
 * Tab content
 * -------------------------------------
 */
.task .tabContent .tabBlock {
  background: none; }
  .task .tabContent .tabBlock.fForm fieldset {
    padding-top: 15px; }
    .task .tabContent .tabBlock.fForm fieldset legend {
      display: none; }

.task .tabContent .fForm fieldset.buttons {
  padding-top: 0; }

/*
 * -------------------------------------
 * Extconf and task preset set form
 * -------------------------------------
 */
fieldset.defaultsforlimited {
  margin-top: 10px;
  border-top: 1px solid #dddddd;
  padding-top: 10px; }

/*
 * -------------------------------------
 * Status colors for task and project
 * -------------------------------------
 */
/*
 * planning
 */
.bcStatus1 {
  border-color: #7f007f; }

.bgStatus1 {
  background-color: #7f007f; }

/*
 * open
 */
.bcStatus2 {
  border-color: red; }

.bgStatus2 {
  background-color: red; }

/*
 * progress
 */
.bcStatus3 {
  border-color: #ffac00; }

.bgStatus3 {
  background-color: #ffac00; }

/*
 * confirm
 */
.bcStatus4 {
  border-color: #fffc00; }

.bgStatus4 {
  background-color: #fffc00; }

/*
 * done
 */
.bcStatus5 {
  border-color: #77dc00; }

.bgStatus5 {
  background-color: #77dc00; }

/*
 * accepted
 */
.bcStatus6 {
  border-color: green; }

.bgStatus6 {
  background-color: green; }

/*
 * rejected
 */
.bcStatus7 {
  border-color: #a60000; }

.bgStatus7 {
  background-color: #a60000; }

/*
 * cleared
 */
.bcStatus8 {
  border-color: #dbdbdb; }

.bgStatus8 {
  background-color: #dbdbdb; }

/*
 * warranty
 */
.bcStatus9 {
  border-color: #6085dd; }

.bgStatus9 {
  background-color: #6085dd; }

/*
 * customer
 */
.bcStatus10 {
  border-color: pink; }

.bgStatus10 {
  background-color: pink; }

/*
 * ---------------------------------
 * Project details task preset
 * --------------------------------
 */
.project .infoBox.expandable h4 {
  cursor: pointer;
  background-image: url(../../ext/project/asset/img/icons.png);
  background-repeat: no-repeat;
  background-position: right -745px; }
  .project .infoBox.expandable h4.closed {
    background-position: right -775px; }

/*
 * -----------------------------
 * Records form elements
 * ----------------------------
 */
.fElement.typeRecords.recordsProject .recordIcon {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 2px -354px; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
span.Sysmanager {
  background: url(../../ext/sysmanager/asset/img/exticon.png) no-repeat 0 0; }

span.extIconSysmanager {
  background: url(../../ext/sysmanager/asset/img/exticon.png) no-repeat 0 0; }

h1.extIconSysmanager .title {
  background: url(../../ext/sysmanager/asset/img/exticon.png) no-repeat 0 5px; }

#sysmanager-tabs li.tabkey-welcome span.icon {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 2px; }

/*
 * --------------------------
 * Sub menu
 * --------------------------
 */
#navi-main-list-todoyu li.itemSysmanager a {
  background-image: url(../../ext/sysmanager/asset/img/icons.png);
  background-repeat: no-repeat;
  background-position: 6px 5px; }

/*
 * ------------------------------
 * Extension: Config
 * ------------------------------
 */
#panelwidget-sysmanagermodules li.rights a {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -569px; }

#panelwidget-sysmanagermodules li.config a {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -569px; }

#content .noExtConf {
  padding: 20px;
  display: block;
  clear: both;
  font-weight: bold;
  font-size: 16px; }

table.extInfo {
  line-height: 20px;
  width: 650px;
  border: 0;
  margin: 10px 0 12px 10px; }

table.extInfo th.label {
  width: 150px; }

table.extInfo th.value {
  width: 538px; }

/*
 * -----------------------------------
 * Create mode options in headlet
 * -----------------------------------
 */
.createmode-role {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 11px -208px; }

/*
 * ------------------------------------
 * Quick create wizard popUp styling
 * ------------------------------------
 */
#quickcreate.dialog.role div#quickcreate_top.dialog_title {
  padding: 0 0 0 22px;
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -209px; }

/*
 * -----------------------------------------------
 * Quick create (headlet) mode selector entries
 * -----------------------------------------------
 */
#todoyuheadletquickcreate li.itemSysmanagerRole a {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 5px -538px; }

/*
 * -------------------------
 * Role list
 * -------------------------
 */
.rolesListing th,
.rolesListing td {
  vertical-align: middle; }

/*
 * Column widths
 */
.rolesListing th.icon {
  width: 15px; }

.rolesListing th.title {
  width: 150px; }

.rolesListing th.description {
  width: 285px; }

.rolesListing th.persons {
  width: 100px; }

.rolesListing th.actions {
  width: 50px; }

/*
 * Column configs
 */
.rolesListing td.icon {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 3px -204px; }

.rolesListing td.actions span.icon {
  margin-right: 5px; }

.rolesListing td.actions span {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat;
  cursor: pointer; }

.rolesListing td.actions span.edit {
  background-position: 0 -239px; }

.rolesListing td.actions span.delete {
  background-position: 0 -269px; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
span.extIconLoginpage {
  background: url(../../ext/loginpage/asset/img/exticon.png) no-repeat 0 0; }

h1.extIconLoginpage .title {
  background: url(../../ext/loginpage/asset/img/exticon.png) no-repeat 0 5px; }

/*
 * -------------------------------
 * Default layout changes
 * -------------------------------
 */
  body.todoyu-loginpage #content h1.headerLine {
    margin: 0; }
  body.todoyu-loginpage #right {
    border-radius: 10px;
    top: 20px; }
    body.todoyu-loginpage #right .inner {
      background-color: #edf1e0; }

span#password-forget {
  line-height: 23px;
  padding-right: 10px;
  position: absolute;
  right: 300px;
  bottom: 18px; }

#formElement-login-field-forgotpassword-inputbox {
  width: 420px;
  text-align: right; }

#forgotpassword-fieldset-buttons div.fElement {
  float: left !important; }

/*
 * ---------------------
 * Login form
 * ---------------------
 */
  #todoyu-loginpage .formLogin {
    padding: 0;
    background: none; }
    #todoyu-loginpage .formLogin a:hover {
      color: #444444; }
    #todoyu-loginpage .formLogin fieldset {
      border: none;
      padding: 0; }
      #todoyu-loginpage .formLogin fieldset legend {
        display: none; }
      #todoyu-loginpage .formLogin fieldset.buttons {
        text-align: left; }
        #todoyu-loginpage .formLogin fieldset.buttons .fElement .fField {
          float: none; }
      #todoyu-loginpage .formLogin fieldset.message {
        margin: 0;
        border: none; }
    #todoyu-loginpage .formLogin .fElement {
      padding: 10px; }
      #todoyu-loginpage .formLogin .fElement input {
        width: 220px;
        padding: 2px;
        font-size: 13px;
        line-height: 16px; }
        #todoyu-loginpage .formLogin .fElement input.checkbox {
          top: 3px; }
      #todoyu-loginpage .formLogin .fElement .fLabel {
        width: 180px;
        padding: 5px; }
      #todoyu-loginpage .formLogin .fElement.typeCheckbox input {
        width: auto; }
      #todoyu-loginpage .formLogin .fElement.fieldnameStatus .fField {
        margin: 0 0 0 195px; }
        #todoyu-loginpage .formLogin .fElement.fieldnameStatus .fField.notification {
          margin-left: 0; }
      #todoyu-loginpage .formLogin .fElement.fieldnameSubmit .fField {
        margin: 0; }
    #todoyu-loginpage .formLogin .notification {
      width: auto;
      margin: 0;
      padding: 5px 0;
      float: none;
      text-align: center;
      line-height: 21px;
      border: 1px solid white !important;
      background-color: lightyellow !important; }
      #todoyu-loginpage .formLogin .notification img {
        position: relative;
        top: 4px;
        margin-right: 5px; }
      #todoyu-loginpage .formLogin .notification .icon {
        display: inline-block !important;
        height: 18px;
        margin-bottom: -5px;
        margin-right: 3px;
        background-image: url(../../core/asset/img/icons.png);
        background-repeat: no-repeat;
        float: none; }
      #todoyu-loginpage .formLogin .notification.success {
        background-color: #c8ddbe !important;
        border-color: green; }
        #todoyu-loginpage .formLogin .notification.success .icon {
          background-position: 0 -1918px; }
      #todoyu-loginpage .formLogin .notification.failure {
        background-color: #f6e0e0 !important;
        border-color: #a84747; }
        #todoyu-loginpage .formLogin .notification.failure .icon {
          background-position: 0 -1464px; }
  #todoyu-loginpage p.slogan {
    bottom: 0;
    color: white;
    font-size: 13px;
    font-weight: bold;
    height: 34px;
    padding: 12px 10px;
    position: absolute;
    right: 0;
    text-align: right;
    text-transform: uppercase; }
  #todoyu-loginpage .panelWidget .content {
    margin-top: 0;
    position: relative; }

#todoyu-loginpage .formLogin .fElement.fieldnameStatus,
#todoyu-loginpage .formLogin .fElement.fieldnameSubmit {
  margin: 0;
  float: none;
  border-top: none; }

#todoyu-loginpage .formLogin .fElement.fieldnameStatus .fLabel,
#todoyu-loginpage .formLogin .fElement.fieldnameSubmit .fLabel {
  display: none; }

#todoyu-loginpage .formLogin div.odd,
#todoyu-loginpage .formLogin div.even {
  background-color: #edf1e0; }

#todoyu-loginpage .formLogin fieldset.buttons,
#todoyu-loginpage .formLogin fieldset.buttons div.odd,
#todoyu-loginpage .formLogin fieldset.buttons div.even {
  background-color: #d0d6be !important; }

  button.buttonLogin {
    margin-left: 195px; }
    button.buttonLogin span.icon {
      background: url(../../ext/loginpage/asset/img/icons.png) no-repeat 4px -57px;
      width: 24px; }
  button.sendNewPasswordButton span.icon {
    background: url(../../ext/loginpage/asset/img/icons.png) no-repeat 4px -86px;
    width: 24px; }

#todoyu-loginpage #formElement-login-field-status-inputbox,
#todoyu-loginpage #formElement-forgotpassword-field-status-inputbox {
  border: 1px solid #edf1e0;
  padding-right: 40px; }

#todoyu-loginpage .formLogin  a,
#todoyu-loginpage .formLogin  a:hover {
  text-decoration: underline; }

/*
 * ----------------------------
 * Todoyu Info on Login page
 * ----------------------------
 */
#todoyu-info {
  border: 1px solid #d0d6be;
  background-color: #edf1e0;
  clear: both;
  padding: 15px; }

/*
 * ------------------------
 * Confirmation page
 * ------------------------
 */
div.passwordResetConfirmationText {
  padding: 5px; }
  div.passwordResetConfirmationText.failure {
    background-color: #f6e0e0 !important;
    border-color: #a84747; }
  div.passwordResetConfirmationText.successful {
    background-color: #c8ddbe !important;
    border-color: green; }

/*
 * ----------------------
 * Loginpage
 * ----------------------
 */
#reLoginPopup {
  text-align: left; }
  #reLoginPopup form.formLogin .notification {
    width: 480px !important; }

#loginform-cookiecheck,
#loginform-javascriptcheck,
#reLoginPopup #relogin-popup-message {
  border: 1px white solid;
  background: #f1f3be url(../../ext/loginpage/asset/img/alert.png) no-repeat 16px 16px;
  height: 50px;
  padding: 18px 0 5px 70px; }

#reLoginPopup form.formLogin fieldset.buttons,
#reLoginPopup form.formLogin fieldset.buttons div.odd,
#reLoginPopup form.formLogin fieldset.buttons div.even {
  background-color: #eeeeee !important; }

#reLoginPopup form.formLogin div.odd,
#reLoginPopup form.formLogin div.even {
  background-color: #f8f8f8; }

#loginform-cookiecheck,
#loginform-javascriptcheck {
  background-color: #f1f3be;
  border: 1px white solid; }

#loginform-cookiecheck .fField,
#formElement-login-field-javascript .fField {
  float: none;
  width: 75%; }

/*
 * ----------------------
 * Re-login popup
 * ----------------------
 */
div#relogin-popup-form fieldset.loginForm {
  background-color: white; }
  div#relogin-popup-form fieldset.loginForm input {
    font-size: 12px; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
span.extIconPortal {
  background: url(../../ext/portal/asset/img/exticon.png) no-repeat 0 0; }

  h1.extIconPortal .title {
    background: url(../../ext/portal/asset/img/exticon.png) no-repeat 0 5px; }

/*
 * -----------------
 * Sub menu
 * -----------------
 */
  #navi-main-list-portal li {
        /*
     * Selection
     */
        /*
     * To do
     */ }
    #navi-main-list-portal li a {
      background-image: url(../../ext/portal/asset/img/icons.png) !important;
      background-repeat: no-repeat; }
    #navi-main-list-portal li.itemSelection a {
      background-position: 6px 5px; }
    #navi-main-list-portal li.itemTodo a {
      background-position: 6px -55px; }

/*
 * -----------------
 * Tabs
 * -----------------
 */
#portal-tab-selection span.icon {
  background: url(../../ext/portal/asset/img/icons.png) no-repeat 0 3px; }

#portal-tab-todo span.icon {
  background: url(../../ext/portal/asset/img/icons.png) no-repeat 0 -55px; }

/*
 * -------------------------------------
 * QuickInfo icons for calendar infos
 * -------------------------------------
 */
#quickinfo dt.titleIcon,
span.eventTitleIcon {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 4px 4px; }

#quickinfo dt.dateIcon,
span.dateIcon {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 4px -568px; }

#quickinfo dt.placeIcon,
span.placeIcon {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 4px -538px; }

#quickinfo dt.workIcon {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 4px -1172px; }

#quickinfo dt.personsIcon,
span.personsIcon {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 4px 2px; }

span.reminderIcon {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 4px -958px; }

#calendar-title {
  margin-left: 8px;
  -moz-user-select: none; }

/*
 * ----------------------------------------------
 * Extension icon:stand-alone and in heading
 * ----------------------------------------------
 */
span.extIconCalendar {
  background: url(../../ext/calendar/asset/img/exticon.png) no-repeat 0 0; }

h1.extIconCalendar .title {
  background: url(../../ext/calendar/asset/img/exticon.png) no-repeat 0 5px; }

/*
 * --------------------------------------------
 * Main menu: Sub menu entries in planning
 * --------------------------------------------
 */
#navi-main-list-planning li.itemCalendarDay a,
#navi-main-list-planning li.itemCalendarWeek a,
#navi-main-list-planning li.itemCalendarMonth a {
  background-image: url(../../ext/calendar/asset/img/icons.png) !important;
  background-repeat: no-repeat; }

  #navi-main-list-planning li.itemCalendarDay a {
    background-position: 6px -205px; }
  #navi-main-list-planning li.itemCalendarWeek a {
    background-position: 6px -235px; }
  #navi-main-list-planning li.itemCalendarMonth a {
    background-position: 6px -265px; }

/*
 * --------------------------
 * Sub menu in portal
 * --------------------------
 */
#navi-main-list-portal li.itemAppointment a {
  background-image: url(../../ext/calendar/asset/img/icons.png) !important;
  background-repeat: no-repeat;
  background-position: 6px 5px; }

/*
 * ----------------------------------------
 * Quick create wizard pop-up styling
 * ----------------------------------------
 */
#quickcreate.dialog.event div#quickcreate_top.dialog_title {
  padding: 0 0 0 22px;
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 0 0; }

/*
 * --------------------------------
 * Create mode option in headlet
 * --------------------------------
 */
#todoyuheadletquickcreate li.itemCalendarEvent a {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 5px -296px; }

/*
 * ------------------------------
 * Search mode option in headlet
 * ------------------------------
 */
#todoyusearchheadletquicksearch-modes li.searchmodeEvent a {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 3px 3px !important; }

#todoyusearchheadletquicksearch form.searchmodeEvent a.mode {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 2px -1226px !important; }

/*
 * --------------------------
 * Portal tab appointment
 * --------------------------
 */
#portal-tab-appointment span.icon {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 0 5px; }

span.holiday {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-bottom: -2px;
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat -1px -390px;
  cursor: pointer; }

.dayMode span.holiday {
  background-color: #d0d6be;
  height: 16px;
  margin: 0 0 2px 1px;
  padding-left: 16px;
  padding-top: 1px;
  width: 598px; }

form.createevent label,
form.createeventMidcol label {
  display: block;
  float: left;
  width: 150px; }

form .warningMessage ul.holidayList {
  margin: 5px 0 0 32px; }

/*
 * ------------------------------------------------------------------
 * Events with / without multiple person assignments inside calendar
 * ------------------------------------------------------------------
 */
.enumColBGFademultiOrNone,
.enumColBGmultiOrNone,
.enumColBgFgmultiOrNone {
  color: #010101 !important;
  background-color: #e3eace !important;
  border-color: #d0d6be !important; }

.enumColBGmultiOrNone {
  background-color: #d0d6be !important; }

/*
 * --------------------------------------------------------------------
 * Date navigational buttons (center on today, go forward / backward)
 * --------------------------------------------------------------------
 */
.dateNavi {
  background: white;
    /*
   * Old browsers
   */
  background: -moz-linear-gradient(top, white 0%, #e0e0e0 100%);
    /*
   * FF3.6+
   */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e0e0e0));
    /*
   * Chrome,Safari4+
   */
  background: -webkit-linear-gradient(top, white 0%, #e0e0e0 100%);
    /*
   * Chrome10+,Safari5.1+
   */
  background: -o-linear-gradient(top, white 0%, #e0e0e0 100%);
    /*
   * Opera 11.10+
   */
  background: -ms-linear-gradient(top, white 0%, #e0e0e0 100%);
    /*
   * IE10+
   */
  background: linear-gradient(to bottom, white 0%, #e0e0e0 100%);
    /*
   * W3C
   */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0);
    /*
   * IE6-9
   */
  border-radius: 13px;
  border: 1px solid #bbbbbb;
  height: 15px;
  padding: 2px 5px;
  position: absolute;
  right: 10px;
  top: 2px; }
  .dateNavi .icon {
    background: url(../../ext/calendar/asset/img/icons.png) no-repeat 0 0;
    cursor: pointer;
    height: 15px;
    margin: 0;
    min-width: 28px;
    width: 28px; }
  .dateNavi .goToday {
    border: 1px solid #bbbbbb;
    border-width: 0 1px;
    background-position: 7px -150px; }
  .dateNavi .goBackward {
    background-position: 4px -120px; }
  .dateNavi .goForward {
    background-position: 7px -180px; }
  .dateNavi .toggleDayView {
    border-left: 1px solid #bbbbbb;
    background-position: 8px -60px; }
  .dateNavi .toggleWeekend {
    border-left: 1px solid #bbbbbb;
    background-position: 8px -91px; }

/*
 * -------------------
 * Popups
 * -------------------
 */
  .dialog .notification fieldset {
    padding: 8px 15px 15px; }
  .dialog .notification .fLabel {
    width: 110px; }
  .dialog .notification .fField {
    width: 280px; }
    .dialog .notification.reminder .eventDetails {
      margin: 16px 0 0 0; }
    .dialog .notification.reminder .eventDetailView td {
      padding: 4px; }

/*
 * -------------------
 * Reminder
 * -------------------
 */
button.rescheduleReminderButton span.icon {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 2px -1200px;
  padding-left: 6px; }

/*
 * ---------------
 * Grid
 * ---------------
 */
.mainGrid {
  border-bottom: 1px solid #dddddd;
  background: #d0d6be; }

#gridContainer {
  background: #f2f3ed;
  position: relative;
  overflow: hidden; }

/*
 * Scrolling or not
 */
#calendarBody {
  overflow: hidden; }
  #calendarBody.month {
    height: auto; }
  #calendarBody.full {
    overflow: visible; }

#tgnowptr {
  background: #f6f8f0 url(../../ext/calendar/asset/img/background-hours.png) repeat-y; }

#calendar .colHours {
  background: #f6f8f0 url(../../ext/calendar/asset/img/background-hours.png) repeat-y; }
  #calendar .colHours .hour {
    padding-left: 2px;
    color: #444444;
    height: 41px;
    margin-top: 1px;
    -moz-user-select: none;
    user-select: none;
    cursor: default; }
    #calendar .colHours .hour:hover {
      background-color: lightyellow; }
    #calendar .colHours .hour.currentHour {
      font-weight: bold; }

#calendar .dayMode .colHours .hour {
  cursor: pointer; }

/*
 * Marker layer of current hour
 */
#currentTimePastArea {
  position: absolute;
  top: 0px;
  z-index: 10;
  width: 100%;
  pointer-events: none;
  background-color: #cccccc;
  opacity: 0.4;
  overflow: hidden; }

#currentTimeMarker {
  position: absolute;
  z-index: 20;
  height: 2px;
  width: 100%;
  pointer-events: none;
  background-color: red; }

.timeSpacer {
  width: 4.5%; }

.dayEvents {
  background-color: white;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #d0d6be; }
  .dayEvents table {
    table-layout: fixed;
    width: 100%; }

/*
 * ----------------------
 * Area tabs
 * ----------------------
 */
#calendar-tabs span.icon {
  background-image: url(../../ext/calendar/asset/img/icons.png); }

#calendar-tab-day span.icon {
  background-position: 2px -204px; }

#calendar-tab-week span.icon {
  background-position: 2px -234px; }

#calendar-tab-month span.icon {
  background-position: 2px -264px; }

#calendar-tab-edit,
#calendar-tab-view {
  float: right !important; }

#calendar-tab-edit span.icon {
  background-position: 2px -24px; }

#calendar-tab-view span.icon {
  background-position: 2px 6px; }

/*
 * ----------------------
 * Calendar
 * ----------------------
 */
#calendar {
  background-color: white; }

#calendar-body {
  background-color: white;
  padding-bottom: 10px;
  width: 100%; }

/*
 * ------------------------
 * Create or update event
 * ------------------------
 */
li.editeventtab p.label span.icon {
  background: rgba(0, 0, 0, 0) url(../../ext/calendar/asset/img/icons.png) no-repeat scroll -1px -30px;
  margin-right: 2px; }

  #createevent .label {
    float: left;
    font-weight: bold;
    width: 125px; }
  #createevent .saveButton {
    background-color: green;
    color: white; }
  #createevent #repeatsChoices {
    background-color: #f6f8f0;
    margin-left: 130px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 4px; }
  #createevent #repeatsChoices_when {
    margin-top: 10px;
    font-weight: bold; }
  #createevent #repeatsChoices_area {
    margin-top: 10px;
    font-weight: bold; }

/*
 * ---------------
 * Event
 * ---------------
 */
div.dayMode div#calendarBody div.event dt.head {
  height: 15px;
  padding: 3px 0;
  margin-bottom: 1px; }

/*
 * ----------------------
 * Header
 * ----------------------
 */
.day-wk-dayname {
  font-weight: normal;
  color: #010101;
  padding: 2px 4px;
  margin-left: 4px;
  white-space: nowrap;
  text-align: center; }

.day-todaywk-dayname {
  background-color: #88aacc;
  border-color: #4f8ab4 #aaccee #aaccee #4f8ab4;
  border-style: solid;
  border-width: 1px;
  color: white;
  font-weight: bold;
  margin-left: 0;
  padding: 1px 3px;
  text-align: center;
  white-space: nowrap; }

/*
 * ----------------------
 * Day view today
 * ----------------------
 */
.dayviewToday {
  background-color: lightyellow; }

/*
 * ----------------------
 * Event
 * ----------------------
 */
.dayEvents .event {
  padding-top: 1px; }

#calendar .dayEvents .event span {
  display: inline-block; }

/*
 * ----------------------
 * Helper classes
 * ----------------------
 */
.wid4 {
  width: 4px; }

.wid40 {
  width: 40px; }

/*
 * ---------------
 * Header
 * ---------------
 */
.gridHeader {
  position: relative;
  z-index: 110; }
  .gridHeader .wk-weektop {
    background-color: #d0d6be;
    font-size: 11px;
    line-height: 14px;
    overflow: hidden;
    width: 100%; }

  .weekMode .dayCol {
    width: 86px; }
    .weekMode .dayCol.dayName {
      font-weight: normal;
      white-space: nowrap;
      padding: 2px 4px;
      width: 78px;
      cursor: pointer;
      text-align: center; }
      .weekMode .dayCol.dayName.today {
        background-color: lightyellow;
        border-color: #999999 #eeeeee #eeeeee #999999;
        border-style: solid;
        border-width: 1px;
        font-weight: bold;
        padding: 1px 3px; }
      .weekMode .dayCol.dayName.odd {
        background-color: #edf1e0; }
  .weekMode .dayevent {
    margin-left: 2px;
    margin-top: 1px;
    overflow: hidden;
    padding: 1px 2px 2px;
    white-space: nowrap; }
  .weekMode.fiveDays .dayCol {
    width: 123px; }
    .weekMode.fiveDays .dayCol.dayName {
      width: 112px; }

.wk-webcontent-td {
  font-size: 0;
  padding-left: 2px;
  height: 5px; }

.standardGrid {
  position: relative;
  table-layout: fixed;
  width: 100%; }

.st-c {
  padding: 1px 1px 0 2px;
  vertical-align: top; }

.st-s {
  padding-bottom: 2px;
  cursor: default; }

.wk-scrolltimedevents {
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #999999;
  font-size: 11px;
  line-height: normal;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0;
  position: relative; }

.tg-timedevents {
  background-color: white;
  table-layout: fixed;
  width: 100%;
  margin-top: -1px;
  height: 1008px; }

.tg-hourmarkerwrapper {
  position: relative;
  height: 1px;
  top: 1px; }

.tg-hourmarkers {
  position: absolute;
  width: 100%; }

.tg-dualmarker {
  border-top: 1px solid #dddddd;
  height: 20px;
  line-height: 20px;
  border-bottom: 1px dotted #dddddd;
  margin-bottom: 20px; }

.dayCol {
  border-left: 3px double #dddddd;
  overflow: hidden; }

.today7,
.today5 {
  border: 1px double #dddddd;
  border-width: 0 3px 0 1px;
  overflow: hidden;
  vertical-align: top;
  position: relative;
  background: url(../../ext/calendar/asset/img/background-week-today.png) repeat left 1px; }

.tg-colwrapper {
  margin-right: 12px;
  position: relative;
  opacity: 1;
  width: 100%;
  height: 1008px;
  margin-bottom: -1008px;
  cursor: pointer; }

td.weekModeHourHotspotCell {
  width: 83px;
  height: 17px; }

td.noEventCell {
  background: url(../../ext/calendar/asset/img/background-noevent.png) repeat-x; }

/*
 * ---------------
 * Event
 * ---------------
 */
.monthMode .event.typeBirthday .head {
  background-color: #d0d6be; }

.monthMode .event.dayevent {
  overflow: hidden;
  white-space: nowrap; }

#calendar-body .monthMode .event {
  position: relative;
  margin-bottom: 1px; }

/*
 * ------------
 * Header
 * ------------
 */
.mv-daynames-table {
  position: relative;
  table-layout: fixed;
  border-collapse: separate;
  top: 0;
  left: 0;
  width: 100%;
  background: #d0d6be; }

.mv-dayname {
  padding: 0 2px 0 6px;
  font-weight: normal;
  line-height: 16px;
  color: black;
  text-transform: uppercase;
  text-align: center; }

/*
 * --------------
 * Month view
 * --------------
 */
/*
 * border color and style
 */
.mv-daynames-table th,
.standardGrid td {
  border: solid #d0d6be; }

.mv-event-container {
  position: relative;
  top: 0;
  left: 0; }

.month-row {
  position: relative;
  left: 0;
  width: 100%;
  min-height: 120px;
  overflow: hidden; }

.standardGrid {
  border-collapse: separate;
  border-spacing: 1px; }

.standardGrid td {
  border-color: #d0d6be;
  border-style: solid;
  border-width: 1px 1px 0 0; }

.standardGrid td.first {
  border-left-width: 1px; }

.standardGrid .last td {
  border-bottom-width: 1px; }

.standardGrid td.title {
  background-color: #f6f8f0;
  color: #444444;
  cursor: pointer;
  height: 20px;
  line-height: 16px;
  padding: 2px;
  text-align: right; }

.standardGrid td.title:hover {
  background-color: #d0d6be; }

.standardGrid td.title.inSelMonthTitle {
  background-color: #e3eace; }

.standardGrid td.title.inSelMonthTitle:hover {
  background-color: #d0d6be; }

.standardGrid td.ttoday {
  background-color: #f6f6c8 !important;
  font-weight: bold;
  color: #316ac5; }

.standardGrid td.content {
  height: 100px;
  background-color: white;
  border: 1px solid white; }

.standardGrid td.content:hover {
  border: 1px solid #bbbbbb;
  cursor: pointer; }

td.inSelMonth:hover {
  border: 1px solid #0065a6 !important;
  cursor: pointer; }

.standardGrid td.ctoday {
  height: 100px;
  background-color: #ffffbb; }

.st-dtitle {
  overflow: hidden; }

#mvEventContainer table td.content.dndHover {
  background-color: #ffffbb; }

/*
 * --------------
 * Event
 * --------------
 */
.event.month {
  padding: 1px;
  margin-bottom: 1px;
  overflow: hidden;
  white-space: nowrap;
  height: 18px; }

.st-bgtoday {
  background-color: lightyellow;
  border-right: 1px solid #d0d6be;
  border-left: 1px solid #d0d6be; }

div.quickinfoHoliday_content span.holiday {
  text-transform: uppercase; }

#mvEventContainer {
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd; }

th.mv-dayname.odd {
  background-color: #edf1e0 !important;
  border-color: #edf1e0; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
span.extIconTimetracking {
  background: url(../../ext/timetracking/asset/img/exticon.png) no-repeat 0 0; }

h1.extIconTimetracking .title {
  background: url(../../ext/timetracking/asset/img/exticon.png) no-repeat 0 5px; }

  button.startTracking .icon {
    background: url(../../ext/timetracking/asset/img/icons.png) no-repeat 3px -28px;
    width: 26px; }
  button.stopTracking .icon {
    background: url(../../ext/timetracking/asset/img/icons.png) no-repeat 3px 2px;
    width: 26px; }

/*
 * ------------------------------
 * Task context menu
 * ------------------------------
 */
  #contextmenu .task-timetrackstart {
    background-image: url(../../ext/timetracking/asset/img/icons.png) !important;
    background-position: 4px -28px; }
  #contextmenu .task-timetrackstop {
    background-image: url(../../ext/timetracking/asset/img/icons.png) !important;
    background-position: 4px 2px; }

/*
 * --------------------
 * Task injections
 * --------------------
 */
  .task .overtimed {
    color: #a84747 !important; }
  .task .taskIcons .overtimed {
    background: url(../../ext/timetracking/asset/img/icons.png) no-repeat 0 -297px;
    width: 14px !important; }
    .task.running > h3 {
      background-color: #f1f3be; }
    .task.running.expanded > h3 {
      background-color: #f1f3be; }
      .task.running.expanded > h3 .headLabel span {
        font-weight: bold; }
    .task.runningother > h3 {
      background-color: #f0f0ff; }
    .task.runningother.expanded > h3 {
      background-color: #f0f0ff; }

/*
 * --------------------
 * Task tab
 * --------------------
 */
span.notracksyet {
  padding-left: 5px; }

    .taskTabs .trackingControl .button {
      float: left;
      margin-right: 5px; }
    .taskTabs .trackingControl .trackingInfo {
      margin: 5px 0 0 5px;
      float: left; }
      .taskTabs .trackingControl .trackingInfo span {
        display: inline-block; }
        .taskTabs .trackingControl .trackingInfo span .label {
          margin-right: 3px; }
      .taskTabs .trackingControl .trackingInfo .time {
        font-weight: bold; }
      .taskTabs .trackingControl .trackingInfo .totalChargeableTime {
        margin-left: 20px; }

/*
 * --------------------
 * Task
 * --------------------
 */
.task .taskHeadExtras .billingtime {
  width: 30px;
  padding: 0 3px; }

/*
 * -------------------------
 * Task timetracking tab
 * -------------------------
 */
.task .taskTabs .tabs .timetracking .icon {
  background: url(../../ext/timetracking/asset/img/icons.png) no-repeat 0 -205px; }

.task.running > .details .taskTabs .tabs .timetracking .icon {
  background-position: 0 5px; }

/*
 * ------------------
 * Panel
 * ------------------
 */
#timetrackingPanel {
  background-color: #f8f8f8;
  padding: 2px 12px 4px 12px;
  position: absolute;
  right: 2px;
  border: 1px solid #88aacc;
  border-width: 0 2px 1px 2px; }
  #timetrackingPanel ul li {
    float: left;
    margin-left: 10px;
    padding-left: 10px; }
    #timetrackingPanel ul li.first {
      margin: 0;
      padding: 0; }

/*
 * -------------------------
 * Task time tracks
 * -------------------------
 */
.task .timetracks {
  padding-top: 5px;
  background: white; }

.task .timetracks .tracksList {
  margin: 0;
  padding: 0;
  border-top: 1px solid #dddddd; }

.task .timetracks .tracksList .track {
  padding: 2px; }

.task .timetracks .tracksList .track span.link {
  cursor: pointer; }

.task .timetracks .tracksList .track span {
  display: inline-block; }

.task .timetracks .tracksList .track span.icon {
  margin-right: 5px; }

.task .timetracks .tracksList .track.edit:hover > .link > span.icon {
  background: url(../../core/asset/img/icons.png) no-repeat 3px -776px; }

.task .timetracks .tracksList .track span.date {
  width: 45px;
  margin-right: 8px; }

.task .timetracks .tracksList .track span.trackedTime {
  width: 45px;
  margin-right: 4px; }

.task .timetracks .tracksList .track span.trackedTime.hasChargeableTime {
  color: #999999; }

.task .timetracks .tracksList .track span.chargeableTime {
  width: 45px;
  margin-right: 10px; }

.task .timetracks .tracksList .track span.name {
  width: 130px;
  margin-right: 10px;
  margin-left: 10px; }

.task .timetracks .tracksList .track span.comment {
  width: 280px; }

/*
 * --------------------
 * Track Form
 * --------------------
 */
.task .tabContent .formTimetrack {
  background: white;
  padding: 5px 5px 10px 5px; }

.task .tabContent .formTimetrack legend {
  display: none; }

.task .tabContent .formTimetrack .main {
  padding: 10px 0; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
span.extIconDaytracks {
  background: url(../../ext/daytracks/asset/img/exticon.png) no-repeat 0 0; }

h1.extIconDaytracks .title {
  background: url(../../ext/daytracks/asset/img/exticon.png) no-repeat 0 5px; }

/*
 * -----------------------------
 * CSV - Export Popup
 * -----------------------------
 */
#time-export .itemlist li {
  background: url(../../core/asset/img/icons.png) no-repeat scroll 10px -357px rgba(0, 0, 0, 0);
  border-bottom: 1px dashed #cccccc;
  cursor: pointer;
  padding: 3px 3px 3px 30px;
  text-align: left; }

#export-field-view span.icon {
  background: url(../../core/asset/img/icons.png) no-repeat 2px -1858px; }

table.daytracks-export-view {
  border-width: 0 0 1px 1px;
  border-spacing: 0;
  border-collapse: collapse;
  border-style: solid;
  border-color: #dddddd; }
  table.daytracks-export-view tr.odd {
    background-color: #eeeeee; }
  table.daytracks-export-view td {
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #dddddd !important; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
span.extIconSearch {
  background: url(../../ext/search/asset/img/exticon.png) no-repeat 0 0; }

h1.extIconSearch .title {
  background: url(../../ext/search/asset/img/exticon.png) no-repeat 0 5px; }

.areaBox {
  background-color: #eeeeee;
  border-radius: 5px;
  margin: 3px 0;
  padding: 3px; }

/*
 * --------------------------
 * Filter controls
 * --------------------------
 */
  #filter-controls optgroup {
    font-weight: bold; }
    #filter-controls optgroup option {
      padding-left: 10px; }
    #filter-controls span select {
      background-color: white; }
    #filter-controls span.sorting {
      float: right;
      margin: 0 12px 0 0; }
      #filter-controls span.sorting select {
        max-width: 250px;
        min-width: 200px;
        margin-right: 12px; }
  #filter-controls .conditions option {
    border-bottom: 1px solid #dddddd;
    color: #222222; }
    #filter-controls .conditions option.default {
      padding: 0; }
  #filter-controls .headerLine span {
    margin: 2px 0 0 5px; }

  #sorting-flags .sort {
    background: white;
      /*
   * Old browsers
   */
    background: -moz-linear-gradient(top, white 0%, #e0e0e0 100%);
      /*
   * FF3.6+
   */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e0e0e0));
      /*
   * Chrome,Safari4+
   */
    background: -webkit-linear-gradient(top, white 0%, #e0e0e0 100%);
      /*
   * Chrome10+,Safari5.1+
   */
    background: -o-linear-gradient(top, white 0%, #e0e0e0 100%);
      /*
   * Opera 11.10+
   */
    background: -ms-linear-gradient(top, white 0%, #e0e0e0 100%);
      /*
   * IE10+
   */
    background: linear-gradient(to bottom, white 0%, #e0e0e0 100%);
      /*
   * W3C
   */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0);
      /*
   * IE6-9
   */
    border: 1px solid #bbbbbb;
    border-radius: 5px;
    float: left;
    padding: 2px 3px;
    margin: 2px 2px; }
    #sorting-flags .sort span {
      float: left; }
      #sorting-flags .sort span.action {
        cursor: pointer;
        height: 14px;
        margin-left: 4px;
        width: 12px; }
    #sorting-flags .sort .dir {
      background: url(../../ext/search/asset/img/icons.png) no-repeat 2px -355px; }
      #sorting-flags .sort .dir.desc {
        background-position: 2px -385px; }
    #sorting-flags .sort .label {
      margin-right: 2px;
      padding-left: 2px;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      user-select: none;
      cursor: pointer; }
    #sorting-flags .sort .remove {
      background: url(../../core/asset/img/icons.png) no-repeat 1px -1757px; }

#action-panel {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
  padding-bottom: 5px;
  padding-top: 5px; }

#search-results .results {
  font-weight: bold; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
span.extIconBookmark {
  background: url(../../ext/bookmark/asset/img/exticon.png) no-repeat 0 0; }

h1.extIconBookmark .title {
  background: url(../../ext/bookmark/asset/img/exticon.png) no-repeat 0 5px; }

    #contextmenu .taskContextMenu.task-bookmark {
      background-image: url(../../ext/bookmark/asset/img/icons.png);
      background-repeat: no-repeat;
      background-position: 3px 2px; }
    #contextmenu .taskContextMenu.renamebookmark {
      background-image: url(../../ext/bookmark/asset/img/icons.png);
      background-repeat: no-repeat;
      background-position: 3px -58px; }

/*
 * -------------------------------------
 * QuickInfo icons for person infos
 * -------------------------------------
 */
#quickinfo dt.nameIcon {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 4px 2px; }

#quickinfo dt.emailIcon {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 5px -296px; }

#quickinfo dt.phoneIcon {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 4px -268px; }

#quickinfo dt.birthdayIcon {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 5px -328px; }

/*
 * ----------------------------------------------
 * Extension icon:  stand-alone and in heading
 * ----------------------------------------------
 */
span.extIconContact {
  background: url(../../ext/contact/asset/img/exticon.png) no-repeat 0 0; }

h1.extIconContact .title {
  background: url(../../ext/contact/asset/img/exticon.png) no-repeat 0 5px; }

.quickInfoPerson {
  cursor: help; }

/*
 * --------------------------
 * Sub menu
 * --------------------------
 */
      #navi-main-list-contact li.item a {
        background-image: url(../../ext/contact/asset/img/icons.png) !important;
        background-repeat: no-repeat; }
      #navi-main-list-contact li.itemContactPerson a {
        background-position: 6px 6px; }
    #navi-main-list-contact li.itemContactCompany a {
      background-position: 6px -146px; }

    span.wizardIcon.createWizardPerson {
      background: url(../../ext/contact/asset/img/icons.png) no-repeat 0 -90px; }
    span.wizardIcon.createWizardCompany {
      background: url(../../ext/contact/asset/img/icons.png) no-repeat 0 -240px; }

/*
 * -----------------------------------
 * Create mode options in headlet
 * -----------------------------------
 */
  #todoyuheadletquickcreate li.itemContactCompany a {
    background: url(../../ext/contact/asset/img/icons.png) no-repeat 5px -238px; }
  #todoyuheadletquickcreate li.itemContactPerson a {
    background: url(../../ext/contact/asset/img/icons.png) no-repeat 5px -88px; }

/*
 * ------------------------------------
 * Quick create wizard popUp styling
 * ------------------------------------
 */
    #quickcreate.dialog.person div#quickcreate_top.dialog_title {
      padding: 0 0 0 22px;
      background: url(../../ext/contact/asset/img/icons.png) no-repeat 0 -91px; }
    #quickcreate.dialog.company div#quickcreate_top.dialog_title {
      padding: 0 0 0 22px;
      background: url(../../ext/contact/asset/img/icons.png) no-repeat 0 -241px; }

/*
 * -----------------
 * Search
 * -----------------
 */
  #todoyusearchheadletquicksearch li.searchmodeCompany a {
    background: url(../../ext/contact/asset/img/icons.png) no-repeat 3px -148px !important; }
    #todoyusearchheadletquicksearch form searchmodePerson a.mode {
      background: url(../../ext/contact/asset/img/icons.png) no-repeat 3px -504px !important; }
    #todoyusearchheadletquicksearch form searchmodeCompany a.mode {
      background: url(../../ext/contact/asset/img/icons.png) no-repeat 3px -534px !important; }

  #todoyusearchheadletquicksearch-modes li.searchmodePerson a {
    background: url(../../ext/contact/asset/img/icons.png) no-repeat 3px 3px !important; }

#search-results td {
  cursor: default; }

/*
 * Company search
 */
#search-tab-company span.icon {
  background: url(../../ext/contact/asset/img/icons.png) rgba(0, 0, 0, 0) 0 -146px; }

#navi-main-list-search li.itemSearchCompany a {
  background: rgba(0, 0, 0, 0) url(../../ext/contact/asset/img/icons.png) 4px -146px no-repeat !important; }

/*
 * Person search
 */
#search-tab-person span.icon {
  background: url(../../ext/contact/asset/img/icons.png) rgba(0, 0, 0, 0) 0 4px; }

#navi-main-list-search li.itemSearchPerson a {
  background: rgba(0, 0, 0, 0) url(../../ext/contact/asset/img/icons.png) 4px 4px no-repeat !important; }

#navi-main-list-search li.itemSearchPerson a:hover,
#navi-main-list-search li.itemSearchCompany a:hover {
  background-color: #f6f8f0 !important; }

/*
 * ----------------------------
 * Contact listing general
 * ----------------------------
 */
#paging-person table tbody tr,
#paging-company table tbody tr {
  cursor: pointer; }

/*
 * Column configs
 */
    #contact-details .actions button {
      margin: 0 5px; }
    #contact-details .actions .icon {
      background: url(../../ext/contact/asset/img/icons.png) no-repeat;
      cursor: pointer;
      margin-right: 5px; }
      #contact-details .actions .backToList .icon {
        background: url(../../core/asset/img/icons.png) no-repeat 3px -1890px; }
    #contact-details .actions .buttonPersonDelete .icon {
      background: url(../../core/asset/img/icons.png) no-repeat 6px -328px;
      width: 22px; }
    #contact-details .actions .buttonCompanyEdit .icon {
      background: url(../../core/asset/img/icons.png) no-repeat 6px -747px;
      width: 22px; }
    #contact-details .actions .buttonPersonEdit .icon {
      background: url(../../core/asset/img/icons.png) no-repeat 6px -747px;
      width: 22px; }
    #contact-details .actions .buttonCompanyDelete .icon {
      background: url(../../core/asset/img/icons.png) no-repeat 6px -328px;
      width: 22px; }

/*
 * -------------------------
 * Tabs
 * -------------------------
 */
  #contact-tabs .tabkey-person .icon {
    background: url(../../ext/contact/asset/img/icons.png) no-repeat 0 6px; }
  #contact-tabs .tabkey-company .icon {
    background: url(../../ext/contact/asset/img/icons.png) no-repeat 0 -146px; }

/*
 * -------------------------
 * Person list
 * -------------------------
 */
  div#search-results p#person-listing-message-emptylist,
  div#search-results p#company-listing-message-emptylist {
    display: none; }

/*
 * ---------------------
 * Visiting card
 * --------------------
 */
.visitingCardContent {
  padding: 12px 12px 18px 12px !important; }
  .visitingCardContent table tr td {
    padding: 2px 2px 2px 8px !important;
    text-align: left; }
    .visitingCardContent table tr td.label {
      letter-spacing: 0px;
      padding-right: 18px; }

#search-tab-contact span.icon {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 0 6px; }

/*
 * -------------------
 * Person and Company Listing
 * -------------------
 */
  .personListing col.icon,
  .companyListing col.icon {
    width: 30px; }
  .personListing span.icon,
  .companyListing span.icon {
    background-image: url(../../ext/contact/asset/img/icons.png);
    background-position: 2px 2px;
    background-repeat: no-repeat; }
      .personListing td.actions span.actions,
      .companyListing td.actions span.actions {
        float: right; }
      .personListing td.actions span.edit,
      .companyListing td.actions span.edit {
        background: url(../../core/asset/img/icons.png) no-repeat 5px -749px; }
      .personListing td.actions span .delete,
      .companyListing td.actions span .delete {
        background: url(../../core/asset/img/icons.png) no-repeat 5px -330px; }
      .personListing td.actions span.icon,
      .companyListing td.actions span.icon {
        cursor: pointer;
        display: inline-block;
        width: 25px; }
      .personListing td.actions span.info,
      .companyListing td.actions span.info {
        background-position: 5px -356px; }
    .personListing td.login span.icon,
    .companyListing td.login span.icon {
      background-position: 2px -568px; }

  .companyListing span.icon {
    background-position: 2px -149px; }
    .companyListing span.icon.notactive {
      background-position: 2px -599px; }
    .companyListing col.title {
      width: 41%; }
    .companyListing col.email {
      width: 15%; }
      .companyListing col.email span {
        cursor: help; }
    .companyListing col.phone {
      width: 15%; }
      .companyListing col.phone span {
        cursor: help; }
    .companyListing col.address {
      width: 15%; }
      .companyListing col.address span {
        cursor: help; }
    .companyListing td.address span {
      background: url(../../ext/contact/asset/img/icons.png) no-repeat 20px -630px;
      width: 100%;
      height: 15px;
      display: block; }

    .personListing col.firstname {
      width: 12%; }
    .personListing col.lastname {
      width: 12%; }
    .personListing col.company {
      width: 23%; }
    .personListing col.phone {
      width: 15%; }
      .personListing col.phone span {
        cursor: help; }
    .personListing col.email {
      width: 20%; }
      .personListing col.email span {
        cursor: help; }

/*
 * -------------------
 * Person Details
 * -------------------
 */
    #contact-details div .actions {
      float: right;
      padding-top: 5px; }
    #contact-details div .clear {
      clear: both;
      width: 100%; }
    #contact-details div.image img {
      border: 1px solid #dddddd;
      margin-top: 3px; }
  #contact-details h1 {
    white-space: normal; }
  #contact-details h3 {
    margin-bottom: 5px; }
  #contact-details .content a {
    text-decoration: underline !important; }
  #contact-details .left {
    float: left;
    margin-right: 13px;
    padding: 0 0 6px 0; }
    #contact-details .projectPart li {
      padding: 4px 0; }
      #contact-details .projectPart table.list td {
        border-top: 1px solid #eeeeee;
        padding: 5px; }
      #contact-details .projectPart table.list td:first-child {
        width: 1px; }
      #contact-details .projectPart table.list td:last-child {
        border-left: 1px solid #cccccc; }

  button.uploadContactImage .icon {
    background: url(../../ext/contact/asset/img/icons.png) no-repeat 6px -448px;
    width: 25px; }
  button.removeContactImage .icon {
    background: url(../../ext/contact/asset/img/icons.png) no-repeat 6px -478px;
    width: 25px; }

/*
 * -------------------
 * Person Profile
 * -------------------
 */
#panelwidget-profilemodules li.contact {
  background: url(../../ext/contact/asset/img/exticon.png) no-repeat 5px 3px; }

#contact-tabs .tabkey-contact .icon {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 0 6px; }

/*
 * -----------------------------
 * Records form elements
 * ----------------------------
 */
.fElement.typeRecords .typeContactperson .recordIcon,
.fElement.typeRecords .typeStaff .recordIcon,
.fElement.typeRecords .typeContactinfo .recordIcon,
.fElement.typeRecords .typePerson .recordIcon,
.fElement.typeRecords .typeEmailPerson .recordIcon {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 2px 2px; }

  .fElement.fieldnameStreet .warningMessage,
  .fElement.fieldnameContactinfo .warningMessage {
    width: 92%; }

  div.warningMessage ul.duplicatedList {
    margin: 5px 0 0 32px; }

/*
 * ----------------------
 * Company Details
 * ----------------------
 */
      #contact-details.company .employeePart table.personListing tr.headerLine {
        border-radius: 0; }
        #contact-details.company .employeePart table.personListing tr.headerLine th {
          background-image: none;
          background: #eeeeee;
          border: none; }
      #contact-details.company .employeePart table.personListing tr.odd {
        background-color: rgba(0, 0, 0, 0); }
      #contact-details.company .employeePart table.personListing tr td {
        border-top: 1px solid #eeeeee; }
      #contact-details.company .employeePart table.personListing tr th.jobtype,
      #contact-details.company .employeePart table.personListing tr td.jobtype {
        border-left: 1px solid #dddddd;
        padding: 5px; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
span.extIconComment {
  background: url(../../ext/comment/asset/img/exticon.png) no-repeat 0 0; }

h1.extIconComment .title {
  background: url(../../ext/comment/asset/img/exticon.png) no-repeat 0 5px; }

/*
 * ------------------------
 * Comment in ext list
 * ------------------------
 */
.extlist tr.comment:before {
  content: normal; }

/*
 * -----------------
 * Sub menu
 * -----------------
 */
    #navi-main-list-portal li.itemFeedback a {
      background-image: url(../../ext/comment/asset/img/icons.png) !important;
      background-repeat: no-repeat;
      background-position: 6px -356px; }

/*
 * ------------------------
 * Context menu task
 * ------------------------
 */
  #contextmenu .taskContextMenu.task-add-comment {
    background-image: url(../../ext/comment/asset/img/icons.png);
    background-repeat: no-repeat;
    background-position: 3px 3px; }

/*
 * --------------
 * Search
 * --------------
 */
    #todoyusearchheadletquicksearch-modes li.searchmodeComment a {
      background: url(../../ext/comment/asset/img/icons.png) no-repeat 3px -115px !important; }

    #todoyusearchheadletquicksearch form.searchmodeComment a.mode {
      background: url(../../ext/comment/asset/img/icons.png) no-repeat 3px -472px !important; }

/*
 * --------------------------
 * Portal tab feedback
 * --------------------------
 */
  #portal-tab-feedback span.icon {
    background: url(../../ext/comment/asset/img/icons.png) no-repeat 0 -356px; }

.taskTabs .tabs li.comment .icon {
  background: url(../../ext/comment/asset/img/icons.png) no-repeat 0 -112px; }

/*
 * --------------------------
 * Task tab
 * --------------------------
 */
  .tabContent .tab.comment {
    background: #f8f8f8;
    margin: 0;
    border: 0;
    padding: 0; }
    .tabContent .tab.comment .commentButtons {
      padding: 5px;
      background: #f8f8f8; }
        .tabContent .tab.comment .commentButtons .addComment .icon {
          background: url(../../ext/comment/asset/img/icons.png) no-repeat 3px 4px;
          width: 21px; }

/*
 * --------------------------
 * Comment list
 * --------------------------
 */
.commentList {
  display: block;
  position: relative;
  padding: 5px 0;
  margin: 30px 0;
    /*
   * vertical line
   */
    /*
   * only last element should not have a border
   */ }
      .commentList .fElement.typeRTE .fField {
        width: 78%;
        margin-bottom: 15px; }
  .commentList:before {
    width: 3px;
    top: -20px;
    bottom: -20px;
    background: #cccccc;
    z-index: 2; }
  .commentList .comment:before,
  .commentList .comment .text:before,
  .commentList:before {
    content: "";
    position: absolute;
    top: 0;
    left: 125px;
    z-index: 2; }
  .commentList div:nth-last-child(1) {
    border-bottom: 0px; }
  .commentList .comment {
    position: relative;
    padding: 0 4px;
        /*
     * circle
     */
        /*
     * no circle under the star
     */
        /*
     * -----------------------------------------------------------
     * Person and meta information
     * -----------------------------------------------------------
     */
        /*
     * -----------------------------------------------------------
     * Comment Text
     * -----------------------------------------------------------
     */
        /*
     * -----------------------------------------------------------
     * Feedback and email receiver persons in comment header
     * -----------------------------------------------------------
     */ }
    .commentList .comment:before {
      background: #cccccc;
      border-radius: 100px;
      border: 3px solid white;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1);
      height: 9px;
      margin: 32px 0 0 -6px;
      width: 9px;
      z-index: 2; }
    .commentList .comment.withFeedback:before {
      visibility: hidden; }
    .commentList .comment.isPublic .text {
      border: solid 1px #a84747 !important; }
      .commentList .comment.isPublic .text:before {
        border-color: #a84747 !important; }
    .commentList .comment .commentBackground {
      overflow: hidden;
      padding: 2em 0 1em;
      border-bottom: 1px solid #dddddd;
      zoom: 1; }
    .commentList .comment .personApproval {
      display: block;
      height: 20px;
      width: 20px;
      background: rgba(0, 0, 0, 0) url(../../core/asset/img/icons.png) no-repeat 0 -1258px;
      position: absolute;
      top: 30px;
      left: 118px;
      z-index: 2; }
      .commentList .comment .personApproval.isseen {
        background-position: 0 -1400px !important; }
    .commentList .comment .comment-meta {
      width: 160px;
      float: left; }
      .commentList .comment .comment-meta p {
        line-height: 15px;
        padding: 0 0 0 0;
        width: 118px;
        max-width: 118px; }
      .commentList .comment .comment-meta .comment-img {
        border-radius: 5px;
        overflow: hidden;
        width: 75px;
        height: 75px;
        margin: 0 0 10px 5px; }
        .commentList .comment .comment-meta .comment-img img {
          display: block; }
      .commentList .comment .comment-meta .quickInfoPerson {
        font-weight: bold; }
    .commentList .comment .comment-body {
      overflow: hidden;
      width: 80%;
            /*
       * -----------------------------------------------------------
       * Assets
       * -----------------------------------------------------------
       */ }
      .commentList .comment .comment-body .text {
        background: white;
        border-radius: 5px;
        border: 1px solid #eeeeee;
        padding: 10px 12px 15px 12px; }
        .commentList .comment .comment-body .text ul {
          list-style: disc outside;
          padding-left: 14px; }
        .commentList .comment .comment-body .text ol {
          padding-left: 17px; }
        .commentList .comment .comment-body .text a {
          text-decoration: underline !important; }
        .commentList .comment .comment-body .text p:last-child {
          margin: 0; }
        .commentList .comment .comment-body .text:before {
          top: 35px !important;
          left: 160px !important;
          width: 9px;
          height: 9px;
          border-width: 0 0 1px 1px;
          border-style: solid;
          border-color: #eeeeee;
          background: white;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
      .commentList .comment .comment-body .updateInfo,
      .commentList .comment .comment-body .commentId {
        color: #999999;
        text-align: right; }
      .commentList .comment .comment-body .updateInfo,
      .commentList .comment .comment-body .involvedPersons,
      .commentList .comment .comment-body .additionalContent,
      .commentList .comment .comment-body .action-bar,
      .commentList .comment .comment-body .assets {
        padding: 5px 0;
        border-bottom: 1px solid #eeeeee;
        clear: both; }
        .commentList .comment .comment-body .action-bar .commentId {
          padding: 0 0 0 20px; }
        .commentList .comment .comment-body .assets ul {
          list-style: disc inside; }
        .commentList .comment .comment-body .assets h6 {
          margin: 0 0 0 0; }
        .commentList .comment .comment-body .assets a {
          text-decoration: underline;
          cursor: pointer; }
        .commentList .comment .comment-body .actions a {
          width: 22px; }
          .commentList .comment .comment-body .actions a.makePublic {
            background: url(../../core/asset/img/icons.png) no-repeat 0 -1079px;
            width: 22px !important;
            opacity: 0.3; }
            .commentList .comment .comment-body .actions a.makePublic.isPublic {
              background: url(../../core/asset/img/icons.png) no-repeat 0 -1079px;
              opacity: 1; }
          .commentList .comment .comment-body .actions a.edit {
            background: url(../../core/asset/img/icons.png) no-repeat 0 -746px; }
          .commentList .comment .comment-body .actions a.remove {
            background: url(../../core/asset/img/icons.png) no-repeat 0 -330px; }
          .commentList .comment .comment-body .actions a.quote {
            background: url(../../ext/comment/asset/img/icons.png) no-repeat 0 -538px; }
          .commentList .comment .comment-body .actions a.mailReply {
            background: url(../../ext/comment/asset/img/icons.png) no-repeat 0 -508px; }
          .commentList .comment .comment-body .actions a.createTask {
            background: url(../../ext/project/asset/img/icons.png) 0 -60px; }
        .commentList .comment .comment-body .actions a:hover {
          background-color: rgba(0, 0, 0, 0); }
      .commentList .comment .involvedPersons .involvedPerson {
        margin-right: 10px;
        display: inline-block; }
        .commentList .comment .involvedPersons .involvedPerson span {
          vertical-align: top; }
        .commentList .comment .involvedPersons .involvedPerson .icon {
          display: inline-block;
          float: none;
          height: 14px;
          width: 12px;
          background-image: url(../../core/asset/img/icons.png);
          background-repeat: no-repeat; }
          .commentList .comment .involvedPersons .involvedPerson .feedback.approved {
            background-position: 1px -1377px; }
          .commentList .comment .involvedPersons .involvedPerson .feedback.unapproved {
            background-position: 1px -1288px; }
        .commentList .comment .involvedPersons .involvedPerson .email {
          background-position: 1px -1344px; }

/*
 * ------------------------
 * Comment form
 * ------------------------
 */
  .task .formComment {
    padding: 0;
    background: none; }
    .task .formComment fieldset {
      margin-top: 5px;
      border-color: #e3eace; }
    .task .formComment fieldset.main {
      padding-bottom: 0;
      padding-top: 10px;
      margin-bottom: 0; }
    .task .formComment fieldset.email {
      padding-top: 0;
      margin-top: 0; }
        .task .formComment .fElement.typeRecords.recordsSelectAsset .recordIcon {
          background: url(../../ext/comment/asset/img/icons.png) no-repeat 0px -509px; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
span.extIconProfile {
  background: url(../../ext/profile/asset/img/exticon.png) no-repeat 0 0; }

h1.extIconProfile .title {
  background: url(../../ext/profile/asset/img/exticon.png) no-repeat 0 5px; }

/*
 * --------------
 * Tab icons
 * --------------
 */
#profile-general-tabs .tabkey-main .icon {
  background: url(../../ext/profile/asset/img/icons.png) no-repeat 0 6px; }

#profile-general-tabs .tabkey-password .icon {
  background: url(../../ext/profile/asset/img/icons.png) no-repeat 0 -25px; }

/*
 * --------------
 * Inner styles
 * --------------
 */
p.profileConfigExplanation {
  border: 1px solid #eeeeee;
  margin: 6px 0;
  padding: 6px 12px 12px 12px; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
span.extIconAssets {
  background: url(../../ext/assets/asset/img/exticon.png) no-repeat 0 0; }

h1.extIconAssets .title {
  background: url(../../ext/assets/asset/img/exticon.png) no-repeat 0 5px; }

/*
 * ----------------------------------------------
 * Asset form elements
 * ----------------------------------------------
 */
.assetsButtons {
  padding: 10px; }
    .assetsButtons button.upload .icon,
    .assetsButtons button.downloadSelection .icon {
      background: url(../../core/asset/img/icons.png) no-repeat 5px -237px;
      width: 22px; }

  button.buttonDeleteAsset .icon {
    background: url(../../core/asset/img/icons.png) no-repeat 3px -357px; }
  button.buttonUploadAsset .icon {
    width: 24px;
    background: url(../../core/asset/img/icons.png) no-repeat 5px -1692px; }

.directUploadForm {
  left: -200px; }
  .directUploadForm input[type=file] {
    cursor: pointer;
    font-size: 18px; }

form.directUploadBox,
div.directUploadBox .fField {
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 340px;
  z-index: 50; }

  .directUploadBox input.upload {
    cursor: pointer;
    background: url(../../core/asset/img/icons.png) no-repeat 5px -1692px; }

.uploadProgress {
  display: inline-block;
  margin-left: 50px; }
  .uploadProgress .cancelUpload {
    background: url(../../core/asset/img/icons.png) no-repeat 0 -360px;
    cursor: pointer; }

/*
 * --------------------------
 * Field types
 * --------------------------
 */
      .fElement.typeRecords.recordsAsset .recordIcon,
      .fElement.typeRecords.recordsTaskAsset .recordIcon,
      .fElement.typeRecords.recordsProjectAsset .recordIcon {
        background: url(../../ext/assets/asset/img/icons.png) no-repeat 3px -28px; }
  .fElement .directUploadBox {
    margin-top: 10px;
    font-size: 14px; }

/*
 * --------------------------
 * Field types
 * --------------------------
 */
    .project .projectDetailsTab.assetsProjectTab .icon {
      background: url(../../ext/project/asset/img/projectheader.png) no-repeat 0px -60px; }

/*
 * ----------------------------------------------
 * List
 * ----------------------------------------------
 */
  .assetList .assets-table-header {
    background-color: #e3eace; }
  .assetList .checkbox {
    width: 30px; }
  .assetList .mimetype {
    width: 30px; }
  .assetList .filename {
    width: 300px; }
  .assetList .person {
    width: 120px; }
  .assetList .filesize {
    width: 50px;
    text-align: right; }
  .assetList .uploaddate {
    width: 90px; }
    .assetList .parent a:hover {
      background-color: #dddddd; }
  .assetList .actions {
    text-align: right; }
    .assetList .actions a {
      width: 22px;
      height: 16px;
      display: block;
      float: right;
      clear: none; }
      .assetList .actions a.asset-icon-download {
        background: url(../../core/asset/img/icons.png) no-repeat 0 -840px; }
      .assetList .actions a.asset-icon-delete {
        background: url(../../core/asset/img/icons.png) no-repeat 0 -330px; }
      .assetList .actions a.asset-icon-public {
        background: url(../../core/asset/img/icons.png) no-repeat 0 -1081px; }
        .assetList .actions a.asset-icon-public.not {
          opacity: 0.3; }
  .assetList th {
    padding: 5px 0 5px 0;
    text-transform: uppercase; }
  .assetList td {
    padding: 3px 6px 3px 0; }
  .assetList tr {
        /*
     * Background colors of the rows in the list
     */ }
    .assetList tr.selected td {
      background-color: #e3eace; }

/*
 * ----------------------------------------------
 * Task inline upload form
 * ----------------------------------------------
 */
  .inlineAssetUpload .fieldnameDelete,
  .inlineAssetUpload .inlineAssetUpload .fieldnameUpload {
    float: left;
    width: auto; }
  .inlineAssetUpload .fieldnameDelete .fField,
  .inlineAssetUpload .inlineAssetUpload .fieldnameUpload .fField {
    width: auto; }
  .inlineAssetUpload .fieldnameDelete .fLabel {
    width: 0; }

/*
 * ------------------------
 * Context menu task
 * ------------------------
 */
#contextmenu .taskContextMenu.task-add-asset {
  background-image: url(../../ext/assets/asset/img/icons.png);
  background-repeat: no-repeat;
  background-position: 6px -27px; }

/*
 * --------------------------
 * Task tab
 * --------------------------
 */
.tabContent .assetList {
  padding-top: 5px; }

div.task div.taskTabs ul li.assets span.icon {
  background: url(../../ext/assets/asset/img/icons.png) no-repeat 0 -25px; }

th.assetsFilelistHeaderFilenames {
  width: 50%; }

.assetFilesList {
  margin-top: -4px !important; }

.task span.taskIcons .assets {
  background: url(../../ext/assets/asset/img/icons.png) no-repeat 0 -28px; }

.mimetype span.icon {
  background: url(../../ext/assets/asset/img/icons.png) no-repeat 0 -90px;
  background-repeat: no-repeat; }

.mimeINI span.icon,
.mimeTXT span.icon,
.mimeRTF span.icon {
  background-position: 0 -780px; }

.mimeEML span.icon {
  background-position: 0 -300px; }

.mimeXLS span.icon,
.mimeXLSX span.icon,
.mimeODS span.icon {
  background-position: 0 -330px; }

.mimeCSV span.icon {
  background-position: 0 -882px; }

.mimePDF span.icon {
  background-position: 0 -120px; }

.mimeDOC span.icon,
.mimeDOCX span.icon,
.mimeSXW span.icon,
.mimeODT span.icon {
  background-position: 0 -390px; }

.mimeT3X span.icon {
  background-position: 0 -420px; }

.mimePHP span.icon {
  background-position: 0 -360px; }

.mimeBMP span.icon,
.mimeGIF span.icon,
.mimeJPG span.icon,
.mimeJPEG span.icon,
.mimePNG span.icon,
.mimePSD span.icon,
.mimeTIF span.icon,
.mimeTIFF span.icon,
.mimeXCF span.icon {
  background-position: 0 -450px; }

.mimeAI span.icon,
.mimeEPS span.icon,
.mimeDXF span.icon,
.mimeSVG span.icon,
.mimeWMF span.icon {
  background-position: 0 -814px; }

.mimeAVI span.icon,
.mimeMOV span.icon,
.mimeMP4 span.icon,
.mimeMPEG span.icon,
.mimeMPG span.icon,
.mimeWMV span.icon,
.mimeRAM span.icon,
.mimeRM span.icon {
  background-position: 0 -848px; }

.mimeHTML span.icon,
.mimeHTM span.icon,
.mimeTMPL span.icon {
  background-position: 0 -480px; }

.mimeXML span.icon {
  background-position: 0 -510px; }

.mimeJS span.icon {
  background-position: 0 -540px; }

.mimeCSS span.icon {
  background-position: 0 -570px; }

.mimePPT span.icon,
.mimePPS span.icon {
  background-position: 0 -600px; }

.mimeZIP span.icon,
.mimeTAR span.icon,
.mimeRAR span.icon,
.mimeBZ2 span.icon,
.mimeTGZ span.icon,
.mimeGZ span.icon,
.mime7Z span.icon {
  background-position: 0 -150px; }

.mimeEXE span.icon,
.mimeBIN span.icon,
.mimeDLL span.icon,
.mimeCONF span.icon {
  background-position: 0 -720px; }

  .report .jumplist {
    padding: 10px 0; }
    .report .jumplist li {
      background: url(../../ext/reporting/asset/img/icons.png) no-repeat 1px -144px;
      border-radius: 3px;
      border: 1px solid #cccccc;
      cursor: pointer;
      display: inline-block;
      margin-bottom: 5px;
      margin-right: 5px;
      padding: 4px;
      padding-left: 17px; }
      .report .jumplist li:hover {
        color: #666666;
        background-color: #f8f8f8; }
  .report .metaOptions {
    padding: 5px 0 10px 14px; }
    .report .metaOptions .metaOptionsCheckbox {
      width: auto;
      margin-right: 100px;
      line-height: 25px;
      float: left;
      padding: 4px 0 2px 0; }
      .report .metaOptions .metaOptionsCheckbox input {
        width: auto;
        margin: 5px 0 0 10px; }
      .report .metaOptions .metaOptionsCheckbox label {
        float: left; }
  .report .title {
    cursor: pointer;
    margin-bottom: 5px; }
  .report button.refreshButton {
    margin: 2px 0 0 8px; }
    .report button.refreshButton .icon {
      background: url(../../ext/reporting/asset/img/icons.png) no-repeat 2px -176px;
      height: 25px;
      width: 20px; }
    .report button.refreshButton .label {
      line-height: 25px; }
  .report p.updateView {
    margin-left: 0; }

/*
 * -----------------------------------------------------------
 * As soons as icon-stuff and new width have been
 * consolidated this should go to the core/reviewed
 * -----------------------------------------------------------
 */
.tabs.reports span.icon {
  width: auto; }

#content .tabs.reports li p .icon {
  display: none; }

  form.inlineFilters .filter.inactive {
    border-color: #eeeeee; }
    form.inlineFilters .filter.inactive div {
      color: #cccccc;
      opacity: 0.5; }

.report .results .result {
  border: 1px solid #dddddd;
  padding: 5px;
  margin-bottom: 20px;
  overflow-x: scroll;
  overflow-y: hidden; }
  .report .results .result > .label {
    margin: -5px -5px 10px -5px;
    padding: 7px 0;
    border-bottom: 1px solid #dddddd; }
  .report .results .result.typeTable,
  .report .results .result.typeTable .label {
    border: none;
    padding: 0; }
  .report .results .result.typeTable .label {
    margin-top: 0;
    margin-bottom: 5px; }
    .report .results .result .label .text {
      font-weight: bold;
      margin-left: 10px;
      text-transform: uppercase; }
    .report .results .result .label .extra {
      float: right;
      margin-right: 5px; }
      .report .results .result .label .extra a.maximize {
        display: inline-block;
        height: 16px;
        width: 16px;
        background: url(../../ext/reporting/asset/img/icons.png) no-repeat 0 -60px; }
    .report .results .result .chart .chartPlaceholder {
      display: block;
      width: 400px;
      height: 400px; }
  .report .results .result .requirementList {
    background-color: #e3eace;
    list-style: square;
    margin-top: 5px;
    padding: 5px 5px 5px 50px; }
    .report .results .result .requirementList li {
      font-weight: bold; }
  .report .results .result .resultTable {
    width: 100%;
    margin-bottom: 10px; }
    .report .results .result .resultTable td,
    .report .results .result .resultTable th {
      padding: 5px;
      border-bottom: 1px solid #dddddd; }
      .report .results .result .resultTable tr.odd {
        background-color: #f8f8f8; }
      .report .results .result .resultTable tr.even {
        background-color: white; }

/*
 * Demo table
 */
  .report .result .resultTable.nameDemotable .colMonth {
    width: 100px; }
  .report .result .resultTable.nameDemotable .colHours {
    width: 70px; }
  .report .result .resultTable.nameDemotable td.colHours {
    color: red; }
  .report .result .resultTable.nameDemotable .colPercent {
    width: 70px; }

  #panelwidget-reportslist select {
    margin-bottom: 10px; }
    #panelwidget-reportslist button .icon {
      background: url(../../core/asset/img/icons.png) 4px -208px no-repeat;
      width: 22px; }
  #panelwidget-reportslist .reportsList {
    margin-top: 10px; }
      #panelwidget-reportslist .reportsList .actions a {
        background: url(../../core/asset/img/icons.png) no-repeat; }
        #panelwidget-reportslist .reportsList .actions a.save {
          background-position: 3px -209px; }
        #panelwidget-reportslist .reportsList .actions a.rename {
          background-position: 3px -148px; }
        #panelwidget-reportslist .reportsList .actions a.delete {
          background-position: 3px -330px; }

  .report .results .resultViewTaskdetails span.neg {
    color: #9dc08e; }
  .report .results .resultViewTaskdetails span.pos {
    color: #a84747;
    font-weight: bold; }

      .reportTypeTimetracking .results .result.typeTable {
        margin-right: 20px;
        float: left;
        clear: none; }
      .reportTypeTimetracking .results .result.resultViewAllpersonsratiotable {
        clear: both; }
      .reportTypeTimetracking .results .result.resultViewAllpersonsratiochart {
        clear: both; }

  .reportTypeTyperatio h1.headerLine {
    margin-bottom: 0; }

.sortcol {
  cursor: pointer;
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: right center; }

.sortasc {
  background-color: #e3eace;
  background-image: url(../../lib/js/tablekit/up.gif); }

.sortdesc {
  background-color: #edf1e0;
  background-image: url(../../lib/js/tablekit/down.gif); }

.nosort {
  cursor: default; }

@import url(../../ext/boards/asset/font/icofont.min.css);
  .board-view #box {
    width: 100%; }
    .board-view #box #contentBox {
      width: 100% !important;
      padding: 0; }
  .board-view #main {
    margin: 15px 1%;
    padding: 0;
    background: white;
    border-radius: 10px; }
  .board-view #footer {
    margin-top: 0; }

    .boardListing col.actions {
      width: 250px; }
  .boardListing td {
    line-height: 24px; }
      .boardListing td.actions .actions {
        display: inline-block;
        width: 100%;
        display: flex;
        flex-direction: row-reverse; }
      .boardListing td.actions a {
        cursor: pointer; }
        .boardListing td.actions a.icon {
          height: 24px;
          width: 24px;
          margin-left: 15px; }
          .boardListing td.actions a.icon:last-child {
            margin-right: 0; }
        .boardListing td.actions a.open {
          background: url(../../ext/boards/asset/img/icons.png) no-repeat 2px 2px;
          background-size: 24px; }
        .boardListing td.actions a.configure {
          background: url(../../ext/boards/asset/img/icons.png) no-repeat 2px -78px;
          background-size: 24px; }
        .boardListing td.actions a.delete {
          background: url(../../ext/boards/asset/img/icons.png) no-repeat 2px -118px;
          background-size: 24px; }

  #board-details form.fForm {
    padding: 0; }
    #board-details form.fForm .buttons {
      margin: 15px 0; }
  #board-details div.actions {
    margin: 15px 0 8px 0; }
    #board-details div.actions:first-child {
      margin: 8px 0 15px 0; }
      #board-details .button.addTaskOverSearch .icon {
        background: url(../../cache/css/ext/boards/asset/css/../../../../../../ext/boards/asset/css/../../../../../../ext/search/asset/css/../img/icons.png) no-repeat 1px 2px; }
      #board-details .button.addTaskOverProject .icon {
        background: url(../../cache/css/ext/boards/asset/css/../../../../../../ext/boards/asset/css/../../../../../../ext/project/asset/css/../img/icons.png) no-repeat 3px -352px; }

    .fForm.formRelease .commenttext .taskStatus {
      border: 1px solid black;
      border-width: 0 0 0 5px;
      padding-left: 5px;
      padding-bottom: 0;
      margin-bottom: 5px; }
    .fForm.formRelease .commenttext .done {
      border-color: #77dc00; }
    .fForm.formRelease .commenttext .accepted {
      border-color: green; }
    .fForm.formRelease .commenttext .cleared {
      border-color: #dbdbdb; }

/*
 * -----------------------------------
 * Create mode options in headlet
 * -----------------------------------
 */
#todoyuheadletquickcreate li.itemBoardsBoard a {
  background: url(../../ext/boards/asset/img/icons.png) no-repeat 6px -27px;
  background-size: 18px; }

.todoyuBoardsPanelwidgetBoardsAdd {
  margin-top: 5px; }
  .todoyuBoardsPanelwidgetBoardsAdd .icon {
    background: url(../../ext/boards/asset/img/icons.png) no-repeat 6px -27px;
    background-size: 18px;
    width: 23px; }
  .todoyuBoardsPanelwidgetBoardsAdd .label {
    margin-left: 5px; }

  #contextmenu .taskContextMenu.task-addtoboard {
    background-image: url(../../ext/boards/asset/img/contextmenu.png);
    background-position: 3px 2px; }
  #contextmenu .taskContextMenu.task-add-to-board {
    background-image: url(../../ext/boards/asset/img/contextmenu.png);
    background-position: 3px -28px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  #contextmenu .taskContextMenu.task-search-board {
    background-image: url(../../ext/boards/asset/img/contextmenu.png);
    background-position: 3px -58px;
    background-color: #eeeeff; }
    #contextmenu .taskContextMenu.task-search-board:hover {
      background-color: #e1e5d8; }

  .boards-taskheader.open {
    background-image: url(../../ext/boards/asset/img/contextmenu.png);
    background-position: 1px 2px;
    background-size: 145px; }

#navi-main-list-boards li.item a {
  background-image: url(../../ext/boards/asset/img/exticon.png);
  background-repeat: no-repeat;
  background-size: 17px;
  background-position: 6px 3px; }

@import url(../../ext/boards/node_modules/@lourenci/react-kanban/dist/styles.css);
.comp-todoyu-board {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 190px - 30px - 30px);
  min-height: calc(100vh - 190px - 30px - 30px);
  padding: 15px;
  overflow-y: auto; }
  .comp-todoyu-board .board-header {
    position: relative;
    margin-bottom: 10px;
    border-bottom: 1px solid #cccccc; }
    .comp-todoyu-board .board-header h2 {
      font-size: 24px;
      padding: 15px 0; }
    .comp-todoyu-board .board-header .board-header-close {
      position: absolute;
      right: 0;
      top: 0;
      width: 37px;
      height: 37px;
      opacity: 0.3;
      cursor: pointer; }
      .comp-todoyu-board .board-header .board-header-close:hover {
        opacity: 1; }
      .comp-todoyu-board .board-header .board-header-close:before,
      .comp-todoyu-board .board-header .board-header-close:after {
        position: absolute;
        left: 17px;
        top: -6px;
        content: ' ';
        height: 50px;
        width: 2px;
        background-color: #333333; }
      .comp-todoyu-board .board-header .board-header-close:before {
        transform: rotate(45deg); }
      .comp-todoyu-board .board-header .board-header-close:after {
        transform: rotate(-45deg); }
    .comp-todoyu-board .board-header .board-header-refresh {
      position: absolute;
      right: 60px;
      top: 0;
      width: 37px;
      height: 37px;
      opacity: 0.3;
      cursor: pointer; }
      .comp-todoyu-board .board-header .board-header-refresh:hover {
        opacity: 1; }
      .comp-todoyu-board .board-header .board-header-refresh:before,
      .comp-todoyu-board .board-header .board-header-refresh:after {
        content: '';
        display: block; }
      .comp-todoyu-board .board-header .board-header-refresh:before {
        border-color: rgba(0, 0, 0, 0) #333333 #333333 #333333;
        border-radius: 50%;
        border-style: solid;
        border-width: 2px;
        height: 33px;
        width: 33px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .comp-todoyu-board .board-header .board-header-refresh:after {
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #333333;
        border-style: solid;
        border-width: 4px 0 4px 8px;
        height: 0;
        position: absolute;
        top: -3px;
        left: 46%;
        width: 0; }
    .comp-todoyu-board .board-header .board-header-config {
      background-image: url(../../ext/boards/asset/img/config.svg);
      opacity: 0.4;
      background-size: 36px;
      position: absolute;
      right: 120px;
      top: 0;
      width: 37px;
      height: 37px;
      background-position: center; }
      .comp-todoyu-board .board-header .board-header-config:hover {
        opacity: 1; }
    .comp-todoyu-board .board-header .board-header-actions {
      display: flex; }
      .comp-todoyu-board .board-header .board-header-actions .statistics {
        display: flex;
        flex-grow: 2; }
      .comp-todoyu-board .board-header .board-header-actions .release {
        display: flex; }
        .comp-todoyu-board .board-header .board-header-actions .release .release-link {
          line-height: 22px;
          align-self: center;
          cursor: pointer;
          text-decoration: underline; }
  .comp-todoyu-board .board-header-refresh-loading {
    -webkit-animation: rotate 1.5s linear infinite;
    animation: rotate 1.5s linear infinite; }
  .comp-todoyu-board .board-wrapper {
    flex-grow: 1; }
    .comp-todoyu-board .board-wrapper > div {
      padding: 0;
      height: 100%; }
      .comp-todoyu-board .board-wrapper > div > div {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row; }
        .comp-todoyu-board .board-wrapper > div > div > div {
          box-sizing: border-box;
          background: #f8f8f8;
          overflow: hidden;
          padding: 0; }
          .comp-todoyu-board .board-wrapper > div > div > div:first-child {
            margin-left: 0; }
          .comp-todoyu-board .board-wrapper > div > div > div:last-child {
            margin-right: 0; }
          .comp-todoyu-board .board-wrapper > div > div > div .bJCmFu {
            max-width: inherit;
            min-width: inherit; }
          .comp-todoyu-board .board-wrapper > div > div > div > div[data-rbd-droppable-id] {
            height: 100%; }
            .comp-todoyu-board .board-wrapper > div > div > div > div[data-rbd-droppable-id] > div > div {
              width: 100%; }
    .comp-todoyu-board .board-wrapper .react-kanban-column {
      border-right: 2px solid white; }
      .comp-todoyu-board .board-wrapper.columns-1 > div > div > div {
        width: 50%;
        margin: 0 auto; }
      .comp-todoyu-board .board-wrapper.columns-2 > div > div > div {
        width: 50%; }
      .comp-todoyu-board .board-wrapper.columns-3 > div > div > div {
        width: 33.333%; }
      .comp-todoyu-board .board-wrapper.columns-4 > div > div > div {
        width: 25%; }
      .comp-todoyu-board .board-wrapper.columns-5 > div > div > div {
        width: 20%; }
      .comp-todoyu-board .board-wrapper.columns-6 > div > div > div {
        width: 16.667%; }
      .comp-todoyu-board .board-wrapper.columns-7 > div > div > div {
        width: 14.286%;
        padding: 2px;
        margin: 0; }
      .comp-todoyu-board .board-wrapper.columns-8 > div > div > div {
        width: 12.5%;
        padding: 2px;
        margin: 0; }

@keyframes rotate {
    to {
    transform: rotate(360deg); }
 }
@-webkit-keyframes rotate {
    to {
    transform: rotate(360deg); }
 }
.comp-todoyu-board-column-header {
  border-radius: 10px 10px 0 0;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column; }
  .comp-todoyu-board-column-header .status {
    display: block;
    height: 10px;
    width: 100%;
    border-radius: 10px; }
  .comp-todoyu-board-column-header .content {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .comp-todoyu-board-column-header .content .title {
      height: auto;
      font-size: 15px;
      font-weight: bold;
      padding: 5px;
      background-color: rgba(0, 0, 0, 0);
      max-width: 60%;
      overflow: hidden;
      text-overflow: ellipsis; }
      .comp-todoyu-board-column-header .content.has-information .title {
        max-width: 50%; }
    .comp-todoyu-board-column-header .content .tooltip-estimation-container {
      display: flex;
      align-items: center;
      margin-left: auto; }
      .comp-todoyu-board-column-header .content .tooltip-estimation-container .estimation {
        padding: 5px 6px 5px 0;
        line-height: 15px; }
      .comp-todoyu-board-column-header .content .tooltip-estimation-container .tooltip {
        position: relative;
        padding-right: 10px; }
        .comp-todoyu-board-column-header .content .tooltip-estimation-container .tooltip .infoIcon {
          width: 15px;
          height: 15px;
          display: inline-block; }
        .comp-todoyu-board-column-header .content .tooltip-estimation-container .tooltip .tooltiptext {
          visibility: hidden;
          width: 120px;
          height: auto;
          top: 100%;
          left: 50%;
          margin-left: -77px;
                    /*
           * Use half of the width (120/2 = 60) + 17 px margin, to center the tooltip
           */
          margin-top: 10px;
          background-color: #e3eace;
          text-align: center;
          border-radius: 10px;
          padding: 10px;
          white-space: break-spaces;
                    /*
           * Position the tooltip
           */
          position: absolute;
          z-index: 1; }
          .comp-todoyu-board-column-header .content .tooltip-estimation-container .tooltip .tooltiptext::after {
            content: " ";
            position: absolute;
            bottom: 100%;
                        /*
             * At the top of the tooltip
             */
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e3eace rgba(0, 0, 0, 0); }
          .comp-todoyu-board-column-header .content .tooltip-estimation-container .tooltip:hover .tooltiptext {
            visibility: visible; }
  .comp-todoyu-board-column-header.status-1 {
    border-color: #7f007f; }
    .comp-todoyu-board-column-header.status-1 .status {
      background-color: #7f007f; }
  .comp-todoyu-board-column-header.status-2 {
    border-color: red; }
    .comp-todoyu-board-column-header.status-2 .status {
      background-color: red; }
  .comp-todoyu-board-column-header.status-3 {
    border-color: #ffac00; }
    .comp-todoyu-board-column-header.status-3 .status {
      background-color: #ffac00; }
  .comp-todoyu-board-column-header.status-4 {
    border-color: #fffc00; }
    .comp-todoyu-board-column-header.status-4 .status {
      background-color: #fffc00; }
  .comp-todoyu-board-column-header.status-5 {
    border-color: #77dc00; }
    .comp-todoyu-board-column-header.status-5 .status {
      background-color: #77dc00; }
  .comp-todoyu-board-column-header.status-6 {
    border-color: green; }
    .comp-todoyu-board-column-header.status-6 .status {
      background-color: green; }
  .comp-todoyu-board-column-header.status-7 {
    border-color: #a60000; }
    .comp-todoyu-board-column-header.status-7 .status {
      background-color: #a60000; }
  .comp-todoyu-board-column-header.status-10 {
    border-color: pink; }
    .comp-todoyu-board-column-header.status-10 .status {
      background-color: pink; }

.comp-todoyu-card {
  display: flex;
  flex-direction: column;
  font-size: 13px;
  box-shadow: rgba(0, 0, 0, 0.53) 2px 4px 7px -6px;
  background-color: false;
  border-width: 1px 1px 1px 5px;
  border-color: #e3eace;
  border-style: solid;
  margin-bottom: 4px;
  border-radius: 10px;
    /*
   * Kelly - The following will not be good for people with defective color vision
   */ }
  .comp-todoyu-card.dragging {
    box-shadow: 0px 7px 15px -4px rgba(0, 0, 0, 0.41); }
  .comp-todoyu-card.separator-bg-color {
    background-color: #edf1e0; }
    .comp-todoyu-card.separator-bg-color .card-header,
    .comp-todoyu-card.separator-bg-color .card-footer {
      display: none; }
      .comp-todoyu-card.separator-bg-color .card-content .assigned-person {
        display: none; }
      .comp-todoyu-card.separator-bg-color .card-content .title {
        padding: 15px 0 0 0;
        width: 100%;
        text-align: center; }
  .comp-todoyu-card .card-header {
    display: flex;
    justify-content: space-between;
    padding: 2px 9px; }
    .comp-todoyu-card .card-header span {
      font-size: 12px;
      line-height: 25px; }
      .comp-todoyu-card .card-header span.project {
        max-width: 75%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
  .comp-todoyu-card .card-content {
    flex-grow: 1;
    padding: 5px 9px;
    display: flex; }
    .comp-todoyu-card .card-content .title {
      white-space: inherit;
      border: none;
      text-transform: none;
      height: inherit;
      padding: 0 0 0 12px;
      background: rgba(0, 0, 0, 0); }
      .comp-todoyu-card .card-content .title a {
        text-decoration: underline;
        font-size: 14px;
        cursor: pointer; }
  .comp-todoyu-card .card-tags {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    max-height: 27px;
    overflow: hidden; }
    .comp-todoyu-card .card-tags.expanded {
      max-height: none; }
    .comp-todoyu-card .card-tags .arrow-tags {
      position: absolute;
      bottom: 0;
      right: 6px;
      font-size: 22px;
      cursor: pointer; }
    .comp-todoyu-card .card-tags .task-tag {
      padding: 3px;
      border: 2px solid;
      margin: 0 5px 5px 0; }
  .comp-todoyu-card .card-footer {
    display: flex;
    justify-content: space-between;
    min-height: 23px;
    line-height: 23px;
    padding: 5px 2px 0 8px; }
      .comp-todoyu-card .card-footer .estimation .icon {
        margin-right: 5px;
        border-radius: 50px;
        padding: 1px; }
        .comp-todoyu-card .card-footer .estimation .icon.currently-tracked {
          background: #007d34;
          color: white; }
    .comp-todoyu-card .card-footer .menu {
      cursor: pointer; }
      .comp-todoyu-card .card-footer .menu a {
        display: inline-block;
        width: 20px;
        text-align: center; }
    .comp-todoyu-card .task-menu li {
      border-top: 1px solid; }
      .comp-todoyu-card .task-menu li a {
        display: inline-block;
        padding: 7px 3px;
        width: 100%;
        font-size: 13px;
        line-height: 15px; }
        .comp-todoyu-card .task-menu li a .icon {
          font-size: 13px; }
      .comp-todoyu-card .task-menu li:hover {
        background-color: white;
        cursor: pointer; }
      .comp-todoyu-card .task-menu li .icon {
        margin-right: 5px; }
  .comp-todoyu-card .assigned-person {
    height: 24px;
    width: 24px; }
    .comp-todoyu-card .assigned-person img {
      height: 24px;
      width: 24px;
      object-fit: cover;
      border: 1px solid #ababab;
      border-radius: 25px; }
  .comp-todoyu-card.kelly-vivid-yellow {
    border-color: #ffb300; }
      .comp-todoyu-card.kelly-vivid-yellow .task-menu li {
        border-color: #ffb300; }
  .comp-todoyu-card.kelly-vivid-yellow .task-tag {
    background-color: rgba(245, 236, 214, 0.9);
    color: black;
    border: 1px solid #ffb300;
    border-width: 1px;
    border-radius: 5px;
    margin-bottom: 6px; }
    .comp-todoyu-card.kelly-vivid-yellow:hover,
    .comp-todoyu-card.kelly-vivid-yellow.active {
      background-color: rgba(245, 236, 214, 0.9); }
  .comp-todoyu-card.kelly-strong-purple {
    border-color: #803e75; }
      .comp-todoyu-card.kelly-strong-purple .task-menu li {
        border-color: #803e75; }
  .comp-todoyu-card.kelly-strong-purple .task-tag {
    background-color: #eeddeb;
    color: black;
    border: 1px solid #803e75;
    border-width: 1px;
    border-radius: 5px;
    margin-bottom: 6px; }
    .comp-todoyu-card.kelly-strong-purple:hover,
    .comp-todoyu-card.kelly-strong-purple.active {
      background-color: #eeddeb; }
  .comp-todoyu-card.kelly-vivid-orange {
    border-color: #ff6800; }
      .comp-todoyu-card.kelly-vivid-orange .task-menu li {
        border-color: #ff6800; }
  .comp-todoyu-card.kelly-vivid-orange .task-tag {
    background-color: #f5e2d6;
    color: black;
    border: 1px solid #ff6800;
    border-width: 1px;
    border-radius: 5px;
    margin-bottom: 6px; }
    .comp-todoyu-card.kelly-vivid-orange:hover,
    .comp-todoyu-card.kelly-vivid-orange.active {
      background-color: #f5e2d6; }
  .comp-todoyu-card.kelly-very-light-blue {
    border-color: #a6bdd7; }
      .comp-todoyu-card.kelly-very-light-blue .task-menu li {
        border-color: #a6bdd7; }
  .comp-todoyu-card.kelly-very-light-blue .task-tag {
    background-color: #dce5ef;
    color: black;
    border: 1px solid #a6bdd7;
    border-width: 1px;
    border-radius: 5px;
    margin-bottom: 6px; }
    .comp-todoyu-card.kelly-very-light-blue:hover,
    .comp-todoyu-card.kelly-very-light-blue.active {
      background-color: #dce5ef; }
  .comp-todoyu-card.kelly-vivid-red {
    border-color: #c10020; }
      .comp-todoyu-card.kelly-vivid-red .task-menu li {
        border-color: #c10020; }
  .comp-todoyu-card.kelly-vivid-red .task-tag {
    background-color: #f5d6db;
    color: black;
    border: 1px solid #c10020;
    border-width: 1px;
    border-radius: 5px;
    margin-bottom: 6px; }
    .comp-todoyu-card.kelly-vivid-red:hover,
    .comp-todoyu-card.kelly-vivid-red.active {
      background-color: #f5d6db; }
  .comp-todoyu-card.kelly-grayish-yellow {
    border-color: #cea262; }
      .comp-todoyu-card.kelly-grayish-yellow .task-menu li {
        border-color: #cea262; }
  .comp-todoyu-card.kelly-grayish-yellow .task-tag {
    background-color: #f3e8d8;
    color: black;
    border: 1px solid #cea262;
    border-width: 1px;
    border-radius: 5px;
    margin-bottom: 6px; }
    .comp-todoyu-card.kelly-grayish-yellow:hover,
    .comp-todoyu-card.kelly-grayish-yellow.active {
      background-color: #f3e8d8; }
  .comp-todoyu-card.kelly-medium-gray {
    border-color: #817066; }
      .comp-todoyu-card.kelly-medium-gray .task-menu li {
        border-color: #817066; }
  .comp-todoyu-card.kelly-medium-gray .task-tag {
    background-color: #e9e5e2;
    color: black;
    border: 1px solid #817066;
    border-width: 1px;
    border-radius: 5px;
    margin-bottom: 6px; }
    .comp-todoyu-card.kelly-medium-gray:hover,
    .comp-todoyu-card.kelly-medium-gray.active {
      background-color: #e9e5e2; }
  .comp-todoyu-card.kelly-vivid-green {
    border-color: #007d34; }
      .comp-todoyu-card.kelly-vivid-green .task-menu li {
        border-color: #007d34; }
  .comp-todoyu-card.kelly-vivid-green .task-tag {
    background-color: #d6f5e3;
    color: black;
    border: 1px solid #007d34;
    border-width: 1px;
    border-radius: 5px;
    margin-bottom: 6px; }
    .comp-todoyu-card.kelly-vivid-green:hover,
    .comp-todoyu-card.kelly-vivid-green.active {
      background-color: #d6f5e3; }
  .comp-todoyu-card.kelly-strong-purplish-pink {
    border-color: #f6768e; }
      .comp-todoyu-card.kelly-strong-purplish-pink .task-menu li {
        border-color: #f6768e; }
  .comp-todoyu-card.kelly-strong-purplish-pink .task-tag {
    background-color: #f5d6dc;
    color: black;
    border: 1px solid #f6768e;
    border-width: 1px;
    border-radius: 5px;
    margin-bottom: 6px; }
    .comp-todoyu-card.kelly-strong-purplish-pink:hover,
    .comp-todoyu-card.kelly-strong-purplish-pink.active {
      background-color: #f5d6dc; }
  .comp-todoyu-card.kelly-strong-blue {
    border-color: #00538a; }
      .comp-todoyu-card.kelly-strong-blue .task-menu li {
        border-color: #00538a; }
  .comp-todoyu-card.kelly-strong-blue .task-tag {
    background-color: #d6e9f5;
    color: black;
    border: 1px solid #00538a;
    border-width: 1px;
    border-radius: 5px;
    margin-bottom: 6px; }
    .comp-todoyu-card.kelly-strong-blue:hover,
    .comp-todoyu-card.kelly-strong-blue.active {
      background-color: #d6e9f5; }
  .comp-todoyu-card.kelly-strong-yellowish-pink {
    border-color: #ff7a5c; }
      .comp-todoyu-card.kelly-strong-yellowish-pink .task-menu li {
        border-color: #ff7a5c; }
  .comp-todoyu-card.kelly-strong-yellowish-pink .task-tag {
    background-color: #f5dcd6;
    color: black;
    border: 1px solid #ff7a5c;
    border-width: 1px;
    border-radius: 5px;
    margin-bottom: 6px; }
    .comp-todoyu-card.kelly-strong-yellowish-pink:hover,
    .comp-todoyu-card.kelly-strong-yellowish-pink.active {
      background-color: #f5dcd6; }
  .comp-todoyu-card.kelly-strong-violet {
    border-color: #53377a; }
      .comp-todoyu-card.kelly-strong-violet .task-menu li {
        border-color: #53377a; }
  .comp-todoyu-card.kelly-strong-violet .task-tag {
    background-color: #e4dcef;
    color: black;
    border: 1px solid #53377a;
    border-width: 1px;
    border-radius: 5px;
    margin-bottom: 6px; }
    .comp-todoyu-card.kelly-strong-violet:hover,
    .comp-todoyu-card.kelly-strong-violet.active {
      background-color: #e4dcef; }
  .comp-todoyu-card.kelly-vivid-orange-yellow {
    border-color: #ff8e00; }
      .comp-todoyu-card.kelly-vivid-orange-yellow .task-menu li {
        border-color: #ff8e00; }
  .comp-todoyu-card.kelly-vivid-orange-yellow .task-tag {
    background-color: #f5e7d6;
    color: black;
    border: 1px solid #ff8e00;
    border-width: 1px;
    border-radius: 5px;
    margin-bottom: 6px; }
    .comp-todoyu-card.kelly-vivid-orange-yellow:hover,
    .comp-todoyu-card.kelly-vivid-orange-yellow.active {
      background-color: #f5e7d6; }
  .comp-todoyu-card.kelly-strong-purplish-red {
    border-color: #b32851; }
      .comp-todoyu-card.kelly-strong-purplish-red .task-menu li {
        border-color: #b32851; }
  .comp-todoyu-card.kelly-strong-purplish-red .task-tag {
    background-color: #f5d6df;
    color: black;
    border: 1px solid #b32851;
    border-width: 1px;
    border-radius: 5px;
    margin-bottom: 6px; }
    .comp-todoyu-card.kelly-strong-purplish-red:hover,
    .comp-todoyu-card.kelly-strong-purplish-red.active {
      background-color: #f5d6df; }
  .comp-todoyu-card.kelly-vivid-greenish-yellow {
    border-color: #f4c800; }
      .comp-todoyu-card.kelly-vivid-greenish-yellow .task-menu li {
        border-color: #f4c800; }
  .comp-todoyu-card.kelly-vivid-greenish-yellow .task-tag {
    background-color: #f5efd6;
    color: black;
    border: 1px solid #f4c800;
    border-width: 1px;
    border-radius: 5px;
    margin-bottom: 6px; }
    .comp-todoyu-card.kelly-vivid-greenish-yellow:hover,
    .comp-todoyu-card.kelly-vivid-greenish-yellow.active {
      background-color: #f5efd6; }
  .comp-todoyu-card.kelly-strong-reddish-brown {
    border-color: #7f180d; }
      .comp-todoyu-card.kelly-strong-reddish-brown .task-menu li {
        border-color: #7f180d; }
  .comp-todoyu-card.kelly-strong-reddish-brown .task-tag {
    background-color: #f5d9d6;
    color: black;
    border: 1px solid #7f180d;
    border-width: 1px;
    border-radius: 5px;
    margin-bottom: 6px; }
    .comp-todoyu-card.kelly-strong-reddish-brown:hover,
    .comp-todoyu-card.kelly-strong-reddish-brown.active {
      background-color: #f5d9d6; }
  .comp-todoyu-card.kelly-vivid-yellowish-green {
    border-color: #93aa00; }
      .comp-todoyu-card.kelly-vivid-yellowish-green .task-menu li {
        border-color: #93aa00; }
  .comp-todoyu-card.kelly-vivid-yellowish-green .task-tag {
    background-color: #f1f5d6;
    color: black;
    border: 1px solid #93aa00;
    border-width: 1px;
    border-radius: 5px;
    margin-bottom: 6px; }
    .comp-todoyu-card.kelly-vivid-yellowish-green:hover,
    .comp-todoyu-card.kelly-vivid-yellowish-green.active {
      background-color: #f1f5d6; }
  .comp-todoyu-card.kelly-deep-yellowish-brown {
    border-color: #593315; }
      .comp-todoyu-card.kelly-deep-yellowish-brown .task-menu li {
        border-color: #593315; }
  .comp-todoyu-card.kelly-deep-yellowish-brown .task-tag {
    background-color: #f5e3d6;
    color: black;
    border: 1px solid #593315;
    border-width: 1px;
    border-radius: 5px;
    margin-bottom: 6px; }
    .comp-todoyu-card.kelly-deep-yellowish-brown:hover,
    .comp-todoyu-card.kelly-deep-yellowish-brown.active {
      background-color: #f5e3d6; }
  .comp-todoyu-card.kelly-reddish-orange {
    border-color: #f13a13; }
      .comp-todoyu-card.kelly-reddish-orange .task-menu li {
        border-color: #f13a13; }
  .comp-todoyu-card.kelly-reddish-orange .task-tag {
    background-color: #f5dcd6;
    color: black;
    border: 1px solid #f13a13;
    border-width: 1px;
    border-radius: 5px;
    margin-bottom: 6px; }
    .comp-todoyu-card.kelly-reddish-orange:hover,
    .comp-todoyu-card.kelly-reddish-orange.active {
      background-color: #f5dcd6; }
  .comp-todoyu-card.kelly-dark-olive-green {
    border-color: #232c16; }
      .comp-todoyu-card.kelly-dark-olive-green .task-menu li {
        border-color: #232c16; }
  .comp-todoyu-card.kelly-dark-olive-green .task-tag {
    background-color: #e7eedd;
    color: black;
    border: 1px solid #232c16;
    border-width: 1px;
    border-radius: 5px;
    margin-bottom: 6px; }
    .comp-todoyu-card.kelly-dark-olive-green:hover,
    .comp-todoyu-card.kelly-dark-olive-green.active {
      background-color: #e7eedd; }
  .comp-todoyu-card.separator-bg-color {
    border-color: #999999; }
      .comp-todoyu-card.separator-bg-color .task-menu li {
        border-color: #999999; }
  .comp-todoyu-card.separator-bg-color .task-tag {
    background-color: #edf1e0;
    color: black;
    border: 1px solid #999999;
    border-width: 1px;
    border-radius: 5px;
    margin-bottom: 6px; }
    .comp-todoyu-card.separator-bg-color:hover,
    .comp-todoyu-card.separator-bg-color.active {
      background-color: #edf1e0; }

.comp-statistic-card {
  display: flex;
  border: 1px solid #cccccc;
  border-radius: 8px;
  padding: 6px;
  margin-right: 15px;
  margin-bottom: 10px;
  background: #edf1e0;
  box-shadow: rgba(0, 0, 0, 0.53) 2px 2px 5px -2px; }
  .comp-statistic-card i {
    font-size: 22px;
    margin-right: 20px; }
  .comp-statistic-card .text {
    display: inline-block;
    line-height: 22px;
    vertical-align: middle; }

  .containerreport .tab {
    padding: 5px; }
  .containerreport h4 {
    margin-top: 10px; }
  .containerreport table {
    margin-top: 10px; }
      .containerreport table tr.total td {
        border-top: 1px solid #cccccc;
        font-weight: bold; }
  .containerreport .right {
    text-align: right;
    padding: 3px 5px 3px 0; }
  .containerreport .title {
    width: 16%; }
  .containerreport .amount,
  .containerreport .ratio {
    width: 8%; }
  .containerreport .estimatedtime,
  .containerreport .trackedtime,
  .containerreport .timeleft {
    width: 15%; }
      .containerreport .actions .more .icon {
        background: url(../../core/asset/img/icons.png) no-repeat 2px -507px; }
      .containerreport .actions .less .icon {
        background: url(../../core/asset/img/icons.png) no-repeat 2px -476px; }
      .containerreport .actions .refresh .icon {
        background: url(../../ext/containerreport/asset/img/icons.png) no-repeat 1px -29px; }

  .containerTabs .tabs .containerreport .icon {
    background: url(../../ext/containerreport/asset/img/icons.png) no-repeat 0 4px; }

ul#dev-switchback-info {
  background-color: red;
  border: 5px dashed yellow;
  bottom: 0;
  padding: 7px 20px;
  position: fixed;
  right: 0;
  z-index: 1000;
  max-width: 300px; }
  ul#dev-switchback-info li {
    font-weight: bold;
    color: white;
    font-size: 12px;
    text-align: left; }
    ul#dev-switchback-info li a {
      color: white; }
    ul#dev-switchback-info li.header {
      text-transform: uppercase; }

ul#navi-main-list li.itemDev {
  background-color: red;
  float: right; }

body.devInstallation,
body.devInstallation #main {
  background: url(../../ext/dev/asset/img/bodytile.png) repeat !important; }

div.hookslist {
  width: 780px;
  height: 800px;
  overflow: scroll;
  text-align: left; }

  #todoyudevheadletdevinfo a.button {
    background: url(../../ext/dev/asset/img/icons.png) no-repeat 5px 5px; }
  #todoyudevheadletdevinfo .content {
    width: 310px; }
    #todoyudevheadletdevinfo .content li {
      padding: 3px; }
      #todoyudevheadletdevinfo .content li span {
        display: inline-block; }
        #todoyudevheadletdevinfo .content li span.key {
          font-weight: bold;
          width: 80px;
          vertical-align: top; }
        #todoyudevheadletdevinfo .content li span.value {
          width: 210px; }
      #todoyudevheadletdevinfo .content li.sectionStart {
        margin-top: 2px;
        border-top: 1px solid #cccccc; }
    #todoyudevheadletdevinfo .content a {
      padding: 0;
      background: none;
      border: none;
      text-decoration: underline; }

  button.activateinstaller .icon {
    background: url(../../ext/dev/asset/img/icons.png) no-repeat 5px -126px;
    width: 23px; }
  button.clearcache .icon {
    background: url(../../ext/dev/asset/img/icons.png) no-repeat 5px -30px;
    width: 23px; }
  button.simulatesessiontimeout .icon {
    background: url(../../ext/dev/asset/img/icons.png) no-repeat 5px -158px;
    width: 23px; }
  button.showsession .icon {
    background: url(../../ext/dev/asset/img/icons.png) no-repeat 5px -61px;
    width: 23px; }
  button.switchback .icon {
    background: url(../../ext/dev/asset/img/icons.png) no-repeat 6px -93px;
    width: 16px;
    padding-left: 19px; }

#overflow-window-errorlog pre.errorlog {
  width: 100%;
  height: 95%;
  overflow: scroll;
  text-align: left; }

#dev-reroute-email {
  width: 190px; }

#overflow-window-session,
#overflow-window-extids {
  white-space: pre;
  text-align: left;
  overflow: scroll;
  font-family: false; }

#overflow-window-extids td {
  padding: 0 20px 0 0; }

#panelwidget-profilemodules li.ical a {
  background: url(../../ext/ical/asset/img/exticon.png) no-repeat 1px 1px; }

/*
 * --------------
 * Tab icons
 * --------------
 */
#ical-tabs .tabkey-share .icon {
  background: url(../../ext/ical/asset/img/icons.png) no-repeat scroll 0 6px rgba(0, 0, 0, 0);
  margin-right: 4px; }

/*
 * --------------------
 * Sharing Tokens Tab
 * --------------------
 */
.iCalBaseURL {
  margin-left: 16px; }

.iCalBaseURL,
form.formShare span.tokentext {
  background-color: #eeeeee;
  color: #222222;
  font-family: ui-monospace, SFMono-Regular, Consolas, Menlo, Monaco, "Courier New", monospace;
  padding: 4px 8px; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
#todoyu-gantt {
  background-color: white; }
    #todoyu-gantt table td {
      text-align: left; }
    #todoyu-gantt .tasks .task {
      display: none; }
      #todoyu-gantt .tasks .task.visible {
        text-align: left;
        display: block;
        background-color: white;
        z-index: 1000; }

span.extIconGantt {
  background: url(../../ext/gantt/asset/img/exticon.png) no-repeat 0 0; }

h1.extIconGantt .title {
  background: url(../../ext/gantt/asset/img/exticon.png) no-repeat 0 5px; }

#ganttCommands {
  background-color: #f8f8f8;
  padding: 8px 4px;
  margin-bottom: 10px;
  text-align: left; }
      #ganttCommands button.ganttZoomIn .icon {
        background: url(../../ext/gantt/asset/img/icons.png) no-repeat 3px 3px; }
      #ganttCommands button.ganttZoomOut .icon {
        background: url(../../ext/gantt/asset/img/icons.png) no-repeat 3px -27px; }
      #ganttCommands button.ganttUndo .icon {
        background: url(../../ext/gantt/asset/img/icons.png) no-repeat 3px -87px; }

    #gantt .taskTree td {
      vertical-align: middle;
      overflow: hidden;
      text-overflow: clip;
      white-space: nowrap;
      font-size: 14px;
      padding: 4px 2px;
      border: 1px solid #eeeeee;
      border-width: 0 1px 1px 0; }
  #gantt #splitterContainer {
    width: 100%;
    overflow-y: auto; }
  #gantt .splitterInnerContainer {
    position: absolute;
    outline-style: none;
    overflow-x: scroll;
    overflow-y: hidden; }
  #gantt .splitterBar {
    position: absolute;
    outline-style: none;
    width: 5px;
    background-color: #aaaaaa;
    cursor: w-resize;
    text-align: center;
    color: white; }
  #gantt .taskBox[status="1"] .layout {
    border-color: #7f007f; }
  #gantt .taskBox[status="2"] .layout {
    border-color: red; }
  #gantt .taskBox[status="3"] .layout {
    border-color: #ffac00; }
  #gantt .taskBox[status="4"] .layout {
    border-color: #fffc00; }
  #gantt .taskBox[status="5"] .layout {
    border-color: #77dc00; }
  #gantt .taskBox[status="6"] .layout {
    border-color: green; }
  #gantt .taskBox[status="7"] .layout {
    border-color: #a60000; }
  #gantt .taskBox[status="8"] .layout {
    border-color: #dbdbdb; }
  #gantt .taskBox[status="10"].layout {
    border-color: pink; }

body.todoyu-gantt {
    /*
   * 
   * -------------------------------------------------------
   * table styles
   * -------------------------------------------------------
   */
    /*
   * 
   * -------------------------------------------------------
   * Buttons
   * -------------------------------------------------------
   */ }
  body.todoyu-gantt #box {
    width: 95%; }
    body.todoyu-gantt #box #contentBox {
      width: 100% !important; }
  body.todoyu-gantt .gdfTable {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0; }
    body.todoyu-gantt .gdfTable td,
    body.todoyu-gantt .gdfTable th {
      vertical-align: middle;
      overflow: hidden;
      text-overflow: clip;
      white-space: nowrap; }
  body.todoyu-gantt .gdfCell {
    overflow: hidden;
    padding: 4px 2px; }
  body.todoyu-gantt .gdfColHeader {
    min-width: 5px;
    height: 30px; }
  body.todoyu-gantt .gdfCell,
  body.todoyu-gantt .gdfColHeader {
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee; }
  body.todoyu-gantt .ganttLines {
    position: absolute;
    width: 100%;
    height: 1px;
    border-top: 1px solid #eeeeee;
    z-index: 1; }
  body.todoyu-gantt .gdfCellInput {
    border: 0 none;
    font-size: 12px;
    height: 20px;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #d4fbe8; }
  body.todoyu-gantt .gdfCellWrap {
    border: 0 none;
    font-size: 12px;
    height: 17px;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    background-color: #ffcccc; }
  body.todoyu-gantt .gdfColHeaderOver {
    opacity: 0.7; }
  body.todoyu-gantt .gdfHResizing {
    cursor: w-resize; }
  body.todoyu-gantt .splitterContainer {
    width: 100%;
    position: relative;
    background-color: white; }
  body.todoyu-gantt .splitBox1,
  body.todoyu-gantt .splitBox2 {
    overflow-x: scroll;
    overflow-y: hidden; }
  body.todoyu-gantt .splitBox2 {
    width: 70%; }
  body.todoyu-gantt .unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none; }
  body.todoyu-gantt .splitElement {
    outline-style: none;
    position: absolute; }
  body.todoyu-gantt .vSplitBar {
    width: 5px;
    background-color: #aaaaaa;
    cursor: w-resize;
    text-align: center;
    color: white; }
  body.todoyu-gantt .end {
    border-right: 1px dotted #666666; }
  body.todoyu-gantt .holyH {
    background-color: #9cb7aa; }
  body.todoyu-gantt .holy {
    background-color: #fff5e6; }
  body.todoyu-gantt .expcoll {
    width: 6px;
    height: 6px;
    margin: 1px;
    padding: 1px;
    background-color: #ffffbb;
    display: inline-block;
    border: 1px solid grey; }
  body.todoyu-gantt .expcoll.exp {
    display: none; }
  body.todoyu-gantt .ganttTable {
    table-layout: fixed; }
  body.todoyu-gantt .ganttTable td,
  body.todoyu-gantt .ganttTable th {
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap; }
  body.todoyu-gantt .ganttHead1,
  body.todoyu-gantt .ganttHead2 {
    height: 20px; }
  body.todoyu-gantt .ganttHead1 th,
  body.todoyu-gantt .ganttHead2 th {
    border-left: 1px solid white; }
  body.todoyu-gantt .ganttToday {
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    border-left: 2px dotted #13afa5; }
  body.todoyu-gantt .ganttHighLight {
    position: absolute;
    width: 100%;
    height: 28px;
    background-color: #ffffbb;
    opacity: 0.4; }
  body.todoyu-gantt .ganttButtonBar {
    position: relative;
    padding: 5px; }
  body.todoyu-gantt .ganttButtonBar .buttons {
    float: left;
    margin: 45px 0 0 40px; }
  body.todoyu-gantt .ganttButtonBar .button span.teamworkIcon {
    font-size: 150%; }
  body.todoyu-gantt .ganttButtonSeparator {
    border-left: 1px solid grey;
    padding-right: 10px;
    margin-left: 10px;
    font-size: 130%; }
  body.todoyu-gantt .ganttLinks {
    z-index: 10; }
  body.todoyu-gantt .taskBox {
    position: absolute;
    height: 19px;
    margin-top: 3px;
    z-index: 100; }
  body.todoyu-gantt .taskBox .layout {
    height: 100%;
    color: red;
    border-radius: 2px;
    background: #eeeeee;
        /*
     * Old browsers
     */
    border: 1px solid #bbbbbb; }
  body.todoyu-gantt .taskBox .taskStatus {
    left: 5px;
    top: 10px;
    position: absolute;
    width: 10px;
    height: 10px; }
  body.todoyu-gantt .taskBox .layout .milestone {
    top: 0px;
    position: absolute;
    width: 18px;
    height: 18px;
    display: none; }
  body.todoyu-gantt .taskBox .layout .milestone.end {
    right: 0; }
  body.todoyu-gantt .taskBox .layout .milestone.active {
    display: block; }
  body.todoyu-gantt .taskBox.hasChild .layout {
    border-top: 2px solid black; }
  body.todoyu-gantt .taskBox .taskProgress {
    height: 5px;
    position: absolute; }

  body.todoyu-gantt .taskLabel {
    position: absolute;
    height: 28px;
    color: black;
    text-align: right;
    padding-right: 5px;
    overflow: hidden;
    left: -200px;
    width: 195px;
    white-space: nowrap; }
  body.todoyu-gantt .taskDepLine {
    border: 1px solid #9999ff;
    overflow: hidden;
    position: absolute; }
  body.todoyu-gantt .taskEditRow,
  body.todoyu-gantt .emptyRow {
    height: 22px; }
  body.todoyu-gantt .taskEditRow.rowSelected td,
  body.todoyu-gantt .taskEditRow.rowSelected input {
    background-color: #ffffbb; }
    body.todoyu-gantt .taskEditRow .taskName {
      width: 200px;
      padding-left: 5px;
      text-overflow: ellipsis;
      cursor: pointer; }
      body.todoyu-gantt .taskEditRow .taskName.container {
        font-weight: bold; }
  body.todoyu-gantt .taskStatusBox {
    position: absolute;
    width: 100px;
    height: 24px;
    border: 1px solid #a0a0a0;
    background-color: white;
    margin-top: 2px;
    margin-left: -1px;
    padding: 2px; }
  body.todoyu-gantt .taskStatus {
    width: 15px;
    height: 15px;
    display: inline-block; }
  body.todoyu-gantt .taskStatus.selected {
    border: #666666 2px solid; }
  body.todoyu-gantt .ui-resizable-helper {
    border: 1px dotted blue; }
  body.todoyu-gantt .ui-resizable-e,
  body.todoyu-gantt .ui-resizable-w {
    width: 5px; }
  body.todoyu-gantt .ui-draggable {
    cursor: move; }
  body.todoyu-gantt #right * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  body.todoyu-gantt .waiting {
    cursor: progress; }
  body.todoyu-gantt .cvcColorSquare {
    display: inline-block;
    text-align: left;
    border: white 0px solid;
    box-shadow: 0px 0px 5px #999999;
    -moz-box-shadow: 2px 2px 2px #999999;
    -webkit-box-shadow: 0px 0px 5px #999999;
    -o-box-shadow: 0px 0px 5px #999999;
    text-indent: 10px;
    border-radius: 5px; }
  body.todoyu-gantt .cvcColorSquare:hover {
    opacity: 0.8; }
  body.todoyu-gantt .unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none; }
  body.todoyu-gantt .ui-resizable {
    position: relative; }
  body.todoyu-gantt .ui-resizable-handle {
    position: absolute;
    font-size: 0px;
    z-index: 99999;
    display: block; }
  body.todoyu-gantt .ui-resizable-disabled .ui-resizable-handle,
  body.todoyu-gantt .ui-resizable-autohide .ui-resizable-handle {
    display: none; }
  body.todoyu-gantt .ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0; }
  body.todoyu-gantt .ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0; }
  body.todoyu-gantt .ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%; }
  body.todoyu-gantt .ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%; }
  body.todoyu-gantt .ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px; }
  body.todoyu-gantt .ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px; }
  body.todoyu-gantt .ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px; }
  body.todoyu-gantt .ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px; }
  body.todoyu-gantt .table {
    width: 100%; }
  body.todoyu-gantt th,
  body.todoyu-gantt .tableHeader {
    background: #ececec;
      /*
   * Old browsers
   */
    background: -moz-linear-gradient(top, #ececec 0%, #cecece 100%);
      /*
   * FF3.6+
   */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #cecece));
      /*
   * Chrome,Safari4+
   */
    background: -webkit-linear-gradient(top, #ececec 0%, #cecece 100%);
      /*
   * Chrome10+,Safari5.1+
   */
    background: -o-linear-gradient(top, #ececec 0%, #cecece 100%);
      /*
   * Opera 11.10+
   */
    background: -ms-linear-gradient(top, #ececec 0%, #cecece 100%);
      /*
   * IE10+
   */
    background: linear-gradient(to bottom, #ececec 0%, #cecece 100%);
      /*
   * W3C
   */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#cecece', GradientType=0);
      /*
   * IE6-9
   */
    font-weight: normal;
    border: none;
    padding: 2px; }
  body.todoyu-gantt TH a {
    color: white; }
  body.todoyu-gantt .button.first {
    background-color: #fea730;
    font-weight: bold; }
  body.todoyu-gantt .button.first:hover {
    background-color: #d98e2a; }
  body.todoyu-gantt .button[disabled] {
    cursor: default;
    opacity: 0.4; }
  body.todoyu-gantt .button:hover[disabled] {
    background-color: #bababa; }
  body.todoyu-gantt .button.textual,
  body.todoyu-gantt .button.buttonImg {
    border: none;
    background-color: rgba(0, 0, 0, 0);
    color: #68979b;
    -moz-box-shadow: 0 0 0 #999999;
    -webkit-box-shadow: 0 0 0 #999999;
    -o-box-shadow: 0 0 0 #999999;
    box-shadow: 0 0 0 #999999;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
    text-align: left; }
  body.todoyu-gantt .button.edit {
    color: #009e94;
    padding: 0;
    margin: 0; }
  body.todoyu-gantt .button.delete {
    color: #b61e2d;
    padding: 0;
    margin: 0; }
  body.todoyu-gantt .button:hover {
    background-color: #4c4c4c; }
  body.todoyu-gantt .button.textual:hover,
  body.todoyu-gantt .button.buttonImg:hover {
    background-color: rgba(0, 0, 0, 0); }
  body.todoyu-gantt span.separator {
    display: inline-block; }
  body.todoyu-gantt .button.add {
    color: #009e94; }
  body.todoyu-gantt .button.add .teamworkIcon {
    color: #009e94; }
  body.todoyu-gantt .formElementsError {
    border: 1px solid red; }
  body.todoyu-gantt .formElementExclamation {
    width: 15px;
    height: 25px;
    mmmargin-left: -20px;
    mmmposition: absolute;
    background: url(../../cache/css/ext/gantt/asset/css/../../../../../../ext/gantt/asset/css/alert.gif) no-repeat; }

    #contextmenu .taskContextMenu.showInGantt,
    #contextmenu .projectContextMenu.showInGantt {
      background-image: url(../../ext/gantt/asset/img/icons.png);
      background-repeat: no-repeat;
      background-position: 6px -55px; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
span.extIconCurrency {
  background: url(../../ext/currency/asset/img/exticon.png) no-repeat 0 0; }

h1.extIconCurrency .title {
  background: url(../../ext/currency/asset/img/exticon.png) no-repeat 0 5px; }

      .todoyu-profile #filterexport-tabs.filterexport .icon {
        background: url(../../ext/filterexport/asset/img/exticon.png) no-repeat 0 5px;
        margin-right: 4px; }
  .todoyu-profile #panelwidget-profilemodules li.filterexport a {
    background: url(../../ext/filterexport/asset/img/exticon.png) no-repeat 1px 1px; }
  .todoyu-profile .formFilterExportFeedCreate,
  .todoyu-profile .formFilterExportFeedEdit {
    margin-bottom: 5px;
    border-radius: 5px;
    border-bottom: 2px solid #aaaaaa;
    border-right: 2px solid #aaaaaa; }
      .todoyu-profile .formFilterExportFeedCreate fieldset.buttons div.fElement,
      .todoyu-profile .formFilterExportFeedEdit fieldset.buttons div.fElement {
        float: left; }
    .todoyu-profile .formFilterExportFeedCreate fieldset.task legend,
    .todoyu-profile .formFilterExportFeedEdit fieldset.task legend {
      background: url(../../cache/css/ext/filterexport/asset/css/../../../../../../ext/filterexport/asset/css/../../../../../../ext/project/asset/img/icons.png) no-repeat 6px 8px; }
    .todoyu-profile .formFilterExportFeedCreate fieldset.project legend,
    .todoyu-profile .formFilterExportFeedEdit fieldset.project legend {
      background: url(../../cache/css/ext/filterexport/asset/css/../../../../../../ext/filterexport/asset/css/../../../../../../ext/project/asset/icons.png) no-repeat 6px -444px; }
    .todoyu-profile .formFilterExportFeedCreate fieldset.person legend,
    .todoyu-profile .formFilterExportFeedEdit fieldset.person legend {
      background: url(../../cache/css/ext/filterexport/asset/css/../../../../../../ext/filterexport/asset/css/../../../../../../ext/contact/asset/img/icons.png) 4px 6px no-repeat; }
    .todoyu-profile .formFilterExportFeedCreate fieldset.company legend,
    .todoyu-profile .formFilterExportFeedEdit fieldset.company legend {
      background: url(../../cache/css/ext/filterexport/asset/css/../../../../../../ext/filterexport/asset/css/../../../../../../ext/contact/asset/img/icons.png) 4px -144px no-repeat; }
    .todoyu-profile .formFilterExportFeedCreate legend,
    .todoyu-profile .formFilterExportFeedEdit legend {
      padding-left: 15px; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
span.extIconImap {
  background: url(../../ext/imap/asset/img/exticon.png) no-repeat 0 0; }

h1.extIconImap .title {
  background: url(../../ext/imap/asset/img/exticon.png) no-repeat 0 5px; }

.fElement.typeRecords.recordsMailAddress .recordIcon {
  background: url(../../ext/imap/asset/img/icons.png) no-repeat 0 2px; }

/*
 * ------------------------
 * Record items
 * ------------------------
 */
.fElement.typeRecords .typeImapaddress .recordIcon {
  background: url(../../ext/imap/asset/img/icons.png) no-repeat 0 0; }

    .fElement.typeRecords.recordsPersonAndAddress .imapaddress .recordIcon {
      background: url(../../ext/imap/asset/img/icons.png) no-repeat 0 0; }
    .fElement.typeRecords.recordsPersonAndAddress .contactperson .recordIcon {
      background: url(../../ext/contact/asset/img/icons.png) no-repeat 0 -420px; }

/* ----------------------------------------------
	Extension icon: stand-alone and in heading
   ---------------------------------------------- */
span.extIconItiltask {
	background-image: url(../../ext/itiltask/asset/img/exticon.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

h1.extIconItiltask .title {
	background-image: url(../../ext/itiltask/asset/img/exticon.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
}

/* ----------------------------------------------
	Task context menu
   ---------------------------------------------- */
#contextmenu .taskContextMenu.task-itilcategory {
	background-image: url(../../ext/itiltask/asset/img/contextmenu.png);
	background-repeat: no-repeat;
	background-position: 3px 3px;
}

#contextmenu .taskContextMenu.task-itilpriority {
	background-image: url(../../ext/itiltask/asset/img/contextmenu.png);
	background-repeat: no-repeat;
	background-position: 3px -26px;
}

#contextmenu .taskContextMenu.task-change-category {
	background-image: url(../../ext/itiltask/asset/img/icons.png);
	background-repeat: no-repeat;
	background-position: 3px -30px;
}

#contextmenu .taskContextMenu.task-change-priority {
	background-image: url(../../ext/itiltask/asset/img/icons.png);
	background-repeat: no-repeat;
	background-position: 3px -27px;
}/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
span.extIconMailtoproject {
  background: url(../../ext/mailtoproject/asset/img/exticon.png) no-repeat 0 0; }

h1.extIconMailtoproject .title {
  background: url(../../ext/mailtoproject/asset/img/exticon.png) no-repeat 0 5px; }

    #mailtoproject-tabs li .icon {
      background-image: url(../../ext/mailtoproject/asset/img/icons.png);
      background-repeat: no-repeat; }
    #mailtoproject-tabs li.inbox .icon {
      background-position: 0 7px; }
    #mailtoproject-tabs li.processed .icon {
      background-position: 0 -116px; }
    #mailtoproject-tabs li.trash .icon {
      background-position: 0 -53px; }
    #mailtoproject-tabs li.editTask {
      float: right; }
      #mailtoproject-tabs li.editTask .icon {
        background: url(../../ext/project/asset/img/contextmenu.png) no-repeat 0px -26px; }

/*
 * -------------------------------------------
 * Task workflow
 * -------------------------------------------
 */
  .taskEdit .message {
    margin-bottom: 20px; }
    .taskEdit .message .body .content {
      max-height: 300px; }
  .taskEdit .mtpBox.commentedit {
    margin-bottom: 20px; }

  .secondComment .taskTabs {
    display: none; }
        .secondComment .comment .action-bar .actions a {
          display: none; }
        .secondComment .comment .action-bar .actions a.emlDownload {
          display: inline; }

/*
 * -------------------------------------------
 * Comment
 * -------------------------------------------
 */
      .commentList .comment .actions .emlDownload {
        background: url(../../ext/mailtoproject/asset/img/icons.png) 0 -207px; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
span.extIconSla {
  background: url(../../ext/sla/asset/img/exticon.png) no-repeat 0 0; }

.moduleExtensions .extIconSla .title {
  background: url(../../ext/sla/asset/img/exticon.png) no-repeat 0 5px; }

#contextmenu .slaRelevantLocked {
  background: none !important; }

    .resultViewTaskdetails table.list .colNumber,
    .resultViewTaskdetails table.list .colId,
    .resultViewWarning table.list .colNumber,
    .resultViewWarning table.list .colId,
    .resultViewProjectdetails table.list .colNumber,
    .resultViewProjectdetails table.list .colId {
      width: 10%; }
    .resultViewTaskdetails table.list .colStatus,
    .resultViewTaskdetails table.list .colAmount,
    .resultViewWarning table.list .colStatus,
    .resultViewWarning table.list .colAmount,
    .resultViewProjectdetails table.list .colStatus,
    .resultViewProjectdetails table.list .colAmount {
      width: 5%; }
    .resultViewTaskdetails table.list .colAmount,
    .resultViewWarning table.list .colAmount,
    .resultViewProjectdetails table.list .colAmount {
      text-align: right; }
    .resultViewTaskdetails table.list .colEstimated,
    .resultViewTaskdetails table.list .colNameEstimated,
    .resultViewTaskdetails table.list .colTracked,
    .resultViewTaskdetails table.list .colNameTracked,
    .resultViewTaskdetails table.list .colRatio,
    .resultViewTaskdetails table.list .colNameRatio,
    .resultViewTaskdetails table.list .colDiff,
    .resultViewTaskdetails table.list .colNameDiff,
    .resultViewWarning table.list .colEstimated,
    .resultViewWarning table.list .colNameEstimated,
    .resultViewWarning table.list .colTracked,
    .resultViewWarning table.list .colNameTracked,
    .resultViewWarning table.list .colRatio,
    .resultViewWarning table.list .colNameRatio,
    .resultViewWarning table.list .colDiff,
    .resultViewWarning table.list .colNameDiff,
    .resultViewProjectdetails table.list .colEstimated,
    .resultViewProjectdetails table.list .colNameEstimated,
    .resultViewProjectdetails table.list .colTracked,
    .resultViewProjectdetails table.list .colNameTracked,
    .resultViewProjectdetails table.list .colRatio,
    .resultViewProjectdetails table.list .colNameRatio,
    .resultViewProjectdetails table.list .colDiff,
    .resultViewProjectdetails table.list .colNameDiff {
      width: 10%;
      text-align: right; }
      .resultViewTaskdetails table.list tr:last-child td,
      .resultViewWarning table.list tr:last-child td,
      .resultViewProjectdetails table.list tr:last-child td {
        font-weight: bold; }

    .resultViewProjectdetails table.list .colEstimated,
    .resultViewProjectdetails table.list .colNameEstimated,
    .resultViewProjectdetails table.list .colTracked,
    .resultViewProjectdetails table.list .colNameTracked,
    .resultViewProjectdetails table.list .colRatio,
    .resultViewProjectdetails table.list .colNameRatio,
    .resultViewProjectdetails table.list .colDiff,
    .resultViewProjectdetails table.list .colNameDiff,
    .resultViewProjectdetails table.list .colStorypoints,
    .resultViewProjectdetails table.list .colNameStorypoints {
      width: 8%;
      text-align: right; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
span.extIconProjectbilling {
  background: url(../../ext/projectbilling/asset/img/exticon.png) no-repeat 0 0; }

h1.extIconProjectbilling .title {
  background: url(../../ext/projectbilling/asset/img/exticon.png) no-repeat 0 5px; }

/*
 * --------------------------------------------
 * Search
 * --------------------------------------------
 */
#search-tab-invoice span.icon {
  background: url(../../ext/projectbilling/asset/img/icons.png) rgba(0, 0, 0, 0) 0 -266px; }

  #navi-main-list-search li.itemSearchInvoice a {
    background: rgba(0, 0, 0, 0) url(../../ext/projectbilling/asset/img/icons.png) 4px -266px no-repeat !important; }
    #navi-main-list-search li.itemSearchInvoice a:hover {
      background-color: #eff3e5 !important; }

/*
 * -----------------
 * Search headlet
 * -----------------
 */
#todoyusearchheadletquicksearch form.searchmodeInvoice a.mode,
#todoyusearchheadletquicksearch-modes li.searchmodeInvoice a {
  background: url(../../ext/projectbilling/asset/img/icons.png) no-repeat 3px -324px !important; }

/*
 * --------------------------------------------
 * Main menu:Sub menu entries in billing
 * --------------------------------------------
 */
    #navi-main-list-billing li.item a {
      background-image: url(../../ext/projectbilling/asset/img/icons.png) !important;
      background-repeat: no-repeat; }
    #navi-main-list-billing li.itemProjectbillingCheckup a {
      background-position: 6px -28px; }
    #navi-main-list-billing li.itemProjectbillingBilling a {
      background-position: 6px -447px; }
    #navi-main-list-billing li.itemProjectbillingInvoices a {
      background-position: 6px -57px; }

/*
 * ----------------------------------------------
 * Project header icons
 * ----------------------------------------------
 */
  div.project h1.headerLine span.projectIcons span.projectbillingConfigWarning {
    padding: 0 16px 0 0;
    width: 18px;
    height: 16px;
    background: url(../../ext/projectbilling/asset/img/icons.png) no-repeat rgba(0, 0, 0, 0) 0 -356px; }
  div.project div.infoBox.invoiceDocuments ul {
    padding-bottom: 0; }

/*
 * ----------------------------------------------
 * Project details:accounting info box
 * ----------------------------------------------
 */
    .infoBox.accounting .content div.half {
      float: left;
      clear: none;
      width: 308px; }
      .infoBox.accounting .content div.half.left {
        margin-right: 4px; }
    .infoBox.accounting .content .item {
      width: 303px;
      padding: 3px;
      float: left;
      clear: both; }
      .infoBox.accounting .content .item .label {
        width: 40%;
        font-weight: bold; }
      .infoBox.accounting .content .item .value {
        width: 60%; }

.infoBox.accounting .content .item .label,
.infoBox.accounting .content .item .value {
  float: left; }

.infoBox.accounting .content dl dd,
.infoBox.accounting .content dl dt {
  float: left;
  width: 50%; }

.infoBox.accounting .content dl dd.odd,
.infoBox.accounting .content dl dt.odd,
.project .content .presetRow.odd {
  background-color: #f8f8f8 !important; }

.project .content .presetRow {
  height: 18px; }

fieldset.invoices ul {
  list-style: none !important; }

/*
 * ----------------------------------------------
 * Project details: invoices info box
 * ----------------------------------------------
 */
    .invoiceDocuments .invoiceList span {
      padding: 4px 3px 4px 7px;
      display: block;
      float: left;
      overflow: hidden;
      white-space: nowrap; }
      .invoiceDocuments .invoiceList span.clear {
        padding: 0; }
      .invoiceDocuments .invoiceList span.documentIcon {
        float: none;
        cursor: pointer; }
      .invoiceDocuments .invoiceList span.date {
        width: 70px; }
      .invoiceDocuments .invoiceList span.status {
        width: 96px; }
      .invoiceDocuments .invoiceList span.person {
        width: 76px; }
      .invoiceDocuments .invoiceList span.text {
        width: 186px; }
      .invoiceDocuments .invoiceList span.invoicenumber {
        width: 71px; }
      .invoiceDocuments .invoiceList span.amount {
        width: 186px; }
      .invoiceDocuments .invoiceList span.download {
        width: 16px; }
        .invoiceDocuments .invoiceList span.download .documentIcon {
          display: block;
          height: 7px;
          width: 7px;
          background: url(../../ext/projectbilling/asset/img/icons.png) 0 -700px no-repeat; }
  .invoiceDocuments .invoiceListElementSubGroup {
    display: block;
    overflow: hidden; }
  .invoiceDocuments .trigger {
    cursor: pointer; }
  .invoiceDocuments .invoiceListHeader {
    background: url(../../cache/css/ext/projectbilling/asset/css/../../../../../../ext/projectbilling/asset/css/../../../../core/asset/img/bg-headerline.png) repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid white;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dddddd;
    border-radius: 5px 5px 0 0;
    font-size: 10px;
    text-transform: uppercase;
    white-space: nowrap; }
  .invoiceDocuments .invoiceListElementGroupElement {
    border-top: 1px solid #dddddd; }
  .invoiceDocuments .clear {
    clear: both;
    float: none !important;
    padding: 0; }
  .invoiceDocuments .status0 {
    background-color: #88aacc; }
  .invoiceDocuments .status10 {
    background-color: #ffdd99; }
  .invoiceDocuments .status20 {
    background-color: #fff1d6; }
  .invoiceDocuments .status30 {
    background-color: #f58058; }
  .invoiceDocuments .status31 {
    background-color: #e06d54; }
  .invoiceDocuments .status32 {
    background-color: #cc5340; }
  .invoiceDocuments .status39 {
    background-color: #ac2118; }
  .invoiceDocuments .status40 {
    background-color: #b71c17; }
  .invoiceDocuments .status50 {
    background-color: #70ae6a; }
  .invoiceDocuments .status60 {
    background-color: #aaaaaa; }
  .invoiceDocuments .status70 {
    background-color: #eeeeee; }
  .invoiceDocuments .invoiceListElementSubGroup {
    background-color: white; }

/*
 * ------------------------
 * Project form
 * ------------------------
 */
.formProject .fieldnameExtprojectbillingapprovalroles > .fLabel {
  display: none; }

/*
 * --------------------------
 * Task icons, task details
 * --------------------------
 */
.projectbillingTaskFixedPriceIcon {
  background: url(../../ext/projectbilling/asset/img/icons.png) no-repeat 0 -638px; }

.task dd.fixedPricePublic span.icon {
  display: block !important;
  background: url(../../core/asset/img/icons.png) no-repeat 0 -1108px; }

/*
 * ----------------------
 * Area tabs
 * ----------------------
 */
#projectbilling-tabs span.icon {
  background: url(../../ext/projectbilling/asset/img/icons.png) no-repeat;
  padding: 0 2px 0 0;
  margin: 0 8px 0 0; }

#projectbilling-tab-checkup span.icon {
  background-position: 6px -28px; }

#projectbilling-tab-billing span.icon {
  padding-left: 2px !important;
  background-position: 2px -447px; }

#projectbilling-tab-invoices span.icon {
  padding-left: 2px !important;
  background-position: 2px -57px; }

/*
 * -------------------------------------
 * PreCalculation progress message
 * -------------------------------------
 */
#calculationprogress-element {
  background: #ececec;
  border: 1px dotted #999999;
  padding: 6px 0 6px 12px;
  margin: 0 0 12px 0; }
  #calculationprogress-element .message {
    margin: 12px 0 12px 0; }
  #calculationprogress-element #progress {
    margin: 0 0 12px 0; }

/*
 * -------------------------
 * Invoice template form
 * -------------------------
 */
fieldset .fileoperations {
  margin: 12px 0 0 0;
  padding: 4px 0 4px 0;
  background: #f8f8f8; }

button.buttonUploadInvoicetemplate span.icon {
  background: url(../../ext/projectbilling/asset/img/icons.png) no-repeat 7px -88px;
  width: 25px; }

button.buttonDownloadInvoicetemplate span.icon {
  background: url(../../ext/projectbilling/asset/img/icons.png) no-repeat 7px -118px;
  width: 25px; }

button.buttonDeleteInvoicetemplate span.icon {
  background: url(../../ext/projectbilling/asset/img/icons.png) no-repeat 7px -148px;
  width: 25px; }

button.buttonPreviewAddress span.icon {
  width: 24px;
  background: url(../../core/asset/img/icons.png) no-repeat 5px -627px; }

#template-uploader-element {
  margin: 8px 0 0 0; }

input#templatefile {
  margin: 0 0 12px 0; }

#uploadprogress-element {
  margin: 8px 0 12px 0; }
  #uploadprogress-element img#progress {
    margin: 8px 0 12px 0; }

/*
 * -------------------------
 * Tabs content
 * -------------------------
 */
table.list.invoicePreview {
  background-image: none;
  margin: 0; }
  table.list.invoicePreview th {
    background-color: #eeeeee;
    border-top: 1px solid #cccccc; }

div#invoicingContent div.buttons {
  background-color: #eeeeee;
  margin: 12px -20px 0 -20px;
  padding: 5px;
  text-align: right; }

h4.generateinvoicedocument {
  background: url(../../ext/projectbilling/asset/img/icons.png) no-repeat 4px -475px;
  padding-left: 26px !important; }

/*
 * -------------------------
 * Invoice button icons
 * -------------------------
 */
button.generateinvoicedocument .icon {
  background: url(../../ext/projectbilling/asset/img/icons.png) no-repeat 5px -479px;
  width: 26px; }

button.reopeninvoice .icon {
  background: url(../../ext/projectbilling/asset/img/icons.png) no-repeat 6px -667px;
  width: 26px; }

button.calculateInvoice .icon {
  background: url(../../ext/projectbilling/asset/img/icons.png) no-repeat 6px -238px;
  width: 20px; }

button.approveInvoice .icon {
  background: url(../../ext/projectbilling/asset/img/icons.png) no-repeat 6px -28px;
  width: 28px; }

button.setinvoicepaid .icon {
  background: url(../../ext/projectbilling/asset/img/icons.png) no-repeat 4px -508px;
  width: 24px; }

button.setinvoicecanceled .icon {
  background: url(../../ext/projectbilling/asset/img/icons.png) no-repeat 3px -537px;
  width: 18px; }

button.setinvoicedepreciated .icon {
  background: url(../../ext/projectbilling/asset/img/icons.png) no-repeat 3px -567px;
  width: 18px; }

button.switchListToGroupToActivity .icon {
  background: url(../../ext/projectbilling/asset/img/icons.png) no-repeat 3px -727px;
  width: 18px; }

#invoicingContent #calculation {
  border: 1px dotted #aaaaaa;
  margin: 8px 0 8px 0;
  padding: 6px 6px 10px 6px; }

.billrenderform {
  border-top: 1px solid #cccccc; }

h2.invoicesListDivisionHeader,
.billrenderform h4 {
  background-color: #eeeeee;
  font-size: 12px;
  margin: 12px 0 -4px 0;
  padding: 8px 0 10px 20px; }

h2.invoicesListDivisionHeader {
  background-color: #eeeeee;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 0.1em;
  margin-bottom: 5px;
  padding: 5px 5px 5px 20px;
  text-transform: uppercase; }

/*
 * ------------------------
 * Preview
 * -----------------------
 */
table.invoicePreview {
  width: 100%;
  margin-top: 10px; }
  table.invoicePreview .invoiceItemGroup {
    cursor: pointer; }
    table.invoicePreview tr.invoiceItemGroup:hover {
      background-color: #eeeeee; }
    table.invoicePreview tr.billingtypeHeader td {
      background-color: #eeeeee; }
  table.invoicePreview .colStatus {
    width: 2%;
    border-left-width: 1px; }
  table.invoicePreview .colTasknumber {
    width: 10%; }
  table.invoicePreview .colTitle {
    width: 35%; }
  table.invoicePreview .colDate {
    width: 10%;
    text-align: right; }
  table.invoicePreview .colEstimated {
    width: 10%;
    text-align: right; }
  table.invoicePreview .colAmount {
    width: 10%;
    text-align: right; }
  table.invoicePreview .colCost {
    width: 15%;
    text-align: right; }
  table.invoicePreview .colPriceTotal {
    width: 10%;
    text-align: right; }

table.invoicePreview td,
table.invoicePreview th {
  padding: 3px 2px 3px 5px;
  border-bottom: 1px solid #aaaaaa;
  border-width: 0 1px 1px 0; }

table.invoicePreview tr.invoiceItemsProject td.colTitle,
table.invoicePreview tr.invoiceItemsGroup td.colTitle,
table.invoicePreview tr.invoiceItemsStatic td.colTitle {
  font-weight: bold; }

/*
 * -----------------
 * Calculation
 * -----------------
 */
#calculation h3 {
  margin: 10px 0 10px 0; }
  #calculation h3 .icon {
    margin-right: 10px; }

div.warningNoBillingTypes {
  margin-top: 10px;
  background-color: lightsalmon;
  border: 1px solid red;
  padding: 10px;
  font-size: 12px; }

/*
 * --------------------------------------------------
 * Project - Form / invoice and prepayment status
 * --------------------------------------------------
 */
ul.prepayment-list-form li {
  padding: 4px 0 0 6px; }
  ul.prepayment-list-form li span.icon {
    background-image: url(../../ext/projectbilling/asset/img/invoicestatus.png);
    background-position: 4px -4px;
    height: 16px;
    padding: 0 0 0 25px; }

/*
 * Status icon
 */
  li.invoice span.icon {
    background-image: url(../../ext/projectbilling/asset/img/invoicestatus.png);
        /*
     * Status: Provisional
     */ }
    li.invoice span.icon .statusProvisional {
      background-position: 2px -3px; }
    li.invoice.prepayment span.icon.statusProvisional {
      background-position: 2px -350px !important; }
    li.invoice.prepayment span.icon.statusApproved {
      background-position: 2px -381px !important; }
    li.invoice.prepayment span.icon.statusInvoiced {
      background-position: 2px -411px !important; }
    li.invoice.prepayment span.icon.statusFirstreminder {
      background-position: 4px -437px !important; }
    li.invoice.prepayment span.icon.statusSecondreminder {
      background-position: 4px -456px !important; }
    li.invoice.prepayment span.icon.statusThirdreminder {
      background-position: 4px -486px !important; }
    li.invoice.prepayment span.icon.statusFinalreminder {
      background-position: 4px -606px !important; }
    li.invoice.prepayment span.icon.statusEncashment {
      background-position: 4px -517px !important; }
    li.invoice.prepayment span.icon.statusPaid {
      background-position: 4px -547px !important; }
    li.invoice.prepayment span.icon.statusCanceled {
      background-position: 4px -638px !important; }
    li.invoice.prepayment span.icon.statusDepreciated {
      background-position: 4px -5717px !important; }

      ul.prepayment-list-form li span.icon.approved {
        background-position: 4px -34px !important; }
      ul.prepayment-list-form li span.icon.invoiced {
        background-position: 4px -64px; }
      ul.prepayment-list-form li span.icon.firstreminder {
        background-position: 4px -90px; }
      ul.prepayment-list-form li span.icon.secondreminder {
        background-position: 4px -110px; }
      ul.prepayment-list-form li span.icon.finalreminder {
        background-position: 4px -260px; }
      ul.prepayment-list-form li span.icon.thirdreminder {
        background-position: 4px -168px; }
      ul.prepayment-list-form li span.icon.paid {
        background-position: 4px -199px; }
      ul.prepayment-list-form li span.icon.canceled {
        background-position: 4px -291px; }
      ul.prepayment-list-form li span.icon.depreciated {
        background-position: 4px -230px; }
      ul.prepayment-list-form li span.icon.encashment {
        background-position: 4px -165px; }

/*
 * -------------------------------------------------------
 * Extconf form
 * -------------------------------------------------------
 */
    form .typeComment .templateComment a {
      text-decoration: underline; }
    form .typeComment .templateComment li {
      padding: 3px 2px; }

  form .typeComment .addressPreviewHelp li {
    padding: 2px 0px; }

/*
 * -------------------------------------------------------
 * Popups
 * -------------------------------------------------------
 */
.setPaidForm {
  margin-top: 0 !important; }
  .setPaidForm .setpaid {
    padding: 10px; }
    .setPaidForm .fieldnameDateclosure .fLabel {
      width: 170px; }
    .setPaidForm .fieldnameDateclosure .fField {
      width: 100px; }

/*
 * -------------------------------------------------------
 * Project header
 * -------------------------------------------------------
 */
.project .projectDetailsTabs .billingProjectTab .icon {
  background: url(../../ext/projectbilling/asset/img/projectheader.png) no-repeat -2px -62px; }

/*
 * -------------------
 * Header
 * ------------------
 */
div#taskList .project h1.title {
  cursor: pointer; }

/*
 * -------------------
 * Details
 * ------------------
 */
    div.invoice.expanded .overflow {
      padding-bottom: 0; }
    div.invoice.expanded div.spacer {
      height: 10px; }
    div.invoice.expanded .invoice-details {
      border-bottom: 1px solid #aaaaaa;
      border-left: 1px solid #e3eace;
      padding: 10px 20px 20px 20px; }
      div.invoice.expanded .invoice-details .editInvoiceAddress {
        display: block;
        height: 18px;
        width: 18px;
        cursor: pointer;
        background: url(../../core/asset/img/icons.png) 0px -150px no-repeat;
        margin-left: -200px; }
      div.invoice.expanded .invoice-details .info {
        padding: 5px 5px 5px 25px;
        border: 1px solid orange;
        background: url(../../core/asset/img/icons.png) 4px -625px no-repeat; }
      div.invoice.expanded .invoice-details h5 {
        padding: 0;
        margin: 0;
        font-size: 11px; }
        div.invoice.expanded .invoice-details table.approvals th {
          padding: 0 2px; }
        div.invoice.expanded .invoice-details table.details {
          border-bottom: 1px solid #aaaaaa;
          border-top: 1px solid #aaaaaa; }
        div.invoice.expanded .invoice-details table.invoice-address {
          border-top: 0px solid #aaaaaa;
          border-bottom: 0px solid #aaaaaa;
          padding: 3px 0;
          width: 100%; }
          div.invoice.expanded .invoice-details table.invoice-address .no-person-selected {
            color: #aaaaaa; }
          div.invoice.expanded .invoice-details table.invoice-address td {
            font-weight: normal; }
    div.invoice.expanded ul.approvals {
      margin-top: 2px; }
    div.invoice.expanded h3.invoiceHeader {
      background-color: #e3eace;
      border-bottom: none;
      font-weight: bold; }
    div.invoice div table.details {
      width: 100%;
      margin: 4px 0 8px 0; }
      div.invoice div table.details tr td {
        padding: 0 6px 2px 0; }
        div.invoice div table.details tr td.spaceRgt {
          padding: 0 6px 2px 12px; }
  div.invoice h3.invoiceHeader {
    background-color: #edf4d7;
    border-bottom: 1px solid #aaaaaa;
    cursor: pointer;
    height: auto !important;
    margin: 0;
    padding: 7px 0; }
    div.invoice h3.invoiceHeader span.headLabel {
      display: block;
      padding: 0 5px 0 35px;
      white-space: normal; }
  div.invoice h4.calculationHeader {
    position: relative; }
    div.invoice h4.calculationHeader .extendAccountingPeriodCalculation {
      display: block;
      height: 20px;
      width: 20px;
      background: url(../../ext/projectbilling/asset/img/icons.png) no-repeat 0 -240px;
      float: right;
      position: absolute;
      left: 170px;
      top: 0px;
      cursor: pointer; }

div.invoice.expanded .invoice-details table.details th,
div.invoice.expanded .invoice-details table.invoice-title th,
div.invoice.expanded .invoice-details table.invoice-address th,
div.invoice.expanded .invoice-details table.approvals th {
  width: 150px; }

  div.invoice-details a {
    text-decoration: underline; }
    div.invoice-details a:hover {
      background-color: #eeeeee; }
  div.invoice-details ul.approvals span.icon {
    margin-left: -4px; }

/*
 * -------------------
 * Status icons
 * ------------------
 */
div#invoicingContent h3 {
  position: relative; }
  div#invoicingContent h3 span.icon {
    background-image: url(../../ext/projectbilling/asset/img/invoicestatus.png);
    left: 4px;
    padding: 0 12px 0 0;
    position: absolute;
    top: 4px; }

div.invoice h3.invoiceHeader,
div#invoicingContent h3 {
  background-position: 4px -1px; }

/*
 * Status: Provisional
 */
div.invoice h3.invoiceStatus0 span.icon,
div#invoicingContent h3.invoiceStatus0 {
  background-position: 4px 1px !important; }

div.invoice h3.prepaymentStatus0 span.icon,
div#invoicingContent h3.prepaymentStatus0 {
  background-position: 4px -344px !important; }

/*
 * Status: Approved
 */
div.invoice h3.invoiceStatus10 span.icon,
div#invoicingContent h3.invoiceStatus10 {
  background-position: 4px -29px !important; }

div.invoice h3.prepaymentStatus10 span.icon,
div#invoicingContent h3.prepaymentStatus10 {
  background-position: 4px -376px !important; }

/*
 * Status: Invoiced
 */
div.invoice h3.invoiceStatus20 span.icon,
div#invoicingContent h3.invoiceStatus20 {
  background-position: 4px -59px; }

div.invoice h3.prepaymentStatus20 span.icon,
div#invoicingContent h3.prepaymentStatus20 {
  background-position: 4px -406px !important; }

/*
 * Status: First Reminder
 */
div.invoice h3.invoiceStatus30 span.icon,
div#invoicingContent h3.invoiceStatus30 {
  background-position: 4px -85px; }

div.invoice h3.prepaymentStatus30 span.icon,
div#invoicingContent h3.prepaymentStatus30 {
  background-position: 4px -432px !important; }

/*
 * Status: Second Reminder
 */
div.invoice h3.invoiceStatus31 span.icon,
div#invoicingContent h3.invoiceStatus31 {
  background-position: 4px -105px; }

div.invoice h3.prepaymentStatus31 span.icon,
div#invoicingContent h3.prepaymentStatus31 {
  background-position: 4px -452px !important; }

/*
 * Status: Third Reminder
 */
div.invoice h3.invoiceStatus32 span.icon,
div#invoicingContent h3.invoiceStatus32 {
  background-position: 4px -134px; }

div.invoice h3.prepaymentStatus32 span.icon,
div#invoicingContent h3.prepaymentStatus32 {
  background-position: 4px -481px !important; }

/*
 * Status: Final Reminder
 */
div.invoice h3.invoiceStatus39 span.icon,
div#invoicingContent h3.invoiceStatus39 {
  background-position: 4px -255px; }

div.invoice h3.prepaymentStatus39 span.icon,
div#invoicingContent h3.prepaymentStatus39 {
  background-position: 4px -602px !important; }

/*
 * Status: Encashment
 */
div.invoice h3.invoiceStatus40 span.icon,
div#invoicingContent h3.invoiceStatus40 {
  background-position: 4px -165px; }

div.invoice h3.prepaymentStatus40 span.icon,
div#invoicingContent h3.prepaymentStatus40 {
  background-position: 4px -512px !important; }

/*
 * Status: Paid
 */
div.invoice h3.invoiceStatus50 span.icon,
div#invoicingContent h3.invoiceStatus50 {
  background-position: 4px -195px; }

div.invoice h3.prepaymentStatus50 span.icon,
div#invoicingContent h3.prepaymentStatus50 {
  background-position: 4px -542px !important; }

/*
 * Status: Canceled
 */
div.invoice h3.invoiceStatus60 span.icon,
div#invoicingContent h3.invoiceStatus60 {
  background-position: 4px -286px; }

div.invoice h3.prepaymentStatus60 span.icon,
div#invoicingContent h3.prepaymentStatus60 {
  background-position: 4px -633px !important; }

/*
 * Status: Depreciated
 */
div.invoice h3.invoiceStatus70 span.icon,
div#invoicingContent h3.invoiceStatus70 {
  background-position: 4px -225px; }

div.invoice h3.prepaymentStatus70 span.icon,
div#invoicingContent h3.prepaymentStatus70 {
  background-position: 4px -572px !important; }

/*
 * -------------------------------------------
 * Invoice sub headers
 * -------------------------------------------
 */
h4.invoiceSubHeader {
  padding: 0;
  border-bottom: 0;
  margin: 0 0 5px 0; }
  h4.invoiceSubHeader.billGenerationFormHeader {
    background-position: 4px -297px; }

/*
 * ---------------------------------
 * Options buttons
 * ---------------------------------
 */
button.buttonGenerateBill span.icon {
  background-image: url(../../ext/projectbilling/asset/img/icons.png);
  background-position: 2px -329px; }

/*
 * -------------------------------------------------------
 * Invoice form
 * Status icons in invoicing form select options,
 * Status icons in invoice ODT documents list
 * -------------------------------------------------------
 */
.formInvoice {
  margin-top: 16px; }
    .formInvoice div.fieldnameStatus select option {
      background-image: url(../../ext/projectbilling/asset/img/invoicestatus.png);
      padding: 1px 0 2px 26px; }

/*
 * Provisional
 */
form.formInvoice div.fieldnameStatus select option[value='0'],
li.invoice span.icon.statusProvisional {
  background-position: 2px -4px !important; }

/*
 * Approved
 */
form.formInvoice div.fieldnameStatus select option[value='10'],
li.invoice span.icon.statusApproved {
  background-position: 2px -33px !important; }

/*
 * Invoiced
 */
form.formInvoice div.fieldnameStatus select option[value='20'],
li.invoice span.icon.statusInvoiced {
  background-position: 2px -62px !important; }

/*
 * First reminder
 */
form.formInvoice div.fieldnameStatus select option[value='30'],
li.invoice span.icon.statusFirstreminder {
  background-position: 2px -88px !important; }

/*
 * Second reminder
 */
form.formInvoice div.fieldnameStatus select option[value='31'],
li.invoice span.icon.statusSecondreminder {
  background-position: 2px -107px !important; }

/*
 * Third reminder
 */
form.formInvoice div.fieldnameStatus select option[value='32'],
li.invoice span.icon.statusThirdreminder {
  background-position: 2px -137px !important; }

/*
 * Final reminder
 */
form.formInvoice div.fieldnameStatus select option[value='39'],
li.invoice span.icon.statusFinalreminder {
  background-position: 2px -258px !important; }

/*
 * Encashment
 */
form.formInvoice div.fieldnameStatus select option[value='40'],
li.invoice span.icon.statusEncashment {
  background-position: 2px -168px !important; }

/*
 * Paid
 */
form.formInvoice div.fieldnameStatus select option[value='50'],
li.invoice span.icon.statusPaid {
  background-position: 2px -198px !important; }

/*
 * Canceled
 */
form.formInvoice div.fieldnameStatus select option[value='60'],
li.invoice span.icon.statusCanceled {
  background-position: 2px -289px !important; }

/*
 * Depreciated
 */
form.formInvoice div.fieldnameStatus select option[value='70'],
li.invoice span.icon.statusDepreciated {
  background-position: 2px -228px !important; }

  li.invoice span.icon.trigger {
    background: url(../../core/asset/img/tree-icons.png) no-repeat scroll 1px -26px rgba(0, 0, 0, 0) !important;
    padding: 0 0 0 5px;
    cursor: pointer; }
    li.invoice span.icon.trigger.close {
      background-position: 1px 4px !important; }
  li.invoice span.triggerClear {
    display: block;
    float: left;
    height: 18px;
    padding: 0 0 0 6px;
    width: 18px; }

.billingTypeIconSelectorIcon {
  background: url(../../ext/projectbilling/asset/img/billingtypes.png) no-repeat; }

.billingTypeIconSelectorIcon.iconBackground0 {
  background-position: 0 0; }

.billingTypeIconSelectorIcon.iconBackground1 {
  background-position: 0 -30px; }

.billingTypeIconSelectorIcon.iconBackground2 {
  background-position: 0 -60px; }

.billingTypeIconSelectorIcon.iconBackground3 {
  background-position: 0 -90px; }

.billingTypeIconSelectorIcon.iconBackground4 {
  background-position: 0 -120px; }

.billingTypeIconSelectorIcon.iconBackground5 {
  background-position: 0 -150px; }

.billingTypeIconSelectorIcon.iconBackground6 {
  background-position: 0 -180px; }

.billingTypeIconSelectorIcon.iconBackground7 {
  background-position: 0 -210px; }

.billingTypeIconSelectorIcon.iconBackground8 {
  background-position: 0 -240px; }

.billingTypeIconSelectorIcon.iconBackground9 {
  background-position: 0 -270px; }

.billingTypeIconSelectorIcon.iconBackground10 {
  background-position: 0 -300px; }

.billingTypeIconSelectorIcon.iconBackground11 {
  background-position: 0 -330px; }

.billingTypeIconSelectorIcon.iconBackground12 {
  background-position: 0 -360px; }

.billingTypeIconSelectorIcon.iconBackground13 {
  background-position: 0 -390px; }

.billingTypeIconSelectorIcon.iconBackground14 {
  background-position: 0 -420px; }

.billingTypeIconSelectorIcon.iconBackground15 {
  background-position: 0 -450px; }

.billingTypeIconSelectorIcon.iconBackground16 {
  background-position: 0 -480px; }

.billingTypeIconSelectorIcon.iconBackground17 {
  background-position: 0 -510px; }

.billingTypeIconSelectorIcon.iconBackground18 {
  background-position: 0 -540px; }

.billingTypeIconSelectorIcon.iconBackground19 {
  background-position: 0 -570px; }

.billingTypeIconSelectorIcon.iconBackground20 {
  background-position: 0 -600px; }

.billingTypeIconSelectorIcon.iconBackground21 {
  background-position: 0 -630px; }

.billingTypeIconSelectorIcon.iconBackground22 {
  background-position: 0 -660px; }

.billingTypeIconSelectorIcon.iconBackground23 {
  background-position: 0 -690px; }

.billingTypeIconSelectorIcon.iconBackground24 {
  background-position: 0 -720px; }

.billingTypeIconSelectorIcon.iconBackground25 {
  background-position: 0 -750px; }

.billingTypeIconSelectorIcon.iconBackground26 {
  background-position: 0 -780px; }

.billingTypeIconSelectorIcon.iconBackground27 {
  background-position: 0 -810px; }

.billingTypeIconSelectorIcon.iconBackground28 {
  background-position: 0 -840px; }

.billingTypeIconSelectorIcon.iconBackground29 {
  background-position: 0 -870px; }

.billingTypeIconSelectorIcon.iconBackground30 {
  background-position: 0 -900px; }

.billingTypeIconSelectorIcon.iconBackground31 {
  background-position: 0 -930px; }

.billingTypeIconSelectorIcon.iconBackground32 {
  background-position: 0 -960px; }

.billingTypeIconSelectorIcon.iconBackground33 {
  background-position: 0 -990px; }

.billingTypeIconSelectorIcon.iconBackground34 {
  background-position: 0 -1020px; }

.billingTypeIconSelectorIcon.iconBackground35 {
  background-position: 0 -1050px; }

.billingTypeIconSelectorIcon.iconBackground36 {
  background-position: 0 -1080px; }

.billingTypeIconSelectorIcon.iconBackground37 {
  background-position: 0 -1110px; }

.billingTypeIconSelectorIcon.iconBackground38 {
  background-position: 0 -1140px; }

.billingTypeIconSelectorIcon.iconBackground39 {
  background-position: 0 -1170px; }

.billingTypeIconSelectorIcon.iconBackground40 {
  background-position: 0 -1200px; }

.billingTypeIconSelectorIcon.iconBackground41 {
  background-position: 0 -1230px; }

.billingTypeIconSelectorIcon.iconBackground42 {
  background-position: 0 -1260px; }

.billingTypeIconSelectorIcon.iconBackgroundUnknown {
  background-position: 0 -1289px; }

#panelwidget-projectbillingquicksearch .content {
  display: inline-block;
  width: 100%; }

#panelwidget-projectbillingquicksearch .panelwidgetContent {
  margin-top: 5px; }

/*
 * ------------------
 * Form
 * ------------------
 */
#formElement-panelwidget-projectbillingquicksearch-field-fulltext-labelbox {
  width: 50px; }

#formElement-panelwidget-projectbillingquicksearch-field-fulltext-inputbox {
  float: left !important;
  width: 170px; }

/*
 * ------------------
 * List
 * ------------------
 */
#panelwidget-projectbillingquicksearch-list {
  display: inline-block;
  width: 95%;
  padding: 5px;
  margin-top: 5px; }

#panelwidget-projectbillingquicksearch-list li {
  border-left-width: 5px;
  border-left-style: solid;
  line-height: 18px;
  margin-bottom: 1px;
  overflow: hidden; }

#panelwidget-projectbillingquicksearch-list li.selected {
  background-color: #eeeeee; }

#panelwidget-projectbillingquicksearch-list li:hover {
  background-color: #eeeeee; }

#panelwidget-projectbillingquicksearch-list li a {
  display: block;
  padding-left: 25px;
  background: url(../../ext/project/asset/img/icons.png) no-repeat 4px -449px;
  height: 18px;
  width: 250px; }

/*
 * --------------------------------------------
 * Filter buttons (search, clear, clear project)
 * --------------------------------------------
 */
#panelwidget-projectbillingquicksearch-field-fulltext-options a.icon {
  background: url(../../core/asset/img/icons.png) no-repeat;
  margin-left: 5px;
  cursor: pointer; }

#panelwidget-projectbillingquicksearch-field-fulltext-options a.searchIcon {
  background-position: 2px -447px; }

#panelwidget-projectbillingquicksearch-field-fulltext-options a.clearIcon {
  background-position: 2px -358px; }

#panelwidget-projectbillingquicksearch-clearproject {
  margin-left: 5px; }

#panelwidget-projectbillingquicksearch-clearproject a,
.projectbillingquicksearch-clearproject a {
  padding: 5px;
  padding-left: 20px;
  display: inline-block;
  background: url(../../core/asset/img/icons.png) no-repeat 0 -356px; }

/*
 * -------------------
 * Status icons
 * ------------------
 */
  #panelwidget-invoicestatusfilter-list option {
    background-image: url(../../ext/projectbilling/asset/img/invoicestatus.png);
    height: 16px;
    padding-left: 28px !important; }
    #panelwidget-invoicestatusfilter-list option.statusProvisional {
      background-position: 4px 1px; }
    #panelwidget-invoicestatusfilter-list option.statusApproved {
      background-position: 4px -29px; }
    #panelwidget-invoicestatusfilter-list option.statusInvoiced {
      background-position: 4px -59px; }
    #panelwidget-invoicestatusfilter-list option.statusFirstreminder {
      background-position: 4px -85px; }
    #panelwidget-invoicestatusfilter-list option.statusSecondreminder {
      background-position: 4px -105px; }
    #panelwidget-invoicestatusfilter-list option.statusThirdreminder {
      background-position: 4px -134px; }
    #panelwidget-invoicestatusfilter-list option.statusFinalreminder {
      background-position: 4px -255px; }
    #panelwidget-invoicestatusfilter-list option.statusPaid {
      background-position: 4px -195px; }
    #panelwidget-invoicestatusfilter-list option.statusCanceled {
      background-position: 4px -286px; }
    #panelwidget-invoicestatusfilter-list option.statusEncashment {
      background-position: 4px -165px; }
    #panelwidget-invoicestatusfilter-list option.statusDepreciated {
      background-position: 4px -225px; }

.extIconHosting {
  background: url(../../ext/hosting/asset/img/exticon.png) no-repeat 0 0; }

/*
 * --------------------------------------
 * Hosting tabs
 * -------------------------------------
 */
#hosting-tabs li span.icon {
  background: url(../../ext/hosting/asset/img/icons.png) no-repeat 0 4px; }

/*
 * --------------------------------------------
 * Search
 * --------------------------------------------
 */
#search-tab-hosting span.icon {
  background: url(../../ext/hosting/asset/img/icons.png) rgba(0, 0, 0, 0) 0 4px; }

#navi-main-list-search li.itemSearchHosting a {
  background: rgba(0, 0, 0, 0) url(../../ext/hosting/asset/img/icons.png) 4px 4px no-repeat !important; }

#navi-main-list-search li.itemSearchHosting a:hover {
  background-color: #f6f8f0 !important; }

/*
 * -------------------------
 * Hosting list
 * -------------------------
 */
  .hostingListing .icon {
    width: 20px; }
  .hostingListing td.icon {
    background: url(../../ext/hosting/asset/img/icons.png) no-repeat 2px 4px; }
  .hostingListing .username {
    width: 150px; }
  .hostingListing .package {
    width: 140px; }
  .hostingListing .actions {
    width: 30px; }
  .hostingListing td.actions .icon.show {
    background: url(../../ext/hosting/asset/img/icons.png) no-repeat 0 -190px; }
  .hostingListing td.customer.editable,
  .hostingListing td.username.editable,
  .hostingListing td.package.editable,
  .hostingListing td.actions span.icon {
    cursor: pointer; }

  .hostingProductList th.icon {
    width: 20px; }
  .hostingProductList td.icon {
    background: url(../../ext/hosting/asset/img/icons.png) no-repeat 4px 0; }

/*
 * ------------------
 * Hosting form
 * ------------------
 */
#hosting-0-field-packagetitle-label {
  padding: 0 0 0 14px;
  background: url(../../core/asset/img/tree-icons.png) no-repeat scroll 1px -28px rgba(0, 0, 0, 0);
  cursor: pointer; }

#hosting-0-field-packagetitle-label.expanded {
  background-position: 1px 2px; }

body#todoyu-hosting div.fieldnameIdpackage {
  margin-bottom: 12px; }

/*
 * Included products
 */
.hostingproduct-edit .commenttext {
  color: #444444; }

  .formHosting .typeDatabaseRelation .databaseRelation {
    border-top: 5px solid #cccccc; }
  .formHosting .button.addProduct span.icon {
    width: 28px;
    background: url(../../ext/hosting/asset/img/icons.png) no-repeat 4px -221px; }
  .formHosting table.includedproducts {
    width: 460px;
    background-color: #f8f8f8;
    color: #444444; }
    .formHosting table.includedproducts th {
      text-align: left;
      font-weight: bold; }
    .formHosting table.includedproducts tr {
      border-top: 1px solid #666666;
      border-bottom: 1px solid #666666; }
    .formHosting table.includedproducts td {
      color: #444444; }
  .formHosting .fElement.typeDatabaseRelation {
    border-bottom: 5px solid #eeeeee;
    margin-bottom: 10px;
    padding-bottom: 10px; }
  .formHosting .fElement.typeDatabaseRelation > .fLabel label {
    font-weight: bold; }

/*
 * ------------------------
 * Edit hosting views
 * ------------------------
 */
  #overview-hostingprofile tr td.icon {
    width: 16px; }
  #overview-hostingprofile tr.customer td.icon {
    background: url(../../ext/contact/asset/img/icons.png) 2px -147px no-repeat; }
  #overview-hostingprofile tr.person td.icon {
    background: url(../../ext/contact/asset/img/icons.png) 2px 5px no-repeat; }
  #overview-hostingprofile tr.project td.icon {
    background: url(../../ext/project/asset/img/icons.png) 1px -350px no-repeat; }
    #overview-hostingprofile td dt {
      width: 120px;
      float: left; }
    #overview-hostingprofile td dd {
      float: left;
      width: 180px; }
    #overview-hostingprofile td dt,
    #overview-hostingprofile td.label {
      font-weight: bold !important; }
  #overview-hostingprofile tr.comment td {
    vertical-align: top; }

/*
 * -------------------------------
 * Edit hostingProduct views
 * -------------------------------
 */
    .list-hostingproducts .actions .icon {
      cursor: pointer;
      width: 28px; }
      .list-hostingproducts .actions .icon.edit {
        background: url(../../ext/hosting/asset/img/icons.png) 4px -96px no-repeat; }
      .list-hostingproducts .actions .icon.delete {
        background: url(../../ext/hosting/asset/img/icons.png) 0 -128px no-repeat; }
      .list-hostingproducts .actions .icon.history {
        background: url(../../ext/hosting/asset/img/icons.png) 0 -158px no-repeat; }
  .list-hostingproducts .enddate {
    font-weight: bold;
    color: #ff8000; }

#hosting-listing table.list td.view .icon.history {
  background: url(../../ext/hosting/asset/img/icons.png) 0 -158px no-repeat; }

.list-hostingproducts.deletedProducts h2,
.list-hostings.deletedHostings h2 {
  background-color: #eeeeee;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 0.1em;
  margin-bottom: 1px;
  padding: 5px 5px 5px 20px;
  text-transform: uppercase; }

/* ----------------------------------------------
	Extension icon: stand-alone and in heading
   ---------------------------------------------- */
span.extIconGanttprojectexport {
	background:url(../../ext/ganttprojectexport/asset/img/exticon.png) no-repeat 0 0;
}

h1.extIconGanttprojectexport .title {
	background:url(../../ext/ganttprojectexport/asset/img/exticon.png) no-repeat 0 5px;
}

button.exportGanttprojectXml span.icon {
	background:url(../../ext/ganttprojectexport/asset/img/icons.png) no-repeat 4px 2px;
	margin-right:4px;
}    .tabs .containerreportprojectbilling .icon {
      background: url(../../ext/containerreportprojectbilling/asset/img/icons.png) no-repeat 0 4px; }

  .containerreportprojectbilling .tab {
    padding: 5px; }
    .containerreportprojectbilling .headerRow h3 {
      font-size: 1.7em;
      padding-left: 5px;
      background-color: white; }
  .containerreportprojectbilling .actions {
    margin-top: 15px; }
      .containerreportprojectbilling .actions .button.refresh {
        margin-right: 5px; }
        .containerreportprojectbilling .actions .button.refresh .icon {
          background: url(../../ext/containerreport/asset/img/icons.png) no-repeat 0 -29px; }
        .containerreportprojectbilling .actions .button.changeView .icon {
          background: url(../../ext/containerreportprojectbilling/asset/img/icons.png) no-repeat 0 -26px; }
        .containerreportprojectbilling .actions .button.export .icon {
          background: url(../../core/asset/img/icons.png) no-repeat 2px -1597px; }
  .containerreportprojectbilling h4,
  .containerreportprojectbilling table {
    margin-top: 10px; }

.reportTypeInvoices td.currency,
.resultTable td.right,
.resultTable th.right {
  text-align: right; }

.resultTable td.center,
.resultTable th.center {
  text-align: center; }

.resultTable td.bold {
  font-weight: bold; }

.reportTypeInvoices .colNameCustomer {
  width: 150px; }

.inlineFilters .filter .dateInput .datetime {
  width: 65px; }

.inlineFilters .filter .dateInput.short {
  width: 35px; }

#content.loading {
  position: relative; }
  #content.loading:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: grey;
    opacity: 0.5;
    top: 0;
    left: 0;
    z-index: 100; }
  #content.loading:after {
    content: "Executing...";
    height: 100%;
    width: 100%;
    position: absolute;
    font-size: 48px;
    top: 40%;
    left: 0;
    text-align: center;
    z-index: 101; }

/*
 * ------------
 * Task
 * -----------
 */
div.task,
div.task .task:last-child {
  border-bottom: 1px solid #dddddd; }

  div.task .subtasks {
    border-top: 1px solid #dddddd; }
    div.task .subtasks .task:last-child {
      border-bottom: none; }

.task.marked,
.task.marked h3,
.task.marked div {
  background-color: #ffffbb !important; }

/*
 * --------------------
 * Task header
 * --------------------
 */
  .task > h3 {
    background-color: rgba(0, 0, 0, 0);
    clear: both;
    display: block;
    height: 22px;
    padding: 0;
    position: relative; }
    .task > h3 > .subtaskTrigger {
      display: inline-block;
      float: left;
      height: 22px;
      margin-left: 10px;
      width: 13px; }
      .task > h3 > .subtaskTrigger.expandable {
        cursor: pointer;
        background: url(../../core/asset/img/tree-icons.png) no-repeat 1px -23px; }
        .task > h3 > .subtaskTrigger.expandable.expanded {
          background: url(../../core/asset/img/tree-icons.png) no-repeat 1px 7px; }
    .task > h3 .headLabel {
      cursor: pointer;
      display: inline-block;
      height: 22px;
      padding: 4px; }
      .task > h3 .headLabel span {
        display: inline-block; }
      .task > h3 .headLabel .taskDate {
        width: 50px; }
      .task > h3 .headLabel .projectName {
        margin-left: 5px;
        text-overflow: ellipsis; }
    .task.expanded > h3 {
      background-color: #eeeeee; }
      .task.expanded > h3 .headLabel {
        font-weight: bold; }
  .task .statusColor {
    position: absolute;
    width: 1px;
    height: 22px;
    left: 0;
    top: 0;
    border-left-width: 4px;
    border-left-style: solid; }
  .task .dndHandle {
    position: absolute;
    width: 12px;
    height: 22px;
    left: -4px;
    top: 0; }
    .task .dndHandle:hover {
      background-color: rgba(0, 0, 0, 0); }

/*
 * -------------------------
 * Project task tree
 * -----------------------
 */
    .taskTree .task .headLabel {
      width: 650px; }
      .taskTree .task .headLabel .projectName {
        max-width: 550px; }

/*
 * -------------------------
 * Flat task listing
 * -----------------------
 */
  .taskListing .headerLine .taskDate,
  .taskListing .task .headLabel .taskDate {
    width: 49px; }
  .taskListing .headerLine .customer,
  .taskListing .task .headLabel .customer {
    width: 100px; }
  .taskListing .headerLine .projectName,
  .taskListing .task .headLabel .projectName {
    width: 500px; }
    .taskListing .task .headLabel {
      padding-left: 15px;
      min-width: 700px; }
      .taskListing .task .headLabel .customer,
      .taskListing .task .headLabel .projectName,
      .taskListing .task .headLabel .taskNumber {
        margin: 0 0 0 5px; }

/*
 * -------------------------------------
 * Drag'n'drop hover styles
 * -------------------------------------
 */
#dragDropMarker {
  height: 0;
  overflow: visible;
  position: absolute;
  z-index: 100000; }
  #dragDropMarker div {
    position: absolute;
    left: -31px;
    top: -12px;
    height: 25px;
    width: 30px;
    background: url(../../ext/project/asset/img/icons.png) no-repeat; }
  #dragDropMarker.in div {
    top: 1px;
    background-position: 0 -650px; }
  #dragDropMarker.after div {
    background-position: 0 -678px; }
  #dragDropMarker.before div {
    top: -14px;
    background-position: 0 -710px; }

div.task.dragDropTarget > h3 {
  background-color: #e3eace; }

  .task .dndHandle.draggable {
    cursor: move; }

    .lostTasks .task .dndHandle.draggable {
      cursor: default; }

/*
 * -------------------------
 * Task header (container)
 * ------------------------
 */
  .task.container > h3 {
    background-color: #f8f8f8;
    border-right-width: 4px;
    border-right-style: solid; }
    .task.container > h3 > .statusColor {
      border-left-width: 8px; }

/*
 * end of styles only for container element
 */
    .task h3 .taskHeadExtras {
      display: inline-block;
      overflow: hidden;
      padding: 2px 3px 1px 3px;
      position: absolute;
      right: 180px;
      text-align: right;
      top: 2px;
      width: 100px; }

    .task.container > h3 > .taskHeadExtras {
      right: 141px;
      border-right: 0 solid #dddddd; }

    .task.expanded h3 .taskHeadExtras,
    .task.expanded h3 .taskIcons {
      border-color: #cccccc; }

      .task h3 .taskHeadExtras span {
        cursor: default; }

.headerLine .taskNumber,
.task h3 .taskNumber {
  display: inline-block;
  position: absolute;
  width: 50px; }

  .headerLine .taskNumber {
    right: 128px; }

    .task h3 .taskNumber {
      top: 4px;
      right: 128px;
      cursor: pointer; }

    .task.container > h3 > .taskNumber {
      right: 89px; }

      .task h3 .headLabel a.title {
        display: block;
        width: 420px;
        padding: 2px 0;
        margin-top: -2px; }

/*
 * ----------------------
 * Task Icons
 * ----------------------
 */
  .task span.taskIcons {
    position: absolute;
    right: 0;
    height: 16px;
    width: 113px;
    overflow: hidden;
    margin-top: 2px;
    padding: 0 3px 1px 3px;
    border-left: 1px solid #dddddd; }

    .task.container > h3 > .taskIcons {
      width: 71px; }

  .task span.taskIconsOverflow {
    background: url(../../ext/project/asset/img/icons.png) no-repeat right -527px; }
    .task span.taskIconsOverflow:hover {
      width: auto;
      position: absolute;
      background: white;
      z-index: 1000; }

  .expanded span.taskIconsOverflow:hover {
    background: #e3eace; }

    .task span.taskIcons span {
      float: left;
      clear: none;
      width: 14px;
      height: 16px;
      margin: 0 0 0 3px; }
    .task span.taskIcons .taskcontainer {
      background: url(../../ext/project/asset/img/icons.png) no-repeat 0 -87px; }
    .task span.taskIcons .isPublic {
      background: url(../../core/asset/img/icons.png) no-repeat 1px -1108px; }
    .task span.taskIcons .notAcknowledged {
      width: 10px;
      cursor: pointer;
      background: rgba(0, 0, 0, 0) url(../../core/asset/img/icons.png) no-repeat 0 -1288px; }
    .task span.taskIcons .dateover {
      width: 14px;
      background: url(../../ext/project/asset/img/icons.png) no-repeat 0 -328px; }
    .task span.taskIcons .locked {
      width: 14px;
      background: url(../../ext/project/asset/img/icons.png) no-repeat 0 -480px; }

/*
 * ------------------
 * Task details
 * ------------------
 */
  .task > .details {
    border-left-width: 1px;
    border-left-style: solid; }

      .tasks .task .details .data {
        padding: 7px 0; }
        .tasks .task .details .data .task-inline-edit {
          margin: -7px 0; }
        .tasks .task .details .data .description {
          float: left;
          width: 590px;
          max-width: 65%;
          padding: 0 0 0 27px; }
        .tasks .task .details .data .properties {
          width: 276px;
          max-width: 45%;
          float: right; }
          .tasks .task .details .data .properties * {
            font-weight: normal; }
          .tasks .task .details .data .properties dt {
            color: #444444;
            float: left;
            clear: left;
            padding: 2px 0;
            width: 50%; }
          .tasks .task .details .data .properties dd {
            float: left;
            padding: 2px 0;
            width: 50%; }
            .tasks .task .details .data .properties dd span.icon {
              display: none;
              width: 14px;
              height: 14px; }
          .tasks .task .details .data .properties .unread .icon {
            background: url(../../core/asset/img/icons.png) no-repeat 0 -1288px;
            display: block !important;
            margin-left: -14px; }
          .tasks .task .details .data .properties .acknowledged .icon {
            background: url(../../core/asset/img/icons.png) no-repeat 0 -1312px;
            display: block !important;
            margin-left: -14px; }
          .tasks .task .details .data .properties .sectionStart {
            padding-top: 10px;
            margin-top: 2px;
            border-top: 1px solid #eeeeee; }

    .task .formTask fieldset.basic,
    .task .formTask fieldset.details {
      padding-top: 15px; }

/*
 * -----------------
 * Task colors
 * ----------------
 */
/*
 * sub tasks
 */
  .tasks .subtasks {
    padding-left: 10px; }

  .task-inline-edit .type-date input {
    width: 50px; }

  .taskDetails .comment p {
    padding: 5px; }

.taskcontainer {
  background: url(../../ext/project/asset/img/icons.png) no-repeat -5px -75px; }

  .task-inline-edit .bottom {
    float: left;
    clear: both; }

#taskList,
#tasks {
  z-index: 1; }

  #taskList h1.headerProjTermine {
    margin-top: 20px; }

/*
 * ----------------------------
 * Additional task icons
 * ----------------------------
 */
  .task-status-container h3 a,
  .task-status-container div.taskdetails {
    border-left-color: #222222;
    background-color: #f8f8f8; }

/*
 * ---------------------------
 * Task Search Modification
 * ---------------------------
 */
    #action-panel .button.exportCsv .icon {
      background: rgba(0, 0, 0, 0) url(../../core/asset/img/icons.png) 6px -1598px no-repeat;
      width: 24px; }

#panelwidget-sysmanagermodules li.records a {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 1px -360px; }


#panelwidget-sysmanagermodules li:hover {
  background-color: #e3eace; }

#todoyusysmanagerheadletsysmanager .button {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 4px -869px; }

/*
 * -------------------
 * Sysmanager modules
 * -------------------
 */
#todoyu-sysmanager h1.headerLine span.title {
  margin-left: -14px; }

#panelwidget-sysmanagermodules li.extensions a {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 1px 1px; }

/*
 * -------------------
 * Tabs
 * -------------------
 */
#extension-tabs li span.icon {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat; }

#extension-tabs li.installed span.icon {
  background-position: 0 5px; }

#extension-tabs li.info span.icon {
  background-position: 0 -85px; }

#extension-tabs li.config span.icon {
  background-position: 0 -115px; }

#extension-tabs li.records span.icon {
  background-position: 0 -325px; }

#extension-tabs li.imported span.icon {
  background-position: 0 -26px; }

#extension-tabs li.update span.icon {
  background-position: 0 -687px; }

#extension-tabs li.search span.icon {
  background-position: 0 -836px; }

#sysmanager-tabs li.nomodules span.icon {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -905px; }

/*
 * Extension tabs right
 */
#extension-tabs li.info,
#extension-tabs li.config {
  float: right; }

/*
 * Special tabs right
 */
#extension-tabs li.imported,
#extension-tabs li.update,
#extension-tabs li.search {
  float: right; }

/*
 * -------------------
 * Extension list
 * -------------------
 */
  .extlist col.icon {
    width: 30px; }
  .extlist .extkey {
    width: 15.795%; }
  .extlist .version {
    width: 9.477%; }
  .extlist .edit {
    width: 17.211%; }
  .extlist .state {
    width: 45px; }
  .extlist .download,
  .extlist .doc {
    width: 30px; }
      .extlist tr.missing td {
        background-color: #ffdd99; }
        .extlist tr.missing td.title div {
          text-transform: uppercase;
          font-weight: bold;
          letter-spacing: 2px; }
      .extlist tr td.edit a {
        width: 18px;
        height: 18px;
        display: inline-block;
        background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat; }
        .extlist tr td.edit a.disabled {
          opacity: 0.3;
          cursor: default !important; }
        .extlist tr td.edit a.uninstall {
          background-position: 0 -58px; }
        .extlist tr td.edit a.install {
          background-position: 0 -29px; }
        .extlist tr td.edit a.remove {
          background-position: 0 -660px; }
        .extlist tr td.edit a.info {
          background-position: 0 -88px; }
        .extlist tr td.edit a.config {
          background-position: 0 -119px; }
        .extlist tr td.edit a.records {
          background-position: 0 -329px; }
        .extlist tr td.edit a.rights {
          background-position: 0 -150px; }
      .extlist tr td.doc a {
        background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -510px; }
      .extlist tr td.download a.download {
        background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -480px; }

/*
 * ----------------------
 * State tag images
 * ----------------------
 */
span.extensionstate {
  display: inline-block;
  width: 32px;
  height: 12px; }

span.extensionstate.alpha {
  background: url(../../ext/sysmanager/asset/img/status.png) no-repeat 0 0; }

span.extensionstate.beta {
  background: url(../../ext/sysmanager/asset/img/status.png) no-repeat 0 -16px; }

span.extensionstate.stable {
  background: url(../../ext/sysmanager/asset/img/status.png) no-repeat 0 -32px; }

/*
 * -------------------
 * Import and install
 * -------------------
 */
p.importInfo {
  margin: 10px 10px 10px 0; }

#installed-action {
  margin-top: 10px; }

#installed-action button.extensionInfo .icon {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 4px -87px;
  width: 20px; }

#installed-action button.extensionConfig .icon {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 4px -119px;
  width: 20px; }

form.formImportExtension button.uploadExtension span.icon {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 4px -28px;
  width: 20px; }

.uninstalled button .icon {
  background-image: url(../../ext/sysmanager/asset/img/icons.png);
  background-repeat: no-repeat; }

.uninstalled button.download .icon {
  background-position: 4px -478px;
  width: 20px; }

.uninstalled button.delete .icon {
  background-position: 4px -658px;
  width: 20px; }

.uninstalled button.install .icon {
  background-position: 4px -28px;
  width: 20px; }

.installAlternatives {
  margin-top: 10px; }

.installAlternatives button .icon {
  background-image: url(../../ext/sysmanager/asset/img/icons.png); }

.installAlternatives button.ter .icon,
.installAlternatives button.upload .icon {
  background-position: 4px -28px;
  width: 22px; }

/*
 * -------------------
 * Upload extension
 * -------------------
 */
#importExtension-form .fLabel {
  width: 250px; }

#importExtension-form fieldset {
  padding-top: 20px; }

#importExtension-form legend {
  display: none; }

#panelwidget-profilemodules li.calendar a {
  background: url(../../ext/calendar/asset/img/exticon.png) no-repeat 1px 1px; }

/*
 * --------------
 * Tab icons
 * --------------
 */
#calendar-tabs .tabkey-main .icon {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 0 6px rgba(0, 0, 0, 0); }

#calendar-tabs .tabkey-reminders .icon {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 0 -956px rgba(0, 0, 0, 0); }

/*
 * ---------------------
 * Container
 * ------------------------
 */
#daytracks-history {
  margin: 5px;
  text-align: left; }
    #daytracks-history form select {
      width: 140px; }
  #daytracks-history .selectors {
    padding: 8px;
    background-color: #eeeeee; }
    #daytracks-history .selectors select {
      background-color: white; }
    #daytracks-history .selectors .floatLeft label {
      line-height: 18px; }
    #daytracks-history .selectors .toggleDetails {
      margin-left: 5px; }
      #daytracks-history .selectors .toggleDetails a {
        padding: 0; }
        #daytracks-history .selectors .toggleDetails a.close {
          background: rgba(0, 0, 0, 0) url(../../ext/daytracks/asset/img/icons.png) no-repeat 0 -30px; }
        #daytracks-history .selectors .toggleDetails a.open {
          background: rgba(0, 0, 0, 0) url(../../ext/daytracks/asset/img/icons.png) no-repeat 0 -60px; }
    #daytracks-history .selectors #showtracksdetails {
      top: 2px; }

#daytracks-history .detailsToggle,
#daytracks-history .detailsToggle * {
  cursor: pointer; }

#daytracks-history-trackings div.divider,
#daytracks-history-trackings .details div.divider {
  height: 1px;
  background-color: #dddddd;
  padding: 0;
  border: none;
  margin: -1px 0 1px 0; }

/*
 * ---------------------
 * Button icons
 * ------------------------
 */
  button.daytracksexpand .icon {
    background: rgba(0, 0, 0, 0) url(../../ext/daytracks/asset/img/icons.png) no-repeat 0 -60px !important; }
  button.daytrackscollapse .icon {
    background: rgba(0, 0, 0, 0) url(../../ext/daytracks/asset/img/icons.png) no-repeat 0 -30px !important; }

/*
 * ----------------------
 * Month info box
 * ----------------------
 */
.monthInfo {
  padding: 5px;
  margin: 0 0 8px 0;
  background-color: white; }
  .monthInfo dt {
    float: left;
    width: 110px; }
  .monthInfo dd {
    float: left;
    width: 110px; }

/*
 * ---------------------
 * Tracks
 * ------------------------
 */
#daytracks-history-trackings {
  margin: 10px 0;
  padding-bottom: 5px;
  border: 0 solid #bababa; }
  #daytracks-history-trackings h1 {
    background: #ececec;
      /*
   * Old browsers
   */
    background: -moz-linear-gradient(top, #ececec 0%, #cecece 100%);
      /*
   * FF3.6+
   */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #cecece));
      /*
   * Chrome,Safari4+
   */
    background: -webkit-linear-gradient(top, #ececec 0%, #cecece 100%);
      /*
   * Chrome10+,Safari5.1+
   */
    background: -o-linear-gradient(top, #ececec 0%, #cecece 100%);
      /*
   * Opera 11.10+
   */
    background: -ms-linear-gradient(top, #ececec 0%, #cecece 100%);
      /*
   * IE10+
   */
    background: linear-gradient(to bottom, #ececec 0%, #cecece 100%);
      /*
   * W3C
   */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#cecece', GradientType=0);
      /*
   * IE6-9
   */
    margin-bottom: 6px; }
    #daytracks-history-trackings h1.monthTotal,
    #daytracks-history-trackings h1.cwTotal {
      padding: 5px 5px 5px 10px; }
    #daytracks-history-trackings h1.cwTotal {
      border: none;
      text-align: right; }
      #daytracks-history-trackings .details a:hover div {
        background-color: #ffffbb; }
        #daytracks-history-trackings .details a div.daytrackdetail {
          margin-bottom: 1px; }
          #daytracks-history-trackings .details a div.daytrackdetail.deleted {
            background-color: #f8f8f8; }
            #daytracks-history-trackings .details a div.daytrackdetail.deleted * {
              color: #666666; }
  #daytracks-history-trackings .daytrack.toggled {
    background-color: #eeeeee;
    text-transform: uppercase;
    letter-spacing: 1px; }

#daytracks-history-trackings .details div,
#daytracks-history-trackings .daytrack {
  border-left: 4px solid;
  background-color: white;
  padding: 5px;
  text-align: left;
    /*
   * planning
   */
    /*
   * open
   */
    /*
   * progress
   */
    /*
   * confirm
   */
    /*
   * done
   */
    /*
   * accepted
   */
    /*
   * rejected
   */
    /*
   * cleared
   */
    /*
   * warranty
   */
    /*
   * customer
   */ }
  #daytracks-history-trackings .details div.daytracksum,
  #daytracks-history-trackings .daytrack.daytracksum {
    border-color: white; }
  #daytracks-history-trackings .details div.bcStatus1,
  #daytracks-history-trackings .daytrack.bcStatus1 {
    border-color: #7f007f; }
  #daytracks-history-trackings .details div.bcStatus2,
  #daytracks-history-trackings .daytrack.bcStatus2 {
    border-color: red; }
  #daytracks-history-trackings .details div.bcStatus3,
  #daytracks-history-trackings .daytrack.bcStatus3 {
    border-color: #ffac00; }
  #daytracks-history-trackings .details div.bcStatus4,
  #daytracks-history-trackings .daytrack.bcStatus4 {
    border-color: #fffc00; }
  #daytracks-history-trackings .details div.bcStatus5,
  #daytracks-history-trackings .daytrack.bcStatus5 {
    border-color: #77dc00; }
  #daytracks-history-trackings .details div.bcStatus6,
  #daytracks-history-trackings .daytrack.bcStatus6 {
    border-color: green; }
  #daytracks-history-trackings .details div.bcStatus7,
  #daytracks-history-trackings .daytrack.bcStatus7 {
    border-color: #a60000; }
  #daytracks-history-trackings .details div.bcStatus8,
  #daytracks-history-trackings .daytrack.bcStatus8 {
    border-color: #dbdbdb; }
  #daytracks-history-trackings .details div.bcStatus9,
  #daytracks-history-trackings .daytrack.bcStatus9 {
    border-color: #6085dd; }
  #daytracks-history-trackings .details div.bcStatus10,
  #daytracks-history-trackings .daytrack.bcStatus10 {
    border-color: pink; }
    #daytracks-history-trackings .details div.notInCurrentMonth span,
    #daytracks-history-trackings .daytrack.notInCurrentMonth span {
      color: #bbbbbb; }

#daytracks-history-trackings .details div .daytrackdetail.last,
#daytracks-history-trackings .daytrack.last,
.daytrackdetail.last {
  border-bottom: none !important; }

span.daytrackDate {
  display: inline-block;
  width: 150px;
  padding: 0 20px 0 20px;
  text-align: right; }

.toggled span.daytrackDate {
  width: auto; }

span.daytrackHours,
.daytrackdetail .tasktitle,
.daytrackdetail .time,
.daytrackdetail .cw,
span.daytrackCW {
  padding-left: 15px; }

span.daytrackHours {
  padding-left: 20px; }

    #daytracks-history-trackings .daytrackdetail span.task {
      text-align: left; }
        #daytracks-history-trackings .daytrackdetail span.task span.tasknumber {
          width: 60px;
          display: inline-block;
          text-align: right;
          vertical-align: top; }
        #daytracks-history-trackings .daytrackdetail span.task span.company {
          width: 80px;
          display: inline-block;
          padding-left: 10px; }
        #daytracks-history-trackings .daytrackdetail span.task span.tasktitle {
          width: 250px;
          padding-right: 10px;
          display: inline-block;
          vertical-align: top; }
    #daytracks-history-trackings .daytrackdetail span.time {
      width: 80px;
      display: inline-block;
      text-align: right; }
  #daytracks-history-trackings .toggled {
    border-width: 1px 0; }
  #daytracks-history-trackings .total {
    border-style: solid; }

  select#filtercontrol-conditions {
    width: 320px; }
  select#filtercontrol-conjunction {
    margin-left: 8px; }

#widget-area {
  padding: 5px 0; }
  #widget-area .filterWidget {
    float: left;
    height: auto;
    margin: 0 10px 5px 0;
    width: 32%; }
    #widget-area .filterWidget span {
      display: block;
      padding: 4px; }
      #widget-area .filterWidget span .calendaricon {
        float: left;
        padding: 0; }
      #widget-area .filterWidget span.negationButton {
        background-color: white;
        border-radius: 13px;
        border: 1px solid #bbbbbb;
        height: 12px;
        padding: 0 6px 6px;
        position: absolute;
        right: 27px;
        top: 2px; }
    #widget-area .filterWidget .negation span {
      cursor: pointer; }
      #widget-area .filterWidget .negation span.false {
        color: green; }
      #widget-area .filterWidget .negation span.true {
        color: red; }
    #widget-area .filterWidget .widgetheader {
      background: #ececec;
        /*
   * Old browsers
   */
      background: -moz-linear-gradient(top, #ececec 0%, #cecece 100%);
        /*
   * FF3.6+
   */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #cecece));
        /*
   * Chrome,Safari4+
   */
      background: -webkit-linear-gradient(top, #ececec 0%, #cecece 100%);
        /*
   * Chrome10+,Safari5.1+
   */
      background: -o-linear-gradient(top, #ececec 0%, #cecece 100%);
        /*
   * Opera 11.10+
   */
      background: -ms-linear-gradient(top, #ececec 0%, #cecece 100%);
        /*
   * IE10+
   */
      background: linear-gradient(to bottom, #ececec 0%, #cecece 100%);
        /*
   * W3C
   */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#cecece', GradientType=0);
        /*
   * IE6-9
   */
      border: 1px solid #cccccc;
      border-radius: 5px 5px 0 0;
      padding: 1px 0 0 4px;
      position: relative;
      width: 100%; }
      #widget-area .filterWidget .widgetheader span {
        display: block;
        float: left; }
        #widget-area .filterWidget .widgetheader span.widgetClose {
          position: absolute;
          right: 5px;
          z-index: 1; }
          #widget-area .filterWidget .widgetheader span.widgetClose a {
            background: url(../../core/asset/img/icons.png) no-repeat scroll 0 -360px rgba(0, 0, 0, 0);
            display: block;
            height: 14px;
            text-indent: -9999px;
            width: 14px; }
        #widget-area .filterWidget .widgetheader span.clear {
          clear: both;
          display: block;
          float: none;
          padding: 0; }
      #widget-area .filterWidget .widgetheader .widgetLabel {
        width: 120px;
        padding-right: 0; }
        #widget-area .filterWidget .widgetheader .widgetLabel.staggered {
          padding-top: 22px; }
  #widget-area .widgetbody {
    background-color: #dddddd;
    border-top: none;
    border: 1px solid #cccccc;
    min-height: 25px;
    margin: 0 -6px 0 0;
    padding: 5px; }
    #widget-area .widgetbody select {
      background-color: white;
      width: 100%; }
  #widget-area input.date {
    float: left;
    margin-right: 5px;
    width: 85%; }

#widget-area .type .widgetbody,
#widget-area .status .widgetbody,
#widget-area .filterSet .widgetbody {
  min-height: 85px; }

/*! 
* @package IcoFont 
* @version 1.0.1 
* @author IcoFont https://icofont.com 
* @copyright Copyright (c) 2015 - 2019 IcoFont 
* @license - https://icofont.com/license/
*/

@font-face
{
 
  font-family: "IcoFont";
font-weight: normal;
font-style: "Regular";
src: url(../../ext/boards/asset/font/fonts/icofont.woff2) format("woff2"),
url(../../ext/boards/asset/font/fonts/icofont.woff) format("woff");
}

[class^="icofont-"], [class*=" icofont-"]
{
  font-family: 'IcoFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
/* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.icofont-addons:before
{
  content: "\eea0";
}

.icofont-address-book:before
{
  content: "\eea1";
}

.icofont-adjust:before
{
  content: "\eea2";
}

.icofont-alarm:before
{
  content: "\eea3";
}

.icofont-anchor:before
{
  content: "\eea4";
}

.icofont-archive:before
{
  content: "\eea5";
}

.icofont-at:before
{
  content: "\eea6";
}

.icofont-attachment:before
{
  content: "\eea7";
}

.icofont-audio:before
{
  content: "\eea8";
}

.icofont-automation:before
{
  content: "\eea9";
}

.icofont-badge:before
{
  content: "\eeaa";
}

.icofont-bag-alt:before
{
  content: "\eeab";
}

.icofont-bag:before
{
  content: "\eeac";
}

.icofont-ban:before
{
  content: "\eead";
}

.icofont-bar-code:before
{
  content: "\eeae";
}

.icofont-bars:before
{
  content: "\eeaf";
}

.icofont-basket:before
{
  content: "\eeb0";
}

.icofont-battery-empty:before
{
  content: "\eeb1";
}

.icofont-battery-full:before
{
  content: "\eeb2";
}

.icofont-battery-half:before
{
  content: "\eeb3";
}

.icofont-battery-low:before
{
  content: "\eeb4";
}

.icofont-beaker:before
{
  content: "\eeb5";
}

.icofont-beard:before
{
  content: "\eeb6";
}

.icofont-bed:before
{
  content: "\eeb7";
}

.icofont-bell:before
{
  content: "\eeb8";
}

.icofont-beverage:before
{
  content: "\eeb9";
}

.icofont-bill:before
{
  content: "\eeba";
}

.icofont-bin:before
{
  content: "\eebb";
}

.icofont-binary:before
{
  content: "\eebc";
}

.icofont-binoculars:before
{
  content: "\eebd";
}

.icofont-bluetooth:before
{
  content: "\eebe";
}

.icofont-bomb:before
{
  content: "\eebf";
}

.icofont-book-mark:before
{
  content: "\eec0";
}

.icofont-box:before
{
  content: "\eec1";
}

.icofont-briefcase:before
{
  content: "\eec2";
}

.icofont-broken:before
{
  content: "\eec3";
}

.icofont-bucket:before
{
  content: "\eec4";
}

.icofont-bucket1:before
{
  content: "\eec5";
}

.icofont-bucket2:before
{
  content: "\eec6";
}

.icofont-bug:before
{
  content: "\eec7";
}

.icofont-building:before
{
  content: "\eec8";
}

.icofont-bulb-alt:before
{
  content: "\eec9";
}

.icofont-bullet:before
{
  content: "\eeca";
}

.icofont-bullhorn:before
{
  content: "\eecb";
}

.icofont-bullseye:before
{
  content: "\eecc";
}

.icofont-calendar:before
{
  content: "\eecd";
}

.icofont-camera-alt:before
{
  content: "\eece";
}

.icofont-camera:before
{
  content: "\eecf";
}

.icofont-card:before
{
  content: "\eed0";
}

.icofont-cart-alt:before
{
  content: "\eed1";
}

.icofont-cart:before
{
  content: "\eed2";
}

.icofont-cc:before
{
  content: "\eed3";
}

.icofont-charging:before
{
  content: "\eed4";
}

.icofont-chat:before
{
  content: "\eed5";
}

.icofont-check-alt:before
{
  content: "\eed6";
}

.icofont-check-circled:before
{
  content: "\eed7";
}

.icofont-check:before
{
  content: "\eed8";
}

.icofont-checked:before
{
  content: "\eed9";
}

.icofont-children-care:before
{
  content: "\eeda";
}

.icofont-clip:before
{
  content: "\eedb";
}

.icofont-clock-time:before
{
  content: "\eedc";
}

.icofont-close-circled:before
{
  content: "\eedd";
}

.icofont-close-line-circled:before
{
  content: "\eede";
}

.icofont-close-line-squared-alt:before
{
  content: "\eedf";
}

.icofont-close-line-squared:before
{
  content: "\eee0";
}

.icofont-close-line:before
{
  content: "\eee1";
}

.icofont-close-squared-alt:before
{
  content: "\eee2";
}

.icofont-close-squared:before
{
  content: "\eee3";
}

.icofont-close:before
{
  content: "\eee4";
}

.icofont-cloud-download:before
{
  content: "\eee5";
}

.icofont-cloud-refresh:before
{
  content: "\eee6";
}

.icofont-cloud-upload:before
{
  content: "\eee7";
}

.icofont-cloud:before
{
  content: "\eee8";
}

.icofont-code-not-allowed:before
{
  content: "\eee9";
}

.icofont-code:before
{
  content: "\eeea";
}

.icofont-comment:before
{
  content: "\eeeb";
}

.icofont-compass-alt:before
{
  content: "\eeec";
}

.icofont-compass:before
{
  content: "\eeed";
}

.icofont-computer:before
{
  content: "\eeee";
}

.icofont-connection:before
{
  content: "\eeef";
}

.icofont-console:before
{
  content: "\eef0";
}

.icofont-contacts:before
{
  content: "\eef1";
}

.icofont-contrast:before
{
  content: "\eef2";
}

.icofont-copyright:before
{
  content: "\eef3";
}

.icofont-credit-card:before
{
  content: "\eef4";
}

.icofont-crop:before
{
  content: "\eef5";
}

.icofont-crown:before
{
  content: "\eef6";
}

.icofont-cube:before
{
  content: "\eef7";
}

.icofont-cubes:before
{
  content: "\eef8";
}

.icofont-dashboard-web:before
{
  content: "\eef9";
}

.icofont-dashboard:before
{
  content: "\eefa";
}

.icofont-data:before
{
  content: "\eefb";
}

.icofont-database-add:before
{
  content: "\eefc";
}

.icofont-database-locked:before
{
  content: "\eefd";
}

.icofont-database-remove:before
{
  content: "\eefe";
}

.icofont-database:before
{
  content: "\eeff";
}

.icofont-delete:before
{
  content: "\ef00";
}

.icofont-diamond:before
{
  content: "\ef01";
}

.icofont-dice-multiple:before
{
  content: "\ef02";
}

.icofont-dice:before
{
  content: "\ef03";
}

.icofont-disc:before
{
  content: "\ef04";
}

.icofont-diskette:before
{
  content: "\ef05";
}

.icofont-document-folder:before
{
  content: "\ef06";
}

.icofont-download-alt:before
{
  content: "\ef07";
}

.icofont-download:before
{
  content: "\ef08";
}

.icofont-downloaded:before
{
  content: "\ef09";
}

.icofont-drag:before
{
  content: "\ef0a";
}

.icofont-drag1:before
{
  content: "\ef0b";
}

.icofont-drag2:before
{
  content: "\ef0c";
}

.icofont-drag3:before
{
  content: "\ef0d";
}

.icofont-earth:before
{
  content: "\ef0e";
}

.icofont-ebook:before
{
  content: "\ef0f";
}

.icofont-edit:before
{
  content: "\ef10";
}

.icofont-eject:before
{
  content: "\ef11";
}

.icofont-email:before
{
  content: "\ef12";
}

.icofont-envelope-open:before
{
  content: "\ef13";
}

.icofont-envelope:before
{
  content: "\ef14";
}

.icofont-eraser:before
{
  content: "\ef15";
}

.icofont-error:before
{
  content: "\ef16";
}

.icofont-excavator:before
{
  content: "\ef17";
}

.icofont-exchange:before
{
  content: "\ef18";
}

.icofont-exclamation-circle:before
{
  content: "\ef19";
}

.icofont-exclamation-square:before
{
  content: "\ef1a";
}

.icofont-exclamation-tringle:before
{
  content: "\ef1b";
}

.icofont-exclamation:before
{
  content: "\ef1c";
}

.icofont-exit:before
{
  content: "\ef1d";
}

.icofont-expand:before
{
  content: "\ef1e";
}

.icofont-external-link:before
{
  content: "\ef1f";
}

.icofont-external:before
{
  content: "\ef20";
}

.icofont-eye-alt:before
{
  content: "\ef21";
}

.icofont-eye-blocked:before
{
  content: "\ef22";
}

.icofont-eye-dropper:before
{
  content: "\ef23";
}

.icofont-eye:before
{
  content: "\ef24";
}

.icofont-favourite:before
{
  content: "\ef25";
}

.icofont-fax:before
{
  content: "\ef26";
}

.icofont-file-fill:before
{
  content: "\ef27";
}

.icofont-film:before
{
  content: "\ef28";
}

.icofont-filter:before
{
  content: "\ef29";
}

.icofont-fire-alt:before
{
  content: "\ef2a";
}

.icofont-fire-burn:before
{
  content: "\ef2b";
}

.icofont-fire:before
{
  content: "\ef2c";
}

.icofont-flag-alt-1:before
{
  content: "\ef2d";
}

.icofont-flag-alt-2:before
{
  content: "\ef2e";
}

.icofont-flag:before
{
  content: "\ef2f";
}

.icofont-flame-torch:before
{
  content: "\ef30";
}

.icofont-flash-light:before
{
  content: "\ef31";
}

.icofont-flash:before
{
  content: "\ef32";
}

.icofont-flask:before
{
  content: "\ef33";
}

.icofont-focus:before
{
  content: "\ef34";
}

.icofont-folder-open:before
{
  content: "\ef35";
}

.icofont-folder:before
{
  content: "\ef36";
}

.icofont-foot-print:before
{
  content: "\ef37";
}

.icofont-garbage:before
{
  content: "\ef38";
}

.icofont-gear-alt:before
{
  content: "\ef39";
}

.icofont-gear:before
{
  content: "\ef3a";
}

.icofont-gears:before
{
  content: "\ef3b";
}

.icofont-gift:before
{
  content: "\ef3c";
}

.icofont-glass:before
{
  content: "\ef3d";
}

.icofont-globe:before
{
  content: "\ef3e";
}

.icofont-graffiti:before
{
  content: "\ef3f";
}

.icofont-grocery:before
{
  content: "\ef40";
}

.icofont-hand:before
{
  content: "\ef41";
}

.icofont-hanger:before
{
  content: "\ef42";
}

.icofont-hard-disk:before
{
  content: "\ef43";
}

.icofont-heart-alt:before
{
  content: "\ef44";
}

.icofont-heart:before
{
  content: "\ef45";
}

.icofont-history:before
{
  content: "\ef46";
}

.icofont-home:before
{
  content: "\ef47";
}

.icofont-horn:before
{
  content: "\ef48";
}

.icofont-hour-glass:before
{
  content: "\ef49";
}

.icofont-id:before
{
  content: "\ef4a";
}

.icofont-image:before
{
  content: "\ef4b";
}

.icofont-inbox:before
{
  content: "\ef4c";
}

.icofont-infinite:before
{
  content: "\ef4d";
}

.icofont-info-circle:before
{
  content: "\ef4e";
}

.icofont-info-square:before
{
  content: "\ef4f";
}

.icofont-info:before
{
  content: "\ef50";
}

.icofont-institution:before
{
  content: "\ef51";
}

.icofont-interface:before
{
  content: "\ef52";
}

.icofont-invisible:before
{
  content: "\ef53";
}

.icofont-jacket:before
{
  content: "\ef54";
}

.icofont-jar:before
{
  content: "\ef55";
}

.icofont-jewlery:before
{
  content: "\ef56";
}

.icofont-karate:before
{
  content: "\ef57";
}

.icofont-key-hole:before
{
  content: "\ef58";
}

.icofont-key:before
{
  content: "\ef59";
}

.icofont-label:before
{
  content: "\ef5a";
}

.icofont-lamp:before
{
  content: "\ef5b";
}

.icofont-layers:before
{
  content: "\ef5c";
}

.icofont-layout:before
{
  content: "\ef5d";
}

.icofont-leaf:before
{
  content: "\ef5e";
}

.icofont-leaflet:before
{
  content: "\ef5f";
}

.icofont-learn:before
{
  content: "\ef60";
}

.icofont-lego:before
{
  content: "\ef61";
}

.icofont-lens:before
{
  content: "\ef62";
}

.icofont-letter:before
{
  content: "\ef63";
}

.icofont-letterbox:before
{
  content: "\ef64";
}

.icofont-library:before
{
  content: "\ef65";
}

.icofont-license:before
{
  content: "\ef66";
}

.icofont-life-bouy:before
{
  content: "\ef67";
}

.icofont-life-buoy:before
{
  content: "\ef68";
}

.icofont-life-jacket:before
{
  content: "\ef69";
}

.icofont-life-ring:before
{
  content: "\ef6a";
}

.icofont-light-bulb:before
{
  content: "\ef6b";
}

.icofont-lighter:before
{
  content: "\ef6c";
}

.icofont-lightning-ray:before
{
  content: "\ef6d";
}

.icofont-like:before
{
  content: "\ef6e";
}

.icofont-line-height:before
{
  content: "\ef6f";
}

.icofont-link-alt:before
{
  content: "\ef70";
}

.icofont-link:before
{
  content: "\ef71";
}

.icofont-list:before
{
  content: "\ef72";
}

.icofont-listening:before
{
  content: "\ef73";
}

.icofont-listine-dots:before
{
  content: "\ef74";
}

.icofont-listing-box:before
{
  content: "\ef75";
}

.icofont-listing-number:before
{
  content: "\ef76";
}

.icofont-live-support:before
{
  content: "\ef77";
}

.icofont-location-arrow:before
{
  content: "\ef78";
}

.icofont-location-pin:before
{
  content: "\ef79";
}

.icofont-lock:before
{
  content: "\ef7a";
}

.icofont-login:before
{
  content: "\ef7b";
}

.icofont-logout:before
{
  content: "\ef7c";
}

.icofont-lollipop:before
{
  content: "\ef7d";
}

.icofont-long-drive:before
{
  content: "\ef7e";
}

.icofont-look:before
{
  content: "\ef7f";
}

.icofont-loop:before
{
  content: "\ef80";
}

.icofont-luggage:before
{
  content: "\ef81";
}

.icofont-lunch:before
{
  content: "\ef82";
}

.icofont-lungs:before
{
  content: "\ef83";
}

.icofont-magic-alt:before
{
  content: "\ef84";
}

.icofont-magic:before
{
  content: "\ef85";
}

.icofont-magnet:before
{
  content: "\ef86";
}

.icofont-mail-box:before
{
  content: "\ef87";
}

.icofont-mail:before
{
  content: "\ef88";
}

.icofont-male:before
{
  content: "\ef89";
}

.icofont-map-pins:before
{
  content: "\ef8a";
}

.icofont-map:before
{
  content: "\ef8b";
}

.icofont-maximize:before
{
  content: "\ef8c";
}

.icofont-measure:before
{
  content: "\ef8d";
}

.icofont-medicine:before
{
  content: "\ef8e";
}

.icofont-mega-phone:before
{
  content: "\ef8f";
}

.icofont-megaphone-alt:before
{
  content: "\ef90";
}

.icofont-megaphone:before
{
  content: "\ef91";
}

.icofont-memorial:before
{
  content: "\ef92";
}

.icofont-memory-card:before
{
  content: "\ef93";
}

.icofont-mic-mute:before
{
  content: "\ef94";
}

.icofont-mic:before
{
  content: "\ef95";
}

.icofont-military:before
{
  content: "\ef96";
}

.icofont-mill:before
{
  content: "\ef97";
}

.icofont-minus-circle:before
{
  content: "\ef98";
}

.icofont-minus-square:before
{
  content: "\ef99";
}

.icofont-minus:before
{
  content: "\ef9a";
}

.icofont-mobile-phone:before
{
  content: "\ef9b";
}

.icofont-molecule:before
{
  content: "\ef9c";
}

.icofont-money:before
{
  content: "\ef9d";
}

.icofont-moon:before
{
  content: "\ef9e";
}

.icofont-mop:before
{
  content: "\ef9f";
}

.icofont-muffin:before
{
  content: "\efa0";
}

.icofont-mustache:before
{
  content: "\efa1";
}

.icofont-navigation-menu:before
{
  content: "\efa2";
}

.icofont-navigation:before
{
  content: "\efa3";
}

.icofont-network-tower:before
{
  content: "\efa4";
}

.icofont-network:before
{
  content: "\efa5";
}

.icofont-news:before
{
  content: "\efa6";
}

.icofont-newspaper:before
{
  content: "\efa7";
}

.icofont-no-smoking:before
{
  content: "\efa8";
}

.icofont-not-allowed:before
{
  content: "\efa9";
}

.icofont-notebook:before
{
  content: "\efaa";
}

.icofont-notepad:before
{
  content: "\efab";
}

.icofont-notification:before
{
  content: "\efac";
}

.icofont-numbered:before
{
  content: "\efad";
}

.icofont-opposite:before
{
  content: "\efae";
}

.icofont-optic:before
{
  content: "\efaf";
}

.icofont-options:before
{
  content: "\efb0";
}

.icofont-package:before
{
  content: "\efb1";
}

.icofont-page:before
{
  content: "\efb2";
}

.icofont-paint:before
{
  content: "\efb3";
}

.icofont-paper-plane:before
{
  content: "\efb4";
}

.icofont-paperclip:before
{
  content: "\efb5";
}

.icofont-papers:before
{
  content: "\efb6";
}

.icofont-pay:before
{
  content: "\efb7";
}

.icofont-penguin-linux:before
{
  content: "\efb8";
}

.icofont-pestle:before
{
  content: "\efb9";
}

.icofont-phone-circle:before
{
  content: "\efba";
}

.icofont-phone:before
{
  content: "\efbb";
}

.icofont-picture:before
{
  content: "\efbc";
}

.icofont-pine:before
{
  content: "\efbd";
}

.icofont-pixels:before
{
  content: "\efbe";
}

.icofont-plugin:before
{
  content: "\efbf";
}

.icofont-plus-circle:before
{
  content: "\efc0";
}

.icofont-plus-square:before
{
  content: "\efc1";
}

.icofont-plus:before
{
  content: "\efc2";
}

.icofont-polygonal:before
{
  content: "\efc3";
}

.icofont-power:before
{
  content: "\efc4";
}

.icofont-price:before
{
  content: "\efc5";
}

.icofont-print:before
{
  content: "\efc6";
}

.icofont-puzzle:before
{
  content: "\efc7";
}

.icofont-qr-code:before
{
  content: "\efc8";
}

.icofont-queen:before
{
  content: "\efc9";
}

.icofont-question-circle:before
{
  content: "\efca";
}

.icofont-question-square:before
{
  content: "\efcb";
}

.icofont-question:before
{
  content: "\efcc";
}

.icofont-quote-left:before
{
  content: "\efcd";
}

.icofont-quote-right:before
{
  content: "\efce";
}

.icofont-random:before
{
  content: "\efcf";
}

.icofont-recycle:before
{
  content: "\efd0";
}

.icofont-refresh:before
{
  content: "\efd1";
}

.icofont-repair:before
{
  content: "\efd2";
}

.icofont-reply-all:before
{
  content: "\efd3";
}

.icofont-reply:before
{
  content: "\efd4";
}

.icofont-resize:before
{
  content: "\efd5";
}

.icofont-responsive:before
{
  content: "\efd6";
}

.icofont-retweet:before
{
  content: "\efd7";
}

.icofont-road:before
{
  content: "\efd8";
}

.icofont-robot:before
{
  content: "\efd9";
}

.icofont-royal:before
{
  content: "\efda";
}

.icofont-rss-feed:before
{
  content: "\efdb";
}

.icofont-safety:before
{
  content: "\efdc";
}

.icofont-sale-discount:before
{
  content: "\efdd";
}

.icofont-satellite:before
{
  content: "\efde";
}

.icofont-send-mail:before
{
  content: "\efdf";
}

.icofont-server:before
{
  content: "\efe0";
}

.icofont-settings-alt:before
{
  content: "\efe1";
}

.icofont-settings:before
{
  content: "\efe2";
}

.icofont-share-alt:before
{
  content: "\efe3";
}

.icofont-share-boxed:before
{
  content: "\efe4";
}

.icofont-share:before
{
  content: "\efe5";
}

.icofont-shield:before
{
  content: "\efe6";
}

.icofont-shopping-cart:before
{
  content: "\efe7";
}

.icofont-sign-in:before
{
  content: "\efe8";
}

.icofont-sign-out:before
{
  content: "\efe9";
}

.icofont-signal:before
{
  content: "\efea";
}

.icofont-site-map:before
{
  content: "\efeb";
}

.icofont-smart-phone:before
{
  content: "\efec";
}

.icofont-soccer:before
{
  content: "\efed";
}

.icofont-sort-alt:before
{
  content: "\efee";
}

.icofont-sort:before
{
  content: "\efef";
}

.icofont-space:before
{
  content: "\eff0";
}

.icofont-spanner:before
{
  content: "\eff1";
}

.icofont-speech-comments:before
{
  content: "\eff2";
}

.icofont-speed-meter:before
{
  content: "\eff3";
}

.icofont-spinner-alt-1:before
{
  content: "\eff4";
}

.icofont-spinner-alt-2:before
{
  content: "\eff5";
}

.icofont-spinner-alt-3:before
{
  content: "\eff6";
}

.icofont-spinner-alt-4:before
{
  content: "\eff7";
}

.icofont-spinner-alt-5:before
{
  content: "\eff8";
}

.icofont-spinner-alt-6:before
{
  content: "\eff9";
}

.icofont-spinner:before
{
  content: "\effa";
}

.icofont-spreadsheet:before
{
  content: "\effb";
}

.icofont-square:before
{
  content: "\effc";
}

.icofont-ssl-security:before
{
  content: "\effd";
}

.icofont-star-alt-1:before
{
  content: "\effe";
}

.icofont-star-alt-2:before
{
  content: "\efff";
}

.icofont-star:before
{
  content: "\f000";
}

.icofont-street-view:before
{
  content: "\f001";
}

.icofont-support-faq:before
{
  content: "\f002";
}

.icofont-tack-pin:before
{
  content: "\f003";
}

.icofont-tag:before
{
  content: "\f004";
}

.icofont-tags:before
{
  content: "\f005";
}

.icofont-tasks-alt:before
{
  content: "\f006";
}

.icofont-tasks:before
{
  content: "\f007";
}

.icofont-telephone:before
{
  content: "\f008";
}

.icofont-telescope:before
{
  content: "\f009";
}

.icofont-terminal:before
{
  content: "\f00a";
}

.icofont-thumbs-down:before
{
  content: "\f00b";
}

.icofont-thumbs-up:before
{
  content: "\f00c";
}

.icofont-tick-boxed:before
{
  content: "\f00d";
}

.icofont-tick-mark:before
{
  content: "\f00e";
}

.icofont-ticket:before
{
  content: "\f00f";
}

.icofont-tie:before
{
  content: "\f010";
}

.icofont-toggle-off:before
{
  content: "\f011";
}

.icofont-toggle-on:before
{
  content: "\f012";
}

.icofont-tools-alt-2:before
{
  content: "\f013";
}

.icofont-tools:before
{
  content: "\f014";
}

.icofont-touch:before
{
  content: "\f015";
}

.icofont-traffic-light:before
{
  content: "\f016";
}

.icofont-transparent:before
{
  content: "\f017";
}

.icofont-tree:before
{
  content: "\f018";
}

.icofont-unique-idea:before
{
  content: "\f019";
}

.icofont-unlock:before
{
  content: "\f01a";
}

.icofont-unlocked:before
{
  content: "\f01b";
}

.icofont-upload-alt:before
{
  content: "\f01c";
}

.icofont-upload:before
{
  content: "\f01d";
}

.icofont-usb-drive:before
{
  content: "\f01e";
}

.icofont-usb:before
{
  content: "\f01f";
}

.icofont-vector-path:before
{
  content: "\f020";
}

.icofont-verification-check:before
{
  content: "\f021";
}

.icofont-wall-clock:before
{
  content: "\f022";
}

.icofont-wall:before
{
  content: "\f023";
}

.icofont-wallet:before
{
  content: "\f024";
}

.icofont-warning-alt:before
{
  content: "\f025";
}

.icofont-warning:before
{
  content: "\f026";
}

.icofont-water-drop:before
{
  content: "\f027";
}

.icofont-web:before
{
  content: "\f028";
}

.icofont-wheelchair:before
{
  content: "\f029";
}

.icofont-wifi-alt:before
{
  content: "\f02a";
}

.icofont-wifi:before
{
  content: "\f02b";
}

.icofont-world:before
{
  content: "\f02c";
}

.icofont-zigzag:before
{
  content: "\f02d";
}

.icofont-zipped:before
{
  content: "\f02e";
}

.icofont-xs
{
  font-size: .5em;
}

.icofont-sm
{
  font-size: .75em;
}

.icofont-md
{
  font-size: 1.25em;
}

.icofont-lg
{
  font-size: 1.5em;
}

.icofont-1x
{
  font-size: 1em;
}

.icofont-2x
{
  font-size: 2em;
}

.icofont-3x
{
  font-size: 3em;
}

.icofont-4x
{
  font-size: 4em;
}

.icofont-5x
{
  font-size: 5em;
}

.icofont-6x
{
  font-size: 6em;
}

.icofont-7x
{
  font-size: 7em;
}

.icofont-8x
{
  font-size: 8em;
}

.icofont-9x
{
  font-size: 9em;
}

.icofont-10x
{
  font-size: 10em;
}

.icofont-fw
{
  text-align: center;
  width: 1.25em;
}

.icofont-ul
{
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
}

.icofont-ul > li
{
  position: relative;
  line-height: 2em;
}

.icofont-ul > li .icofont
{
  display: inline-block;
  vertical-align: middle;
}

.icofont-border
{
  border: solid 0.08em #f1f1f1;
  border-radius: .1em;
  padding: .2em .25em .15em;
}

.icofont-pull-left
{
  float: left;
}

.icofont-pull-right
{
  float: right;
}

.icofont.icofont-pull-left
{
  margin-right: .3em;
}

.icofont.icofont-pull-right
{
  margin-left: .3em;
}

.icofont-spin
{
  -webkit-animation: icofont-spin 2s infinite linear;
  animation: icofont-spin 2s infinite linear;
  display: inline-block;
}

.icofont-pulse
{
  -webkit-animation: icofont-spin 1s infinite steps(8);
  animation: icofont-spin 1s infinite steps(8);
  display: inline-block;
}

@-webkit-keyframes icofont-spin
{
  0%
  {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100%
  {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes icofont-spin
{
  0%
  {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100%
  {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.icofont-rotate-90
{
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.icofont-rotate-180
{
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.icofont-rotate-270
{
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.icofont-flip-horizontal
{
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.icofont-flip-vertical
{
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

.icofont-flip-horizontal.icofont-flip-vertical
{
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}

:root .icofont-rotate-90,
	:root .icofont-rotate-180,
	:root .icofont-rotate-270,
	:root .icofont-flip-horizontal,
	:root .icofont-flip-vertical
{
  -webkit-filter: none;
  filter: none;
  display: inline-block;
}

.icofont-inverse
{
  color: #fff;
}

.sr-only
{
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active,
	.sr-only-focusable:focus
{
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
	  .togglePresentationmode .d-flex {
    display: flex; }
  .togglePresentationmode .w-auto {
    width: auto; }
  .togglePresentationmode .mr-10 {
    margin-right: 10px; }
  .togglePresentationmode .align-self-center {
    align-self: center; }
  .togglePresentationmode .panelwidget {
    padding: 5px 0 5px 7px; }
  .togglePresentationmode .switch {
    position: relative;
    width: 30px;
    height: 17px; }
  .togglePresentationmode .slider {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background-color: #cccccc;
    -webkit-transition: 0.4s;
    transition: 0.4s; }
  .togglePresentationmode .slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s; }
  .togglePresentationmode input:checked + .slider {
    background-color: limegreen; }
  .togglePresentationmode input:focus + .slider {
    box-shadow: 0 0 1px limegreen; }
  .togglePresentationmode input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px); }
  .togglePresentationmode .slider.round {
    border-radius: 34px; }
  .togglePresentationmode .slider.round:before {
    border-radius: 50%; }

  #contextmenu .taskContextMenu.task-show {
    background-image: url(../../ext/presentationmode/asset/img/time.svg);
    background-size: contain; }

/*
 * -------------------------------------------
 * Message listing
 * -------------------------------------------
 */
    #mailtoproject-messagelist table td,
    #mailtoproject-messagelist table th {
      padding: 3px; }
      #mailtoproject-messagelist table td.date,
      #mailtoproject-messagelist table th.date {
        width: 100px; }
      #mailtoproject-messagelist table td.subject,
      #mailtoproject-messagelist table th.subject {
        width: 450px; }
      #mailtoproject-messagelist table td.sender,
      #mailtoproject-messagelist table th.sender {
        width: 275px; }
      #mailtoproject-messagelist table td.attachments,
      #mailtoproject-messagelist table th.attachments {
        width: 68px; }
  #mailtoproject-messagelist .listHeader {
    width: 918px; }
      #mailtoproject-messagelist .listHeader .headerLine th {
        vertical-align: middle;
        height: 22px; }
        #mailtoproject-messagelist .listHeader .headerLine th.iconAttachment {
          background-image: url(../../ext/mailtoproject/asset/img/icons.png);
          background-repeat: no-repeat;
          background-position: 0 -30px;
          background-color: #eeeeee; }
  #mailtoproject-messagelist .listScrollBox {
    width: 100%;
    max-height: 200px;
    overflow: auto;
    overflow-y: scroll;
    border-bottom: 1px solid #cccccc; }
  #mailtoproject-messagelist .listBody {
    width: 900px; }
        #mailtoproject-messagelist .listBody tr.selected td {
          background-color: #ccd6e2 !important; }
        #mailtoproject-messagelist .listBody tr:hover td {
          background-color: #eeeeee; }
      #mailtoproject-messagelist .listBody tr.even {
        background-color: #f8f8f8; }
      #mailtoproject-messagelist .listBody tr.unread {
        font-weight: bold; }
      #mailtoproject-messagelist .listBody tr td {
        vertical-align: middle;
        height: 22px;
        cursor: pointer;
        border-bottom: 1px solid #cccccc;
        border-left: 1px solid #dddddd; }
        #mailtoproject-messagelist .listBody tr td.attachments {
          width: 20px !important; }
        #mailtoproject-messagelist .listBody tr td .icon {
          background-image: url(../../ext/mailtoproject/asset/img/icons.png);
          background-repeat: no-repeat; }
        #mailtoproject-messagelist .listBody tr td.action {
          width: 20px; }
          #mailtoproject-messagelist .listBody tr td.trash .icon {
            background-position: 0 -56px; }
          #mailtoproject-messagelist .listBody tr td.unprocess .icon {
            background-position: 0 -147px; }
          #mailtoproject-messagelist .listBody tr td.restore .icon {
            background-position: 0 -236px; }

/*
 * -------------------------------------
 * Project extconf and task preset set form
 * -------------------------------------
 */
fieldset.projectbillingprojectpresets {
  margin-top: 10px;
  border-top: 1px dotted #e3e3e3;
  padding-top: 10px; }

/*
 * *
 * Accountingperiod record form field comment
 */
fieldset.period .fElement.typeComment .fLabel {
  width: 0; }

fieldset.period .fElement.typeComment .accountingperiodPreview {
  padding: 10px;
  margin: 5px;
  background-color: #e3eace; }

fieldset.period .fElement.typeComment .accountingperiodPreview .description {
  padding: 5px 0; }

fieldset.period .fElement.typeComment .accountingperiodPreview ul {
  margin-left: 15px; }

fieldset.period .fElement.typeComment .accountingperiodPreview li {
  padding: 3px 0; }

fieldset.period .fElement.typeComment .accountingperiodPreview .duedate {
  font-weight: bold; }

/*
 * ----------------------
 * Task Icons
 * ----------------------
 */
    .task span.taskIcons .isScrumContainer {
      background: url(../../ext/scrum/asset/img/exticon.png) no-repeat; }
    .task span.taskIcons .scrumStoryPoints {
      background: url(../../ext/scrum/asset/img/icons.png) no-repeat; }
      .task span.taskIcons .scrumStoryPoints.storyPoints0 {
        background-position: 0 -60px; }
      .task span.taskIcons .scrumStoryPoints.storyPoints1 {
        background-position: 0 -90px; }
      .task span.taskIcons .scrumStoryPoints.storyPoints2 {
        background-position: 0 -120px; }
      .task span.taskIcons .scrumStoryPoints.storyPoints3 {
        background-position: 0 -150px; }
      .task span.taskIcons .scrumStoryPoints.storyPoints5 {
        background-position: 0 -180px; }
      .task span.taskIcons .scrumStoryPoints.storyPoints8 {
        background-position: 0 -210px; }
      .task span.taskIcons .scrumStoryPoints.storyPoints13 {
        background-position: 0 -240px; }
      .task span.taskIcons .scrumStoryPoints.storyPoints05 {
        background-position: 0 -270px; }
    .task span.taskIcons .scrumPriority {
      background-image: url(../../ext/scrum/asset/img/contextmenu.png); }
      .task span.taskIcons .scrumPriority.scrumPriority4 {
        background-position: 0px -297px; }
      .task span.taskIcons .scrumPriority.scrumPriority3 {
        background-position: 0px -327px; }
      .task span.taskIcons .scrumPriority.scrumPriority2 {
        background-position: 0px -357px; }
      .task span.taskIcons .scrumPriority.scrumPriority1 {
        background-position: 0px -387px; }
      .task span.taskIcons .scrumPriority.scrumPriority0 {
        display: none; }

  #export-scrumcardexport .icon {
    background: url(../../ext/scrum/asset/img/icons.png) no-repeat 2px 4px; }

  #export-kanbancardexport .icon {
    background: url(../../ext/scrum/asset/img/icons.png) no-repeat 2px 4px; }

    .containerreportprojectbilling table tr.row-total {
      font-weight: bold; }
  .containerreportprojectbilling table td.right {
    text-align: right;
    padding: 3px 5px 3px 0; }
  .containerreportprojectbilling table .title {
    width: 115px; }
  .containerreportprojectbilling table .amount {
    width: 60px; }
  .containerreportprojectbilling table .ratio {
    width: 17px; }
  .containerreportprojectbilling table .trackedtime {
    width: 101px; }
  .containerreportprojectbilling table .trackedcost {
    width: 89px; }
  .containerreportprojectbilling table .estimatedtime {
    width: 129px; }
  .containerreportprojectbilling table .estimatedcost {
    width: 116px; }
  .containerreportprojectbilling table .timeleft {
    width: 65px; }

  #export-comaticexport .icon {
    background: url(../../ext/comatic/asset/img/exticon.png) no-repeat 2px 2px; }

/*
 * --------------
 * Header
 * --------------
 */
#projects h1.headerLine {
  cursor: pointer; }

h1.headerLine span.projectIcons {
  float: right;
  margin-top: 4px; }

/*
 * ----------------
 * Task tree
 * ----------------
 */
/*
 * lost tasks
 */
.tasks .lostTasks {
  margin-top: 20px;
  margin-bottom: 30px; }

.tasks .lostTasks .subtaskTrigger {
  background: none !important;
  height: 1px; }

.tasks .lostTasks h2 {
  background-color: #eeeeee;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 0.1em;
  margin-bottom: 1px;
  padding: 5px 5px 5px 20px;
  text-transform: uppercase; }

/*
 * --------------
 * Project
 * --------------
 */
#content .tabs.project li {
  max-width: 33%;
  overflow: hidden;
  text-overflow: ellipsis; }

#content .tabs.project p {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis; }

.statusPlanning .data .content {
  background-color: white; }

/*
 * Details
 */
.project .projectstatus {
  position: absolute;
  top: 0;
  height: 27px;
  border-left-width: 8px;
  border-left-style: solid; }

.project .description a {
  text-decoration: underline; }

/*
 * Assigned persons
 */
.project table.assignedPersons th.name {
  width: 200px; }

.project table.assignedPersons th.company {
  width: 240px; }

.project table.assignedPersons th.role {
  width: 154px; }

.formProject fieldset.basic {
  padding-top: 15px; }

/*
 * ------------------------------------
 * Project search modifications
 * ------------------------------------
 */
#todoyu-search .project .additionalStuff {
  display: none; }

/*
 * ------------------------------------
 * Asset form
 * ------------------------------------
 */
.assetForm .fForm {
  padding: 0;
  background: none; }

.assetForm .fForm fieldset {
  margin-bottom: 0; }

.assetForm .fForm fieldset legend {
  border-color: #e3eace; }

/*
 * ----------------------
 * Project Tabs
 * ----------------------
 */
#content .projectTabs .tabs {
  top: 0;
  left: 0;
  width: auto;
  margin: 0 10px; }

.project .projectTabs {
  margin-top: 10px; }

.project .projectTabs .tabs li {
  background-color: #edf1e0 !important; }

.project .projectTabs .tabs li:hover,
.project .projectTabs .tabs li.active {
  background-color: #e3eace !important; }

/*
 * project tabs content
 */
.project .tabContent {
  background-color: #e3eace; }


.project .tabContent .tabBlock {
  position: relative;
  background: white; }

.project .tabContent .tab {
  padding: 5px;
  background: white; }

/*
 * ----------------------
 * Project Details
 * ----------------------
 */
  .project .projectDetails {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 10px; }
    .project .projectDetails .infoBox {
      border: 1px solid #cccccc;
      margin: 5px; }
      .project .projectDetails .infoBox h4 {
        border-bottom: 1px solid #cccccc; }
      .project .projectDetails .infoBox .content {
        padding: 0; }
      .project .projectDetails .infoBox.description .ck-content {
        background-color: white;
        padding-left: 12px;
        padding-bottom: 3px;
        padding-right: 3px; }
    .project .projectDetails .projectDetailLeft {
      background-color: white;
      float: left;
      margin-top: -1px;
      position: relative;
      right: 816px;
      top: 1px; }
    .project .projectDetails .projectDetailRight {
      float: left;
      position: relative;
      overflow: hidden;
      background-color: #eeeeee; }
    .project .projectDetails .ajaxLoader {
      position: absolute;
      width: 200px;
      height: 25px;
      top: 150px;
      left: 400px;
      font-size: 25px;
      animation: pulse 1s ease-in-out infinite; }
  .project .infoBoxOuter {
    background-color: white;
    height: 100%;
    padding: 0; }
  .project .projectDetailsContent {
    display: block;
    float: left;
    left: 816px;
    max-width: 812px;
    padding: 3px;
    position: relative;
    width: 812px; }
  .project .projectDetailsTabs {
    float: left;
    height: 100%;
    left: 818px;
    position: relative;
    width: 100px; }
    .project .projectDetailsTabs .gap {
      border-radius: 0 3px 3px 0;
      height: 30px; }
    .project .projectDetailsTabs .icon {
      float: none;
      height: 32px;
      margin-left: 6px;
      width: 32px; }
    .project .projectDetailsTabs .menu {
      background-color: #eeeeee;
      border-radius: 0 0 0 3px;
      box-shadow: -1px 4px 10px -10px black;
      cursor: pointer;
      height: 50px;
      left: 1px;
      margin-left: -1px;
      position: relative; }
      .project .projectDetailsTabs .menu .icon {
        background: url(../../ext/project/asset/img/projectheader.png) no-repeat -7px -186px; }
      .project .projectDetailsTabs .menu .label {
        padding-left: 6px; }
      .project .projectDetailsTabs .tabs .projectDetailsTab {
        background-color: white;
        border-radius: 3px 0 0 3px;
        border-width: 1px 0 1px 1px;
        border: 1px solid #cccccc;
        box-shadow: -11px 0 22px -17px black inset;
        cursor: pointer;
        height: 42px;
        margin: 3px 0;
        padding: 4px 0; }
        .project .projectDetailsTabs .tabs .projectDetailsTab.active {
          background-color: #eeeeee;
          border: none;
          box-shadow: -1px 4px 10px -10px black;
          height: 44px;
          left: 1px;
          margin-left: -1px;
          position: relative; }
        .project .projectDetailsTabs .tabs .projectDetailsTab .label {
          padding-left: 6px; }
    .project .projectDetailsTabs .generalProjectTab .icon {
      background: url(../../ext/project/asset/img/projectheader.png) no-repeat -7px -124px; }
    .project .projectDetailsTabs .preferencesProjectTab .icon {
      background: url(../../ext/project/asset/img/projectheader.png) no-repeat 0px 0px; }

@keyframes pulse {
    from {
    opacity: 0; }


    to {
    opacity: 0.5; }
 }
@-moz-keyframes pulse {
    from {
    opacity: 0; }


    to {
    opacity: 0.5; }
 }
@-webkit-keyframes pulse {
    from {
    opacity: 0; }


    to {
    opacity: 0.5; }
 }
@-ms-keyframes pulse {
    from {
    opacity: 0; }


    to {
    opacity: 0.5; }
 }
@-o-keyframes pulse {
    from {
    opacity: 0; }


    to {
    opacity: 0.5; }
 }
/*
 * ----------------------------
 * Tabs
 * ----------------------------
 */
  #records-tabs .icon {
    background-image: url(../../ext/sysmanager/asset/img/icons.png);
    background-repeat: no-repeat; }
  #records-tabs .all .icon {
    background-position: 0 -625px; }
  #records-tabs .extTypes .icon {
    background-position: 0 5px; }
  #records-tabs .typeRecords .icon {
    background-position: 0 -775px; }
  #records-tabs .openRecord .icon {
    background-position: 0 -325px; }

/*
 * ----------------------------
 * Tables
 * ----------------------------
 */
.recordsList {
  width: 918px;
  border: 0; }
    .recordsList .actions .icon {
      cursor: pointer;
      margin-right: 5px; }

/*
 * ----------------------------
 * Types of all extensions
 * ----------------------------
 */
  .recordsList.typeAll .recordtype {
    width: 29.847%; }
  .recordsList.typeAll td.icon {
    background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 10px -777px; }
  .recordsList.typeAll td.exticon {
    text-overflow: clip; }
  .recordsList.typeAll col.exticon {
    width: 35px; }
  .recordsList.typeAll .actions {
    width: 54px; }
    .recordsList.typeAll .actions .list {
      background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -630px; }

/*
 * ----------------------------
 * Types of one extension
 * ----------------------------
 */
  .recordsList.typeExtension td.icon {
    background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 10px -777px; }
  .recordsList.typeExtension .actions {
    width: 30px; }
    .recordsList.typeExtension .actions .list {
      background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -630px; }

  .recordsList.typeRecords td.icon {
    background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 10px -327px; }
  .recordsList.typeRecords .actions {
    width: 50px; }
    .recordsList.typeRecords .actions .edit {
      background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -360px; }
    .recordsList.typeRecords .actions .delete {
      background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -420px; }

/*
 * ----------------------------
 * Records listing
 * ----------------------------
 */
.recordTypeInfo {
  margin: 10px 0; }
  .recordTypeInfo .add {
    float: right; }
    .recordTypeInfo .add button .icon {
      background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -388px; }
  .recordTypeInfo td.icon {
    width: 15px; }
  .recordTypeInfo td.label {
    width: 505px; }
  .recordTypeInfo td.actions {
    width: 50px; }
  .recordTypeInfo td.icon {
    background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 3px -325px; }
  .recordTypeInfo .isActive0 td.icon {
    background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 3px -936px; }
  .recordTypeInfo .isPreferred1 td.icon {
    background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 3px -964px; }
    .recordTypeInfo .actions .edit {
      background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -358px; }
    .recordTypeInfo .actions .delete {
      background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -418px; }

#record-type-list li,
#record-list li {
  padding: 5px 10px;
  position: relative;
  border-bottom: 1px dotted #aaaaaa; }

#record-type-list li {
  padding-left: 30px;
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 5px -627px; }

    #record-list li span.additionalInformations {
      position: absolute;
      right: 400px; }
    #record-list li span.delete {
      cursor: pointer;
      height: 16px;
      position: absolute;
      right: 5px;
      top: 4px;
      width: 16px;
      background: rgba(0, 0, 0, 0) url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -420px; }
    #record-list li span.edit {
      cursor: pointer;
      height: 16px;
      position: absolute;
      right: 30px;
      top: 4px;
      width: 16px;
      background: rgba(0, 0, 0, 0) url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -360px; }

    #list .headerLine .createNew {
      padding-left: 20px;
      background: rgba(0, 0, 0, 0) url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -384px;
      cursor: pointer;
      position: absolute;
      right: 10px; }
    #list .headerLine .back {
      padding-left: 20px;
      background: rgba(0, 0, 0, 0) url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -440px;
      cursor: pointer; }
  #list form fieldset {
    float: left;
    width: 100%; }

#panelwidget-sysmanagermodules li.rights a {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 1px -240px; }

/*
 * -------------------
 * Tabs
 * -------------------
 */
#rights-tabs li span.icon {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat; }

#rights-tabs li.rights span.icon {
  background-position: 0 -295px; }

#rights-tabs li.roles span.icon {
  background-position: 0 -205px; }

.saveButtonBox {
  text-align: right; }

#rightseditor-form {
  margin-bottom: 10px; }

/*
 * --------------------
 * Rights Matrix
 * --------------------
 */
#rightsmatrix {
  margin: 10px 0; }

#rightsmatrix td {
  vertical-align: middle; }

/*
 * Roles
 */
#rightsmatrix .roles {
  margin-left: 1px; }

#rightsmatrix .roles .name {
  width: 250px;
  font-weight: bold;
  text-align: left; }

#rightsmatrix .roles td {
  padding: 2px 5px;
  width: 20px;
  text-align: center; }

/*
 * Rights
 */
#rightsmatix-form {
  max-height: 500px;
  padding-top: 10px;
  border-top: 2px #bbbbbb solid;
  border-bottom: 2px #bbbbbb solid;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: scroll; }

#rightsmatix-form fieldset {
  border: 1px solid #aaaaaa;
  padding: 0 10px 10px;
  margin-bottom: 10px;
  margin-right: 10px; }

#rightsmatix-form fieldset legend {
  display: inline;
  font-weight: bold;
  font-size: 13px;
  padding: 0 5px; }

#rightsmatix-form td.label {
  width: 250px;
    /*
   * font-weight:bold;
   */
  text-align: left;
  border-bottom: 1px dashed #dddddd; }

#rightsmatix-form td.label a {
  display: inline-block;
  width: 90%; }

#rightsmatix-form td.roleRight {
  width: 20px;
  text-align: center;
  padding: 6px 5px; }

#rightsmatix-form td.roleRight input {
  cursor: pointer; }

#rightsmatix-form span.require {
  display: inline-block;
  width: 15px;
  height: 14px;
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 1px -175px;
  cursor: help; }

body#todoyu-sysmanager #quickinfo {
  width: 380px; }

body#todoyu-sysmanager #quickinfo dd {
  width: 348px; }

/*
 * -------------------------------------
 * QuickInfo icons for rights infos
 * -------------------------------------
 */
#quickinfo dt.requiredrightIcon,
#quickinfo dt.requiredsectionIcon {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 4px -176px; }

#panelwidget-sysmanagermodules li.config a {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 1px -570px; }

/*
 * -------------------
 * Tabs
 * -------------------
 */
#config-tabs span.icon {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat; }

#config-tabs li.logo span.icon {
  background-position: 0 -595px; }

#config-tabs li.systemconfig span.icon {
  background-position: 0 -565px; }

#config-tabs li.passwordstrength span.icon {
  background-position: 0 -805px; }

#config-tabs li.repository span.icon {
  background-position: 0 -836px; }

/*
 * -----------------------
 * Extension Listing
 * -----------------------
 */
.extListing .extension {
  border-bottom: 1px solid #cccccc;
  display: inline-block;
  margin-bottom: 20px;
  margin-left: 20px;
  padding-bottom: 10px;
  position: relative;
  width: 870px; }
  .extListing .extension h5 {
    border-bottom: none;
    margin-bottom: 10px;
    padding-left: 0; }
    .extListing .extension h5 div {
      width: 100%; }
    .extListing .extension h5 img {
      left: 0;
      position: absolute;
      top: 8px; }
    .extListing .extension h5 .author {
      margin-left: 10px; }
    .extListing .extension h5 .title {
      font-size: 20px; }
  .extListing .extension .bottom {
    width: 100%;
    clear: both;
    margin-top: 5px; }
    .extListing .extension .bottom button {
      float: right;
      margin: 0 10px; }
  .extListing .extension .warning {
    background-color: #f8f8f8;
    border: 2px dashed red;
    margin-top: 10px;
    padding: 5px; }
    .extListing .extension .warning ul {
      list-style-position: inside;
      list-style-type: square; }
      .extListing .extension .warning ul li {
        color: red;
        cursor: pointer; }
  .extListing .extension .main {
    margin-left: 30px;
    margin-right: 50px;
    width: 560px; }
  .extListing .extension .right {
    width: 200px;
    padding-left: 10px; }
    .extListing .extension .right div {
      padding: 5px;
      border-bottom: 1px solid #cccccc; }
  .extListing .extension > div {
    float: left;
    clear: none; }

.coreUpdate .installButtons button .icon,
.extListing .extension .bottom button .icon {
  background-image: url(../../ext/sysmanager/asset/img/icons.png); }

.coreUpdate .installButtons button.info .icon,
.extListing .extension .bottom button.info .icon {
  background-position: 5px -748px;
  width: 22px; }

.coreUpdate .installButtons button.update .icon,
.extListing .extension .bottom button.update .icon {
  background-position: 0 -28px; }

.extListing .extension .bottom button.install .icon {
  background-position: 5px -28px;
  width: 22px; }

/*
 * -----------------------
 * Search
 * -----------------------
 */
.extensionSearch .control {
  margin-bottom: 10px; }

.resultinfo {
  background-color: #eeeeee;
  margin-bottom: 10px;
  padding: 10px; }
    .resultinfo.error .message {
      font-family: ui-monospace, SFMono-Regular, Consolas, Menlo, Monaco, "Courier New", monospace;
      font-size: 14px;
      margin-bottom: 5px; }
    .resultinfo.error .title {
      color: red;
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 5px; }

/*
 * -----------------------
 * Updates
 * -----------------------
 */
/*
 * Core update
 */
.repositoryUpdates .coreUpdate {
  padding: 12px 12px 24px 12px;
  margin: 6px 0 20px 0;
  background-color: lightyellow; }
  .repositoryUpdates .coreUpdate .installButtons {
    float: right; }
  .repositoryUpdates .coreUpdate .coreUpdateInfos {
    float: left; }
    .repositoryUpdates .coreUpdate .coreUpdateInfos th {
      width: 100px; }

.repositoryUpdates .coreUpdate .coreUpdateInfos td,
.repositoryUpdates .coreUpdate .coreUpdateInfos th {
  padding: 3px; }

/*
 * -----------------------
 * Dialog
 * -----------------------
 */
.repositoryDialog {
  padding: 10px; }
  .repositoryDialog h1 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: left; }
  .repositoryDialog .buttons {
    clear: both;
    margin-top: 20px;
    padding-top: 10px; }
  .repositoryDialog .col {
    clear: none;
    float: left; }
  .repositoryDialog.coreDialog button.install .icon {
    background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -28px; }
  .repositoryDialog .info {
    margin-top: 5px;
    padding: 5px; }
      .repositoryDialog.extensionDialog .extInstall .acceptlicense {
        text-align: left;
        font-weight: bold; }
        .repositoryDialog.extensionDialog .extInstall .acceptlicense input {
          width: 20px; }
      .repositoryDialog.extensionDialog .extInstall .license {
        background-color: white;
        font-family: ui-monospace, SFMono-Regular, Consolas, Menlo, Monaco, "Courier New", monospace;
        font-size: 12px;
        height: 200px;
        margin-bottom: 10px;
        margin-top: 10px;
        overflow: auto;
        padding: 10px;
        text-align: left; }
      .repositoryDialog.extensionDialog .extInstall .licenseinfo {
        background-color: #e3eace;
        text-align: left; }
        .repositoryDialog.extensionDialog .extInstall .licenseinfo.buyextension {
          background-color: rgba(0, 0, 0, 0); }
          .repositoryDialog.extensionDialog .extInstall .licenseinfo.buyextension a {
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -718px;
            font-size: 16px;
            font-weight: bold;
            padding-left: 20px;
            text-decoration: underline; }
            .repositoryDialog.extensionDialog .extInstall .licenseinfo.buyextension a:hover {
              color: #444444; }
        .repositoryDialog.extensionDialog .extInstall .licenseinfo.noLicense {
          background-color: red;
          color: white;
          text-align: left; }
      .repositoryDialog.extensionDialog .extInstall .warningMajorUpdate {
        background-color: red;
        color: white; }
    .repositoryDialog.extensionDialog button.install .icon {
      background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -28px; }
  .repositoryDialog .versionDetails {
    margin-left: 20px;
    width: 240px; }
    .repositoryDialog .versionDetails td {
      width: 130px; }
    .repositoryDialog .versionDetails th {
      width: 80px; }
  .repositoryDialog .versionInformation {
    padding: 10px;
    text-align: left;
    width: 300px; }
    .repositoryDialog .versionInformation ul {
      list-style: square inside; }
    .repositoryDialog .versionInformation .subtitle {
      display: block;
      font-weight: bold;
      margin-bottom: 5px; }

.repositoryDialog .versionDetails table td,
.repositoryDialog .versionDetails table th {
  padding: 3px;
  border-bottom: 1px solid #cccccc;
  text-align: left; }

#content .mtpBox {
  margin-top: 12px;
  border: 1px solid #dddddd; }
  #content .mtpBox .header {
    background-color: #ccd6e2;
    padding: 4px 0 8px 10px;
    box-shadow: 0 3px 2px #dddddd; }

  #content .message .header .heading {
    margin-bottom: 10px; }
    #content .message .header .heading .subject {
      font-size: 16px;
      font-weight: bold; }
    #content .message .header .addresses td {
      font-size: 11px; }
    #content .message .header .addresses .label {
      width: 100px;
      font-weight: bold;
      vertical-align: middle; }
    #content .message .header .addresses .dataTo {
      width: 300px; }
    #content .message .header .addresses .addressInfo {
      background-color: #eeeeee;
      border-radius: 5px;
      border: 1px solid #cccccc;
      display: inline-block;
      margin-bottom: 5px;
      margin-right: 2px;
      padding-right: 4px;
      padding: 2px; }
      #content .message .header .addresses .addressInfo span {
        display: inline-block;
        float: none;
        vertical-align: middle;
        max-width: 200px; }
    #content .message .header .addresses .addressWithPerson {
      background-color: #dddddd; }
      #content .message .header .addresses .addressWithPerson .icon {
        background: url(../../ext/contact/asset/img/icons.png) no-repeat 2px 2px; }
      #content .message .header .addresses .addressWithPerson .decoupleAddress {
        background: url(../../core/asset/img/icons.png) no-repeat 2px -358px;
        cursor: pointer; }
      #content .message .header .addresses .addressWithoutPerson .icon {
        background: url(../../ext/imap/asset/img/icons.png) no-repeat 2px 2px; }
      #content .message .header .addresses .addressWithoutPerson .linkAddressToPerson {
        background: url(../../core/asset/img/icons.png) no-repeat 2px -28px;
        cursor: pointer; }
    #content .message .header .format .active {
      font-weight: bold; }
  #content .message .header .messageActions {
    list-style: none;
    margin: 5px;
    position: absolute;
    right: 0px;
    text-align: right;
    width: 200px; }
    #content .message .header .messageActions li {
      border-radius: 3px;
      border: 1px solid #cccccc;
      cursor: pointer;
      display: inline-block;
      height: 10px;
      margin: 0 2px;
      padding: 5px;
      width: 20px;
      background-color: #f8f8f8;
      background-image: url(../../ext/mailtoproject/asset/img/icons.png);
      background-repeat: no-repeat; }
      #content .message .header .messageActions li.trash {
        background-position: 5px -57px; }
      #content .message .header .messageActions li.delete {
        background-position: 5px -266px; }
      #content .message .header .messageActions li.restore {
        background-position: 5px -236px; }
      #content .message .header .messageActions li.unprocess {
        background-position: 5px -146px; }
      #content .message .header .messageActions li.forward {
        background-position: 5px -87px; }
      #content .message .header .messageActions li.download {
        background-position: 5px -207px; }
      #content .message .header .messageActions li.externals {
        background-position: 5px -328px; }

/*
 * -----------------------
 * Message Processing
 * --------------------------
 */
#content .message .process {
    /*
   * Message to project/task/comment mapping and unprocess option
   */
    /*
   * Create task/comment form
   */ }
  #content .message .process .processesedInfo {
    padding: 12px 10px;
    background-color: #eeeeee;
    border-top: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb; }
    #content .message .process .processesedInfo td {
      height: 22px; }
      #content .message .process .processesedInfo td.label {
        width: 150px;
        font-weight: bold; }
    #content .message .process .processesedInfo ul.itemList {
      list-style: square inside;
      margin-bottom: 10px; }
  #content .message .process .formProcess {
    padding: 5px;
    padding-bottom: 0;
    border-top: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb; }
    #content .message .process .formProcess fieldset {
      background-color: #eeeeee;
      padding: 0px 5px;
      margin-bottom: 0px; }
      #content .message .process .formProcess fieldset .fElement {
        display: inline-block; }
        #content .message .process .formProcess fieldset .fElement.typeTextAC,
        #content .message .process .formProcess fieldset .fElement.typeSelectgrouped {
          width: 510px; }
          #content .message .process .formProcess fieldset .fElement.typeTextAC .fField,
          #content .message .process .formProcess fieldset .fElement.typeSelectgrouped .fField {
            width: 430px; }
          #content .message .process .formProcess fieldset .fElement.typeTextAC .fLabel,
          #content .message .process .formProcess fieldset .fElement.typeSelectgrouped .fLabel {
            width: 70px; }
          #content .message .process .formProcess fieldset .fElement.typeButton .fLabel {
            display: none; }
          #content .message .process .formProcess fieldset .fElement button.addTask .icon {
            background: url(../../ext/project/asset/img/icons.png) no-repeat 0px -58px; }
          #content .message .process .formProcess fieldset .fElement button.moveToProject .icon {
            background: url(../../ext/mailtoproject/asset/img/icons.png) no-repeat 0px -178px; }
          #content .message .process .formProcess fieldset .fElement button.addComment .icon {
            background: url(../../ext/comment/asset/img/icons.png) no-repeat 0px 4px; }
        #content .message .process .formProcess fieldset .fElement.fieldnameSaveTask,
        #content .message .process .formProcess fieldset .fElement.fieldnameMoveToProject {
          width: auto; }
          #content .message .process .formProcess fieldset .fElement.fieldnameSaveTask .fField,
          #content .message .process .formProcess fieldset .fElement.fieldnameMoveToProject .fField {
            width: auto; }
        #content .message .process .formProcess fieldset .fElement.fieldnameSaveComment {
          width: auto; }
          #content .message .process .formProcess fieldset .fElement.fieldnameSaveComment .fField {
            width: auto; }
          #content .message .process .formProcess fieldset .fElement.fieldnameSetprocessed .fLabel {
            float: right;
            display: inline-block;
            width: 550px; }
          #content .message .process .formProcess fieldset .fElement.fieldnameSetprocessed .fField {
            display: inline-block;
            width: 70px;
            text-align: center; }

  #content .message .body .content {
    overflow: auto;
    max-height: 500px;
    padding: 10px; }
    #content .message .body .content.html {
      padding: 0px; }
    #content .message .body .content.text {
      white-space: pre-wrap; }
    #content .message .body .content .htmlMailFrame {
      width: 100%;
      min-height: 450px;
      overflow: auto;
      border: none; }
  #content .message .body .attachments {
    margin-top: 12px;
    border-top: 1px solid #bbbbbb; }
    #content .message .body .attachments span.labeltext {
      font-weight: bold;
      text-transform: uppercase;
      display: block;
      padding: 4px 15px 8px 15px; }
    #content .message .body .attachments .head {
      background-color: #eeeeee; }
    #content .message .body .attachments .attachmentsTable {
      padding: 4px 15px 15px 15px;
      width: 100%; }
      #content .message .body .attachments .attachmentsTable thead th {
        border-bottom: 1px solid #dddddd; }
      #content .message .body .attachments .attachmentsTable tbody td {
        padding: 4px 0 4px 0;
        border-bottom: 1px solid #eeeeee; }
        #content .message .body .attachments .attachmentsTable tbody td.mimetype {
          width: 30px; }
        #content .message .body .attachments .attachmentsTable tbody td.filename {
          white-space: nowrap; }
          #content .message .body .attachments .attachmentsTable tbody td.filename a {
            width: 100%;
            display: inline-block;
            padding: 2px; }
        #content .message .body .attachments .attachmentsTable tbody td.filesize,
        #content .message .body .attachments .attachmentsTable tbody td.import {
          width: 100px; }
        #content .message .body .attachments .attachmentsTable .actions input {
          width: auto; }

  .containerTabs .tabs .scrum .icon {
    background: url(../../ext/scrum/asset/img/exticon.png) no-repeat 0 4px; }

/*
 * --------------------------
 * Task context menu
 * --------------------------
 */
  #contextmenu .taskContextMenu.scrumStoryPoints {
    background-image: url(../../ext/scrum/asset/img/contextmenu.png);
    background-position: 3px 3px; }
  #contextmenu .taskContextMenu.storyPoints1 {
    background-position: 3px -57px; }
  #contextmenu .taskContextMenu.storyPoints2 {
    background-position: 3px -87px; }
  #contextmenu .taskContextMenu.storyPoints3 {
    background-position: 3px -117px; }
  #contextmenu .taskContextMenu.storyPoints5 {
    background-position: 3px -147px; }
  #contextmenu .taskContextMenu.storyPoints8 {
    background-position: 3px -177px; }
  #contextmenu .taskContextMenu.storyPoints13 {
    background-position: 3px -207px; }
  #contextmenu .taskContextMenu.storyPoints05 {
    background-position: 3px -237px; }
  #contextmenu .taskContextMenu.scrumPriority {
    background-image: url(../../ext/scrum/asset/img/contextmenu.png);
    background-position: 3px -267px; }
  #contextmenu .taskContextMenu.scrumPriorityMust {
    background-position: 3px -297px; }
  #contextmenu .taskContextMenu.scrumPriorityShould {
    background-position: 3px -327px; }
  #contextmenu .taskContextMenu.scrumPriorityCould {
    background-position: 3px -357px; }
  #contextmenu .taskContextMenu.scrumPriorityWont {
    background-position: 3px -387px; }

/*
 * --------------------------
 * burndownreport
 * --------------------------
 */
    .resultViewTaskdetails table.list .colEstimated,
    .resultViewTaskdetails table.list .colNameEstimated,
    .resultViewTaskdetails table.list .colTracked,
    .resultViewTaskdetails table.list .colNameTracked,
    .resultViewTaskdetails table.list .colRatio,
    .resultViewTaskdetails table.list .colNameRatio,
    .resultViewTaskdetails table.list .colDiff,
    .resultViewTaskdetails table.list .colNameDiff,
    .resultViewTaskdetails table.list .colStorypoints,
    .resultViewTaskdetails table.list .colNameStorypoints {
      width: 8%;
      text-align: right; }

/*
 * -------------------------------------------------------
 * Project & Task common context menu items:
 * 
 * e.g. "Show inside project"-option for tasks and projects
 * in listview in "foreign" areas (e.g. portal, search)
 * --------------------------------------------------------
 */
/*
 * a.task-showinproject,
 */
/*
 * a.projectContextMenu.showInProject {
 */
/*
 * background-image:url(../../ext/project/asset/img/contextmenu.png) !important;
 */
/*
 * background-position:3px -689px !important;
 */
/*
 * }
 */
/*
 * --------------------------
 * Project context menu
 * --------------------------
 */
#contextmenu .projectContextMenu {
  background-image: url(../../ext/project/asset/img/contextmenu.png); }

#contextmenu .taskContextMenu.showInProject,
#contextmenu .projectContextMenu.showInProject {
  background-position: 3px -689px; }

#contextmenu .taskContextMenu.taskLinkToClipboard {
  background-position: 3px -867px; }

#contextmenu .taskContextMenu.editInProject,
#contextmenu .projectContextMenu.editInProject {
  background-position: 3px -838px; }

#contextmenu .projectDetails {
  background-position: 3px -718px; }

#contextmenu .projectStatus {
  background-position: 3px 3px; }

#contextmenu .projectEdit {
  background-position: 3px -748px; }

#contextmenu .projectDelete {
  background-position: 3px -778px; }

#contextmenu .projectAddTask {
  background-position: 3px -85px; }

#contextmenu .projectAddContainer {
  background-position: 3px -115px; }

#contextmenu .projectContextMenu.taskPaste {
  background-position: 3px -808px; }

/*
 * ---------------------------
 * Task context menu
 * ---------------------------
 */
#contextmenu .taskContextMenu {
  background-image: url(../../ext/project/asset/img/contextmenu.png); }

#contextmenu .status ul li a {
  background-image: url(../../ext/project/asset/img/projectstatus.png); }

#contextmenu .status ul li a.taskContextMenu {
  background-image: url(../../ext/project/asset/img/taskstatus.png) !important; }

#contextmenu .task-showinproject {
  background-position: 3px -718px; }

#contextmenu .taskEdit {
  background-position: 3px -28px; }

#contextmenu .taskActions {
  background-position: 3px -297px; }

#contextmenu .taskCopy {
  background-position: 3px -387px; }

#contextmenu .taskCut {
  background-position: 3px -327px; }

#contextmenu .taskClone {
  background-position: 3px -147px; }

#contextmenu .taskDelete {
  background-position: 4px -56px; }

#contextmenu .taskPaste {
  background-position: 3px -537px; }

#contextmenu .taskPaste.disabled {
  background-position: 3px -657px; }

#contextmenu .taskPasteIn {
  background-position: 3px -567px; }

#contextmenu .taskPasteBefore {
  background-position: 3px -628px; }

#contextmenu .taskPasteAfter {
  background-position: 3px -598px; }

#contextmenu .taskAdd {
  background-position: 3px -177px; }

#contextmenu .taskAddTask {
  background-position: 3px -87px; }

#contextmenu .taskAddContainer {
  background-position: 3px -117px; }

/*
 * --------------------------------
 * Change task status icons
 * --------------------------------
 */
#contextmenu .taskStatus {
  background-position: 3px 3px; }

#contextmenu .taskStatusPlanning {
  background-position: 4px 3px; }

#contextmenu .taskStatusOpen {
  background-position: 4px -27px; }

#contextmenu .taskStatusProgress {
  background-position: 4px -57px; }

#contextmenu .taskStatusConfirm {
  background-position: 4px -90px; }

#contextmenu .taskStatusDone {
  background-position: 4px -117px; }

#contextmenu .taskStatusAccepted {
  background-position: 4px -117px; }

#contextmenu .taskStatusRejected {
  background-position: 4px -147px; }

#contextmenu .taskStatusCleared {
  background-position: 4px -177px; }

#contextmenu .taskStatusWarranty {
  background-position: 4px -237px; }

#contextmenu .taskStatusAccepted {
  background-position: 4px -267px; }

#contextmenu .taskStatusWaiting {
  background-position: 4px -297px; }

/*
 * --------------------------------
 * Change project status icons
 * --------------------------------
 */
#contextmenu .projectStatus {
  background-position: 3px 3px; }

#contextmenu .projectStatusPlanning {
  background-position: 4px 2px; }

#contextmenu .projectStatusOpen {
  background-position: 4px -27px; }

#contextmenu .projectStatusProgress {
  background-position: 4px -57px; }

#contextmenu .projectStatusConfirm {
  background-position: 4px -87px; }

#contextmenu .projectStatusDone {
  background-position: 4px -114px; }

#contextmenu .projectStatusAccepted {
  background-position: 4px -117px; }

#contextmenu .projectStatusRejected {
  background-position: 4px -147px; }

#contextmenu .projectStatusCleared {
  background-position: 4px -174px; }

#contextmenu .projectStatusWarranty {
  background-position: 4px -234px; }

#contextmenu .projectStatusAccepted {
  background-position: 4px -267px; }

/*
 * ---------------------------
 * Container context menu
 * ---------------------------
 */
#contextmenu .containerEdit {
  background-position: 3px -207px; }

#contextmenu .containerAdd {
  background-position: 3px -177px; }

#contextmenu .containerActions {
  background-position: 3px -508px; }

#contextmenu .containerCopy {
  background-position: 3px -418px; }

#contextmenu .containerCut {
  background-position: 3px -447px; }

#contextmenu .containerClone {
  background-position: 3px -479px; }

#contextmenu .containerDelete {
  background-position: 3px -237px; }

#contextmenu .containerAddTask {
  background-position: 3px -87px; }

#contextmenu .containerAddContainer {
  background-position: 3px -117px; }

/*
 * ---------------------------
 * Paste Warning
 * ---------------------------
 */
#contextmenu .pastewarning a {
  padding-left: 10px;
  background: #f6f4de none; }

/*
 * -------------------------------------------
 * Address persons linking
 * -------------------------------------------
 */
  #mailAddressPerson .addressDetails {
    margin-bottom: 10px; }
    #mailAddressPerson .addressDetails th,
    #mailAddressPerson .addressDetails td {
      padding: 3px; }
    #mailAddressPerson .addressDetails th {
      width: 60px; }
  #mailAddressPerson .addressPersons {
    margin: 10px 5px; }
    #mailAddressPerson .addressPersons li {
      border: 1px solid #cccccc;
      background-color: #eeeeee;
      padding: 5px;
      margin-bottom: 2px;
      cursor: pointer; }
      #mailAddressPerson .addressPersons li span {
        display: block; }
        #mailAddressPerson .addressPersons li span.name {
          font-weight: bold;
          font-size: 12px; }
    #mailAddressPerson .formPerson fieldset {
      padding-top: 15px; }
    #mailAddressPerson .formPerson .fLabel {
      width: 120px; }
    #mailAddressPerson .formPerson .fField {
      width: 200px; }
    #mailAddressPerson .formPerson .fieldnameAddressinfo {
      margin-bottom: 20px; }
      #mailAddressPerson .formPerson .fieldnameAddressinfo .fLabel {
        display: none; }
      #mailAddressPerson .formPerson .fieldnameAddressinfo .fField {
        width: 100%;
        font-weight: bold; }
      #mailAddressPerson .formPerson .fieldnameLastname input,
      #mailAddressPerson .formPerson .fieldnameFirstname input {
        background-color: #aaccee; }
      #mailAddressPerson .formPerson fieldset.buttons .fField {
        width: auto; }

/*
 * --------------------------
 * Invoice context menu
 * --------------------------
 */
  #contextmenu .invoiceDetails {
    background: url(../../ext/projectbilling/asset/img/icons.png) 3px -417px no-repeat; }
  #contextmenu .invoiceStatus {
    background-image: url(../../ext/projectbilling/asset/img/invoicestatus.png) !important;
    background-position: 3px -317px !important; }
  #contextmenu .invoiceStatusPaid {
    background-image: url(../../ext/projectbilling/asset/img/invoicestatus.png) !important;
    background-position: 3px -196px !important; }
  #contextmenu .invoiceStatusCanceled {
    background-image: url(../../ext/projectbilling/asset/img/invoicestatus.png) !important;
    background-position: 3px -287px !important; }
  #contextmenu .invoiceStatusDepreciated {
    background-image: url(../../ext/projectbilling/asset/img/invoicestatus.png) !important;
    background-position: 3px -226px !important; }
  #contextmenu .invoiceStatusEncashment {
    background-image: url(../../ext/projectbilling/asset/img/invoicestatus.png) !important;
    background-position: 3px -163px !important; }

  #todoyuscrumheadletbatchtime .button {
    background: url(../../ext/scrum/asset/img/icons.png) no-repeat 5px -26px; }

div.taskparent-ac {
  position: absolute;
  width: 250px;
  background-color: white;
  border: 1px solid #779124;
  margin: 0;
  padding: 0; }

div.taskparent-ac ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

div.taskparent-ac ul li.selected {
  background-color: #ffac00; }

div.taskparent-ac ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  height: 32px;
  cursor: pointer; }

  #panelwidget-accounts-list li {
    width: 100%;
    border-bottom: 1px solid #cccccc; }
    #panelwidget-accounts-list li .trigger {
      padding: 5px 3px;
      cursor: pointer;
      width: 80%; }
      #panelwidget-accounts-list li .trigger > span {
        display: inline-block; }
        #panelwidget-accounts-list li .trigger > span.username {
          font-weight: bold;
          font-size: 12px; }
        #panelwidget-accounts-list li .trigger > span.status {
          margin-left: 10px; }
    #panelwidget-accounts-list li.selected {
      background-color: #ccd6e2; }
    #panelwidget-accounts-list li .refresh {
      height: 25px;
      width: 25px;
      background: url(../../ext/mailtoproject/asset/img/icons.png) no-repeat 0 -364px;
      cursor: pointer;
      float: right;
      position: relative;
      top: -30px;
      right: 5px; }

    .project .projectDetails .projectMessages .date {
      width: 100px; }
      .project .projectDetails .projectMessages .subject a:hover {
        text-decoration: underline; }
    .project .projectDetails .projectMessages .from {
      width: 200px; }
    .project .projectDetails .projectMessages td.from {
      cursor: help; }
      .project .projectDetails .projectDetailsTabs .projectmailsProjectTab .icon {
        background: url(../../ext/mailtoproject/asset/img/projecttab.png) no-repeat -1px 5px; }

#calendar-body .event {
  position: absolute;
  overflow: hidden; }

#calendarBody .event {
  border-radius: 5px; }

.dayMode .event .head,
.weekMode .event .head {
  -moz-user-select: none;
  overflow: hidden;
    /*
   * position:absolute;
   */ }

.dayMode .event .content,
.weekMode .event .content {
  padding: 2px; }

#calendar .event .head {
  width: 100%; }

#calendarBody .event .head {
  width: 936px;
  height: 14px; }

#calendarBody .event .head > div {
  display: block;
  float: left; }

#calendar .event.canEdit .head {
  cursor: move; }

#calendar .event.noAccess .head,
#calendar .event.noEdit .head {
  cursor: no-drop !important; }

.dayMode .event dd,
.weekMode .event dd {
  font-size: 9px;
  padding: 2px; }

.monthMode .event dl {
  margin-bottom: 2px; }

.dayCol .event {
  z-index: 20; }

/*
 * ------------------------
 * Event
 * ------------------------
 */
  div.weekMode div#calendarBody div.event dt.head {
    height: 15px;
    padding: 3px 0; }
  div.weekMode div#calendarBody div.event dd span.desc {
    display: inline;
    white-space: normal; }

.dayevent {
  margin: 0 0 1px;
  height: 16px;
  padding-top: 1px; }
  .dayevent .head {
    height: 16px; }

.gridHeader .dayevent {
  position: relative; }

      #calendar .dayEvents .dayMode .dayEvents .event .head {
        cursor: default; }
  #calendar .dayEvents .event {
    margin: 1px;
    position: relative; }
    #calendar .dayEvents .event .title {
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 80%; }
    #calendar .dayEvents .event .date {
      color: #010101; }
    #calendar .dayEvents .event .head {
      cursor: default; }
    #calendar .dayEvents .event.hasAccess .head {
      cursor: pointer; }

  .event div div {
    display: inline-block;
    vertical-align: top; }
  .event .head .typeIcon {
    height: 14px;
    width: 16px; }
  .event .headInner {
    font-size: 9px;
    font-weight: normal;
    line-height: 1.2;
    overflow: hidden;
    padding-bottom: 3px;
    padding-left: 20px;
    padding-top: 3px;
    position: relative;
    white-space: nowrap; }
  .event .typeIcon {
    background: url(../../ext/calendar/asset/img/icons.png) no-repeat;
    vertical-align: top; }
  .event.typeGeneral .typeIcon {
    background-position: 0 -660px; }
  .event.typeAway .typeIcon {
    background-position: 0 -690px; }
  .event.typeEducation .typeIcon {
    background-position: 0 -720px; }
  .event.typeMeeting .typeIcon {
    background-position: 0 -750px; }
  .event.typeAwayofficial .typeIcon {
    background-position: 0 -780px; }
  .event.typeHomeoffice .typeIcon {
    background-position: 0 -810px; }
  .event.typeCompensation .typeIcon {
    background-position: 0 -900px; }
  .event.typeMilestone .typeIcon {
    background-position: 0 -930px; }
  .event.typeReminder .typeIcon {
    background-position: 0 -960px; }
  .event.typeBirthday .typeIcon {
    background-image: url(../../ext/contact/asset/img/icons.png);
    background-position: 3px -330px; }

.event > div {
  padding: 2px; }

.event .description,
.event .description * {
  font-size: 9px; }

.event.typeVacation .typeIcon,
.event.typeHoliday .typeIcon {
  background-position: 0 -390px; }

.event.typeAway .headInner,
.event.typeAway .type,
.dayMode .event .typeAway,
.monthMode .event .typeAway {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 1px -690px; }

.event.typeBirthday .headInner,
.event.typeBirthday .type,
.dayMode .event .typeBirthday,
.monthMode .event .typeBirthday {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 3px -330px; }

.event.typeVacation .headInner,
.event.typeVacation .type,
.dayMode .event .typeVacation,
.monthMode .event .typeVacation {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 0 -390px; }

.event.typeEducation .headInner,
.event.typeEducation .type,
.dayMode .event .typeEducation,
.monthMode .event .typeEducation {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 0 -720px; }

.event.typeMeeting .headInner,
.event.typeMeeting .type,
.dayMode .event .typeMeeting,
.monthMode .event .typeMeeting {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 0 -751px; }

.event.typeAwayofficial .headInner,
.event.typeAwayofficial .type,
.dayMode .event .typeAwayofficial,
.monthMode .event .typeAwayofficial {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 0 -782px; }

.event.typeHomeoffice .headInner,
.event.typeHomeoffice .type,
.dayMode .event .typeHomeoffice,
.monthMode .event .typeHomeoffice {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 1px -811px; }

.event.typeCompensation .headInner,
.event.typeCompensation .type,
.dayMode .event .typeCompensation,
.monthMode .event .typeCompensation {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 0 -900px; }

.event.typeMilestone .headInner,
.event.typeMilestone .type,
.dayMode .event .typeMilestone,
.monthMode .event .typeMilestone {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 3px -930px; }

.event.typeReminder .headInner,
.event.typeReminder .type,
.dayMode .event .typeReminder,
.monthMode .event .typeReminder {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 1px -961px; }

/*
 * --------------------------------------------
 * Events in all views (day, week, month)
 * --------------------------------------------
 */
.dayview div.tg-colwrapper div.event dl,
.weekMode div.tg-colwrapper div.event dl {
    /*
   * border:1px dotted $white;
   */ }

.private {
  display: block;
  position: absolute;
  top: 8px;
  left: 11px;
  width: 6px;
  height: 7px;
  background: rgba(0, 0, 0, 0) url(../../ext/calendar/asset/img/icons.png) no-repeat 0 -1140px; }

.weekNumber {
  float: left;
  color: #999999; }

.eventtypeicon {
  padding-right: 16px; }

  #quickinfo dt.typeGeneralIcon {
    background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 3px -656px; }
  #quickinfo dt.typeAwayIcon {
    background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 4px -688px; }
  #quickinfo dt.typeBirthdayIcon {
    background: url(../../ext/contact/asset/img/icons.png) no-repeat 4px -328px; }
  #quickinfo dt.typeVacationIcon {
    background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 3px -388px; }
  #quickinfo dt.typeEducationIcon {
    background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 3px -718px; }
  #quickinfo dt.typeMeetingIcon {
    background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 3px -748px; }
  #quickinfo dt.typeAwayofficialIcon {
    background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 3px -777px; }
  #quickinfo dt.typeHomeofficeIcon {
    background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 3px -807px; }
  #quickinfo dt.typeCompensationIcon {
    background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 3px -898px; }
  #quickinfo dt.typeMilestoneIcon {
    background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 3px -927px; }
  #quickinfo dt.typeReminderIcon {
    background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 3px -958px; }

/*
 * ------------------------
 * Portal events list
 * ------------------------
 */
        .portalEventsList h1.headerLine span.taskDate {
          width: 260px; }
        .portalEventsList h1.headerLine span.eventType {
          width: 110px; }
  .portalEventsList h2 {
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    background-color: #fcfcfc;
    margin: 16px 0 8px 0;
    padding: 16px 0 10px 16px; }

  .portalEventsList .event .eventDetailView td.label {
    background: none; }
      .portalEventsList #events div.eventDetails {
        background-color: white; }
      .portalEventsList #events .event h3 {
        border-left: 0; }
      .portalEventsList #events .event .expanded {
        border-bottom: 1px solid #dddddd; }
        .portalEventsList #events .event .expanded h3 {
          font-weight: bold;
          background-color: #eeeeee; }
      .portalEventsList #events .event .label .title {
        width: 55%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block; }

/*
 * ----------------------
 * Holidays in portal list
 * ----------------------
 */
.holidays {
  background: #aaaaaa url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 0 -390px;
  padding: 0 0 0 15px;
  margin: 0 0 2px 1px;
  color: white;
  overflow: hidden;
  min-height: 17px; }

/*
 * ----------------------
 * Birthdays in portal list
 * ----------------------
 */
    #portalListBirthdays .event div {
      display: inline-block;
      padding: 5px 0; }
    #portalListBirthdays .event.odd {
      background-color: #eeeeee; }
    #portalListBirthdays .event .type {
      background-position: 0 -325px;
      height: 16px;
      margin-left: 10px;
      margin-right: 5px;
      width: 30px; }
    #portalListBirthdays .event .date {
      width: 200px; }
    #portalListBirthdays .event .name {
      width: 250px; }
    #portalListBirthdays .event .age {
      width: 70px; }

/*
 * -------------------------
 * List mode in portal
 * -------------------------
 */
#holidays h3 {
  background-color: white;
  white-space: normal; }
  #holidays h3.holidaysList {
    padding-left: 10px; }
  #holidays h3.odd {
    background-color: #eeeeee; }

  #events h3 {
    background-color: white;
    border-bottom: 1px solid #dddddd; }
      #events h3 span.icon.acknowledge {
                /*
         * margin-right:10px;
         */ }
        #events h3 span.icon.acknowledge.not {
          background: rgba(0, 0, 0, 0) url(../../core/asset/img/icons.png) no-repeat 0 -1260px;
          cursor: pointer; }
          #events h3 span.icon.acknowledge.not.updated {
            background: rgba(0, 0, 0, 0) url(../../core/asset/img/icons.png) no-repeat 0 -1434px;
            cursor: pointer; }
  #events .details {
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee; }
    #events .details .label {
      padding-left: 10px; }
    #events .details .left {
      float: left;
      width: 380px; }
    #events .details .right {
      float: right;
      width: 280px; }
      #events .details .right dt {
        float: left;
        width: 100px; }
      #events .details .right dd {
        float: left;
        width: 180px; }
        #events .details .right dd span {
          padding-left: 13px; }
    #events .event .headLabel {
      padding: 0 0 0 20px; }
      #events .event .headLabel .icon {
        padding: 0 5px 0 0; }
    #events .event h3 .label {
      cursor: pointer; }
      #events .event h3 .label .date {
        display: inline-block;
        width: 238px; }
      #events .event h3 .label .eventtype {
        display: inline-block;
        width: 100px; }

  div.eventDetails dt {
    clear: both;
    float: left;
    line-height: 18px;
    text-align: left; }
  div.eventDetails dd {
    float: right;
    line-height: 18px;
    width: 520px;
    text-align: left; }

#events .event h3 .label .eventtype,
#events .event h3 .label .title {
  border-left: 1px solid #dddddd;
  padding: 0 5px 1px; }

/*
 * -------------------------------------
 * Holidays list
 * -------------------------------------
 */
  #holidays .holidayDate {
    padding-left: 38px;
    width: 25%; }
    #holidays .holidayDate.hasIcon {
      background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 0 -390px; }
  #holidays .holidaysList span {
    display: block;
    float: left; }
  #holidays .holidayTitle {
    padding-left: 20px;
    float: left;
    width: 50%; }
  #holidays .holidayWorkinghours {
    position: relative;
    width: 15%; }

/*
 * -----------------------------------------
 * Event attendee persons
 * ------------------------------------------
 */
/*
 * Person has acknowledged the event
 */
.eventperson-acknowledged {
  padding-left: 20px;
  background: rgba(0, 0, 0, 0) url(../../core/asset/img/icons.png) no-repeat 0 -1314px; }

/*
 * Person has not acknowledged the event
 */
.eventperson-unacknowledged {
  padding-left: 20px;
  background: rgba(0, 0, 0, 0) url(../../core/asset/img/icons.png) no-repeat 0 -1288px; }

/*
 * Person has acknowledged event AND received it via email
 */
.eventperson-acknowledged-email {
  padding-left: 23px;
  background: rgba(0, 0, 0, 0) url(../../core/asset/img/icons.png) no-repeat 0 -1402px; }

/*
 * Person has NOT acknowledged event AND received it via email
 */
.eventperson-unacknowledged-email {
  padding-left: 23px;
  background: rgba(0, 0, 0, 0) url(../../core/asset/img/icons.png) no-repeat 0 -1368px; }

/*
 * ---------------------------
 * Detail view
 * ---------------------------
 */
table.eventDetailView {
  width: 100%; }
  table.eventDetailView span.reminderLabel {
    font-weight: bold; }
  table.eventDetailView td {
    text-align: left;
    padding: 7px 0 7px 0; }
    table.eventDetailView td a {
      text-decoration: underline; }
    table.eventDetailView td.label {
      font-weight: bold;
      width: 120px;
      padding-left: 2px; }
      table.eventDetailView td.description ol,
      table.eventDetailView td.description ul {
        list-style-position: inside; }
      table.eventDetailView td.description ul {
        list-style-type: disc; }
        table.eventDetailView td.description ul li {
          padding: 0 0 0 6px; }

table.eventDetailView tr.odd,
table.eventDetailView tr.even {
  border-bottom: 1px solid #dddddd; }

button.editEvent .icon {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 4px -27px;
  width: 22px; }

/*
 * ----------------------
 * Edit view
 * ----------------------
 */
#formElement-event-field-date-start {
  clear: both; }

#event-field-date-start.dayEvent,
#event-field-date-end.dayEvent {
  width: 65px; }

/*
 * -------------------------------------------------
 * Mailing popup shown after delete / drag&drop
 * -------------------------------------------------
 */
div.mailing fieldset.autoemail {
  padding: 10px 15px 15px; }
  div.mailing fieldset.autoemail legend {
    display: block; }

    #calendar-view .headerLine .innerTitle {
      display: inline-block;
      max-width: 50%;
      padding-left: 10px;
      padding-right: 10px;
      overflow: hidden;
      text-overflow: ellipsis; }

#panelwidget-projectlist li {
  border-left-width: 4px;
  border-left-style: solid; }

#panelwidget-projectlist li a {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 4px -449px; }

/*
 * -----------------------------------
 * Project selector
 * -----------------------------------
 */
  #panelwidget-projectselector h5 {
    margin-bottom: 2px; }
  #panelwidget-projectselector li {
    border-left: 5px solid white;
    padding-left: 2px; }
    #panelwidget-projectselector li a {
      width: 250px; }
    #panelwidget-projectselector li.group a {
      background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 2px -210px; }
    #panelwidget-projectselector li.project a {
      background: url(../../ext/project/asset/img/icons.png) no-repeat 2px -354px; }
    #panelwidget-projectselector li.virtualgroup a {
      background: url(../../ext/project/asset/img/panelwidget-projectselector.png) no-repeat 2px 0; }
  #panelwidget-projectselector .selection li a span.deletegroup {
    margin-right: 58px !important; }

#panelwidget-projectselector li {
  border-left: 3px solid white; }
  #panelwidget-projectselector li.hot a {
    font-weight: bold; }
    #panelwidget-projectselector li.statusPlanning {
      border-left: 3px solid #7f007f; }
    #panelwidget-projectselector li.statusOpen {
      border-left: 3px solid red; }
    #panelwidget-projectselector li.statusProgress {
      border-left: 3px solid #ffac00; }
    #panelwidget-projectselector li.statusConfirm {
      border-left: 3px solid #fffc00; }
    #panelwidget-projectselector li.statusDone {
      border-left: 3px solid #77dc00; }
    #panelwidget-projectselector li.statusAccepted {
      border-left: 3px solid green; }
    #panelwidget-projectselector li.statusRejected {
      border-left: 3px solid #a60000; }
    #panelwidget-projectselector li.statusCleared {
      border-left: 3px solid #dbdbdb; }
    #panelwidget-projectselector li.statusWarranty {
      border-left: 3px solid #6085dd; }
    #panelwidget-projectselector li.statusWaiting {
      border-left: 3px solid pink; }

#panelwidget-projectselector-selection {
  display: inline-block;
  margin-top: 3px;
  padding: 5px;
  width: 95%; }
    #panelwidget-projectselector-selection li a {
      width: 1000px; }
    #panelwidget-projectselector-selection li a span {
      background-image: url(../../core/asset/img/icons.png);
      background-repeat: no-repeat;
      display: inline-block;
      position: absolute;
      float: right;
      height: 16px;
      margin-right: 40px;
      width: 16px; }
      #panelwidget-projectselector-selection li a span.add {
        background-position: 2px -28px; }
      #panelwidget-projectselector-selection li a span.deletegroup {
        background-image: url(../../ext/project/asset/img/panelwidget-projectselector.png);
        background-position: 2px -32px;
        margin-right: 2px !important; }
      #panelwidget-projectselector-selection li a span.remove {
        background-position: 2px -358px;
        position: absolute;
        right: -30px; }
    #panelwidget-projectselector-selection li.disabled {
      opacity: 0.5; }
      #panelwidget-projectselector-selection li.disabled:hover {
        opacity: 1; }
      #panelwidget-projectselector-selection li .virtualgroup a span.add {
        background-position: 2px -28px; }
      #panelwidget-projectselector-selection li .virtualgroup a span.remove {
        margin-right: -34px; }

  #panelwidget-filterpresetlist button.manageFilters .icon {
    background: url(../../ext/search/asset/img/icons.png) no-repeat 3px -476px;
    width: 28px; }
  #panelwidget-filterpresetlist h2 {
    font-size: 11px;
    padding: 8px 0 2px 0; }
    #panelwidget-filterpresetlist select option {
      cursor: pointer; }
      #panelwidget-filterpresetlist select option .separator {
        margin-top: -1px;
        cursor: default;
        background: #d6d9db url(../../ext/portal/asset/img/panelwidget-filterpresetlist.png) repeat-x 5px 0 !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
        text-transform: uppercase; }

/*
 * -----------------
 * Calendar widget
 * -----------------
 */
#panelwidget-calendar {
  border: none;
  z-index: 100; }

#scalupdate {
  display: none; }

#panelwidget-event-content {
  padding: 6px 0 6px 5px; }

#panelwidget-calendar-content .calheader,
#panelwidget-calendar-content .calcontrol {
  font-weight: normal !important;
  text-transform: uppercase; }

/*
 * --------------------------
 * jscalendar adaptions
 * --------------------------
 */
  #panelwidget-calendar-jscalendar tfoot {
    display: none; }
  #panelwidget-calendar-jscalendar div.calendar {
    box-shadow: none; }
    #panelwidget-calendar-jscalendar div.calendar tr.headrow td.button.hilite {
      cursor: pointer;
            /*
       * background:#316ac5;
       */ }
    #panelwidget-calendar-jscalendar .calendar thead .day.name {
      padding: 2px;
      cursor: default; }
    #panelwidget-calendar-jscalendar .calendar .day {
      border-bottom: 1px solid #dddddd;
      border-right: 1px solid #dddddd;
      text-align: center;
      padding: 4px 7px;
      cursor: pointer; }
    #panelwidget-calendar-jscalendar .calendar .wn {
      cursor: default; }

#panelwidget-calendar-jscalendar td.hillite,
#panelwidget-calendar-jscalendar div.calendar tr td.day.hilite,
#panelwidget-calendar-jscalendar div.calendar tr td.button.hilite div {
    /*
   * background:#316ac5;
   */
    /*
   * color:$white;
   */
  text-shadow: none;
  cursor: pointer; }

#panelwidget-calendar-jscalendar div.calendar,
#panelwidget-calendar-jscalendar div.calendar table {
  background-image: none;
  background-color: white; }

#todoyutimetrackingheadlettracking {
    /*
   * ----------------------------------------------
   * Active tracking
   * ----------------------------------------------
   */
    /*
   * ----------------------------------------------
   * Inactive tracking
   * ----------------------------------------------
   */ }
  #todoyutimetrackingheadlettracking a.button {
    background: url(../../ext/timetracking/asset/img/icons.png) no-repeat 1px -235px; }
    #todoyutimetrackingheadlettracking a.button.tracking {
      background-position: 1px -55px; }
  #todoyutimetrackingheadlettracking .content {
    margin-left: -380px;
    width: 575px;
    padding: 2px;
    padding-top: 3px; }
    #todoyutimetrackingheadlettracking .tracking > div {
      display: inline-block;
      vertical-align: top; }
    #todoyutimetrackingheadlettracking .tracking .taskDetails {
      width: 270px;
      overflow: hidden;
      border-right: 1px solid #dddddd;
      margin-left: 3px; }
      #todoyutimetrackingheadlettracking .tracking .taskDetails a {
        display: inline-block !important;
        width: 100%;
        padding: 0;
        height: 15px;
        overflow: hidden;
        text-overflow: ellipsis; }
        #todoyutimetrackingheadlettracking .tracking .taskDetails a:hover {
          background-color: #eeeeee; }
    #todoyutimetrackingheadlettracking .tracking .taskTime {
      width: 260px;
      margin-left: 5px; }
      #todoyutimetrackingheadlettracking .tracking .taskTime > div {
        display: inline-block;
        height: 15px; }
      #todoyutimetrackingheadlettracking .tracking .taskTime .currentTracking {
        font-weight: bold; }
      #todoyutimetrackingheadlettracking .tracking .taskTime .estimatedWorkload {
        float: left;
        margin-left: 5px; }
      #todoyutimetrackingheadlettracking .tracking .taskTime .tracking {
        height: 15px; }
        #todoyutimetrackingheadlettracking .tracking .taskTime .percent .number {
          float: left;
          margin-right: 5px; }
        #todoyutimetrackingheadlettracking .tracking .taskTime .percent .bar {
          width: 100px;
          height: 12px;
          display: block;
          float: left;
          border: 1px solid #dddddd;
          background-color: #e3eace; }
          #todoyutimetrackingheadlettracking .tracking .taskTime .percent .bar .progress {
            background-color: #c8ddbe;
            display: inline-block;
            height: 100%; }
    #todoyutimetrackingheadlettracking .tracking .stop {
      position: absolute;
      top: 10px;
      right: 4px; }
      #todoyutimetrackingheadlettracking .tracking .stop .icon {
        background-position: 5px 1px; }
  #todoyutimetrackingheadlettracking .inactive {
    padding: 2px; }
    #todoyutimetrackingheadlettracking .inactive > li {
      border-left-width: 4px;
      border-left-style: solid;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: #dddddd;
      display: block;
      padding: 5px;
      background-color: white;
      position: relative;
      height: 15px; }
      #todoyutimetrackingheadlettracking .inactive > li > div {
        display: inline-block;
        height: 18px; }
      #todoyutimetrackingheadlettracking .inactive > li .title {
        cursor: pointer;
        width: 520px; }
        #todoyutimetrackingheadlettracking .inactive > li .title > div {
          display: inline-block;
          height: 18px;
          vertical-align: top; }
        #todoyutimetrackingheadlettracking .inactive > li .title .taskNumber {
          width: 60px; }
        #todoyutimetrackingheadlettracking .inactive > li .title .taskTitle {
          width: 400px; }
          #todoyutimetrackingheadlettracking .inactive > li .title .taskTitle .project,
          #todoyutimetrackingheadlettracking .inactive > li .title .taskTitle .task {
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          #todoyutimetrackingheadlettracking .inactive > li .title .taskTitle .project {
            width: 43%; }
          #todoyutimetrackingheadlettracking .inactive > li .title .taskTitle .task {
            width: 54%;
            font-weight: bold;
            margin-left: 5px; }
        #todoyutimetrackingheadlettracking .inactive > li .title .taskTime {
          width: 50px; }
      #todoyutimetrackingheadlettracking .inactive > li .trackingButton {
        position: absolute;
        right: 4px;
        width: 32px; }
        #todoyutimetrackingheadlettracking .inactive > li .trackingButton button {
          width: 32px;
          margin-top: -5px; }
          #todoyutimetrackingheadlettracking .inactive > li .trackingButton button .label {
            display: none; }

/*
 * ------------------------
 * Panelwidget icon
 * -----------------------
 */
#panelwidget-daytracks ul li {
  min-height: 32px; }

* html #panelwidget-daytracks  ul li {
  height: 32px; }

/*
 * ---------------------------------------------
 * Panelwidget status - border colors global
 * ---------------------------------------------
 */
#panelwidget-daytracks ul li span.taskItem {
  display: block;
  border-left-width: 4px;
  border-left-style: solid; }

#panelwidget-daytracks ul li.deleted span.taskItem * {
  color: #999999; }

#panelwidget-daytracks ul li a.info {
  display: block;
  padding: 5px 25px 5px 9px;
    /*
   * icon space
   */ }

#panelwidget-daytracks ul li .info .time {
  letter-spacing: 1px;
  margin-right: 3px;
  padding-bottom: 3px; }

#panelwidget-daytracks ul li .info .tasknumber {
  width: 50px;
  clear: none; }

#panelwidget-daytracks ul li .info .company-project {
  display: inline-block;
  overflow: hidden;
  width: 100%; }

#panelwidget-daytracks ul li .info .company-project span {
  color: #999999;
  width: 500px;
  display: inline-block; }

#panelwidget-daytracks ul li .info .task {
  display: block; }

#panelwidget-daytracks ul li.running .info .time,
#panelwidget-daytracks ul li.running .info .task,
#panelwidget-daytracks ul li.running .info .tasknumber {
  font-weight: bold; }

#panelwidget-daytracks ul li .info .customer-project {
  display: block; }

#panelwidget-daytracks ul li a.icon {
  display: block;
  float: right;
  clear: none;
  width: 22px !important;
  height: 22px;
  background: url(../../ext/timetracking/asset/img/icons.png) no-repeat 0 -26px; }

#panelwidget-daytracks ul li a.running {
  background-position: 0 4px !important; }

#panelwidget-daytracks .history,
#panelwidget-daytracks .timeexport {
  display: inline; }

#panelwidget-daytracks button.trackHistory .icon {
  background: url(../../ext/daytracks/asset/img/icons.png) no-repeat 5px -87px;
  width: 25px; }

#todoyusearchheadletquicksearch-button {
  background: url(../../ext/search/asset/img/icons.png) no-repeat 5px 5px; }

  #todoyusearchheadletquicksearch form {
    position: relative;
    padding: 5px 38px 5px 5px; }
  #todoyusearchheadletquicksearch .content {
    width: 200px; }

#headlets #todoyusearchheadletquicksearch-mode-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 26px;
  padding: 0;
  background: rgba(0, 0, 0, 0) url(../../ext/search/asset/img/icons.png) no-repeat 3px -536px; }

/*
 * -------------------
 * Modes sub menu
 * -------------------
 */
#todoyusearchheadletquicksearch-modes {
  margin-left: -3px;
  margin-top: 3px;
  top: 0;
  width: 198px; }
  #todoyusearchheadletquicksearch-modes ul {
    border: none !important;
    width: 198px; }
    #todoyusearchheadletquicksearch-modes li:hover {
      background-color: #edf1e0;
      border: none; }
    #todoyusearchheadletquicksearch-modes li.searchmodeAll a {
      background: url(../../ext/search/asset/img/icons.png) no-repeat 2px -27px; }

#todoyusearchheadletquicksearch-suggest {
  padding-bottom: 20px;
  position: absolute;
  text-align: left;
  width: 350px;
  z-index: 210; }
    #todoyusearchheadletquicksearch-suggest a span.title {
      display: block; }
    #todoyusearchheadletquicksearch-suggest a span.keyword {
      font-weight: bold; }
    #todoyusearchheadletquicksearch-suggest a span.info {
      color: #aaaaaa; }
  #todoyusearchheadletquicksearch-suggest ul {
    background-color: white;
    border-top: none;
    border: 1px solid #dddddd;
    border-bottom: none; }
    #todoyusearchheadletquicksearch-suggest ul ul {
      background-color: rgba(0, 0, 0, 0);
      border: none; }
    #todoyusearchheadletquicksearch-suggest ul li ul li a {
      border-bottom: 1px solid #cccccc;
      display: block;
      padding: 2px 2px 2px 10px; }
    #todoyusearchheadletquicksearch-suggest ul .type {
      background-color: #eeeeee;
      border-bottom: 1px solid #dddddd;
      display: block;
      font-weight: bold;
      letter-spacing: 1px;
      padding: 5px 3px 5px 10px;
      text-transform: uppercase; }
  #todoyusearchheadletquicksearch-suggest .quicksearch-suggest {
    box-shadow: 2px 2px 5px #999999; }

#todoyusearchheadletquicksearch-suggest ul li ul li.active a,
#todoyusearchheadletquicksearch-suggest ul li ul li a:hover {
  background-color: #ffffbb; }

  #panelwidget-searchfilterlist div.panelwidgetContent {
    margin-top: 0; }
    #panelwidget-searchfilterlist .listItem.separator {
      margin-top: -1px;
      background: #cccccc;
      border-bottom: 0px; }
      #panelwidget-searchfilterlist .listItem.separator .title {
        padding-left: 20px;
        text-transform: uppercase; }
    #panelwidget-searchfilterlist .listItem .title {
      display: inline-block;
      width: 50%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    #panelwidget-searchfilterlist .listItem .actions a {
      background: rgba(0, 0, 0, 0) url(../../core/asset/img/icons.png) no-repeat scroll !important; }
      #panelwidget-searchfilterlist .listItem .actions a.save {
        background-position: 5px -209px !important; }
      #panelwidget-searchfilterlist .listItem .actions a.delete {
        background-position: 4px -330px !important; }
      #panelwidget-searchfilterlist .listItem .actions a.visibility {
        background-position: 4px -1079px !important; }
      #panelwidget-searchfilterlist .listItem .actions a.rename {
        background-position: 5px -149px !important; }
      #panelwidget-searchfilterlist .listItem .actions a.invisible {
        opacity: 0.3; }
  #panelwidget-searchfilterlist button {
    margin-top: 10px; }
    #panelwidget-searchfilterlist button.addseparator .icon {
      background: rgba(0, 0, 0, 0) url(../../core/asset/img/icons.png) no-repeat 3px -27px; }

#panelwidget-searchfilterlistsearchFilterButton {
  padding: 5px; }

  #panelwidget-taskbookmarks div.bookmarks ul li {
    min-height: 32px;
    padding: 0;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 2px;
    z-index: 1; }
      #panelwidget-taskbookmarks div.bookmarks ul li.running .taskItem .title {
        font-weight: bold; }
      #panelwidget-taskbookmarks div.bookmarks ul li.running a {
        background-position: 0 8px !important; }
    #panelwidget-taskbookmarks div.bookmarks ul li a.timetracking {
      display: block;
      float: right;
      clear: none;
      width: 22px;
      height: 26px;
      position: relative;
      z-index: 101;
      background: url(../../ext/timetracking/asset/img/icons.png) no-repeat 0 -22px; }
  #panelwidget-taskbookmarks .taskItem {
    border-left-width: 4px;
    border-left-style: solid;
    padding: 5px 5px 5px 9px;
    margin: -2px 0 0 0;
    position: relative;
    z-index: 100;
    overflow: hidden;
    cursor: pointer; }
    #panelwidget-taskbookmarks .taskItem .title,
    #panelwidget-taskbookmarks .taskItem .project {
      display: inline-block;
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    #panelwidget-taskbookmarks .taskItem .project {
      color: #999999; }
  #panelwidget-taskbookmarks .container.taskItem {
    border-left-width: 8px;
    border-right-width: 4px;
    border-right-style: solid;
    padding-left: 5px;
    padding-right: 24px; }
  #panelwidget-taskbookmarks .handle {
    height: 100%;
    width: 5px;
    position: absolute;
    cursor: move;
    top: 0;
    left: 0;
    margin-left: -5px; }
  #panelwidget-taskbookmarks form {
    display: inline-block;
    width: 95%;
    padding: 1px 5px;
    margin-top: 3px;
    margin-bottom: 5px; }
    #panelwidget-taskbookmarks form .fField {
      width: 160px; }
    #panelwidget-taskbookmarks form .fLabel {
      width: 70px; }

/*
 * -----------------------------------------------------
 * Staff selector
 * -----------------------------------------------------
 */
  #panelwidget-staffselector h5 {
    margin-bottom: 2px; }
  #panelwidget-staffselector li {
    border-left: 5px solid white;
    padding-left: 2px; }
    #panelwidget-staffselector li a {
      width: 250px; }
      #panelwidget-staffselector li a span {
        background-image: url(../../core/asset/img/icons.png);
        background-repeat: no-repeat;
        display: inline-block;
        float: right;
        height: 16px;
        margin-right: 40px;
        width: 16px; }
        #panelwidget-staffselector li a span.deletegroup {
          background-image: url(../../ext/contact/asset/img/panelwidget-staffselector.png);
          background-position: 2px -32px; }
    #panelwidget-staffselector li.group a {
      background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 2px -210px; }
    #panelwidget-staffselector li.person a {
      background: url(../../ext/contact/asset/img/icons.png) no-repeat 2px 2px; }
    #panelwidget-staffselector li.virtualgroup a {
      background: url(../../ext/contact/asset/img/panelwidget-staffselector.png) no-repeat 2px 0; }
  #panelwidget-staffselector .selection li a span.deletegroup {
    margin-right: 10px !important; }

#panelwidget-staffselector-list li {
  border-left-color: white !important; }
  #panelwidget-staffselector-list li.hot a {
    font-weight: bold; }

#panelwidget-staffselector-selection {
  display: inline-block;
  margin-top: 3px;
  padding: 5px;
  width: 95%; }
      #panelwidget-staffselector-selection li a span.remove {
        background-position: 2px -358px; }
      #panelwidget-staffselector-selection li a span.deletegroup {
        margin-right: 2px !important; }
    #panelwidget-staffselector-selection li.disabled {
      opacity: 0.5; }
      #panelwidget-staffselector-selection li.disabled:hover {
        opacity: 1; }
      #panelwidget-staffselector-selection li .virtualgroup a span.add {
        background-position: 2px -28px; }
      #panelwidget-staffselector-selection li .virtualgroup a span.remove {
        margin-right: -34px; }

#panelwidget-stafflist-list li a {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 2px 2px; }

#todoyuprofileheadletprofile .button {
  background: url(../../ext/profile/asset/img/icons.png) no-repeat 0 -55px; }

      .project .projectDetailsTabs .slaProjectTab .icon {
        background: url(../../ext/sla/asset/img/projectheader.png) no-repeat -4px 0; }
        .project .projectDetailsContent .projectDetailsSla .openingHours table {
          display: inline; }
          .project .projectDetailsContent .projectDetailsSla .openingHours table.responseTime {
            margin-left: 30px; }

form.formRecord {
    /*
   * Comment text in sla
   */ }
      form.formRecord .priorityresponses fieldset.basic .fLabel {
        width: 150px; }
      form.formRecord .priorityresponses fieldset.basic .fField {
        width: 165px; }
        form.formRecord .priorityresponses fieldset.basic .fElement.tolerance select {
          width: 100px; }
    form.formRecord .priorityresponses fieldset.open {
      padding-top: 40px;
      width: 400px;
      margin-bottom: 30px; }
      form.formRecord .priorityresponses fieldset.open legend {
        display: block; }
      form.formRecord .priorityresponses fieldset.open .textAfterField {
        display: inline;
        position: relative;
        background: none;
        border-radius: 0;
        box-shadow: none;
        margin: 0 0 0 2px;
        padding: 0;
        z-index: auto; }
        form.formRecord .priorityresponses fieldset.open .fElement.dayTimeRow {
          width: 70px;
          float: left; }
          form.formRecord .priorityresponses fieldset.open .fElement.dayTimeRow .fLabel {
            display: none; }
          form.formRecord .priorityresponses fieldset.open .fElement.dayTimeRow .fField {
            width: 60px; }
        form.formRecord .priorityresponses fieldset.open .fElement.startDayRow {
          width: 150px; }
          form.formRecord .priorityresponses fieldset.open .fElement.startDayRow .fLabel {
            display: block;
            width: 80px; }
        form.formRecord .priorityresponses fieldset.open .fieldnameOpenheading .fLabel {
          width: 80px; }
        form.formRecord .priorityresponses fieldset.open .fieldnameOpenheading .fField {
          width: 280px; }
        form.formRecord .priorityresponses fieldset.open .fieldnameOpenheading .commenttext span {
          display: inline-block;
          font-weight: bold;
          width: 125px;
          text-align: center; }
      form.formRecord fieldset.comment .fieldnameCommenttext > .fField {
        width: 450px; }
      form.formRecord fieldset.actions .fElement.typeCheckbox .fLabel {
        float: right;
        width: 730px; }
      form.formRecord fieldset.actions .fElement.typeCheckbox .fField {
        float: left;
        width: 120px;
        text-align: right; }
    form.formRecord fieldset.actions .fElement.fieldnameActionupdatestatus {
      padding-top: 15px;
      clear: both; }

    .report.reportTypeSlafulfillment .results .result {
      float: left; }
    .report.reportTypeSlafulfillment .results .resultViewSummary {
      width: 280px; }
    .report.reportTypeSlafulfillment .results table.stats {
      width: 100%; }
      .report.reportTypeSlafulfillment .results table.stats td,
      .report.reportTypeSlafulfillment .results table.stats th {
        padding: 3px;
        padding-right: 10px;
        border-bottom: 1px solid #cccccc; }
      .report.reportTypeSlafulfillment .results table.stats .percentage,
      .report.reportTypeSlafulfillment .results table.stats .total {
        text-align: right; }
    .report.reportTypeSlafulfillment .results .resultViewFulfillmentpie {
      width: 570px;
      margin-left: 20px;
      clear: right; }
    .report.reportTypeSlafulfillment .results .resultViewFulfilled {
      clear: both; }
    .report.reportTypeSlafulfillment .results .levelInfo {
      clear: left;
      width: 150px;
      margin-right: 20px; }
    .report.reportTypeSlafulfillment .results .fulfillmentChart {
      clear: right;
      width: 700px; }
    .report.reportTypeSlafulfillment .results .taskListing {
      width: 880px; }
          .report.reportTypeSlafulfillment .results .taskListing .taskListingContainer .loadTasks .icon {
            background: url(../../ext/project/asset/img/icons.png) no-repeat 0 3px; }

/*
 * -----------------------------------------------------------
 * SLA attributes and information
 * -----------------------------------------------------------
 */

      .comment .involved .additionalContent .slaUseCaseInfo .detailToggle {
        text-decoration: underline;
        cursor: pointer; }
        .comment .involved .additionalContent .slaUseCaseInfo .useCaseLogDetails ul {
          padding: 5px;
          background: #eeeeee;
          border-radius: 5px; }
          .comment .involved .additionalContent .slaUseCaseInfo .useCaseLogDetails ul .label {
            font-weight: bold; }

    .taskTabs .formComment fieldset.sla {
      background-color: #fff7e8;
      border: 1px solid #eeeeee; }
        .taskTabs .formComment fieldset.sla .fieldnameExtslausecaseinfo .commenttext ul {
          list-style: square inside none;
          margin: 5px; }
      .taskTabs .formComment fieldset.sla .slaUseCaseActionInfo {
        list-style: square outside;
        margin-left: 15px; }

  .task input.readonly {
    color: #bbbbbb;
    cursor: no-drop;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-focus: none;
    -moz-user-focus: none;
    -ms-user-focus: none; }
      .task .useCaseLogList .excluded td,
      .task .useCaseLogList .excluded a {
        color: #999999; }
      .task .useCaseLogList .excluded .color {
        opacity: 0.1; }
    .task .useCaseLogList .color {
      width: 0px; }
    .task .useCaseLogList .datetime {
      width: 85px; }
    .task .useCaseLogList .comment {
      width: 65px; }
    .task .useCaseLogList .user {
      width: 110px; }
    .task .useCaseLogList .status {
      width: 130px; }
    .task .useCaseLogList .timeUsed {
      width: 85px;
      text-align: right; }
    .task .useCaseLogList .baseTime {
      width: 85px;
      text-align: right; }
    .task .useCaseLogList .exclude {
      width: 5px; }
      .task .useCaseLogList .exclude .icon {
        cursor: pointer;
        height: 18px;
        background: url(../../core/asset/img/icons.png) no-repeat 0 -1920px; }
    .task .useCaseLogList .excluded .exclude .icon {
      opacity: 0.4; }
  .task .taskTabs .item.sla .icon {
    background-image: url(../../ext/sla/asset/img/icons.png);
    background-position: 2px 5px; }
    .task tbody .user,
    .task tbody .percentage {
      border-right-style: solid;
      border-right-width: 5px; }
    .task .fulfillmentLevel_1 .color {
      background-color: green; }
    .task .fulfillmentLevel_1 .user,
    .task .fulfillmentLevel_1 .percentage {
      border-color: green; }
    .task .fulfillmentLevel_2 .color {
      background-color: #ff8000; }
    .task .fulfillmentLevel_2 .user,
    .task .fulfillmentLevel_2 .percentage {
      border-color: #ff8000; }
    .task .fulfillmentLevel_3 .color {
      background-color: red; }
    .task .fulfillmentLevel_3 .user,
    .task .fulfillmentLevel_3 .percentage {
      border-color: red; }

#panelwidget-hostingsearch li {
  border-left-width: 4px;
  border-left-style: solid; }

#panelwidget-hostingsearch li a {
  background: url(../../ext/hosting/asset/img/icons.png) no-repeat 4px -449px; }

#panelwidget-hostingsearch fieldset {
  padding-top: 5px; }

#panelwidget-hostingsearch label {
  float: left;
  padding: 2px 5px 2px 0; }

#panelwidget-hostingsearch-sword {
  width: 170px;
  float: left; }

#panelwidget-hostingsearch .searchIcon,
#panelwidget-hostingsearch .clearIcon {
  background: url(../../core/asset/img/icons.png) no-repeat;
  margin-left: 5px;
  cursor: pointer; }

#panelwidget-hostingsearch a.searchIcon {
  background-position: 2px -447px; }

#panelwidget-hostingsearch a.clearIcon {
  background-position: 2px -358px; }

#panelwidget-hostingsearch div.button {
  margin-top: 5px; }

#panelwidget-newhosting button .icon {
  background: url(../../core/asset/img/icons.png) 4px -208px no-repeat;
  width: 22px; }

#panelwidget-newhosting-select {
  margin-bottom: 10px; }

#hosting-views li.packageproduct {
  margin-left: 20px; }

#hosting-views li.last {
  border-bottom: none !important; }

#hosting-views li#hosting-view-history {
  border-top: 1px solid #dddddd; }

#panelwidget-hosting button.back {
  background: url(../../ext/hosting/asset/img/panelwidget-hosting.png) no-repeat 6px -58px;
  width: 155px; }

span.icon.addproduct {
  width: 10px;
  background: url(../../core/asset/img/icons.png) no-repeat 0px -1725px; }

#panelwidget-newproduct button .icon {
  background: url(../../core/asset/img/icons.png) 4px -208px no-repeat;
  width: 22px; }

#panelwidget-newproduct-select {
  margin-bottom: 10px; }

#panelwidget-billing-content {
  padding: 5px; }

#panelwidget-billing button {
  background: url(../../ext/hosting/asset/img/icons.png) no-repeat 4px -187px; }

#popup-hosting-billing button.start .icon {
  background: url(../../ext/hosting/asset/img/icons.png) no-repeat 2px -188px; }

#popup-hosting-billing .hostings {
  background-color: white;
  max-height: 1000px;
  min-height: 500px;
  overflow: auto; }

#popup-hosting-billing .hosting {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid black; }

#popup-hosting-billing .hosting .label {
  background-color: #f8f8f8;
  border-bottom: 1px solid #cccccc;
  font-size: 12px;
  font-weight: bold;
  padding: 5px; }

#popup-hosting-billing .hosting .project {
  background-color: #f8f8f8;
  border-bottom: 1px solid #cccccc;
  margin-left: 10px;
  padding: 3px;
  font-weight: bold; }

#popup-hosting-billing .hosting .project .price {
  display: inline-block; }

#popup-hosting-billing .hosting .tasks {
  margin-left: 20px;
  max-height: 200px;
  overflow: auto; }

#popup-hosting-billing .hosting .task {
  width: 98%;
  display: inline-block;
  text-decoration: none;
  background-color: #fafafa;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 1px;
  padding: 3px; }

#popup-hosting-billing .hosting .task div {
  display: inline-block; }

#popup-hosting-billing .hosting .task .number {
  width: 60px;
  margin-right: 5px; }


#popup-hosting-billing .hosting .task .dates {
  float: right;
  width: 130px; }

#popup-hosting-billing .hosting .task .price {
  width: 80px;
  float: right;
  text-align: right; }

/*
 * -------------------------
 * Display options
 * -------------------------
 */
#form-history {
  background-color: #f8f8f8;
  border-radius: 5px;
  border: 1px solid #cccccc;
  margin-bottom: 10px;
  padding: 5px; }

#form-history span {
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding: 3px;
  min-width: 90px;
  display: inline-block; }

#form-history .all span {
  min-width: 60px; }

#form-history span.active {
  background-color: #ffe683; }

#form-history td {
  padding: 5px; }

#form-history .label {
  width: 90px;
  font-weight: bold; }

#form-history .option {
  width: 110px; }

#form-history .option.all {
  width: 60px; }

#form-history .option input {
  width: auto; }

#form-history .option label {
  cursor: pointer;
  padding-left: 3px;
  padding-right: 3px; }

/*
 * -------------------------
 * Log entry listing
 * -------------------------
 */
#hosting-listing .date {
  padding-left: 3px;
  cursor: help; }

#hosting-listing .price {
  text-align: right;
  padding-right: 10px; }

#hosting-listing .element a {
  text-decoration: underline; }

#hosting-listing a.icon.diff {
  background: url(../../ext/hosting/asset/img/icons.png) no-repeat 0 -250px; }

/*
 * -------------------------
 * Diff popup
 * -------------------------
 */
.diffDetails {
  padding: 5px; }

.diffDetails h1 {
  font-size: 14px;
  font-weight: bold; }

.diffDetails p.info {
  margin: 5px;
  background-color: white;
  padding: 5px; }

.diffDetails td,
.diffDetails td * {
  color: #aaaaaa; }

.diffDetails tr.change td {
  background-color: #ffffbb;
  color: black; }

.diffDetails .buttons {
  margin-top: 20px;
  text-align: right; }

div.task .details .data dt.hostingitem,
div.task .details .data dd.hostingitem {
  margin-top: 8px; }

/*
 * --------------------------
 * Project context menu
 * --------------------------
 */
#contextmenu .projectContextMenu.showInHosting {
  background-image: url(../../ext/hosting/asset/img/contextmenu.png);
  background-position: 3px 2px; }

#panelwidget-contactexport p.instructiontext {
  padding: 10px 0; }

.panelWidgetStatusFilter .content {
  margin: 0 0 4px 0; }

.panelWidgetStatusFilter select option {
  background-image: url(../../ext/project/asset/img/status.png);
  cursor: pointer;
  height: 16px !important;
  padding-left: 26px !important;
  padding-top: 4px !important; }

/*
 * -------------------
 * Status icons
 * ------------------
 */
.panelWidgetStatusFilter option.statusPlanning {
  background-position: 2px -1px; }

.panelWidgetStatusFilter option.statusOpen {
  background-position: 2px -31px; }

.panelWidgetStatusFilter option.statusProgress {
  background-position: 2px -60px; }

.panelWidgetStatusFilter option.statusConfirm {
  background-position: 2px -90px; }

.panelWidgetStatusFilter option.statusDone {
  background-position: 2px -120px; }

.panelWidgetStatusFilter option.statusAccepted {
  background-position: 2px -267px; }

.panelWidgetStatusFilter option.statusRejected {
  background-position: 2px -148px; }

.panelWidgetStatusFilter option.statusCleared {
  background-position: 2px -210px; }

.panelWidgetStatusFilter option.statusWarranty {
  background-position: 2px -238px; }

.panelWidgetStatusFilter option.statusCustomer {
  background-position: 2px -2px; }

.panelWidgetStatusFilter option.statusWaiting {
  background-position: 6px -295px; }

/*
 * -------------------
 * Status icons
 * ------------------
 */
#panelwidget-taskstatusfilter-list option {
  background-image: url(../../ext/project/asset/img/taskstatus.png);
  height: 16px; }

#panelwidget-taskstatusfilter-list option.statusPlanning {
  background-position: 4px 0; }

#panelwidget-taskstatusfilter-list option.statusOpen {
  background-position: 4px -29px; }

#panelwidget-taskstatusfilter-list option.statusProgress {
  background-position: 4px -60px; }

#panelwidget-taskstatusfilter-list option.statusConfirm {
  background-position: 4px -90px; }

#panelwidget-taskstatusfilter-list option.statusDone {
  background-position: 4px -117px; }

#panelwidget-taskstatusfilter-list option.statusAccepted {
  background-position: 4px -117px; }

#panelwidget-taskstatusfilter-list option.statusRejected {
  background-position: 4px -147px; }

#panelwidget-taskstatusfilter-list option.statusCleared {
  background-position: 4px -176px; }

#panelwidget-taskstatusfilter-list option.statusWarranty {
  background-position: 4px -233px; }

#panelwidget-taskstatusfilter-list option.statusAccepted {
  background-position: 4px -267px; }

/*
 * -------------------
 * Status icons
 * ------------------
 */
#panelwidget-projectstatusfilter-list option {
  background-image: url(../../ext/project/asset/img/projectstatus.png);
  height: 18px;
  padding-left: 26px !important; }

#panelwidget-projectstatusfilter-list option.statusPlanning {
  background-position: 4px 3px; }

#panelwidget-projectstatusfilter-list option.statusOpen {
  background-position: 4px -27px; }

#panelwidget-projectstatusfilter-list option.statusProgress {
  background-position: 4px -57px; }

#panelwidget-projectstatusfilter-list option.statusConfirm {
  background-position: 4px -87px; }

#panelwidget-projectstatusfilter-list option.statusDone {
  background-position: 4px -113px; }

#panelwidget-projectstatusfilter-list option.statusAccepted {
  background-position: 4px -117px; }

#panelwidget-projectstatusfilter-list option.statusRejected {
  background-position: 4px -147px; }

#panelwidget-projectstatusfilter-list option.statusCleared {
  background-position: 4px -174px; }

#panelwidget-projectstatusfilter-list option.statusWarranty {
  background-position: 4px -233px; }

#panelwidget-projectstatusfilter-list option.statusAccepted {
  background-position: 4px -267px; }

/*
 * ------------------------------------------------------------
 * Check library dependencies panel widget
 * ------------------------------------------------------------
 */
div #panelwidget-loginnews h1 span.title {
  background: url(../../ext/loginpage/asset/img/panelwidget-loginnews.png) no-repeat 4px -28px;
  margin: 0;
  padding: 0 0 12px 24px; }

#panelwidget-loginnews #news-local {
  background-color: #eeeeee;
  min-height: 200px; }

#panelwidget-loginnews #loginnews-iframe {
  width: 256px;
  border: 0;
  overflow: hidden; }

#panelwidget-loginnews #news-live {
  margin: 0;
  padding: 10px 5px;
  background: #eeeeee; }

#panelwidget-loginnews #news-live p {
  margin: 0;
  padding: 0; }

#panelwidget-loginnews #news-live a {
  text-decoration: none;
  color: #24a5c3; }

#panelwidget-loginnews #news-live a strong {
  color: #24a5c3; }

#panelwidget-loginnews #news-live a:hover {
  color: #444444; }

#todoyuloginpageheadletlogout .button {
  background: url(../../ext/loginpage/asset/img/icons.png) no-repeat 5px 5px; }

#panelwidget-profilemodules li.general a {
  background: url(../../ext/profile/asset/img/icons.png) no-repeat 1px 1px; }

#panelwidget-eventtypeselector-list option {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll;
  padding: 3px 0 3px 20px; }
  #panelwidget-eventtypeselector-list option .eventtype_general {
    background-position: 1px -658px; }
  #panelwidget-eventtypeselector-list option.eventtype_away {
    background-position: 1px -688px; }
  #panelwidget-eventtypeselector-list option.eventtype_awayofficial {
    background-position: 1px -779px; }
  #panelwidget-eventtypeselector-list option.eventtype_birthday {
    background-position: 1px -628px; }
  #panelwidget-eventtypeselector-list option.eventtype_vacation {
    background-position: 1px -387px; }
  #panelwidget-eventtypeselector-list option.eventtype_education {
    background-position: 1px -718px; }
  #panelwidget-eventtypeselector-list option.eventtype_meeting {
    background-position: 1px -748px; }
  #panelwidget-eventtypeselector-list option.eventtype_homeoffice {
    background-position: 1px -808px; }
  #panelwidget-eventtypeselector-list option.eventtype_compensation {
    background-position: 1px -898px; }
  #panelwidget-eventtypeselector-list option.eventtype_milestone {
    background-position: 1px -928px; }
  #panelwidget-eventtypeselector-list option.eventtype_reminder {
    background-position: 0 -959px; }

#panelwidget-holidaysetselector-list option {
  padding: 2px 0 2px 20px; }

#formElement-event-field-seriesinfo {
  background-color: #ffffbb;
  margin-bottom: 20px;
  box-shadow: 2px 2px 7px #999999;
  padding: 10px; }
  #formElement-event-field-seriesinfo .fField span {
    font-size: 12px; }

#formElement-event-field-seriesoverbooking-inputbox,
#formElement-event-field-serieslabel-inputbox {
  width: 470px; }

#formElement-event-field-seriesoverbooking-inputbox {
  line-height: 150%; }

/*
 * ---------------
 * Quick create
 * ---------------
 */
#quickcreate #formElement-event-field-seriesoverbooking-inputbox,
#quickcreate #formElement-event-field-serieslabel-inputbox {
  width: 410px; }

  .ck.ck-content {
    padding-top: var(--ck-spacing-large); }
    .ck.ck-content * {
      font-size: 12px;
      word-wrap: break-word; }
    .ck.ck-content h2,
    .ck.ck-content h3,
    .ck.ck-content h4 {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
      font-weight: 500;
      background-color: initial;
      text-effect: none;
      text-transform: none;
      padding: 0.5rem 0;
      margin-top: var(--ck-spacing-medium);
      margin-bottom: var(--ck-spacing-medium);
      height: initial;
      white-space: initial; }
      .ck.ck-content h2 strong,
      .ck.ck-content h3 strong,
      .ck.ck-content h4 strong {
        font-weight: 700; }
    .ck.ck-content h2 {
      font-size: 1.5rem; }
      .ck.ck-content h2 * {
        font-size: 1.5rem; }
    .ck.ck-content h3 {
      font-size: 1.3rem; }
      .ck.ck-content h3 * {
        font-size: 1.3rem; }
    .ck.ck-content h4 {
      font-size: 1.1rem;
      border-bottom: none; }
      .ck.ck-content h4 * {
        font-size: 1.1rem; }
    .ck.ck-content a {
      color: #0065a6; }
      .ck.ck-content a * {
        color: #0065a6; }
      .ck.ck-content a:hover {
        color: #24a5c3;
        background-color: initial; }
    .ck.ck-content ul,
    .ck.ck-content ol {
      margin-bottom: var(--ck-spacing-large);
      padding-left: 1.2rem; }
      .ck.ck-content ul li,
      .ck.ck-content ol li {
        padding-bottom: 0.5rem; }
        .ck.ck-content ul li:first-of-type,
        .ck.ck-content ol li:first-of-type {
          padding-top: 0.5rem; }
        .ck.ck-content ul li:last-of-type,
        .ck.ck-content ol li:last-of-type {
          padding-bottom: 0; }
        .ck.ck-content ul li ol,
        .ck.ck-content ol li ol,
        .ck.ck-content ul li > ul,
        .ck.ck-content ol li > ul {
          margin-bottom: 0; }
      .ck.ck-content .todo-list .todo-list__label {
        line-height: 16px; }
        .ck.ck-content .todo-list .todo-list__label .todo-list__label__description {
          line-height: 16px; }
        .ck.ck-content .todo-list .todo-list__label > input {
          left: -20px; }
    .ck.ck-content pre {
      font-family: ui-monospace, SFMono-Regular, Consolas, Menlo, Monaco, "Courier New", monospace; }
      .ck.ck-content pre code {
        font-family: ui-monospace, SFMono-Regular, Consolas, Menlo, Monaco, "Courier New", monospace; }

/*
 * *
 * Overwrite ckeditor styles
 */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input {
  left: -20px; }

.ck-content .todo-list .todo-list__label > input[checked]::before {
  background: green;
  border-color: green; }

  .report.reportTypePerformanceperiodical table.subtable,
  .report.reportTypePerformancefixed table.subtable,
  .project .projectperformance table.subtable {
    margin-top: 30px; }
  .report.reportTypePerformanceperiodical td,
  .report.reportTypePerformanceperiodical th,
  .report.reportTypePerformancefixed td,
  .report.reportTypePerformancefixed th,
  .project .projectperformance td,
  .project .projectperformance th {
    border-top: 1px solid #dddddd; }
      .report.reportTypePerformanceperiodical tr.fixedPrice td,
      .report.reportTypePerformancefixed tr.fixedPrice td,
      .project .projectperformance tr.fixedPrice td,
      .report.reportTypePerformanceperiodical tr.salesVolume td,
      .report.reportTypePerformancefixed tr.salesVolume td,
      .project .projectperformance tr.salesVolume td,
      .report.reportTypePerformanceperiodical tr.expectedProjectReturn td,
      .report.reportTypePerformancefixed tr.expectedProjectReturn td,
      .project .projectperformance tr.expectedProjectReturn td,
      .report.reportTypePerformanceperiodical tr.totalForecast td,
      .report.reportTypePerformancefixed tr.totalForecast td,
      .project .projectperformance tr.totalForecast td,
      .report.reportTypePerformanceperiodical tr.totalBilled td,
      .report.reportTypePerformancefixed tr.totalBilled td,
      .project .projectperformance tr.totalBilled td {
        border-bottom: 1px solid black;
        border-top: 1px solid black; }
        .report.reportTypePerformanceperiodical tr.fixedPrice td.name,
        .report.reportTypePerformancefixed tr.fixedPrice td.name,
        .project .projectperformance tr.fixedPrice td.name,
        .report.reportTypePerformanceperiodical tr.salesVolume td.name,
        .report.reportTypePerformancefixed tr.salesVolume td.name,
        .project .projectperformance tr.salesVolume td.name,
        .report.reportTypePerformanceperiodical tr.expectedProjectReturn td.name,
        .report.reportTypePerformancefixed tr.expectedProjectReturn td.name,
        .project .projectperformance tr.expectedProjectReturn td.name,
        .report.reportTypePerformanceperiodical tr.totalForecast td.name,
        .report.reportTypePerformancefixed tr.totalForecast td.name,
        .project .projectperformance tr.totalForecast td.name,
        .report.reportTypePerformanceperiodical tr.totalBilled td.name,
        .report.reportTypePerformancefixed tr.totalBilled td.name,
        .project .projectperformance tr.totalBilled td.name,
        .report.reportTypePerformanceperiodical tr.fixedPrice td.price,
        .report.reportTypePerformancefixed tr.fixedPrice td.price,
        .project .projectperformance tr.fixedPrice td.price,
        .report.reportTypePerformanceperiodical tr.salesVolume td.price,
        .report.reportTypePerformancefixed tr.salesVolume td.price,
        .project .projectperformance tr.salesVolume td.price,
        .report.reportTypePerformanceperiodical tr.expectedProjectReturn td.price,
        .report.reportTypePerformancefixed tr.expectedProjectReturn td.price,
        .project .projectperformance tr.expectedProjectReturn td.price,
        .report.reportTypePerformanceperiodical tr.totalForecast td.price,
        .report.reportTypePerformancefixed tr.totalForecast td.price,
        .project .projectperformance tr.totalForecast td.price,
        .report.reportTypePerformanceperiodical tr.totalBilled td.price,
        .report.reportTypePerformancefixed tr.totalBilled td.price,
        .project .projectperformance tr.totalBilled td.price,
        .report.reportTypePerformanceperiodical tr.fixedPrice td.revenue,
        .report.reportTypePerformancefixed tr.fixedPrice td.revenue,
        .project .projectperformance tr.fixedPrice td.revenue,
        .report.reportTypePerformanceperiodical tr.salesVolume td.revenue,
        .report.reportTypePerformancefixed tr.salesVolume td.revenue,
        .project .projectperformance tr.salesVolume td.revenue,
        .report.reportTypePerformanceperiodical tr.expectedProjectReturn td.revenue,
        .report.reportTypePerformancefixed tr.expectedProjectReturn td.revenue,
        .project .projectperformance tr.expectedProjectReturn td.revenue,
        .report.reportTypePerformanceperiodical tr.totalForecast td.revenue,
        .report.reportTypePerformancefixed tr.totalForecast td.revenue,
        .project .projectperformance tr.totalForecast td.revenue,
        .report.reportTypePerformanceperiodical tr.totalBilled td.revenue,
        .report.reportTypePerformancefixed tr.totalBilled td.revenue,
        .project .projectperformance tr.totalBilled td.revenue,
        .report.reportTypePerformanceperiodical tr.fixedPrice td.hours,
        .report.reportTypePerformancefixed tr.fixedPrice td.hours,
        .project .projectperformance tr.fixedPrice td.hours,
        .report.reportTypePerformanceperiodical tr.salesVolume td.hours,
        .report.reportTypePerformancefixed tr.salesVolume td.hours,
        .project .projectperformance tr.salesVolume td.hours,
        .report.reportTypePerformanceperiodical tr.expectedProjectReturn td.hours,
        .report.reportTypePerformancefixed tr.expectedProjectReturn td.hours,
        .project .projectperformance tr.expectedProjectReturn td.hours,
        .report.reportTypePerformanceperiodical tr.totalForecast td.hours,
        .report.reportTypePerformancefixed tr.totalForecast td.hours,
        .project .projectperformance tr.totalForecast td.hours,
        .report.reportTypePerformanceperiodical tr.totalBilled td.hours,
        .report.reportTypePerformancefixed tr.totalBilled td.hours,
        .project .projectperformance tr.totalBilled td.hours {
          font-weight: bold; }
      .report.reportTypePerformanceperiodical tr.total td.price,
      .report.reportTypePerformancefixed tr.total td.price,
      .project .projectperformance tr.total td.price {
        font-weight: bold; }
      .report.reportTypePerformanceperiodical tr.currentEffort td,
      .report.reportTypePerformancefixed tr.currentEffort td,
      .project .projectperformance tr.currentEffort td {
        padding-left: 25px;
        font-style: italic; }
        .report.reportTypePerformanceperiodical tr.totalForecast span.negative,
        .report.reportTypePerformancefixed tr.totalForecast span.negative,
        .project .projectperformance tr.totalForecast span.negative,
        .report.reportTypePerformanceperiodical tr.expectedProjectReturn span.negative,
        .report.reportTypePerformancefixed tr.expectedProjectReturn span.negative,
        .project .projectperformance tr.expectedProjectReturn span.negative,
        .report.reportTypePerformanceperiodical tr.projectReturn span.negative,
        .report.reportTypePerformancefixed tr.projectReturn span.negative,
        .project .projectperformance tr.projectReturn span.negative {
          color: #a84747; }
        .report.reportTypePerformanceperiodical tr.totalForecast span.positive,
        .report.reportTypePerformancefixed tr.totalForecast span.positive,
        .project .projectperformance tr.totalForecast span.positive,
        .report.reportTypePerformanceperiodical tr.expectedProjectReturn span.positive,
        .report.reportTypePerformancefixed tr.expectedProjectReturn span.positive,
        .project .projectperformance tr.expectedProjectReturn span.positive,
        .report.reportTypePerformanceperiodical tr.projectReturn span.positive,
        .report.reportTypePerformancefixed tr.projectReturn span.positive,
        .project .projectperformance tr.projectReturn span.positive {
          color: #9dc08e; }
      .report.reportTypePerformanceperiodical tr td.price,
      .report.reportTypePerformancefixed tr td.price,
      .project .projectperformance tr td.price {
        text-align: right;
        padding-right: 10px;
        white-space: nowrap; }
      .report.reportTypePerformanceperiodical tr td.revenue,
      .report.reportTypePerformancefixed tr td.revenue,
      .project .projectperformance tr td.revenue,
      .report.reportTypePerformanceperiodical tr td.percent,
      .report.reportTypePerformancefixed tr td.percent,
      .project .projectperformance tr td.percent,
      .report.reportTypePerformanceperiodical tr td.hours,
      .report.reportTypePerformancefixed tr td.hours,
      .project .projectperformance tr td.hours,
      .report.reportTypePerformanceperiodical tr td.ratio,
      .report.reportTypePerformancefixed tr td.ratio,
      .project .projectperformance tr td.ratio {
        text-align: right; }
    .report.reportTypePerformanceperiodical tr th,
    .report.reportTypePerformancefixed tr th,
    .project .projectperformance tr th {
      border-bottom: 1px solid black;
      border-top: 1px solid black; }

  .timerangeinfo .handleEnd {
    left: 466px; }
      .timerangeinfo.timerange .bar .slider .handle {
        cursor: auto; }
      .timerangeinfo.timerange .bar .span {
        background-color: #aaaaaa; }

/*
 * *************************************
 * * Task performance
 * ************************************
 */
  .reportTypePerformancetask h3 {
    margin-top: 20px; }
  .reportTypePerformancetask h4.billingTypeHeader {
    font-size: 12px;
    margin-bottom: 8px; }

.taskperformance {
  width: 908px; }
  .taskperformance .right {
    text-align: right; }
  .taskperformance .total {
    font-weight: bold; }
  .taskperformance th {
    overflow: hidden;
    border-bottom: 1px solid black;
    border-top: 1px solid black; }
  .taskperformance .tasknumber {
    width: 46px;
    cursor: pointer; }
  .taskperformance .tasktitle {
    width: 114px;
    cursor: pointer; }

/*
 * -------------------------------------------------------
 * Projectheader
 * -------------------------------------------------------
 */
.project .projectDetailsTabs .projectperformanceProjectTab .icon {
  background: url(../../ext/projectperformance/asset/img/projectheader.png) no-repeat -3px 0px; }

.tagsContainer {
  background-color: #eeeeee;
  padding: 4px 0 2px 4px;
  line-height: 20px; }
  .tagsContainer .typeTag {
    background-color: #aaccee;
    border-bottom: 1px solid #0065a6;
    padding: 3px 5px;
    margin: 0 3px;
    border-radius: 5px; }
  .tagsContainer .typeTag .label {
    color: #0065a6; }
    .tagsContainer .typeTag.typeTagSmall {
      padding: 2px 5px;
      margin: 0 2px;
      line-height: 11px; }
  .tagsContainer .typeTag.typeTagSmall .label {
    font-size: 9px; }

  .recordsTags .selection {
    width: 455px; }
    .recordsTags .selection:before {
      content: " ";
      display: block;
      clear: both; }
    .recordsTags .selection .typeTag {
      background-color: #aaccee;
      border-bottom: 1px solid #0065a6;
      padding: 3px 5px;
      margin: 0 3px;
      border-radius: 5px;
      float: left;
      margin-top: 4px; }
  .recordsTags .selection .typeTag .label {
    color: #0065a6; }
      .recordsTags .selection .typeTag .recordIcon {
        display: none; }
      .recordsTags .selection .typeTag .label {
        float: left;
        margin-right: 15px;
        text-overflow: ellipsis;
        max-width: 150px;
        white-space: nowrap;
        display: block;
        overflow: hidden; }
  .recordsTags .createWizardTag {
    position: absolute;
    left: 51%;
    top: 5px;
    background: rgba(0, 0, 0, 0) url(../../ext/tags/asset/img/icons.png) no-repeat -1px -1px !important; }

.typeRecords.hasWizard .results {
  width: 88%; }

.tagsContainerTask {
  margin-bottom: -8px; }

span.extIconTags {
  background: url(../../ext/tags/asset/img/exticon.png) no-repeat 2px 3px; }

  .tagWizard .tagWizardChoice {
    min-height: 50px; }
    .tagWizard .tagWizardChoice .selection {
      width: 100%;
      overflow: auto; }
    .tagWizard .tagWizardChoice #no-tags {
      color: #aaaaaa;
      display: block;
      width: 100%;
      text-align: center;
      font-size: 15px; }
  .tagWizard .tagWizardCommands {
    text-align: right;
    margin: 3px;
    padding: 4px 2px;
    background-color: #eeeeee; }
      .tagWizard .tagWizardCommands .button.create .icon {
        background: rgba(0, 0, 0, 0) url(../../ext/tags/asset/img/icons.png) no-repeat 1px 1px !important; }
  .tagWizard .tagsWizardSearch {
    padding: 5px;
    margin: 3px;
    border: 1px solid #eeeeee; }
    .tagWizard .tagsWizardSearch .searchElement {
      float: left; }
        .tagWizard .tagsWizardSearch .searchElement.input input {
          width: 300px; }
      .tagWizard .tagsWizardSearch .searchElement label {
        float: left;
        width: 160px; }
  .tagWizard .tagWizardResults {
    max-height: 550px;
    overflow-y: scroll;
    margin: 3px; }
      .tagWizard .tagWizardResults .tagWizardResultList li {
        width: 48%;
        float: left;
        border-bottom: 1px solid #f8f8f8;
        cursor: pointer;
        padding: 4px 0 6px 4px; }
        .tagWizard .tagWizardResults .tagWizardResultList li:hover {
          background-color: lightyellow; }
        .tagWizard .tagWizardResults .tagWizardResultList li:nth-child(odd) {
          border-right: 1px solid #f8f8f8; }

.inlineFilters .typeTodoyuProjectperformancesfpFilter_SfpInfo.filter {
  background: url(../../core/asset/img/icons.png) no-repeat 15px -650px;
  background-color: #ffecc5;
  border: 1px solid #ff8000;
  font-size: 13px;
  font-family: bold; }