[ Index ]

PHP Cross Reference of Joomla 4.2.2 documentation

title

Body

[close]

/media/vendor/tinymce/skins/ui/oxide/ -> skin.css (source)

   1  /**
   2   * Copyright (c) Tiny Technologies, Inc. All rights reserved.
   3   * Licensed under the LGPL or a commercial license.
   4   * For LGPL see License.txt in the project root for license information.
   5   * For commercial licenses see https://www.tiny.cloud/
   6   */
   7  .tox {
   8    box-shadow: none;
   9    box-sizing: content-box;
  10    color: #222f3e;
  11    cursor: auto;
  12    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  13    font-size: 16px;
  14    font-style: normal;
  15    font-weight: normal;
  16    line-height: normal;
  17    -webkit-tap-highlight-color: transparent;
  18    text-decoration: none;
  19    text-shadow: none;
  20    text-transform: none;
  21    vertical-align: initial;
  22    white-space: normal;
  23  }
  24  .tox *:not(svg):not(rect) {
  25    box-sizing: inherit;
  26    color: inherit;
  27    cursor: inherit;
  28    direction: inherit;
  29    font-family: inherit;
  30    font-size: inherit;
  31    font-style: inherit;
  32    font-weight: inherit;
  33    line-height: inherit;
  34    -webkit-tap-highlight-color: inherit;
  35    text-align: inherit;
  36    text-decoration: inherit;
  37    text-shadow: inherit;
  38    text-transform: inherit;
  39    vertical-align: inherit;
  40    white-space: inherit;
  41  }
  42  .tox *:not(svg):not(rect) {
  43    /* stylelint-disable-line no-duplicate-selectors */
  44    background: transparent;
  45    border: 0;
  46    box-shadow: none;
  47    float: none;
  48    height: auto;
  49    margin: 0;
  50    max-width: none;
  51    outline: 0;
  52    padding: 0;
  53    position: static;
  54    width: auto;
  55  }
  56  .tox:not([dir=rtl]) {
  57    direction: ltr;
  58    text-align: left;
  59  }
  60  .tox[dir=rtl] {
  61    direction: rtl;
  62    text-align: right;
  63  }
  64  .tox-tinymce {
  65    border: 1px solid #cccccc;
  66    border-radius: 0;
  67    box-shadow: none;
  68    box-sizing: border-box;
  69    display: flex;
  70    flex-direction: column;
  71    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  72    overflow: hidden;
  73    position: relative;
  74    visibility: inherit !important;
  75  }
  76  .tox-tinymce-inline {
  77    border: none;
  78    box-shadow: none;
  79  }
  80  .tox-tinymce-inline .tox-editor-header {
  81    background-color: transparent;
  82    border: 1px solid #cccccc;
  83    border-radius: 0;
  84    box-shadow: none;
  85  }
  86  .tox-tinymce-aux {
  87    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  88    z-index: 1300;
  89  }
  90  .tox-tinymce *:focus,
  91  .tox-tinymce-aux *:focus {
  92    outline: none;
  93  }
  94  button::-moz-focus-inner {
  95    border: 0;
  96  }
  97  .tox[dir=rtl] .tox-icon--flip svg {
  98    transform: rotateY(180deg);
  99  }
 100  .tox .accessibility-issue__header {
 101    align-items: center;
 102    display: flex;
 103    margin-bottom: 4px;
 104  }
 105  .tox .accessibility-issue__description {
 106    align-items: stretch;
 107    border: 1px solid #cccccc;
 108    border-radius: 3px;
 109    display: flex;
 110    justify-content: space-between;
 111  }
 112  .tox .accessibility-issue__description > div {
 113    padding-bottom: 4px;
 114  }
 115  .tox .accessibility-issue__description > div > div {
 116    align-items: center;
 117    display: flex;
 118    margin-bottom: 4px;
 119  }
 120  .tox .accessibility-issue__description > *:last-child:not(:only-child) {
 121    border-color: #cccccc;
 122    border-style: solid;
 123  }
 124  .tox .accessibility-issue__repair {
 125    margin-top: 16px;
 126  }
 127  .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
 128    background-color: rgba(32, 122, 183, 0.1);
 129    border-color: rgba(32, 122, 183, 0.4);
 130    color: #222f3e;
 131  }
 132  .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child {
 133    border-color: rgba(32, 122, 183, 0.4);
 134  }
 135  .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
 136    color: #207ab7;
 137  }
 138  .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
 139    fill: #207ab7;
 140  }
 141  .tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
 142    color: #207ab7;
 143  }
 144  .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
 145    background-color: rgba(255, 165, 0, 0.1);
 146    border-color: rgba(255, 165, 0, 0.5);
 147    color: #222f3e;
 148  }
 149  .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > *:last-child {
 150    border-color: rgba(255, 165, 0, 0.5);
 151  }
 152  .tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
 153    color: #cc8500;
 154  }
 155  .tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
 156    fill: #cc8500;
 157  }
 158  .tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon {
 159    color: #cc8500;
 160  }
 161  .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
 162    background-color: rgba(204, 0, 0, 0.1);
 163    border-color: rgba(204, 0, 0, 0.4);
 164    color: #222f3e;
 165  }
 166  .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > *:last-child {
 167    border-color: rgba(204, 0, 0, 0.4);
 168  }
 169  .tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
 170    color: #c00;
 171  }
 172  .tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
 173    fill: #c00;
 174  }
 175  .tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon {
 176    color: #c00;
 177  }
 178  .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
 179    background-color: rgba(120, 171, 70, 0.1);
 180    border-color: rgba(120, 171, 70, 0.4);
 181    color: #222f3e;
 182  }
 183  .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
 184    border-color: rgba(120, 171, 70, 0.4);
 185  }
 186  .tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
 187    color: #78AB46;
 188  }
 189  .tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
 190    fill: #78AB46;
 191  }
 192  .tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon {
 193    color: #78AB46;
 194  }
 195  .tox .tox-dialog__body-content .accessibility-issue__header h1,
 196  .tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
 197    margin-top: 0;
 198  }
 199  .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
 200    margin-left: 4px;
 201  }
 202  .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
 203    margin-left: auto;
 204  }
 205  .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
 206    padding: 4px 4px 4px 8px;
 207  }
 208  .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description > *:last-child {
 209    border-left-width: 1px;
 210    padding-left: 4px;
 211  }
 212  .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
 213    margin-right: 4px;
 214  }
 215  .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
 216    margin-right: auto;
 217  }
 218  .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
 219    padding: 4px 8px 4px 4px;
 220  }
 221  .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description > *:last-child {
 222    border-right-width: 1px;
 223    padding-right: 4px;
 224  }
 225  .tox .tox-anchorbar {
 226    display: flex;
 227    flex: 0 0 auto;
 228  }
 229  .tox .tox-bar {
 230    display: flex;
 231    flex: 0 0 auto;
 232  }
 233  .tox .tox-button {
 234    background-color: #207ab7;
 235    background-image: none;
 236    background-position: 0 0;
 237    background-repeat: repeat;
 238    border-color: #207ab7;
 239    border-radius: 3px;
 240    border-style: solid;
 241    border-width: 1px;
 242    box-shadow: none;
 243    box-sizing: border-box;
 244    color: #fff;
 245    cursor: pointer;
 246    display: inline-block;
 247    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 248    font-size: 14px;
 249    font-style: normal;
 250    font-weight: bold;
 251    letter-spacing: normal;
 252    line-height: 24px;
 253    margin: 0;
 254    outline: none;
 255    padding: 4px 16px;
 256    text-align: center;
 257    text-decoration: none;
 258    text-transform: none;
 259    white-space: nowrap;
 260  }
 261  .tox .tox-button[disabled] {
 262    background-color: #207ab7;
 263    background-image: none;
 264    border-color: #207ab7;
 265    box-shadow: none;
 266    color: rgba(255, 255, 255, 0.5);
 267    cursor: not-allowed;
 268  }
 269  .tox .tox-button:focus:not(:disabled) {
 270    background-color: #1c6ca1;
 271    background-image: none;
 272    border-color: #1c6ca1;
 273    box-shadow: none;
 274    color: #fff;
 275  }
 276  .tox .tox-button:hover:not(:disabled) {
 277    background-color: #1c6ca1;
 278    background-image: none;
 279    border-color: #1c6ca1;
 280    box-shadow: none;
 281    color: #fff;
 282  }
 283  .tox .tox-button:active:not(:disabled) {
 284    background-color: #185d8c;
 285    background-image: none;
 286    border-color: #185d8c;
 287    box-shadow: none;
 288    color: #fff;
 289  }
 290  .tox .tox-button--secondary {
 291    background-color: #f0f0f0;
 292    background-image: none;
 293    background-position: 0 0;
 294    background-repeat: repeat;
 295    border-color: #f0f0f0;
 296    border-radius: 3px;
 297    border-style: solid;
 298    border-width: 1px;
 299    box-shadow: none;
 300    color: #222f3e;
 301    font-size: 14px;
 302    font-style: normal;
 303    font-weight: bold;
 304    letter-spacing: normal;
 305    outline: none;
 306    padding: 4px 16px;
 307    text-decoration: none;
 308    text-transform: none;
 309  }
 310  .tox .tox-button--secondary[disabled] {
 311    background-color: #f0f0f0;
 312    background-image: none;
 313    border-color: #f0f0f0;
 314    box-shadow: none;
 315    color: rgba(34, 47, 62, 0.5);
 316  }
 317  .tox .tox-button--secondary:focus:not(:disabled) {
 318    background-color: #e3e3e3;
 319    background-image: none;
 320    border-color: #e3e3e3;
 321    box-shadow: none;
 322    color: #222f3e;
 323  }
 324  .tox .tox-button--secondary:hover:not(:disabled) {
 325    background-color: #e3e3e3;
 326    background-image: none;
 327    border-color: #e3e3e3;
 328    box-shadow: none;
 329    color: #222f3e;
 330  }
 331  .tox .tox-button--secondary:active:not(:disabled) {
 332    background-color: #d6d6d6;
 333    background-image: none;
 334    border-color: #d6d6d6;
 335    box-shadow: none;
 336    color: #222f3e;
 337  }
 338  .tox .tox-button--icon,
 339  .tox .tox-button.tox-button--icon,
 340  .tox .tox-button.tox-button--secondary.tox-button--icon {
 341    padding: 4px;
 342  }
 343  .tox .tox-button--icon .tox-icon svg,
 344  .tox .tox-button.tox-button--icon .tox-icon svg,
 345  .tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
 346    display: block;
 347    fill: currentColor;
 348  }
 349  .tox .tox-button-link {
 350    background: 0;
 351    border: none;
 352    box-sizing: border-box;
 353    cursor: pointer;
 354    display: inline-block;
 355    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 356    font-size: 16px;
 357    font-weight: normal;
 358    line-height: 1.3;
 359    margin: 0;
 360    padding: 0;
 361    white-space: nowrap;
 362  }
 363  .tox .tox-button-link--sm {
 364    font-size: 14px;
 365  }
 366  .tox .tox-button--naked {
 367    background-color: transparent;
 368    border-color: transparent;
 369    box-shadow: unset;
 370    color: #222f3e;
 371  }
 372  .tox .tox-button--naked[disabled] {
 373    background-color: #f0f0f0;
 374    border-color: #f0f0f0;
 375    box-shadow: none;
 376    color: rgba(34, 47, 62, 0.5);
 377  }
 378  .tox .tox-button--naked:hover:not(:disabled) {
 379    background-color: #e3e3e3;
 380    border-color: #e3e3e3;
 381    box-shadow: none;
 382    color: #222f3e;
 383  }
 384  .tox .tox-button--naked:focus:not(:disabled) {
 385    background-color: #e3e3e3;
 386    border-color: #e3e3e3;
 387    box-shadow: none;
 388    color: #222f3e;
 389  }
 390  .tox .tox-button--naked:active:not(:disabled) {
 391    background-color: #d6d6d6;
 392    border-color: #d6d6d6;
 393    box-shadow: none;
 394    color: #222f3e;
 395  }
 396  .tox .tox-button--naked .tox-icon svg {
 397    fill: currentColor;
 398  }
 399  .tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
 400    color: #222f3e;
 401  }
 402  .tox .tox-checkbox {
 403    align-items: center;
 404    border-radius: 3px;
 405    cursor: pointer;
 406    display: flex;
 407    height: 36px;
 408    min-width: 36px;
 409  }
 410  .tox .tox-checkbox__input {
 411    /* Hide from view but visible to screen readers */
 412    height: 1px;
 413    overflow: hidden;
 414    position: absolute;
 415    top: auto;
 416    width: 1px;
 417  }
 418  .tox .tox-checkbox__icons {
 419    align-items: center;
 420    border-radius: 3px;
 421    box-shadow: 0 0 0 2px transparent;
 422    box-sizing: content-box;
 423    display: flex;
 424    height: 24px;
 425    justify-content: center;
 426    padding: calc(4px - 1px);
 427    width: 24px;
 428  }
 429  .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
 430    display: block;
 431    fill: rgba(34, 47, 62, 0.3);
 432  }
 433  .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
 434    display: none;
 435    fill: #207ab7;
 436  }
 437  .tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
 438    display: none;
 439    fill: #207ab7;
 440  }
 441  .tox .tox-checkbox--disabled {
 442    color: rgba(34, 47, 62, 0.5);
 443    cursor: not-allowed;
 444  }
 445  .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
 446    fill: rgba(34, 47, 62, 0.5);
 447  }
 448  .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
 449    fill: rgba(34, 47, 62, 0.5);
 450  }
 451  .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
 452    fill: rgba(34, 47, 62, 0.5);
 453  }
 454  .tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
 455    display: none;
 456  }
 457  .tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
 458    display: block;
 459  }
 460  .tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
 461    display: none;
 462  }
 463  .tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
 464    display: block;
 465  }
 466  .tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
 467    border-radius: 3px;
 468    box-shadow: inset 0 0 0 1px #207ab7;
 469    padding: calc(4px - 1px);
 470  }
 471  .tox:not([dir=rtl]) .tox-checkbox__label {
 472    margin-left: 4px;
 473  }
 474  .tox:not([dir=rtl]) .tox-checkbox__input {
 475    left: -10000px;
 476  }
 477  .tox:not([dir=rtl]) .tox-bar .tox-checkbox {
 478    margin-left: 4px;
 479  }
 480  .tox[dir=rtl] .tox-checkbox__label {
 481    margin-right: 4px;
 482  }
 483  .tox[dir=rtl] .tox-checkbox__input {
 484    right: -10000px;
 485  }
 486  .tox[dir=rtl] .tox-bar .tox-checkbox {
 487    margin-right: 4px;
 488  }
 489  .tox {
 490    /* stylelint-disable-next-line no-descending-specificity */
 491  }
 492  .tox .tox-collection--toolbar .tox-collection__group {
 493    display: flex;
 494    padding: 0;
 495  }
 496  .tox .tox-collection--grid .tox-collection__group {
 497    display: flex;
 498    flex-wrap: wrap;
 499    max-height: 208px;
 500    overflow-x: hidden;
 501    overflow-y: auto;
 502    padding: 0;
 503  }
 504  .tox .tox-collection--list .tox-collection__group {
 505    border-bottom-width: 0;
 506    border-color: #cccccc;
 507    border-left-width: 0;
 508    border-right-width: 0;
 509    border-style: solid;
 510    border-top-width: 1px;
 511    padding: 4px 0;
 512  }
 513  .tox .tox-collection--list .tox-collection__group:first-child {
 514    border-top-width: 0;
 515  }
 516  .tox .tox-collection__group-heading {
 517    background-color: #e6e6e6;
 518    color: rgba(34, 47, 62, 0.7);
 519    cursor: default;
 520    font-size: 12px;
 521    font-style: normal;
 522    font-weight: normal;
 523    margin-bottom: 4px;
 524    margin-top: -4px;
 525    padding: 4px 8px;
 526    text-transform: none;
 527    -webkit-touch-callout: none;
 528    -webkit-user-select: none;
 529       -moz-user-select: none;
 530        -ms-user-select: none;
 531            user-select: none;
 532  }
 533  .tox .tox-collection__item {
 534    align-items: center;
 535    color: #222f3e;
 536    cursor: pointer;
 537    display: flex;
 538    -webkit-touch-callout: none;
 539    -webkit-user-select: none;
 540       -moz-user-select: none;
 541        -ms-user-select: none;
 542            user-select: none;
 543  }
 544  .tox .tox-collection--list .tox-collection__item {
 545    padding: 4px 8px;
 546  }
 547  .tox .tox-collection--toolbar .tox-collection__item {
 548    border-radius: 3px;
 549    padding: 4px;
 550  }
 551  .tox .tox-collection--grid .tox-collection__item {
 552    border-radius: 3px;
 553    padding: 4px;
 554  }
 555  .tox .tox-collection--list .tox-collection__item--enabled {
 556    background-color: #fff;
 557    color: #222f3e;
 558  }
 559  .tox .tox-collection--list .tox-collection__item--active {
 560    background-color: #dee0e2;
 561  }
 562  .tox .tox-collection--toolbar .tox-collection__item--enabled {
 563    background-color: #c8cbcf;
 564    color: #222f3e;
 565  }
 566  .tox .tox-collection--toolbar .tox-collection__item--active {
 567    background-color: #dee0e2;
 568  }
 569  .tox .tox-collection--grid .tox-collection__item--enabled {
 570    background-color: #c8cbcf;
 571    color: #222f3e;
 572  }
 573  .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
 574    background-color: #dee0e2;
 575    color: #222f3e;
 576  }
 577  .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
 578    color: #222f3e;
 579  }
 580  .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
 581    color: #222f3e;
 582  }
 583  .tox .tox-collection__item-icon,
 584  .tox .tox-collection__item-checkmark {
 585    align-items: center;
 586    display: flex;
 587    height: 24px;
 588    justify-content: center;
 589    width: 24px;
 590  }
 591  .tox .tox-collection__item-icon svg,
 592  .tox .tox-collection__item-checkmark svg {
 593    fill: currentColor;
 594  }
 595  .tox .tox-collection--toolbar-lg .tox-collection__item-icon {
 596    height: 48px;
 597    width: 48px;
 598  }
 599  .tox .tox-collection__item-label {
 600    color: currentColor;
 601    display: inline-block;
 602    flex: 1;
 603    -ms-flex-preferred-size: auto;
 604    font-size: 14px;
 605    font-style: normal;
 606    font-weight: normal;
 607    line-height: 24px;
 608    text-transform: none;
 609    word-break: break-all;
 610  }
 611  .tox .tox-collection__item-accessory {
 612    color: rgba(34, 47, 62, 0.7);
 613    display: inline-block;
 614    font-size: 14px;
 615    height: 24px;
 616    line-height: 24px;
 617    text-transform: none;
 618  }
 619  .tox .tox-collection__item-caret {
 620    align-items: center;
 621    display: flex;
 622    min-height: 24px;
 623  }
 624  .tox .tox-collection__item-caret::after {
 625    content: '';
 626    font-size: 0;
 627    min-height: inherit;
 628  }
 629  .tox .tox-collection__item-caret svg {
 630    fill: #222f3e;
 631  }
 632  .tox .tox-collection__item--state-disabled {
 633    background-color: transparent;
 634    color: rgba(34, 47, 62, 0.5);
 635    cursor: not-allowed;
 636  }
 637  .tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
 638    fill: rgba(34, 47, 62, 0.5);
 639  }
 640  .tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
 641    display: none;
 642  }
 643  .tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark {
 644    display: none;
 645  }
 646  .tox .tox-collection--horizontal {
 647    background-color: #fff;
 648    border: 1px solid #cccccc;
 649    border-radius: 3px;
 650    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
 651    display: flex;
 652    flex: 0 0 auto;
 653    flex-shrink: 0;
 654    flex-wrap: nowrap;
 655    margin-bottom: 0;
 656    overflow-x: auto;
 657    padding: 0;
 658  }
 659  .tox .tox-collection--horizontal .tox-collection__group {
 660    align-items: center;
 661    display: flex;
 662    flex-wrap: nowrap;
 663    margin: 0;
 664    padding: 0 4px;
 665  }
 666  .tox .tox-collection--horizontal .tox-collection__item {
 667    height: 34px;
 668    margin: 2px 0 3px 0;
 669    padding: 0 4px;
 670  }
 671  .tox .tox-collection--horizontal .tox-collection__item-label {
 672    white-space: nowrap;
 673  }
 674  .tox .tox-collection--horizontal .tox-collection__item-caret {
 675    margin-left: 4px;
 676  }
 677  .tox .tox-collection__item-container {
 678    display: flex;
 679  }
 680  .tox .tox-collection__item-container--row {
 681    align-items: center;
 682    flex: 1 1 auto;
 683    flex-direction: row;
 684  }
 685  .tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
 686    margin-right: auto;
 687  }
 688  .tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
 689    justify-content: flex-end;
 690    margin-left: auto;
 691  }
 692  .tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
 693    align-items: flex-start;
 694    margin-bottom: auto;
 695  }
 696  .tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
 697    align-items: center;
 698  }
 699  .tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
 700    align-items: flex-end;
 701    margin-top: auto;
 702  }
 703  .tox .tox-collection__item-container--column {
 704    -ms-grid-row-align: center;
 705        align-self: center;
 706    flex: 1 1 auto;
 707    flex-direction: column;
 708  }
 709  .tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
 710    align-items: flex-start;
 711  }
 712  .tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
 713    align-items: flex-end;
 714  }
 715  .tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
 716    align-self: flex-start;
 717  }
 718  .tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
 719    -ms-grid-row-align: center;
 720        align-self: center;
 721  }
 722  .tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
 723    align-self: flex-end;
 724  }
 725  .tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
 726    border-right: 1px solid #cccccc;
 727  }
 728  .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
 729    margin-left: 8px;
 730  }
 731  .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
 732    margin-left: 4px;
 733  }
 734  .tox:not([dir=rtl]) .tox-collection__item-accessory {
 735    margin-left: 16px;
 736    text-align: right;
 737  }
 738  .tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {
 739    margin-left: 16px;
 740  }
 741  .tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
 742    border-left: 1px solid #cccccc;
 743  }
 744  .tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
 745    margin-right: 8px;
 746  }
 747  .tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
 748    margin-right: 4px;
 749  }
 750  .tox[dir=rtl] .tox-collection__item-accessory {
 751    margin-right: 16px;
 752    text-align: left;
 753  }
 754  .tox[dir=rtl] .tox-collection .tox-collection__item-caret {
 755    margin-right: 16px;
 756    transform: rotateY(180deg);
 757  }
 758  .tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
 759    margin-right: 4px;
 760  }
 761  .tox .tox-color-picker-container {
 762    display: flex;
 763    flex-direction: row;
 764    height: 225px;
 765    margin: 0;
 766  }
 767  .tox .tox-sv-palette {
 768    box-sizing: border-box;
 769    display: flex;
 770    height: 100%;
 771  }
 772  .tox .tox-sv-palette-spectrum {
 773    height: 100%;
 774  }
 775  .tox .tox-sv-palette,
 776  .tox .tox-sv-palette-spectrum {
 777    width: 225px;
 778  }
 779  .tox .tox-sv-palette-thumb {
 780    background: none;
 781    border: 1px solid black;
 782    border-radius: 50%;
 783    box-sizing: content-box;
 784    height: 12px;
 785    position: absolute;
 786    width: 12px;
 787  }
 788  .tox .tox-sv-palette-inner-thumb {
 789    border: 1px solid white;
 790    border-radius: 50%;
 791    height: 10px;
 792    position: absolute;
 793    width: 10px;
 794  }
 795  .tox .tox-hue-slider {
 796    box-sizing: border-box;
 797    height: 100%;
 798    width: 25px;
 799  }
 800  .tox .tox-hue-slider-spectrum {
 801    background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00);
 802    height: 100%;
 803    width: 100%;
 804  }
 805  .tox .tox-hue-slider,
 806  .tox .tox-hue-slider-spectrum {
 807    width: 20px;
 808  }
 809  .tox .tox-hue-slider-thumb {
 810    background: white;
 811    border: 1px solid black;
 812    box-sizing: content-box;
 813    height: 4px;
 814    width: 100%;
 815  }
 816  .tox .tox-rgb-form {
 817    display: flex;
 818    flex-direction: column;
 819    justify-content: space-between;
 820  }
 821  .tox .tox-rgb-form div {
 822    align-items: center;
 823    display: flex;
 824    justify-content: space-between;
 825    margin-bottom: 5px;
 826    width: inherit;
 827  }
 828  .tox .tox-rgb-form input {
 829    width: 6em;
 830  }
 831  .tox .tox-rgb-form input.tox-invalid {
 832    /* Need !important to override Chrome's focus styling unfortunately */
 833    border: 1px solid red !important;
 834  }
 835  .tox .tox-rgb-form .tox-rgba-preview {
 836    border: 1px solid black;
 837    flex-grow: 2;
 838    margin-bottom: 0;
 839  }
 840  .tox:not([dir=rtl]) .tox-sv-palette {
 841    margin-right: 15px;
 842  }
 843  .tox:not([dir=rtl]) .tox-hue-slider {
 844    margin-right: 15px;
 845  }
 846  .tox:not([dir=rtl]) .tox-hue-slider-thumb {
 847    margin-left: -1px;
 848  }
 849  .tox:not([dir=rtl]) .tox-rgb-form label {
 850    margin-right: 0.5em;
 851  }
 852  .tox[dir=rtl] .tox-sv-palette {
 853    margin-left: 15px;
 854  }
 855  .tox[dir=rtl] .tox-hue-slider {
 856    margin-left: 15px;
 857  }
 858  .tox[dir=rtl] .tox-hue-slider-thumb {
 859    margin-right: -1px;
 860  }
 861  .tox[dir=rtl] .tox-rgb-form label {
 862    margin-left: 0.5em;
 863  }
 864  .tox .tox-toolbar .tox-swatches,
 865  .tox .tox-toolbar__primary .tox-swatches,
 866  .tox .tox-toolbar__overflow .tox-swatches {
 867    margin: 2px 0 3px 4px;
 868  }
 869  .tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
 870    border: 0;
 871    margin: -4px 0;
 872  }
 873  .tox .tox-swatches__row {
 874    display: flex;
 875  }
 876  .tox .tox-swatch {
 877    height: 30px;
 878    transition: transform 0.15s, box-shadow 0.15s;
 879    width: 30px;
 880  }
 881  .tox .tox-swatch:hover,
 882  .tox .tox-swatch:focus {
 883    box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
 884    transform: scale(0.8);
 885  }
 886  .tox .tox-swatch--remove {
 887    align-items: center;
 888    display: flex;
 889    justify-content: center;
 890  }
 891  .tox .tox-swatch--remove svg path {
 892    stroke: #e74c3c;
 893  }
 894  .tox .tox-swatches__picker-btn {
 895    align-items: center;
 896    background-color: transparent;
 897    border: 0;
 898    cursor: pointer;
 899    display: flex;
 900    height: 30px;
 901    justify-content: center;
 902    outline: none;
 903    padding: 0;
 904    width: 30px;
 905  }
 906  .tox .tox-swatches__picker-btn svg {
 907    height: 24px;
 908    width: 24px;
 909  }
 910  .tox .tox-swatches__picker-btn:hover {
 911    background: #dee0e2;
 912  }
 913  .tox:not([dir=rtl]) .tox-swatches__picker-btn {
 914    margin-left: auto;
 915  }
 916  .tox[dir=rtl] .tox-swatches__picker-btn {
 917    margin-right: auto;
 918  }
 919  .tox .tox-comment-thread {
 920    background: #fff;
 921    position: relative;
 922  }
 923  .tox .tox-comment-thread > *:not(:first-child) {
 924    margin-top: 8px;
 925  }
 926  .tox .tox-comment {
 927    background: #fff;
 928    border: 1px solid #cccccc;
 929    border-radius: 3px;
 930    box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
 931    padding: 8px 8px 16px 8px;
 932    position: relative;
 933  }
 934  .tox .tox-comment__header {
 935    align-items: center;
 936    color: #222f3e;
 937    display: flex;
 938    justify-content: space-between;
 939  }
 940  .tox .tox-comment__date {
 941    color: rgba(34, 47, 62, 0.7);
 942    font-size: 12px;
 943  }
 944  .tox .tox-comment__body {
 945    color: #222f3e;
 946    font-size: 14px;
 947    font-style: normal;
 948    font-weight: normal;
 949    line-height: 1.3;
 950    margin-top: 8px;
 951    position: relative;
 952    text-transform: initial;
 953  }
 954  .tox .tox-comment__body textarea {
 955    resize: none;
 956    white-space: normal;
 957    width: 100%;
 958  }
 959  .tox .tox-comment__expander {
 960    padding-top: 8px;
 961  }
 962  .tox .tox-comment__expander p {
 963    color: rgba(34, 47, 62, 0.7);
 964    font-size: 14px;
 965    font-style: normal;
 966  }
 967  .tox .tox-comment__body p {
 968    margin: 0;
 969  }
 970  .tox .tox-comment__buttonspacing {
 971    padding-top: 16px;
 972    text-align: center;
 973  }
 974  .tox .tox-comment-thread__overlay::after {
 975    background: #fff;
 976    bottom: 0;
 977    content: "";
 978    display: flex;
 979    left: 0;
 980    opacity: 0.9;
 981    position: absolute;
 982    right: 0;
 983    top: 0;
 984    z-index: 5;
 985  }
 986  .tox .tox-comment__reply {
 987    display: flex;
 988    flex-shrink: 0;
 989    flex-wrap: wrap;
 990    justify-content: flex-end;
 991    margin-top: 8px;
 992  }
 993  .tox .tox-comment__reply > *:first-child {
 994    margin-bottom: 8px;
 995    width: 100%;
 996  }
 997  .tox .tox-comment__edit {
 998    display: flex;
 999    flex-wrap: wrap;
1000    justify-content: flex-end;
1001    margin-top: 16px;
1002  }
1003  .tox .tox-comment__gradient::after {
1004    background: linear-gradient(rgba(255, 255, 255, 0), #fff);
1005    bottom: 0;
1006    content: "";
1007    display: block;
1008    height: 5em;
1009    margin-top: -40px;
1010    position: absolute;
1011    width: 100%;
1012  }
1013  .tox .tox-comment__overlay {
1014    background: #fff;
1015    bottom: 0;
1016    display: flex;
1017    flex-direction: column;
1018    flex-grow: 1;
1019    left: 0;
1020    opacity: 0.9;
1021    position: absolute;
1022    right: 0;
1023    text-align: center;
1024    top: 0;
1025    z-index: 5;
1026  }
1027  .tox .tox-comment__loading-text {
1028    align-items: center;
1029    color: #222f3e;
1030    display: flex;
1031    flex-direction: column;
1032    position: relative;
1033  }
1034  .tox .tox-comment__loading-text > div {
1035    padding-bottom: 16px;
1036  }
1037  .tox .tox-comment__overlaytext {
1038    bottom: 0;
1039    flex-direction: column;
1040    font-size: 14px;
1041    left: 0;
1042    padding: 1em;
1043    position: absolute;
1044    right: 0;
1045    top: 0;
1046    z-index: 10;
1047  }
1048  .tox .tox-comment__overlaytext p {
1049    background-color: #fff;
1050    box-shadow: 0 0 8px 8px #fff;
1051    color: #222f3e;
1052    text-align: center;
1053  }
1054  .tox .tox-comment__overlaytext div:nth-of-type(2) {
1055    font-size: 0.8em;
1056  }
1057  .tox .tox-comment__busy-spinner {
1058    align-items: center;
1059    background-color: #fff;
1060    bottom: 0;
1061    display: flex;
1062    justify-content: center;
1063    left: 0;
1064    position: absolute;
1065    right: 0;
1066    top: 0;
1067    z-index: 20;
1068  }
1069  .tox .tox-comment__scroll {
1070    display: flex;
1071    flex-direction: column;
1072    flex-shrink: 1;
1073    overflow: auto;
1074  }
1075  .tox .tox-conversations {
1076    margin: 8px;
1077  }
1078  .tox:not([dir=rtl]) .tox-comment__edit {
1079    margin-left: 8px;
1080  }
1081  .tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child,
1082  .tox:not([dir=rtl]) .tox-comment__edit > *:last-child,
1083  .tox:not([dir=rtl]) .tox-comment__reply > *:last-child {
1084    margin-left: 8px;
1085  }
1086  .tox[dir=rtl] .tox-comment__edit {
1087    margin-right: 8px;
1088  }
1089  .tox[dir=rtl] .tox-comment__buttonspacing > *:last-child,
1090  .tox[dir=rtl] .tox-comment__edit > *:last-child,
1091  .tox[dir=rtl] .tox-comment__reply > *:last-child {
1092    margin-right: 8px;
1093  }
1094  .tox .tox-user {
1095    align-items: center;
1096    display: flex;
1097  }
1098  .tox .tox-user__avatar svg {
1099    fill: rgba(34, 47, 62, 0.7);
1100  }
1101  .tox .tox-user__name {
1102    color: rgba(34, 47, 62, 0.7);
1103    font-size: 12px;
1104    font-style: normal;
1105    font-weight: bold;
1106    text-transform: uppercase;
1107  }
1108  .tox:not([dir=rtl]) .tox-user__avatar svg {
1109    margin-right: 8px;
1110  }
1111  .tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
1112    margin-left: 8px;
1113  }
1114  .tox[dir=rtl] .tox-user__avatar svg {
1115    margin-left: 8px;
1116  }
1117  .tox[dir=rtl] .tox-user__avatar + .tox-user__name {
1118    margin-right: 8px;
1119  }
1120  .tox .tox-dialog-wrap {
1121    align-items: center;
1122    bottom: 0;
1123    display: flex;
1124    justify-content: center;
1125    left: 0;
1126    position: fixed;
1127    right: 0;
1128    top: 0;
1129    z-index: 1100;
1130  }
1131  .tox .tox-dialog-wrap__backdrop {
1132    background-color: rgba(255, 255, 255, 0.75);
1133    bottom: 0;
1134    left: 0;
1135    position: absolute;
1136    right: 0;
1137    top: 0;
1138    z-index: 1;
1139  }
1140  .tox .tox-dialog-wrap__backdrop--opaque {
1141    background-color: #fff;
1142  }
1143  .tox .tox-dialog {
1144    background-color: #fff;
1145    border-color: #cccccc;
1146    border-radius: 3px;
1147    border-style: solid;
1148    border-width: 1px;
1149    box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
1150    display: flex;
1151    flex-direction: column;
1152    max-height: 100%;
1153    max-width: 480px;
1154    overflow: hidden;
1155    position: relative;
1156    width: 95vw;
1157    z-index: 2;
1158  }
1159  @media only screen and (max-width:767px) {
1160    body:not(.tox-force-desktop) .tox .tox-dialog {
1161      align-self: flex-start;
1162      margin: 8px auto;
1163      width: calc(100vw - 16px);
1164    }
1165  }
1166  .tox .tox-dialog-inline {
1167    z-index: 1100;
1168  }
1169  .tox .tox-dialog__header {
1170    align-items: center;
1171    background-color: #fff;
1172    border-bottom: none;
1173    color: #222f3e;
1174    display: flex;
1175    font-size: 16px;
1176    justify-content: space-between;
1177    padding: 8px 16px 0 16px;
1178    position: relative;
1179  }
1180  .tox .tox-dialog__header .tox-button {
1181    z-index: 1;
1182  }
1183  .tox .tox-dialog__draghandle {
1184    cursor: grab;
1185    height: 100%;
1186    left: 0;
1187    position: absolute;
1188    top: 0;
1189    width: 100%;
1190  }
1191  .tox .tox-dialog__draghandle:active {
1192    cursor: grabbing;
1193  }
1194  .tox .tox-dialog__dismiss {
1195    margin-left: auto;
1196  }
1197  .tox .tox-dialog__title {
1198    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1199    font-size: 20px;
1200    font-style: normal;
1201    font-weight: normal;
1202    line-height: 1.3;
1203    margin: 0;
1204    text-transform: none;
1205  }
1206  .tox .tox-dialog__body {
1207    color: #222f3e;
1208    display: flex;
1209    flex: 1;
1210    -ms-flex-preferred-size: auto;
1211    font-size: 16px;
1212    font-style: normal;
1213    font-weight: normal;
1214    line-height: 1.3;
1215    min-width: 0;
1216    text-align: left;
1217    text-transform: none;
1218  }
1219  @media only screen and (max-width:767px) {
1220    body:not(.tox-force-desktop) .tox .tox-dialog__body {
1221      flex-direction: column;
1222    }
1223  }
1224  .tox .tox-dialog__body-nav {
1225    align-items: flex-start;
1226    display: flex;
1227    flex-direction: column;
1228    padding: 16px 16px;
1229  }
1230  @media only screen and (max-width:767px) {
1231    body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
1232      flex-direction: row;
1233      -webkit-overflow-scrolling: touch;
1234      overflow-x: auto;
1235      padding-bottom: 0;
1236    }
1237  }
1238  .tox .tox-dialog__body-nav-item {
1239    border-bottom: 2px solid transparent;
1240    color: rgba(34, 47, 62, 0.7);
1241    display: inline-block;
1242    font-size: 14px;
1243    line-height: 1.3;
1244    margin-bottom: 8px;
1245    text-decoration: none;
1246    white-space: nowrap;
1247  }
1248  .tox .tox-dialog__body-nav-item:focus {
1249    background-color: rgba(32, 122, 183, 0.1);
1250  }
1251  .tox .tox-dialog__body-nav-item--active {
1252    border-bottom: 2px solid #207ab7;
1253    color: #207ab7;
1254  }
1255  .tox .tox-dialog__body-content {
1256    box-sizing: border-box;
1257    display: flex;
1258    flex: 1;
1259    flex-direction: column;
1260    -ms-flex-preferred-size: auto;
1261    max-height: 650px;
1262    overflow: auto;
1263    -webkit-overflow-scrolling: touch;
1264    padding: 16px 16px;
1265  }
1266  .tox .tox-dialog__body-content > * {
1267    margin-bottom: 0;
1268    margin-top: 16px;
1269  }
1270  .tox .tox-dialog__body-content > *:first-child {
1271    margin-top: 0;
1272  }
1273  .tox .tox-dialog__body-content > *:last-child {
1274    margin-bottom: 0;
1275  }
1276  .tox .tox-dialog__body-content > *:only-child {
1277    margin-bottom: 0;
1278    margin-top: 0;
1279  }
1280  .tox .tox-dialog__body-content a {
1281    color: #207ab7;
1282    cursor: pointer;
1283    text-decoration: none;
1284  }
1285  .tox .tox-dialog__body-content a:hover,
1286  .tox .tox-dialog__body-content a:focus {
1287    color: #185d8c;
1288    text-decoration: none;
1289  }
1290  .tox .tox-dialog__body-content a:active {
1291    color: #185d8c;
1292    text-decoration: none;
1293  }
1294  .tox .tox-dialog__body-content svg {
1295    fill: #222f3e;
1296  }
1297  .tox .tox-dialog__body-content ul {
1298    display: block;
1299    list-style-type: disc;
1300    margin-bottom: 16px;
1301    -webkit-margin-end: 0;
1302            margin-inline-end: 0;
1303    -webkit-margin-start: 0;
1304            margin-inline-start: 0;
1305    -webkit-padding-start: 2.5rem;
1306            padding-inline-start: 2.5rem;
1307  }
1308  .tox .tox-dialog__body-content .tox-form__group h1 {
1309    color: #222f3e;
1310    font-size: 20px;
1311    font-style: normal;
1312    font-weight: bold;
1313    letter-spacing: normal;
1314    margin-bottom: 16px;
1315    margin-top: 2rem;
1316    text-transform: none;
1317  }
1318  .tox .tox-dialog__body-content .tox-form__group h2 {
1319    color: #222f3e;
1320    font-size: 16px;
1321    font-style: normal;
1322    font-weight: bold;
1323    letter-spacing: normal;
1324    margin-bottom: 16px;
1325    margin-top: 2rem;
1326    text-transform: none;
1327  }
1328  .tox .tox-dialog__body-content .tox-form__group p {
1329    margin-bottom: 16px;
1330  }
1331  .tox .tox-dialog__body-content .tox-form__group h1:first-child,
1332  .tox .tox-dialog__body-content .tox-form__group h2:first-child,
1333  .tox .tox-dialog__body-content .tox-form__group p:first-child {
1334    margin-top: 0;
1335  }
1336  .tox .tox-dialog__body-content .tox-form__group h1:last-child,
1337  .tox .tox-dialog__body-content .tox-form__group h2:last-child,
1338  .tox .tox-dialog__body-content .tox-form__group p:last-child {
1339    margin-bottom: 0;
1340  }
1341  .tox .tox-dialog__body-content .tox-form__group h1:only-child,
1342  .tox .tox-dialog__body-content .tox-form__group h2:only-child,
1343  .tox .tox-dialog__body-content .tox-form__group p:only-child {
1344    margin-bottom: 0;
1345    margin-top: 0;
1346  }
1347  .tox .tox-dialog--width-lg {
1348    height: 650px;
1349    max-width: 1200px;
1350  }
1351  .tox .tox-dialog--width-md {
1352    max-width: 800px;
1353  }
1354  .tox .tox-dialog--width-md .tox-dialog__body-content {
1355    overflow: auto;
1356  }
1357  .tox .tox-dialog__body-content--centered {
1358    text-align: center;
1359  }
1360  .tox .tox-dialog__footer {
1361    align-items: center;
1362    background-color: #fff;
1363    border-top: 1px solid #cccccc;
1364    display: flex;
1365    justify-content: space-between;
1366    padding: 8px 16px;
1367  }
1368  .tox .tox-dialog__footer-start,
1369  .tox .tox-dialog__footer-end {
1370    display: flex;
1371  }
1372  .tox .tox-dialog__busy-spinner {
1373    align-items: center;
1374    background-color: rgba(255, 255, 255, 0.75);
1375    bottom: 0;
1376    display: flex;
1377    justify-content: center;
1378    left: 0;
1379    position: absolute;
1380    right: 0;
1381    top: 0;
1382    z-index: 3;
1383  }
1384  .tox .tox-dialog__table {
1385    border-collapse: collapse;
1386    width: 100%;
1387  }
1388  .tox .tox-dialog__table thead th {
1389    font-weight: bold;
1390    padding-bottom: 8px;
1391  }
1392  .tox .tox-dialog__table tbody tr {
1393    border-bottom: 1px solid #cccccc;
1394  }
1395  .tox .tox-dialog__table tbody tr:last-child {
1396    border-bottom: none;
1397  }
1398  .tox .tox-dialog__table td {
1399    padding-bottom: 8px;
1400    padding-top: 8px;
1401  }
1402  .tox .tox-dialog__popups {
1403    position: absolute;
1404    width: 100%;
1405    z-index: 1100;
1406  }
1407  .tox .tox-dialog__body-iframe {
1408    display: flex;
1409    flex: 1;
1410    flex-direction: column;
1411    -ms-flex-preferred-size: auto;
1412  }
1413  .tox .tox-dialog__body-iframe .tox-navobj {
1414    display: flex;
1415    flex: 1;
1416    -ms-flex-preferred-size: auto;
1417  }
1418  .tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
1419    flex: 1;
1420    -ms-flex-preferred-size: auto;
1421    height: 100%;
1422  }
1423  .tox .tox-dialog-dock-fadeout {
1424    opacity: 0;
1425    visibility: hidden;
1426  }
1427  .tox .tox-dialog-dock-fadein {
1428    opacity: 1;
1429    visibility: visible;
1430  }
1431  .tox .tox-dialog-dock-transition {
1432    transition: visibility 0s linear 0.3s, opacity 0.3s ease;
1433  }
1434  .tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
1435    transition-delay: 0s;
1436  }
1437  .tox.tox-platform-ie {
1438    /* IE11 CSS styles go here */
1439  }
1440  .tox.tox-platform-ie .tox-dialog-wrap {
1441    position: -ms-device-fixed;
1442  }
1443  @media only screen and (max-width:767px) {
1444    body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
1445      margin-right: 0;
1446    }
1447  }
1448  @media only screen and (max-width:767px) {
1449    body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
1450      margin-left: 8px;
1451    }
1452  }
1453  .tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *,
1454  .tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * {
1455    margin-left: 8px;
1456  }
1457  .tox[dir=rtl] .tox-dialog__body {
1458    text-align: right;
1459  }
1460  @media only screen and (max-width:767px) {
1461    body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
1462      margin-left: 0;
1463    }
1464  }
1465  @media only screen and (max-width:767px) {
1466    body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
1467      margin-right: 8px;
1468    }
1469  }
1470  .tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *,
1471  .tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {
1472    margin-right: 8px;
1473  }
1474  body.tox-dialog__disable-scroll {
1475    overflow: hidden;
1476  }
1477  .tox .tox-dropzone-container {
1478    display: flex;
1479    flex: 1;
1480    -ms-flex-preferred-size: auto;
1481  }
1482  .tox .tox-dropzone {
1483    align-items: center;
1484    background: #fff;
1485    border: 2px dashed #cccccc;
1486    box-sizing: border-box;
1487    display: flex;
1488    flex-direction: column;
1489    flex-grow: 1;
1490    justify-content: center;
1491    min-height: 100px;
1492    padding: 10px;
1493  }
1494  .tox .tox-dropzone p {
1495    color: rgba(34, 47, 62, 0.7);
1496    margin: 0 0 16px 0;
1497  }
1498  .tox .tox-edit-area {
1499    display: flex;
1500    flex: 1;
1501    -ms-flex-preferred-size: auto;
1502    overflow: hidden;
1503    position: relative;
1504  }
1505  .tox .tox-edit-area__iframe {
1506    background-color: #fff;
1507    border: 0;
1508    box-sizing: border-box;
1509    flex: 1;
1510    -ms-flex-preferred-size: auto;
1511    height: 100%;
1512    position: absolute;
1513    width: 100%;
1514  }
1515  .tox.tox-inline-edit-area {
1516    border: 1px dotted #cccccc;
1517  }
1518  .tox .tox-editor-container {
1519    display: flex;
1520    flex: 1 1 auto;
1521    flex-direction: column;
1522    overflow: hidden;
1523  }
1524  .tox .tox-editor-header {
1525    z-index: 1;
1526  }
1527  .tox:not(.tox-tinymce-inline) .tox-editor-header {
1528    box-shadow: none;
1529    transition: box-shadow 0.5s;
1530  }
1531  .tox.tox-tinymce--toolbar-bottom .tox-editor-header,
1532  .tox.tox-tinymce-inline .tox-editor-header {
1533    margin-bottom: -1px;
1534  }
1535  .tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
1536    background-color: transparent;
1537    box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
1538  }
1539  .tox-editor-dock-fadeout {
1540    opacity: 0;
1541    visibility: hidden;
1542  }
1543  .tox-editor-dock-fadein {
1544    opacity: 1;
1545    visibility: visible;
1546  }
1547  .tox-editor-dock-transition {
1548    transition: visibility 0s linear 0.25s, opacity 0.25s ease;
1549  }
1550  .tox-editor-dock-transition.tox-editor-dock-fadein {
1551    transition-delay: 0s;
1552  }
1553  .tox .tox-control-wrap {
1554    flex: 1;
1555    position: relative;
1556  }
1557  .tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
1558  .tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
1559  .tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
1560    display: none;
1561  }
1562  .tox .tox-control-wrap svg {
1563    display: block;
1564  }
1565  .tox .tox-control-wrap__status-icon-wrap {
1566    position: absolute;
1567    top: 50%;
1568    transform: translateY(-50%);
1569  }
1570  .tox .tox-control-wrap__status-icon-invalid svg {
1571    fill: #c00;
1572  }
1573  .tox .tox-control-wrap__status-icon-unknown svg {
1574    fill: orange;
1575  }
1576  .tox .tox-control-wrap__status-icon-valid svg {
1577    fill: green;
1578  }
1579  .tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,
1580  .tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,
1581  .tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
1582    padding-right: 32px;
1583  }
1584  .tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
1585    right: 4px;
1586  }
1587  .tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,
1588  .tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,
1589  .tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
1590    padding-left: 32px;
1591  }
1592  .tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
1593    left: 4px;
1594  }
1595  .tox .tox-autocompleter {
1596    max-width: 25em;
1597  }
1598  .tox .tox-autocompleter .tox-menu {
1599    max-width: 25em;
1600  }
1601  .tox .tox-autocompleter .tox-autocompleter-highlight {
1602    font-weight: bold;
1603  }
1604  .tox .tox-color-input {
1605    display: flex;
1606    position: relative;
1607    z-index: 1;
1608  }
1609  .tox .tox-color-input .tox-textfield {
1610    z-index: -1;
1611  }
1612  .tox .tox-color-input span {
1613    border-color: rgba(34, 47, 62, 0.2);
1614    border-radius: 3px;
1615    border-style: solid;
1616    border-width: 1px;
1617    box-shadow: none;
1618    box-sizing: border-box;
1619    height: 24px;
1620    position: absolute;
1621    top: 6px;
1622    width: 24px;
1623  }
1624  .tox .tox-color-input span:hover:not([aria-disabled=true]),
1625  .tox .tox-color-input span:focus:not([aria-disabled=true]) {
1626    border-color: #207ab7;
1627    cursor: pointer;
1628  }
1629  .tox .tox-color-input span::before {
1630    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%);
1631    background-position: 0 0, 0 6px, 6px -6px, -6px 0;
1632    background-size: 12px 12px;
1633    border: 1px solid #fff;
1634    border-radius: 3px;
1635    box-sizing: border-box;
1636    content: '';
1637    height: 24px;
1638    left: -1px;
1639    position: absolute;
1640    top: -1px;
1641    width: 24px;
1642    z-index: -1;
1643  }
1644  .tox .tox-color-input span[aria-disabled=true] {
1645    cursor: not-allowed;
1646  }
1647  .tox:not([dir=rtl]) .tox-color-input {
1648    /* stylelint-disable-next-line no-descending-specificity */
1649  }
1650  .tox:not([dir=rtl]) .tox-color-input .tox-textfield {
1651    padding-left: 36px;
1652  }
1653  .tox:not([dir=rtl]) .tox-color-input span {
1654    left: 6px;
1655  }
1656  .tox[dir="rtl"] .tox-color-input {
1657    /* stylelint-disable-next-line no-descending-specificity */
1658  }
1659  .tox[dir="rtl"] .tox-color-input .tox-textfield {
1660    padding-right: 36px;
1661  }
1662  .tox[dir="rtl"] .tox-color-input span {
1663    right: 6px;
1664  }
1665  .tox .tox-label,
1666  .tox .tox-toolbar-label {
1667    color: rgba(34, 47, 62, 0.7);
1668    display: block;
1669    font-size: 14px;
1670    font-style: normal;
1671    font-weight: normal;
1672    line-height: 1.3;
1673    padding: 0 8px 0 0;
1674    text-transform: none;
1675    white-space: nowrap;
1676  }
1677  .tox .tox-toolbar-label {
1678    padding: 0 8px;
1679  }
1680  .tox[dir=rtl] .tox-label {
1681    padding: 0 0 0 8px;
1682  }
1683  .tox .tox-form {
1684    display: flex;
1685    flex: 1;
1686    flex-direction: column;
1687    -ms-flex-preferred-size: auto;
1688  }
1689  .tox .tox-form__group {
1690    box-sizing: border-box;
1691    margin-bottom: 4px;
1692  }
1693  .tox .tox-form-group--maximize {
1694    flex: 1;
1695  }
1696  .tox .tox-form__group--error {
1697    color: #c00;
1698  }
1699  .tox .tox-form__group--collection {
1700    display: flex;
1701  }
1702  .tox .tox-form__grid {
1703    display: flex;
1704    flex-direction: row;
1705    flex-wrap: wrap;
1706    justify-content: space-between;
1707  }
1708  .tox .tox-form__grid--2col > .tox-form__group {
1709    width: calc(50% - (8px / 2));
1710  }
1711  .tox .tox-form__grid--3col > .tox-form__group {
1712    width: calc(100% / 3 - (8px / 2));
1713  }
1714  .tox .tox-form__grid--4col > .tox-form__group {
1715    width: calc(25% - (8px / 2));
1716  }
1717  .tox .tox-form__controls-h-stack {
1718    align-items: center;
1719    display: flex;
1720  }
1721  .tox .tox-form__group--inline {
1722    align-items: center;
1723    display: flex;
1724  }
1725  .tox .tox-form__group--stretched {
1726    display: flex;
1727    flex: 1;
1728    flex-direction: column;
1729    -ms-flex-preferred-size: auto;
1730  }
1731  .tox .tox-form__group--stretched .tox-textarea {
1732    flex: 1;
1733    -ms-flex-preferred-size: auto;
1734  }
1735  .tox .tox-form__group--stretched .tox-navobj {
1736    display: flex;
1737    flex: 1;
1738    -ms-flex-preferred-size: auto;
1739  }
1740  .tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
1741    flex: 1;
1742    -ms-flex-preferred-size: auto;
1743    height: 100%;
1744  }
1745  .tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
1746    margin-left: 4px;
1747  }
1748  .tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {
1749    margin-right: 4px;
1750  }
1751  .tox .tox-lock.tox-locked .tox-lock-icon__unlock,
1752  .tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
1753    display: none;
1754  }
1755  .tox .tox-textfield,
1756  .tox .tox-toolbar-textfield,
1757  .tox .tox-listboxfield .tox-listbox--select,
1758  .tox .tox-textarea {
1759    -webkit-appearance: none;
1760       -moz-appearance: none;
1761            appearance: none;
1762    background-color: #fff;
1763    border-color: #cccccc;
1764    border-radius: 3px;
1765    border-style: solid;
1766    border-width: 1px;
1767    box-shadow: none;
1768    box-sizing: border-box;
1769    color: #222f3e;
1770    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1771    font-size: 16px;
1772    line-height: 24px;
1773    margin: 0;
1774    min-height: 34px;
1775    outline: none;
1776    padding: 5px 4.75px;
1777    resize: none;
1778    width: 100%;
1779  }
1780  .tox .tox-textfield[disabled],
1781  .tox .tox-textarea[disabled] {
1782    background-color: #f2f2f2;
1783    color: rgba(34, 47, 62, 0.85);
1784    cursor: not-allowed;
1785  }
1786  .tox .tox-textfield:focus,
1787  .tox .tox-listboxfield .tox-listbox--select:focus,
1788  .tox .tox-textarea:focus {
1789    background-color: #fff;
1790    border-color: #207ab7;
1791    box-shadow: none;
1792    outline: none;
1793  }
1794  .tox .tox-toolbar-textfield {
1795    border-width: 0;
1796    margin-bottom: 3px;
1797    margin-top: 2px;
1798    max-width: 250px;
1799  }
1800  .tox .tox-naked-btn {
1801    background-color: transparent;
1802    border: 0;
1803    border-color: transparent;
1804    box-shadow: unset;
1805    color: #207ab7;
1806    cursor: pointer;
1807    display: block;
1808    margin: 0;
1809    padding: 0;
1810  }
1811  .tox .tox-naked-btn svg {
1812    display: block;
1813    fill: #222f3e;
1814  }
1815  .tox:not([dir=rtl]) .tox-toolbar-textfield + * {
1816    margin-left: 4px;
1817  }
1818  .tox[dir=rtl] .tox-toolbar-textfield + * {
1819    margin-right: 4px;
1820  }
1821  .tox .tox-listboxfield {
1822    cursor: pointer;
1823    position: relative;
1824  }
1825  .tox .tox-listboxfield .tox-listbox--select[disabled] {
1826    background-color: #f2f2f2;
1827    color: rgba(34, 47, 62, 0.85);
1828    cursor: not-allowed;
1829  }
1830  .tox .tox-listbox__select-label {
1831    cursor: default;
1832    flex: 1;
1833    margin: 0 4px;
1834  }
1835  .tox .tox-listbox__select-chevron {
1836    align-items: center;
1837    display: flex;
1838    justify-content: center;
1839    width: 16px;
1840  }
1841  .tox .tox-listbox__select-chevron svg {
1842    fill: #222f3e;
1843  }
1844  .tox .tox-listboxfield .tox-listbox--select {
1845    align-items: center;
1846    display: flex;
1847  }
1848  .tox:not([dir=rtl]) .tox-listboxfield svg {
1849    right: 8px;
1850  }
1851  .tox[dir=rtl] .tox-listboxfield svg {
1852    left: 8px;
1853  }
1854  .tox .tox-selectfield {
1855    cursor: pointer;
1856    position: relative;
1857  }
1858  .tox .tox-selectfield select {
1859    -webkit-appearance: none;
1860       -moz-appearance: none;
1861            appearance: none;
1862    background-color: #fff;
1863    border-color: #cccccc;
1864    border-radius: 3px;
1865    border-style: solid;
1866    border-width: 1px;
1867    box-shadow: none;
1868    box-sizing: border-box;
1869    color: #222f3e;
1870    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1871    font-size: 16px;
1872    line-height: 24px;
1873    margin: 0;
1874    min-height: 34px;
1875    outline: none;
1876    padding: 5px 4.75px;
1877    resize: none;
1878    width: 100%;
1879  }
1880  .tox .tox-selectfield select[disabled] {
1881    background-color: #f2f2f2;
1882    color: rgba(34, 47, 62, 0.85);
1883    cursor: not-allowed;
1884  }
1885  .tox .tox-selectfield select::-ms-expand {
1886    display: none;
1887  }
1888  .tox .tox-selectfield select:focus {
1889    background-color: #fff;
1890    border-color: #207ab7;
1891    box-shadow: none;
1892    outline: none;
1893  }
1894  .tox .tox-selectfield svg {
1895    pointer-events: none;
1896    position: absolute;
1897    top: 50%;
1898    transform: translateY(-50%);
1899  }
1900  .tox:not([dir=rtl]) .tox-selectfield select[size="0"],
1901  .tox:not([dir=rtl]) .tox-selectfield select[size="1"] {
1902    padding-right: 24px;
1903  }
1904  .tox:not([dir=rtl]) .tox-selectfield svg {
1905    right: 8px;
1906  }
1907  .tox[dir=rtl] .tox-selectfield select[size="0"],
1908  .tox[dir=rtl] .tox-selectfield select[size="1"] {
1909    padding-left: 24px;
1910  }
1911  .tox[dir=rtl] .tox-selectfield svg {
1912    left: 8px;
1913  }
1914  .tox .tox-textarea {
1915    -webkit-appearance: textarea;
1916       -moz-appearance: textarea;
1917            appearance: textarea;
1918    white-space: pre-wrap;
1919  }
1920  .tox-fullscreen {
1921    border: 0;
1922    height: 100%;
1923    margin: 0;
1924    overflow: hidden;
1925    -ms-scroll-chaining: none;
1926        overscroll-behavior: none;
1927    padding: 0;
1928    touch-action: pinch-zoom;
1929    width: 100%;
1930  }
1931  .tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
1932    display: none;
1933  }
1934  .tox.tox-tinymce.tox-fullscreen,
1935  .tox-shadowhost.tox-fullscreen {
1936    left: 0;
1937    position: fixed;
1938    top: 0;
1939    z-index: 1200;
1940  }
1941  .tox.tox-tinymce.tox-fullscreen {
1942    background-color: transparent;
1943  }
1944  .tox-fullscreen .tox.tox-tinymce-aux,
1945  .tox-fullscreen ~ .tox.tox-tinymce-aux {
1946    z-index: 1201;
1947  }
1948  .tox .tox-help__more-link {
1949    list-style: none;
1950    margin-top: 1em;
1951  }
1952  .tox .tox-image-tools {
1953    width: 100%;
1954  }
1955  .tox .tox-image-tools__toolbar {
1956    align-items: center;
1957    display: flex;
1958    justify-content: center;
1959  }
1960  .tox .tox-image-tools__image {
1961    background-color: #666;
1962    height: 380px;
1963    overflow: auto;
1964    position: relative;
1965    width: 100%;
1966  }
1967  .tox .tox-image-tools__image,
1968  .tox .tox-image-tools__image + .tox-image-tools__toolbar {
1969    margin-top: 8px;
1970  }
1971  .tox .tox-image-tools__image-bg {
1972    background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
1973  }
1974  .tox .tox-image-tools__toolbar > .tox-spacer {
1975    flex: 1;
1976    -ms-flex-preferred-size: auto;
1977  }
1978  .tox .tox-croprect-block {
1979    background: black;
1980    filter: alpha(opacity=50);
1981    opacity: 0.5;
1982    position: absolute;
1983    zoom: 1;
1984  }
1985  .tox .tox-croprect-handle {
1986    border: 2px solid white;
1987    height: 20px;
1988    left: 0;
1989    position: absolute;
1990    top: 0;
1991    width: 20px;
1992  }
1993  .tox .tox-croprect-handle-move {
1994    border: 0;
1995    cursor: move;
1996    position: absolute;
1997  }
1998  .tox .tox-croprect-handle-nw {
1999    border-width: 2px 0 0 2px;
2000    cursor: nw-resize;
2001    left: 100px;
2002    margin: -2px 0 0 -2px;
2003    top: 100px;
2004  }
2005  .tox .tox-croprect-handle-ne {
2006    border-width: 2px 2px 0 0;
2007    cursor: ne-resize;
2008    left: 200px;
2009    margin: -2px 0 0 -20px;
2010    top: 100px;
2011  }
2012  .tox .tox-croprect-handle-sw {
2013    border-width: 0 0 2px 2px;
2014    cursor: sw-resize;
2015    left: 100px;
2016    margin: -20px 2px 0 -2px;
2017    top: 200px;
2018  }
2019  .tox .tox-croprect-handle-se {
2020    border-width: 0 2px 2px 0;
2021    cursor: se-resize;
2022    left: 200px;
2023    margin: -20px 0 0 -20px;
2024    top: 200px;
2025  }
2026  .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
2027    margin-left: 8px;
2028  }
2029  .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-button + .tox-slider {
2030    margin-left: 32px;
2031  }
2032  .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider + .tox-button {
2033    margin-left: 32px;
2034  }
2035  .tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
2036    margin-right: 8px;
2037  }
2038  .tox[dir=rtl] .tox-image-tools__toolbar > .tox-button + .tox-slider {
2039    margin-right: 32px;
2040  }
2041  .tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider + .tox-button {
2042    margin-right: 32px;
2043  }
2044  .tox .tox-insert-table-picker {
2045    display: flex;
2046    flex-wrap: wrap;
2047    width: 170px;
2048  }
2049  .tox .tox-insert-table-picker > div {
2050    border-color: #cccccc;
2051    border-style: solid;
2052    border-width: 0 1px 1px 0;
2053    box-sizing: border-box;
2054    height: 17px;
2055    width: 17px;
2056  }
2057  .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
2058    margin: -4px 0;
2059  }
2060  .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
2061    background-color: rgba(32, 122, 183, 0.5);
2062    border-color: rgba(32, 122, 183, 0.5);
2063  }
2064  .tox .tox-insert-table-picker__label {
2065    color: rgba(34, 47, 62, 0.7);
2066    display: block;
2067    font-size: 14px;
2068    padding: 4px;
2069    text-align: center;
2070    width: 100%;
2071  }
2072  .tox:not([dir=rtl]) {
2073    /* stylelint-disable-next-line no-descending-specificity */
2074  }
2075  .tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
2076    border-right: 0;
2077  }
2078  .tox[dir=rtl] {
2079    /* stylelint-disable-next-line no-descending-specificity */
2080  }
2081  .tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
2082    border-right: 0;
2083  }
2084  .tox {
2085    /* stylelint-disable */
2086    /* stylelint-enable */
2087  }
2088  .tox .tox-menu {
2089    background-color: #fff;
2090    border: 1px solid #cccccc;
2091    border-radius: 3px;
2092    box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
2093    display: inline-block;
2094    overflow: hidden;
2095    vertical-align: top;
2096    z-index: 1150;
2097  }
2098  .tox .tox-menu.tox-collection.tox-collection--list {
2099    padding: 0;
2100  }
2101  .tox .tox-menu.tox-collection.tox-collection--toolbar {
2102    padding: 4px;
2103  }
2104  .tox .tox-menu.tox-collection.tox-collection--grid {
2105    padding: 4px;
2106  }
2107  .tox .tox-menu__label h1,
2108  .tox .tox-menu__label h2,
2109  .tox .tox-menu__label h3,
2110  .tox .tox-menu__label h4,
2111  .tox .tox-menu__label h5,
2112  .tox .tox-menu__label h6,
2113  .tox .tox-menu__label p,
2114  .tox .tox-menu__label blockquote,
2115  .tox .tox-menu__label code {
2116    margin: 0;
2117  }
2118  .tox .tox-menubar {
2119    background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
2120    background-color: #fff;
2121    display: flex;
2122    flex: 0 0 auto;
2123    flex-shrink: 0;
2124    flex-wrap: wrap;
2125    padding: 0 4px 0 4px;
2126  }
2127  .tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
2128    border-top: 1px solid #cccccc;
2129  }
2130  /* Deprecated. Remove in next major release */
2131  .tox .tox-mbtn {
2132    align-items: center;
2133    background: transparent;
2134    border: 0;
2135    border-radius: 3px;
2136    box-shadow: none;
2137    color: #222f3e;
2138    display: flex;
2139    flex: 0 0 auto;
2140    font-size: 14px;
2141    font-style: normal;
2142    font-weight: normal;
2143    height: 34px;
2144    justify-content: center;
2145    margin: 2px 0 3px 0;
2146    outline: none;
2147    overflow: hidden;
2148    padding: 0 4px;
2149    text-transform: none;
2150    width: auto;
2151  }
2152  .tox .tox-mbtn[disabled] {
2153    background-color: transparent;
2154    border: 0;
2155    box-shadow: none;
2156    color: rgba(34, 47, 62, 0.5);
2157    cursor: not-allowed;
2158  }
2159  .tox .tox-mbtn:focus:not(:disabled) {
2160    background: #dee0e2;
2161    border: 0;
2162    box-shadow: none;
2163    color: #222f3e;
2164  }
2165  .tox .tox-mbtn--active {
2166    background: #c8cbcf;
2167    border: 0;
2168    box-shadow: none;
2169    color: #222f3e;
2170  }
2171  .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
2172    background: #dee0e2;
2173    border: 0;
2174    box-shadow: none;
2175    color: #222f3e;
2176  }
2177  .tox .tox-mbtn__select-label {
2178    cursor: default;
2179    font-weight: normal;
2180    margin: 0 4px;
2181  }
2182  .tox .tox-mbtn[disabled] .tox-mbtn__select-label {
2183    cursor: not-allowed;
2184  }
2185  .tox .tox-mbtn__select-chevron {
2186    align-items: center;
2187    display: flex;
2188    justify-content: center;
2189    width: 16px;
2190    display: none;
2191  }
2192  .tox .tox-notification {
2193    border-radius: 3px;
2194    border-style: solid;
2195    border-width: 1px;
2196    box-shadow: none;
2197    box-sizing: border-box;
2198    display: -ms-grid;
2199    display: grid;
2200    font-size: 14px;
2201    font-weight: normal;
2202    -ms-grid-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
2203        grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
2204    margin-top: 4px;
2205    opacity: 0;
2206    padding: 4px;
2207    transition: transform 100ms ease-in, opacity 150ms ease-in;
2208  }
2209  .tox .tox-notification p {
2210    font-size: 14px;
2211    font-weight: normal;
2212  }
2213  .tox .tox-notification a {
2214    cursor: pointer;
2215    text-decoration: underline;
2216  }
2217  .tox .tox-notification--in {
2218    opacity: 1;
2219  }
2220  .tox .tox-notification--success {
2221    background-color: #e4eeda;
2222    border-color: #d7e6c8;
2223    color: #222f3e;
2224  }
2225  .tox .tox-notification--success p {
2226    color: #222f3e;
2227  }
2228  .tox .tox-notification--success a {
2229    color: #547831;
2230  }
2231  .tox .tox-notification--success svg {
2232    fill: #222f3e;
2233  }
2234  .tox .tox-notification--error {
2235    background-color: #f8dede;
2236    border-color: #f2bfbf;
2237    color: #222f3e;
2238  }
2239  .tox .tox-notification--error p {
2240    color: #222f3e;
2241  }
2242  .tox .tox-notification--error a {
2243    color: #c00;
2244  }
2245  .tox .tox-notification--error svg {
2246    fill: #222f3e;
2247  }
2248  .tox .tox-notification--warn,
2249  .tox .tox-notification--warning {
2250    background-color: #fffaea;
2251    border-color: #ffe89d;
2252    color: #222f3e;
2253  }
2254  .tox .tox-notification--warn p,
2255  .tox .tox-notification--warning p {
2256    color: #222f3e;
2257  }
2258  .tox .tox-notification--warn a,
2259  .tox .tox-notification--warning a {
2260    color: #222f3e;
2261  }
2262  .tox .tox-notification--warn svg,
2263  .tox .tox-notification--warning svg {
2264    fill: #222f3e;
2265  }
2266  .tox .tox-notification--info {
2267    background-color: #d9edf7;
2268    border-color: #779ecb;
2269    color: #222f3e;
2270  }
2271  .tox .tox-notification--info p {
2272    color: #222f3e;
2273  }
2274  .tox .tox-notification--info a {
2275    color: #222f3e;
2276  }
2277  .tox .tox-notification--info svg {
2278    fill: #222f3e;
2279  }
2280  .tox .tox-notification__body {
2281    -ms-grid-row-align: center;
2282        align-self: center;
2283    color: #222f3e;
2284    font-size: 14px;
2285    -ms-grid-column-span: 1;
2286    grid-column-end: 3;
2287    -ms-grid-column: 2;
2288        grid-column-start: 2;
2289    -ms-grid-row-span: 1;
2290    grid-row-end: 2;
2291    -ms-grid-row: 1;
2292        grid-row-start: 1;
2293    text-align: center;
2294    white-space: normal;
2295    word-break: break-all;
2296    word-break: break-word;
2297  }
2298  .tox .tox-notification__body > * {
2299    margin: 0;
2300  }
2301  .tox .tox-notification__body > * + * {
2302    margin-top: 1rem;
2303  }
2304  .tox .tox-notification__icon {
2305    -ms-grid-row-align: center;
2306        align-self: center;
2307    -ms-grid-column-span: 1;
2308    grid-column-end: 2;
2309    -ms-grid-column: 1;
2310        grid-column-start: 1;
2311    -ms-grid-row-span: 1;
2312    grid-row-end: 2;
2313    -ms-grid-row: 1;
2314        grid-row-start: 1;
2315    -ms-grid-column-align: end;
2316        justify-self: end;
2317  }
2318  .tox .tox-notification__icon svg {
2319    display: block;
2320  }
2321  .tox .tox-notification__dismiss {
2322    -ms-grid-row-align: start;
2323        align-self: start;
2324    -ms-grid-column-span: 1;
2325    grid-column-end: 4;
2326    -ms-grid-column: 3;
2327        grid-column-start: 3;
2328    -ms-grid-row-span: 1;
2329    grid-row-end: 2;
2330    -ms-grid-row: 1;
2331        grid-row-start: 1;
2332    -ms-grid-column-align: end;
2333        justify-self: end;
2334  }
2335  .tox .tox-notification .tox-progress-bar {
2336    -ms-grid-column-span: 3;
2337    grid-column-end: 4;
2338    -ms-grid-column: 1;
2339        grid-column-start: 1;
2340    -ms-grid-row-span: 1;
2341    grid-row-end: 3;
2342    -ms-grid-row: 2;
2343        grid-row-start: 2;
2344    -ms-grid-column-align: center;
2345        justify-self: center;
2346  }
2347  .tox .tox-pop {
2348    display: inline-block;
2349    position: relative;
2350  }
2351  .tox .tox-pop--resizing {
2352    transition: width 0.1s ease;
2353  }
2354  .tox .tox-pop--resizing .tox-toolbar,
2355  .tox .tox-pop--resizing .tox-toolbar__group {
2356    flex-wrap: nowrap;
2357  }
2358  .tox .tox-pop--transition {
2359    transition: 0.15s ease;
2360    transition-property: left, right, top, bottom;
2361  }
2362  .tox .tox-pop--transition::before,
2363  .tox .tox-pop--transition::after {
2364    transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s;
2365  }
2366  .tox .tox-pop__dialog {
2367    background-color: #fff;
2368    border: 1px solid #cccccc;
2369    border-radius: 3px;
2370    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
2371    min-width: 0;
2372    overflow: hidden;
2373  }
2374  .tox .tox-pop__dialog > *:not(.tox-toolbar) {
2375    margin: 4px 4px 4px 8px;
2376  }
2377  .tox .tox-pop__dialog .tox-toolbar {
2378    background-color: transparent;
2379    margin-bottom: -1px;
2380  }
2381  .tox .tox-pop::before,
2382  .tox .tox-pop::after {
2383    border-style: solid;
2384    content: '';
2385    display: block;
2386    height: 0;
2387    opacity: 1;
2388    position: absolute;
2389    width: 0;
2390  }
2391  .tox .tox-pop.tox-pop--inset::before,
2392  .tox .tox-pop.tox-pop--inset::after {
2393    opacity: 0;
2394    transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease;
2395  }
2396  .tox .tox-pop.tox-pop--bottom::before,
2397  .tox .tox-pop.tox-pop--bottom::after {
2398    left: 50%;
2399    top: 100%;
2400  }
2401  .tox .tox-pop.tox-pop--bottom::after {
2402    border-color: #fff transparent transparent transparent;
2403    border-width: 8px;
2404    margin-left: -8px;
2405    margin-top: -1px;
2406  }
2407  .tox .tox-pop.tox-pop--bottom::before {
2408    border-color: #cccccc transparent transparent transparent;
2409    border-width: 9px;
2410    margin-left: -9px;
2411  }
2412  .tox .tox-pop.tox-pop--top::before,
2413  .tox .tox-pop.tox-pop--top::after {
2414    left: 50%;
2415    top: 0;
2416    transform: translateY(-100%);
2417  }
2418  .tox .tox-pop.tox-pop--top::after {
2419    border-color: transparent transparent #fff transparent;
2420    border-width: 8px;
2421    margin-left: -8px;
2422    margin-top: 1px;
2423  }
2424  .tox .tox-pop.tox-pop--top::before {
2425    border-color: transparent transparent #cccccc transparent;
2426    border-width: 9px;
2427    margin-left: -9px;
2428  }
2429  .tox .tox-pop.tox-pop--left::before,
2430  .tox .tox-pop.tox-pop--left::after {
2431    left: 0;
2432    top: calc(50% - 1px);
2433    transform: translateY(-50%);
2434  }
2435  .tox .tox-pop.tox-pop--left::after {
2436    border-color: transparent #fff transparent transparent;
2437    border-width: 8px;
2438    margin-left: -15px;
2439  }
2440  .tox .tox-pop.tox-pop--left::before {
2441    border-color: transparent #cccccc transparent transparent;
2442    border-width: 10px;
2443    margin-left: -19px;
2444  }
2445  .tox .tox-pop.tox-pop--right::before,
2446  .tox .tox-pop.tox-pop--right::after {
2447    left: 100%;
2448    top: calc(50% + 1px);
2449    transform: translateY(-50%);
2450  }
2451  .tox .tox-pop.tox-pop--right::after {
2452    border-color: transparent transparent transparent #fff;
2453    border-width: 8px;
2454    margin-left: -1px;
2455  }
2456  .tox .tox-pop.tox-pop--right::before {
2457    border-color: transparent transparent transparent #cccccc;
2458    border-width: 10px;
2459    margin-left: -1px;
2460  }
2461  .tox .tox-pop.tox-pop--align-left::before,
2462  .tox .tox-pop.tox-pop--align-left::after {
2463    left: 20px;
2464  }
2465  .tox .tox-pop.tox-pop--align-right::before,
2466  .tox .tox-pop.tox-pop--align-right::after {
2467    left: calc(100% - 20px);
2468  }
2469  .tox .tox-sidebar-wrap {
2470    display: flex;
2471    flex-direction: row;
2472    flex-grow: 1;
2473    -ms-flex-preferred-size: 0;
2474    min-height: 0;
2475  }
2476  .tox .tox-sidebar {
2477    background-color: #fff;
2478    display: flex;
2479    flex-direction: row;
2480    justify-content: flex-end;
2481  }
2482  .tox .tox-sidebar__slider {
2483    display: flex;
2484    overflow: hidden;
2485  }
2486  .tox .tox-sidebar__pane-container {
2487    display: flex;
2488  }
2489  .tox .tox-sidebar__pane {
2490    display: flex;
2491  }
2492  .tox .tox-sidebar--sliding-closed {
2493    opacity: 0;
2494  }
2495  .tox .tox-sidebar--sliding-open {
2496    opacity: 1;
2497  }
2498  .tox .tox-sidebar--sliding-growing,
2499  .tox .tox-sidebar--sliding-shrinking {
2500    transition: width 0.5s ease, opacity 0.5s ease;
2501  }
2502  .tox .tox-selector {
2503    background-color: #4099ff;
2504    border-color: #4099ff;
2505    border-style: solid;
2506    border-width: 1px;
2507    box-sizing: border-box;
2508    display: inline-block;
2509    height: 10px;
2510    position: absolute;
2511    width: 10px;
2512  }
2513  .tox.tox-platform-touch .tox-selector {
2514    height: 12px;
2515    width: 12px;
2516  }
2517  .tox .tox-slider {
2518    align-items: center;
2519    display: flex;
2520    flex: 1;
2521    -ms-flex-preferred-size: auto;
2522    height: 24px;
2523    justify-content: center;
2524    position: relative;
2525  }
2526  .tox .tox-slider__rail {
2527    background-color: transparent;
2528    border: 1px solid #cccccc;
2529    border-radius: 3px;
2530    height: 10px;
2531    min-width: 120px;
2532    width: 100%;
2533  }
2534  .tox .tox-slider__handle {
2535    background-color: #207ab7;
2536    border: 2px solid #185d8c;
2537    border-radius: 3px;
2538    box-shadow: none;
2539    height: 24px;
2540    left: 50%;
2541    position: absolute;
2542    top: 50%;
2543    transform: translateX(-50%) translateY(-50%);
2544    width: 14px;
2545  }
2546  .tox .tox-source-code {
2547    overflow: auto;
2548  }
2549  .tox .tox-spinner {
2550    display: flex;
2551  }
2552  .tox .tox-spinner > div {
2553    animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
2554    background-color: rgba(34, 47, 62, 0.7);
2555    border-radius: 100%;
2556    height: 8px;
2557    width: 8px;
2558  }
2559  .tox .tox-spinner > div:nth-child(1) {
2560    animation-delay: -0.32s;
2561  }
2562  .tox .tox-spinner > div:nth-child(2) {
2563    animation-delay: -0.16s;
2564  }
2565  @keyframes tam-bouncing-dots {
2566    0%,
2567    80%,
2568    100% {
2569      transform: scale(0);
2570    }
2571    40% {
2572      transform: scale(1);
2573    }
2574  }
2575  .tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
2576    margin-left: 4px;
2577  }
2578  .tox[dir=rtl] .tox-spinner > div:not(:first-child) {
2579    margin-right: 4px;
2580  }
2581  .tox .tox-statusbar {
2582    align-items: center;
2583    background-color: #fff;
2584    border-top: 1px solid #cccccc;
2585    color: rgba(34, 47, 62, 0.7);
2586    display: flex;
2587    flex: 0 0 auto;
2588    font-size: 12px;
2589    font-weight: normal;
2590    height: 18px;
2591    overflow: hidden;
2592    padding: 0 8px;
2593    position: relative;
2594    text-transform: uppercase;
2595  }
2596  .tox .tox-statusbar__text-container {
2597    display: flex;
2598    flex: 1 1 auto;
2599    justify-content: flex-end;
2600    overflow: hidden;
2601  }
2602  .tox .tox-statusbar__path {
2603    display: flex;
2604    flex: 1 1 auto;
2605    margin-right: auto;
2606    overflow: hidden;
2607    text-overflow: ellipsis;
2608    white-space: nowrap;
2609  }
2610  .tox .tox-statusbar__path > * {
2611    display: inline;
2612    white-space: nowrap;
2613  }
2614  .tox .tox-statusbar__wordcount {
2615    flex: 0 0 auto;
2616    margin-left: 1ch;
2617  }
2618  .tox .tox-statusbar a,
2619  .tox .tox-statusbar__path-item,
2620  .tox .tox-statusbar__wordcount {
2621    color: rgba(34, 47, 62, 0.7);
2622    text-decoration: none;
2623  }
2624  .tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
2625  .tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
2626  .tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),
2627  .tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
2628  .tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
2629  .tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
2630    cursor: pointer;
2631    text-decoration: underline;
2632  }
2633  .tox .tox-statusbar__resize-handle {
2634    align-items: flex-end;
2635    align-self: stretch;
2636    cursor: nwse-resize;
2637    display: flex;
2638    flex: 0 0 auto;
2639    justify-content: flex-end;
2640    margin-left: auto;
2641    margin-right: -8px;
2642    padding-left: 1ch;
2643  }
2644  .tox .tox-statusbar__resize-handle svg {
2645    display: block;
2646    fill: rgba(34, 47, 62, 0.7);
2647  }
2648  .tox .tox-statusbar__resize-handle:focus svg {
2649    background-color: #dee0e2;
2650    border-radius: 1px;
2651    box-shadow: 0 0 0 2px #dee0e2;
2652  }
2653  .tox:not([dir=rtl]) .tox-statusbar__path > * {
2654    margin-right: 4px;
2655  }
2656  .tox:not([dir=rtl]) .tox-statusbar__branding {
2657    margin-left: 1ch;
2658  }
2659  .tox[dir=rtl] .tox-statusbar {
2660    flex-direction: row-reverse;
2661  }
2662  .tox[dir=rtl] .tox-statusbar__path > * {
2663    margin-left: 4px;
2664  }
2665  .tox .tox-throbber {
2666    z-index: 1299;
2667  }
2668  .tox .tox-throbber__busy-spinner {
2669    align-items: center;
2670    background-color: rgba(255, 255, 255, 0.6);
2671    bottom: 0;
2672    display: flex;
2673    justify-content: center;
2674    left: 0;
2675    position: absolute;
2676    right: 0;
2677    top: 0;
2678  }
2679  .tox .tox-tbtn {
2680    align-items: center;
2681    background: transparent;
2682    border: 0;
2683    border-radius: 3px;
2684    box-shadow: none;
2685    color: #222f3e;
2686    display: flex;
2687    flex: 0 0 auto;
2688    font-size: 14px;
2689    font-style: normal;
2690    font-weight: normal;
2691    height: 34px;
2692    justify-content: center;
2693    margin: 2px 0 3px 0;
2694    outline: none;
2695    overflow: hidden;
2696    padding: 0;
2697    text-transform: none;
2698    width: 34px;
2699  }
2700  .tox .tox-tbtn svg {
2701    display: block;
2702    fill: #222f3e;
2703  }
2704  .tox .tox-tbtn.tox-tbtn-more {
2705    padding-left: 5px;
2706    padding-right: 5px;
2707    width: inherit;
2708  }
2709  .tox .tox-tbtn:focus {
2710    background: #dee0e2;
2711    border: 0;
2712    box-shadow: none;
2713  }
2714  .tox .tox-tbtn:hover {
2715    background: #dee0e2;
2716    border: 0;
2717    box-shadow: none;
2718    color: #222f3e;
2719  }
2720  .tox .tox-tbtn:hover svg {
2721    fill: #222f3e;
2722  }
2723  .tox .tox-tbtn:active {
2724    background: #c8cbcf;
2725    border: 0;
2726    box-shadow: none;
2727    color: #222f3e;
2728  }
2729  .tox .tox-tbtn:active svg {
2730    fill: #222f3e;
2731  }
2732  .tox .tox-tbtn--disabled,
2733  .tox .tox-tbtn--disabled:hover,
2734  .tox .tox-tbtn:disabled,
2735  .tox .tox-tbtn:disabled:hover {
2736    background: transparent;
2737    border: 0;
2738    box-shadow: none;
2739    color: rgba(34, 47, 62, 0.5);
2740    cursor: not-allowed;
2741  }
2742  .tox .tox-tbtn--disabled svg,
2743  .tox .tox-tbtn--disabled:hover svg,
2744  .tox .tox-tbtn:disabled svg,
2745  .tox .tox-tbtn:disabled:hover svg {
2746    /* stylelint-disable-line no-descending-specificity */
2747    fill: rgba(34, 47, 62, 0.5);
2748  }
2749  .tox .tox-tbtn--enabled,
2750  .tox .tox-tbtn--enabled:hover {
2751    background: #c8cbcf;
2752    border: 0;
2753    box-shadow: none;
2754    color: #222f3e;
2755  }
2756  .tox .tox-tbtn--enabled > *,
2757  .tox .tox-tbtn--enabled:hover > * {
2758    transform: none;
2759  }
2760  .tox .tox-tbtn--enabled svg,
2761  .tox .tox-tbtn--enabled:hover svg {
2762    /* stylelint-disable-line no-descending-specificity */
2763    fill: #222f3e;
2764  }
2765  .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
2766    color: #222f3e;
2767  }
2768  .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
2769    fill: #222f3e;
2770  }
2771  .tox .tox-tbtn:active > * {
2772    transform: none;
2773  }
2774  .tox .tox-tbtn--md {
2775    height: 51px;
2776    width: 51px;
2777  }
2778  .tox .tox-tbtn--lg {
2779    flex-direction: column;
2780    height: 68px;
2781    width: 68px;
2782  }
2783  .tox .tox-tbtn--return {
2784    -ms-grid-row-align: stretch;
2785        align-self: stretch;
2786    height: unset;
2787    width: 16px;
2788  }
2789  .tox .tox-tbtn--labeled {
2790    padding: 0 4px;
2791    width: unset;
2792  }
2793  .tox .tox-tbtn__vlabel {
2794    display: block;
2795    font-size: 10px;
2796    font-weight: normal;
2797    letter-spacing: -0.025em;
2798    margin-bottom: 4px;
2799    white-space: nowrap;
2800  }
2801  .tox .tox-tbtn--select {
2802    margin: 2px 0 3px 0;
2803    padding: 0 4px;
2804    width: auto;
2805  }
2806  .tox .tox-tbtn__select-label {
2807    cursor: default;
2808    font-weight: normal;
2809    margin: 0 4px;
2810  }
2811  .tox .tox-tbtn__select-chevron {
2812    align-items: center;
2813    display: flex;
2814    justify-content: center;
2815    width: 16px;
2816  }
2817  .tox .tox-tbtn__select-chevron svg {
2818    fill: rgba(34, 47, 62, 0.5);
2819  }
2820  .tox .tox-tbtn--bespoke .tox-tbtn__select-label {
2821    overflow: hidden;
2822    text-overflow: ellipsis;
2823    white-space: nowrap;
2824    width: 7em;
2825  }
2826  .tox .tox-split-button {
2827    border: 0;
2828    border-radius: 3px;
2829    box-sizing: border-box;
2830    display: flex;
2831    margin: 2px 0 3px 0;
2832    overflow: hidden;
2833  }
2834  .tox .tox-split-button:hover {
2835    box-shadow: 0 0 0 1px #dee0e2 inset;
2836  }
2837  .tox .tox-split-button:focus {
2838    background: #dee0e2;
2839    box-shadow: none;
2840    color: #222f3e;
2841  }
2842  .tox .tox-split-button > * {
2843    border-radius: 0;
2844  }
2845  .tox .tox-split-button__chevron {
2846    width: 16px;
2847  }
2848  .tox .tox-split-button__chevron svg {
2849    fill: rgba(34, 47, 62, 0.5);
2850  }
2851  .tox .tox-split-button .tox-tbtn {
2852    margin: 0;
2853  }
2854  .tox.tox-platform-touch .tox-split-button .tox-tbtn:first-child {
2855    width: 30px;
2856  }
2857  .tox.tox-platform-touch .tox-split-button__chevron {
2858    width: 20px;
2859  }
2860  .tox .tox-split-button.tox-tbtn--disabled:hover,
2861  .tox .tox-split-button.tox-tbtn--disabled:focus,
2862  .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
2863  .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
2864    background: transparent;
2865    box-shadow: none;
2866    color: rgba(34, 47, 62, 0.5);
2867  }
2868  .tox .tox-toolbar-overlord {
2869    background-color: #fff;
2870  }
2871  .tox .tox-toolbar,
2872  .tox .tox-toolbar__primary,
2873  .tox .tox-toolbar__overflow {
2874    background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
2875    background-color: #fff;
2876    display: flex;
2877    flex: 0 0 auto;
2878    flex-shrink: 0;
2879    flex-wrap: wrap;
2880    padding: 0 0;
2881  }
2882  .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
2883    height: 0;
2884    opacity: 0;
2885    padding-bottom: 0;
2886    padding-top: 0;
2887    visibility: hidden;
2888  }
2889  .tox .tox-toolbar__overflow--growing {
2890    transition: height 0.3s ease, opacity 0.2s linear 0.1s;
2891  }
2892  .tox .tox-toolbar__overflow--shrinking {
2893    transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
2894  }
2895  .tox .tox-menubar + .tox-toolbar,
2896  .tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
2897    border-top: 1px solid #cccccc;
2898    margin-top: -1px;
2899  }
2900  .tox .tox-toolbar--scrolling {
2901    flex-wrap: nowrap;
2902    overflow-x: auto;
2903  }
2904  .tox .tox-pop .tox-toolbar {
2905    border-width: 0;
2906  }
2907  .tox .tox-toolbar--no-divider {
2908    background-image: none;
2909  }
2910  .tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child,
2911  .tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary {
2912    border-top: 1px solid #cccccc;
2913  }
2914  .tox.tox-tinymce-aux .tox-toolbar__overflow {
2915    background-color: #fff;
2916    border: 1px solid #cccccc;
2917    border-radius: 3px;
2918    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
2919  }
2920  .tox .tox-toolbar__group {
2921    align-items: center;
2922    display: flex;
2923    flex-wrap: wrap;
2924    margin: 0 0;
2925    padding: 0 4px 0 4px;
2926  }
2927  .tox .tox-toolbar__group--pull-right {
2928    margin-left: auto;
2929  }
2930  .tox .tox-toolbar--scrolling .tox-toolbar__group {
2931    flex-shrink: 0;
2932    flex-wrap: nowrap;
2933  }
2934  .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
2935    border-right: 1px solid #cccccc;
2936  }
2937  .tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
2938    border-left: 1px solid #cccccc;
2939  }
2940  .tox .tox-tooltip {
2941    display: inline-block;
2942    padding: 8px;
2943    position: relative;
2944  }
2945  .tox .tox-tooltip__body {
2946    background-color: #222f3e;
2947    border-radius: 3px;
2948    box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
2949    color: rgba(255, 255, 255, 0.75);
2950    font-size: 14px;
2951    font-style: normal;
2952    font-weight: normal;
2953    padding: 4px 8px;
2954    text-transform: none;
2955  }
2956  .tox .tox-tooltip__arrow {
2957    position: absolute;
2958  }
2959  .tox .tox-tooltip--down .tox-tooltip__arrow {
2960    border-left: 8px solid transparent;
2961    border-right: 8px solid transparent;
2962    border-top: 8px solid #222f3e;
2963    bottom: 0;
2964    left: 50%;
2965    position: absolute;
2966    transform: translateX(-50%);
2967  }
2968  .tox .tox-tooltip--up .tox-tooltip__arrow {
2969    border-bottom: 8px solid #222f3e;
2970    border-left: 8px solid transparent;
2971    border-right: 8px solid transparent;
2972    left: 50%;
2973    position: absolute;
2974    top: 0;
2975    transform: translateX(-50%);
2976  }
2977  .tox .tox-tooltip--right .tox-tooltip__arrow {
2978    border-bottom: 8px solid transparent;
2979    border-left: 8px solid #222f3e;
2980    border-top: 8px solid transparent;
2981    position: absolute;
2982    right: 0;
2983    top: 50%;
2984    transform: translateY(-50%);
2985  }
2986  .tox .tox-tooltip--left .tox-tooltip__arrow {
2987    border-bottom: 8px solid transparent;
2988    border-right: 8px solid #222f3e;
2989    border-top: 8px solid transparent;
2990    left: 0;
2991    position: absolute;
2992    top: 50%;
2993    transform: translateY(-50%);
2994  }
2995  .tox .tox-well {
2996    border: 1px solid #cccccc;
2997    border-radius: 3px;
2998    padding: 8px;
2999    width: 100%;
3000  }
3001  .tox .tox-well > *:first-child {
3002    margin-top: 0;
3003  }
3004  .tox .tox-well > *:last-child {
3005    margin-bottom: 0;
3006  }
3007  .tox .tox-well > *:only-child {
3008    margin: 0;
3009  }
3010  .tox .tox-custom-editor {
3011    border: 1px solid #cccccc;
3012    border-radius: 3px;
3013    display: flex;
3014    flex: 1;
3015    position: relative;
3016  }
3017  /* stylelint-disable */
3018  .tox {
3019    /* stylelint-enable */
3020  }
3021  .tox .tox-dialog-loading::before {
3022    background-color: rgba(0, 0, 0, 0.5);
3023    content: "";
3024    height: 100%;
3025    position: absolute;
3026    width: 100%;
3027    z-index: 1000;
3028  }
3029  .tox .tox-tab {
3030    cursor: pointer;
3031  }
3032  .tox .tox-dialog__content-js {
3033    display: flex;
3034    flex: 1;
3035    -ms-flex-preferred-size: auto;
3036  }
3037  .tox .tox-dialog__body-content .tox-collection {
3038    display: flex;
3039    flex: 1;
3040    -ms-flex-preferred-size: auto;
3041  }
3042  .tox .tox-image-tools-edit-panel {
3043    height: 60px;
3044  }
3045  .tox .tox-image-tools__sidebar {
3046    height: 60px;
3047  }


Generated: Wed Sep 7 05:41:13 2022 Chilli.vc Blog - For Webmaster,Blog-Writer,System Admin and Domainer