Subversion Repositories oidplus

Rev

Rev 637 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
597 daniel-mar 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: #2A3746;
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 #000000;
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 #000000;
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
}
637 daniel-mar 97
.tox[dir=rtl] .tox-icon--flip svg {
98
  transform: rotateY(180deg);
99
}
597 daniel-mar 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 #000000;
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: #000000;
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.5);
129
  border-color: #207ab7;
130
  color: #fff;
131
}
132
.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child {
133
  border-color: #207ab7;
134
}
135
.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
136
  color: #fff;
137
}
138
.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
139
  fill: #fff;
140
}
141
.tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
142
  color: #fff;
143
}
144
.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
145
  background-color: rgba(255, 165, 0, 0.5);
146
  border-color: rgba(255, 165, 0, 0.8);
147
  color: #fff;
148
}
149
.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > *:last-child {
150
  border-color: rgba(255, 165, 0, 0.8);
151
}
152
.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
153
  color: #fff;
154
}
155
.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
156
  fill: #fff;
157
}
158
.tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon {
159
  color: #fff;
160
}
161
.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
162
  background-color: rgba(204, 0, 0, 0.5);
163
  border-color: rgba(204, 0, 0, 0.8);
164
  color: #fff;
165
}
166
.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > *:last-child {
167
  border-color: rgba(204, 0, 0, 0.8);
168
}
169
.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
170
  color: #fff;
171
}
172
.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
173
  fill: #fff;
174
}
175
.tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon {
176
  color: #fff;
177
}
178
.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
179
  background-color: rgba(120, 171, 70, 0.5);
180
  border-color: rgba(120, 171, 70, 0.8);
181
  color: #fff;
182
}
183
.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
184
  border-color: rgba(120, 171, 70, 0.8);
185
}
186
.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
187
  color: #fff;
188
}
189
.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
190
  fill: #fff;
191
}
192
.tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon {
193
  color: #fff;
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: #3d546f;
292
  background-image: none;
293
  background-position: 0 0;
294
  background-repeat: repeat;
295
  border-color: #3d546f;
296
  border-radius: 3px;
297
  border-style: solid;
298
  border-width: 1px;
299
  box-shadow: none;
300
  color: #fff;
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: #3d546f;
312
  background-image: none;
313
  border-color: #3d546f;
314
  box-shadow: none;
315
  color: rgba(255, 255, 255, 0.5);
316
}
317
.tox .tox-button--secondary:focus:not(:disabled) {
318
  background-color: #34485f;
319
  background-image: none;
320
  border-color: #34485f;
321
  box-shadow: none;
322
  color: #fff;
323
}
324
.tox .tox-button--secondary:hover:not(:disabled) {
325
  background-color: #34485f;
326
  background-image: none;
327
  border-color: #34485f;
328
  box-shadow: none;
329
  color: #fff;
330
}
331
.tox .tox-button--secondary:active:not(:disabled) {
332
  background-color: #2b3b4e;
333
  background-image: none;
334
  border-color: #2b3b4e;
335
  box-shadow: none;
336
  color: #fff;
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: #fff;
371
}
372
.tox .tox-button--naked[disabled] {
373
  background-color: #3d546f;
374
  border-color: #3d546f;
375
  box-shadow: none;
376
  color: rgba(255, 255, 255, 0.5);
377
}
378
.tox .tox-button--naked:hover:not(:disabled) {
379
  background-color: #34485f;
380
  border-color: #34485f;
381
  box-shadow: none;
382
  color: #fff;
383
}
384
.tox .tox-button--naked:focus:not(:disabled) {
385
  background-color: #34485f;
386
  border-color: #34485f;
387
  box-shadow: none;
388
  color: #fff;
389
}
390
.tox .tox-button--naked:active:not(:disabled) {
391
  background-color: #2b3b4e;
392
  border-color: #2b3b4e;
393
  box-shadow: none;
394
  color: #fff;
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: #fff;
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(255, 255, 255, 0.2);
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(255, 255, 255, 0.5);
443
  cursor: not-allowed;
444
}
445
.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
446
  fill: rgba(255, 255, 255, 0.5);
447
}
448
.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
449
  fill: rgba(255, 255, 255, 0.5);
450
}
451
.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
452
  fill: rgba(255, 255, 255, 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: #1a1a1a;
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: #333333;
518
  color: #fff;
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: #fff;
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: #2b3b4e;
557
  color: #fff;
558
}
559
.tox .tox-collection--list .tox-collection__item--active {
560
  background-color: #4a5562;
561
}
562
.tox .tox-collection--toolbar .tox-collection__item--enabled {
563
  background-color: #757d87;
564
  color: #fff;
565
}
566
.tox .tox-collection--toolbar .tox-collection__item--active {
567
  background-color: #4a5562;
568
}
569
.tox .tox-collection--grid .tox-collection__item--enabled {
570
  background-color: #757d87;
571
  color: #fff;
572
}
573
.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
574
  background-color: #4a5562;
575
  color: #fff;
576
}
577
.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
578
  color: #fff;
579
}
580
.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
581
  color: #fff;
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(255, 255, 255, 0.5);
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: #fff;
631
}
637 daniel-mar 632
.tox .tox-collection__item--state-disabled {
633
  background-color: transparent;
634
  color: rgba(255, 255, 255, 0.5);
635
  cursor: not-allowed;
636
}
637
.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
638
  fill: rgba(255, 255, 255, 0.5);
639
}
597 daniel-mar 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: #2b3b4e;
648
  border: 1px solid #1a1a1a;
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 #000000;
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 #000000;
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: #4a5562;
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: #2b3b4e;
921
  position: relative;
922
}
923
.tox .tox-comment-thread > *:not(:first-child) {
924
  margin-top: 8px;
925
}
926
.tox .tox-comment {
927
  background: #2b3b4e;
928
  border: 1px solid #000000;
929
  border-radius: 3px;
930
  box-shadow: 0 4px 8px 0 rgba(42, 55, 70, 0.1);
931
  padding: 8px 8px 16px 8px;
932
  position: relative;
933
}
934
.tox .tox-comment__header {
935
  align-items: center;
936
  color: #fff;
937
  display: flex;
938
  justify-content: space-between;
939
}
940
.tox .tox-comment__date {
941
  color: rgba(255, 255, 255, 0.5);
942
  font-size: 12px;
943
}
944
.tox .tox-comment__body {
945
  color: #fff;
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(255, 255, 255, 0.5);
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: #2b3b4e;
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(43, 59, 78, 0), #2b3b4e);
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: #2b3b4e;
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: #fff;
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: #2b3b4e;
1050
  box-shadow: 0 0 8px 8px #2b3b4e;
1051
  color: #fff;
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: #2b3b4e;
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(255, 255, 255, 0.5);
1100
}
1101
.tox .tox-user__name {
1102
  color: rgba(255, 255, 255, 0.5);
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(34, 47, 62, 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: #222f3e;
1142
}
1143
.tox .tox-dialog {
1144
  background-color: #2b3b4e;
1145
  border-color: #000000;
1146
  border-radius: 3px;
1147
  border-style: solid;
1148
  border-width: 1px;
1149
  box-shadow: 0 16px 16px -10px rgba(42, 55, 70, 0.15), 0 0 40px 1px rgba(42, 55, 70, 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: #2b3b4e;
1172
  border-bottom: none;
1173
  color: #fff;
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: #fff;
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(255, 255, 255, 0.5);
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: #fff;
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: #fff;
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: #fff;
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: #2b3b4e;
1363
  border-top: 1px solid #000000;
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(34, 47, 62, 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 #000000;
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 #000000;
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(255, 255, 255, 0.5);
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 #000000;
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(42, 55, 70, 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(255, 255, 255, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%);
1631
  background-position: 0 0, 0 6px, 6px -6px, -6px 0;
1632
  background-size: 12px 12px;
1633
  border: 1px solid #2b3b4e;
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(255, 255, 255, 0.5);
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: #2b3b4e;
1763
  border-color: #000000;
1764
  border-radius: 3px;
1765
  border-style: solid;
1766
  border-width: 1px;
1767
  box-shadow: none;
1768
  box-sizing: border-box;
1769
  color: #fff;
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: #222f3e;
1783
  color: rgba(255, 255, 255, 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: #2b3b4e;
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: #fff;
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: #19232e;
1827
  color: rgba(255, 255, 255, 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: #fff;
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: #2b3b4e;
1863
  border-color: #000000;
1864
  border-radius: 3px;
1865
  border-style: solid;
1866
  border-width: 1px;
1867
  box-shadow: none;
1868
  box-sizing: border-box;
1869
  color: #fff;
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: #19232e;
1882
  color: rgba(255, 255, 255, 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: #2b3b4e;
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
}
679 daniel-mar 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
}
597 daniel-mar 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: #000000;
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: #fff;
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: #2b3b4e;
2090
  border: 1px solid #000000;
2091
  border-radius: 3px;
2092
  box-shadow: 0 4px 8px 0 rgba(42, 55, 70, 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='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;
2120
  background-color: #222f3e;
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 #000000;
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: #fff;
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(255, 255, 255, 0.5);
2157
  cursor: not-allowed;
2158
}
2159
.tox .tox-mbtn:focus:not(:disabled) {
2160
  background: #4a5562;
2161
  border: 0;
2162
  box-shadow: none;
2163
  color: #fff;
2164
}
2165
.tox .tox-mbtn--active {
2166
  background: #757d87;
2167
  border: 0;
2168
  box-shadow: none;
2169
  color: #fff;
2170
}
2171
.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
2172
  background: #4a5562;
2173
  border: 0;
2174
  box-shadow: none;
2175
  color: #fff;
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 {
637 daniel-mar 2214
  cursor: pointer;
597 daniel-mar 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: #fff;
2224
}
2225
.tox .tox-notification--success p {
2226
  color: #fff;
2227
}
2228
.tox .tox-notification--success a {
2229
  color: #547831;
2230
}
2231
.tox .tox-notification--success svg {
2232
  fill: #fff;
2233
}
2234
.tox .tox-notification--error {
2235
  background-color: #f8dede;
2236
  border-color: #f2bfbf;
2237
  color: #fff;
2238
}
2239
.tox .tox-notification--error p {
2240
  color: #fff;
2241
}
2242
.tox .tox-notification--error a {
2243
  color: #c00;
2244
}
2245
.tox .tox-notification--error svg {
2246
  fill: #fff;
2247
}
2248
.tox .tox-notification--warn,
2249
.tox .tox-notification--warning {
2250
  background-color: #fffaea;
2251
  border-color: #ffe89d;
2252
  color: #fff;
2253
}
2254
.tox .tox-notification--warn p,
2255
.tox .tox-notification--warning p {
2256
  color: #fff;
2257
}
2258
.tox .tox-notification--warn a,
2259
.tox .tox-notification--warning a {
2260
  color: #fff;
2261
}
2262
.tox .tox-notification--warn svg,
2263
.tox .tox-notification--warning svg {
2264
  fill: #fff;
2265
}
2266
.tox .tox-notification--info {
2267
  background-color: #d9edf7;
2268
  border-color: #779ecb;
2269
  color: #fff;
2270
}
2271
.tox .tox-notification--info p {
2272
  color: #fff;
2273
}
2274
.tox .tox-notification--info a {
2275
  color: #fff;
2276
}
2277
.tox .tox-notification--info svg {
2278
  fill: #fff;
2279
}
2280
.tox .tox-notification__body {
2281
  -ms-grid-row-align: center;
2282
      align-self: center;
2283
  color: #fff;
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
}
637 daniel-mar 2354
.tox .tox-pop--resizing .tox-toolbar,
2355
.tox .tox-pop--resizing .tox-toolbar__group {
597 daniel-mar 2356
  flex-wrap: nowrap;
2357
}
637 daniel-mar 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
}
597 daniel-mar 2366
.tox .tox-pop__dialog {
2367
  background-color: #222f3e;
2368
  border: 1px solid #000000;
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;
637 daniel-mar 2387
  opacity: 1;
597 daniel-mar 2388
  position: absolute;
2389
  width: 0;
2390
}
637 daniel-mar 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
}
597 daniel-mar 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: #222f3e 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: #000000 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 #222f3e 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 #000000 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 #222f3e transparent transparent;
2437
  border-width: 8px;
2438
  margin-left: -15px;
2439
}
2440
.tox .tox-pop.tox-pop--left::before {
2441
  border-color: transparent #000000 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 #222f3e;
2453
  border-width: 8px;
2454
  margin-left: -1px;
2455
}
2456
.tox .tox-pop.tox-pop--right::before {
2457
  border-color: transparent transparent transparent #000000;
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: #222f3e;
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 #000000;
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(255, 255, 255, 0.5);
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: #222f3e;
2584
  border-top: 1px solid #000000;
2585
  color: #fff;
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: #fff;
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: #fff;
2647
}
2648
.tox .tox-statusbar__resize-handle:focus svg {
2649
  background-color: #4a5562;
2650
  border-radius: 1px;
2651
  box-shadow: 0 0 0 2px #4a5562;
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(34, 47, 62, 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: #fff;
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: #fff;
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: #4a5562;
2711
  border: 0;
2712
  box-shadow: none;
2713
}
2714
.tox .tox-tbtn:hover {
2715
  background: #4a5562;
2716
  border: 0;
2717
  box-shadow: none;
2718
  color: #fff;
2719
}
2720
.tox .tox-tbtn:hover svg {
2721
  fill: #fff;
2722
}
2723
.tox .tox-tbtn:active {
2724
  background: #757d87;
2725
  border: 0;
2726
  box-shadow: none;
2727
  color: #fff;
2728
}
2729
.tox .tox-tbtn:active svg {
2730
  fill: #fff;
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(255, 255, 255, 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(255, 255, 255, 0.5);
2748
}
2749
.tox .tox-tbtn--enabled,
2750
.tox .tox-tbtn--enabled:hover {
2751
  background: #757d87;
2752
  border: 0;
2753
  box-shadow: none;
2754
  color: #fff;
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: #fff;
2764
}
2765
.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
2766
  color: #fff;
2767
}
2768
.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
2769
  fill: #fff;
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(255, 255, 255, 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 #4a5562 inset;
2836
}
2837
.tox .tox-split-button:focus {
2838
  background: #4a5562;
2839
  box-shadow: none;
2840
  color: #fff;
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(255, 255, 255, 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(255, 255, 255, 0.5);
2867
}
2868
.tox .tox-toolbar-overlord {
2869
  background-color: #222f3e;
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='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;
2875
  background-color: #222f3e;
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 #000000;
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 #000000;
2913
}
2914
.tox.tox-tinymce-aux .tox-toolbar__overflow {
2915
  background-color: #222f3e;
2916
  border: 1px solid #000000;
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 #000000;
2936
}
2937
.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
2938
  border-left: 1px solid #000000;
2939
}
2940
.tox .tox-tooltip {
2941
  display: inline-block;
2942
  padding: 8px;
2943
  position: relative;
2944
}
2945
.tox .tox-tooltip__body {
2946
  background-color: #3d546f;
2947
  border-radius: 3px;
2948
  box-shadow: 0 2px 4px rgba(42, 55, 70, 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 #3d546f;
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 #3d546f;
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 #3d546f;
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 #3d546f;
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 #000000;
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 #000000;
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
}