1
.text_warning {
2
    color: rgb(220 173 16);
3
}
4

5
.text_danger {
6
    color: var(--fullred);
7
}
8

9
.highlighted {
10
    color: black;
11
    background-color: yellow;
12
    text-shadow: none !important;
13
}
14

15
.m-t-0 {
16
    margin-top: 0;
17
}
18

19
.m-t-1 {
20
    margin-top: 1em;
21
}
22

23
.m-t-2 {
24
    margin-top: 2em;
25
}
26

27
.m-t-3 {
28
    margin-top: 3em;
29
}
30

31
.m-t-4 {
32
    margin-top: 4em;
33
}
34

35
.m-t-5 {
36
    margin-top: 5em;
37
}
38

39
.m-b-1 {
40
    margin-bottom: 1em;
41
}
42

43
.m-b-2 {
44
    margin-bottom: 2em;
45
}
46

47
.m-b-3 {
48
    margin-bottom: 3em;
49
}
50

51
.m-b-4 {
52
    margin-bottom: 4em;
53
}
54

55
.m-b-5 {
56
    margin-bottom: 5em;
57
}
58

59
.tooltip {
60
    cursor: help;
61
}
62

63
.margin-bot-10px,
64
.marginBot10 {
65
    margin-bottom: 10px !important;
66
}
67

68
.marginTop10 {
69
    margin-top: 10px !important;
70
}
71

72
.marginBot5 {
73
    margin-bottom: 5px !important;
74
}
75

76
.marginTop5 {
77
    margin-top: 5px !important;
78
}
79

80
.marginTopBot5 {
81
    margin-top: 5px !important;
82
    margin-bottom: 5px !important;
83
}
84

85
.margin5 {
86
    margin: 5px;
87
}
88

89
.marginLeft5 {
90
    margin-left: 5px;
91
}
92

93
.overflowYAuto {
94
    overflow-y: auto;
95
}
96

97
.heightMinContent {
98
    height: min-content;
99
}
100

101
.justifySpaceBetween {
102
    justify-content: space-between;
103
}
104

105
.justifySpaceEvenly {
106
    justify-content: space-evenly;
107
}
108

109
.justifySpaceAround {
110
    justify-content: space-around;
111
}
112

113
.alignitemsflexstart {
114
    align-items: flex-start !important;
115
}
116

117
.alignItemsFlexEnd {
118
    align-items: flex-end !important;
119
}
120

121
.alignItemsBaseline {
122
    align-items: baseline !important;
123
}
124

125
.alignSelfStart {
126
    align-self: start;
127
}
128

129
.gap0 {
130
    gap: 0 !important;
131
}
132

133
.gap3px {
134
    gap: 3px !important;
135
}
136

137
.gap5px {
138
    gap: 5px !important;
139
}
140

141
.gap10px {
142
    gap: 10px !important;
143
}
144

145
.gap10h20v {
146
    gap: 10px 20px !important;
147
}
148

149
.gap10h5v {
150
    gap: 5px 10px !important;
151
}
152

153
.wide10pMinFit {
154
    width: 10%;
155
    min-width: fit-content;
156
}
157

158
.wide100pLess70px {
159
    width: calc(100% - 70px);
160
}
161

162
.wideMax100px {
163
    max-width: 100px;
164
}
165

166
.width100px {
167
    width: 100px;
168
}
169

170
.widthUnset {
171
    width: unset;
172
}
173

174
.no-border {
175
    border: none !important;
176
}
177

178
.no-shadow {
179
    box-shadow: none !important;
180
}
181

182
.height100p {
183
    height: 100%;
184
}
185

186
.height100pSpaceEvenly {
187
    align-content: space-evenly;
188
    height: 100%;
189
}
190

191
.height32px {
192
    height: 32px;
193
}
194

195
.TxtLrgBoldCenter {
196
    text-align: center;
197
    font-size: large;
198
    font-weight: 600;
199
}
200

201
.textAlignCenter {
202
    text-align: center;
203
}
204

205
.margin-right-10px {
206
    margin-right: 10px;
207
}
208

209

210
.success {
211
    color: green;
212
}
213

214
.failure {
215
    color: red;
216
}
217

218
.optional {
219
    color: lightgray;
220
}
221

222
.monospace {
223
    font-family: var(--monoFontFamily);
224
}
225

226
.expander {
227
    flex-grow: 1;
228
}
229

230
.redOverlayGlow {
231
    color: #800;
232
    opacity: 0.8 !important;
233
    text-shadow: none !important;
234
}
235

236
.width100p {
237
    width: 100%;
238
}
239

240
.flex {
241
    display: flex;
242
}
243

244
.flexBasis100p {
245
    flex-basis: 100%;
246
}
247

248
.flexBasis50p {
249
    flex-basis: 50%
250
}
251

252
.flexBasis25p {
253
    flex-basis: 25%
254
}
255

256
.flexBasis200px {
257
    flex-basis: 200px
258
}
259

260
.flexBasis48p {
261
    flex-basis: 48%
262
}
263

264
.flexBasis30p {
265
    flex-basis: 30%;
266
}
267

268
.flex-container {
269
    display: flex;
270
    gap: 5px;
271
    flex-wrap: wrap;
272
}
273

274
.flexNoGap {
275
    gap: unset !important;
276
}
277

278
.flexGrow {
279
    flex-grow: 1;
280
}
281

282
.flexShrink {
283
    flex-shrink: 1
284
}
285

286
.flexWrap {
287
    flex-wrap: wrap;
288
}
289

290
.flexnowrap,
291
.flexNoWrap {
292
    flex-wrap: nowrap;
293
}
294

295
.inline-flex {
296
    display: inline-flex;
297
}
298

299
.inline-block {
300
    display: inline-block;
301
}
302

303
.alignitemscenter,
304
.alignItemsCenter {
305
    align-items: center;
306
}
307

308
.alignitemsstart,
309
.alignItemsStart {
310
    align-items: start;
311
}
312

313
.overflow-hidden {
314
    overflow: hidden;
315
    white-space: nowrap;
316
    text-overflow: ellipsis;
317
}
318

319
.maxWidth200px {
320
    max-width: 200px;
321
}
322

323
.alignContentFlexStart {
324
    align-content: flex-start;
325
}
326

327
.alignContentCenter {
328
    align-content: center;
329
}
330

331
.overflowHidden {
332
    overflow: hidden;
333
}
334

335
.overflowYScroll {
336
    overflow-y: scroll;
337
}
338

339
.padding0 {
340
    padding: 0;
341
}
342

343
.padding5 {
344
    padding: 5px;
345
}
346

347
.padding10 {
348
    padding: 10px;
349
}
350

351
.margin0 {
352
    margin: 0;
353
}
354

355
.margin0auto {
356
    margin: 0 auto;
357
}
358

359
.margin-r5 {
360
    margin-right: 5px;
361
}
362

363
.margin-r2 {
364
    margin-right: 2px;
365
}
366

367
.flexAuto {
368
    flex: auto;
369
}
370

371
.flex0 {
372
    flex: 0;
373
}
374

375
.flex1 {
376
    flex: 1;
377
}
378

379
.flex2 {
380
    flex: 2 !important;
381
}
382

383
.flex3 {
384
    flex: 3;
385
}
386

387
.flex4 {
388
    flex: 4;
389
}
390

391
.flexFlowColumn {
392
    flex-flow: column;
393
}
394

395
.flexFlowRow {
396
    flex-flow: row;
397
}
398

399
.wideMinContent {
400
    width: min-content;
401
}
402

403
.flexWide50p {
404
    flex: 50%;
405
}
406

407
.wide25p {
408
    width: 25%;
409
}
410

411
.wide30p {
412
    width: 30% !important;
413
}
414

415
.justifyLeft {
416
    text-align: start;
417
    justify-content: left;
418
    margin-left: unset;
419
}
420

421
.justifyCenter {
422
    justify-content: center;
423
    margin: 0 auto;
424
}
425

426
.justifyContentSpaceAround {
427
    justify-content: space-around;
428
}
429

430
.justifyContentFlexStart {
431
    justify-content: flex-start;
432
}
433

434
.justifyContentFlexEnd {
435
    justify-content: flex-end;
436
}
437

438
.spaceEvenly {
439
    justify-content: space-evenly;
440
}
441

442
.spaceBetween {
443
    justify-content: space-between;
444
}
445

446
.widthNatural {
447
    width: unset !important;
448
    min-width: unset !important;
449
    max-width: unset !important;
450
}
451

452
.widthFreeExpand {
453
    width: -webkit-fill-available;
454
    width: -moz-available;
455
}
456

457
.wide100p {
458
    width: 100%;
459
}
460

461
.wide50p {
462
    width: 50%;
463
}
464

465
.wide50px {
466
    width: 50px;
467
}
468

469
.indent20p {
470
    margin-left: 20px;
471
}
472

473
.textarea_compact {
474
    font-size: calc(var(--mainFontSize) * 0.95);
475
    line-height: 1.2;
476
}
477

478
.hoverglow {
479
    transition: opacity var(--animation-duration-2x);
480
}
481

482
.hoverglow:hover {
483
    opacity: 1 !important;
484
    cursor: pointer;
485
}
486

487
input:disabled,
488
textarea:disabled {
489
    cursor: not-allowed;
490
    filter: brightness(0.5);
491
}
492

493
#AdvancedFormatting .disabled {
494
    filter: brightness(0.5);
495
}
496

497
.debug-red {
498
    border: 1px solid red !important;
499
}
500

501
.debug-yellow {
502
    border: 1px solid yellow !important;
503
}
504

505
.debug-green {
506
    border: 1px solid green !important;
507
}
508

509
.debug-blue {
510
    border: 1px solid blue !important;
511
}
512

513
.debug-purple {
514
    border: 1px solid purple !important;
515
}
516

517
.fontsize120p {
518
    font-size: calc(var(--mainFontSize) * 1.2) !important;
519
}
520

521
.fontsize90p {
522
    font-size: calc(var(--mainFontSize) * 0.9) !important;
523
}
524

525
.fontsize80p {
526
    font-size: calc(var(--mainFontSize) * 0.8) !important;
527
}
528

529
.fontsize60p {
530
    font-size: calc(var(--mainFontSize) * 0.6) !important;
531
}
532

533
.paddingBottom5px {
534
    padding: unset;
535
    padding-bottom: 5px;
536
}
537

538
.paddingTopBot5 {
539
    padding: 5px 0;
540
}
541

542
.paddingLeftRight5 {
543
    padding: 0 5px;
544
}
545

546
.heightFitContent {
547
    height: fit-content;
548
}
549

550
.widthFitContent {
551
    width: fit-content;
552
    min-width: fit-content;
553
}
554

555
.flexGap2 {
556
    gap: 2px;
557
}
558

559
.flexGap5 {
560
    gap: 5px;
561
}
562

563
.flexGap10 {
564
    gap: 10px;
565
}
566

567
.opacity50p {
568
    opacity: 0.5
569
}
570

571
.grayscale {
572
    filter: grayscale(100%);
573
}
574

575
.opacity1 {
576
    opacity: 1 !important;
577
}
578

579
.circleborder30px {
580
    right: 30px;
581
    top: 10px;
582
    position: absolute;
583
    border: 1px solid var(--SmartThemeBodyColor);
584
    border-radius: 100%;
585
    aspect-ratio: 1 / 1;
586
    height: 30px;
587
    text-align: center;
588
    padding: 5px;
589
}
590

591
ul.li-padding-b-1 li {
592
    padding-bottom: 1em;
593
}
594

595
ul.li-padding-b-2 li {
596
    padding-bottom: 2em;
597
}
598

599
ul.li-padding-b-5 li {
600
    padding-bottom: 5em;
601
}
602

603
ul.li-padding-bot5 li {
604
    padding-bottom: 5px;
605
}
606

607
ul.li-padding-bot10 li {
608
    padding-bottom: 10px;
609
}
610

611
.wordBreakAll {
612
    word-break: break-all;
613
}