Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 2595 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3719 stevensc 1
/*!
2
 * Converse.js (Web-based XMPP instant messaging client)
3
 * https://conversejs.org
4
 *
5
 * Copyright (c) 2013-2021, JC Brand <jc@opkode.com>
6
 * Licensed under the Mozilla Public License
7
 */
8
.conversejs converse-icon:before,
9
.converse-website converse-icon:before {
10
  content: none !important;
11
}
12
 
13
.conversejs .fa-info-circle,
14
.converse-website .fa-info-circle {
15
  height: 1em;
16
}
17
 
18
.conversejs :root {
19
  --blue: #007bff;
20
  --indigo: #6610f2;
21
  --purple: #6f42c1;
22
  --pink: #e83e8c;
23
  --red: #dc3545;
24
  --orange: #fd7e14;
25
  --yellow: #ffc107;
26
  --green: #28a745;
27
  --teal: #20c997;
28
  --cyan: #17a2b8;
29
  --white: #fff;
30
  --gray: #6c757d;
31
  --gray-dark: #343a40;
32
  --primary: #007bff;
33
  --secondary: #6c757d;
34
  --success: #28a745;
35
  --info: #17a2b8;
36
  --warning: #ffc107;
37
  --danger: #dc3545;
38
  --light: #f8f9fa;
39
  --dark: #343a40;
40
  --breakpoint-xs: 0;
41
  --breakpoint-sm: 576px;
42
  --breakpoint-md: 768px;
43
  --breakpoint-lg: 992px;
44
  --breakpoint-xl: 1200px;
45
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
46
    Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
47
    'Segoe UI Symbol', 'Noto Color Emoji';
48
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
49
    'Courier New', monospace;
50
}
51
 
52
.conversejs *,
53
.conversejs *::before,
54
.conversejs *::after {
55
  box-sizing: border-box;
56
}
57
 
58
.conversejs html {
59
  font-family: sans-serif;
60
  line-height: 1.15;
61
  -webkit-text-size-adjust: 100%;
62
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
63
}
64
 
65
.conversejs article,
66
.conversejs aside,
67
.conversejs figcaption,
68
.conversejs figure,
69
.conversejs footer,
70
.conversejs header,
71
.conversejs hgroup,
72
.conversejs main,
73
.conversejs nav,
74
.conversejs section {
75
  display: block;
76
}
77
 
78
.conversejs body {
79
  margin: 0;
80
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
81
    'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
82
    'Segoe UI Symbol', 'Noto Color Emoji';
83
  font-size: 1rem;
84
  font-weight: 400;
85
  line-height: 1.5;
86
  color: #212529;
87
  text-align: left;
88
  background-color: #fff;
89
}
90
 
91
.conversejs [tabindex='-1']:focus:not(:focus-visible) {
92
  outline: 0 !important;
93
}
94
 
95
.conversejs hr {
96
  box-sizing: content-box;
97
  height: 0;
98
  overflow: visible;
99
}
100
 
101
.conversejs h1,
102
.conversejs h2,
103
.conversejs h3,
104
.conversejs h4,
105
.conversejs h5,
106
.conversejs h6 {
107
  margin-top: 0;
108
  margin-bottom: 0.5rem;
109
}
110
 
111
.conversejs p {
112
  margin-top: 0;
113
  margin-bottom: 1rem;
114
}
115
 
116
.conversejs abbr[title],
117
.conversejs abbr[data-original-title] {
118
  text-decoration: underline;
119
  -webkit-text-decoration: underline dotted;
120
  text-decoration: underline dotted;
121
  cursor: help;
122
  border-bottom: 0;
123
  -webkit-text-decoration-skip-ink: none;
124
  text-decoration-skip-ink: none;
125
}
126
 
127
.conversejs address {
128
  margin-bottom: 1rem;
129
  font-style: normal;
130
  line-height: inherit;
131
}
132
 
133
.conversejs ol,
134
.conversejs ul,
135
.conversejs dl {
136
  margin-top: 0;
137
  margin-bottom: 1rem;
138
}
139
 
140
.conversejs ol ol,
141
.conversejs ul ul,
142
.conversejs ol ul,
143
.conversejs ul ol {
144
  margin-bottom: 0;
145
}
146
 
147
.conversejs dt {
148
  font-weight: 700;
149
}
150
 
151
.conversejs dd {
152
  margin-bottom: 0.5rem;
153
  margin-left: 0;
154
}
155
 
156
.conversejs blockquote {
157
  margin: 0 0 1rem;
158
}
159
 
160
.conversejs b,
161
.conversejs strong {
162
  font-weight: bolder;
163
}
164
 
165
.conversejs small {
166
  font-size: 80%;
167
}
168
 
169
.conversejs sub,
170
.conversejs sup {
171
  position: relative;
172
  font-size: 75%;
173
  line-height: 0;
174
  vertical-align: baseline;
175
}
176
 
177
.conversejs sub {
178
  bottom: -0.25em;
179
}
180
 
181
.conversejs sup {
182
  top: -0.5em;
183
}
184
 
185
.conversejs a {
186
  color: #007bff;
187
  text-decoration: none;
188
  background-color: rgba(0, 0, 0, 0);
189
}
190
 
191
.conversejs a:hover {
192
  color: #0056b3;
193
  text-decoration: underline;
194
}
195
 
196
.conversejs a:not([href]):not([class]) {
197
  color: inherit;
198
  text-decoration: none;
199
}
200
 
201
.conversejs a:not([href]):not([class]):hover {
202
  color: inherit;
203
  text-decoration: none;
204
}
205
 
206
.conversejs pre,
207
.conversejs code,
208
.conversejs kbd,
209
.conversejs samp {
210
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
211
  font-size: 1em;
212
}
213
 
214
.conversejs pre {
215
  margin-top: 0;
216
  margin-bottom: 1rem;
217
  overflow: auto;
218
  -ms-overflow-style: scrollbar;
219
}
220
 
221
.conversejs figure {
222
  margin: 0 0 1rem;
223
}
224
 
225
.conversejs img {
226
  vertical-align: middle;
227
  border-style: none;
228
}
229
 
230
.conversejs svg {
231
  overflow: hidden;
232
  vertical-align: middle;
233
}
234
 
235
.conversejs table {
236
  border-collapse: collapse;
237
}
238
 
239
.conversejs caption {
240
  padding-top: 0.75rem;
241
  padding-bottom: 0.75rem;
242
  color: #6c757d;
243
  text-align: left;
244
  caption-side: bottom;
245
}
246
 
247
.conversejs th {
248
  text-align: inherit;
249
  text-align: -webkit-match-parent;
250
}
251
 
252
.conversejs label {
253
  display: inline-block;
254
  margin-bottom: 0.5rem;
255
}
256
 
257
.conversejs button {
258
  border-radius: 0;
259
}
260
 
261
.conversejs button:focus:not(:focus-visible) {
262
  outline: 0;
263
}
264
 
265
.conversejs input,
266
.conversejs button,
267
.conversejs select,
268
.conversejs optgroup,
269
.conversejs textarea {
270
  margin: 0;
271
  font-family: inherit;
272
  font-size: inherit;
273
  line-height: inherit;
274
}
275
 
276
.conversejs button,
277
.conversejs input {
278
  overflow: visible;
279
}
280
 
281
.conversejs button,
282
.conversejs select {
283
  text-transform: none;
284
}
285
 
286
.conversejs [role='button'] {
287
  cursor: pointer;
288
}
289
 
290
.conversejs select {
291
  word-wrap: normal;
292
}
293
 
294
.conversejs button:not(:disabled),
295
.conversejs [type='button']:not(:disabled),
296
.conversejs [type='reset']:not(:disabled),
297
.conversejs [type='submit']:not(:disabled) {
298
  cursor: pointer;
299
}
300
 
301
.conversejs button::-moz-focus-inner,
302
.conversejs [type='button']::-moz-focus-inner,
303
.conversejs [type='reset']::-moz-focus-inner,
304
.conversejs [type='submit']::-moz-focus-inner {
305
  padding: 0;
306
  border-style: none;
307
}
308
 
309
.conversejs input[type='radio'],
310
.conversejs input[type='checkbox'] {
311
  box-sizing: border-box;
312
  padding: 0;
313
}
314
 
315
.conversejs textarea {
316
  overflow: auto;
317
  resize: vertical;
318
}
319
 
320
.conversejs fieldset {
321
  min-width: 0;
322
  padding: 0;
323
  margin: 0;
324
  border: 0;
325
}
326
 
327
.conversejs legend {
328
  display: block;
329
  width: 100%;
330
  max-width: 100%;
331
  padding: 0;
332
  margin-bottom: 0.5rem;
333
  font-size: 1.5rem;
334
  line-height: inherit;
335
  color: inherit;
336
  white-space: normal;
337
}
338
 
339
.conversejs progress {
340
  vertical-align: baseline;
341
}
342
 
343
.conversejs [type='number']::-webkit-inner-spin-button,
344
.conversejs [type='number']::-webkit-outer-spin-button {
345
  height: auto;
346
}
347
 
348
.conversejs [type='search'] {
349
  outline-offset: -2px;
350
}
351
 
352
.conversejs [type='search']::-webkit-search-decoration {
353
  -webkit-appearance: none;
354
}
355
 
356
.conversejs ::-webkit-file-upload-button {
357
  font: inherit;
358
  -webkit-appearance: button;
359
}
360
 
361
.conversejs output {
362
  display: inline-block;
363
}
364
 
365
.conversejs summary {
366
  display: list-item;
367
  cursor: pointer;
368
}
369
 
370
.conversejs template {
371
  display: none;
372
}
373
 
374
.conversejs [hidden] {
375
  display: none !important;
376
}
377
 
378
.conversejs h1,
379
.conversejs h2,
380
.conversejs h3,
381
.conversejs h4,
382
.conversejs h5,
383
.conversejs h6,
384
.conversejs .h1,
385
.conversejs .h2,
386
.conversejs .h3,
387
.conversejs .h4,
388
.conversejs .h5,
389
.conversejs .h6 {
390
  margin-bottom: 0.5rem;
391
  font-weight: 500;
392
  line-height: 1.2;
393
}
394
 
395
.conversejs h1,
396
.conversejs .h1 {
397
  font-size: 2.5rem;
398
}
399
 
400
.conversejs h2,
401
.conversejs .h2 {
402
  font-size: 2rem;
403
}
404
 
405
.conversejs h3,
406
.conversejs .h3 {
407
  font-size: 1.75rem;
408
}
409
 
410
.conversejs h4,
411
.conversejs .h4 {
412
  font-size: 1.5rem;
413
}
414
 
415
.conversejs h5,
416
.conversejs .h5 {
417
  font-size: 1.25rem;
418
}
419
 
420
.conversejs h6,
421
.conversejs .h6 {
422
  font-size: 1rem;
423
}
424
 
425
.conversejs .lead {
426
  font-size: 1.25rem;
427
  font-weight: 300;
428
}
429
 
430
.conversejs .display-1 {
431
  font-size: 6rem;
432
  font-weight: 300;
433
  line-height: 1.2;
434
}
435
 
436
.conversejs .display-2 {
437
  font-size: 5.5rem;
438
  font-weight: 300;
439
  line-height: 1.2;
440
}
441
 
442
.conversejs .display-3 {
443
  font-size: 4.5rem;
444
  font-weight: 300;
445
  line-height: 1.2;
446
}
447
 
448
.conversejs .display-4 {
449
  font-size: 3.5rem;
450
  font-weight: 300;
451
  line-height: 1.2;
452
}
453
 
454
.conversejs hr {
455
  margin-top: 1rem;
456
  margin-bottom: 1rem;
457
  border: 0;
458
  border-top: 1px solid rgba(0, 0, 0, 0.1);
459
}
460
 
461
.conversejs small,
462
.conversejs .small {
463
  font-size: 0.875em;
464
  font-weight: 400;
465
}
466
 
467
.conversejs mark,
468
.conversejs .mark {
469
  padding: 0.2em;
470
  background-color: #fcf8e3;
471
}
472
 
473
.conversejs .list-unstyled {
474
  padding-left: 0;
475
  list-style: none;
476
}
477
 
478
.conversejs .list-inline {
479
  padding-left: 0;
480
  list-style: none;
481
}
482
 
483
.conversejs .list-inline-item {
484
  display: inline-block;
485
}
486
 
487
.conversejs .list-inline-item:not(:last-child) {
488
  margin-right: 0.5rem;
489
}
490
 
491
.conversejs .initialism {
492
  font-size: 90%;
493
  text-transform: uppercase;
494
}
495
 
496
.conversejs .blockquote {
497
  margin-bottom: 1rem;
498
  font-size: 1.25rem;
499
}
500
 
501
.conversejs .blockquote-footer {
502
  display: block;
503
  font-size: 0.875em;
504
  color: #6c757d;
505
}
506
 
507
.conversejs .blockquote-footer::before {
508
  content: '— ';
509
}
510
 
511
.conversejs .img-fluid {
512
  max-width: 100%;
513
  height: auto;
514
}
515
 
516
.conversejs .img-thumbnail {
517
  padding: 0.25rem;
518
  background-color: #fff;
519
  border: 1px solid #dee2e6;
520
  border-radius: 0.25rem;
521
  max-width: 100%;
522
  height: auto;
523
}
524
 
525
.conversejs .figure {
526
  display: inline-block;
527
}
528
 
529
.conversejs .figure-img {
530
  margin-bottom: 0.5rem;
531
  line-height: 1;
532
}
533
 
534
.conversejs .figure-caption {
535
  font-size: 90%;
536
  color: #6c757d;
537
}
538
 
539
.conversejs .container,
540
.conversejs .container-fluid,
541
.conversejs .container-xl,
542
.conversejs .container-lg,
543
.conversejs .container-md,
544
.conversejs .container-sm {
545
  width: 100%;
546
  padding-right: 15px;
547
  padding-left: 15px;
548
  margin-right: auto;
549
  margin-left: auto;
550
}
551
 
552
@media (min-width: 576px) {
553
  .conversejs .container-sm,
554
  .conversejs .container {
555
    max-width: 540px;
556
  }
557
}
558
 
559
@media (min-width: 768px) {
560
  .conversejs .container-md,
561
  .conversejs .container-sm,
562
  .conversejs .container {
563
    max-width: 720px;
564
  }
565
}
566
 
567
@media (min-width: 992px) {
568
  .conversejs .container-lg,
569
  .conversejs .container-md,
570
  .conversejs .container-sm,
571
  .conversejs .container {
572
    max-width: 960px;
573
  }
574
}
575
 
576
@media (min-width: 1200px) {
577
  .conversejs .container-xl,
578
  .conversejs .container-lg,
579
  .conversejs .container-md,
580
  .conversejs .container-sm,
581
  .conversejs .container {
582
    max-width: 1140px;
583
  }
584
}
585
 
586
.conversejs .row {
587
  display: flex;
588
  flex-wrap: wrap;
589
  margin-right: -15px;
590
  margin-left: -15px;
591
}
592
 
593
.conversejs .no-gutters {
594
  margin-right: 0;
595
  margin-left: 0;
596
}
597
 
598
.conversejs .no-gutters > .col,
599
.conversejs .no-gutters > [class*='col-'] {
600
  padding-right: 0;
601
  padding-left: 0;
602
}
603
 
604
.conversejs .col-xl,
605
.conversejs .col-xl-auto,
606
.conversejs .col-xl-12,
607
.conversejs .col-xl-11,
608
.conversejs .col-xl-10,
609
.conversejs .col-xl-9,
610
.conversejs .col-xl-8,
611
.conversejs .col-xl-7,
612
.conversejs .col-xl-6,
613
.conversejs .col-xl-5,
614
.conversejs .col-xl-4,
615
.conversejs .col-xl-3,
616
.conversejs .col-xl-2,
617
.conversejs .col-xl-1,
618
.conversejs .col-lg,
619
.conversejs .col-lg-auto,
620
.conversejs .col-lg-12,
621
.conversejs .col-lg-11,
622
.conversejs .col-lg-10,
623
.conversejs .col-lg-9,
624
.conversejs .col-lg-8,
625
.conversejs .col-lg-7,
626
.conversejs .col-lg-6,
627
.conversejs .col-lg-5,
628
.conversejs .col-lg-4,
629
.conversejs .col-lg-3,
630
.conversejs .col-lg-2,
631
.conversejs .col-lg-1,
632
.conversejs .col-md,
633
.conversejs .col-md-auto,
634
.conversejs .col-md-12,
635
.conversejs .col-md-11,
636
.conversejs .col-md-10,
637
.conversejs .col-md-9,
638
.conversejs .col-md-8,
639
.conversejs .col-md-7,
640
.conversejs .col-md-6,
641
.conversejs .col-md-5,
642
.conversejs .col-md-4,
643
.conversejs .col-md-3,
644
.conversejs .col-md-2,
645
.conversejs .col-md-1,
646
.conversejs .col-sm,
647
.conversejs .col-sm-auto,
648
.conversejs .col-sm-12,
649
.conversejs .col-sm-11,
650
.conversejs .col-sm-10,
651
.conversejs .col-sm-9,
652
.conversejs .col-sm-8,
653
.conversejs .col-sm-7,
654
.conversejs .col-sm-6,
655
.conversejs .col-sm-5,
656
.conversejs .col-sm-4,
657
.conversejs .col-sm-3,
658
.conversejs .col-sm-2,
659
.conversejs .col-sm-1,
660
.conversejs .col,
661
.conversejs .col-auto,
662
.conversejs .col-12,
663
.conversejs .col-11,
664
.conversejs .col-10,
665
.conversejs .col-9,
666
.conversejs .col-8,
667
.conversejs .col-7,
668
.conversejs .col-6,
669
.conversejs .col-5,
670
.conversejs .col-4,
671
.conversejs .col-3,
672
.conversejs .col-2,
673
.conversejs .col-1 {
674
  position: relative;
675
  width: 100%;
676
  padding-right: 15px;
677
  padding-left: 15px;
678
}
679
 
680
.conversejs .col {
681
  flex-basis: 0;
682
  flex-grow: 1;
683
  max-width: 100%;
684
}
685
 
686
.conversejs .row-cols-1 > * {
687
  flex: 0 0 100%;
688
  max-width: 100%;
689
}
690
 
691
.conversejs .row-cols-2 > * {
692
  flex: 0 0 50%;
693
  max-width: 50%;
694
}
695
 
696
.conversejs .row-cols-3 > * {
697
  flex: 0 0 33.3333333333%;
698
  max-width: 33.3333333333%;
699
}
700
 
701
.conversejs .row-cols-4 > * {
702
  flex: 0 0 25%;
703
  max-width: 25%;
704
}
705
 
706
.conversejs .row-cols-5 > * {
707
  flex: 0 0 20%;
708
  max-width: 20%;
709
}
710
 
711
.conversejs .row-cols-6 > * {
712
  flex: 0 0 16.6666666667%;
713
  max-width: 16.6666666667%;
714
}
715
 
716
.conversejs .col-auto {
717
  flex: 0 0 auto;
718
  width: auto;
719
  max-width: 100%;
720
}
721
 
722
.conversejs .col-1 {
723
  flex: 0 0 8.33333333%;
724
  max-width: 8.33333333%;
725
}
726
 
727
.conversejs .col-2 {
728
  flex: 0 0 16.66666667%;
729
  max-width: 16.66666667%;
730
}
731
 
732
.conversejs .col-3 {
733
  flex: 0 0 25%;
734
  max-width: 25%;
735
}
736
 
737
.conversejs .col-4 {
738
  flex: 0 0 33.33333333%;
739
  max-width: 33.33333333%;
740
}
741
 
742
.conversejs .col-5 {
743
  flex: 0 0 41.66666667%;
744
  max-width: 41.66666667%;
745
}
746
 
747
.conversejs .col-6 {
748
  flex: 0 0 50%;
749
  max-width: 50%;
750
}
751
 
752
.conversejs .col-7 {
753
  flex: 0 0 58.33333333%;
754
  max-width: 58.33333333%;
755
}
756
 
757
.conversejs .col-8 {
758
  flex: 0 0 66.66666667%;
759
  max-width: 66.66666667%;
760
}
761
 
762
.conversejs .col-9 {
763
  flex: 0 0 75%;
764
  max-width: 75%;
765
}
766
 
767
.conversejs .col-10 {
768
  flex: 0 0 83.33333333%;
769
  max-width: 83.33333333%;
770
}
771
 
772
.conversejs .col-11 {
773
  flex: 0 0 91.66666667%;
774
  max-width: 91.66666667%;
775
}
776
 
777
.conversejs .col-12 {
778
  flex: 0 0 100%;
779
  max-width: 100%;
780
}
781
 
782
.conversejs .order-first {
783
  order: -1;
784
}
785
 
786
.conversejs .order-last {
787
  order: 13;
788
}
789
 
790
.conversejs .order-0 {
791
  order: 0;
792
}
793
 
794
.conversejs .order-1 {
795
  order: 1;
796
}
797
 
798
.conversejs .order-2 {
799
  order: 2;
800
}
801
 
802
.conversejs .order-3 {
803
  order: 3;
804
}
805
 
806
.conversejs .order-4 {
807
  order: 4;
808
}
809
 
810
.conversejs .order-5 {
811
  order: 5;
812
}
813
 
814
.conversejs .order-6 {
815
  order: 6;
816
}
817
 
818
.conversejs .order-7 {
819
  order: 7;
820
}
821
 
822
.conversejs .order-8 {
823
  order: 8;
824
}
825
 
826
.conversejs .order-9 {
827
  order: 9;
828
}
829
 
830
.conversejs .order-10 {
831
  order: 10;
832
}
833
 
834
.conversejs .order-11 {
835
  order: 11;
836
}
837
 
838
.conversejs .order-12 {
839
  order: 12;
840
}
841
 
842
.conversejs .offset-1 {
843
  margin-left: 8.33333333%;
844
}
845
 
846
.conversejs .offset-2 {
847
  margin-left: 16.66666667%;
848
}
849
 
850
.conversejs .offset-3 {
851
  margin-left: 25%;
852
}
853
 
854
.conversejs .offset-4 {
855
  margin-left: 33.33333333%;
856
}
857
 
858
.conversejs .offset-5 {
859
  margin-left: 41.66666667%;
860
}
861
 
862
.conversejs .offset-6 {
863
  margin-left: 50%;
864
}
865
 
866
.conversejs .offset-7 {
867
  margin-left: 58.33333333%;
868
}
869
 
870
.conversejs .offset-8 {
871
  margin-left: 66.66666667%;
872
}
873
 
874
.conversejs .offset-9 {
875
  margin-left: 75%;
876
}
877
 
878
.conversejs .offset-10 {
879
  margin-left: 83.33333333%;
880
}
881
 
882
.conversejs .offset-11 {
883
  margin-left: 91.66666667%;
884
}
885
 
886
@media (min-width: 576px) {
887
  .conversejs .col-sm {
888
    flex-basis: 0;
889
    flex-grow: 1;
890
    max-width: 100%;
891
  }
892
 
893
  .conversejs .row-cols-sm-1 > * {
894
    flex: 0 0 100%;
895
    max-width: 100%;
896
  }
897
 
898
  .conversejs .row-cols-sm-2 > * {
899
    flex: 0 0 50%;
900
    max-width: 50%;
901
  }
902
 
903
  .conversejs .row-cols-sm-3 > * {
904
    flex: 0 0 33.3333333333%;
905
    max-width: 33.3333333333%;
906
  }
907
 
908
  .conversejs .row-cols-sm-4 > * {
909
    flex: 0 0 25%;
910
    max-width: 25%;
911
  }
912
 
913
  .conversejs .row-cols-sm-5 > * {
914
    flex: 0 0 20%;
915
    max-width: 20%;
916
  }
917
 
918
  .conversejs .row-cols-sm-6 > * {
919
    flex: 0 0 16.6666666667%;
920
    max-width: 16.6666666667%;
921
  }
922
 
923
  .conversejs .col-sm-auto {
924
    flex: 0 0 auto;
925
    width: auto;
926
    max-width: 100%;
927
  }
928
 
929
  .conversejs .col-sm-1 {
930
    flex: 0 0 8.33333333%;
931
    max-width: 8.33333333%;
932
  }
933
 
934
  .conversejs .col-sm-2 {
935
    flex: 0 0 16.66666667%;
936
    max-width: 16.66666667%;
937
  }
938
 
939
  .conversejs .col-sm-3 {
940
    flex: 0 0 25%;
941
    max-width: 25%;
942
  }
943
 
944
  .conversejs .col-sm-4 {
945
    flex: 0 0 33.33333333%;
946
    max-width: 33.33333333%;
947
  }
948
 
949
  .conversejs .col-sm-5 {
950
    flex: 0 0 41.66666667%;
951
    max-width: 41.66666667%;
952
  }
953
 
954
  .conversejs .col-sm-6 {
955
    flex: 0 0 50%;
956
    max-width: 50%;
957
  }
958
 
959
  .conversejs .col-sm-7 {
960
    flex: 0 0 58.33333333%;
961
    max-width: 58.33333333%;
962
  }
963
 
964
  .conversejs .col-sm-8 {
965
    flex: 0 0 66.66666667%;
966
    max-width: 66.66666667%;
967
  }
968
 
969
  .conversejs .col-sm-9 {
970
    flex: 0 0 75%;
971
    max-width: 75%;
972
  }
973
 
974
  .conversejs .col-sm-10 {
975
    flex: 0 0 83.33333333%;
976
    max-width: 83.33333333%;
977
  }
978
 
979
  .conversejs .col-sm-11 {
980
    flex: 0 0 91.66666667%;
981
    max-width: 91.66666667%;
982
  }
983
 
984
  .conversejs .col-sm-12 {
985
    flex: 0 0 100%;
986
    max-width: 100%;
987
  }
988
 
989
  .conversejs .order-sm-first {
990
    order: -1;
991
  }
992
 
993
  .conversejs .order-sm-last {
994
    order: 13;
995
  }
996
 
997
  .conversejs .order-sm-0 {
998
    order: 0;
999
  }
1000
 
1001
  .conversejs .order-sm-1 {
1002
    order: 1;
1003
  }
1004
 
1005
  .conversejs .order-sm-2 {
1006
    order: 2;
1007
  }
1008
 
1009
  .conversejs .order-sm-3 {
1010
    order: 3;
1011
  }
1012
 
1013
  .conversejs .order-sm-4 {
1014
    order: 4;
1015
  }
1016
 
1017
  .conversejs .order-sm-5 {
1018
    order: 5;
1019
  }
1020
 
1021
  .conversejs .order-sm-6 {
1022
    order: 6;
1023
  }
1024
 
1025
  .conversejs .order-sm-7 {
1026
    order: 7;
1027
  }
1028
 
1029
  .conversejs .order-sm-8 {
1030
    order: 8;
1031
  }
1032
 
1033
  .conversejs .order-sm-9 {
1034
    order: 9;
1035
  }
1036
 
1037
  .conversejs .order-sm-10 {
1038
    order: 10;
1039
  }
1040
 
1041
  .conversejs .order-sm-11 {
1042
    order: 11;
1043
  }
1044
 
1045
  .conversejs .order-sm-12 {
1046
    order: 12;
1047
  }
1048
 
1049
  .conversejs .offset-sm-0 {
1050
    margin-left: 0;
1051
  }
1052
 
1053
  .conversejs .offset-sm-1 {
1054
    margin-left: 8.33333333%;
1055
  }
1056
 
1057
  .conversejs .offset-sm-2 {
1058
    margin-left: 16.66666667%;
1059
  }
1060
 
1061
  .conversejs .offset-sm-3 {
1062
    margin-left: 25%;
1063
  }
1064
 
1065
  .conversejs .offset-sm-4 {
1066
    margin-left: 33.33333333%;
1067
  }
1068
 
1069
  .conversejs .offset-sm-5 {
1070
    margin-left: 41.66666667%;
1071
  }
1072
 
1073
  .conversejs .offset-sm-6 {
1074
    margin-left: 50%;
1075
  }
1076
 
1077
  .conversejs .offset-sm-7 {
1078
    margin-left: 58.33333333%;
1079
  }
1080
 
1081
  .conversejs .offset-sm-8 {
1082
    margin-left: 66.66666667%;
1083
  }
1084
 
1085
  .conversejs .offset-sm-9 {
1086
    margin-left: 75%;
1087
  }
1088
 
1089
  .conversejs .offset-sm-10 {
1090
    margin-left: 83.33333333%;
1091
  }
1092
 
1093
  .conversejs .offset-sm-11 {
1094
    margin-left: 91.66666667%;
1095
  }
1096
}
1097
 
1098
@media (min-width: 768px) {
1099
  .conversejs .col-md {
1100
    flex-basis: 0;
1101
    flex-grow: 1;
1102
    max-width: 100%;
1103
  }
1104
 
1105
  .conversejs .row-cols-md-1 > * {
1106
    flex: 0 0 100%;
1107
    max-width: 100%;
1108
  }
1109
 
1110
  .conversejs .row-cols-md-2 > * {
1111
    flex: 0 0 50%;
1112
    max-width: 50%;
1113
  }
1114
 
1115
  .conversejs .row-cols-md-3 > * {
1116
    flex: 0 0 33.3333333333%;
1117
    max-width: 33.3333333333%;
1118
  }
1119
 
1120
  .conversejs .row-cols-md-4 > * {
1121
    flex: 0 0 25%;
1122
    max-width: 25%;
1123
  }
1124
 
1125
  .conversejs .row-cols-md-5 > * {
1126
    flex: 0 0 20%;
1127
    max-width: 20%;
1128
  }
1129
 
1130
  .conversejs .row-cols-md-6 > * {
1131
    flex: 0 0 16.6666666667%;
1132
    max-width: 16.6666666667%;
1133
  }
1134
 
1135
  .conversejs .col-md-auto {
1136
    flex: 0 0 auto;
1137
    width: auto;
1138
    max-width: 100%;
1139
  }
1140
 
1141
  .conversejs .col-md-1 {
1142
    flex: 0 0 8.33333333%;
1143
    max-width: 8.33333333%;
1144
  }
1145
 
1146
  .conversejs .col-md-2 {
1147
    flex: 0 0 16.66666667%;
1148
    max-width: 16.66666667%;
1149
  }
1150
 
1151
  .conversejs .col-md-3 {
1152
    flex: 0 0 25%;
1153
    max-width: 25%;
1154
  }
1155
 
1156
  .conversejs .col-md-4 {
1157
    flex: 0 0 33.33333333%;
1158
    max-width: 33.33333333%;
1159
  }
1160
 
1161
  .conversejs .col-md-5 {
1162
    flex: 0 0 41.66666667%;
1163
    max-width: 41.66666667%;
1164
  }
1165
 
1166
  .conversejs .col-md-6 {
1167
    flex: 0 0 50%;
1168
    max-width: 50%;
1169
  }
1170
 
1171
  .conversejs .col-md-7 {
1172
    flex: 0 0 58.33333333%;
1173
    max-width: 58.33333333%;
1174
  }
1175
 
1176
  .conversejs .col-md-8 {
1177
    flex: 0 0 66.66666667%;
1178
    max-width: 66.66666667%;
1179
  }
1180
 
1181
  .conversejs .col-md-9 {
1182
    flex: 0 0 75%;
1183
    max-width: 75%;
1184
  }
1185
 
1186
  .conversejs .col-md-10 {
1187
    flex: 0 0 83.33333333%;
1188
    max-width: 83.33333333%;
1189
  }
1190
 
1191
  .conversejs .col-md-11 {
1192
    flex: 0 0 91.66666667%;
1193
    max-width: 91.66666667%;
1194
  }
1195
 
1196
  .conversejs .col-md-12 {
1197
    flex: 0 0 100%;
1198
    max-width: 100%;
1199
  }
1200
 
1201
  .conversejs .order-md-first {
1202
    order: -1;
1203
  }
1204
 
1205
  .conversejs .order-md-last {
1206
    order: 13;
1207
  }
1208
 
1209
  .conversejs .order-md-0 {
1210
    order: 0;
1211
  }
1212
 
1213
  .conversejs .order-md-1 {
1214
    order: 1;
1215
  }
1216
 
1217
  .conversejs .order-md-2 {
1218
    order: 2;
1219
  }
1220
 
1221
  .conversejs .order-md-3 {
1222
    order: 3;
1223
  }
1224
 
1225
  .conversejs .order-md-4 {
1226
    order: 4;
1227
  }
1228
 
1229
  .conversejs .order-md-5 {
1230
    order: 5;
1231
  }
1232
 
1233
  .conversejs .order-md-6 {
1234
    order: 6;
1235
  }
1236
 
1237
  .conversejs .order-md-7 {
1238
    order: 7;
1239
  }
1240
 
1241
  .conversejs .order-md-8 {
1242
    order: 8;
1243
  }
1244
 
1245
  .conversejs .order-md-9 {
1246
    order: 9;
1247
  }
1248
 
1249
  .conversejs .order-md-10 {
1250
    order: 10;
1251
  }
1252
 
1253
  .conversejs .order-md-11 {
1254
    order: 11;
1255
  }
1256
 
1257
  .conversejs .order-md-12 {
1258
    order: 12;
1259
  }
1260
 
1261
  .conversejs .offset-md-0 {
1262
    margin-left: 0;
1263
  }
1264
 
1265
  .conversejs .offset-md-1 {
1266
    margin-left: 8.33333333%;
1267
  }
1268
 
1269
  .conversejs .offset-md-2 {
1270
    margin-left: 16.66666667%;
1271
  }
1272
 
1273
  .conversejs .offset-md-3 {
1274
    margin-left: 25%;
1275
  }
1276
 
1277
  .conversejs .offset-md-4 {
1278
    margin-left: 33.33333333%;
1279
  }
1280
 
1281
  .conversejs .offset-md-5 {
1282
    margin-left: 41.66666667%;
1283
  }
1284
 
1285
  .conversejs .offset-md-6 {
1286
    margin-left: 50%;
1287
  }
1288
 
1289
  .conversejs .offset-md-7 {
1290
    margin-left: 58.33333333%;
1291
  }
1292
 
1293
  .conversejs .offset-md-8 {
1294
    margin-left: 66.66666667%;
1295
  }
1296
 
1297
  .conversejs .offset-md-9 {
1298
    margin-left: 75%;
1299
  }
1300
 
1301
  .conversejs .offset-md-10 {
1302
    margin-left: 83.33333333%;
1303
  }
1304
 
1305
  .conversejs .offset-md-11 {
1306
    margin-left: 91.66666667%;
1307
  }
1308
}
1309
 
1310
@media (min-width: 992px) {
1311
  .conversejs .col-lg {
1312
    flex-basis: 0;
1313
    flex-grow: 1;
1314
    max-width: 100%;
1315
  }
1316
 
1317
  .conversejs .row-cols-lg-1 > * {
1318
    flex: 0 0 100%;
1319
    max-width: 100%;
1320
  }
1321
 
1322
  .conversejs .row-cols-lg-2 > * {
1323
    flex: 0 0 50%;
1324
    max-width: 50%;
1325
  }
1326
 
1327
  .conversejs .row-cols-lg-3 > * {
1328
    flex: 0 0 33.3333333333%;
1329
    max-width: 33.3333333333%;
1330
  }
1331
 
1332
  .conversejs .row-cols-lg-4 > * {
1333
    flex: 0 0 25%;
1334
    max-width: 25%;
1335
  }
1336
 
1337
  .conversejs .row-cols-lg-5 > * {
1338
    flex: 0 0 20%;
1339
    max-width: 20%;
1340
  }
1341
 
1342
  .conversejs .row-cols-lg-6 > * {
1343
    flex: 0 0 16.6666666667%;
1344
    max-width: 16.6666666667%;
1345
  }
1346
 
1347
  .conversejs .col-lg-auto {
1348
    flex: 0 0 auto;
1349
    width: auto;
1350
    max-width: 100%;
1351
  }
1352
 
1353
  .conversejs .col-lg-1 {
1354
    flex: 0 0 8.33333333%;
1355
    max-width: 8.33333333%;
1356
  }
1357
 
1358
  .conversejs .col-lg-2 {
1359
    flex: 0 0 16.66666667%;
1360
    max-width: 16.66666667%;
1361
  }
1362
 
1363
  .conversejs .col-lg-3 {
1364
    flex: 0 0 25%;
1365
    max-width: 25%;
1366
  }
1367
 
1368
  .conversejs .col-lg-4 {
1369
    flex: 0 0 33.33333333%;
1370
    max-width: 33.33333333%;
1371
  }
1372
 
1373
  .conversejs .col-lg-5 {
1374
    flex: 0 0 41.66666667%;
1375
    max-width: 41.66666667%;
1376
  }
1377
 
1378
  .conversejs .col-lg-6 {
1379
    flex: 0 0 50%;
1380
    max-width: 50%;
1381
  }
1382
 
1383
  .conversejs .col-lg-7 {
1384
    flex: 0 0 58.33333333%;
1385
    max-width: 58.33333333%;
1386
  }
1387
 
1388
  .conversejs .col-lg-8 {
1389
    flex: 0 0 66.66666667%;
1390
    max-width: 66.66666667%;
1391
  }
1392
 
1393
  .conversejs .col-lg-9 {
1394
    flex: 0 0 75%;
1395
    max-width: 75%;
1396
  }
1397
 
1398
  .conversejs .col-lg-10 {
1399
    flex: 0 0 83.33333333%;
1400
    max-width: 83.33333333%;
1401
  }
1402
 
1403
  .conversejs .col-lg-11 {
1404
    flex: 0 0 91.66666667%;
1405
    max-width: 91.66666667%;
1406
  }
1407
 
1408
  .conversejs .col-lg-12 {
1409
    flex: 0 0 100%;
1410
    max-width: 100%;
1411
  }
1412
 
1413
  .conversejs .order-lg-first {
1414
    order: -1;
1415
  }
1416
 
1417
  .conversejs .order-lg-last {
1418
    order: 13;
1419
  }
1420
 
1421
  .conversejs .order-lg-0 {
1422
    order: 0;
1423
  }
1424
 
1425
  .conversejs .order-lg-1 {
1426
    order: 1;
1427
  }
1428
 
1429
  .conversejs .order-lg-2 {
1430
    order: 2;
1431
  }
1432
 
1433
  .conversejs .order-lg-3 {
1434
    order: 3;
1435
  }
1436
 
1437
  .conversejs .order-lg-4 {
1438
    order: 4;
1439
  }
1440
 
1441
  .conversejs .order-lg-5 {
1442
    order: 5;
1443
  }
1444
 
1445
  .conversejs .order-lg-6 {
1446
    order: 6;
1447
  }
1448
 
1449
  .conversejs .order-lg-7 {
1450
    order: 7;
1451
  }
1452
 
1453
  .conversejs .order-lg-8 {
1454
    order: 8;
1455
  }
1456
 
1457
  .conversejs .order-lg-9 {
1458
    order: 9;
1459
  }
1460
 
1461
  .conversejs .order-lg-10 {
1462
    order: 10;
1463
  }
1464
 
1465
  .conversejs .order-lg-11 {
1466
    order: 11;
1467
  }
1468
 
1469
  .conversejs .order-lg-12 {
1470
    order: 12;
1471
  }
1472
 
1473
  .conversejs .offset-lg-0 {
1474
    margin-left: 0;
1475
  }
1476
 
1477
  .conversejs .offset-lg-1 {
1478
    margin-left: 8.33333333%;
1479
  }
1480
 
1481
  .conversejs .offset-lg-2 {
1482
    margin-left: 16.66666667%;
1483
  }
1484
 
1485
  .conversejs .offset-lg-3 {
1486
    margin-left: 25%;
1487
  }
1488
 
1489
  .conversejs .offset-lg-4 {
1490
    margin-left: 33.33333333%;
1491
  }
1492
 
1493
  .conversejs .offset-lg-5 {
1494
    margin-left: 41.66666667%;
1495
  }
1496
 
1497
  .conversejs .offset-lg-6 {
1498
    margin-left: 50%;
1499
  }
1500
 
1501
  .conversejs .offset-lg-7 {
1502
    margin-left: 58.33333333%;
1503
  }
1504
 
1505
  .conversejs .offset-lg-8 {
1506
    margin-left: 66.66666667%;
1507
  }
1508
 
1509
  .conversejs .offset-lg-9 {
1510
    margin-left: 75%;
1511
  }
1512
 
1513
  .conversejs .offset-lg-10 {
1514
    margin-left: 83.33333333%;
1515
  }
1516
 
1517
  .conversejs .offset-lg-11 {
1518
    margin-left: 91.66666667%;
1519
  }
1520
}
1521
 
1522
@media (min-width: 1200px) {
1523
  .conversejs .col-xl {
1524
    flex-basis: 0;
1525
    flex-grow: 1;
1526
    max-width: 100%;
1527
  }
1528
 
1529
  .conversejs .row-cols-xl-1 > * {
1530
    flex: 0 0 100%;
1531
    max-width: 100%;
1532
  }
1533
 
1534
  .conversejs .row-cols-xl-2 > * {
1535
    flex: 0 0 50%;
1536
    max-width: 50%;
1537
  }
1538
 
1539
  .conversejs .row-cols-xl-3 > * {
1540
    flex: 0 0 33.3333333333%;
1541
    max-width: 33.3333333333%;
1542
  }
1543
 
1544
  .conversejs .row-cols-xl-4 > * {
1545
    flex: 0 0 25%;
1546
    max-width: 25%;
1547
  }
1548
 
1549
  .conversejs .row-cols-xl-5 > * {
1550
    flex: 0 0 20%;
1551
    max-width: 20%;
1552
  }
1553
 
1554
  .conversejs .row-cols-xl-6 > * {
1555
    flex: 0 0 16.6666666667%;
1556
    max-width: 16.6666666667%;
1557
  }
1558
 
1559
  .conversejs .col-xl-auto {
1560
    flex: 0 0 auto;
1561
    width: auto;
1562
    max-width: 100%;
1563
  }
1564
 
1565
  .conversejs .col-xl-1 {
1566
    flex: 0 0 8.33333333%;
1567
    max-width: 8.33333333%;
1568
  }
1569
 
1570
  .conversejs .col-xl-2 {
1571
    flex: 0 0 16.66666667%;
1572
    max-width: 16.66666667%;
1573
  }
1574
 
1575
  .conversejs .col-xl-3 {
1576
    flex: 0 0 25%;
1577
    max-width: 25%;
1578
  }
1579
 
1580
  .conversejs .col-xl-4 {
1581
    flex: 0 0 33.33333333%;
1582
    max-width: 33.33333333%;
1583
  }
1584
 
1585
  .conversejs .col-xl-5 {
1586
    flex: 0 0 41.66666667%;
1587
    max-width: 41.66666667%;
1588
  }
1589
 
1590
  .conversejs .col-xl-6 {
1591
    flex: 0 0 50%;
1592
    max-width: 50%;
1593
  }
1594
 
1595
  .conversejs .col-xl-7 {
1596
    flex: 0 0 58.33333333%;
1597
    max-width: 58.33333333%;
1598
  }
1599
 
1600
  .conversejs .col-xl-8 {
1601
    flex: 0 0 66.66666667%;
1602
    max-width: 66.66666667%;
1603
  }
1604
 
1605
  .conversejs .col-xl-9 {
1606
    flex: 0 0 75%;
1607
    max-width: 75%;
1608
  }
1609
 
1610
  .conversejs .col-xl-10 {
1611
    flex: 0 0 83.33333333%;
1612
    max-width: 83.33333333%;
1613
  }
1614
 
1615
  .conversejs .col-xl-11 {
1616
    flex: 0 0 91.66666667%;
1617
    max-width: 91.66666667%;
1618
  }
1619
 
1620
  .conversejs .col-xl-12 {
1621
    flex: 0 0 100%;
1622
    max-width: 100%;
1623
  }
1624
 
1625
  .conversejs .order-xl-first {
1626
    order: -1;
1627
  }
1628
 
1629
  .conversejs .order-xl-last {
1630
    order: 13;
1631
  }
1632
 
1633
  .conversejs .order-xl-0 {
1634
    order: 0;
1635
  }
1636
 
1637
  .conversejs .order-xl-1 {
1638
    order: 1;
1639
  }
1640
 
1641
  .conversejs .order-xl-2 {
1642
    order: 2;
1643
  }
1644
 
1645
  .conversejs .order-xl-3 {
1646
    order: 3;
1647
  }
1648
 
1649
  .conversejs .order-xl-4 {
1650
    order: 4;
1651
  }
1652
 
1653
  .conversejs .order-xl-5 {
1654
    order: 5;
1655
  }
1656
 
1657
  .conversejs .order-xl-6 {
1658
    order: 6;
1659
  }
1660
 
1661
  .conversejs .order-xl-7 {
1662
    order: 7;
1663
  }
1664
 
1665
  .conversejs .order-xl-8 {
1666
    order: 8;
1667
  }
1668
 
1669
  .conversejs .order-xl-9 {
1670
    order: 9;
1671
  }
1672
 
1673
  .conversejs .order-xl-10 {
1674
    order: 10;
1675
  }
1676
 
1677
  .conversejs .order-xl-11 {
1678
    order: 11;
1679
  }
1680
 
1681
  .conversejs .order-xl-12 {
1682
    order: 12;
1683
  }
1684
 
1685
  .conversejs .offset-xl-0 {
1686
    margin-left: 0;
1687
  }
1688
 
1689
  .conversejs .offset-xl-1 {
1690
    margin-left: 8.33333333%;
1691
  }
1692
 
1693
  .conversejs .offset-xl-2 {
1694
    margin-left: 16.66666667%;
1695
  }
1696
 
1697
  .conversejs .offset-xl-3 {
1698
    margin-left: 25%;
1699
  }
1700
 
1701
  .conversejs .offset-xl-4 {
1702
    margin-left: 33.33333333%;
1703
  }
1704
 
1705
  .conversejs .offset-xl-5 {
1706
    margin-left: 41.66666667%;
1707
  }
1708
 
1709
  .conversejs .offset-xl-6 {
1710
    margin-left: 50%;
1711
  }
1712
 
1713
  .conversejs .offset-xl-7 {
1714
    margin-left: 58.33333333%;
1715
  }
1716
 
1717
  .conversejs .offset-xl-8 {
1718
    margin-left: 66.66666667%;
1719
  }
1720
 
1721
  .conversejs .offset-xl-9 {
1722
    margin-left: 75%;
1723
  }
1724
 
1725
  .conversejs .offset-xl-10 {
1726
    margin-left: 83.33333333%;
1727
  }
1728
 
1729
  .conversejs .offset-xl-11 {
1730
    margin-left: 91.66666667%;
1731
  }
1732
}
1733
 
1734
.conversejs .fade {
1735
  transition: opacity 0.15s linear;
1736
}
1737
 
1738
@media (prefers-reduced-motion: reduce) {
1739
  .conversejs .fade {
1740
    transition: none;
1741
  }
1742
}
1743
 
1744
.conversejs .fade:not(.show) {
1745
  opacity: 0;
1746
}
1747
 
1748
.conversejs .collapse:not(.show) {
1749
  display: none;
1750
}
1751
 
1752
.conversejs .collapsing {
1753
  position: relative;
1754
  height: 0;
1755
  overflow: hidden;
1756
  transition: height 0.35s ease;
1757
}
1758
 
1759
@media (prefers-reduced-motion: reduce) {
1760
  .conversejs .collapsing {
1761
    transition: none;
1762
  }
1763
}
1764
 
1765
.conversejs .collapsing.width {
1766
  width: 0;
1767
  height: auto;
1768
  transition: width 0.35s ease;
1769
}
1770
 
1771
@media (prefers-reduced-motion: reduce) {
1772
  .conversejs .collapsing.width {
1773
    transition: none;
1774
  }
1775
}
1776
 
1777
.conversejs .nav {
1778
  display: flex;
1779
  flex-wrap: wrap;
1780
  padding-left: 0;
1781
  margin-bottom: 0;
1782
  list-style: none;
1783
}
1784
 
1785
.conversejs .nav-link {
1786
  display: block;
1787
  padding: 0.5rem 1rem;
1788
}
1789
 
1790
.conversejs .nav-link:hover,
1791
.conversejs .nav-link:focus {
1792
  text-decoration: none;
1793
}
1794
 
1795
.conversejs .nav-link.disabled {
1796
  color: #6c757d;
1797
  pointer-events: none;
1798
  cursor: default;
1799
}
1800
 
1801
.conversejs .nav-tabs {
1802
  border-bottom: 1px solid #dee2e6;
1803
}
1804
 
1805
.conversejs .nav-tabs .nav-link {
1806
  margin-bottom: -1px;
1807
  background-color: rgba(0, 0, 0, 0);
1808
  border: 1px solid rgba(0, 0, 0, 0);
1809
  border-top-left-radius: 0.25rem;
1810
  border-top-right-radius: 0.25rem;
1811
}
1812
 
1813
.conversejs .nav-tabs .nav-link:hover,
1814
.conversejs .nav-tabs .nav-link:focus {
1815
  isolation: isolate;
1816
  border-color: #e9ecef #e9ecef #dee2e6;
1817
}
1818
 
1819
.conversejs .nav-tabs .nav-link.disabled {
1820
  color: #6c757d;
1821
  background-color: rgba(0, 0, 0, 0);
1822
  border-color: rgba(0, 0, 0, 0);
1823
}
1824
 
1825
.conversejs .nav-tabs .nav-link.active,
1826
.conversejs .nav-tabs .nav-item.show .nav-link {
1827
  color: #495057;
1828
  background-color: #fff;
1829
  border-color: #dee2e6 #dee2e6 #fff;
1830
}
1831
 
1832
.conversejs .nav-tabs .dropdown-menu {
1833
  margin-top: -1px;
1834
  border-top-left-radius: 0;
1835
  border-top-right-radius: 0;
1836
}
1837
 
1838
.conversejs .nav-pills .nav-link {
1839
  background: none;
1840
  border: 0;
1841
  border-radius: 0.25rem;
1842
}
1843
 
1844
.conversejs .nav-pills .nav-link.active,
1845
.conversejs .nav-pills .show > .nav-link {
1846
  color: #fff;
1847
  background-color: #007bff;
1848
}
1849
 
1850
.conversejs .nav-fill > .nav-link,
1851
.conversejs .nav-fill .nav-item {
1852
  flex: 1 1 auto;
1853
  text-align: center;
1854
}
1855
 
1856
.conversejs .nav-justified > .nav-link,
1857
.conversejs .nav-justified .nav-item {
1858
  flex-basis: 0;
1859
  flex-grow: 1;
1860
  text-align: center;
1861
}
1862
 
1863
.conversejs .tab-content > .tab-pane {
1864
  display: none;
1865
}
1866
 
1867
.conversejs .tab-content > .active {
1868
  display: block;
1869
}
1870
 
1871
.conversejs .alert {
1872
  position: relative;
1873
  padding: 0.75rem 1.25rem;
1874
  margin-bottom: 1rem;
1875
  border: 1px solid rgba(0, 0, 0, 0);
1876
  border-radius: 0.25rem;
1877
}
1878
 
1879
.conversejs .alert-heading {
1880
  color: inherit;
1881
}
1882
 
1883
.conversejs .alert-link {
1884
  font-weight: 700;
1885
}
1886
 
1887
.conversejs .alert-dismissible {
1888
  padding-right: 4rem;
1889
}
1890
 
1891
.conversejs .alert-dismissible .close {
1892
  position: absolute;
1893
  top: 0;
1894
  right: 0;
1895
  z-index: 2;
1896
  padding: 0.75rem 1.25rem;
1897
  color: inherit;
1898
}
1899
 
1900
.conversejs .alert-primary {
1901
  color: #004085;
1902
  background-color: #cce5ff;
1903
  border-color: #b8daff;
1904
}
1905
 
1906
.conversejs .alert-primary hr {
1907
  border-top-color: #9fcdff;
1908
}
1909
 
1910
.conversejs .alert-primary .alert-link {
1911
  color: #002752;
1912
}
1913
 
1914
.conversejs .alert-secondary {
1915
  color: #383d41;
1916
  background-color: #e2e3e5;
1917
  border-color: #d6d8db;
1918
}
1919
 
1920
.conversejs .alert-secondary hr {
1921
  border-top-color: #c8cbcf;
1922
}
1923
 
1924
.conversejs .alert-secondary .alert-link {
1925
  color: #202326;
1926
}
1927
 
1928
.conversejs .alert-success {
1929
  color: #155724;
1930
  background-color: #d4edda;
1931
  border-color: #c3e6cb;
1932
}
1933
 
1934
.conversejs .alert-success hr {
1935
  border-top-color: #b1dfbb;
1936
}
1937
 
1938
.conversejs .alert-success .alert-link {
1939
  color: #0b2e13;
1940
}
1941
 
1942
.conversejs .alert-info {
1943
  color: #0c5460;
1944
  background-color: #d1ecf1;
1945
  border-color: #bee5eb;
1946
}
1947
 
1948
.conversejs .alert-info hr {
1949
  border-top-color: #abdde5;
1950
}
1951
 
1952
.conversejs .alert-info .alert-link {
1953
  color: #062c33;
1954
}
1955
 
1956
.conversejs .alert-warning {
1957
  color: #856404;
1958
  background-color: #fff3cd;
1959
  border-color: #ffeeba;
1960
}
1961
 
1962
.conversejs .alert-warning hr {
1963
  border-top-color: #ffe8a1;
1964
}
1965
 
1966
.conversejs .alert-warning .alert-link {
1967
  color: #533f03;
1968
}
1969
 
1970
.conversejs .alert-danger {
1971
  color: #721c24;
1972
  background-color: #f8d7da;
1973
  border-color: #f5c6cb;
1974
}
1975
 
1976
.conversejs .alert-danger hr {
1977
  border-top-color: #f1b0b7;
1978
}
1979
 
1980
.conversejs .alert-danger .alert-link {
1981
  color: #491217;
1982
}
1983
 
1984
.conversejs .alert-light {
1985
  color: #818182;
1986
  background-color: #fefefe;
1987
  border-color: #fdfdfe;
1988
}
1989
 
1990
.conversejs .alert-light hr {
1991
  border-top-color: #ececf6;
1992
}
1993
 
1994
.conversejs .alert-light .alert-link {
1995
  color: #686868;
1996
}
1997
 
1998
.conversejs .alert-dark {
1999
  color: #1b1e21;
2000
  background-color: #d6d8d9;
2001
  border-color: #c6c8ca;
2002
}
2003
 
2004
.conversejs .alert-dark hr {
2005
  border-top-color: #b9bbbe;
2006
}
2007
 
2008
.conversejs .alert-dark .alert-link {
2009
  color: #040505;
2010
}
2011
 
2012
.conversejs .media {
2013
  display: flex;
2014
  align-items: flex-start;
2015
}
2016
 
2017
.conversejs .media-body {
2018
  flex: 1;
2019
}
2020
 
2021
.conversejs .close {
2022
  float: right;
2023
  font-size: 1.5rem;
2024
  font-weight: 700;
2025
  line-height: 1;
2026
  color: #000;
2027
  text-shadow: 0 1px 0 #fff;
2028
  opacity: 0.5;
2029
}
2030
 
2031
.conversejs .close:hover {
2032
  color: #000;
2033
  text-decoration: none;
2034
}
2035
 
2036
.conversejs .close:not(:disabled):not(.disabled):hover,
2037
.conversejs .close:not(:disabled):not(.disabled):focus {
2038
  opacity: 0.75;
2039
}
2040
 
2041
.conversejs button.close {
2042
  padding: 0;
2043
  background-color: rgba(0, 0, 0, 0);
2044
  border: 0;
2045
}
2046
 
2047
.conversejs a.close.disabled {
2048
  pointer-events: none;
2049
}
2050
 
2051
.conversejs .popover {
2052
  position: absolute;
2053
  top: 0;
2054
  left: 0;
2055
  z-index: 1060;
2056
  display: block;
2057
  max-width: 276px;
2058
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
2059
    'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
2060
    'Segoe UI Symbol', 'Noto Color Emoji';
2061
  font-style: normal;
2062
  font-weight: 400;
2063
  line-height: 1.5;
2064
  text-align: left;
2065
  text-align: start;
2066
  text-decoration: none;
2067
  text-shadow: none;
2068
  text-transform: none;
2069
  letter-spacing: normal;
2070
  word-break: normal;
2071
  white-space: normal;
2072
  word-spacing: normal;
2073
  line-break: auto;
2074
  font-size: 0.875rem;
2075
  word-wrap: break-word;
2076
  background-color: #fff;
2077
  background-clip: padding-box;
2078
  border: 1px solid rgba(0, 0, 0, 0.2);
2079
  border-radius: 0.3rem;
2080
}
2081
 
2082
.conversejs .popover .arrow {
2083
  position: absolute;
2084
  display: block;
2085
  width: 1rem;
2086
  height: 0.5rem;
2087
  margin: 0 0.3rem;
2088
}
2089
 
2090
.conversejs .popover .arrow::before,
2091
.conversejs .popover .arrow::after {
2092
  position: absolute;
2093
  display: block;
2094
  content: '';
2095
  border-color: rgba(0, 0, 0, 0);
2096
  border-style: solid;
2097
}
2098
 
2099
.conversejs .bs-popover-top,
2100
.conversejs .bs-popover-auto[x-placement^='top'] {
2101
  margin-bottom: 0.5rem;
2102
}
2103
 
2104
.conversejs .bs-popover-top > .arrow,
2105
.conversejs .bs-popover-auto[x-placement^='top'] > .arrow {
2106
  bottom: calc(-0.5rem - 1px);
2107
}
2108
 
2109
.conversejs .bs-popover-top > .arrow::before,
2110
.conversejs .bs-popover-auto[x-placement^='top'] > .arrow::before {
2111
  bottom: 0;
2112
  border-width: 0.5rem 0.5rem 0;
2113
  border-top-color: rgba(0, 0, 0, 0.25);
2114
}
2115
 
2116
.conversejs .bs-popover-top > .arrow::after,
2117
.conversejs .bs-popover-auto[x-placement^='top'] > .arrow::after {
2118
  bottom: 1px;
2119
  border-width: 0.5rem 0.5rem 0;
2120
  border-top-color: #fff;
2121
}
2122
 
2123
.conversejs .bs-popover-right,
2124
.conversejs .bs-popover-auto[x-placement^='right'] {
2125
  margin-left: 0.5rem;
2126
}
2127
 
2128
.conversejs .bs-popover-right > .arrow,
2129
.conversejs .bs-popover-auto[x-placement^='right'] > .arrow {
2130
  left: calc(-0.5rem - 1px);
2131
  width: 0.5rem;
2132
  height: 1rem;
2133
  margin: 0.3rem 0;
2134
}
2135
 
2136
.conversejs .bs-popover-right > .arrow::before,
2137
.conversejs .bs-popover-auto[x-placement^='right'] > .arrow::before {
2138
  left: 0;
2139
  border-width: 0.5rem 0.5rem 0.5rem 0;
2140
  border-right-color: rgba(0, 0, 0, 0.25);
2141
}
2142
 
2143
.conversejs .bs-popover-right > .arrow::after,
2144
.conversejs .bs-popover-auto[x-placement^='right'] > .arrow::after {
2145
  left: 1px;
2146
  border-width: 0.5rem 0.5rem 0.5rem 0;
2147
  border-right-color: #fff;
2148
}
2149
 
2150
.conversejs .bs-popover-bottom,
2151
.conversejs .bs-popover-auto[x-placement^='bottom'] {
2152
  margin-top: 0.5rem;
2153
}
2154
 
2155
.conversejs .bs-popover-bottom > .arrow,
2156
.conversejs .bs-popover-auto[x-placement^='bottom'] > .arrow {
2157
  top: calc(-0.5rem - 1px);
2158
}
2159
 
2160
.conversejs .bs-popover-bottom > .arrow::before,
2161
.conversejs .bs-popover-auto[x-placement^='bottom'] > .arrow::before {
2162
  top: 0;
2163
  border-width: 0 0.5rem 0.5rem 0.5rem;
2164
  border-bottom-color: rgba(0, 0, 0, 0.25);
2165
}
2166
 
2167
.conversejs .bs-popover-bottom > .arrow::after,
2168
.conversejs .bs-popover-auto[x-placement^='bottom'] > .arrow::after {
2169
  top: 1px;
2170
  border-width: 0 0.5rem 0.5rem 0.5rem;
2171
  border-bottom-color: #fff;
2172
}
2173
 
2174
.conversejs .bs-popover-bottom .popover-header::before,
2175
.conversejs .bs-popover-auto[x-placement^='bottom'] .popover-header::before {
2176
  position: absolute;
2177
  top: 0;
2178
  left: 50%;
2179
  display: block;
2180
  width: 1rem;
2181
  margin-left: -0.5rem;
2182
  content: '';
2183
  border-bottom: 1px solid #f7f7f7;
2184
}
2185
 
2186
.conversejs .bs-popover-left,
2187
.conversejs .bs-popover-auto[x-placement^='left'] {
2188
  margin-right: 0.5rem;
2189
}
2190
 
2191
.conversejs .bs-popover-left > .arrow,
2192
.conversejs .bs-popover-auto[x-placement^='left'] > .arrow {
2193
  right: calc(-0.5rem - 1px);
2194
  width: 0.5rem;
2195
  height: 1rem;
2196
  margin: 0.3rem 0;
2197
}
2198
 
2199
.conversejs .bs-popover-left > .arrow::before,
2200
.conversejs .bs-popover-auto[x-placement^='left'] > .arrow::before {
2201
  right: 0;
2202
  border-width: 0.5rem 0 0.5rem 0.5rem;
2203
  border-left-color: rgba(0, 0, 0, 0.25);
2204
}
2205
 
2206
.conversejs .bs-popover-left > .arrow::after,
2207
.conversejs .bs-popover-auto[x-placement^='left'] > .arrow::after {
2208
  right: 1px;
2209
  border-width: 0.5rem 0 0.5rem 0.5rem;
2210
  border-left-color: #fff;
2211
}
2212
 
2213
.conversejs .popover-header {
2214
  padding: 0.5rem 0.75rem;
2215
  margin-bottom: 0;
2216
  font-size: 1rem;
2217
  background-color: #f7f7f7;
2218
  border-bottom: 1px solid #ebebeb;
2219
  border-top-left-radius: calc(0.3rem - 1px);
2220
  border-top-right-radius: calc(0.3rem - 1px);
2221
}
2222
 
2223
.conversejs .popover-header:empty {
2224
  display: none;
2225
}
2226
 
2227
.conversejs .popover-body {
2228
  padding: 0.5rem 0.75rem;
2229
  color: #212529;
2230
}
2231
 
2232
.conversejs .align-baseline {
2233
  vertical-align: baseline !important;
2234
}
2235
 
2236
.conversejs .align-top {
2237
  vertical-align: top !important;
2238
}
2239
 
2240
.conversejs .align-middle {
2241
  vertical-align: middle !important;
2242
}
2243
 
2244
.conversejs .align-bottom {
2245
  vertical-align: bottom !important;
2246
}
2247
 
2248
.conversejs .align-text-bottom {
2249
  vertical-align: text-bottom !important;
2250
}
2251
 
2252
.conversejs .align-text-top {
2253
  vertical-align: text-top !important;
2254
}
2255
 
2256
.conversejs .bg-primary {
2257
  background-color: #007bff !important;
2258
}
2259
 
2260
.conversejs a.bg-primary:hover,
2261
.conversejs a.bg-primary:focus,
2262
.conversejs button.bg-primary:hover,
2263
.conversejs button.bg-primary:focus {
2264
  background-color: #0062cc !important;
2265
}
2266
 
2267
.conversejs .bg-secondary {
2268
  background-color: #6c757d !important;
2269
}
2270
 
2271
.conversejs a.bg-secondary:hover,
2272
.conversejs a.bg-secondary:focus,
2273
.conversejs button.bg-secondary:hover,
2274
.conversejs button.bg-secondary:focus {
2275
  background-color: #545b62 !important;
2276
}
2277
 
2278
.conversejs .bg-success {
2279
  background-color: #28a745 !important;
2280
}
2281
 
2282
.conversejs a.bg-success:hover,
2283
.conversejs a.bg-success:focus,
2284
.conversejs button.bg-success:hover,
2285
.conversejs button.bg-success:focus {
2286
  background-color: #1e7e34 !important;
2287
}
2288
 
2289
.conversejs .bg-info {
2290
  background-color: #17a2b8 !important;
2291
}
2292
 
2293
.conversejs a.bg-info:hover,
2294
.conversejs a.bg-info:focus,
2295
.conversejs button.bg-info:hover,
2296
.conversejs button.bg-info:focus {
2297
  background-color: #117a8b !important;
2298
}
2299
 
2300
.conversejs .bg-warning {
2301
  background-color: #ffc107 !important;
2302
}
2303
 
2304
.conversejs a.bg-warning:hover,
2305
.conversejs a.bg-warning:focus,
2306
.conversejs button.bg-warning:hover,
2307
.conversejs button.bg-warning:focus {
2308
  background-color: #d39e00 !important;
2309
}
2310
 
2311
.conversejs .bg-danger {
2312
  background-color: #dc3545 !important;
2313
}
2314
 
2315
.conversejs a.bg-danger:hover,
2316
.conversejs a.bg-danger:focus,
2317
.conversejs button.bg-danger:hover,
2318
.conversejs button.bg-danger:focus {
2319
  background-color: #bd2130 !important;
2320
}
2321
 
2322
.conversejs .bg-light {
2323
  background-color: #f8f9fa !important;
2324
}
2325
 
2326
.conversejs a.bg-light:hover,
2327
.conversejs a.bg-light:focus,
2328
.conversejs button.bg-light:hover,
2329
.conversejs button.bg-light:focus {
2330
  background-color: #dae0e5 !important;
2331
}
2332
 
2333
.conversejs .bg-dark {
2334
  background-color: #343a40 !important;
2335
}
2336
 
2337
.conversejs a.bg-dark:hover,
2338
.conversejs a.bg-dark:focus,
2339
.conversejs button.bg-dark:hover,
2340
.conversejs button.bg-dark:focus {
2341
  background-color: #1d2124 !important;
2342
}
2343
 
2344
.conversejs .bg-white {
2345
  background-color: #fff !important;
2346
}
2347
 
2348
.conversejs .bg-transparent {
2349
  background-color: rgba(0, 0, 0, 0) !important;
2350
}
2351
 
2352
.conversejs .border {
2353
  border: 1px solid #dee2e6 !important;
2354
}
2355
 
2356
.conversejs .border-top {
2357
  border-top: 1px solid #dee2e6 !important;
2358
}
2359
 
2360
.conversejs .border-right {
2361
  border-right: 1px solid #dee2e6 !important;
2362
}
2363
 
2364
.conversejs .border-bottom {
2365
  border-bottom: 1px solid #dee2e6 !important;
2366
}
2367
 
2368
.conversejs .border-left {
2369
  border-left: 1px solid #dee2e6 !important;
2370
}
2371
 
2372
.conversejs .border-0 {
2373
  border: 0 !important;
2374
}
2375
 
2376
.conversejs .border-top-0 {
2377
  border-top: 0 !important;
2378
}
2379
 
2380
.conversejs .border-right-0 {
2381
  border-right: 0 !important;
2382
}
2383
 
2384
.conversejs .border-bottom-0 {
2385
  border-bottom: 0 !important;
2386
}
2387
 
2388
.conversejs .border-left-0 {
2389
  border-left: 0 !important;
2390
}
2391
 
2392
.conversejs .border-primary {
2393
  border-color: #007bff !important;
2394
}
2395
 
2396
.conversejs .border-secondary {
2397
  border-color: #6c757d !important;
2398
}
2399
 
2400
.conversejs .border-success {
2401
  border-color: #28a745 !important;
2402
}
2403
 
2404
.conversejs .border-info {
2405
  border-color: #17a2b8 !important;
2406
}
2407
 
2408
.conversejs .border-warning {
2409
  border-color: #ffc107 !important;
2410
}
2411
 
2412
.conversejs .border-danger {
2413
  border-color: #dc3545 !important;
2414
}
2415
 
2416
.conversejs .border-light {
2417
  border-color: #f8f9fa !important;
2418
}
2419
 
2420
.conversejs .border-dark {
2421
  border-color: #343a40 !important;
2422
}
2423
 
2424
.conversejs .border-white {
2425
  border-color: #fff !important;
2426
}
2427
 
2428
.conversejs .rounded-sm {
2429
  border-radius: 0.2rem !important;
2430
}
2431
 
2432
.conversejs .rounded {
2433
  border-radius: 0.25rem !important;
2434
}
2435
 
2436
.conversejs .rounded-top {
2437
  border-top-left-radius: 0.25rem !important;
2438
  border-top-right-radius: 0.25rem !important;
2439
}
2440
 
2441
.conversejs .rounded-right {
2442
  border-top-right-radius: 0.25rem !important;
2443
  border-bottom-right-radius: 0.25rem !important;
2444
}
2445
 
2446
.conversejs .rounded-bottom {
2447
  border-bottom-right-radius: 0.25rem !important;
2448
  border-bottom-left-radius: 0.25rem !important;
2449
}
2450
 
2451
.conversejs .rounded-left {
2452
  border-top-left-radius: 0.25rem !important;
2453
  border-bottom-left-radius: 0.25rem !important;
2454
}
2455
 
2456
.conversejs .rounded-lg {
2457
  border-radius: 0.3rem !important;
2458
}
2459
 
2460
.conversejs .rounded-circle {
2461
  border-radius: 50% !important;
2462
}
2463
 
2464
.conversejs .rounded-pill {
2465
  border-radius: 50rem !important;
2466
}
2467
 
2468
.conversejs .rounded-0 {
2469
  border-radius: 0 !important;
2470
}
2471
 
2472
.conversejs .clearfix::after {
2473
  display: block;
2474
  clear: both;
2475
  content: '';
2476
}
2477
 
2478
.conversejs .d-none {
2479
  display: none !important;
2480
}
2481
 
2482
.conversejs .d-inline {
2483
  display: inline !important;
2484
}
2485
 
2486
.conversejs .d-inline-block {
2487
  display: inline-block !important;
2488
}
2489
 
2490
.conversejs .d-block {
2491
  display: block !important;
2492
}
2493
 
2494
.conversejs .d-table {
2495
  display: table !important;
2496
}
2497
 
2498
.conversejs .d-table-row {
2499
  display: table-row !important;
2500
}
2501
 
2502
.conversejs .d-table-cell {
2503
  display: table-cell !important;
2504
}
2505
 
2506
.conversejs .d-flex {
2507
  display: flex !important;
2508
}
2509
 
2510
.conversejs .d-inline-flex {
2511
  display: inline-flex !important;
2512
}
2513
 
2514
@media (min-width: 576px) {
2515
  .conversejs .d-sm-none {
2516
    display: none !important;
2517
  }
2518
 
2519
  .conversejs .d-sm-inline {
2520
    display: inline !important;
2521
  }
2522
 
2523
  .conversejs .d-sm-inline-block {
2524
    display: inline-block !important;
2525
  }
2526
 
2527
  .conversejs .d-sm-block {
2528
    display: block !important;
2529
  }
2530
 
2531
  .conversejs .d-sm-table {
2532
    display: table !important;
2533
  }
2534
 
2535
  .conversejs .d-sm-table-row {
2536
    display: table-row !important;
2537
  }
2538
 
2539
  .conversejs .d-sm-table-cell {
2540
    display: table-cell !important;
2541
  }
2542
 
2543
  .conversejs .d-sm-flex {
2544
    display: flex !important;
2545
  }
2546
 
2547
  .conversejs .d-sm-inline-flex {
2548
    display: inline-flex !important;
2549
  }
2550
}
2551
 
2552
@media (min-width: 768px) {
2553
  .conversejs .d-md-none {
2554
    display: none !important;
2555
  }
2556
 
2557
  .conversejs .d-md-inline {
2558
    display: inline !important;
2559
  }
2560
 
2561
  .conversejs .d-md-inline-block {
2562
    display: inline-block !important;
2563
  }
2564
 
2565
  .conversejs .d-md-block {
2566
    display: block !important;
2567
  }
2568
 
2569
  .conversejs .d-md-table {
2570
    display: table !important;
2571
  }
2572
 
2573
  .conversejs .d-md-table-row {
2574
    display: table-row !important;
2575
  }
2576
 
2577
  .conversejs .d-md-table-cell {
2578
    display: table-cell !important;
2579
  }
2580
 
2581
  .conversejs .d-md-flex {
2582
    display: flex !important;
2583
  }
2584
 
2585
  .conversejs .d-md-inline-flex {
2586
    display: inline-flex !important;
2587
  }
2588
}
2589
 
2590
@media (min-width: 992px) {
2591
  .conversejs .d-lg-none {
2592
    display: none !important;
2593
  }
2594
 
2595
  .conversejs .d-lg-inline {
2596
    display: inline !important;
2597
  }
2598
 
2599
  .conversejs .d-lg-inline-block {
2600
    display: inline-block !important;
2601
  }
2602
 
2603
  .conversejs .d-lg-block {
2604
    display: block !important;
2605
  }
2606
 
2607
  .conversejs .d-lg-table {
2608
    display: table !important;
2609
  }
2610
 
2611
  .conversejs .d-lg-table-row {
2612
    display: table-row !important;
2613
  }
2614
 
2615
  .conversejs .d-lg-table-cell {
2616
    display: table-cell !important;
2617
  }
2618
 
2619
  .conversejs .d-lg-flex {
2620
    display: flex !important;
2621
  }
2622
 
2623
  .conversejs .d-lg-inline-flex {
2624
    display: inline-flex !important;
2625
  }
2626
}
2627
 
2628
@media (min-width: 1200px) {
2629
  .conversejs .d-xl-none {
2630
    display: none !important;
2631
  }
2632
 
2633
  .conversejs .d-xl-inline {
2634
    display: inline !important;
2635
  }
2636
 
2637
  .conversejs .d-xl-inline-block {
2638
    display: inline-block !important;
2639
  }
2640
 
2641
  .conversejs .d-xl-block {
2642
    display: block !important;
2643
  }
2644
 
2645
  .conversejs .d-xl-table {
2646
    display: table !important;
2647
  }
2648
 
2649
  .conversejs .d-xl-table-row {
2650
    display: table-row !important;
2651
  }
2652
 
2653
  .conversejs .d-xl-table-cell {
2654
    display: table-cell !important;
2655
  }
2656
 
2657
  .conversejs .d-xl-flex {
2658
    display: flex !important;
2659
  }
2660
 
2661
  .conversejs .d-xl-inline-flex {
2662
    display: inline-flex !important;
2663
  }
2664
}
2665
 
2666
@media print {
2667
  .conversejs .d-print-none {
2668
    display: none !important;
2669
  }
2670
 
2671
  .conversejs .d-print-inline {
2672
    display: inline !important;
2673
  }
2674
 
2675
  .conversejs .d-print-inline-block {
2676
    display: inline-block !important;
2677
  }
2678
 
2679
  .conversejs .d-print-block {
2680
    display: block !important;
2681
  }
2682
 
2683
  .conversejs .d-print-table {
2684
    display: table !important;
2685
  }
2686
 
2687
  .conversejs .d-print-table-row {
2688
    display: table-row !important;
2689
  }
2690
 
2691
  .conversejs .d-print-table-cell {
2692
    display: table-cell !important;
2693
  }
2694
 
2695
  .conversejs .d-print-flex {
2696
    display: flex !important;
2697
  }
2698
 
2699
  .conversejs .d-print-inline-flex {
2700
    display: inline-flex !important;
2701
  }
2702
}
2703
 
2704
.conversejs .embed-responsive {
2705
  position: relative;
2706
  display: block;
2707
  width: 100%;
2708
  padding: 0;
2709
  overflow: hidden;
2710
}
2711
 
2712
.conversejs .embed-responsive::before {
2713
  display: block;
2714
  content: '';
2715
}
2716
 
2717
.conversejs .embed-responsive .embed-responsive-item,
2718
.conversejs .embed-responsive iframe,
2719
.conversejs .embed-responsive embed,
2720
.conversejs .embed-responsive object,
2721
.conversejs .embed-responsive video {
2722
  position: absolute;
2723
  top: 0;
2724
  bottom: 0;
2725
  left: 0;
2726
  width: 100%;
2727
  height: 100%;
2728
  border: 0;
2729
}
2730
 
2731
.conversejs .embed-responsive-21by9::before {
2732
  padding-top: 42.85714286%;
2733
}
2734
 
2735
.conversejs .embed-responsive-16by9::before {
2736
  padding-top: 56.25%;
2737
}
2738
 
2739
.conversejs .embed-responsive-4by3::before {
2740
  padding-top: 75%;
2741
}
2742
 
2743
.conversejs .embed-responsive-1by1::before {
2744
  padding-top: 100%;
2745
}
2746
 
2747
.conversejs .flex-row {
2748
  flex-direction: row !important;
2749
}
2750
 
2751
.conversejs .flex-column {
2752
  flex-direction: column !important;
2753
}
2754
 
2755
.conversejs .flex-row-reverse {
2756
  flex-direction: row-reverse !important;
2757
}
2758
 
2759
.conversejs .flex-column-reverse {
2760
  flex-direction: column-reverse !important;
2761
}
2762
 
2763
.conversejs .flex-wrap {
2764
  flex-wrap: wrap !important;
2765
}
2766
 
2767
.conversejs .flex-nowrap {
2768
  flex-wrap: nowrap !important;
2769
}
2770
 
2771
.conversejs .flex-wrap-reverse {
2772
  flex-wrap: wrap-reverse !important;
2773
}
2774
 
2775
.conversejs .flex-fill {
2776
  flex: 1 1 auto !important;
2777
}
2778
 
2779
.conversejs .flex-grow-0 {
2780
  flex-grow: 0 !important;
2781
}
2782
 
2783
.conversejs .flex-grow-1 {
2784
  flex-grow: 1 !important;
2785
}
2786
 
2787
.conversejs .flex-shrink-0 {
2788
  flex-shrink: 0 !important;
2789
}
2790
 
2791
.conversejs .flex-shrink-1 {
2792
  flex-shrink: 1 !important;
2793
}
2794
 
2795
.conversejs .justify-content-start {
2796
  justify-content: flex-start !important;
2797
}
2798
 
2799
.conversejs .justify-content-end {
2800
  justify-content: flex-end !important;
2801
}
2802
 
2803
.conversejs .justify-content-center {
2804
  justify-content: center !important;
2805
}
2806
 
2807
.conversejs .justify-content-between {
2808
  justify-content: space-between !important;
2809
}
2810
 
2811
.conversejs .justify-content-around {
2812
  justify-content: space-around !important;
2813
}
2814
 
2815
.conversejs .align-items-start {
2816
  align-items: flex-start !important;
2817
}
2818
 
2819
.conversejs .align-items-end {
2820
  align-items: flex-end !important;
2821
}
2822
 
2823
.conversejs .align-items-center {
2824
  align-items: center !important;
2825
}
2826
 
2827
.conversejs .align-items-baseline {
2828
  align-items: baseline !important;
2829
}
2830
 
2831
.conversejs .align-items-stretch {
2832
  align-items: stretch !important;
2833
}
2834
 
2835
.conversejs .align-content-start {
2836
  align-content: flex-start !important;
2837
}
2838
 
2839
.conversejs .align-content-end {
2840
  align-content: flex-end !important;
2841
}
2842
 
2843
.conversejs .align-content-center {
2844
  align-content: center !important;
2845
}
2846
 
2847
.conversejs .align-content-between {
2848
  align-content: space-between !important;
2849
}
2850
 
2851
.conversejs .align-content-around {
2852
  align-content: space-around !important;
2853
}
2854
 
2855
.conversejs .align-content-stretch {
2856
  align-content: stretch !important;
2857
}
2858
 
2859
.conversejs .align-self-auto {
2860
  align-self: auto !important;
2861
}
2862
 
2863
.conversejs .align-self-start {
2864
  align-self: flex-start !important;
2865
}
2866
 
2867
.conversejs .align-self-end {
2868
  align-self: flex-end !important;
2869
}
2870
 
2871
.conversejs .align-self-center {
2872
  align-self: center !important;
2873
}
2874
 
2875
.conversejs .align-self-baseline {
2876
  align-self: baseline !important;
2877
}
2878
 
2879
.conversejs .align-self-stretch {
2880
  align-self: stretch !important;
2881
}
2882
 
2883
@media (min-width: 576px) {
2884
  .conversejs .flex-sm-row {
2885
    flex-direction: row !important;
2886
  }
2887
 
2888
  .conversejs .flex-sm-column {
2889
    flex-direction: column !important;
2890
  }
2891
 
2892
  .conversejs .flex-sm-row-reverse {
2893
    flex-direction: row-reverse !important;
2894
  }
2895
 
2896
  .conversejs .flex-sm-column-reverse {
2897
    flex-direction: column-reverse !important;
2898
  }
2899
 
2900
  .conversejs .flex-sm-wrap {
2901
    flex-wrap: wrap !important;
2902
  }
2903
 
2904
  .conversejs .flex-sm-nowrap {
2905
    flex-wrap: nowrap !important;
2906
  }
2907
 
2908
  .conversejs .flex-sm-wrap-reverse {
2909
    flex-wrap: wrap-reverse !important;
2910
  }
2911
 
2912
  .conversejs .flex-sm-fill {
2913
    flex: 1 1 auto !important;
2914
  }
2915
 
2916
  .conversejs .flex-sm-grow-0 {
2917
    flex-grow: 0 !important;
2918
  }
2919
 
2920
  .conversejs .flex-sm-grow-1 {
2921
    flex-grow: 1 !important;
2922
  }
2923
 
2924
  .conversejs .flex-sm-shrink-0 {
2925
    flex-shrink: 0 !important;
2926
  }
2927
 
2928
  .conversejs .flex-sm-shrink-1 {
2929
    flex-shrink: 1 !important;
2930
  }
2931
 
2932
  .conversejs .justify-content-sm-start {
2933
    justify-content: flex-start !important;
2934
  }
2935
 
2936
  .conversejs .justify-content-sm-end {
2937
    justify-content: flex-end !important;
2938
  }
2939
 
2940
  .conversejs .justify-content-sm-center {
2941
    justify-content: center !important;
2942
  }
2943
 
2944
  .conversejs .justify-content-sm-between {
2945
    justify-content: space-between !important;
2946
  }
2947
 
2948
  .conversejs .justify-content-sm-around {
2949
    justify-content: space-around !important;
2950
  }
2951
 
2952
  .conversejs .align-items-sm-start {
2953
    align-items: flex-start !important;
2954
  }
2955
 
2956
  .conversejs .align-items-sm-end {
2957
    align-items: flex-end !important;
2958
  }
2959
 
2960
  .conversejs .align-items-sm-center {
2961
    align-items: center !important;
2962
  }
2963
 
2964
  .conversejs .align-items-sm-baseline {
2965
    align-items: baseline !important;
2966
  }
2967
 
2968
  .conversejs .align-items-sm-stretch {
2969
    align-items: stretch !important;
2970
  }
2971
 
2972
  .conversejs .align-content-sm-start {
2973
    align-content: flex-start !important;
2974
  }
2975
 
2976
  .conversejs .align-content-sm-end {
2977
    align-content: flex-end !important;
2978
  }
2979
 
2980
  .conversejs .align-content-sm-center {
2981
    align-content: center !important;
2982
  }
2983
 
2984
  .conversejs .align-content-sm-between {
2985
    align-content: space-between !important;
2986
  }
2987
 
2988
  .conversejs .align-content-sm-around {
2989
    align-content: space-around !important;
2990
  }
2991
 
2992
  .conversejs .align-content-sm-stretch {
2993
    align-content: stretch !important;
2994
  }
2995
 
2996
  .conversejs .align-self-sm-auto {
2997
    align-self: auto !important;
2998
  }
2999
 
3000
  .conversejs .align-self-sm-start {
3001
    align-self: flex-start !important;
3002
  }
3003
 
3004
  .conversejs .align-self-sm-end {
3005
    align-self: flex-end !important;
3006
  }
3007
 
3008
  .conversejs .align-self-sm-center {
3009
    align-self: center !important;
3010
  }
3011
 
3012
  .conversejs .align-self-sm-baseline {
3013
    align-self: baseline !important;
3014
  }
3015
 
3016
  .conversejs .align-self-sm-stretch {
3017
    align-self: stretch !important;
3018
  }
3019
}
3020
 
3021
@media (min-width: 768px) {
3022
  .conversejs .flex-md-row {
3023
    flex-direction: row !important;
3024
  }
3025
 
3026
  .conversejs .flex-md-column {
3027
    flex-direction: column !important;
3028
  }
3029
 
3030
  .conversejs .flex-md-row-reverse {
3031
    flex-direction: row-reverse !important;
3032
  }
3033
 
3034
  .conversejs .flex-md-column-reverse {
3035
    flex-direction: column-reverse !important;
3036
  }
3037
 
3038
  .conversejs .flex-md-wrap {
3039
    flex-wrap: wrap !important;
3040
  }
3041
 
3042
  .conversejs .flex-md-nowrap {
3043
    flex-wrap: nowrap !important;
3044
  }
3045
 
3046
  .conversejs .flex-md-wrap-reverse {
3047
    flex-wrap: wrap-reverse !important;
3048
  }
3049
 
3050
  .conversejs .flex-md-fill {
3051
    flex: 1 1 auto !important;
3052
  }
3053
 
3054
  .conversejs .flex-md-grow-0 {
3055
    flex-grow: 0 !important;
3056
  }
3057
 
3058
  .conversejs .flex-md-grow-1 {
3059
    flex-grow: 1 !important;
3060
  }
3061
 
3062
  .conversejs .flex-md-shrink-0 {
3063
    flex-shrink: 0 !important;
3064
  }
3065
 
3066
  .conversejs .flex-md-shrink-1 {
3067
    flex-shrink: 1 !important;
3068
  }
3069
 
3070
  .conversejs .justify-content-md-start {
3071
    justify-content: flex-start !important;
3072
  }
3073
 
3074
  .conversejs .justify-content-md-end {
3075
    justify-content: flex-end !important;
3076
  }
3077
 
3078
  .conversejs .justify-content-md-center {
3079
    justify-content: center !important;
3080
  }
3081
 
3082
  .conversejs .justify-content-md-between {
3083
    justify-content: space-between !important;
3084
  }
3085
 
3086
  .conversejs .justify-content-md-around {
3087
    justify-content: space-around !important;
3088
  }
3089
 
3090
  .conversejs .align-items-md-start {
3091
    align-items: flex-start !important;
3092
  }
3093
 
3094
  .conversejs .align-items-md-end {
3095
    align-items: flex-end !important;
3096
  }
3097
 
3098
  .conversejs .align-items-md-center {
3099
    align-items: center !important;
3100
  }
3101
 
3102
  .conversejs .align-items-md-baseline {
3103
    align-items: baseline !important;
3104
  }
3105
 
3106
  .conversejs .align-items-md-stretch {
3107
    align-items: stretch !important;
3108
  }
3109
 
3110
  .conversejs .align-content-md-start {
3111
    align-content: flex-start !important;
3112
  }
3113
 
3114
  .conversejs .align-content-md-end {
3115
    align-content: flex-end !important;
3116
  }
3117
 
3118
  .conversejs .align-content-md-center {
3119
    align-content: center !important;
3120
  }
3121
 
3122
  .conversejs .align-content-md-between {
3123
    align-content: space-between !important;
3124
  }
3125
 
3126
  .conversejs .align-content-md-around {
3127
    align-content: space-around !important;
3128
  }
3129
 
3130
  .conversejs .align-content-md-stretch {
3131
    align-content: stretch !important;
3132
  }
3133
 
3134
  .conversejs .align-self-md-auto {
3135
    align-self: auto !important;
3136
  }
3137
 
3138
  .conversejs .align-self-md-start {
3139
    align-self: flex-start !important;
3140
  }
3141
 
3142
  .conversejs .align-self-md-end {
3143
    align-self: flex-end !important;
3144
  }
3145
 
3146
  .conversejs .align-self-md-center {
3147
    align-self: center !important;
3148
  }
3149
 
3150
  .conversejs .align-self-md-baseline {
3151
    align-self: baseline !important;
3152
  }
3153
 
3154
  .conversejs .align-self-md-stretch {
3155
    align-self: stretch !important;
3156
  }
3157
}
3158
 
3159
@media (min-width: 992px) {
3160
  .conversejs .flex-lg-row {
3161
    flex-direction: row !important;
3162
  }
3163
 
3164
  .conversejs .flex-lg-column {
3165
    flex-direction: column !important;
3166
  }
3167
 
3168
  .conversejs .flex-lg-row-reverse {
3169
    flex-direction: row-reverse !important;
3170
  }
3171
 
3172
  .conversejs .flex-lg-column-reverse {
3173
    flex-direction: column-reverse !important;
3174
  }
3175
 
3176
  .conversejs .flex-lg-wrap {
3177
    flex-wrap: wrap !important;
3178
  }
3179
 
3180
  .conversejs .flex-lg-nowrap {
3181
    flex-wrap: nowrap !important;
3182
  }
3183
 
3184
  .conversejs .flex-lg-wrap-reverse {
3185
    flex-wrap: wrap-reverse !important;
3186
  }
3187
 
3188
  .conversejs .flex-lg-fill {
3189
    flex: 1 1 auto !important;
3190
  }
3191
 
3192
  .conversejs .flex-lg-grow-0 {
3193
    flex-grow: 0 !important;
3194
  }
3195
 
3196
  .conversejs .flex-lg-grow-1 {
3197
    flex-grow: 1 !important;
3198
  }
3199
 
3200
  .conversejs .flex-lg-shrink-0 {
3201
    flex-shrink: 0 !important;
3202
  }
3203
 
3204
  .conversejs .flex-lg-shrink-1 {
3205
    flex-shrink: 1 !important;
3206
  }
3207
 
3208
  .conversejs .justify-content-lg-start {
3209
    justify-content: flex-start !important;
3210
  }
3211
 
3212
  .conversejs .justify-content-lg-end {
3213
    justify-content: flex-end !important;
3214
  }
3215
 
3216
  .conversejs .justify-content-lg-center {
3217
    justify-content: center !important;
3218
  }
3219
 
3220
  .conversejs .justify-content-lg-between {
3221
    justify-content: space-between !important;
3222
  }
3223
 
3224
  .conversejs .justify-content-lg-around {
3225
    justify-content: space-around !important;
3226
  }
3227
 
3228
  .conversejs .align-items-lg-start {
3229
    align-items: flex-start !important;
3230
  }
3231
 
3232
  .conversejs .align-items-lg-end {
3233
    align-items: flex-end !important;
3234
  }
3235
 
3236
  .conversejs .align-items-lg-center {
3237
    align-items: center !important;
3238
  }
3239
 
3240
  .conversejs .align-items-lg-baseline {
3241
    align-items: baseline !important;
3242
  }
3243
 
3244
  .conversejs .align-items-lg-stretch {
3245
    align-items: stretch !important;
3246
  }
3247
 
3248
  .conversejs .align-content-lg-start {
3249
    align-content: flex-start !important;
3250
  }
3251
 
3252
  .conversejs .align-content-lg-end {
3253
    align-content: flex-end !important;
3254
  }
3255
 
3256
  .conversejs .align-content-lg-center {
3257
    align-content: center !important;
3258
  }
3259
 
3260
  .conversejs .align-content-lg-between {
3261
    align-content: space-between !important;
3262
  }
3263
 
3264
  .conversejs .align-content-lg-around {
3265
    align-content: space-around !important;
3266
  }
3267
 
3268
  .conversejs .align-content-lg-stretch {
3269
    align-content: stretch !important;
3270
  }
3271
 
3272
  .conversejs .align-self-lg-auto {
3273
    align-self: auto !important;
3274
  }
3275
 
3276
  .conversejs .align-self-lg-start {
3277
    align-self: flex-start !important;
3278
  }
3279
 
3280
  .conversejs .align-self-lg-end {
3281
    align-self: flex-end !important;
3282
  }
3283
 
3284
  .conversejs .align-self-lg-center {
3285
    align-self: center !important;
3286
  }
3287
 
3288
  .conversejs .align-self-lg-baseline {
3289
    align-self: baseline !important;
3290
  }
3291
 
3292
  .conversejs .align-self-lg-stretch {
3293
    align-self: stretch !important;
3294
  }
3295
}
3296
 
3297
@media (min-width: 1200px) {
3298
  .conversejs .flex-xl-row {
3299
    flex-direction: row !important;
3300
  }
3301
 
3302
  .conversejs .flex-xl-column {
3303
    flex-direction: column !important;
3304
  }
3305
 
3306
  .conversejs .flex-xl-row-reverse {
3307
    flex-direction: row-reverse !important;
3308
  }
3309
 
3310
  .conversejs .flex-xl-column-reverse {
3311
    flex-direction: column-reverse !important;
3312
  }
3313
 
3314
  .conversejs .flex-xl-wrap {
3315
    flex-wrap: wrap !important;
3316
  }
3317
 
3318
  .conversejs .flex-xl-nowrap {
3319
    flex-wrap: nowrap !important;
3320
  }
3321
 
3322
  .conversejs .flex-xl-wrap-reverse {
3323
    flex-wrap: wrap-reverse !important;
3324
  }
3325
 
3326
  .conversejs .flex-xl-fill {
3327
    flex: 1 1 auto !important;
3328
  }
3329
 
3330
  .conversejs .flex-xl-grow-0 {
3331
    flex-grow: 0 !important;
3332
  }
3333
 
3334
  .conversejs .flex-xl-grow-1 {
3335
    flex-grow: 1 !important;
3336
  }
3337
 
3338
  .conversejs .flex-xl-shrink-0 {
3339
    flex-shrink: 0 !important;
3340
  }
3341
 
3342
  .conversejs .flex-xl-shrink-1 {
3343
    flex-shrink: 1 !important;
3344
  }
3345
 
3346
  .conversejs .justify-content-xl-start {
3347
    justify-content: flex-start !important;
3348
  }
3349
 
3350
  .conversejs .justify-content-xl-end {
3351
    justify-content: flex-end !important;
3352
  }
3353
 
3354
  .conversejs .justify-content-xl-center {
3355
    justify-content: center !important;
3356
  }
3357
 
3358
  .conversejs .justify-content-xl-between {
3359
    justify-content: space-between !important;
3360
  }
3361
 
3362
  .conversejs .justify-content-xl-around {
3363
    justify-content: space-around !important;
3364
  }
3365
 
3366
  .conversejs .align-items-xl-start {
3367
    align-items: flex-start !important;
3368
  }
3369
 
3370
  .conversejs .align-items-xl-end {
3371
    align-items: flex-end !important;
3372
  }
3373
 
3374
  .conversejs .align-items-xl-center {
3375
    align-items: center !important;
3376
  }
3377
 
3378
  .conversejs .align-items-xl-baseline {
3379
    align-items: baseline !important;
3380
  }
3381
 
3382
  .conversejs .align-items-xl-stretch {
3383
    align-items: stretch !important;
3384
  }
3385
 
3386
  .conversejs .align-content-xl-start {
3387
    align-content: flex-start !important;
3388
  }
3389
 
3390
  .conversejs .align-content-xl-end {
3391
    align-content: flex-end !important;
3392
  }
3393
 
3394
  .conversejs .align-content-xl-center {
3395
    align-content: center !important;
3396
  }
3397
 
3398
  .conversejs .align-content-xl-between {
3399
    align-content: space-between !important;
3400
  }
3401
 
3402
  .conversejs .align-content-xl-around {
3403
    align-content: space-around !important;
3404
  }
3405
 
3406
  .conversejs .align-content-xl-stretch {
3407
    align-content: stretch !important;
3408
  }
3409
 
3410
  .conversejs .align-self-xl-auto {
3411
    align-self: auto !important;
3412
  }
3413
 
3414
  .conversejs .align-self-xl-start {
3415
    align-self: flex-start !important;
3416
  }
3417
 
3418
  .conversejs .align-self-xl-end {
3419
    align-self: flex-end !important;
3420
  }
3421
 
3422
  .conversejs .align-self-xl-center {
3423
    align-self: center !important;
3424
  }
3425
 
3426
  .conversejs .align-self-xl-baseline {
3427
    align-self: baseline !important;
3428
  }
3429
 
3430
  .conversejs .align-self-xl-stretch {
3431
    align-self: stretch !important;
3432
  }
3433
}
3434
 
3435
.conversejs .float-left {
3436
  float: left !important;
3437
}
3438
 
3439
.conversejs .float-right {
3440
  float: right !important;
3441
}
3442
 
3443
.conversejs .float-none {
3444
  float: none !important;
3445
}
3446
 
3447
@media (min-width: 576px) {
3448
  .conversejs .float-sm-left {
3449
    float: left !important;
3450
  }
3451
 
3452
  .conversejs .float-sm-right {
3453
    float: right !important;
3454
  }
3455
 
3456
  .conversejs .float-sm-none {
3457
    float: none !important;
3458
  }
3459
}
3460
 
3461
@media (min-width: 768px) {
3462
  .conversejs .float-md-left {
3463
    float: left !important;
3464
  }
3465
 
3466
  .conversejs .float-md-right {
3467
    float: right !important;
3468
  }
3469
 
3470
  .conversejs .float-md-none {
3471
    float: none !important;
3472
  }
3473
}
3474
 
3475
@media (min-width: 992px) {
3476
  .conversejs .float-lg-left {
3477
    float: left !important;
3478
  }
3479
 
3480
  .conversejs .float-lg-right {
3481
    float: right !important;
3482
  }
3483
 
3484
  .conversejs .float-lg-none {
3485
    float: none !important;
3486
  }
3487
}
3488
 
3489
@media (min-width: 1200px) {
3490
  .conversejs .float-xl-left {
3491
    float: left !important;
3492
  }
3493
 
3494
  .conversejs .float-xl-right {
3495
    float: right !important;
3496
  }
3497
 
3498
  .conversejs .float-xl-none {
3499
    float: none !important;
3500
  }
3501
}
3502
 
3503
.conversejs .user-select-all {
3504
  -webkit-user-select: all !important;
3505
  -moz-user-select: all !important;
3506
  user-select: all !important;
3507
}
3508
 
3509
.conversejs .user-select-auto {
3510
  -webkit-user-select: auto !important;
3511
  -moz-user-select: auto !important;
3512
  user-select: auto !important;
3513
}
3514
 
3515
.conversejs .user-select-none {
3516
  -webkit-user-select: none !important;
3517
  -moz-user-select: none !important;
3518
  user-select: none !important;
3519
}
3520
 
3521
.conversejs .overflow-auto {
3522
  overflow: auto !important;
3523
}
3524
 
3525
.conversejs .overflow-hidden {
3526
  overflow: hidden !important;
3527
}
3528
 
3529
.conversejs .position-static {
3530
  position: static !important;
3531
}
3532
 
3533
.conversejs .position-relative {
3534
  position: relative !important;
3535
}
3536
 
3537
.conversejs .position-absolute {
3538
  position: absolute !important;
3539
}
3540
 
3541
.conversejs .position-fixed {
3542
  position: fixed !important;
3543
}
3544
 
3545
.conversejs .position-sticky {
3546
  position: sticky !important;
3547
}
3548
 
3549
.conversejs .fixed-top {
3550
  position: fixed;
3551
  top: 0;
3552
  right: 0;
3553
  left: 0;
3554
  z-index: 1030;
3555
}
3556
 
3557
.conversejs .fixed-bottom {
3558
  position: fixed;
3559
  right: 0;
3560
  bottom: 0;
3561
  left: 0;
3562
  z-index: 1030;
3563
}
3564
 
3565
@supports (position: sticky) {
3566
  .conversejs .sticky-top {
3567
    position: sticky;
3568
    top: 0;
3569
    z-index: 1020;
3570
  }
3571
}
3572
 
3573
.conversejs .sr-only {
3574
  position: absolute;
3575
  width: 1px;
3576
  height: 1px;
3577
  padding: 0;
3578
  margin: -1px;
3579
  overflow: hidden;
3580
  clip: rect(0, 0, 0, 0);
3581
  white-space: nowrap;
3582
  border: 0;
3583
}
3584
 
3585
.conversejs .sr-only-focusable:active,
3586
.conversejs .sr-only-focusable:focus {
3587
  position: static;
3588
  width: auto;
3589
  height: auto;
3590
  overflow: visible;
3591
  clip: auto;
3592
  white-space: normal;
3593
}
3594
 
3595
.conversejs .shadow-sm {
3596
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
3597
}
3598
 
3599
.conversejs .shadow {
3600
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
3601
}
3602
 
3603
.conversejs .shadow-lg {
3604
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
3605
}
3606
 
3607
.conversejs .shadow-none {
3608
  box-shadow: none !important;
3609
}
3610
 
3611
.conversejs .w-25 {
3612
  width: 25% !important;
3613
}
3614
 
3615
.conversejs .w-50 {
3616
  width: 50% !important;
3617
}
3618
 
3619
.conversejs .w-75 {
3620
  width: 75% !important;
3621
}
3622
 
3623
.conversejs .w-100 {
3624
  width: 100% !important;
3625
}
3626
 
3627
.conversejs .w-auto {
3628
  width: auto !important;
3629
}
3630
 
3631
.conversejs .h-25 {
3632
  height: 25% !important;
3633
}
3634
 
3635
.conversejs .h-50 {
3636
  height: 50% !important;
3637
}
3638
 
3639
.conversejs .h-75 {
3640
  height: 75% !important;
3641
}
3642
 
3643
.conversejs .h-100 {
3644
  height: 100% !important;
3645
}
3646
 
3647
.conversejs .h-auto {
3648
  height: auto !important;
3649
}
3650
 
3651
.conversejs .mw-100 {
3652
  max-width: 100% !important;
3653
}
3654
 
3655
.conversejs .mh-100 {
3656
  max-height: 100% !important;
3657
}
3658
 
3659
.conversejs .min-vw-100 {
3660
  min-width: 100vw !important;
3661
}
3662
 
3663
.conversejs .min-vh-100 {
3664
  min-height: 100vh !important;
3665
}
3666
 
3667
.conversejs .vw-100 {
3668
  width: 100vw !important;
3669
}
3670
 
3671
.conversejs .vh-100 {
3672
  height: 100vh !important;
3673
}
3674
 
3675
.conversejs .m-0 {
3676
  margin: 0 !important;
3677
}
3678
 
3679
.conversejs .mt-0,
3680
.conversejs .my-0 {
3681
  margin-top: 0 !important;
3682
}
3683
 
3684
.conversejs .mr-0,
3685
.conversejs .mx-0 {
3686
  margin-right: 0 !important;
3687
}
3688
 
3689
.conversejs .mb-0,
3690
.conversejs .my-0 {
3691
  margin-bottom: 0 !important;
3692
}
3693
 
3694
.conversejs .ml-0,
3695
.conversejs .mx-0 {
3696
  margin-left: 0 !important;
3697
}
3698
 
3699
.conversejs .m-1 {
3700
  margin: 0.25rem !important;
3701
}
3702
 
3703
.conversejs .mt-1,
3704
.conversejs .my-1 {
3705
  margin-top: 0.25rem !important;
3706
}
3707
 
3708
.conversejs .mr-1,
3709
.conversejs .mx-1 {
3710
  margin-right: 0.25rem !important;
3711
}
3712
 
3713
.conversejs .mb-1,
3714
.conversejs .my-1 {
3715
  margin-bottom: 0.25rem !important;
3716
}
3717
 
3718
.conversejs .ml-1,
3719
.conversejs .mx-1 {
3720
  margin-left: 0.25rem !important;
3721
}
3722
 
3723
.conversejs .m-2 {
3724
  margin: 0.5rem !important;
3725
}
3726
 
3727
.conversejs .mt-2,
3728
.conversejs .my-2 {
3729
  margin-top: 0.5rem !important;
3730
}
3731
 
3732
.conversejs .mr-2,
3733
.conversejs .mx-2 {
3734
  margin-right: 0.5rem !important;
3735
}
3736
 
3737
.conversejs .mb-2,
3738
.conversejs .my-2 {
3739
  margin-bottom: 0.5rem !important;
3740
}
3741
 
3742
.conversejs .ml-2,
3743
.conversejs .mx-2 {
3744
  margin-left: 0.5rem !important;
3745
}
3746
 
3747
.conversejs .m-3 {
3748
  margin: 1rem !important;
3749
}
3750
 
3751
.conversejs .mt-3,
3752
.conversejs .my-3 {
3753
  margin-top: 1rem !important;
3754
}
3755
 
3756
.conversejs .mr-3,
3757
.conversejs .mx-3 {
3758
  margin-right: 1rem !important;
3759
}
3760
 
3761
.conversejs .mb-3,
3762
.conversejs .my-3 {
3763
  margin-bottom: 1rem !important;
3764
}
3765
 
3766
.conversejs .ml-3,
3767
.conversejs .mx-3 {
3768
  margin-left: 1rem !important;
3769
}
3770
 
3771
.conversejs .m-4 {
3772
  margin: 1.5rem !important;
3773
}
3774
 
3775
.conversejs .mt-4,
3776
.conversejs .my-4 {
3777
  margin-top: 1.5rem !important;
3778
}
3779
 
3780
.conversejs .mr-4,
3781
.conversejs .mx-4 {
3782
  margin-right: 1.5rem !important;
3783
}
3784
 
3785
.conversejs .mb-4,
3786
.conversejs .my-4 {
3787
  margin-bottom: 1.5rem !important;
3788
}
3789
 
3790
.conversejs .ml-4,
3791
.conversejs .mx-4 {
3792
  margin-left: 1.5rem !important;
3793
}
3794
 
3795
.conversejs .m-5 {
3796
  margin: 3rem !important;
3797
}
3798
 
3799
.conversejs .mt-5,
3800
.conversejs .my-5 {
3801
  margin-top: 3rem !important;
3802
}
3803
 
3804
.conversejs .mr-5,
3805
.conversejs .mx-5 {
3806
  margin-right: 3rem !important;
3807
}
3808
 
3809
.conversejs .mb-5,
3810
.conversejs .my-5 {
3811
  margin-bottom: 3rem !important;
3812
}
3813
 
3814
.conversejs .ml-5,
3815
.conversejs .mx-5 {
3816
  margin-left: 3rem !important;
3817
}
3818
 
3819
.conversejs .p-0 {
3820
  padding: 0 !important;
3821
}
3822
 
3823
.conversejs .pt-0,
3824
.conversejs .py-0 {
3825
  padding-top: 0 !important;
3826
}
3827
 
3828
.conversejs .pr-0,
3829
.conversejs .px-0 {
3830
  padding-right: 0 !important;
3831
}
3832
 
3833
.conversejs .pb-0,
3834
.conversejs .py-0 {
3835
  padding-bottom: 0 !important;
3836
}
3837
 
3838
.conversejs .pl-0,
3839
.conversejs .px-0 {
3840
  padding-left: 0 !important;
3841
}
3842
 
3843
.conversejs .p-1 {
3844
  padding: 0.25rem !important;
3845
}
3846
 
3847
.conversejs .pt-1,
3848
.conversejs .py-1 {
3849
  padding-top: 0.25rem !important;
3850
}
3851
 
3852
.conversejs .pr-1,
3853
.conversejs .px-1 {
3854
  padding-right: 0.25rem !important;
3855
}
3856
 
3857
.conversejs .pb-1,
3858
.conversejs .py-1 {
3859
  padding-bottom: 0.25rem !important;
3860
}
3861
 
3862
.conversejs .pl-1,
3863
.conversejs .px-1 {
3864
  padding-left: 0.25rem !important;
3865
}
3866
 
3867
.conversejs .p-2 {
3868
  padding: 0.5rem !important;
3869
}
3870
 
3871
.conversejs .pt-2,
3872
.conversejs .py-2 {
3873
  padding-top: 0.5rem !important;
3874
}
3875
 
3876
.conversejs .pr-2,
3877
.conversejs .px-2 {
3878
  padding-right: 0.5rem !important;
3879
}
3880
 
3881
.conversejs .pb-2,
3882
.conversejs .py-2 {
3883
  padding-bottom: 0.5rem !important;
3884
}
3885
 
3886
.conversejs .pl-2,
3887
.conversejs .px-2 {
3888
  padding-left: 0.5rem !important;
3889
}
3890
 
3891
.conversejs .p-3 {
3892
  padding: 1rem !important;
3893
}
3894
 
3895
.conversejs .pt-3,
3896
.conversejs .py-3 {
3897
  padding-top: 1rem !important;
3898
}
3899
 
3900
.conversejs .pr-3,
3901
.conversejs .px-3 {
3902
  padding-right: 1rem !important;
3903
}
3904
 
3905
.conversejs .pb-3,
3906
.conversejs .py-3 {
3907
  padding-bottom: 1rem !important;
3908
}
3909
 
3910
.conversejs .pl-3,
3911
.conversejs .px-3 {
3912
  padding-left: 1rem !important;
3913
}
3914
 
3915
.conversejs .p-4 {
3916
  padding: 1.5rem !important;
3917
}
3918
 
3919
.conversejs .pt-4,
3920
.conversejs .py-4 {
3921
  padding-top: 1.5rem !important;
3922
}
3923
 
3924
.conversejs .pr-4,
3925
.conversejs .px-4 {
3926
  padding-right: 1.5rem !important;
3927
}
3928
 
3929
.conversejs .pb-4,
3930
.conversejs .py-4 {
3931
  padding-bottom: 1.5rem !important;
3932
}
3933
 
3934
.conversejs .pl-4,
3935
.conversejs .px-4 {
3936
  padding-left: 1.5rem !important;
3937
}
3938
 
3939
.conversejs .p-5 {
3940
  padding: 3rem !important;
3941
}
3942
 
3943
.conversejs .pt-5,
3944
.conversejs .py-5 {
3945
  padding-top: 3rem !important;
3946
}
3947
 
3948
.conversejs .pr-5,
3949
.conversejs .px-5 {
3950
  padding-right: 3rem !important;
3951
}
3952
 
3953
.conversejs .pb-5,
3954
.conversejs .py-5 {
3955
  padding-bottom: 3rem !important;
3956
}
3957
 
3958
.conversejs .pl-5,
3959
.conversejs .px-5 {
3960
  padding-left: 3rem !important;
3961
}
3962
 
3963
.conversejs .m-n1 {
3964
  margin: -0.25rem !important;
3965
}
3966
 
3967
.conversejs .mt-n1,
3968
.conversejs .my-n1 {
3969
  margin-top: -0.25rem !important;
3970
}
3971
 
3972
.conversejs .mr-n1,
3973
.conversejs .mx-n1 {
3974
  margin-right: -0.25rem !important;
3975
}
3976
 
3977
.conversejs .mb-n1,
3978
.conversejs .my-n1 {
3979
  margin-bottom: -0.25rem !important;
3980
}
3981
 
3982
.conversejs .ml-n1,
3983
.conversejs .mx-n1 {
3984
  margin-left: -0.25rem !important;
3985
}
3986
 
3987
.conversejs .m-n2 {
3988
  margin: -0.5rem !important;
3989
}
3990
 
3991
.conversejs .mt-n2,
3992
.conversejs .my-n2 {
3993
  margin-top: -0.5rem !important;
3994
}
3995
 
3996
.conversejs .mr-n2,
3997
.conversejs .mx-n2 {
3998
  margin-right: -0.5rem !important;
3999
}
4000
 
4001
.conversejs .mb-n2,
4002
.conversejs .my-n2 {
4003
  margin-bottom: -0.5rem !important;
4004
}
4005
 
4006
.conversejs .ml-n2,
4007
.conversejs .mx-n2 {
4008
  margin-left: -0.5rem !important;
4009
}
4010
 
4011
.conversejs .m-n3 {
4012
  margin: -1rem !important;
4013
}
4014
 
4015
.conversejs .mt-n3,
4016
.conversejs .my-n3 {
4017
  margin-top: -1rem !important;
4018
}
4019
 
4020
.conversejs .mr-n3,
4021
.conversejs .mx-n3 {
4022
  margin-right: -1rem !important;
4023
}
4024
 
4025
.conversejs .mb-n3,
4026
.conversejs .my-n3 {
4027
  margin-bottom: -1rem !important;
4028
}
4029
 
4030
.conversejs .ml-n3,
4031
.conversejs .mx-n3 {
4032
  margin-left: -1rem !important;
4033
}
4034
 
4035
.conversejs .m-n4 {
4036
  margin: -1.5rem !important;
4037
}
4038
 
4039
.conversejs .mt-n4,
4040
.conversejs .my-n4 {
4041
  margin-top: -1.5rem !important;
4042
}
4043
 
4044
.conversejs .mr-n4,
4045
.conversejs .mx-n4 {
4046
  margin-right: -1.5rem !important;
4047
}
4048
 
4049
.conversejs .mb-n4,
4050
.conversejs .my-n4 {
4051
  margin-bottom: -1.5rem !important;
4052
}
4053
 
4054
.conversejs .ml-n4,
4055
.conversejs .mx-n4 {
4056
  margin-left: -1.5rem !important;
4057
}
4058
 
4059
.conversejs .m-n5 {
4060
  margin: -3rem !important;
4061
}
4062
 
4063
.conversejs .mt-n5,
4064
.conversejs .my-n5 {
4065
  margin-top: -3rem !important;
4066
}
4067
 
4068
.conversejs .mr-n5,
4069
.conversejs .mx-n5 {
4070
  margin-right: -3rem !important;
4071
}
4072
 
4073
.conversejs .mb-n5,
4074
.conversejs .my-n5 {
4075
  margin-bottom: -3rem !important;
4076
}
4077
 
4078
.conversejs .ml-n5,
4079
.conversejs .mx-n5 {
4080
  margin-left: -3rem !important;
4081
}
4082
 
4083
.conversejs .m-auto {
4084
  margin: auto !important;
4085
}
4086
 
4087
.conversejs .mt-auto,
4088
.conversejs .my-auto {
4089
  margin-top: auto !important;
4090
}
4091
 
4092
.conversejs .mr-auto,
4093
.conversejs .mx-auto {
4094
  margin-right: auto !important;
4095
}
4096
 
4097
.conversejs .mb-auto,
4098
.conversejs .my-auto {
4099
  margin-bottom: auto !important;
4100
}
4101
 
4102
.conversejs .ml-auto,
4103
.conversejs .mx-auto {
4104
  margin-left: auto !important;
4105
}
4106
 
4107
@media (min-width: 576px) {
4108
  .conversejs .m-sm-0 {
4109
    margin: 0 !important;
4110
  }
4111
 
4112
  .conversejs .mt-sm-0,
4113
  .conversejs .my-sm-0 {
4114
    margin-top: 0 !important;
4115
  }
4116
 
4117
  .conversejs .mr-sm-0,
4118
  .conversejs .mx-sm-0 {
4119
    margin-right: 0 !important;
4120
  }
4121
 
4122
  .conversejs .mb-sm-0,
4123
  .conversejs .my-sm-0 {
4124
    margin-bottom: 0 !important;
4125
  }
4126
 
4127
  .conversejs .ml-sm-0,
4128
  .conversejs .mx-sm-0 {
4129
    margin-left: 0 !important;
4130
  }
4131
 
4132
  .conversejs .m-sm-1 {
4133
    margin: 0.25rem !important;
4134
  }
4135
 
4136
  .conversejs .mt-sm-1,
4137
  .conversejs .my-sm-1 {
4138
    margin-top: 0.25rem !important;
4139
  }
4140
 
4141
  .conversejs .mr-sm-1,
4142
  .conversejs .mx-sm-1 {
4143
    margin-right: 0.25rem !important;
4144
  }
4145
 
4146
  .conversejs .mb-sm-1,
4147
  .conversejs .my-sm-1 {
4148
    margin-bottom: 0.25rem !important;
4149
  }
4150
 
4151
  .conversejs .ml-sm-1,
4152
  .conversejs .mx-sm-1 {
4153
    margin-left: 0.25rem !important;
4154
  }
4155
 
4156
  .conversejs .m-sm-2 {
4157
    margin: 0.5rem !important;
4158
  }
4159
 
4160
  .conversejs .mt-sm-2,
4161
  .conversejs .my-sm-2 {
4162
    margin-top: 0.5rem !important;
4163
  }
4164
 
4165
  .conversejs .mr-sm-2,
4166
  .conversejs .mx-sm-2 {
4167
    margin-right: 0.5rem !important;
4168
  }
4169
 
4170
  .conversejs .mb-sm-2,
4171
  .conversejs .my-sm-2 {
4172
    margin-bottom: 0.5rem !important;
4173
  }
4174
 
4175
  .conversejs .ml-sm-2,
4176
  .conversejs .mx-sm-2 {
4177
    margin-left: 0.5rem !important;
4178
  }
4179
 
4180
  .conversejs .m-sm-3 {
4181
    margin: 1rem !important;
4182
  }
4183
 
4184
  .conversejs .mt-sm-3,
4185
  .conversejs .my-sm-3 {
4186
    margin-top: 1rem !important;
4187
  }
4188
 
4189
  .conversejs .mr-sm-3,
4190
  .conversejs .mx-sm-3 {
4191
    margin-right: 1rem !important;
4192
  }
4193
 
4194
  .conversejs .mb-sm-3,
4195
  .conversejs .my-sm-3 {
4196
    margin-bottom: 1rem !important;
4197
  }
4198
 
4199
  .conversejs .ml-sm-3,
4200
  .conversejs .mx-sm-3 {
4201
    margin-left: 1rem !important;
4202
  }
4203
 
4204
  .conversejs .m-sm-4 {
4205
    margin: 1.5rem !important;
4206
  }
4207
 
4208
  .conversejs .mt-sm-4,
4209
  .conversejs .my-sm-4 {
4210
    margin-top: 1.5rem !important;
4211
  }
4212
 
4213
  .conversejs .mr-sm-4,
4214
  .conversejs .mx-sm-4 {
4215
    margin-right: 1.5rem !important;
4216
  }
4217
 
4218
  .conversejs .mb-sm-4,
4219
  .conversejs .my-sm-4 {
4220
    margin-bottom: 1.5rem !important;
4221
  }
4222
 
4223
  .conversejs .ml-sm-4,
4224
  .conversejs .mx-sm-4 {
4225
    margin-left: 1.5rem !important;
4226
  }
4227
 
4228
  .conversejs .m-sm-5 {
4229
    margin: 3rem !important;
4230
  }
4231
 
4232
  .conversejs .mt-sm-5,
4233
  .conversejs .my-sm-5 {
4234
    margin-top: 3rem !important;
4235
  }
4236
 
4237
  .conversejs .mr-sm-5,
4238
  .conversejs .mx-sm-5 {
4239
    margin-right: 3rem !important;
4240
  }
4241
 
4242
  .conversejs .mb-sm-5,
4243
  .conversejs .my-sm-5 {
4244
    margin-bottom: 3rem !important;
4245
  }
4246
 
4247
  .conversejs .ml-sm-5,
4248
  .conversejs .mx-sm-5 {
4249
    margin-left: 3rem !important;
4250
  }
4251
 
4252
  .conversejs .p-sm-0 {
4253
    padding: 0 !important;
4254
  }
4255
 
4256
  .conversejs .pt-sm-0,
4257
  .conversejs .py-sm-0 {
4258
    padding-top: 0 !important;
4259
  }
4260
 
4261
  .conversejs .pr-sm-0,
4262
  .conversejs .px-sm-0 {
4263
    padding-right: 0 !important;
4264
  }
4265
 
4266
  .conversejs .pb-sm-0,
4267
  .conversejs .py-sm-0 {
4268
    padding-bottom: 0 !important;
4269
  }
4270
 
4271
  .conversejs .pl-sm-0,
4272
  .conversejs .px-sm-0 {
4273
    padding-left: 0 !important;
4274
  }
4275
 
4276
  .conversejs .p-sm-1 {
4277
    padding: 0.25rem !important;
4278
  }
4279
 
4280
  .conversejs .pt-sm-1,
4281
  .conversejs .py-sm-1 {
4282
    padding-top: 0.25rem !important;
4283
  }
4284
 
4285
  .conversejs .pr-sm-1,
4286
  .conversejs .px-sm-1 {
4287
    padding-right: 0.25rem !important;
4288
  }
4289
 
4290
  .conversejs .pb-sm-1,
4291
  .conversejs .py-sm-1 {
4292
    padding-bottom: 0.25rem !important;
4293
  }
4294
 
4295
  .conversejs .pl-sm-1,
4296
  .conversejs .px-sm-1 {
4297
    padding-left: 0.25rem !important;
4298
  }
4299
 
4300
  .conversejs .p-sm-2 {
4301
    padding: 0.5rem !important;
4302
  }
4303
 
4304
  .conversejs .pt-sm-2,
4305
  .conversejs .py-sm-2 {
4306
    padding-top: 0.5rem !important;
4307
  }
4308
 
4309
  .conversejs .pr-sm-2,
4310
  .conversejs .px-sm-2 {
4311
    padding-right: 0.5rem !important;
4312
  }
4313
 
4314
  .conversejs .pb-sm-2,
4315
  .conversejs .py-sm-2 {
4316
    padding-bottom: 0.5rem !important;
4317
  }
4318
 
4319
  .conversejs .pl-sm-2,
4320
  .conversejs .px-sm-2 {
4321
    padding-left: 0.5rem !important;
4322
  }
4323
 
4324
  .conversejs .p-sm-3 {
4325
    padding: 1rem !important;
4326
  }
4327
 
4328
  .conversejs .pt-sm-3,
4329
  .conversejs .py-sm-3 {
4330
    padding-top: 1rem !important;
4331
  }
4332
 
4333
  .conversejs .pr-sm-3,
4334
  .conversejs .px-sm-3 {
4335
    padding-right: 1rem !important;
4336
  }
4337
 
4338
  .conversejs .pb-sm-3,
4339
  .conversejs .py-sm-3 {
4340
    padding-bottom: 1rem !important;
4341
  }
4342
 
4343
  .conversejs .pl-sm-3,
4344
  .conversejs .px-sm-3 {
4345
    padding-left: 1rem !important;
4346
  }
4347
 
4348
  .conversejs .p-sm-4 {
4349
    padding: 1.5rem !important;
4350
  }
4351
 
4352
  .conversejs .pt-sm-4,
4353
  .conversejs .py-sm-4 {
4354
    padding-top: 1.5rem !important;
4355
  }
4356
 
4357
  .conversejs .pr-sm-4,
4358
  .conversejs .px-sm-4 {
4359
    padding-right: 1.5rem !important;
4360
  }
4361
 
4362
  .conversejs .pb-sm-4,
4363
  .conversejs .py-sm-4 {
4364
    padding-bottom: 1.5rem !important;
4365
  }
4366
 
4367
  .conversejs .pl-sm-4,
4368
  .conversejs .px-sm-4 {
4369
    padding-left: 1.5rem !important;
4370
  }
4371
 
4372
  .conversejs .p-sm-5 {
4373
    padding: 3rem !important;
4374
  }
4375
 
4376
  .conversejs .pt-sm-5,
4377
  .conversejs .py-sm-5 {
4378
    padding-top: 3rem !important;
4379
  }
4380
 
4381
  .conversejs .pr-sm-5,
4382
  .conversejs .px-sm-5 {
4383
    padding-right: 3rem !important;
4384
  }
4385
 
4386
  .conversejs .pb-sm-5,
4387
  .conversejs .py-sm-5 {
4388
    padding-bottom: 3rem !important;
4389
  }
4390
 
4391
  .conversejs .pl-sm-5,
4392
  .conversejs .px-sm-5 {
4393
    padding-left: 3rem !important;
4394
  }
4395
 
4396
  .conversejs .m-sm-n1 {
4397
    margin: -0.25rem !important;
4398
  }
4399
 
4400
  .conversejs .mt-sm-n1,
4401
  .conversejs .my-sm-n1 {
4402
    margin-top: -0.25rem !important;
4403
  }
4404
 
4405
  .conversejs .mr-sm-n1,
4406
  .conversejs .mx-sm-n1 {
4407
    margin-right: -0.25rem !important;
4408
  }
4409
 
4410
  .conversejs .mb-sm-n1,
4411
  .conversejs .my-sm-n1 {
4412
    margin-bottom: -0.25rem !important;
4413
  }
4414
 
4415
  .conversejs .ml-sm-n1,
4416
  .conversejs .mx-sm-n1 {
4417
    margin-left: -0.25rem !important;
4418
  }
4419
 
4420
  .conversejs .m-sm-n2 {
4421
    margin: -0.5rem !important;
4422
  }
4423
 
4424
  .conversejs .mt-sm-n2,
4425
  .conversejs .my-sm-n2 {
4426
    margin-top: -0.5rem !important;
4427
  }
4428
 
4429
  .conversejs .mr-sm-n2,
4430
  .conversejs .mx-sm-n2 {
4431
    margin-right: -0.5rem !important;
4432
  }
4433
 
4434
  .conversejs .mb-sm-n2,
4435
  .conversejs .my-sm-n2 {
4436
    margin-bottom: -0.5rem !important;
4437
  }
4438
 
4439
  .conversejs .ml-sm-n2,
4440
  .conversejs .mx-sm-n2 {
4441
    margin-left: -0.5rem !important;
4442
  }
4443
 
4444
  .conversejs .m-sm-n3 {
4445
    margin: -1rem !important;
4446
  }
4447
 
4448
  .conversejs .mt-sm-n3,
4449
  .conversejs .my-sm-n3 {
4450
    margin-top: -1rem !important;
4451
  }
4452
 
4453
  .conversejs .mr-sm-n3,
4454
  .conversejs .mx-sm-n3 {
4455
    margin-right: -1rem !important;
4456
  }
4457
 
4458
  .conversejs .mb-sm-n3,
4459
  .conversejs .my-sm-n3 {
4460
    margin-bottom: -1rem !important;
4461
  }
4462
 
4463
  .conversejs .ml-sm-n3,
4464
  .conversejs .mx-sm-n3 {
4465
    margin-left: -1rem !important;
4466
  }
4467
 
4468
  .conversejs .m-sm-n4 {
4469
    margin: -1.5rem !important;
4470
  }
4471
 
4472
  .conversejs .mt-sm-n4,
4473
  .conversejs .my-sm-n4 {
4474
    margin-top: -1.5rem !important;
4475
  }
4476
 
4477
  .conversejs .mr-sm-n4,
4478
  .conversejs .mx-sm-n4 {
4479
    margin-right: -1.5rem !important;
4480
  }
4481
 
4482
  .conversejs .mb-sm-n4,
4483
  .conversejs .my-sm-n4 {
4484
    margin-bottom: -1.5rem !important;
4485
  }
4486
 
4487
  .conversejs .ml-sm-n4,
4488
  .conversejs .mx-sm-n4 {
4489
    margin-left: -1.5rem !important;
4490
  }
4491
 
4492
  .conversejs .m-sm-n5 {
4493
    margin: -3rem !important;
4494
  }
4495
 
4496
  .conversejs .mt-sm-n5,
4497
  .conversejs .my-sm-n5 {
4498
    margin-top: -3rem !important;
4499
  }
4500
 
4501
  .conversejs .mr-sm-n5,
4502
  .conversejs .mx-sm-n5 {
4503
    margin-right: -3rem !important;
4504
  }
4505
 
4506
  .conversejs .mb-sm-n5,
4507
  .conversejs .my-sm-n5 {
4508
    margin-bottom: -3rem !important;
4509
  }
4510
 
4511
  .conversejs .ml-sm-n5,
4512
  .conversejs .mx-sm-n5 {
4513
    margin-left: -3rem !important;
4514
  }
4515
 
4516
  .conversejs .m-sm-auto {
4517
    margin: auto !important;
4518
  }
4519
 
4520
  .conversejs .mt-sm-auto,
4521
  .conversejs .my-sm-auto {
4522
    margin-top: auto !important;
4523
  }
4524
 
4525
  .conversejs .mr-sm-auto,
4526
  .conversejs .mx-sm-auto {
4527
    margin-right: auto !important;
4528
  }
4529
 
4530
  .conversejs .mb-sm-auto,
4531
  .conversejs .my-sm-auto {
4532
    margin-bottom: auto !important;
4533
  }
4534
 
4535
  .conversejs .ml-sm-auto,
4536
  .conversejs .mx-sm-auto {
4537
    margin-left: auto !important;
4538
  }
4539
}
4540
 
4541
@media (min-width: 768px) {
4542
  .conversejs .m-md-0 {
4543
    margin: 0 !important;
4544
  }
4545
 
4546
  .conversejs .mt-md-0,
4547
  .conversejs .my-md-0 {
4548
    margin-top: 0 !important;
4549
  }
4550
 
4551
  .conversejs .mr-md-0,
4552
  .conversejs .mx-md-0 {
4553
    margin-right: 0 !important;
4554
  }
4555
 
4556
  .conversejs .mb-md-0,
4557
  .conversejs .my-md-0 {
4558
    margin-bottom: 0 !important;
4559
  }
4560
 
4561
  .conversejs .ml-md-0,
4562
  .conversejs .mx-md-0 {
4563
    margin-left: 0 !important;
4564
  }
4565
 
4566
  .conversejs .m-md-1 {
4567
    margin: 0.25rem !important;
4568
  }
4569
 
4570
  .conversejs .mt-md-1,
4571
  .conversejs .my-md-1 {
4572
    margin-top: 0.25rem !important;
4573
  }
4574
 
4575
  .conversejs .mr-md-1,
4576
  .conversejs .mx-md-1 {
4577
    margin-right: 0.25rem !important;
4578
  }
4579
 
4580
  .conversejs .mb-md-1,
4581
  .conversejs .my-md-1 {
4582
    margin-bottom: 0.25rem !important;
4583
  }
4584
 
4585
  .conversejs .ml-md-1,
4586
  .conversejs .mx-md-1 {
4587
    margin-left: 0.25rem !important;
4588
  }
4589
 
4590
  .conversejs .m-md-2 {
4591
    margin: 0.5rem !important;
4592
  }
4593
 
4594
  .conversejs .mt-md-2,
4595
  .conversejs .my-md-2 {
4596
    margin-top: 0.5rem !important;
4597
  }
4598
 
4599
  .conversejs .mr-md-2,
4600
  .conversejs .mx-md-2 {
4601
    margin-right: 0.5rem !important;
4602
  }
4603
 
4604
  .conversejs .mb-md-2,
4605
  .conversejs .my-md-2 {
4606
    margin-bottom: 0.5rem !important;
4607
  }
4608
 
4609
  .conversejs .ml-md-2,
4610
  .conversejs .mx-md-2 {
4611
    margin-left: 0.5rem !important;
4612
  }
4613
 
4614
  .conversejs .m-md-3 {
4615
    margin: 1rem !important;
4616
  }
4617
 
4618
  .conversejs .mt-md-3,
4619
  .conversejs .my-md-3 {
4620
    margin-top: 1rem !important;
4621
  }
4622
 
4623
  .conversejs .mr-md-3,
4624
  .conversejs .mx-md-3 {
4625
    margin-right: 1rem !important;
4626
  }
4627
 
4628
  .conversejs .mb-md-3,
4629
  .conversejs .my-md-3 {
4630
    margin-bottom: 1rem !important;
4631
  }
4632
 
4633
  .conversejs .ml-md-3,
4634
  .conversejs .mx-md-3 {
4635
    margin-left: 1rem !important;
4636
  }
4637
 
4638
  .conversejs .m-md-4 {
4639
    margin: 1.5rem !important;
4640
  }
4641
 
4642
  .conversejs .mt-md-4,
4643
  .conversejs .my-md-4 {
4644
    margin-top: 1.5rem !important;
4645
  }
4646
 
4647
  .conversejs .mr-md-4,
4648
  .conversejs .mx-md-4 {
4649
    margin-right: 1.5rem !important;
4650
  }
4651
 
4652
  .conversejs .mb-md-4,
4653
  .conversejs .my-md-4 {
4654
    margin-bottom: 1.5rem !important;
4655
  }
4656
 
4657
  .conversejs .ml-md-4,
4658
  .conversejs .mx-md-4 {
4659
    margin-left: 1.5rem !important;
4660
  }
4661
 
4662
  .conversejs .m-md-5 {
4663
    margin: 3rem !important;
4664
  }
4665
 
4666
  .conversejs .mt-md-5,
4667
  .conversejs .my-md-5 {
4668
    margin-top: 3rem !important;
4669
  }
4670
 
4671
  .conversejs .mr-md-5,
4672
  .conversejs .mx-md-5 {
4673
    margin-right: 3rem !important;
4674
  }
4675
 
4676
  .conversejs .mb-md-5,
4677
  .conversejs .my-md-5 {
4678
    margin-bottom: 3rem !important;
4679
  }
4680
 
4681
  .conversejs .ml-md-5,
4682
  .conversejs .mx-md-5 {
4683
    margin-left: 3rem !important;
4684
  }
4685
 
4686
  .conversejs .p-md-0 {
4687
    padding: 0 !important;
4688
  }
4689
 
4690
  .conversejs .pt-md-0,
4691
  .conversejs .py-md-0 {
4692
    padding-top: 0 !important;
4693
  }
4694
 
4695
  .conversejs .pr-md-0,
4696
  .conversejs .px-md-0 {
4697
    padding-right: 0 !important;
4698
  }
4699
 
4700
  .conversejs .pb-md-0,
4701
  .conversejs .py-md-0 {
4702
    padding-bottom: 0 !important;
4703
  }
4704
 
4705
  .conversejs .pl-md-0,
4706
  .conversejs .px-md-0 {
4707
    padding-left: 0 !important;
4708
  }
4709
 
4710
  .conversejs .p-md-1 {
4711
    padding: 0.25rem !important;
4712
  }
4713
 
4714
  .conversejs .pt-md-1,
4715
  .conversejs .py-md-1 {
4716
    padding-top: 0.25rem !important;
4717
  }
4718
 
4719
  .conversejs .pr-md-1,
4720
  .conversejs .px-md-1 {
4721
    padding-right: 0.25rem !important;
4722
  }
4723
 
4724
  .conversejs .pb-md-1,
4725
  .conversejs .py-md-1 {
4726
    padding-bottom: 0.25rem !important;
4727
  }
4728
 
4729
  .conversejs .pl-md-1,
4730
  .conversejs .px-md-1 {
4731
    padding-left: 0.25rem !important;
4732
  }
4733
 
4734
  .conversejs .p-md-2 {
4735
    padding: 0.5rem !important;
4736
  }
4737
 
4738
  .conversejs .pt-md-2,
4739
  .conversejs .py-md-2 {
4740
    padding-top: 0.5rem !important;
4741
  }
4742
 
4743
  .conversejs .pr-md-2,
4744
  .conversejs .px-md-2 {
4745
    padding-right: 0.5rem !important;
4746
  }
4747
 
4748
  .conversejs .pb-md-2,
4749
  .conversejs .py-md-2 {
4750
    padding-bottom: 0.5rem !important;
4751
  }
4752
 
4753
  .conversejs .pl-md-2,
4754
  .conversejs .px-md-2 {
4755
    padding-left: 0.5rem !important;
4756
  }
4757
 
4758
  .conversejs .p-md-3 {
4759
    padding: 1rem !important;
4760
  }
4761
 
4762
  .conversejs .pt-md-3,
4763
  .conversejs .py-md-3 {
4764
    padding-top: 1rem !important;
4765
  }
4766
 
4767
  .conversejs .pr-md-3,
4768
  .conversejs .px-md-3 {
4769
    padding-right: 1rem !important;
4770
  }
4771
 
4772
  .conversejs .pb-md-3,
4773
  .conversejs .py-md-3 {
4774
    padding-bottom: 1rem !important;
4775
  }
4776
 
4777
  .conversejs .pl-md-3,
4778
  .conversejs .px-md-3 {
4779
    padding-left: 1rem !important;
4780
  }
4781
 
4782
  .conversejs .p-md-4 {
4783
    padding: 1.5rem !important;
4784
  }
4785
 
4786
  .conversejs .pt-md-4,
4787
  .conversejs .py-md-4 {
4788
    padding-top: 1.5rem !important;
4789
  }
4790
 
4791
  .conversejs .pr-md-4,
4792
  .conversejs .px-md-4 {
4793
    padding-right: 1.5rem !important;
4794
  }
4795
 
4796
  .conversejs .pb-md-4,
4797
  .conversejs .py-md-4 {
4798
    padding-bottom: 1.5rem !important;
4799
  }
4800
 
4801
  .conversejs .pl-md-4,
4802
  .conversejs .px-md-4 {
4803
    padding-left: 1.5rem !important;
4804
  }
4805
 
4806
  .conversejs .p-md-5 {
4807
    padding: 3rem !important;
4808
  }
4809
 
4810
  .conversejs .pt-md-5,
4811
  .conversejs .py-md-5 {
4812
    padding-top: 3rem !important;
4813
  }
4814
 
4815
  .conversejs .pr-md-5,
4816
  .conversejs .px-md-5 {
4817
    padding-right: 3rem !important;
4818
  }
4819
 
4820
  .conversejs .pb-md-5,
4821
  .conversejs .py-md-5 {
4822
    padding-bottom: 3rem !important;
4823
  }
4824
 
4825
  .conversejs .pl-md-5,
4826
  .conversejs .px-md-5 {
4827
    padding-left: 3rem !important;
4828
  }
4829
 
4830
  .conversejs .m-md-n1 {
4831
    margin: -0.25rem !important;
4832
  }
4833
 
4834
  .conversejs .mt-md-n1,
4835
  .conversejs .my-md-n1 {
4836
    margin-top: -0.25rem !important;
4837
  }
4838
 
4839
  .conversejs .mr-md-n1,
4840
  .conversejs .mx-md-n1 {
4841
    margin-right: -0.25rem !important;
4842
  }
4843
 
4844
  .conversejs .mb-md-n1,
4845
  .conversejs .my-md-n1 {
4846
    margin-bottom: -0.25rem !important;
4847
  }
4848
 
4849
  .conversejs .ml-md-n1,
4850
  .conversejs .mx-md-n1 {
4851
    margin-left: -0.25rem !important;
4852
  }
4853
 
4854
  .conversejs .m-md-n2 {
4855
    margin: -0.5rem !important;
4856
  }
4857
 
4858
  .conversejs .mt-md-n2,
4859
  .conversejs .my-md-n2 {
4860
    margin-top: -0.5rem !important;
4861
  }
4862
 
4863
  .conversejs .mr-md-n2,
4864
  .conversejs .mx-md-n2 {
4865
    margin-right: -0.5rem !important;
4866
  }
4867
 
4868
  .conversejs .mb-md-n2,
4869
  .conversejs .my-md-n2 {
4870
    margin-bottom: -0.5rem !important;
4871
  }
4872
 
4873
  .conversejs .ml-md-n2,
4874
  .conversejs .mx-md-n2 {
4875
    margin-left: -0.5rem !important;
4876
  }
4877
 
4878
  .conversejs .m-md-n3 {
4879
    margin: -1rem !important;
4880
  }
4881
 
4882
  .conversejs .mt-md-n3,
4883
  .conversejs .my-md-n3 {
4884
    margin-top: -1rem !important;
4885
  }
4886
 
4887
  .conversejs .mr-md-n3,
4888
  .conversejs .mx-md-n3 {
4889
    margin-right: -1rem !important;
4890
  }
4891
 
4892
  .conversejs .mb-md-n3,
4893
  .conversejs .my-md-n3 {
4894
    margin-bottom: -1rem !important;
4895
  }
4896
 
4897
  .conversejs .ml-md-n3,
4898
  .conversejs .mx-md-n3 {
4899
    margin-left: -1rem !important;
4900
  }
4901
 
4902
  .conversejs .m-md-n4 {
4903
    margin: -1.5rem !important;
4904
  }
4905
 
4906
  .conversejs .mt-md-n4,
4907
  .conversejs .my-md-n4 {
4908
    margin-top: -1.5rem !important;
4909
  }
4910
 
4911
  .conversejs .mr-md-n4,
4912
  .conversejs .mx-md-n4 {
4913
    margin-right: -1.5rem !important;
4914
  }
4915
 
4916
  .conversejs .mb-md-n4,
4917
  .conversejs .my-md-n4 {
4918
    margin-bottom: -1.5rem !important;
4919
  }
4920
 
4921
  .conversejs .ml-md-n4,
4922
  .conversejs .mx-md-n4 {
4923
    margin-left: -1.5rem !important;
4924
  }
4925
 
4926
  .conversejs .m-md-n5 {
4927
    margin: -3rem !important;
4928
  }
4929
 
4930
  .conversejs .mt-md-n5,
4931
  .conversejs .my-md-n5 {
4932
    margin-top: -3rem !important;
4933
  }
4934
 
4935
  .conversejs .mr-md-n5,
4936
  .conversejs .mx-md-n5 {
4937
    margin-right: -3rem !important;
4938
  }
4939
 
4940
  .conversejs .mb-md-n5,
4941
  .conversejs .my-md-n5 {
4942
    margin-bottom: -3rem !important;
4943
  }
4944
 
4945
  .conversejs .ml-md-n5,
4946
  .conversejs .mx-md-n5 {
4947
    margin-left: -3rem !important;
4948
  }
4949
 
4950
  .conversejs .m-md-auto {
4951
    margin: auto !important;
4952
  }
4953
 
4954
  .conversejs .mt-md-auto,
4955
  .conversejs .my-md-auto {
4956
    margin-top: auto !important;
4957
  }
4958
 
4959
  .conversejs .mr-md-auto,
4960
  .conversejs .mx-md-auto {
4961
    margin-right: auto !important;
4962
  }
4963
 
4964
  .conversejs .mb-md-auto,
4965
  .conversejs .my-md-auto {
4966
    margin-bottom: auto !important;
4967
  }
4968
 
4969
  .conversejs .ml-md-auto,
4970
  .conversejs .mx-md-auto {
4971
    margin-left: auto !important;
4972
  }
4973
}
4974
 
4975
@media (min-width: 992px) {
4976
  .conversejs .m-lg-0 {
4977
    margin: 0 !important;
4978
  }
4979
 
4980
  .conversejs .mt-lg-0,
4981
  .conversejs .my-lg-0 {
4982
    margin-top: 0 !important;
4983
  }
4984
 
4985
  .conversejs .mr-lg-0,
4986
  .conversejs .mx-lg-0 {
4987
    margin-right: 0 !important;
4988
  }
4989
 
4990
  .conversejs .mb-lg-0,
4991
  .conversejs .my-lg-0 {
4992
    margin-bottom: 0 !important;
4993
  }
4994
 
4995
  .conversejs .ml-lg-0,
4996
  .conversejs .mx-lg-0 {
4997
    margin-left: 0 !important;
4998
  }
4999
 
5000
  .conversejs .m-lg-1 {
5001
    margin: 0.25rem !important;
5002
  }
5003
 
5004
  .conversejs .mt-lg-1,
5005
  .conversejs .my-lg-1 {
5006
    margin-top: 0.25rem !important;
5007
  }
5008
 
5009
  .conversejs .mr-lg-1,
5010
  .conversejs .mx-lg-1 {
5011
    margin-right: 0.25rem !important;
5012
  }
5013
 
5014
  .conversejs .mb-lg-1,
5015
  .conversejs .my-lg-1 {
5016
    margin-bottom: 0.25rem !important;
5017
  }
5018
 
5019
  .conversejs .ml-lg-1,
5020
  .conversejs .mx-lg-1 {
5021
    margin-left: 0.25rem !important;
5022
  }
5023
 
5024
  .conversejs .m-lg-2 {
5025
    margin: 0.5rem !important;
5026
  }
5027
 
5028
  .conversejs .mt-lg-2,
5029
  .conversejs .my-lg-2 {
5030
    margin-top: 0.5rem !important;
5031
  }
5032
 
5033
  .conversejs .mr-lg-2,
5034
  .conversejs .mx-lg-2 {
5035
    margin-right: 0.5rem !important;
5036
  }
5037
 
5038
  .conversejs .mb-lg-2,
5039
  .conversejs .my-lg-2 {
5040
    margin-bottom: 0.5rem !important;
5041
  }
5042
 
5043
  .conversejs .ml-lg-2,
5044
  .conversejs .mx-lg-2 {
5045
    margin-left: 0.5rem !important;
5046
  }
5047
 
5048
  .conversejs .m-lg-3 {
5049
    margin: 1rem !important;
5050
  }
5051
 
5052
  .conversejs .mt-lg-3,
5053
  .conversejs .my-lg-3 {
5054
    margin-top: 1rem !important;
5055
  }
5056
 
5057
  .conversejs .mr-lg-3,
5058
  .conversejs .mx-lg-3 {
5059
    margin-right: 1rem !important;
5060
  }
5061
 
5062
  .conversejs .mb-lg-3,
5063
  .conversejs .my-lg-3 {
5064
    margin-bottom: 1rem !important;
5065
  }
5066
 
5067
  .conversejs .ml-lg-3,
5068
  .conversejs .mx-lg-3 {
5069
    margin-left: 1rem !important;
5070
  }
5071
 
5072
  .conversejs .m-lg-4 {
5073
    margin: 1.5rem !important;
5074
  }
5075
 
5076
  .conversejs .mt-lg-4,
5077
  .conversejs .my-lg-4 {
5078
    margin-top: 1.5rem !important;
5079
  }
5080
 
5081
  .conversejs .mr-lg-4,
5082
  .conversejs .mx-lg-4 {
5083
    margin-right: 1.5rem !important;
5084
  }
5085
 
5086
  .conversejs .mb-lg-4,
5087
  .conversejs .my-lg-4 {
5088
    margin-bottom: 1.5rem !important;
5089
  }
5090
 
5091
  .conversejs .ml-lg-4,
5092
  .conversejs .mx-lg-4 {
5093
    margin-left: 1.5rem !important;
5094
  }
5095
 
5096
  .conversejs .m-lg-5 {
5097
    margin: 3rem !important;
5098
  }
5099
 
5100
  .conversejs .mt-lg-5,
5101
  .conversejs .my-lg-5 {
5102
    margin-top: 3rem !important;
5103
  }
5104
 
5105
  .conversejs .mr-lg-5,
5106
  .conversejs .mx-lg-5 {
5107
    margin-right: 3rem !important;
5108
  }
5109
 
5110
  .conversejs .mb-lg-5,
5111
  .conversejs .my-lg-5 {
5112
    margin-bottom: 3rem !important;
5113
  }
5114
 
5115
  .conversejs .ml-lg-5,
5116
  .conversejs .mx-lg-5 {
5117
    margin-left: 3rem !important;
5118
  }
5119
 
5120
  .conversejs .p-lg-0 {
5121
    padding: 0 !important;
5122
  }
5123
 
5124
  .conversejs .pt-lg-0,
5125
  .conversejs .py-lg-0 {
5126
    padding-top: 0 !important;
5127
  }
5128
 
5129
  .conversejs .pr-lg-0,
5130
  .conversejs .px-lg-0 {
5131
    padding-right: 0 !important;
5132
  }
5133
 
5134
  .conversejs .pb-lg-0,
5135
  .conversejs .py-lg-0 {
5136
    padding-bottom: 0 !important;
5137
  }
5138
 
5139
  .conversejs .pl-lg-0,
5140
  .conversejs .px-lg-0 {
5141
    padding-left: 0 !important;
5142
  }
5143
 
5144
  .conversejs .p-lg-1 {
5145
    padding: 0.25rem !important;
5146
  }
5147
 
5148
  .conversejs .pt-lg-1,
5149
  .conversejs .py-lg-1 {
5150
    padding-top: 0.25rem !important;
5151
  }
5152
 
5153
  .conversejs .pr-lg-1,
5154
  .conversejs .px-lg-1 {
5155
    padding-right: 0.25rem !important;
5156
  }
5157
 
5158
  .conversejs .pb-lg-1,
5159
  .conversejs .py-lg-1 {
5160
    padding-bottom: 0.25rem !important;
5161
  }
5162
 
5163
  .conversejs .pl-lg-1,
5164
  .conversejs .px-lg-1 {
5165
    padding-left: 0.25rem !important;
5166
  }
5167
 
5168
  .conversejs .p-lg-2 {
5169
    padding: 0.5rem !important;
5170
  }
5171
 
5172
  .conversejs .pt-lg-2,
5173
  .conversejs .py-lg-2 {
5174
    padding-top: 0.5rem !important;
5175
  }
5176
 
5177
  .conversejs .pr-lg-2,
5178
  .conversejs .px-lg-2 {
5179
    padding-right: 0.5rem !important;
5180
  }
5181
 
5182
  .conversejs .pb-lg-2,
5183
  .conversejs .py-lg-2 {
5184
    padding-bottom: 0.5rem !important;
5185
  }
5186
 
5187
  .conversejs .pl-lg-2,
5188
  .conversejs .px-lg-2 {
5189
    padding-left: 0.5rem !important;
5190
  }
5191
 
5192
  .conversejs .p-lg-3 {
5193
    padding: 1rem !important;
5194
  }
5195
 
5196
  .conversejs .pt-lg-3,
5197
  .conversejs .py-lg-3 {
5198
    padding-top: 1rem !important;
5199
  }
5200
 
5201
  .conversejs .pr-lg-3,
5202
  .conversejs .px-lg-3 {
5203
    padding-right: 1rem !important;
5204
  }
5205
 
5206
  .conversejs .pb-lg-3,
5207
  .conversejs .py-lg-3 {
5208
    padding-bottom: 1rem !important;
5209
  }
5210
 
5211
  .conversejs .pl-lg-3,
5212
  .conversejs .px-lg-3 {
5213
    padding-left: 1rem !important;
5214
  }
5215
 
5216
  .conversejs .p-lg-4 {
5217
    padding: 1.5rem !important;
5218
  }
5219
 
5220
  .conversejs .pt-lg-4,
5221
  .conversejs .py-lg-4 {
5222
    padding-top: 1.5rem !important;
5223
  }
5224
 
5225
  .conversejs .pr-lg-4,
5226
  .conversejs .px-lg-4 {
5227
    padding-right: 1.5rem !important;
5228
  }
5229
 
5230
  .conversejs .pb-lg-4,
5231
  .conversejs .py-lg-4 {
5232
    padding-bottom: 1.5rem !important;
5233
  }
5234
 
5235
  .conversejs .pl-lg-4,
5236
  .conversejs .px-lg-4 {
5237
    padding-left: 1.5rem !important;
5238
  }
5239
 
5240
  .conversejs .p-lg-5 {
5241
    padding: 3rem !important;
5242
  }
5243
 
5244
  .conversejs .pt-lg-5,
5245
  .conversejs .py-lg-5 {
5246
    padding-top: 3rem !important;
5247
  }
5248
 
5249
  .conversejs .pr-lg-5,
5250
  .conversejs .px-lg-5 {
5251
    padding-right: 3rem !important;
5252
  }
5253
 
5254
  .conversejs .pb-lg-5,
5255
  .conversejs .py-lg-5 {
5256
    padding-bottom: 3rem !important;
5257
  }
5258
 
5259
  .conversejs .pl-lg-5,
5260
  .conversejs .px-lg-5 {
5261
    padding-left: 3rem !important;
5262
  }
5263
 
5264
  .conversejs .m-lg-n1 {
5265
    margin: -0.25rem !important;
5266
  }
5267
 
5268
  .conversejs .mt-lg-n1,
5269
  .conversejs .my-lg-n1 {
5270
    margin-top: -0.25rem !important;
5271
  }
5272
 
5273
  .conversejs .mr-lg-n1,
5274
  .conversejs .mx-lg-n1 {
5275
    margin-right: -0.25rem !important;
5276
  }
5277
 
5278
  .conversejs .mb-lg-n1,
5279
  .conversejs .my-lg-n1 {
5280
    margin-bottom: -0.25rem !important;
5281
  }
5282
 
5283
  .conversejs .ml-lg-n1,
5284
  .conversejs .mx-lg-n1 {
5285
    margin-left: -0.25rem !important;
5286
  }
5287
 
5288
  .conversejs .m-lg-n2 {
5289
    margin: -0.5rem !important;
5290
  }
5291
 
5292
  .conversejs .mt-lg-n2,
5293
  .conversejs .my-lg-n2 {
5294
    margin-top: -0.5rem !important;
5295
  }
5296
 
5297
  .conversejs .mr-lg-n2,
5298
  .conversejs .mx-lg-n2 {
5299
    margin-right: -0.5rem !important;
5300
  }
5301
 
5302
  .conversejs .mb-lg-n2,
5303
  .conversejs .my-lg-n2 {
5304
    margin-bottom: -0.5rem !important;
5305
  }
5306
 
5307
  .conversejs .ml-lg-n2,
5308
  .conversejs .mx-lg-n2 {
5309
    margin-left: -0.5rem !important;
5310
  }
5311
 
5312
  .conversejs .m-lg-n3 {
5313
    margin: -1rem !important;
5314
  }
5315
 
5316
  .conversejs .mt-lg-n3,
5317
  .conversejs .my-lg-n3 {
5318
    margin-top: -1rem !important;
5319
  }
5320
 
5321
  .conversejs .mr-lg-n3,
5322
  .conversejs .mx-lg-n3 {
5323
    margin-right: -1rem !important;
5324
  }
5325
 
5326
  .conversejs .mb-lg-n3,
5327
  .conversejs .my-lg-n3 {
5328
    margin-bottom: -1rem !important;
5329
  }
5330
 
5331
  .conversejs .ml-lg-n3,
5332
  .conversejs .mx-lg-n3 {
5333
    margin-left: -1rem !important;
5334
  }
5335
 
5336
  .conversejs .m-lg-n4 {
5337
    margin: -1.5rem !important;
5338
  }
5339
 
5340
  .conversejs .mt-lg-n4,
5341
  .conversejs .my-lg-n4 {
5342
    margin-top: -1.5rem !important;
5343
  }
5344
 
5345
  .conversejs .mr-lg-n4,
5346
  .conversejs .mx-lg-n4 {
5347
    margin-right: -1.5rem !important;
5348
  }
5349
 
5350
  .conversejs .mb-lg-n4,
5351
  .conversejs .my-lg-n4 {
5352
    margin-bottom: -1.5rem !important;
5353
  }
5354
 
5355
  .conversejs .ml-lg-n4,
5356
  .conversejs .mx-lg-n4 {
5357
    margin-left: -1.5rem !important;
5358
  }
5359
 
5360
  .conversejs .m-lg-n5 {
5361
    margin: -3rem !important;
5362
  }
5363
 
5364
  .conversejs .mt-lg-n5,
5365
  .conversejs .my-lg-n5 {
5366
    margin-top: -3rem !important;
5367
  }
5368
 
5369
  .conversejs .mr-lg-n5,
5370
  .conversejs .mx-lg-n5 {
5371
    margin-right: -3rem !important;
5372
  }
5373
 
5374
  .conversejs .mb-lg-n5,
5375
  .conversejs .my-lg-n5 {
5376
    margin-bottom: -3rem !important;
5377
  }
5378
 
5379
  .conversejs .ml-lg-n5,
5380
  .conversejs .mx-lg-n5 {
5381
    margin-left: -3rem !important;
5382
  }
5383
 
5384
  .conversejs .m-lg-auto {
5385
    margin: auto !important;
5386
  }
5387
 
5388
  .conversejs .mt-lg-auto,
5389
  .conversejs .my-lg-auto {
5390
    margin-top: auto !important;
5391
  }
5392
 
5393
  .conversejs .mr-lg-auto,
5394
  .conversejs .mx-lg-auto {
5395
    margin-right: auto !important;
5396
  }
5397
 
5398
  .conversejs .mb-lg-auto,
5399
  .conversejs .my-lg-auto {
5400
    margin-bottom: auto !important;
5401
  }
5402
 
5403
  .conversejs .ml-lg-auto,
5404
  .conversejs .mx-lg-auto {
5405
    margin-left: auto !important;
5406
  }
5407
}
5408
 
5409
@media (min-width: 1200px) {
5410
  .conversejs .m-xl-0 {
5411
    margin: 0 !important;
5412
  }
5413
 
5414
  .conversejs .mt-xl-0,
5415
  .conversejs .my-xl-0 {
5416
    margin-top: 0 !important;
5417
  }
5418
 
5419
  .conversejs .mr-xl-0,
5420
  .conversejs .mx-xl-0 {
5421
    margin-right: 0 !important;
5422
  }
5423
 
5424
  .conversejs .mb-xl-0,
5425
  .conversejs .my-xl-0 {
5426
    margin-bottom: 0 !important;
5427
  }
5428
 
5429
  .conversejs .ml-xl-0,
5430
  .conversejs .mx-xl-0 {
5431
    margin-left: 0 !important;
5432
  }
5433
 
5434
  .conversejs .m-xl-1 {
5435
    margin: 0.25rem !important;
5436
  }
5437
 
5438
  .conversejs .mt-xl-1,
5439
  .conversejs .my-xl-1 {
5440
    margin-top: 0.25rem !important;
5441
  }
5442
 
5443
  .conversejs .mr-xl-1,
5444
  .conversejs .mx-xl-1 {
5445
    margin-right: 0.25rem !important;
5446
  }
5447
 
5448
  .conversejs .mb-xl-1,
5449
  .conversejs .my-xl-1 {
5450
    margin-bottom: 0.25rem !important;
5451
  }
5452
 
5453
  .conversejs .ml-xl-1,
5454
  .conversejs .mx-xl-1 {
5455
    margin-left: 0.25rem !important;
5456
  }
5457
 
5458
  .conversejs .m-xl-2 {
5459
    margin: 0.5rem !important;
5460
  }
5461
 
5462
  .conversejs .mt-xl-2,
5463
  .conversejs .my-xl-2 {
5464
    margin-top: 0.5rem !important;
5465
  }
5466
 
5467
  .conversejs .mr-xl-2,
5468
  .conversejs .mx-xl-2 {
5469
    margin-right: 0.5rem !important;
5470
  }
5471
 
5472
  .conversejs .mb-xl-2,
5473
  .conversejs .my-xl-2 {
5474
    margin-bottom: 0.5rem !important;
5475
  }
5476
 
5477
  .conversejs .ml-xl-2,
5478
  .conversejs .mx-xl-2 {
5479
    margin-left: 0.5rem !important;
5480
  }
5481
 
5482
  .conversejs .m-xl-3 {
5483
    margin: 1rem !important;
5484
  }
5485
 
5486
  .conversejs .mt-xl-3,
5487
  .conversejs .my-xl-3 {
5488
    margin-top: 1rem !important;
5489
  }
5490
 
5491
  .conversejs .mr-xl-3,
5492
  .conversejs .mx-xl-3 {
5493
    margin-right: 1rem !important;
5494
  }
5495
 
5496
  .conversejs .mb-xl-3,
5497
  .conversejs .my-xl-3 {
5498
    margin-bottom: 1rem !important;
5499
  }
5500
 
5501
  .conversejs .ml-xl-3,
5502
  .conversejs .mx-xl-3 {
5503
    margin-left: 1rem !important;
5504
  }
5505
 
5506
  .conversejs .m-xl-4 {
5507
    margin: 1.5rem !important;
5508
  }
5509
 
5510
  .conversejs .mt-xl-4,
5511
  .conversejs .my-xl-4 {
5512
    margin-top: 1.5rem !important;
5513
  }
5514
 
5515
  .conversejs .mr-xl-4,
5516
  .conversejs .mx-xl-4 {
5517
    margin-right: 1.5rem !important;
5518
  }
5519
 
5520
  .conversejs .mb-xl-4,
5521
  .conversejs .my-xl-4 {
5522
    margin-bottom: 1.5rem !important;
5523
  }
5524
 
5525
  .conversejs .ml-xl-4,
5526
  .conversejs .mx-xl-4 {
5527
    margin-left: 1.5rem !important;
5528
  }
5529
 
5530
  .conversejs .m-xl-5 {
5531
    margin: 3rem !important;
5532
  }
5533
 
5534
  .conversejs .mt-xl-5,
5535
  .conversejs .my-xl-5 {
5536
    margin-top: 3rem !important;
5537
  }
5538
 
5539
  .conversejs .mr-xl-5,
5540
  .conversejs .mx-xl-5 {
5541
    margin-right: 3rem !important;
5542
  }
5543
 
5544
  .conversejs .mb-xl-5,
5545
  .conversejs .my-xl-5 {
5546
    margin-bottom: 3rem !important;
5547
  }
5548
 
5549
  .conversejs .ml-xl-5,
5550
  .conversejs .mx-xl-5 {
5551
    margin-left: 3rem !important;
5552
  }
5553
 
5554
  .conversejs .p-xl-0 {
5555
    padding: 0 !important;
5556
  }
5557
 
5558
  .conversejs .pt-xl-0,
5559
  .conversejs .py-xl-0 {
5560
    padding-top: 0 !important;
5561
  }
5562
 
5563
  .conversejs .pr-xl-0,
5564
  .conversejs .px-xl-0 {
5565
    padding-right: 0 !important;
5566
  }
5567
 
5568
  .conversejs .pb-xl-0,
5569
  .conversejs .py-xl-0 {
5570
    padding-bottom: 0 !important;
5571
  }
5572
 
5573
  .conversejs .pl-xl-0,
5574
  .conversejs .px-xl-0 {
5575
    padding-left: 0 !important;
5576
  }
5577
 
5578
  .conversejs .p-xl-1 {
5579
    padding: 0.25rem !important;
5580
  }
5581
 
5582
  .conversejs .pt-xl-1,
5583
  .conversejs .py-xl-1 {
5584
    padding-top: 0.25rem !important;
5585
  }
5586
 
5587
  .conversejs .pr-xl-1,
5588
  .conversejs .px-xl-1 {
5589
    padding-right: 0.25rem !important;
5590
  }
5591
 
5592
  .conversejs .pb-xl-1,
5593
  .conversejs .py-xl-1 {
5594
    padding-bottom: 0.25rem !important;
5595
  }
5596
 
5597
  .conversejs .pl-xl-1,
5598
  .conversejs .px-xl-1 {
5599
    padding-left: 0.25rem !important;
5600
  }
5601
 
5602
  .conversejs .p-xl-2 {
5603
    padding: 0.5rem !important;
5604
  }
5605
 
5606
  .conversejs .pt-xl-2,
5607
  .conversejs .py-xl-2 {
5608
    padding-top: 0.5rem !important;
5609
  }
5610
 
5611
  .conversejs .pr-xl-2,
5612
  .conversejs .px-xl-2 {
5613
    padding-right: 0.5rem !important;
5614
  }
5615
 
5616
  .conversejs .pb-xl-2,
5617
  .conversejs .py-xl-2 {
5618
    padding-bottom: 0.5rem !important;
5619
  }
5620
 
5621
  .conversejs .pl-xl-2,
5622
  .conversejs .px-xl-2 {
5623
    padding-left: 0.5rem !important;
5624
  }
5625
 
5626
  .conversejs .p-xl-3 {
5627
    padding: 1rem !important;
5628
  }
5629
 
5630
  .conversejs .pt-xl-3,
5631
  .conversejs .py-xl-3 {
5632
    padding-top: 1rem !important;
5633
  }
5634
 
5635
  .conversejs .pr-xl-3,
5636
  .conversejs .px-xl-3 {
5637
    padding-right: 1rem !important;
5638
  }
5639
 
5640
  .conversejs .pb-xl-3,
5641
  .conversejs .py-xl-3 {
5642
    padding-bottom: 1rem !important;
5643
  }
5644
 
5645
  .conversejs .pl-xl-3,
5646
  .conversejs .px-xl-3 {
5647
    padding-left: 1rem !important;
5648
  }
5649
 
5650
  .conversejs .p-xl-4 {
5651
    padding: 1.5rem !important;
5652
  }
5653
 
5654
  .conversejs .pt-xl-4,
5655
  .conversejs .py-xl-4 {
5656
    padding-top: 1.5rem !important;
5657
  }
5658
 
5659
  .conversejs .pr-xl-4,
5660
  .conversejs .px-xl-4 {
5661
    padding-right: 1.5rem !important;
5662
  }
5663
 
5664
  .conversejs .pb-xl-4,
5665
  .conversejs .py-xl-4 {
5666
    padding-bottom: 1.5rem !important;
5667
  }
5668
 
5669
  .conversejs .pl-xl-4,
5670
  .conversejs .px-xl-4 {
5671
    padding-left: 1.5rem !important;
5672
  }
5673
 
5674
  .conversejs .p-xl-5 {
5675
    padding: 3rem !important;
5676
  }
5677
 
5678
  .conversejs .pt-xl-5,
5679
  .conversejs .py-xl-5 {
5680
    padding-top: 3rem !important;
5681
  }
5682
 
5683
  .conversejs .pr-xl-5,
5684
  .conversejs .px-xl-5 {
5685
    padding-right: 3rem !important;
5686
  }
5687
 
5688
  .conversejs .pb-xl-5,
5689
  .conversejs .py-xl-5 {
5690
    padding-bottom: 3rem !important;
5691
  }
5692
 
5693
  .conversejs .pl-xl-5,
5694
  .conversejs .px-xl-5 {
5695
    padding-left: 3rem !important;
5696
  }
5697
 
5698
  .conversejs .m-xl-n1 {
5699
    margin: -0.25rem !important;
5700
  }
5701
 
5702
  .conversejs .mt-xl-n1,
5703
  .conversejs .my-xl-n1 {
5704
    margin-top: -0.25rem !important;
5705
  }
5706
 
5707
  .conversejs .mr-xl-n1,
5708
  .conversejs .mx-xl-n1 {
5709
    margin-right: -0.25rem !important;
5710
  }
5711
 
5712
  .conversejs .mb-xl-n1,
5713
  .conversejs .my-xl-n1 {
5714
    margin-bottom: -0.25rem !important;
5715
  }
5716
 
5717
  .conversejs .ml-xl-n1,
5718
  .conversejs .mx-xl-n1 {
5719
    margin-left: -0.25rem !important;
5720
  }
5721
 
5722
  .conversejs .m-xl-n2 {
5723
    margin: -0.5rem !important;
5724
  }
5725
 
5726
  .conversejs .mt-xl-n2,
5727
  .conversejs .my-xl-n2 {
5728
    margin-top: -0.5rem !important;
5729
  }
5730
 
5731
  .conversejs .mr-xl-n2,
5732
  .conversejs .mx-xl-n2 {
5733
    margin-right: -0.5rem !important;
5734
  }
5735
 
5736
  .conversejs .mb-xl-n2,
5737
  .conversejs .my-xl-n2 {
5738
    margin-bottom: -0.5rem !important;
5739
  }
5740
 
5741
  .conversejs .ml-xl-n2,
5742
  .conversejs .mx-xl-n2 {
5743
    margin-left: -0.5rem !important;
5744
  }
5745
 
5746
  .conversejs .m-xl-n3 {
5747
    margin: -1rem !important;
5748
  }
5749
 
5750
  .conversejs .mt-xl-n3,
5751
  .conversejs .my-xl-n3 {
5752
    margin-top: -1rem !important;
5753
  }
5754
 
5755
  .conversejs .mr-xl-n3,
5756
  .conversejs .mx-xl-n3 {
5757
    margin-right: -1rem !important;
5758
  }
5759
 
5760
  .conversejs .mb-xl-n3,
5761
  .conversejs .my-xl-n3 {
5762
    margin-bottom: -1rem !important;
5763
  }
5764
 
5765
  .conversejs .ml-xl-n3,
5766
  .conversejs .mx-xl-n3 {
5767
    margin-left: -1rem !important;
5768
  }
5769
 
5770
  .conversejs .m-xl-n4 {
5771
    margin: -1.5rem !important;
5772
  }
5773
 
5774
  .conversejs .mt-xl-n4,
5775
  .conversejs .my-xl-n4 {
5776
    margin-top: -1.5rem !important;
5777
  }
5778
 
5779
  .conversejs .mr-xl-n4,
5780
  .conversejs .mx-xl-n4 {
5781
    margin-right: -1.5rem !important;
5782
  }
5783
 
5784
  .conversejs .mb-xl-n4,
5785
  .conversejs .my-xl-n4 {
5786
    margin-bottom: -1.5rem !important;
5787
  }
5788
 
5789
  .conversejs .ml-xl-n4,
5790
  .conversejs .mx-xl-n4 {
5791
    margin-left: -1.5rem !important;
5792
  }
5793
 
5794
  .conversejs .m-xl-n5 {
5795
    margin: -3rem !important;
5796
  }
5797
 
5798
  .conversejs .mt-xl-n5,
5799
  .conversejs .my-xl-n5 {
5800
    margin-top: -3rem !important;
5801
  }
5802
 
5803
  .conversejs .mr-xl-n5,
5804
  .conversejs .mx-xl-n5 {
5805
    margin-right: -3rem !important;
5806
  }
5807
 
5808
  .conversejs .mb-xl-n5,
5809
  .conversejs .my-xl-n5 {
5810
    margin-bottom: -3rem !important;
5811
  }
5812
 
5813
  .conversejs .ml-xl-n5,
5814
  .conversejs .mx-xl-n5 {
5815
    margin-left: -3rem !important;
5816
  }
5817
 
5818
  .conversejs .m-xl-auto {
5819
    margin: auto !important;
5820
  }
5821
 
5822
  .conversejs .mt-xl-auto,
5823
  .conversejs .my-xl-auto {
5824
    margin-top: auto !important;
5825
  }
5826
 
5827
  .conversejs .mr-xl-auto,
5828
  .conversejs .mx-xl-auto {
5829
    margin-right: auto !important;
5830
  }
5831
 
5832
  .conversejs .mb-xl-auto,
5833
  .conversejs .my-xl-auto {
5834
    margin-bottom: auto !important;
5835
  }
5836
 
5837
  .conversejs .ml-xl-auto,
5838
  .conversejs .mx-xl-auto {
5839
    margin-left: auto !important;
5840
  }
5841
}
5842
 
5843
.conversejs .stretched-link::after {
5844
  position: absolute;
5845
  top: 0;
5846
  right: 0;
5847
  bottom: 0;
5848
  left: 0;
5849
  z-index: 1;
5850
  pointer-events: auto;
5851
  content: '';
5852
  background-color: rgba(0, 0, 0, 0);
5853
}
5854
 
5855
.conversejs .text-monospace {
5856
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !important;
5857
}
5858
 
5859
.conversejs .text-justify {
5860
  text-align: justify !important;
5861
}
5862
 
5863
.conversejs .text-wrap {
5864
  white-space: normal !important;
5865
}
5866
 
5867
.conversejs .text-nowrap {
5868
  white-space: nowrap !important;
5869
}
5870
 
5871
.conversejs .text-truncate {
5872
  overflow: hidden;
5873
  text-overflow: ellipsis;
5874
  white-space: nowrap;
5875
}
5876
 
5877
.conversejs .text-left {
5878
  text-align: left !important;
5879
}
5880
 
5881
.conversejs .text-right {
5882
  text-align: right !important;
5883
}
5884
 
5885
.conversejs .text-center {
5886
  text-align: center !important;
5887
}
5888
 
5889
@media (min-width: 576px) {
5890
  .conversejs .text-sm-left {
5891
    text-align: left !important;
5892
  }
5893
 
5894
  .conversejs .text-sm-right {
5895
    text-align: right !important;
5896
  }
5897
 
5898
  .conversejs .text-sm-center {
5899
    text-align: center !important;
5900
  }
5901
}
5902
 
5903
@media (min-width: 768px) {
5904
  .conversejs .text-md-left {
5905
    text-align: left !important;
5906
  }
5907
 
5908
  .conversejs .text-md-right {
5909
    text-align: right !important;
5910
  }
5911
 
5912
  .conversejs .text-md-center {
5913
    text-align: center !important;
5914
  }
5915
}
5916
 
5917
@media (min-width: 992px) {
5918
  .conversejs .text-lg-left {
5919
    text-align: left !important;
5920
  }
5921
 
5922
  .conversejs .text-lg-right {
5923
    text-align: right !important;
5924
  }
5925
 
5926
  .conversejs .text-lg-center {
5927
    text-align: center !important;
5928
  }
5929
}
5930
 
5931
@media (min-width: 1200px) {
5932
  .conversejs .text-xl-left {
5933
    text-align: left !important;
5934
  }
5935
 
5936
  .conversejs .text-xl-right {
5937
    text-align: right !important;
5938
  }
5939
 
5940
  .conversejs .text-xl-center {
5941
    text-align: center !important;
5942
  }
5943
}
5944
 
5945
.conversejs .text-lowercase {
5946
  text-transform: lowercase !important;
5947
}
5948
 
5949
.conversejs .text-uppercase {
5950
  text-transform: uppercase !important;
5951
}
5952
 
5953
.conversejs .text-capitalize {
5954
  text-transform: capitalize !important;
5955
}
5956
 
5957
.conversejs .font-weight-light {
5958
  font-weight: 300 !important;
5959
}
5960
 
5961
.conversejs .font-weight-lighter {
5962
  font-weight: lighter !important;
5963
}
5964
 
5965
.conversejs .font-weight-normal {
5966
  font-weight: 400 !important;
5967
}
5968
 
5969
.conversejs .font-weight-bold {
5970
  font-weight: 700 !important;
5971
}
5972
 
5973
.conversejs .font-weight-bolder {
5974
  font-weight: bolder !important;
5975
}
5976
 
5977
.conversejs .font-italic {
5978
  font-style: italic !important;
5979
}
5980
 
5981
.conversejs .text-white {
5982
  color: #fff !important;
5983
}
5984
 
5985
.conversejs .text-primary {
5986
  color: #007bff !important;
5987
}
5988
 
5989
.conversejs a.text-primary:hover,
5990
.conversejs a.text-primary:focus {
5991
  color: #0056b3 !important;
5992
}
5993
 
5994
.conversejs .text-secondary {
5995
  color: #6c757d !important;
5996
}
5997
 
5998
.conversejs a.text-secondary:hover,
5999
.conversejs a.text-secondary:focus {
6000
  color: #494f54 !important;
6001
}
6002
 
6003
.conversejs .text-success {
6004
  color: #28a745 !important;
6005
}
6006
 
6007
.conversejs a.text-success:hover,
6008
.conversejs a.text-success:focus {
6009
  color: #19692c !important;
6010
}
6011
 
6012
.conversejs .text-info {
6013
  color: #17a2b8 !important;
6014
}
6015
 
6016
.conversejs a.text-info:hover,
6017
.conversejs a.text-info:focus {
6018
  color: #0f6674 !important;
6019
}
6020
 
6021
.conversejs .text-warning {
6022
  color: #ffc107 !important;
6023
}
6024
 
6025
.conversejs a.text-warning:hover,
6026
.conversejs a.text-warning:focus {
6027
  color: #ba8b00 !important;
6028
}
6029
 
6030
.conversejs .text-danger {
6031
  color: #dc3545 !important;
6032
}
6033
 
6034
.conversejs a.text-danger:hover,
6035
.conversejs a.text-danger:focus {
6036
  color: #a71d2a !important;
6037
}
6038
 
6039
.conversejs .text-light {
6040
  color: #f8f9fa !important;
6041
}
6042
 
6043
.conversejs a.text-light:hover,
6044
.conversejs a.text-light:focus {
6045
  color: #cbd3da !important;
6046
}
6047
 
6048
.conversejs .text-dark {
6049
  color: #343a40 !important;
6050
}
6051
 
6052
.conversejs a.text-dark:hover,
6053
.conversejs a.text-dark:focus {
6054
  color: #121416 !important;
6055
}
6056
 
6057
.conversejs .text-body {
6058
  color: #212529 !important;
6059
}
6060
 
6061
.conversejs .text-muted {
6062
  color: #6c757d !important;
6063
}
6064
 
6065
.conversejs .text-black-50 {
6066
  color: rgba(0, 0, 0, 0.5) !important;
6067
}
6068
 
6069
.conversejs .text-white-50 {
6070
  color: rgba(255, 255, 255, 0.5) !important;
6071
}
6072
 
6073
.conversejs .text-hide {
6074
  font: 0/0 a;
6075
  color: rgba(0, 0, 0, 0);
6076
  text-shadow: none;
6077
  background-color: rgba(0, 0, 0, 0);
6078
  border: 0;
6079
}
6080
 
6081
.conversejs .text-decoration-none {
6082
  text-decoration: none !important;
6083
}
6084
 
6085
.conversejs .text-break {
6086
  word-break: break-word !important;
6087
  word-wrap: break-word !important;
6088
}
6089
 
6090
.conversejs .text-reset {
6091
  color: inherit !important;
6092
}
6093
 
6094
.conversejs .visible {
6095
  visibility: visible !important;
6096
}
6097
 
6098
.conversejs .invisible {
6099
  visibility: hidden !important;
6100
}
6101
 
6102
.conversejs,
6103
.conversejs-bg,
6104
#conversejs-bg,
6105
body.converse-fullscreen {
6106
  --avatar-border-radius: 10%;
6107
  --message-avatar-width: 36px;
6108
  --message-avatar-height: 36px;
6109
  --chatroom-width: 500px;
6110
  --send-button-height: 27px;
6111
  --send-button-margin: 3px;
6112
  --inline-action-margin: 0.75em;
6113
  --roster-height: 194px;
6114
  --button-border-radius: 5px;
6115
  --chatbox-border-radius: 4px;
6116
  --normal-font: 'Helvetica', 'Arial', sans-serif;
6117
  --heading-font: 'Muli', normal;
6118
  --branding-font: 'Baumans', cursive;
6119
  --font-size-tiny: 10px;
6120
  --font-size-small: 12px;
6121
  --font-size: 14px;
6122
  --font-size-large: 16px;
6123
  --font-size-huge: 20px;
6124
  --message-font-size: var(--font-size);
6125
  --line-height-small: 14px;
6126
  --line-height: 16px;
6127
  --line-height-large: 20px;
6128
  --line-height-huge: 27px;
6129
  --embedded-emoji-picker-height: 300px;
6130
  --chat-gutter: 0.5em;
6131
  --occupants-padding: 1em;
6132
  --minimized-chats-width: 130px;
6133
  --mobile-chat-width: 100%;
6134
  --mobile-chat-height: 400px;
6135
  --overlayed-chat-head-height: 55px;
6136
  --overlayed-chat-height: 450px;
6137
  --overlayed-chat-width: 300px;
6138
  --overlayed-chatbox-hover-height: 1em;
6139
  --overlayed-emoji-picker-height: 200px;
6140
  --overlayed-max-chat-textarea-height: 200px;
6141
  --list-toggle-font-weight: normal;
6142
}
6143
 
6144
.conversejs,
6145
.conversejs-bg,
6146
#conversejs-bg,
6147
body.converse-fullscreen {
6148
  --green: #3aa569;
6149
  --dark-green: #1e9652;
6150
  --blue: #387592;
6151
  --dark-blue: #397491;
6152
  --redder-orange: #e77051;
6153
  --orange: #e7a151;
6154
  --light-blue: #578ea9;
6155
  --lighter-blue: #eff4f7;
6156
  --dark-red: #d24e2b;
6157
  --comment: #a8aba1;
6158
  --gray: #818479;
6159
  --foreground: #666;
6160
  --background: white;
6161
  --subdued-color: var(--comment);
6162
  --muc-color: var(--redder-orange);
6163
  --chat-color: var(--green);
6164
  --disabled-color: gray;
6165
  --error-color: var(--dark-red);
6166
  --focus-color: var(--background);
6167
  --icon-hover-color: var(--text-color);
6168
  --info-color: var(--dark-green);
6169
  --chat-status-online: var(--green);
6170
  --chat-status-busy: var(--redder-orange);
6171
  --chat-status-away: var(--orange);
6172
  --brand-heading-color: var(--blue);
6173
  --completion-light-color: #ffb9a7;
6174
  --completion-normal-color: var(--redder-orange);
6175
  --completion-dark-color: #d24e2b;
6176
  --dark-link-color: #206485;
6177
  --inverse-link-color: var(--background);
6178
  --link-color-lighten-10-percent: #79a5ba;
6179
  --link-color: var(--light-blue);
6180
  --link-hover-color: #345566;
6181
  --global-background-color: var(--dark-blue);
6182
  --modal-background-color: var(--background);
6183
  --img-thumbnail-background-color: var(--background);
6184
  --img-thumbnail-border-color: #dee2e6;
6185
  --text-shadow-color: #fafafa;
6186
  --text-color: var(--foreground);
6187
  --controlbox-text-color: var(--foreground);
6188
  --text-color-lighten-15-percent: #8c8c8c;
6189
  --message-author-color: var(--text-color);
6190
  --text-color-invert: var(--background);
6191
  --message-text-color: #555;
6192
  --message-receipt-color: var(--green);
6193
  --save-button-color: var(--green);
6194
  --button-text-color: var(--background);
6195
  --button-hover-text-color: var(--background);
6196
  --chat-background-color: var(--background);
6197
  --chat-textarea-color: var(--foreground);
6198
  --chat-textarea-background-color: var(--background);
6199
  --chat-textarea-disabled-bg-color: #eee;
6200
  --chat-textarea-height: 60px;
6201
  --chat-correcting-color: var(--chat-head-color-lighten-50-percent);
6202
  --chat-head-fg-color: var(--background);
6203
  --chat-head-color-dark: var(--dark-green);
6204
  --chat-head-color-darker: #0e763b;
6205
  --chat-head-color-lighten-50-percent: #e7f7ee;
6206
  --chat-head-color: var(--green);
6207
  --chat-head-text-color: var(--background);
6208
  --chat-toolbar-btn-color: var(--green);
6209
  --chat-toolbar-btn-disabled-color: gray;
6210
  --toolbar-btn-text-color: var(--background);
6211
  --chat-content-background-color: var(--background);
6212
  --chat-info-color: var(--chatroom-head-bg-color);
6213
  --danger-color-dark: #a93415;
6214
  --danger-color: var(--redder-orange);
6215
  --highlight-color-darker: #b0e8e2;
6216
  --highlight-color: #dcf9f6;
6217
  --primary-color-dark: var(--dark-blue);
6218
  --primary-color: var(--light-blue);
6219
  --primary-color-light: var(--lighter-blue);
6220
  --secondary-color-dark: #585b51;
6221
  --secondary-color: var(--gray);
6222
  --warning-color-dark: #d2842b;
6223
  --warning-color: var(--orange);
6224
  --light-background-color: #fcfdfd;
6225
  --groupchats-header-color: var(--chatroom-head-bg-color);
6226
  --groupchats-header-color-dark: var(--chatroom-head-bg-color-dark);
6227
  --controlbox-width: 250px;
6228
  --controlbox-head-color: var(--light-blue);
6229
  --controlbox-head-btn-color: var(--light-blue);
6230
  --controlbox-heading-color: inherit;
6231
  --controlbox-heading-font-weight: bold;
6232
  --controlbox-heading-top-margin: 0.75em;
6233
  --controlbox-pane-background-color: var(--background);
6234
  --controlbox-pane-bg-hover-color: #eff4f7;
6235
  --panel-divider-color: #e7e7e7;
6236
  --heading-display: block;
6237
  --heading-color: var(--background);
6238
  --badge-color: var(--background);
6239
  --chatroom-color: var(--redder-orange);
6240
  --chatroom-badge-color: var(--chatroom-head-bg-color);
6241
  --chatroom-badge-hover-color: var(--chatroom-head-bg-color-dark);
6242
  --chatroom-correcting-color: #fadfd7;
6243
  --chatroom-head-bg-color-dark: #d24e2b;
6244
  --chatroom-head-bg-color: var(--redder-orange);
6245
  --chatroom-head-border-bottom: 0px;
6246
  --chatroom-head-button-color: var(--chatroom-head-bg-color);
6247
  --chatroom-head-color: var(--background);
6248
  --chatroom-head-description-display: block;
6249
  --chatroom-head-description-link-color: var(--background);
6250
  --chatroom-head-fg-color: var(--background);
6251
  --chatroom-head-title-font-weight: normal;
6252
  --chatroom-head-title-padding-right: 0px;
6253
  --muc-toolbar-btn-color: var(--redder-orange);
6254
  --muc-toolbar-btn-disabled-color: gray;
6255
  --headlines-color: var(--orange);
6256
  --headlines-head-text-color: var(--background);
6257
  --headlines-head-fg-color: var(--background);
6258
  --headlines-head-bg-color: var(--headlines-color);
6259
  --headline-message-color: #d2842b;
6260
  --headline-separator-border-bottom: 2px solid var(--headlines-color);
6261
  --chatbox-button-size: 14px;
6262
  --fullpage-chatbox-button-size: 16px;
6263
  --separator-text-color: var(--message-text-color);
6264
  --chat-separator-border-bottom: 2px solid var(--chat-color);
6265
  --chatroom-separator-border-bottom: 2px solid var(--chatroom-head-bg-color);
6266
  --chatbox-message-input-border-top: 4px solid var(--chat-head-color);
6267
  --chatroom-message-input-border-top: 4px solid var(--chatroom-head-bg-color);
6268
  --occupants-background-color: var(--background);
6269
  --occupants-border-left: 0.2rem solid var(--panel-divider-color);
6270
  --occupants-border-bottom: 1px solid lightgrey;
6271
  --fullpage-chat-height: calc(var(--vh, 1vh) * 100);
6272
  --fullpage-chat-width: 100%;
6273
  --fullpage-emoji-picker-height: 300px;
6274
  --fullpage-max-chat-textarea-height: 15em;
6275
  --overlayed-badge-color: var(--gray);
6276
  --close-color: var(--text-color);
6277
  --close-color: #585b51;
6278
  --list-toggle-color: var(--gray);
6279
  --list-toggle-hover-color: #585b51;
6280
  --list-item-hover-color: rgba(0, 0, 0, 0.035);
6281
  --list-item-action-color: #e3eef3;
6282
  --list-item-link-color: inherit;
6283
  --list-item-link-hover-color: var(--dark-link-color);
6284
  --list-item-open-color: var(--controlbox-head-color);
6285
  --list-item-open-hover-color: var(--controlbox-head-color);
6286
  --list-dot-circle-color: #f6dec1;
6287
  --list-item-action-hover-color: var(--inverse-link-color);
6288
  --list-group-item-bg-color: var(--background);
6289
  --chat-msg-hover-color: var(--list-item-hover-color);
6290
}
6291
 
6292
.conversejs.theme-concord {
6293
  --controlbox-pane-background-color: #333;
6294
  --panel-divider-color: #333;
6295
  --controlbox-pane-bg-hover-color: #464646;
6296
  --controlbox-heading-color: #777;
6297
  --controlbox-heading-font-weight: bold;
6298
  --groupchats-header-color: var(--redder-orange);
6299
  --chat-textarea-background-color: #f6f6f6;
6300
  --chat-correcting-color: #ffffc0;
6301
  --controlbox-text-color: #ddd;
6302
  --chat-info-color: var(--subdued-color);
6303
  --chatbox-border-radius: 0px;
6304
  --heading-display: inline;
6305
  --heading-color: #9b4d;
6306
  --link-hover-color: var(--light-blue);
6307
  --chatroom-badge-color: var(--redder-orange);
6308
  --chatroom-badge-hover-color: #d24e2b;
6309
  --chatroom-correcting-color: #ffffc0;
6310
  --chatroom-head-bg-color: white;
6311
  --chatroom-head-border-bottom: 1px solid #eee;
6312
  --chatroom-head-fg-color: #999;
6313
  --chatroom-head-color: #7e7e7e;
6314
  --chatroom-head-description-border-left: 1px solid #ddd;
6315
  --chatroom-head-description-color: black;
6316
  --chatroom-head-description-display: inline;
6317
  --chatroom-head-description-link-color: #00b3f4;
6318
  --chatroom-head-description-padding-left: 12px;
6319
  --chatroom-head-title-font-weight: bold;
6320
  --chatroom-head-title-padding-right: 12px;
6321
  --muc-toolbar-btn-color: #7e7e7e;
6322
  --muc-toolbar-btn-disabled-color: lightgray;
6323
  --occupants-background-color: #f3f3f3;
6324
  --occupants-border-left: 0px;
6325
  --occupants-border-bottom: 0px;
6326
  --separator-text-color: #aaa;
6327
  --chat-separator-border-bottom: 1px solid #aaa;
6328
  --chatroom-separator-border-bottom: 1px solid #aaa;
6329
  --chatroom-message-input-border-top: 1px solid #ccc;
6330
  --chatbox-message-input-border-top: 1px solid #ccc;
6331
  --fullpage-chatbox-button-size: 24px;
6332
  --list-toggle-font-weight: bold;
6333
  --list-item-link-color: #a1a1a1;
6334
  --list-item-link-hover-color: #ddd;
6335
  --list-item-open-color: #444;
6336
  --list-item-open-hover-color: #444;
6337
  --unread-msgs-color: #f1f1f1;
6338
}
6339
 
6340
.conversejs.theme-dracula {
6341
  --current-line: #44475a;
6342
  --comment: #6272a4;
6343
  --cyan: #8be9fd;
6344
  --green: #50fa7b;
6345
  --orange: #ffb86c;
6346
  --pink: #ff79c6;
6347
  --purple: #bd93f9;
6348
  --red: #ff5555;
6349
  --yellow: #f1fa8c;
6350
  --background: #282a36;
6351
  --foreground: #f8f8f2;
6352
  --subdued-color: var(--comment);
6353
  --muc-color: var(--orange);
6354
  --chat-color: var(--green);
6355
  --disabled-color: var(--comment);
6356
  --error-color: var(--red);
6357
  --focus-color: var(--comment);
6358
  --headlines-color: var(--pink);
6359
  --headlines-head-text-color: var(--headlines-color);
6360
  --headlines-head-fg-color: var(--headlines-color);
6361
  --headlines-head-bg-color: var(--background);
6362
  --headline-message-color: var(--headlines-color);
6363
  --headline-separator-border-bottom: 2px solid var(--headlines-color);
6364
  --headlines-head-border-bottom: 0.15em solid var(--headlines-color);
6365
  --icon-hover-color: var(--cyan);
6366
  --gray-color: var(--comment);
6367
  --highlight-color: var(--foreground);
6368
  --highlight-color-darker: var(--comment);
6369
  --redder-orange: var(--muc-color);
6370
  --light-background-color: var(--background);
6371
  --chat-background-color: var(--background);
6372
  --chat-content-background-color: var(--background);
6373
  --chat-textarea-background-color: var(--background);
6374
  --chat-textarea-disabled-bg-color: var(--disabled-color);
6375
  --controlbox-pane-background-color: var(--background);
6376
  --controlbox-pane-bg-hover-color: var(--list-item-hover-color);
6377
  --chat-msg-hover-color: var(--current-line);
6378
  --chat-textarea-color: var(--foreground);
6379
  --close-color: var(--foreground);
6380
  --close-color-hover: var(--purple);
6381
  --global-background-color: var(--background);
6382
  --groupchats-header-color-dark: var(--muc-color);
6383
  --groupchats-header-color: var(--muc-color);
6384
  --img-thumbnail-background-color: var(--comment);
6385
  --img-thumbnail-border-color: black;
6386
  --modal-background-color: var(--background);
6387
  --occupants-background-color: var(--background);
6388
  --raised-el-shadow: 1px 1px 10px black;
6389
  --badge-color: var(--background);
6390
  --chatroom-correcting-color: var(--comment);
6391
  --chatroom-head-bg-color-dark: var(--muc-color);
6392
  --chatroom-head-bg-color: var(--background);
6393
  --chatroom-head-border-bottom: 0.15em solid var(--muc-color);
6394
  --chatroom-head-fg-color: var(--muc-color);
6395
  --chatroom-head-color: var(--muc-color);
6396
  --chatroom-head-description-link-color: var(--link-color);
6397
  --chatroom-message-input-border-top: 0.15em solid var(--muc-color);
6398
  --chatroom-separator-border-bottom: 0.15em solid var(--muc-color);
6399
  --muc-toolbar-btn-disabled-color: var(--disabled-color);
6400
  --occupants-border-left: 0.15em solid var(--muc-color);
6401
  --occupants-border-bottom: 0.15em solid var(--muc-color);
6402
  --chat-correcting-color: var(--comment);
6403
  --chat-head-border-bottom: 0.15em solid var(--chat-color);
6404
  --chat-head-fg-color: var(--chat-color);
6405
  --chat-head-color-dark: var(--chat-color);
6406
  --chat-head-color-darker: var(--chat-color);
6407
  --chat-head-color-lighten-50-percent: var(--chat-color);
6408
  --chat-head-color: var(--background);
6409
  --chat-head-text-color: var(--chat-color);
6410
  --chat-toolbar-btn-color: var(--chat-color);
6411
  --chat-toolbar-btn-color: var(--green);
6412
  --chatbox-message-input-border-top: 0.15em solid var(--chat-color);
6413
  --toolbar-btn-text-color: var(--background);
6414
  --unread-msgs-color: var(--yellow);
6415
  --panel-divider-color: var(--comment);
6416
  --chat-status-online: var(--green);
6417
  --chat-status-busy: var(--red);
6418
  --chat-status-away: var(--orange);
6419
  --chat-info-color: var(--orange);
6420
  --brand-heading-color: var(--cyan);
6421
  --completion-light-color: var(--pink);
6422
  --completion-normal-color: var(--red);
6423
  --completion-dark-color: var(--current-line);
6424
  --button-text-color: var(--background);
6425
  --button-hover-text-color: var(--background);
6426
  --controlbox-text-color: var(--foreground);
6427
  --message-text-color: var(--foreground);
6428
  --text-color: var(--foreground);
6429
  --text-color-lighten-15-percent: var(--yellow);
6430
  --text-color-invert: var(--background);
6431
  --message-author-color: var(--purple);
6432
  --controlbox-head-color: var(--purple);
6433
  --controlbox-head-btn-color: var(--subdued-color);
6434
  --message-receipt-color: var(--green);
6435
  --heading-color: var(--purple);
6436
  --inverse-link-color: var(--foreground);
6437
  --link-color: var(--cyan);
6438
  --dark-link-color: var(--cyan);
6439
  --link-hover-color: var(--green);
6440
  --primary-color: var(--purple);
6441
  --primary-color-dark: var(--purple);
6442
  --primary-color-light: var(--pink);
6443
  --danger-color-dark: var(--pink);
6444
  --danger-color: var(--pink);
6445
  --error-color: var(--red);
6446
  --info-color: var(--comment);
6447
  --secondary-color-dark: var(--cyan);
6448
  --secondary-color: var(--cyan);
6449
  --warning-color-dark: var(--orange);
6450
  --warning-color: var(--orange);
6451
  --list-toggle-color: var(--comment);
6452
  --list-toggle-hover-color: var(--comment);
6453
  --list-item-hover-color: var(--current-line);
6454
  --list-item-action-color: var(--comment);
6455
  --list-item-link-color: var(--foreground);
6456
  --list-item-link-hover-color: var(--link-color);
6457
  --list-item-open-color: var(--current-line);
6458
  --list-item-open-hover-color: var(--current-line);
6459
  --list-dot-circle-color: var(--orange);
6460
  --list-item-action-hover-color: var(--cyan);
6461
  --list-group-item-bg-color: var(--comment);
6462
}
6463
 
6464
.conversejs {
6465
  color: var(--text-color);
6466
  font-family: var(--normal-font);
6467
  font-size: var(--font-size);
6468
  direction: ltr;
6469
}
6470
 
6471
.conversejs .flyout {
6472
  position: absolute;
6473
}
6474
 
6475
.conversejs .img-thumbnail {
6476
  background-color: var(--img-thumbnail-background-color);
6477
  border: 1px solid var(--img-thumbnail-border-color);
6478
}
6479
 
6480
.conversejs textarea:disabled {
6481
  background-color: var(--chat-textarea-disabled-bg-color) !important;
6482
}
6483
 
6484
.conversejs .subdued {
6485
  opacity: 0.35;
6486
}
6487
 
6488
.conversejs .close {
6489
  color: var(--close-color);
6490
  text-shadow: none;
6491
}
6492
 
6493
.conversejs .close:hover {
6494
  color: var(--close-color-hover);
6495
}
6496
 
6497
.conversejs .fit-content {
6498
  width: -moz-fit-content !important;
6499
  width: fit-content !important;
6500
  max-width: -moz-fit-content !important;
6501
  max-width: fit-content !important;
6502
}
6503
 
6504
.conversejs .nopadding {
6505
  padding: 0 !important;
6506
}
6507
 
6508
.conversejs .no-scrolling {
6509
  overflow-x: none;
6510
  overflow-y: none;
6511
}
6512
 
6513
.conversejs converse-brand-heading {
6514
  text-align: center;
6515
}
6516
 
6517
.conversejs .brand-heading {
6518
  display: inline-flex;
6519
  flex-direction: row;
6520
  align-items: flex-start;
6521
  font-family: var(--branding-font);
6522
  color: var(--link-color);
6523
  margin-bottom: 0.75em;
6524
}
6525
 
6526
.conversejs .brand-heading .brand-name-wrapper {
6527
  display: flex;
6528
  white-space: nowrap;
6529
  margin: auto;
6530
}
6531
 
6532
.conversejs .brand-heading .brand-name {
6533
  color: var(--link-color);
6534
  display: flex;
6535
  flex-direction: column;
6536
  align-items: center;
6537
  margin-top: -0.25em;
6538
}
6539
 
6540
.conversejs .brand-heading .brand-name .byline {
6541
  font-family: var(--heading-font);
6542
  font-size: 0.3em;
6543
  margin-bottom: 0.75em;
6544
  margin-left: -2.7em;
6545
  opacity: 0.55;
6546
  word-spacing: 5px;
6547
}
6548
 
6549
.conversejs .brand-heading .brand-subtitle {
6550
  color: var(--text-color);
6551
}
6552
 
6553
.conversejs .brand-heading .brand-name__text {
6554
  font-size: 120%;
6555
  vertical-align: text-bottom;
6556
}
6557
 
6558
.conversejs .brand-heading .converse-svg-logo {
6559
  color: var(--link-color);
6560
  height: 1.5em;
6561
  margin-right: 0.25em;
6562
  margin-bottom: -0.25em;
6563
}
6564
 
6565
.conversejs .brand-heading .converse-svg-logo .cls-1 {
6566
  isolation: isolate;
6567
}
6568
 
6569
.conversejs .brand-heading .converse-svg-logo .cls-2 {
6570
  opacity: 0.5;
6571
  mix-blend-mode: multiply;
6572
}
6573
 
6574
.conversejs .brand-heading .converse-svg-logo .cls-3 {
6575
  fill: var(--link-color);
6576
}
6577
 
6578
.conversejs .brand-heading .converse-svg-logo .cls-4 {
6579
  fill: var(--link-color);
6580
}
6581
 
6582
.conversejs .brand-heading--inverse .converse-svg-logo {
6583
  margin-bottom: 0em;
6584
  margin-top: -0.2em;
6585
}
6586
 
6587
.conversejs .brand-heading--inverse .byline {
6588
  margin: 0;
6589
  font-family: var(--heading-font);
6590
  font-size: 0.25em;
6591
  opacity: 0.55;
6592
  margin-left: -7em;
6593
  word-spacing: 5px;
6594
}
6595
 
6596
.conversejs .popover {
6597
  position: fixed;
6598
}
6599
 
6600
.conversejs ::-moz-placeholder {
6601
  color: var(--subdued-color);
6602
}
6603
 
6604
.conversejs ::placeholder {
6605
  color: var(--subdued-color);
6606
}
6607
 
6608
.conversejs ::-moz-selection {
6609
  background-color: var(--highlight-color);
6610
}
6611
 
6612
.conversejs ::selection {
6613
  background-color: var(--highlight-color);
6614
}
6615
 
6616
.conversejs ::-moz-selection {
6617
  background-color: var(--highlight-color);
6618
}
6619
 
6620
@media screen and (max-width: 480px) {
6621
  .conversejs {
6622
    margin: 0;
6623
    right: 10px;
6624
    left: 10px;
6625
    bottom: 5px;
6626
  }
6627
}
6628
 
6629
@media screen and (max-height: 450px) {
6630
  .conversejs {
6631
    margin: 0;
6632
    right: 10px;
6633
    left: 10px;
6634
    bottom: 5px;
6635
  }
6636
}
6637
 
6638
.conversejs ul li {
6639
  height: auto;
6640
}
6641
 
6642
.conversejs div,
6643
.conversejs span,
6644
.conversejs h1,
6645
.conversejs h2,
6646
.conversejs h3,
6647
.conversejs h4,
6648
.conversejs h5,
6649
.conversejs h6,
6650
.conversejs p,
6651
.conversejs blockquote,
6652
.conversejs pre,
6653
.conversejs a,
6654
.conversejs em,
6655
.conversejs img,
6656
.conversejs strong,
6657
.conversejs dl,
6658
.conversejs dt,
6659
.conversejs dd,
6660
.conversejs ol,
6661
.conversejs ul,
6662
.conversejs li,
6663
.conversejs fieldset,
6664
.conversejs form,
6665
.conversejs legend,
6666
.conversejs table,
6667
.conversejs caption,
6668
.conversejs tbody,
6669
.conversejs tfoot,
6670
.conversejs thead,
6671
.conversejs tr,
6672
.conversejs th,
6673
.conversejs td,
6674
.conversejs article,
6675
.conversejs aside,
6676
.conversejs details,
6677
.conversejs embed,
6678
.conversejs figure,
6679
.conversejs figcaption,
6680
.conversejs footer,
6681
.conversejs header,
6682
.conversejs hgroup,
6683
.conversejs menu,
6684
.conversejs nav,
6685
.conversejs output,
6686
.conversejs ruby,
6687
.conversejs section,
6688
.conversejs summary,
6689
.conversejs time,
6690
.conversejs mark,
6691
.conversejs audio,
6692
.conversejs video {
6693
  margin: 0;
6694
  padding: 0;
6695
  border: 0;
6696
  font: inherit;
6697
  vertical-align: baseline;
6698
}
6699
 
6700
.conversejs textarea,
6701
.conversejs input[type='submit'],
6702
.conversejs input[type='button'],
6703
.conversejs input[type='text'],
6704
.conversejs input[type='password'],
6705
.conversejs button {
6706
  font-size: var(--font-size);
6707
  min-height: 0;
6708
}
6709
 
6710
.conversejs strong {
6711
  font-weight: 700;
6712
}
6713
 
6714
.conversejs em {
6715
  font-style: italic;
6716
}
6717
 
6718
.conversejs ol,
6719
.conversejs ul {
6720
  list-style: none;
6721
}
6722
 
6723
.conversejs li {
6724
  height: 10px;
6725
}
6726
 
6727
.conversejs ul,
6728
.conversejs ol,
6729
.conversejs dl {
6730
  font: inherit;
6731
  margin: 0;
6732
}
6733
 
6734
.conversejs a {
6735
  cursor: pointer;
6736
}
6737
 
6738
.conversejs a,
6739
.conversejs a:visited,
6740
.conversejs a:not([href]):not([tabindex]),
6741
.conversejs .clickable {
6742
  text-decoration: none;
6743
  color: var(--link-color);
6744
  text-shadow: none;
6745
  cursor: pointer;
6746
}
6747
 
6748
.conversejs a:hover,
6749
.conversejs a:visited:hover,
6750
.conversejs a:not([href]):not([tabindex]):hover,
6751
.conversejs .clickable:hover {
6752
  color: var(--link-hover-color);
6753
  text-decoration: none;
6754
  text-shadow: none;
6755
}
6756
 
6757
.conversejs a.fa,
6758
.conversejs a.far,
6759
.conversejs a.fas,
6760
.conversejs a:visited.fa,
6761
.conversejs a:visited.far,
6762
.conversejs a:visited.fas,
6763
.conversejs a:not([href]):not([tabindex]).fa,
6764
.conversejs a:not([href]):not([tabindex]).far,
6765
.conversejs a:not([href]):not([tabindex]).fas,
6766
.conversejs .clickable.fa,
6767
.conversejs .clickable.far,
6768
.conversejs .clickable.fas {
6769
  color: var(--subdued-color);
6770
}
6771
 
6772
.conversejs a.fa:hover,
6773
.conversejs a.far:hover,
6774
.conversejs a.fas:hover,
6775
.conversejs a:visited.fa:hover,
6776
.conversejs a:visited.far:hover,
6777
.conversejs a:visited.fas:hover,
6778
.conversejs a:not([href]):not([tabindex]).fa:hover,
6779
.conversejs a:not([href]):not([tabindex]).far:hover,
6780
.conversejs a:not([href]):not([tabindex]).fas:hover,
6781
.conversejs .clickable.fa:hover,
6782
.conversejs .clickable.far:hover,
6783
.conversejs .clickable.fas:hover {
6784
  color: var(--icon-hover-color);
6785
}
6786
 
6787
.conversejs .clickable:hover {
6788
  cursor: pointer;
6789
}
6790
 
6791
.conversejs svg {
6792
  border-radius: var(--chatbox-border-radius);
6793
}
6794
 
6795
.conversejs .fa,
6796
.conversejs .far,
6797
.conversejs .fas {
6798
  color: var(--subdued-color);
6799
}
6800
 
6801
.conversejs q {
6802
  quotes: '“' '”' '‘' '’';
6803
}
6804
 
6805
.conversejs q.reason {
6806
  display: inline;
6807
}
6808
 
6809
.conversejs q:before {
6810
  content: open-quote;
6811
}
6812
 
6813
.conversejs q:after {
6814
  content: close-quote;
6815
}
6816
 
6817
.conversejs .helptext {
6818
  font-size: var(--font-size-tiny);
6819
  color: var(--text-color-lighten-15-percent);
6820
}
6821
 
6822
.conversejs .selected {
6823
  color: var(--link-color) !important;
6824
}
6825
 
6826
.conversejs .selected svg {
6827
  fill: var(--link-color);
6828
}
6829
 
6830
.conversejs .circle {
6831
  border-radius: 50%;
6832
}
6833
 
6834
.conversejs .no-text-select {
6835
  -webkit-touch-callout: none;
6836
  -webkit-user-select: none;
6837
  -moz-user-select: none;
6838
  user-select: none;
6839
}
6840
 
6841
@keyframes colorchange-chatmessage {
6842
  0% {
6843
    background-color: #8dd8ae;
6844
  }
6845
 
6846
  25% {
6847
    background-color: rgba(141, 216, 174, 0.75);
6848
  }
6849
 
6850
  50% {
6851
    background-color: rgba(141, 216, 174, 0.5);
6852
  }
6853
 
6854
  75% {
6855
    background-color: rgba(141, 216, 174, 0.25);
6856
  }
6857
 
6858
  100% {
6859
    background-color: rgba(0, 0, 0, 0);
6860
  }
6861
}
6862
 
6863
@keyframes colorchange-chatmessage-muc {
6864
  0% {
6865
    background-color: #ffb5a2;
6866
  }
6867
 
6868
  25% {
6869
    background-color: rgba(255, 181, 162, 0.75);
6870
  }
6871
 
6872
  50% {
6873
    background-color: rgba(255, 181, 162, 0.5);
6874
  }
6875
 
6876
  75% {
6877
    background-color: rgba(255, 181, 162, 0.25);
6878
  }
6879
 
6880
  100% {
6881
    background-color: rgba(0, 0, 0, 0);
6882
  }
6883
}
6884
 
6885
@keyframes fadein {
6886
  0% {
6887
    opacity: 0;
6888
  }
6889
 
6890
  100% {
6891
    opacity: 1;
6892
  }
6893
}
6894
 
6895
@keyframes fadeOut {
6896
  0% {
6897
    opacity: 1;
6898
    visibility: visible;
6899
  }
6900
 
6901
  100% {
6902
    opacity: 0;
6903
    visibility: hidden;
6904
  }
6905
}
6906
 
6907
.conversejs .fade-in {
6908
  opacity: 0;
6909
  animation-name: fadein;
6910
  animation-fill-mode: forwards;
6911
  animation-duration: 0.5s;
6912
  animation-timing-function: ease;
6913
}
6914
 
6915
.conversejs .visible {
6916
  opacity: 0;
6917
  animation-name: fadein;
6918
  animation-fill-mode: forwards;
6919
  animation-duration: 500ms;
6920
  animation-timing-function: ease;
6921
}
6922
 
6923
.conversejs .hidden {
6924
  opacity: 0 !important;
6925
  display: none !important;
6926
}
6927
 
6928
.conversejs .fade-out {
6929
  animation-duration: 0.5s;
6930
  animation-fill-mode: forwards;
6931
  animation-name: fadeOut;
6932
  animation-timing-function: ease-in-out;
6933
}
6934
 
6935
.conversejs .collapsed {
6936
  height: 0 !important;
6937
  overflow: hidden !important;
6938
  padding: 0 !important;
6939
}
6940
 
6941
.conversejs .locked {
6942
  padding-right: 22px;
6943
}
6944
 
6945
@keyframes spin {
6946
  from {
6947
    transform: rotate(0deg);
6948
  }
6949
 
6950
  to {
6951
    transform: rotate(359deg);
6952
  }
6953
}
6954
 
6955
.conversejs .left {
6956
  float: left;
6957
}
6958
 
6959
.conversejs .right {
6960
  float: right;
6961
}
6962
 
6963
.conversejs .centered {
6964
  text-align: center;
6965
  display: block;
6966
  margin: auto;
6967
}
6968
 
6969
.conversejs .hor_centered {
6970
  text-align: center;
6971
  display: block !important;
6972
  margin: 0 auto;
6973
  clear: both;
6974
}
6975
 
6976
.conversejs .error {
6977
  color: var(--error-color) !important;
6978
}
6979
 
6980
.conversejs .info {
6981
  color: var(--info-color);
6982
}
6983
 
6984
.conversejs .reg-feedback {
6985
  font-size: 85%;
6986
  margin-bottom: 1em;
6987
}
6988
 
6989
.conversejs .reg-feedback,
6990
.conversejs #converse-login .conn-feedback {
6991
  display: block;
6992
  text-align: center;
6993
  width: 100%;
6994
}
6995
 
6996
.conversejs .avatar-autocomplete {
6997
  margin-right: 0.5em;
6998
  vertical-align: middle;
6999
}
7000
 
7001
.conversejs .activated {
7002
  display: block !important;
7003
}
7004
 
7005
.conversejs .form-help {
7006
  color: var(--subdued-color);
7007
  font-size: 90%;
7008
}
7009
 
7010
.conversejs .nav-pills .nav-link.active,
7011
.conversejs .nav-pills .show > .nav-link {
7012
  background-color: var(--primary-color);
7013
}
7014
 
7015
@media screen and (max-width: 575px) {
7016
  body .converse-brand {
7017
    font-size: 3.75em;
7018
  }
7019
 
7020
  .conversejs:not(.converse-embedded) .chatbox .chat-body {
7021
    border-radius: var(--chatbox-border-radius);
7022
  }
7023
 
7024
  .conversejs:not(.converse-embedded) .flyout {
7025
    border-radius: var(--chatbox-border-radius);
7026
  }
7027
}
7028
 
7029
@media screen and (min-width: 576px) {
7030
  .conversejs .offset-sm-2 {
7031
    margin-left: 16.666667%;
7032
  }
7033
}
7034
 
7035
@media screen and (min-width: 768px) {
7036
  .conversejs .offset-md-2 {
7037
    margin-left: 16.666667%;
7038
  }
7039
 
7040
  .conversejs .offset-md-3 {
7041
    margin-left: 25%;
7042
  }
7043
}
7044
 
7045
@media screen and (min-width: 992px) {
7046
  .conversejs .offset-lg-2 {
7047
    margin-left: 16.666667%;
7048
  }
7049
 
7050
  .conversejs .offset-lg-3 {
7051
    margin-left: 25%;
7052
  }
7053
}
7054
 
7055
@media screen and (min-width: 1200px) {
7056
  .conversejs .offset-xl-2 {
7057
    margin-left: 16.666667%;
7058
  }
7059
}
7060
 
7061
@media screen and (max-height: 450px) {
7062
  .conversejs {
7063
    left: 0;
7064
  }
7065
}
7066
 
7067
.conversejs .alert-info h3,
7068
.conversejs .alert-danger h3 {
7069
  color: var(--background);
7070
  font-size: large;
7071
}
7072
 
7073
.conversejs .alert-info .modal-title,
7074
.conversejs .alert-danger .modal-title {
7075
  font-size: 110%;
7076
}
7077
 
7078
.conversejs .alert-info .close,
7079
.conversejs .alert-danger .close {
7080
  color: var(--background);
7081
}
7082
 
7083
.conversejs .alert-info {
7084
  color: var(--background);
7085
  background-color: var(--primary-color);
7086
  border-color: var(--primary-color-dark);
7087
}
7088
 
7089
.conversejs .alert-danger {
7090
  color: var(--background);
7091
  border-color: var(--danger-color-dark);
7092
  background-color: var(--danger-color);
7093
}
7094
 
7095
.conversejs .alert-danger .disconnect-msg {
7096
  color: var(--background) !important;
7097
}
7098
 
7099
.conversejs .spinner__container {
7100
  width: 100%;
7101
}
7102
 
7103
.conversejs .spinner {
7104
  animation:
7105
    spin 2s infinite,
7106
    linear;
7107
  width: 1em;
7108
  display: block;
7109
  text-align: center;
7110
  padding: 0.5em 0;
7111
  font-size: 24px;
7112
}
7113
 
7114
.conversejs .spinner svg {
7115
  fill: var(--primary-color);
7116
}
7117
 
7118
.conversejs .btn {
7119
  display: inline-block;
7120
  font-weight: 400;
7121
  color: #212529;
7122
  text-align: center;
7123
  vertical-align: middle;
7124
  -webkit-user-select: none;
7125
  -moz-user-select: none;
7126
  user-select: none;
7127
  background-color: rgba(0, 0, 0, 0);
7128
  border: 1px solid rgba(0, 0, 0, 0);
7129
  padding: 0.375rem 0.75rem;
7130
  font-size: 1rem;
7131
  line-height: 1.5;
7132
  border-radius: 0.25rem;
7133
  transition:
7134
    color 0.15s ease-in-out,
7135
    background-color 0.15s ease-in-out,
7136
    border-color 0.15s ease-in-out,
7137
    box-shadow 0.15s ease-in-out;
7138
}
7139
 
7140
@media (prefers-reduced-motion: reduce) {
7141
  .conversejs .btn {
7142
    transition: none;
7143
  }
7144
}
7145
 
7146
.conversejs .btn:hover {
7147
  color: #212529;
7148
  text-decoration: none;
7149
}
7150
 
7151
.conversejs .btn:focus,
7152
.conversejs .btn.focus {
7153
  outline: 0;
7154
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
7155
}
7156
 
7157
.conversejs .btn.disabled,
7158
.conversejs .btn:disabled {
7159
  opacity: 0.65;
7160
}
7161
 
7162
.conversejs .btn:not(:disabled):not(.disabled) {
7163
  cursor: pointer;
7164
}
7165
 
7166
.conversejs a.btn.disabled,
7167
.conversejs fieldset:disabled a.btn {
7168
  pointer-events: none;
7169
}
7170
 
7171
.conversejs .btn-primary {
7172
  color: #fff;
7173
  background-color: #007bff;
7174
  border-color: #007bff;
7175
}
7176
 
7177
.conversejs .btn-primary:hover {
7178
  color: #fff;
7179
  background-color: #0069d9;
7180
  border-color: #0062cc;
7181
}
7182
 
7183
.conversejs .btn-primary:focus,
7184
.conversejs .btn-primary.focus {
7185
  color: #fff;
7186
  background-color: #0069d9;
7187
  border-color: #0062cc;
7188
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
7189
}
7190
 
7191
.conversejs .btn-primary.disabled,
7192
.conversejs .btn-primary:disabled {
7193
  color: #fff;
7194
  background-color: #007bff;
7195
  border-color: #007bff;
7196
}
7197
 
7198
.conversejs .btn-primary:not(:disabled):not(.disabled):active,
7199
.conversejs .btn-primary:not(:disabled):not(.disabled).active,
7200
.show > .conversejs .btn-primary.dropdown-toggle {
7201
  color: #fff;
7202
  background-color: #0062cc;
7203
  border-color: #005cbf;
7204
}
7205
 
7206
.conversejs .btn-primary:not(:disabled):not(.disabled):active:focus,
7207
.conversejs .btn-primary:not(:disabled):not(.disabled).active:focus,
7208
.show > .conversejs .btn-primary.dropdown-toggle:focus {
7209
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
7210
}
7211
 
7212
.conversejs .btn-secondary {
7213
  color: #fff;
7214
  background-color: #6c757d;
7215
  border-color: #6c757d;
7216
}
7217
 
7218
.conversejs .btn-secondary:hover {
7219
  color: #fff;
7220
  background-color: #5a6268;
7221
  border-color: #545b62;
7222
}
7223
 
7224
.conversejs .btn-secondary:focus,
7225
.conversejs .btn-secondary.focus {
7226
  color: #fff;
7227
  background-color: #5a6268;
7228
  border-color: #545b62;
7229
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
7230
}
7231
 
7232
.conversejs .btn-secondary.disabled,
7233
.conversejs .btn-secondary:disabled {
7234
  color: #fff;
7235
  background-color: #6c757d;
7236
  border-color: #6c757d;
7237
}
7238
 
7239
.conversejs .btn-secondary:not(:disabled):not(.disabled):active,
7240
.conversejs .btn-secondary:not(:disabled):not(.disabled).active,
7241
.show > .conversejs .btn-secondary.dropdown-toggle {
7242
  color: #fff;
7243
  background-color: #545b62;
7244
  border-color: #4e555b;
7245
}
7246
 
7247
.conversejs .btn-secondary:not(:disabled):not(.disabled):active:focus,
7248
.conversejs .btn-secondary:not(:disabled):not(.disabled).active:focus,
7249
.show > .conversejs .btn-secondary.dropdown-toggle:focus {
7250
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
7251
}
7252
 
7253
.conversejs .btn-success {
7254
  color: #fff;
7255
  background-color: #28a745;
7256
  border-color: #28a745;
7257
}
7258
 
7259
.conversejs .btn-success:hover {
7260
  color: #fff;
7261
  background-color: #218838;
7262
  border-color: #1e7e34;
7263
}
7264
 
7265
.conversejs .btn-success:focus,
7266
.conversejs .btn-success.focus {
7267
  color: #fff;
7268
  background-color: #218838;
7269
  border-color: #1e7e34;
7270
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
7271
}
7272
 
7273
.conversejs .btn-success.disabled,
7274
.conversejs .btn-success:disabled {
7275
  color: #fff;
7276
  background-color: #28a745;
7277
  border-color: #28a745;
7278
}
7279
 
7280
.conversejs .btn-success:not(:disabled):not(.disabled):active,
7281
.conversejs .btn-success:not(:disabled):not(.disabled).active,
7282
.show > .conversejs .btn-success.dropdown-toggle {
7283
  color: #fff;
7284
  background-color: #1e7e34;
7285
  border-color: #1c7430;
7286
}
7287
 
7288
.conversejs .btn-success:not(:disabled):not(.disabled):active:focus,
7289
.conversejs .btn-success:not(:disabled):not(.disabled).active:focus,
7290
.show > .conversejs .btn-success.dropdown-toggle:focus {
7291
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
7292
}
7293
 
7294
.conversejs .btn-info {
7295
  color: #fff;
7296
  background-color: #17a2b8;
7297
  border-color: #17a2b8;
7298
}
7299
 
7300
.conversejs .btn-info:hover {
7301
  color: #fff;
7302
  background-color: #138496;
7303
  border-color: #117a8b;
7304
}
7305
 
7306
.conversejs .btn-info:focus,
7307
.conversejs .btn-info.focus {
7308
  color: #fff;
7309
  background-color: #138496;
7310
  border-color: #117a8b;
7311
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
7312
}
7313
 
7314
.conversejs .btn-info.disabled,
7315
.conversejs .btn-info:disabled {
7316
  color: #fff;
7317
  background-color: #17a2b8;
7318
  border-color: #17a2b8;
7319
}
7320
 
7321
.conversejs .btn-info:not(:disabled):not(.disabled):active,
7322
.conversejs .btn-info:not(:disabled):not(.disabled).active,
7323
.show > .conversejs .btn-info.dropdown-toggle {
7324
  color: #fff;
7325
  background-color: #117a8b;
7326
  border-color: #10707f;
7327
}
7328
 
7329
.conversejs .btn-info:not(:disabled):not(.disabled):active:focus,
7330
.conversejs .btn-info:not(:disabled):not(.disabled).active:focus,
7331
.show > .conversejs .btn-info.dropdown-toggle:focus {
7332
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
7333
}
7334
 
7335
.conversejs .btn-warning {
7336
  color: #212529;
7337
  background-color: #ffc107;
7338
  border-color: #ffc107;
7339
}
7340
 
7341
.conversejs .btn-warning:hover {
7342
  color: #212529;
7343
  background-color: #e0a800;
7344
  border-color: #d39e00;
7345
}
7346
 
7347
.conversejs .btn-warning:focus,
7348
.conversejs .btn-warning.focus {
7349
  color: #212529;
7350
  background-color: #e0a800;
7351
  border-color: #d39e00;
7352
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
7353
}
7354
 
7355
.conversejs .btn-warning.disabled,
7356
.conversejs .btn-warning:disabled {
7357
  color: #212529;
7358
  background-color: #ffc107;
7359
  border-color: #ffc107;
7360
}
7361
 
7362
.conversejs .btn-warning:not(:disabled):not(.disabled):active,
7363
.conversejs .btn-warning:not(:disabled):not(.disabled).active,
7364
.show > .conversejs .btn-warning.dropdown-toggle {
7365
  color: #212529;
7366
  background-color: #d39e00;
7367
  border-color: #c69500;
7368
}
7369
 
7370
.conversejs .btn-warning:not(:disabled):not(.disabled):active:focus,
7371
.conversejs .btn-warning:not(:disabled):not(.disabled).active:focus,
7372
.show > .conversejs .btn-warning.dropdown-toggle:focus {
7373
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
7374
}
7375
 
7376
.conversejs .btn-danger {
7377
  color: #fff;
7378
  background-color: #dc3545;
7379
  border-color: #dc3545;
7380
}
7381
 
7382
.conversejs .btn-danger:hover {
7383
  color: #fff;
7384
  background-color: #c82333;
7385
  border-color: #bd2130;
7386
}
7387
 
7388
.conversejs .btn-danger:focus,
7389
.conversejs .btn-danger.focus {
7390
  color: #fff;
7391
  background-color: #c82333;
7392
  border-color: #bd2130;
7393
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
7394
}
7395
 
7396
.conversejs .btn-danger.disabled,
7397
.conversejs .btn-danger:disabled {
7398
  color: #fff;
7399
  background-color: #dc3545;
7400
  border-color: #dc3545;
7401
}
7402
 
7403
.conversejs .btn-danger:not(:disabled):not(.disabled):active,
7404
.conversejs .btn-danger:not(:disabled):not(.disabled).active,
7405
.show > .conversejs .btn-danger.dropdown-toggle {
7406
  color: #fff;
7407
  background-color: #bd2130;
7408
  border-color: #b21f2d;
7409
}
7410
 
7411
.conversejs .btn-danger:not(:disabled):not(.disabled):active:focus,
7412
.conversejs .btn-danger:not(:disabled):not(.disabled).active:focus,
7413
.show > .conversejs .btn-danger.dropdown-toggle:focus {
7414
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
7415
}
7416
 
7417
.conversejs .btn-light {
7418
  color: #212529;
7419
  background-color: #f8f9fa;
7420
  border-color: #f8f9fa;
7421
}
7422
 
7423
.conversejs .btn-light:hover {
7424
  color: #212529;
7425
  background-color: #e2e6ea;
7426
  border-color: #dae0e5;
7427
}
7428
 
7429
.conversejs .btn-light:focus,
7430
.conversejs .btn-light.focus {
7431
  color: #212529;
7432
  background-color: #e2e6ea;
7433
  border-color: #dae0e5;
7434
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
7435
}
7436
 
7437
.conversejs .btn-light.disabled,
7438
.conversejs .btn-light:disabled {
7439
  color: #212529;
7440
  background-color: #f8f9fa;
7441
  border-color: #f8f9fa;
7442
}
7443
 
7444
.conversejs .btn-light:not(:disabled):not(.disabled):active,
7445
.conversejs .btn-light:not(:disabled):not(.disabled).active,
7446
.show > .conversejs .btn-light.dropdown-toggle {
7447
  color: #212529;
7448
  background-color: #dae0e5;
7449
  border-color: #d3d9df;
7450
}
7451
 
7452
.conversejs .btn-light:not(:disabled):not(.disabled):active:focus,
7453
.conversejs .btn-light:not(:disabled):not(.disabled).active:focus,
7454
.show > .conversejs .btn-light.dropdown-toggle:focus {
7455
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
7456
}
7457
 
7458
.conversejs .btn-dark {
7459
  color: #fff;
7460
  background-color: #343a40;
7461
  border-color: #343a40;
7462
}
7463
 
7464
.conversejs .btn-dark:hover {
7465
  color: #fff;
7466
  background-color: #23272b;
7467
  border-color: #1d2124;
7468
}
7469
 
7470
.conversejs .btn-dark:focus,
7471
.conversejs .btn-dark.focus {
7472
  color: #fff;
7473
  background-color: #23272b;
7474
  border-color: #1d2124;
7475
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
7476
}
7477
 
7478
.conversejs .btn-dark.disabled,
7479
.conversejs .btn-dark:disabled {
7480
  color: #fff;
7481
  background-color: #343a40;
7482
  border-color: #343a40;
7483
}
7484
 
7485
.conversejs .btn-dark:not(:disabled):not(.disabled):active,
7486
.conversejs .btn-dark:not(:disabled):not(.disabled).active,
7487
.show > .conversejs .btn-dark.dropdown-toggle {
7488
  color: #fff;
7489
  background-color: #1d2124;
7490
  border-color: #171a1d;
7491
}
7492
 
7493
.conversejs .btn-dark:not(:disabled):not(.disabled):active:focus,
7494
.conversejs .btn-dark:not(:disabled):not(.disabled).active:focus,
7495
.show > .conversejs .btn-dark.dropdown-toggle:focus {
7496
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
7497
}
7498
 
7499
.conversejs .btn-outline-primary {
7500
  color: #007bff;
7501
  border-color: #007bff;
7502
}
7503
 
7504
.conversejs .btn-outline-primary:hover {
7505
  color: #fff;
7506
  background-color: #007bff;
7507
  border-color: #007bff;
7508
}
7509
 
7510
.conversejs .btn-outline-primary:focus,
7511
.conversejs .btn-outline-primary.focus {
7512
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
7513
}
7514
 
7515
.conversejs .btn-outline-primary.disabled,
7516
.conversejs .btn-outline-primary:disabled {
7517
  color: #007bff;
7518
  background-color: rgba(0, 0, 0, 0);
7519
}
7520
 
7521
.conversejs .btn-outline-primary:not(:disabled):not(.disabled):active,
7522
.conversejs .btn-outline-primary:not(:disabled):not(.disabled).active,
7523
.show > .conversejs .btn-outline-primary.dropdown-toggle {
7524
  color: #fff;
7525
  background-color: #007bff;
7526
  border-color: #007bff;
7527
}
7528
 
7529
.conversejs .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
7530
.conversejs .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
7531
.show > .conversejs .btn-outline-primary.dropdown-toggle:focus {
7532
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
7533
}
7534
 
7535
.conversejs .btn-outline-secondary {
7536
  color: #6c757d;
7537
  border-color: #6c757d;
7538
}
7539
 
7540
.conversejs .btn-outline-secondary:hover {
7541
  color: #fff;
7542
  background-color: #6c757d;
7543
  border-color: #6c757d;
7544
}
7545
 
7546
.conversejs .btn-outline-secondary:focus,
7547
.conversejs .btn-outline-secondary.focus {
7548
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
7549
}
7550
 
7551
.conversejs .btn-outline-secondary.disabled,
7552
.conversejs .btn-outline-secondary:disabled {
7553
  color: #6c757d;
7554
  background-color: rgba(0, 0, 0, 0);
7555
}
7556
 
7557
.conversejs .btn-outline-secondary:not(:disabled):not(.disabled):active,
7558
.conversejs .btn-outline-secondary:not(:disabled):not(.disabled).active,
7559
.show > .conversejs .btn-outline-secondary.dropdown-toggle {
7560
  color: #fff;
7561
  background-color: #6c757d;
7562
  border-color: #6c757d;
7563
}
7564
 
7565
.conversejs .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
7566
.conversejs .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
7567
.show > .conversejs .btn-outline-secondary.dropdown-toggle:focus {
7568
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
7569
}
7570
 
7571
.conversejs .btn-outline-success {
7572
  color: #28a745;
7573
  border-color: #28a745;
7574
}
7575
 
7576
.conversejs .btn-outline-success:hover {
7577
  color: #fff;
7578
  background-color: #28a745;
7579
  border-color: #28a745;
7580
}
7581
 
7582
.conversejs .btn-outline-success:focus,
7583
.conversejs .btn-outline-success.focus {
7584
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
7585
}
7586
 
7587
.conversejs .btn-outline-success.disabled,
7588
.conversejs .btn-outline-success:disabled {
7589
  color: #28a745;
7590
  background-color: rgba(0, 0, 0, 0);
7591
}
7592
 
7593
.conversejs .btn-outline-success:not(:disabled):not(.disabled):active,
7594
.conversejs .btn-outline-success:not(:disabled):not(.disabled).active,
7595
.show > .conversejs .btn-outline-success.dropdown-toggle {
7596
  color: #fff;
7597
  background-color: #28a745;
7598
  border-color: #28a745;
7599
}
7600
 
7601
.conversejs .btn-outline-success:not(:disabled):not(.disabled):active:focus,
7602
.conversejs .btn-outline-success:not(:disabled):not(.disabled).active:focus,
7603
.show > .conversejs .btn-outline-success.dropdown-toggle:focus {
7604
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
7605
}
7606
 
7607
.conversejs .btn-outline-info {
7608
  color: #17a2b8;
7609
  border-color: #17a2b8;
7610
}
7611
 
7612
.conversejs .btn-outline-info:hover {
7613
  color: #fff;
7614
  background-color: #17a2b8;
7615
  border-color: #17a2b8;
7616
}
7617
 
7618
.conversejs .btn-outline-info:focus,
7619
.conversejs .btn-outline-info.focus {
7620
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
7621
}
7622
 
7623
.conversejs .btn-outline-info.disabled,
7624
.conversejs .btn-outline-info:disabled {
7625
  color: #17a2b8;
7626
  background-color: rgba(0, 0, 0, 0);
7627
}
7628
 
7629
.conversejs .btn-outline-info:not(:disabled):not(.disabled):active,
7630
.conversejs .btn-outline-info:not(:disabled):not(.disabled).active,
7631
.show > .conversejs .btn-outline-info.dropdown-toggle {
7632
  color: #fff;
7633
  background-color: #17a2b8;
7634
  border-color: #17a2b8;
7635
}
7636
 
7637
.conversejs .btn-outline-info:not(:disabled):not(.disabled):active:focus,
7638
.conversejs .btn-outline-info:not(:disabled):not(.disabled).active:focus,
7639
.show > .conversejs .btn-outline-info.dropdown-toggle:focus {
7640
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
7641
}
7642
 
7643
.conversejs .btn-outline-warning {
7644
  color: #ffc107;
7645
  border-color: #ffc107;
7646
}
7647
 
7648
.conversejs .btn-outline-warning:hover {
7649
  color: #212529;
7650
  background-color: #ffc107;
7651
  border-color: #ffc107;
7652
}
7653
 
7654
.conversejs .btn-outline-warning:focus,
7655
.conversejs .btn-outline-warning.focus {
7656
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
7657
}
7658
 
7659
.conversejs .btn-outline-warning.disabled,
7660
.conversejs .btn-outline-warning:disabled {
7661
  color: #ffc107;
7662
  background-color: rgba(0, 0, 0, 0);
7663
}
7664
 
7665
.conversejs .btn-outline-warning:not(:disabled):not(.disabled):active,
7666
.conversejs .btn-outline-warning:not(:disabled):not(.disabled).active,
7667
.show > .conversejs .btn-outline-warning.dropdown-toggle {
7668
  color: #212529;
7669
  background-color: #ffc107;
7670
  border-color: #ffc107;
7671
}
7672
 
7673
.conversejs .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
7674
.conversejs .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
7675
.show > .conversejs .btn-outline-warning.dropdown-toggle:focus {
7676
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
7677
}
7678
 
7679
.conversejs .btn-outline-danger {
7680
  color: #dc3545;
7681
  border-color: #dc3545;
7682
}
7683
 
7684
.conversejs .btn-outline-danger:hover {
7685
  color: #fff;
7686
  background-color: #dc3545;
7687
  border-color: #dc3545;
7688
}
7689
 
7690
.conversejs .btn-outline-danger:focus,
7691
.conversejs .btn-outline-danger.focus {
7692
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
7693
}
7694
 
7695
.conversejs .btn-outline-danger.disabled,
7696
.conversejs .btn-outline-danger:disabled {
7697
  color: #dc3545;
7698
  background-color: rgba(0, 0, 0, 0);
7699
}
7700
 
7701
.conversejs .btn-outline-danger:not(:disabled):not(.disabled):active,
7702
.conversejs .btn-outline-danger:not(:disabled):not(.disabled).active,
7703
.show > .conversejs .btn-outline-danger.dropdown-toggle {
7704
  color: #fff;
7705
  background-color: #dc3545;
7706
  border-color: #dc3545;
7707
}
7708
 
7709
.conversejs .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
7710
.conversejs .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
7711
.show > .conversejs .btn-outline-danger.dropdown-toggle:focus {
7712
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
7713
}
7714
 
7715
.conversejs .btn-outline-light {
7716
  color: #f8f9fa;
7717
  border-color: #f8f9fa;
7718
}
7719
 
7720
.conversejs .btn-outline-light:hover {
7721
  color: #212529;
7722
  background-color: #f8f9fa;
7723
  border-color: #f8f9fa;
7724
}
7725
 
7726
.conversejs .btn-outline-light:focus,
7727
.conversejs .btn-outline-light.focus {
7728
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
7729
}
7730
 
7731
.conversejs .btn-outline-light.disabled,
7732
.conversejs .btn-outline-light:disabled {
7733
  color: #f8f9fa;
7734
  background-color: rgba(0, 0, 0, 0);
7735
}
7736
 
7737
.conversejs .btn-outline-light:not(:disabled):not(.disabled):active,
7738
.conversejs .btn-outline-light:not(:disabled):not(.disabled).active,
7739
.show > .conversejs .btn-outline-light.dropdown-toggle {
7740
  color: #212529;
7741
  background-color: #f8f9fa;
7742
  border-color: #f8f9fa;
7743
}
7744
 
7745
.conversejs .btn-outline-light:not(:disabled):not(.disabled):active:focus,
7746
.conversejs .btn-outline-light:not(:disabled):not(.disabled).active:focus,
7747
.show > .conversejs .btn-outline-light.dropdown-toggle:focus {
7748
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
7749
}
7750
 
7751
.conversejs .btn-outline-dark {
7752
  color: #343a40;
7753
  border-color: #343a40;
7754
}
7755
 
7756
.conversejs .btn-outline-dark:hover {
7757
  color: #fff;
7758
  background-color: #343a40;
7759
  border-color: #343a40;
7760
}
7761
 
7762
.conversejs .btn-outline-dark:focus,
7763
.conversejs .btn-outline-dark.focus {
7764
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
7765
}
7766
 
7767
.conversejs .btn-outline-dark.disabled,
7768
.conversejs .btn-outline-dark:disabled {
7769
  color: #343a40;
7770
  background-color: rgba(0, 0, 0, 0);
7771
}
7772
 
7773
.conversejs .btn-outline-dark:not(:disabled):not(.disabled):active,
7774
.conversejs .btn-outline-dark:not(:disabled):not(.disabled).active,
7775
.show > .conversejs .btn-outline-dark.dropdown-toggle {
7776
  color: #fff;
7777
  background-color: #343a40;
7778
  border-color: #343a40;
7779
}
7780
 
7781
.conversejs .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
7782
.conversejs .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
7783
.show > .conversejs .btn-outline-dark.dropdown-toggle:focus {
7784
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
7785
}
7786
 
7787
.conversejs .btn-link {
7788
  font-weight: 400;
7789
  color: #007bff;
7790
  text-decoration: none;
7791
}
7792
 
7793
.conversejs .btn-link:hover {
7794
  color: #0056b3;
7795
  text-decoration: underline;
7796
}
7797
 
7798
.conversejs .btn-link:focus,
7799
.conversejs .btn-link.focus {
7800
  text-decoration: underline;
7801
}
7802
 
7803
.conversejs .btn-link:disabled,
7804
.conversejs .btn-link.disabled {
7805
  color: #6c757d;
7806
  pointer-events: none;
7807
}
7808
 
7809
.conversejs .btn-lg,
7810
.conversejs .btn-group-lg > .btn {
7811
  padding: 0.5rem 1rem;
7812
  font-size: 1.25rem;
7813
  line-height: 1.5;
7814
  border-radius: 0.3rem;
7815
}
7816
 
7817
.conversejs .btn-sm,
7818
.conversejs .btn-group-sm > .btn {
7819
  padding: 0.25rem 0.5rem;
7820
  font-size: 0.875rem;
7821
  line-height: 1.5;
7822
  border-radius: 0.2rem;
7823
}
7824
 
7825
.conversejs .btn-block {
7826
  display: block;
7827
  width: 100%;
7828
}
7829
 
7830
.conversejs .btn-block + .btn-block {
7831
  margin-top: 0.5rem;
7832
}
7833
 
7834
.conversejs input[type='submit'].btn-block,
7835
.conversejs input[type='reset'].btn-block,
7836
.conversejs input[type='button'].btn-block {
7837
  width: 100%;
7838
}
7839
 
7840
.conversejs .btn-group,
7841
.conversejs .btn-group-vertical {
7842
  position: relative;
7843
  display: inline-flex;
7844
  vertical-align: middle;
7845
}
7846
 
7847
.conversejs .btn-group > .btn,
7848
.conversejs .btn-group-vertical > .btn {
7849
  position: relative;
7850
  flex: 1 1 auto;
7851
}
7852
 
7853
.conversejs .btn-group > .btn:hover,
7854
.conversejs .btn-group-vertical > .btn:hover {
7855
  z-index: 1;
7856
}
7857
 
7858
.conversejs .btn-group > .btn:focus,
7859
.conversejs .btn-group > .btn:active,
7860
.conversejs .btn-group > .btn.active,
7861
.conversejs .btn-group-vertical > .btn:focus,
7862
.conversejs .btn-group-vertical > .btn:active,
7863
.conversejs .btn-group-vertical > .btn.active {
7864
  z-index: 1;
7865
}
7866
 
7867
.conversejs .btn-toolbar {
7868
  display: flex;
7869
  flex-wrap: wrap;
7870
  justify-content: flex-start;
7871
}
7872
 
7873
.conversejs .btn-toolbar .input-group {
7874
  width: auto;
7875
}
7876
 
7877
.conversejs .btn-group > .btn:not(:first-child),
7878
.conversejs .btn-group > .btn-group:not(:first-child) {
7879
  margin-left: -1px;
7880
}
7881
 
7882
.conversejs .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
7883
.conversejs .btn-group > .btn-group:not(:last-child) > .btn {
7884
  border-top-right-radius: 0;
7885
  border-bottom-right-radius: 0;
7886
}
7887
 
7888
.conversejs .btn-group > .btn:not(:first-child),
7889
.conversejs .btn-group > .btn-group:not(:first-child) > .btn {
7890
  border-top-left-radius: 0;
7891
  border-bottom-left-radius: 0;
7892
}
7893
 
7894
.conversejs .dropdown-toggle-split {
7895
  padding-right: 0.5625rem;
7896
  padding-left: 0.5625rem;
7897
}
7898
 
7899
.conversejs .dropdown-toggle-split::after,
7900
.dropup .conversejs .dropdown-toggle-split::after,
7901
.dropright .conversejs .dropdown-toggle-split::after {
7902
  margin-left: 0;
7903
}
7904
 
7905
.dropleft .conversejs .dropdown-toggle-split::before {
7906
  margin-right: 0;
7907
}
7908
 
7909
.conversejs .btn-sm + .dropdown-toggle-split,
7910
.conversejs .btn-group-sm > .btn + .dropdown-toggle-split {
7911
  padding-right: 0.375rem;
7912
  padding-left: 0.375rem;
7913
}
7914
 
7915
.conversejs .btn-lg + .dropdown-toggle-split,
7916
.conversejs .btn-group-lg > .btn + .dropdown-toggle-split {
7917
  padding-right: 0.75rem;
7918
  padding-left: 0.75rem;
7919
}
7920
 
7921
.conversejs .btn-group-vertical {
7922
  flex-direction: column;
7923
  align-items: flex-start;
7924
  justify-content: center;
7925
}
7926
 
7927
.conversejs .btn-group-vertical > .btn,
7928
.conversejs .btn-group-vertical > .btn-group {
7929
  width: 100%;
7930
}
7931
 
7932
.conversejs .btn-group-vertical > .btn:not(:first-child),
7933
.conversejs .btn-group-vertical > .btn-group:not(:first-child) {
7934
  margin-top: -1px;
7935
}
7936
 
7937
.conversejs .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
7938
.conversejs .btn-group-vertical > .btn-group:not(:last-child) > .btn {
7939
  border-bottom-right-radius: 0;
7940
  border-bottom-left-radius: 0;
7941
}
7942
 
7943
.conversejs .btn-group-vertical > .btn:not(:first-child),
7944
.conversejs .btn-group-vertical > .btn-group:not(:first-child) > .btn {
7945
  border-top-left-radius: 0;
7946
  border-top-right-radius: 0;
7947
}
7948
 
7949
.conversejs .btn-group-toggle > .btn,
7950
.conversejs .btn-group-toggle > .btn-group > .btn {
7951
  margin-bottom: 0;
7952
}
7953
 
7954
.conversejs .btn-group-toggle > .btn input[type='radio'],
7955
.conversejs .btn-group-toggle > .btn input[type='checkbox'],
7956
.conversejs .btn-group-toggle > .btn-group > .btn input[type='radio'],
7957
.conversejs .btn-group-toggle > .btn-group > .btn input[type='checkbox'] {
7958
  position: absolute;
7959
  clip: rect(0, 0, 0, 0);
7960
  pointer-events: none;
7961
}
7962
 
7963
.conversejs .btn {
7964
  font-weight: normal;
7965
  color: var(--button-text-color);
7966
}
7967
 
7968
.conversejs .btn:hover {
7969
  color: var(--button-hover-text-color);
7970
}
7971
 
7972
.conversejs .btn.fa {
7973
  color: var(--button-text-color) !important;
7974
}
7975
 
7976
.conversejs .btn i.fa,
7977
.conversejs .btn i.far,
7978
.conversejs .btn i.fas {
7979
  color: var(--button-text-color);
7980
  margin-right: 0.5em;
7981
}
7982
 
7983
.conversejs .btn i.fa.only-icon,
7984
.conversejs .btn i.far.only-icon,
7985
.conversejs .btn i.fas.only-icon {
7986
  margin-right: 0;
7987
}
7988
 
7989
.conversejs .btn converse-icon {
7990
  display: inline-block;
7991
  margin-right: 0;
7992
}
7993
 
7994
.conversejs .btn-primary {
7995
  background-color: var(--primary-color) !important;
7996
  border-color: rgba(0, 0, 0, 0) !important;
7997
}
7998
 
7999
.conversejs .btn-primary:focus,
8000
.conversejs .btn-primary:hover,
8001
.conversejs .btn-primary:active {
8002
  color: var(--button-text-color);
8003
  background-color: var(--primary-color-dark) !important;
8004
  border-color: rgba(0, 0, 0, 0) !important;
8005
}
8006
 
8007
.conversejs .btn--transparent {
8008
  background: rgba(0, 0, 0, 0);
8009
  border: none;
8010
}
8011
 
8012
.conversejs .btn-circle {
8013
  width: 30px;
8014
  height: 30px;
8015
  text-align: center;
8016
  padding: 0.5em 0;
8017
  font-size: var(--font-size-small);
8018
  line-height: 1.428571429;
8019
  border-radius: 50%;
8020
}
8021
 
8022
.conversejs .btn-info,
8023
.conversejs .badge-info {
8024
  background-color: var(--primary-color);
8025
  border-color: var(--primary-color);
8026
}
8027
 
8028
.conversejs .btn-info:hover,
8029
.conversejs .badge-info:hover {
8030
  background-color: var(--primary-color-dark);
8031
  border-color: var(--primary-color-dark);
8032
}
8033
 
8034
.conversejs .button-cancel,
8035
.conversejs .btn-secondary,
8036
.conversejs .badge-secondary {
8037
  color: var(--button-text-color);
8038
  background-color: var(--secondary-color);
8039
  border-color: var(--secondary-color);
8040
}
8041
 
8042
.conversejs .button-cancel:hover,
8043
.conversejs .btn-secondary:hover,
8044
.conversejs .badge-secondary:hover {
8045
  background-color: var(--secondary-color-dark);
8046
  border-color: var(--secondary-color-dark);
8047
}
8048
 
8049
.conversejs .btn-warning {
8050
  color: var(--button-text-color);
8051
  background-color: var(--warning-color);
8052
  border-color: var(--warning-color);
8053
}
8054
 
8055
.conversejs .btn-warning:hover {
8056
  color: var(--button-text-color);
8057
  background-color: var(--warning-color-dark);
8058
  border-color: var(--warning-color-dark);
8059
}
8060
 
8061
.conversejs .btn-danger {
8062
  color: var(--button-text-color);
8063
  background-color: var(--danger-color);
8064
  border-color: var(--danger-color) !important;
8065
}
8066
 
8067
.conversejs .btn-danger:hover {
8068
  background-color: var(--danger-color-dark);
8069
  border-color: var(--danger-color-dark);
8070
}
8071
 
8072
.conversejs .badge {
8073
  display: inline-block;
8074
  padding: 0.25em 0.4em;
8075
  font-size: 75%;
8076
  font-weight: 700;
8077
  line-height: 1;
8078
  text-align: center;
8079
  white-space: nowrap;
8080
  vertical-align: baseline;
8081
  border-radius: 0.25rem;
8082
  transition:
8083
    color 0.15s ease-in-out,
8084
    background-color 0.15s ease-in-out,
8085
    border-color 0.15s ease-in-out,
8086
    box-shadow 0.15s ease-in-out;
8087
}
8088
 
8089
@media (prefers-reduced-motion: reduce) {
8090
  .conversejs .badge {
8091
    transition: none;
8092
  }
8093
}
8094
 
8095
a.conversejs .badge:hover,
8096
a.conversejs .badge:focus {
8097
  text-decoration: none;
8098
}
8099
 
8100
.conversejs .badge:empty {
8101
  display: none;
8102
}
8103
 
8104
.conversejs .btn .badge {
8105
  position: relative;
8106
  top: -1px;
8107
}
8108
 
8109
.conversejs .badge-pill {
8110
  padding-right: 0.6em;
8111
  padding-left: 0.6em;
8112
  border-radius: 10rem;
8113
}
8114
 
8115
.conversejs .badge-primary {
8116
  color: #fff;
8117
  background-color: #007bff;
8118
}
8119
 
8120
a.conversejs .badge-primary:hover,
8121
a.conversejs .badge-primary:focus {
8122
  color: #fff;
8123
  background-color: #0062cc;
8124
}
8125
 
8126
a.conversejs .badge-primary:focus,
8127
a.conversejs .badge-primary.focus {
8128
  outline: 0;
8129
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
8130
}
8131
 
8132
.conversejs .badge-secondary {
8133
  color: #fff;
8134
  background-color: #6c757d;
8135
}
8136
 
8137
a.conversejs .badge-secondary:hover,
8138
a.conversejs .badge-secondary:focus {
8139
  color: #fff;
8140
  background-color: #545b62;
8141
}
8142
 
8143
a.conversejs .badge-secondary:focus,
8144
a.conversejs .badge-secondary.focus {
8145
  outline: 0;
8146
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
8147
}
8148
 
8149
.conversejs .badge-success {
8150
  color: #fff;
8151
  background-color: #28a745;
8152
}
8153
 
8154
a.conversejs .badge-success:hover,
8155
a.conversejs .badge-success:focus {
8156
  color: #fff;
8157
  background-color: #1e7e34;
8158
}
8159
 
8160
a.conversejs .badge-success:focus,
8161
a.conversejs .badge-success.focus {
8162
  outline: 0;
8163
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
8164
}
8165
 
8166
.conversejs .badge-info {
8167
  color: #fff;
8168
  background-color: #17a2b8;
8169
}
8170
 
8171
a.conversejs .badge-info:hover,
8172
a.conversejs .badge-info:focus {
8173
  color: #fff;
8174
  background-color: #117a8b;
8175
}
8176
 
8177
a.conversejs .badge-info:focus,
8178
a.conversejs .badge-info.focus {
8179
  outline: 0;
8180
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
8181
}
8182
 
8183
.conversejs .badge-warning {
8184
  color: #212529;
8185
  background-color: #ffc107;
8186
}
8187
 
8188
a.conversejs .badge-warning:hover,
8189
a.conversejs .badge-warning:focus {
8190
  color: #212529;
8191
  background-color: #d39e00;
8192
}
8193
 
8194
a.conversejs .badge-warning:focus,
8195
a.conversejs .badge-warning.focus {
8196
  outline: 0;
8197
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
8198
}
8199
 
8200
.conversejs .badge-danger {
8201
  color: #fff;
8202
  background-color: #dc3545;
8203
}
8204
 
8205
a.conversejs .badge-danger:hover,
8206
a.conversejs .badge-danger:focus {
8207
  color: #fff;
8208
  background-color: #bd2130;
8209
}
8210
 
8211
a.conversejs .badge-danger:focus,
8212
a.conversejs .badge-danger.focus {
8213
  outline: 0;
8214
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
8215
}
8216
 
8217
.conversejs .badge-light {
8218
  color: #212529;
8219
  background-color: #f8f9fa;
8220
}
8221
 
8222
a.conversejs .badge-light:hover,
8223
a.conversejs .badge-light:focus {
8224
  color: #212529;
8225
  background-color: #dae0e5;
8226
}
8227
 
8228
a.conversejs .badge-light:focus,
8229
a.conversejs .badge-light.focus {
8230
  outline: 0;
8231
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
8232
}
8233
 
8234
.conversejs .badge-dark {
8235
  color: #fff;
8236
  background-color: #343a40;
8237
}
8238
 
8239
a.conversejs .badge-dark:hover,
8240
a.conversejs .badge-dark:focus {
8241
  color: #fff;
8242
  background-color: #1d2124;
8243
}
8244
 
8245
a.conversejs .badge-dark:focus,
8246
a.conversejs .badge-dark.focus {
8247
  outline: 0;
8248
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
8249
}
8250
 
8251
.conversejs .badge {
8252
  color: var(--badge-color);
8253
  font-size: 90%;
8254
  font-weight: normal;
8255
  line-height: 1;
8256
  text-shadow: none;
8257
}
8258
 
8259
.conversejs .badge-light {
8260
  color: var(--text-color);
8261
}
8262
 
8263
.conversejs .badge-primary {
8264
  background-color: var(--primary-color);
8265
  border-color: rgba(0, 0, 0, 0);
8266
}
8267
 
8268
.conversejs .badge-primary:focus,
8269
.conversejs .badge-primary:hover,
8270
.conversejs .badge-primary:active {
8271
  background-color: var(--primary-color-dark) !important;
8272
  border-color: rgba(0, 0, 0, 0) !important;
8273
}
8274
 
8275
.conversejs .badge-info {
8276
  background-color: var(--primary-color);
8277
  border-color: var(--primary-color);
8278
}
8279
 
8280
.conversejs .badge-info:hover {
8281
  background-color: var(--primary-color-dark);
8282
  border-color: var(--primary-color-dark);
8283
}
8284
 
8285
.conversejs .badge-secondary {
8286
  background-color: var(--secondary-color);
8287
  border-color: var(--secondary-color);
8288
}
8289
 
8290
.conversejs .badge-secondary:hover {
8291
  background-color: var(--secondary-color-dark);
8292
  border-color: var(--secondary-color-dark);
8293
}
8294
 
8295
.conversejs .form-control {
8296
  display: block;
8297
  width: 100%;
8298
  height: calc(1.5em + 0.75rem + 2px);
8299
  padding: 0.375rem 0.75rem;
8300
  font-size: 1rem;
8301
  font-weight: 400;
8302
  line-height: 1.5;
8303
  color: #495057;
8304
  background-color: #fff;
8305
  background-clip: padding-box;
8306
  border: 1px solid #ced4da;
8307
  border-radius: 0.25rem;
8308
  transition:
8309
    border-color 0.15s ease-in-out,
8310
    box-shadow 0.15s ease-in-out;
8311
}
8312
 
8313
@media (prefers-reduced-motion: reduce) {
8314
  .conversejs .form-control {
8315
    transition: none;
8316
  }
8317
}
8318
 
8319
.conversejs .form-control::-ms-expand {
8320
  background-color: rgba(0, 0, 0, 0);
8321
  border: 0;
8322
}
8323
 
8324
.conversejs .form-control:focus {
8325
  color: #495057;
8326
  background-color: #fff;
8327
  border-color: #80bdff;
8328
  outline: 0;
8329
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
8330
}
8331
 
8332
.conversejs .form-control::-moz-placeholder {
8333
  color: #6c757d;
8334
  opacity: 1;
8335
}
8336
 
8337
.conversejs .form-control::placeholder {
8338
  color: #6c757d;
8339
  opacity: 1;
8340
}
8341
 
8342
.conversejs .form-control:disabled,
8343
.conversejs .form-control[readonly] {
8344
  background-color: #e9ecef;
8345
  opacity: 1;
8346
}
8347
 
8348
.conversejs input[type='date'].form-control,
8349
.conversejs input[type='time'].form-control,
8350
.conversejs input[type='datetime-local'].form-control,
8351
.conversejs input[type='month'].form-control {
8352
  -webkit-appearance: none;
8353
  -moz-appearance: none;
8354
  appearance: none;
8355
}
8356
 
8357
.conversejs select.form-control:-moz-focusring {
8358
  color: rgba(0, 0, 0, 0);
8359
  text-shadow: 0 0 0 #495057;
8360
}
8361
 
8362
.conversejs select.form-control:focus::-ms-value {
8363
  color: #495057;
8364
  background-color: #fff;
8365
}
8366
 
8367
.conversejs .form-control-file,
8368
.conversejs .form-control-range {
8369
  display: block;
8370
  width: 100%;
8371
}
8372
 
8373
.conversejs .col-form-label {
8374
  padding-top: calc(0.375rem + 1px);
8375
  padding-bottom: calc(0.375rem + 1px);
8376
  margin-bottom: 0;
8377
  font-size: inherit;
8378
  line-height: 1.5;
8379
}
8380
 
8381
.conversejs .col-form-label-lg {
8382
  padding-top: calc(0.5rem + 1px);
8383
  padding-bottom: calc(0.5rem + 1px);
8384
  font-size: 1.25rem;
8385
  line-height: 1.5;
8386
}
8387
 
8388
.conversejs .col-form-label-sm {
8389
  padding-top: calc(0.25rem + 1px);
8390
  padding-bottom: calc(0.25rem + 1px);
8391
  font-size: 0.875rem;
8392
  line-height: 1.5;
8393
}
8394
 
8395
.conversejs .form-control-plaintext {
8396
  display: block;
8397
  width: 100%;
8398
  padding: 0.375rem 0;
8399
  margin-bottom: 0;
8400
  font-size: 1rem;
8401
  line-height: 1.5;
8402
  color: #212529;
8403
  background-color: rgba(0, 0, 0, 0);
8404
  border: solid rgba(0, 0, 0, 0);
8405
  border-width: 1px 0;
8406
}
8407
 
8408
.conversejs .form-control-plaintext.form-control-sm,
8409
.conversejs .form-control-plaintext.form-control-lg {
8410
  padding-right: 0;
8411
  padding-left: 0;
8412
}
8413
 
8414
.conversejs .form-control-sm {
8415
  height: calc(1.5em + 0.5rem + 2px);
8416
  padding: 0.25rem 0.5rem;
8417
  font-size: 0.875rem;
8418
  line-height: 1.5;
8419
  border-radius: 0.2rem;
8420
}
8421
 
8422
.conversejs .form-control-lg {
8423
  height: calc(1.5em + 1rem + 2px);
8424
  padding: 0.5rem 1rem;
8425
  font-size: 1.25rem;
8426
  line-height: 1.5;
8427
  border-radius: 0.3rem;
8428
}
8429
 
8430
.conversejs select.form-control[size],
8431
.conversejs select.form-control[multiple] {
8432
  height: auto;
8433
}
8434
 
8435
.conversejs textarea.form-control {
8436
  height: auto;
8437
}
8438
 
8439
.conversejs .form-group {
8440
  margin-bottom: 1rem;
8441
}
8442
 
8443
.conversejs .form-text {
8444
  display: block;
8445
  margin-top: 0.25rem;
8446
}
8447
 
8448
.conversejs .form-row {
8449
  display: flex;
8450
  flex-wrap: wrap;
8451
  margin-right: -5px;
8452
  margin-left: -5px;
8453
}
8454
 
8455
.conversejs .form-row > .col,
8456
.conversejs .form-row > [class*='col-'] {
8457
  padding-right: 5px;
8458
  padding-left: 5px;
8459
}
8460
 
8461
.conversejs .form-check {
8462
  position: relative;
8463
  display: block;
8464
  padding-left: 1.25rem;
8465
}
8466
 
8467
.conversejs .form-check-input {
8468
  position: absolute;
8469
  margin-top: 0.3rem;
8470
  margin-left: -1.25rem;
8471
}
8472
 
8473
.conversejs .form-check-input[disabled] ~ .form-check-label,
8474
.conversejs .form-check-input:disabled ~ .form-check-label {
8475
  color: #6c757d;
8476
}
8477
 
8478
.conversejs .form-check-label {
8479
  margin-bottom: 0;
8480
}
8481
 
8482
.conversejs .form-check-inline {
8483
  display: inline-flex;
8484
  align-items: center;
8485
  padding-left: 0;
8486
  margin-right: 0.75rem;
8487
}
8488
 
8489
.conversejs .form-check-inline .form-check-input {
8490
  position: static;
8491
  margin-top: 0;
8492
  margin-right: 0.3125rem;
8493
  margin-left: 0;
8494
}
8495
 
8496
.conversejs .valid-feedback {
8497
  display: none;
8498
  width: 100%;
8499
  margin-top: 0.25rem;
8500
  font-size: 0.875em;
8501
  color: #28a745;
8502
}
8503
 
8504
.conversejs .valid-tooltip {
8505
  position: absolute;
8506
  top: 100%;
8507
  left: 0;
8508
  z-index: 5;
8509
  display: none;
8510
  max-width: 100%;
8511
  padding: 0.25rem 0.5rem;
8512
  margin-top: 0.1rem;
8513
  font-size: 0.875rem;
8514
  line-height: 1.5;
8515
  color: #fff;
8516
  background-color: rgba(40, 167, 69, 0.9);
8517
  border-radius: 0.25rem;
8518
}
8519
 
8520
.form-row > .col > .conversejs .valid-tooltip,
8521
.form-row > [class*='col-'] > .conversejs .valid-tooltip {
8522
  left: 5px;
8523
}
8524
 
8525
.was-validated .conversejs:valid ~ .valid-feedback,
8526
.was-validated .conversejs:valid ~ .valid-tooltip,
8527
.conversejs.is-valid ~ .valid-feedback,
8528
.conversejs.is-valid ~ .valid-tooltip {
8529
  display: block;
8530
}
8531
 
8532
.was-validated .conversejs .form-control:valid,
8533
.conversejs .form-control.is-valid {
8534
  border-color: #28a745;
8535
  padding-right: calc(1.5em + 0.75rem) !important;
8536
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
8537
  background-repeat: no-repeat;
8538
  background-position: right calc(0.375em + 0.1875rem) center;
8539
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
8540
}
8541
 
8542
.was-validated .conversejs .form-control:valid:focus,
8543
.conversejs .form-control.is-valid:focus {
8544
  border-color: #28a745;
8545
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
8546
}
8547
 
8548
.was-validated .conversejs select.form-control:valid,
8549
.conversejs select.form-control.is-valid {
8550
  padding-right: 3rem !important;
8551
  background-position: right 1.5rem center;
8552
}
8553
 
8554
.was-validated .conversejs textarea.form-control:valid,
8555
.conversejs textarea.form-control.is-valid {
8556
  padding-right: calc(1.5em + 0.75rem);
8557
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
8558
}
8559
 
8560
.was-validated .conversejs .custom-select:valid,
8561
.conversejs .custom-select.is-valid {
8562
  border-color: #28a745;
8563
  padding-right: calc(0.75em + 2.3125rem) !important;
8564
  background:
8565
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
8566
      right 0.75rem center/8px 10px no-repeat,
8567
    #fff
8568
      url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")
8569
      center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
8570
}
8571
 
8572
.was-validated .conversejs .custom-select:valid:focus,
8573
.conversejs .custom-select.is-valid:focus {
8574
  border-color: #28a745;
8575
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
8576
}
8577
 
8578
.was-validated .conversejs .form-check-input:valid ~ .form-check-label,
8579
.conversejs .form-check-input.is-valid ~ .form-check-label {
8580
  color: #28a745;
8581
}
8582
 
8583
.was-validated .conversejs .form-check-input:valid ~ .valid-feedback,
8584
.was-validated .conversejs .form-check-input:valid ~ .valid-tooltip,
8585
.conversejs .form-check-input.is-valid ~ .valid-feedback,
8586
.conversejs .form-check-input.is-valid ~ .valid-tooltip {
8587
  display: block;
8588
}
8589
 
8590
.was-validated .conversejs .custom-control-input:valid ~ .custom-control-label,
8591
.conversejs .custom-control-input.is-valid ~ .custom-control-label {
8592
  color: #28a745;
8593
}
8594
 
8595
.was-validated .conversejs .custom-control-input:valid ~ .custom-control-label::before,
8596
.conversejs .custom-control-input.is-valid ~ .custom-control-label::before {
8597
  border-color: #28a745;
8598
}
8599
 
8600
.was-validated .conversejs .custom-control-input:valid:checked ~ .custom-control-label::before,
8601
.conversejs .custom-control-input.is-valid:checked ~ .custom-control-label::before {
8602
  border-color: #34ce57;
8603
  background-color: #34ce57;
8604
}
8605
 
8606
.was-validated .conversejs .custom-control-input:valid:focus ~ .custom-control-label::before,
8607
.conversejs .custom-control-input.is-valid:focus ~ .custom-control-label::before {
8608
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
8609
}
8610
 
8611
.was-validated
8612
  .conversejs
8613
  .custom-control-input:valid:focus:not(:checked)
8614
  ~ .custom-control-label::before,
8615
.conversejs .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
8616
  border-color: #28a745;
8617
}
8618
 
8619
.was-validated .conversejs .custom-file-input:valid ~ .custom-file-label,
8620
.conversejs .custom-file-input.is-valid ~ .custom-file-label {
8621
  border-color: #28a745;
8622
}
8623
 
8624
.was-validated .conversejs .custom-file-input:valid:focus ~ .custom-file-label,
8625
.conversejs .custom-file-input.is-valid:focus ~ .custom-file-label {
8626
  border-color: #28a745;
8627
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
8628
}
8629
 
8630
.conversejs .invalid-feedback {
8631
  display: none;
8632
  width: 100%;
8633
  margin-top: 0.25rem;
8634
  font-size: 0.875em;
8635
  color: #dc3545;
8636
}
8637
 
8638
.conversejs .invalid-tooltip {
8639
  position: absolute;
8640
  top: 100%;
8641
  left: 0;
8642
  z-index: 5;
8643
  display: none;
8644
  max-width: 100%;
8645
  padding: 0.25rem 0.5rem;
8646
  margin-top: 0.1rem;
8647
  font-size: 0.875rem;
8648
  line-height: 1.5;
8649
  color: #fff;
8650
  background-color: rgba(220, 53, 69, 0.9);
8651
  border-radius: 0.25rem;
8652
}
8653
 
8654
.form-row > .col > .conversejs .invalid-tooltip,
8655
.form-row > [class*='col-'] > .conversejs .invalid-tooltip {
8656
  left: 5px;
8657
}
8658
 
8659
.was-validated .conversejs:invalid ~ .invalid-feedback,
8660
.was-validated .conversejs:invalid ~ .invalid-tooltip,
8661
.conversejs.is-invalid ~ .invalid-feedback,
8662
.conversejs.is-invalid ~ .invalid-tooltip {
8663
  display: block;
8664
}
8665
 
8666
.was-validated .conversejs .form-control:invalid,
8667
.conversejs .form-control.is-invalid {
8668
  border-color: #dc3545;
8669
  padding-right: calc(1.5em + 0.75rem) !important;
8670
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
8671
  background-repeat: no-repeat;
8672
  background-position: right calc(0.375em + 0.1875rem) center;
8673
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
8674
}
8675
 
8676
.was-validated .conversejs .form-control:invalid:focus,
8677
.conversejs .form-control.is-invalid:focus {
8678
  border-color: #dc3545;
8679
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
8680
}
8681
 
8682
.was-validated .conversejs select.form-control:invalid,
8683
.conversejs select.form-control.is-invalid {
8684
  padding-right: 3rem !important;
8685
  background-position: right 1.5rem center;
8686
}
8687
 
8688
.was-validated .conversejs textarea.form-control:invalid,
8689
.conversejs textarea.form-control.is-invalid {
8690
  padding-right: calc(1.5em + 0.75rem);
8691
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
8692
}
8693
 
8694
.was-validated .conversejs .custom-select:invalid,
8695
.conversejs .custom-select.is-invalid {
8696
  border-color: #dc3545;
8697
  padding-right: calc(0.75em + 2.3125rem) !important;
8698
  background:
8699
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
8700
      right 0.75rem center/8px 10px no-repeat,
8701
    #fff
8702
      url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e")
8703
      center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
8704
}
8705
 
8706
.was-validated .conversejs .custom-select:invalid:focus,
8707
.conversejs .custom-select.is-invalid:focus {
8708
  border-color: #dc3545;
8709
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
8710
}
8711
 
8712
.was-validated .conversejs .form-check-input:invalid ~ .form-check-label,
8713
.conversejs .form-check-input.is-invalid ~ .form-check-label {
8714
  color: #dc3545;
8715
}
8716
 
8717
.was-validated .conversejs .form-check-input:invalid ~ .invalid-feedback,
8718
.was-validated .conversejs .form-check-input:invalid ~ .invalid-tooltip,
8719
.conversejs .form-check-input.is-invalid ~ .invalid-feedback,
8720
.conversejs .form-check-input.is-invalid ~ .invalid-tooltip {
8721
  display: block;
8722
}
8723
 
8724
.was-validated .conversejs .custom-control-input:invalid ~ .custom-control-label,
8725
.conversejs .custom-control-input.is-invalid ~ .custom-control-label {
8726
  color: #dc3545;
8727
}
8728
 
8729
.was-validated .conversejs .custom-control-input:invalid ~ .custom-control-label::before,
8730
.conversejs .custom-control-input.is-invalid ~ .custom-control-label::before {
8731
  border-color: #dc3545;
8732
}
8733
 
8734
.was-validated .conversejs .custom-control-input:invalid:checked ~ .custom-control-label::before,
8735
.conversejs .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
8736
  border-color: #e4606d;
8737
  background-color: #e4606d;
8738
}
8739
 
8740
.was-validated .conversejs .custom-control-input:invalid:focus ~ .custom-control-label::before,
8741
.conversejs .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
8742
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
8743
}
8744
 
8745
.was-validated
8746
  .conversejs
8747
  .custom-control-input:invalid:focus:not(:checked)
8748
  ~ .custom-control-label::before,
8749
.conversejs .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
8750
  border-color: #dc3545;
8751
}
8752
 
8753
.was-validated .conversejs .custom-file-input:invalid ~ .custom-file-label,
8754
.conversejs .custom-file-input.is-invalid ~ .custom-file-label {
8755
  border-color: #dc3545;
8756
}
8757
 
8758
.was-validated .conversejs .custom-file-input:invalid:focus ~ .custom-file-label,
8759
.conversejs .custom-file-input.is-invalid:focus ~ .custom-file-label {
8760
  border-color: #dc3545;
8761
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
8762
}
8763
 
8764
.conversejs .form-inline {
8765
  display: flex;
8766
  flex-flow: row wrap;
8767
  align-items: center;
8768
}
8769
 
8770
.conversejs .form-inline .form-check {
8771
  width: 100%;
8772
}
8773
 
8774
@media (min-width: 576px) {
8775
  .conversejs .form-inline label {
8776
    display: flex;
8777
    align-items: center;
8778
    justify-content: center;
8779
    margin-bottom: 0;
8780
  }
8781
 
8782
  .conversejs .form-inline .form-group {
8783
    display: flex;
8784
    flex: 0 0 auto;
8785
    flex-flow: row wrap;
8786
    align-items: center;
8787
    margin-bottom: 0;
8788
  }
8789
 
8790
  .conversejs .form-inline .form-control {
8791
    display: inline-block;
8792
    width: auto;
8793
    vertical-align: middle;
8794
  }
8795
 
8796
  .conversejs .form-inline .form-control-plaintext {
8797
    display: inline-block;
8798
  }
8799
 
8800
  .conversejs .form-inline .input-group,
8801
  .conversejs .form-inline .custom-select {
8802
    width: auto;
8803
  }
8804
 
8805
  .conversejs .form-inline .form-check {
8806
    display: flex;
8807
    align-items: center;
8808
    justify-content: center;
8809
    width: auto;
8810
    padding-left: 0;
8811
  }
8812
 
8813
  .conversejs .form-inline .form-check-input {
8814
    position: relative;
8815
    flex-shrink: 0;
8816
    margin-top: 0;
8817
    margin-right: 0.25rem;
8818
    margin-left: 0;
8819
  }
8820
 
8821
  .conversejs .form-inline .custom-control {
8822
    align-items: center;
8823
    justify-content: center;
8824
  }
8825
 
8826
  .conversejs .form-inline .custom-control-label {
8827
    margin-bottom: 0;
8828
  }
8829
}
8830
 
8831
.conversejs .input-group {
8832
  position: relative;
8833
  display: flex;
8834
  flex-wrap: wrap;
8835
  align-items: stretch;
8836
  width: 100%;
8837
}
8838
 
8839
.conversejs .input-group > .form-control,
8840
.conversejs .input-group > .form-control-plaintext,
8841
.conversejs .input-group > .custom-select,
8842
.conversejs .input-group > .custom-file {
8843
  position: relative;
8844
  flex: 1 1 auto;
8845
  width: 1%;
8846
  min-width: 0;
8847
  margin-bottom: 0;
8848
}
8849
 
8850
.conversejs .input-group > .form-control + .form-control,
8851
.conversejs .input-group > .form-control + .custom-select,
8852
.conversejs .input-group > .form-control + .custom-file,
8853
.conversejs .input-group > .form-control-plaintext + .form-control,
8854
.conversejs .input-group > .form-control-plaintext + .custom-select,
8855
.conversejs .input-group > .form-control-plaintext + .custom-file,
8856
.conversejs .input-group > .custom-select + .form-control,
8857
.conversejs .input-group > .custom-select + .custom-select,
8858
.conversejs .input-group > .custom-select + .custom-file,
8859
.conversejs .input-group > .custom-file + .form-control,
8860
.conversejs .input-group > .custom-file + .custom-select,
8861
.conversejs .input-group > .custom-file + .custom-file {
8862
  margin-left: -1px;
8863
}
8864
 
8865
.conversejs .input-group > .form-control:focus,
8866
.conversejs .input-group > .custom-select:focus,
8867
.conversejs .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
8868
  z-index: 3;
8869
}
8870
 
8871
.conversejs .input-group > .custom-file .custom-file-input:focus {
8872
  z-index: 4;
8873
}
8874
 
8875
.conversejs .input-group > .form-control:not(:first-child),
8876
.conversejs .input-group > .custom-select:not(:first-child) {
8877
  border-top-left-radius: 0;
8878
  border-bottom-left-radius: 0;
8879
}
8880
 
8881
.conversejs .input-group > .custom-file {
8882
  display: flex;
8883
  align-items: center;
8884
}
8885
 
8886
.conversejs .input-group > .custom-file:not(:last-child) .custom-file-label,
8887
.conversejs .input-group > .custom-file:not(:last-child) .custom-file-label::after {
8888
  border-top-right-radius: 0;
8889
  border-bottom-right-radius: 0;
8890
}
8891
 
8892
.conversejs .input-group > .custom-file:not(:first-child) .custom-file-label {
8893
  border-top-left-radius: 0;
8894
  border-bottom-left-radius: 0;
8895
}
8896
 
8897
.conversejs .input-group:not(.has-validation) > .form-control:not(:last-child),
8898
.conversejs .input-group:not(.has-validation) > .custom-select:not(:last-child),
8899
.conversejs .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
8900
.conversejs
8901
  .input-group:not(.has-validation)
8902
  > .custom-file:not(:last-child)
8903
  .custom-file-label::after {
8904
  border-top-right-radius: 0;
8905
  border-bottom-right-radius: 0;
8906
}
8907
 
8908
.conversejs .input-group.has-validation > .form-control:nth-last-child(n + 3),
8909
.conversejs .input-group.has-validation > .custom-select:nth-last-child(n + 3),
8910
.conversejs .input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label,
8911
.conversejs
8912
  .input-group.has-validation
8913
  > .custom-file:nth-last-child(n + 3)
8914
  .custom-file-label::after {
8915
  border-top-right-radius: 0;
8916
  border-bottom-right-radius: 0;
8917
}
8918
 
8919
.conversejs .input-group-prepend,
8920
.conversejs .input-group-append {
8921
  display: flex;
8922
}
8923
 
8924
.conversejs .input-group-prepend .btn,
8925
.conversejs .input-group-append .btn {
8926
  position: relative;
8927
  z-index: 2;
8928
}
8929
 
8930
.conversejs .input-group-prepend .btn:focus,
8931
.conversejs .input-group-append .btn:focus {
8932
  z-index: 3;
8933
}
8934
 
8935
.conversejs .input-group-prepend .btn + .btn,
8936
.conversejs .input-group-prepend .btn + .input-group-text,
8937
.conversejs .input-group-prepend .input-group-text + .input-group-text,
8938
.conversejs .input-group-prepend .input-group-text + .btn,
8939
.conversejs .input-group-append .btn + .btn,
8940
.conversejs .input-group-append .btn + .input-group-text,
8941
.conversejs .input-group-append .input-group-text + .input-group-text,
8942
.conversejs .input-group-append .input-group-text + .btn {
8943
  margin-left: -1px;
8944
}
8945
 
8946
.conversejs .input-group-prepend {
8947
  margin-right: -1px;
8948
}
8949
 
8950
.conversejs .input-group-append {
8951
  margin-left: -1px;
8952
}
8953
 
8954
.conversejs .input-group-text {
8955
  display: flex;
8956
  align-items: center;
8957
  padding: 0.375rem 0.75rem;
8958
  margin-bottom: 0;
8959
  font-size: 1rem;
8960
  font-weight: 400;
8961
  line-height: 1.5;
8962
  color: #495057;
8963
  text-align: center;
8964
  white-space: nowrap;
8965
  background-color: #e9ecef;
8966
  border: 1px solid #ced4da;
8967
  border-radius: 0.25rem;
8968
}
8969
 
8970
.conversejs .input-group-text input[type='radio'],
8971
.conversejs .input-group-text input[type='checkbox'] {
8972
  margin-top: 0;
8973
}
8974
 
8975
.conversejs .input-group-lg > .form-control:not(textarea),
8976
.conversejs .input-group-lg > .custom-select {
8977
  height: calc(1.5em + 1rem + 2px);
8978
}
8979
 
8980
.conversejs .input-group-lg > .form-control,
8981
.conversejs .input-group-lg > .custom-select,
8982
.conversejs .input-group-lg > .input-group-prepend > .input-group-text,
8983
.conversejs .input-group-lg > .input-group-append > .input-group-text,
8984
.conversejs .input-group-lg > .input-group-prepend > .btn,
8985
.conversejs .input-group-lg > .input-group-append > .btn {
8986
  padding: 0.5rem 1rem;
8987
  font-size: 1.25rem;
8988
  line-height: 1.5;
8989
  border-radius: 0.3rem;
8990
}
8991
 
8992
.conversejs .input-group-sm > .form-control:not(textarea),
8993
.conversejs .input-group-sm > .custom-select {
8994
  height: calc(1.5em + 0.5rem + 2px);
8995
}
8996
 
8997
.conversejs .input-group-sm > .form-control,
8998
.conversejs .input-group-sm > .custom-select,
8999
.conversejs .input-group-sm > .input-group-prepend > .input-group-text,
9000
.conversejs .input-group-sm > .input-group-append > .input-group-text,
9001
.conversejs .input-group-sm > .input-group-prepend > .btn,
9002
.conversejs .input-group-sm > .input-group-append > .btn {
9003
  padding: 0.25rem 0.5rem;
9004
  font-size: 0.875rem;
9005
  line-height: 1.5;
9006
  border-radius: 0.2rem;
9007
}
9008
 
9009
.conversejs .input-group-lg > .custom-select,
9010
.conversejs .input-group-sm > .custom-select {
9011
  padding-right: 1.75rem;
9012
}
9013
 
9014
.conversejs .input-group > .input-group-prepend > .btn,
9015
.conversejs .input-group > .input-group-prepend > .input-group-text,
9016
.conversejs .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
9017
.conversejs
9018
  .input-group:not(.has-validation)
9019
  > .input-group-append:not(:last-child)
9020
  > .input-group-text,
9021
.conversejs .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,
9022
.conversejs
9023
  .input-group.has-validation
9024
  > .input-group-append:nth-last-child(n + 3)
9025
  > .input-group-text,
9026
.conversejs
9027
  .input-group
9028
  > .input-group-append:last-child
9029
  > .btn:not(:last-child):not(.dropdown-toggle),
9030
.conversejs .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
9031
  border-top-right-radius: 0;
9032
  border-bottom-right-radius: 0;
9033
}
9034
 
9035
.conversejs .input-group > .input-group-append > .btn,
9036
.conversejs .input-group > .input-group-append > .input-group-text,
9037
.conversejs .input-group > .input-group-prepend:not(:first-child) > .btn,
9038
.conversejs .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
9039
.conversejs .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
9040
.conversejs .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
9041
  border-top-left-radius: 0;
9042
  border-bottom-left-radius: 0;
9043
}
9044
 
9045
.conversejs .custom-control {
9046
  position: relative;
9047
  z-index: 1;
9048
  display: block;
9049
  min-height: 1.5rem;
9050
  padding-left: 1.5rem;
9051
  -webkit-print-color-adjust: exact;
9052
  print-color-adjust: exact;
9053
}
9054
 
9055
.conversejs .custom-control-inline {
9056
  display: inline-flex;
9057
  margin-right: 1rem;
9058
}
9059
 
9060
.conversejs .custom-control-input {
9061
  position: absolute;
9062
  left: 0;
9063
  z-index: -1;
9064
  width: 1rem;
9065
  height: 1.25rem;
9066
  opacity: 0;
9067
}
9068
 
9069
.conversejs .custom-control-input:checked ~ .custom-control-label::before {
9070
  color: #fff;
9071
  border-color: #007bff;
9072
  background-color: #007bff;
9073
}
9074
 
9075
.conversejs .custom-control-input:focus ~ .custom-control-label::before {
9076
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
9077
}
9078
 
9079
.conversejs .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
9080
  border-color: #80bdff;
9081
}
9082
 
9083
.conversejs .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
9084
  color: #fff;
9085
  background-color: #b3d7ff;
9086
  border-color: #b3d7ff;
9087
}
9088
 
9089
.conversejs .custom-control-input[disabled] ~ .custom-control-label,
9090
.conversejs .custom-control-input:disabled ~ .custom-control-label {
9091
  color: #6c757d;
9092
}
9093
 
9094
.conversejs .custom-control-input[disabled] ~ .custom-control-label::before,
9095
.conversejs .custom-control-input:disabled ~ .custom-control-label::before {
9096
  background-color: #e9ecef;
9097
}
9098
 
9099
.conversejs .custom-control-label {
9100
  position: relative;
9101
  margin-bottom: 0;
9102
  vertical-align: top;
9103
}
9104
 
9105
.conversejs .custom-control-label::before {
9106
  position: absolute;
9107
  top: 0.25rem;
9108
  left: -1.5rem;
9109
  display: block;
9110
  width: 1rem;
9111
  height: 1rem;
9112
  pointer-events: none;
9113
  content: '';
9114
  background-color: #fff;
9115
  border: 1px solid #adb5bd;
9116
}
9117
 
9118
.conversejs .custom-control-label::after {
9119
  position: absolute;
9120
  top: 0.25rem;
9121
  left: -1.5rem;
9122
  display: block;
9123
  width: 1rem;
9124
  height: 1rem;
9125
  content: '';
9126
  background: 50%/50% 50% no-repeat;
9127
}
9128
 
9129
.conversejs .custom-checkbox .custom-control-label::before {
9130
  border-radius: 0.25rem;
9131
}
9132
 
9133
.conversejs .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
9134
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
9135
}
9136
 
9137
.conversejs .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
9138
  border-color: #007bff;
9139
  background-color: #007bff;
9140
}
9141
 
9142
.conversejs .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
9143
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
9144
}
9145
 
9146
.conversejs
9147
  .custom-checkbox
9148
  .custom-control-input:disabled:checked
9149
  ~ .custom-control-label::before {
9150
  background-color: rgba(0, 123, 255, 0.5);
9151
}
9152
 
9153
.conversejs
9154
  .custom-checkbox
9155
  .custom-control-input:disabled:indeterminate
9156
  ~ .custom-control-label::before {
9157
  background-color: rgba(0, 123, 255, 0.5);
9158
}
9159
 
9160
.conversejs .custom-radio .custom-control-label::before {
9161
  border-radius: 50%;
9162
}
9163
 
9164
.conversejs .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
9165
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
9166
}
9167
 
9168
.conversejs .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
9169
  background-color: rgba(0, 123, 255, 0.5);
9170
}
9171
 
9172
.conversejs .custom-switch {
9173
  padding-left: 2.25rem;
9174
}
9175
 
9176
.conversejs .custom-switch .custom-control-label::before {
9177
  left: -2.25rem;
9178
  width: 1.75rem;
9179
  pointer-events: all;
9180
  border-radius: 0.5rem;
9181
}
9182
 
9183
.conversejs .custom-switch .custom-control-label::after {
9184
  top: calc(0.25rem + 2px);
9185
  left: calc(-2.25rem + 2px);
9186
  width: calc(1rem - 4px);
9187
  height: calc(1rem - 4px);
9188
  background-color: #adb5bd;
9189
  border-radius: 0.5rem;
9190
  transition:
9191
    transform 0.15s ease-in-out,
9192
    background-color 0.15s ease-in-out,
9193
    border-color 0.15s ease-in-out,
9194
    box-shadow 0.15s ease-in-out;
9195
}
9196
 
9197
@media (prefers-reduced-motion: reduce) {
9198
  .conversejs .custom-switch .custom-control-label::after {
9199
    transition: none;
9200
  }
9201
}
9202
 
9203
.conversejs .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
9204
  background-color: #fff;
9205
  transform: translateX(0.75rem);
9206
}
9207
 
9208
.conversejs .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
9209
  background-color: rgba(0, 123, 255, 0.5);
9210
}
9211
 
9212
.conversejs .custom-select {
9213
  display: inline-block;
9214
  width: 100%;
9215
  height: calc(1.5em + 0.75rem + 2px);
9216
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
9217
  font-size: 1rem;
9218
  font-weight: 400;
9219
  line-height: 1.5;
9220
  color: #495057;
9221
  vertical-align: middle;
9222
  background: #fff
9223
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
9224
    right 0.75rem center/8px 10px no-repeat;
9225
  border: 1px solid #ced4da;
9226
  border-radius: 0.25rem;
9227
  -webkit-appearance: none;
9228
  -moz-appearance: none;
9229
  appearance: none;
9230
}
9231
 
9232
.conversejs .custom-select:focus {
9233
  border-color: #80bdff;
9234
  outline: 0;
9235
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
9236
}
9237
 
9238
.conversejs .custom-select:focus::-ms-value {
9239
  color: #495057;
9240
  background-color: #fff;
9241
}
9242
 
9243
.conversejs .custom-select[multiple],
9244
.conversejs .custom-select[size]:not([size='1']) {
9245
  height: auto;
9246
  padding-right: 0.75rem;
9247
  background-image: none;
9248
}
9249
 
9250
.conversejs .custom-select:disabled {
9251
  color: #6c757d;
9252
  background-color: #e9ecef;
9253
}
9254
 
9255
.conversejs .custom-select::-ms-expand {
9256
  display: none;
9257
}
9258
 
9259
.conversejs .custom-select:-moz-focusring {
9260
  color: rgba(0, 0, 0, 0);
9261
  text-shadow: 0 0 0 #495057;
9262
}
9263
 
9264
.conversejs .custom-select-sm {
9265
  height: calc(1.5em + 0.5rem + 2px);
9266
  padding-top: 0.25rem;
9267
  padding-bottom: 0.25rem;
9268
  padding-left: 0.5rem;
9269
  font-size: 0.875rem;
9270
}
9271
 
9272
.conversejs .custom-select-lg {
9273
  height: calc(1.5em + 1rem + 2px);
9274
  padding-top: 0.5rem;
9275
  padding-bottom: 0.5rem;
9276
  padding-left: 1rem;
9277
  font-size: 1.25rem;
9278
}
9279
 
9280
.conversejs .custom-file {
9281
  position: relative;
9282
  display: inline-block;
9283
  width: 100%;
9284
  height: calc(1.5em + 0.75rem + 2px);
9285
  margin-bottom: 0;
9286
}
9287
 
9288
.conversejs .custom-file-input {
9289
  position: relative;
9290
  z-index: 2;
9291
  width: 100%;
9292
  height: calc(1.5em + 0.75rem + 2px);
9293
  margin: 0;
9294
  overflow: hidden;
9295
  opacity: 0;
9296
}
9297
 
9298
.conversejs .custom-file-input:focus ~ .custom-file-label {
9299
  border-color: #80bdff;
9300
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
9301
}
9302
 
9303
.conversejs .custom-file-input[disabled] ~ .custom-file-label,
9304
.conversejs .custom-file-input:disabled ~ .custom-file-label {
9305
  background-color: #e9ecef;
9306
}
9307
 
9308
.conversejs .custom-file-input:lang(en) ~ .custom-file-label::after {
9309
  content: 'Browse';
9310
}
9311
 
9312
.conversejs .custom-file-input ~ .custom-file-label[data-browse]::after {
9313
  content: attr(data-browse);
9314
}
9315
 
9316
.conversejs .custom-file-label {
9317
  position: absolute;
9318
  top: 0;
9319
  right: 0;
9320
  left: 0;
9321
  z-index: 1;
9322
  height: calc(1.5em + 0.75rem + 2px);
9323
  padding: 0.375rem 0.75rem;
9324
  overflow: hidden;
9325
  font-weight: 400;
9326
  line-height: 1.5;
9327
  color: #495057;
9328
  background-color: #fff;
9329
  border: 1px solid #ced4da;
9330
  border-radius: 0.25rem;
9331
}
9332
 
9333
.conversejs .custom-file-label::after {
9334
  position: absolute;
9335
  top: 0;
9336
  right: 0;
9337
  bottom: 0;
9338
  z-index: 3;
9339
  display: block;
9340
  height: calc(1.5em + 0.75rem);
9341
  padding: 0.375rem 0.75rem;
9342
  line-height: 1.5;
9343
  color: #495057;
9344
  content: 'Browse';
9345
  background-color: #e9ecef;
9346
  border-left: inherit;
9347
  border-radius: 0 0.25rem 0.25rem 0;
9348
}
9349
 
9350
.conversejs .custom-range {
9351
  width: 100%;
9352
  height: 1.4rem;
9353
  padding: 0;
9354
  background-color: rgba(0, 0, 0, 0);
9355
  -webkit-appearance: none;
9356
  -moz-appearance: none;
9357
  appearance: none;
9358
}
9359
 
9360
.conversejs .custom-range:focus {
9361
  outline: 0;
9362
}
9363
 
9364
.conversejs .custom-range:focus::-webkit-slider-thumb {
9365
  box-shadow:
9366
 
9367
 
9368
}
9369
 
9370
.conversejs .custom-range:focus::-moz-range-thumb {
9371
  box-shadow:
9372
 
9373
 
9374
}
9375
 
9376
.conversejs .custom-range:focus::-ms-thumb {
9377
  box-shadow:
9378
 
9379
 
9380
}
9381
 
9382
.conversejs .custom-range::-moz-focus-outer {
9383
  border: 0;
9384
}
9385
 
9386
.conversejs .custom-range::-webkit-slider-thumb {
9387
  width: 1rem;
9388
  height: 1rem;
9389
  margin-top: -0.25rem;
9390
  background-color: #007bff;
9391
  border: 0;
9392
  border-radius: 1rem;
9393
  -webkit-transition:
9394
    background-color 0.15s ease-in-out,
9395
    border-color 0.15s ease-in-out,
9396
    box-shadow 0.15s ease-in-out;
9397
  transition:
9398
    background-color 0.15s ease-in-out,
9399
    border-color 0.15s ease-in-out,
9400
    box-shadow 0.15s ease-in-out;
9401
  -webkit-appearance: none;
9402
  appearance: none;
9403
}
9404
 
9405
@media (prefers-reduced-motion: reduce) {
9406
  .conversejs .custom-range::-webkit-slider-thumb {
9407
    -webkit-transition: none;
9408
    transition: none;
9409
  }
9410
}
9411
 
9412
.conversejs .custom-range::-webkit-slider-thumb:active {
9413
  background-color: #b3d7ff;
9414
}
9415
 
9416
.conversejs .custom-range::-webkit-slider-runnable-track {
9417
  width: 100%;
9418
  height: 0.5rem;
9419
  color: rgba(0, 0, 0, 0);
9420
  cursor: pointer;
9421
  background-color: #dee2e6;
9422
  border-color: rgba(0, 0, 0, 0);
9423
  border-radius: 1rem;
9424
}
9425
 
9426
.conversejs .custom-range::-moz-range-thumb {
9427
  width: 1rem;
9428
  height: 1rem;
9429
  background-color: #007bff;
9430
  border: 0;
9431
  border-radius: 1rem;
9432
  -moz-transition:
9433
    background-color 0.15s ease-in-out,
9434
    border-color 0.15s ease-in-out,
9435
    box-shadow 0.15s ease-in-out;
9436
  transition:
9437
    background-color 0.15s ease-in-out,
9438
    border-color 0.15s ease-in-out,
9439
    box-shadow 0.15s ease-in-out;
9440
  -moz-appearance: none;
9441
  appearance: none;
9442
}
9443
 
9444
@media (prefers-reduced-motion: reduce) {
9445
  .conversejs .custom-range::-moz-range-thumb {
9446
    -moz-transition: none;
9447
    transition: none;
9448
  }
9449
}
9450
 
9451
.conversejs .custom-range::-moz-range-thumb:active {
9452
  background-color: #b3d7ff;
9453
}
9454
 
9455
.conversejs .custom-range::-moz-range-track {
9456
  width: 100%;
9457
  height: 0.5rem;
9458
  color: rgba(0, 0, 0, 0);
9459
  cursor: pointer;
9460
  background-color: #dee2e6;
9461
  border-color: rgba(0, 0, 0, 0);
9462
  border-radius: 1rem;
9463
}
9464
 
9465
.conversejs .custom-range::-ms-thumb {
9466
  width: 1rem;
9467
  height: 1rem;
9468
  margin-top: 0;
9469
  margin-right: 0.2rem;
9470
  margin-left: 0.2rem;
9471
  background-color: #007bff;
9472
  border: 0;
9473
  border-radius: 1rem;
9474
  -ms-transition:
9475
    background-color 0.15s ease-in-out,
9476
    border-color 0.15s ease-in-out,
9477
    box-shadow 0.15s ease-in-out;
9478
  transition:
9479
    background-color 0.15s ease-in-out,
9480
    border-color 0.15s ease-in-out,
9481
    box-shadow 0.15s ease-in-out;
9482
  appearance: none;
9483
}
9484
 
9485
@media (prefers-reduced-motion: reduce) {
9486
  .conversejs .custom-range::-ms-thumb {
9487
    -ms-transition: none;
9488
    transition: none;
9489
  }
9490
}
9491
 
9492
.conversejs .custom-range::-ms-thumb:active {
9493
  background-color: #b3d7ff;
9494
}
9495
 
9496
.conversejs .custom-range::-ms-track {
9497
  width: 100%;
9498
  height: 0.5rem;
9499
  color: rgba(0, 0, 0, 0);
9500
  cursor: pointer;
9501
  background-color: rgba(0, 0, 0, 0);
9502
  border-color: rgba(0, 0, 0, 0);
9503
  border-width: 0.5rem;
9504
}
9505
 
9506
.conversejs .custom-range::-ms-fill-lower {
9507
  background-color: #dee2e6;
9508
  border-radius: 1rem;
9509
}
9510
 
9511
.conversejs .custom-range::-ms-fill-upper {
9512
  margin-right: 15px;
9513
  background-color: #dee2e6;
9514
  border-radius: 1rem;
9515
}
9516
 
9517
.conversejs .custom-range:disabled::-webkit-slider-thumb {
9518
  background-color: #adb5bd;
9519
}
9520
 
9521
.conversejs .custom-range:disabled::-webkit-slider-runnable-track {
9522
  cursor: default;
9523
}
9524
 
9525
.conversejs .custom-range:disabled::-moz-range-thumb {
9526
  background-color: #adb5bd;
9527
}
9528
 
9529
.conversejs .custom-range:disabled::-moz-range-track {
9530
  cursor: default;
9531
}
9532
 
9533
.conversejs .custom-range:disabled::-ms-thumb {
9534
  background-color: #adb5bd;
9535
}
9536
 
9537
.conversejs .custom-control-label::before,
9538
.conversejs .custom-file-label,
9539
.conversejs .custom-select {
9540
  transition:
9541
    background-color 0.15s ease-in-out,
9542
    border-color 0.15s ease-in-out,
9543
    box-shadow 0.15s ease-in-out;
9544
}
9545
 
9546
@media (prefers-reduced-motion: reduce) {
9547
  .conversejs .custom-control-label::before,
9548
  .conversejs .custom-file-label,
9549
  .conversejs .custom-select {
9550
    transition: none;
9551
  }
9552
}
9553
 
9554
.conversejs .btn--small {
9555
  font-size: 80%;
9556
  font-weight: normal;
9557
}
9558
 
9559
.conversejs form label {
9560
  font-weight: bold;
9561
}
9562
 
9563
.conversejs form .form-instructions {
9564
  color: var(--text-color);
9565
  margin-bottom: 1em;
9566
}
9567
 
9568
.conversejs form .hidden-username {
9569
  opacity: 0 !important;
9570
  height: 0 !important;
9571
  padding: 0 !important;
9572
}
9573
 
9574
.conversejs form .error-feedback {
9575
  margin-bottom: 0.5em;
9576
}
9577
 
9578
.conversejs form .form-check-label {
9579
  margin-top: 0.3rem;
9580
}
9581
 
9582
.conversejs form .form-control {
9583
  color: var(--text-color);
9584
  background-color: var(--background);
9585
}
9586
 
9587
.conversejs form .form-control:focus {
9588
  color: var(--text-color);
9589
  background-color: var(--focus-color);
9590
}
9591
 
9592
.conversejs form .form-control::-moz-placeholder {
9593
  color: var(--subdued-color);
9594
}
9595
 
9596
.conversejs form .form-control::placeholder {
9597
  color: var(--subdued-color);
9598
}
9599
 
9600
.conversejs form .form-control--labeled {
9601
  margin-top: 0.5em;
9602
}
9603
 
9604
.conversejs form .btn-group .clear-input {
9605
  margin-top: 0.5em;
9606
  margin-bottom: 0.5em;
9607
  position: absolute;
9608
  right: 0.2em;
9609
  cursor: pointer;
9610
  font-size: var(--font-size);
9611
}
9612
 
9613
.conversejs form#converse-register,
9614
.conversejs form#converse-login {
9615
  background: var(--controlbox-pane-background-color);
9616
}
9617
 
9618
.conversejs form#converse-register legend,
9619
.conversejs form#converse-login legend {
9620
  width: 100%;
9621
  text-align: center;
9622
  margin: 0 auto 0.5em auto;
9623
}
9624
 
9625
.conversejs form#converse-register fieldset.buttons,
9626
.conversejs form#converse-login fieldset.buttons {
9627
  text-align: center;
9628
}
9629
 
9630
.conversejs form#converse-register .login-anon,
9631
.conversejs form#converse-login .login-anon {
9632
  height: auto;
9633
  white-space: normal;
9634
}
9635
 
9636
.conversejs form#converse-register .save-submit,
9637
.conversejs form#converse-login .save-submit {
9638
  color: var(--save-button-color);
9639
}
9640
 
9641
.conversejs form#converse-register .form-url,
9642
.conversejs form#converse-login .form-url {
9643
  display: block;
9644
  font-weight: normal;
9645
  margin: 1em 0;
9646
}
9647
 
9648
.conversejs form.converse-form {
9649
  padding: 1.2rem;
9650
}
9651
 
9652
.conversejs form.converse-form legend {
9653
  color: var(--text-color);
9654
  font-size: 125%;
9655
  margin-bottom: 1.5em;
9656
}
9657
 
9658
.conversejs form.converse-form select,
9659
.conversejs form.converse-form input[type='password'],
9660
.conversejs form.converse-form input[type='number'],
9661
.conversejs form.converse-form input[type='text'] {
9662
  min-width: 50%;
9663
}
9664
 
9665
.conversejs form.converse-form input[type='button'],
9666
.conversejs form.converse-form input[type='submit'] {
9667
  margin-right: 0.25em;
9668
  border: none;
9669
}
9670
 
9671
.conversejs form.converse-form input.error {
9672
  border: 1px solid var(--error-color);
9673
  color: var(--text-color);
9674
}
9675
 
9676
.conversejs form.converse-form .text-muted {
9677
  color: var(--subdued-color) !important;
9678
  font-size: 85%;
9679
  padding-top: 0.5em;
9680
}
9681
 
9682
.conversejs form.converse-form .text-muted a {
9683
  color: var(--link-color-lighten-10-percent);
9684
}
9685
 
9686
.conversejs form.converse-form .text-muted.error {
9687
  color: var(--error-color);
9688
}
9689
 
9690
.conversejs form.converse-form--modal {
9691
  padding-bottom: 0;
9692
}
9693
 
9694
.conversejs form.converse-form--spinner {
9695
  height: 100%;
9696
}
9697
 
9698
.conversejs form.converse-centered-form {
9699
  min-height: 66%;
9700
  text-align: center;
9701
}
9702
 
9703
.conversejs form.converse-centered-form input {
9704
  max-width: 30em;
9705
  margin: auto;
9706
}
9707
 
9708
.conversejs .list-group {
9709
  display: flex;
9710
  flex-direction: column;
9711
  padding-left: 0;
9712
  margin-bottom: 0;
9713
  border-radius: 0.25rem;
9714
}
9715
 
9716
.conversejs .list-group-item-action {
9717
  width: 100%;
9718
  color: #495057;
9719
  text-align: inherit;
9720
}
9721
 
9722
.conversejs .list-group-item-action:hover,
9723
.conversejs .list-group-item-action:focus {
9724
  z-index: 1;
9725
  color: #495057;
9726
  text-decoration: none;
9727
  background-color: #f8f9fa;
9728
}
9729
 
9730
.conversejs .list-group-item-action:active {
9731
  color: #212529;
9732
  background-color: #e9ecef;
9733
}
9734
 
9735
.conversejs .list-group-item {
9736
  position: relative;
9737
  display: block;
9738
  padding: 0.75rem 1.25rem;
9739
  background-color: #fff;
9740
  border: 1px solid rgba(0, 0, 0, 0.125);
9741
}
9742
 
9743
.conversejs .list-group-item:first-child {
9744
  border-top-left-radius: inherit;
9745
  border-top-right-radius: inherit;
9746
}
9747
 
9748
.conversejs .list-group-item:last-child {
9749
  border-bottom-right-radius: inherit;
9750
  border-bottom-left-radius: inherit;
9751
}
9752
 
9753
.conversejs .list-group-item.disabled,
9754
.conversejs .list-group-item:disabled {
9755
  color: #6c757d;
9756
  pointer-events: none;
9757
  background-color: #fff;
9758
}
9759
 
9760
.conversejs .list-group-item.active {
9761
  z-index: 2;
9762
  color: #fff;
9763
  background-color: #007bff;
9764
  border-color: #007bff;
9765
}
9766
 
9767
.conversejs .list-group-item + .conversejs .list-group-item {
9768
  border-top-width: 0;
9769
}
9770
 
9771
.conversejs .list-group-item + .conversejs .list-group-item.active {
9772
  margin-top: -1px;
9773
  border-top-width: 1px;
9774
}
9775
 
9776
.conversejs .list-group-horizontal {
9777
  flex-direction: row;
9778
}
9779
 
9780
.conversejs .list-group-horizontal > .list-group-item:first-child {
9781
  border-bottom-left-radius: 0.25rem;
9782
  border-top-right-radius: 0;
9783
}
9784
 
9785
.conversejs .list-group-horizontal > .list-group-item:last-child {
9786
  border-top-right-radius: 0.25rem;
9787
  border-bottom-left-radius: 0;
9788
}
9789
 
9790
.conversejs .list-group-horizontal > .list-group-item.active {
9791
  margin-top: 0;
9792
}
9793
 
9794
.conversejs .list-group-horizontal > .list-group-item + .list-group-item {
9795
  border-top-width: 1px;
9796
  border-left-width: 0;
9797
}
9798
 
9799
.conversejs .list-group-horizontal > .list-group-item + .list-group-item.active {
9800
  margin-left: -1px;
9801
  border-left-width: 1px;
9802
}
9803
 
9804
@media (min-width: 576px) {
9805
  .conversejs .list-group-horizontal-sm {
9806
    flex-direction: row;
9807
  }
9808
 
9809
  .conversejs .list-group-horizontal-sm > .list-group-item:first-child {
9810
    border-bottom-left-radius: 0.25rem;
9811
    border-top-right-radius: 0;
9812
  }
9813
 
9814
  .conversejs .list-group-horizontal-sm > .list-group-item:last-child {
9815
    border-top-right-radius: 0.25rem;
9816
    border-bottom-left-radius: 0;
9817
  }
9818
 
9819
  .conversejs .list-group-horizontal-sm > .list-group-item.active {
9820
    margin-top: 0;
9821
  }
9822
 
9823
  .conversejs .list-group-horizontal-sm > .list-group-item + .list-group-item {
9824
    border-top-width: 1px;
9825
    border-left-width: 0;
9826
  }
9827
 
9828
  .conversejs .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
9829
    margin-left: -1px;
9830
    border-left-width: 1px;
9831
  }
9832
}
9833
 
9834
@media (min-width: 768px) {
9835
  .conversejs .list-group-horizontal-md {
9836
    flex-direction: row;
9837
  }
9838
 
9839
  .conversejs .list-group-horizontal-md > .list-group-item:first-child {
9840
    border-bottom-left-radius: 0.25rem;
9841
    border-top-right-radius: 0;
9842
  }
9843
 
9844
  .conversejs .list-group-horizontal-md > .list-group-item:last-child {
9845
    border-top-right-radius: 0.25rem;
9846
    border-bottom-left-radius: 0;
9847
  }
9848
 
9849
  .conversejs .list-group-horizontal-md > .list-group-item.active {
9850
    margin-top: 0;
9851
  }
9852
 
9853
  .conversejs .list-group-horizontal-md > .list-group-item + .list-group-item {
9854
    border-top-width: 1px;
9855
    border-left-width: 0;
9856
  }
9857
 
9858
  .conversejs .list-group-horizontal-md > .list-group-item + .list-group-item.active {
9859
    margin-left: -1px;
9860
    border-left-width: 1px;
9861
  }
9862
}
9863
 
9864
@media (min-width: 992px) {
9865
  .conversejs .list-group-horizontal-lg {
9866
    flex-direction: row;
9867
  }
9868
 
9869
  .conversejs .list-group-horizontal-lg > .list-group-item:first-child {
9870
    border-bottom-left-radius: 0.25rem;
9871
    border-top-right-radius: 0;
9872
  }
9873
 
9874
  .conversejs .list-group-horizontal-lg > .list-group-item:last-child {
9875
    border-top-right-radius: 0.25rem;
9876
    border-bottom-left-radius: 0;
9877
  }
9878
 
9879
  .conversejs .list-group-horizontal-lg > .list-group-item.active {
9880
    margin-top: 0;
9881
  }
9882
 
9883
  .conversejs .list-group-horizontal-lg > .list-group-item + .list-group-item {
9884
    border-top-width: 1px;
9885
    border-left-width: 0;
9886
  }
9887
 
9888
  .conversejs .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
9889
    margin-left: -1px;
9890
    border-left-width: 1px;
9891
  }
9892
}
9893
 
9894
@media (min-width: 1200px) {
9895
  .conversejs .list-group-horizontal-xl {
9896
    flex-direction: row;
9897
  }
9898
 
9899
  .conversejs .list-group-horizontal-xl > .list-group-item:first-child {
9900
    border-bottom-left-radius: 0.25rem;
9901
    border-top-right-radius: 0;
9902
  }
9903
 
9904
  .conversejs .list-group-horizontal-xl > .list-group-item:last-child {
9905
    border-top-right-radius: 0.25rem;
9906
    border-bottom-left-radius: 0;
9907
  }
9908
 
9909
  .conversejs .list-group-horizontal-xl > .list-group-item.active {
9910
    margin-top: 0;
9911
  }
9912
 
9913
  .conversejs .list-group-horizontal-xl > .list-group-item + .list-group-item {
9914
    border-top-width: 1px;
9915
    border-left-width: 0;
9916
  }
9917
 
9918
  .conversejs .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
9919
    margin-left: -1px;
9920
    border-left-width: 1px;
9921
  }
9922
}
9923
 
9924
.conversejs .list-group-flush {
9925
  border-radius: 0;
9926
}
9927
 
9928
.conversejs .list-group-flush > .list-group-item {
9929
  border-width: 0 0 1px;
9930
}
9931
 
9932
.conversejs .list-group-flush > .list-group-item:last-child {
9933
  border-bottom-width: 0;
9934
}
9935
 
9936
.conversejs .list-group-item-primary {
9937
  color: #004085;
9938
  background-color: #b8daff;
9939
}
9940
 
9941
.conversejs .list-group-item-primary.list-group-item-action:hover,
9942
.conversejs .list-group-item-primary.list-group-item-action:focus {
9943
  color: #004085;
9944
  background-color: #9fcdff;
9945
}
9946
 
9947
.conversejs .list-group-item-primary.list-group-item-action.active {
9948
  color: #fff;
9949
  background-color: #004085;
9950
  border-color: #004085;
9951
}
9952
 
9953
.conversejs .list-group-item-secondary {
9954
  color: #383d41;
9955
  background-color: #d6d8db;
9956
}
9957
 
9958
.conversejs .list-group-item-secondary.list-group-item-action:hover,
9959
.conversejs .list-group-item-secondary.list-group-item-action:focus {
9960
  color: #383d41;
9961
  background-color: #c8cbcf;
9962
}
9963
 
9964
.conversejs .list-group-item-secondary.list-group-item-action.active {
9965
  color: #fff;
9966
  background-color: #383d41;
9967
  border-color: #383d41;
9968
}
9969
 
9970
.conversejs .list-group-item-success {
9971
  color: #155724;
9972
  background-color: #c3e6cb;
9973
}
9974
 
9975
.conversejs .list-group-item-success.list-group-item-action:hover,
9976
.conversejs .list-group-item-success.list-group-item-action:focus {
9977
  color: #155724;
9978
  background-color: #b1dfbb;
9979
}
9980
 
9981
.conversejs .list-group-item-success.list-group-item-action.active {
9982
  color: #fff;
9983
  background-color: #155724;
9984
  border-color: #155724;
9985
}
9986
 
9987
.conversejs .list-group-item-info {
9988
  color: #0c5460;
9989
  background-color: #bee5eb;
9990
}
9991
 
9992
.conversejs .list-group-item-info.list-group-item-action:hover,
9993
.conversejs .list-group-item-info.list-group-item-action:focus {
9994
  color: #0c5460;
9995
  background-color: #abdde5;
9996
}
9997
 
9998
.conversejs .list-group-item-info.list-group-item-action.active {
9999
  color: #fff;
10000
  background-color: #0c5460;
10001
  border-color: #0c5460;
10002
}
10003
 
10004
.conversejs .list-group-item-warning {
10005
  color: #856404;
10006
  background-color: #ffeeba;
10007
}
10008
 
10009
.conversejs .list-group-item-warning.list-group-item-action:hover,
10010
.conversejs .list-group-item-warning.list-group-item-action:focus {
10011
  color: #856404;
10012
  background-color: #ffe8a1;
10013
}
10014
 
10015
.conversejs .list-group-item-warning.list-group-item-action.active {
10016
  color: #fff;
10017
  background-color: #856404;
10018
  border-color: #856404;
10019
}
10020
 
10021
.conversejs .list-group-item-danger {
10022
  color: #721c24;
10023
  background-color: #f5c6cb;
10024
}
10025
 
10026
.conversejs .list-group-item-danger.list-group-item-action:hover,
10027
.conversejs .list-group-item-danger.list-group-item-action:focus {
10028
  color: #721c24;
10029
  background-color: #f1b0b7;
10030
}
10031
 
10032
.conversejs .list-group-item-danger.list-group-item-action.active {
10033
  color: #fff;
10034
  background-color: #721c24;
10035
  border-color: #721c24;
10036
}
10037
 
10038
.conversejs .list-group-item-light {
10039
  color: #818182;
10040
  background-color: #fdfdfe;
10041
}
10042
 
10043
.conversejs .list-group-item-light.list-group-item-action:hover,
10044
.conversejs .list-group-item-light.list-group-item-action:focus {
10045
  color: #818182;
10046
  background-color: #ececf6;
10047
}
10048
 
10049
.conversejs .list-group-item-light.list-group-item-action.active {
10050
  color: #fff;
10051
  background-color: #818182;
10052
  border-color: #818182;
10053
}
10054
 
10055
.conversejs .list-group-item-dark {
10056
  color: #1b1e21;
10057
  background-color: #c6c8ca;
10058
}
10059
 
10060
.conversejs .list-group-item-dark.list-group-item-action:hover,
10061
.conversejs .list-group-item-dark.list-group-item-action:focus {
10062
  color: #1b1e21;
10063
  background-color: #b9bbbe;
10064
}
10065
 
10066
.conversejs .list-group-item-dark.list-group-item-action.active {
10067
  color: #fff;
10068
  background-color: #1b1e21;
10069
  border-color: #1b1e21;
10070
}
10071
 
10072
.conversejs .list-group-item {
10073
  background-color: var(--list-group-item-bg-color);
10074
}
10075
 
10076
.conversejs .list-group-item.active {
10077
  background-color: var(--primary-color);
10078
  border-color: var(--primary-color-dark);
10079
}
10080
 
10081
.conversejs .list-container {
10082
  text-align: left;
10083
  padding: 0.3em 0;
10084
}
10085
 
10086
.conversejs .list-container .list-toggle {
10087
  font-family: var(--heading-font);
10088
  font-weight: var(--list-toggle-font-weight);
10089
  display: block;
10090
  color: var(--list-toggle-color);
10091
  padding: 0 0 0.5rem 0;
10092
}
10093
 
10094
.conversejs .list-container .list-toggle:hover {
10095
  color: var(--list-toggle-hover-color);
10096
}
10097
 
10098
.conversejs .items-list {
10099
  text-align: left;
10100
}
10101
 
10102
.conversejs .items-list .list-item {
10103
  border: none;
10104
  clear: both;
10105
  color: var(--text-color);
10106
  overflow: hidden;
10107
  padding: 0.5em 0;
10108
  text-shadow: 0 1px 0 var(--text-shadow-color);
10109
  word-wrap: break-word;
10110
  height: 2.5em;
10111
}
10112
 
10113
.conversejs .items-list .list-item.unread-msgs {
10114
  font-weight: bold;
10115
}
10116
 
10117
.conversejs .items-list .list-item:hover .list-item-link {
10118
  color: var(--list-item-link-hover-color);
10119
}
10120
 
10121
.conversejs .items-list .list-item .list-item-link {
10122
  color: var(--list-item-link-color);
10123
  margin: auto;
10124
  font-size: var(--font-size);
10125
  overflow: hidden;
10126
  white-space: nowrap;
10127
  text-overflow: ellipsis;
10128
  vertical-align: baseline;
10129
}
10130
 
10131
.conversejs .items-list .list-item .list-item-link:hover {
10132
  color: var(--list-item-link-hover-color);
10133
}
10134
 
10135
.conversejs .items-list .list-item .list-item-badge {
10136
  opacity: 1;
10137
  border-radius: 25%;
10138
  color: #fff;
10139
  font-size: var(--font-size-small);
10140
  line-height: var(--font-size-small);
10141
}
10142
 
10143
.conversejs .items-list .list-item .list-item-action {
10144
  opacity: 0;
10145
  font-size: var(--font-size-tiny);
10146
  padding: 0.3em 0 0 0;
10147
  margin: 0 0 0 var(--inline-action-margin);
10148
  width: 2em;
10149
  height: 2em;
10150
  color: var(--subdued-color);
10151
}
10152
 
10153
.conversejs .items-list .list-item .list-item-action:before {
10154
  font-size: var(--font-size);
10155
}
10156
 
10157
.conversejs .items-list .list-item .list-item-action.button-on {
10158
  color: var(--list-item-link-color);
10159
}
10160
 
10161
.conversejs .items-list .list-item .list-item-action.button-on:hover {
10162
  color: var(--list-item-link-hover-color);
10163
}
10164
 
10165
.conversejs .items-list .list-item .list-item-action:hover {
10166
  color: var(--list-toggle-hover-color);
10167
  opacity: 1;
10168
}
10169
 
10170
.conversejs .items-list .list-item .list-item-action--visible {
10171
  opacity: 1 !important;
10172
}
10173
 
10174
.conversejs .items-list .list-item.open {
10175
  background-color: var(--list-item-open-color);
10176
}
10177
 
10178
.conversejs .items-list .list-item.open:hover .list-item-link {
10179
  color: var(--inverse-link-color);
10180
}
10181
 
10182
.conversejs .items-list .list-item.open:hover .list-item-link:hover {
10183
  color: var(--inverse-link-color);
10184
}
10185
 
10186
.conversejs .items-list .list-item.open:hover {
10187
  background-color: var(--list-item-open-hover-color);
10188
}
10189
 
10190
.conversejs .items-list .list-item.open a {
10191
  color: var(--inverse-link-color);
10192
}
10193
 
10194
.conversejs .items-list .list-item.open .list-item-action {
10195
  color: var(--list-item-action-color);
10196
}
10197
 
10198
.conversejs .items-list .list-item.open .list-item-action:hover {
10199
  color: var(--list-item-action-hover-color);
10200
}
10201
 
10202
.conversejs .items-list .list-item:hover {
10203
  background-color: var(--controlbox-pane-bg-hover-color);
10204
}
10205
 
10206
.conversejs .items-list .list-item:hover .list-item-action {
10207
  opacity: 1;
10208
}
10209
 
10210
.conversejs .items-list .list-item:hover .fa,
10211
.conversejs .items-list .list-item:hover .far,
10212
.conversejs .items-list .list-item:hover .fas {
10213
  opacity: 1;
10214
}
10215
 
10216
.conversejs .styling-directive {
10217
  color: var(--subdued-color);
10218
}
10219
 
10220
.conversejs .message .show-msg-author-modal {
10221
  align-self: flex-start;
10222
  color: var(--message-author-color) !important;
10223
}
10224
 
10225
.conversejs .message blockquote {
10226
  margin-left: 0.5em;
10227
  margin-bottom: 0.25em;
10228
  padding-right: 1em;
10229
  color: var(--subdued-color);
10230
  border-left: 0.3em solid var(--subdued-color);
10231
  padding-left: 0.5em;
10232
  display: inline-block;
10233
}
10234
 
10235
.conversejs .message code {
10236
  font-family: monospace;
10237
}
10238
 
10239
.conversejs .message .mention {
10240
  font-weight: bold;
10241
}
10242
 
10243
.conversejs .message .mention--self {
10244
  font-weight: normal;
10245
}
10246
 
10247
.conversejs .message.date-separator,
10248
.conversejs .message.separator {
10249
  height: 2em;
10250
  margin: 0;
10251
  position: relative;
10252
  text-align: center;
10253
  z-index: 0;
10254
}
10255
 
10256
.conversejs .message.date-separator .separator,
10257
.conversejs .message.separator .separator {
10258
  border-top: 0px;
10259
  border-bottom: var(--chat-separator-border-bottom);
10260
  margin: 0 1em;
10261
  position: relative;
10262
  top: 1em;
10263
  z-index: 5;
10264
}
10265
 
10266
.conversejs .message.date-separator .separator-text,
10267
.conversejs .message.separator .separator-text {
10268
  background: var(--chat-background-color);
10269
  bottom: 1px;
10270
  color: var(--separator-text-color);
10271
  display: inline-block;
10272
  line-height: 2em;
10273
  padding: 0 1em;
10274
  position: relative;
10275
  z-index: 5;
10276
}
10277
 
10278
.conversejs .message.chat-info {
10279
  color: var(--chat-info-color);
10280
  font-size: var(--message-font-size);
10281
  line-height: var(--line-height-small);
10282
  font-size: 90%;
10283
  padding: 0.17rem 1rem;
10284
}
10285
 
10286
.conversejs .message.chat-info.badge {
10287
  color: var(--chat-head-text-color);
10288
}
10289
 
10290
.conversejs .message.chat-info.chat-state-notification {
10291
  font-style: italic;
10292
}
10293
 
10294
.conversejs .message.chat-info.chat-event {
10295
  clear: left;
10296
  font-style: italic;
10297
}
10298
 
10299
.conversejs .message.chat-info.chat-error {
10300
  color: var(--error-color);
10301
  font-weight: bold;
10302
}
10303
 
10304
.conversejs .message.chat-info .q {
10305
  font-style: italic;
10306
}
10307
 
10308
.conversejs .message .chat-image {
10309
  height: auto;
10310
  width: auto;
10311
  max-height: 15em;
10312
  max-width: 100%;
10313
}
10314
 
10315
.conversejs .message.chat-msg--action {
10316
  font-style: italic;
10317
}
10318
 
10319
.conversejs .message.chat-msg--action .chat-msg__author {
10320
  padding-right: 0.2em;
10321
}
10322
 
10323
.conversejs .message.chat-msg {
10324
  display: inline-flex;
10325
  width: 100%;
10326
  flex-direction: row;
10327
  padding: 0.25em 1rem;
10328
}
10329
 
10330
.conversejs .message.chat-msg.onload {
10331
  animation: colorchange-chatmessage 1s;
10332
  -webkit-animation: colorchange-chatmessage 1s;
10333
}
10334
 
10335
.conversejs .message.chat-msg:hover {
10336
  background-color: var(--chat-msg-hover-color);
10337
}
10338
 
10339
.conversejs .message.chat-msg.correcting.groupchat {
10340
  background-color: var(--chatroom-correcting-color);
10341
}
10342
 
10343
.conversejs .message.chat-msg.correcting:not(.groupchat) {
10344
  background-color: var(--chat-correcting-color);
10345
}
10346
 
10347
.conversejs .message.chat-msg .spoiler {
10348
  margin-top: 0.5em;
10349
}
10350
 
10351
.conversejs .message.chat-msg .spoiler-hint {
10352
  margin-bottom: 0.5em;
10353
}
10354
 
10355
.conversejs .message.chat-msg .spoiler-toggle {
10356
  color: var(--background);
10357
}
10358
 
10359
.conversejs .message.chat-msg .spoiler-toggle i {
10360
  color: var(--background);
10361
  padding-right: 0.5em;
10362
}
10363
 
10364
.conversejs .message.chat-msg .spoiler-toggle:before {
10365
  padding-right: 0.25em;
10366
  white-space: nowrap;
10367
}
10368
 
10369
.conversejs .message.chat-msg .chat-msg__content--me .chat-msg__body--groupchat .chat-msg__text {
10370
  color: var(--subdued-color);
10371
}
10372
 
10373
.conversejs
10374
  .message.chat-msg
10375
  .chat-msg__content--me
10376
  .chat-msg__body--groupchat.chat-msg__body--delayed
10377
  .chat-msg__text,
10378
.conversejs
10379
  .message.chat-msg
10380
  .chat-msg__content--me
10381
  .chat-msg__body--groupchat.chat-msg__body--received
10382
  .chat-msg__text {
10383
  color: var(--message-text-color);
10384
}
10385
 
10386
.conversejs .message.chat-msg .chat-msg__content--action {
10387
  width: 100%;
10388
  margin-left: 0;
10389
}
10390
 
10391
.conversejs .message.chat-msg .chat-msg__message {
10392
  line-height: 1.65em;
10393
  display: inline-flex;
10394
  flex-direction: column;
10395
  width: 100%;
10396
  overflow-wrap: break-word;
10397
}
10398
 
10399
.conversejs .message.chat-msg .chat-msg__message .chat-msg__body--wrapper {
10400
  display: flex;
10401
}
10402
 
10403
.conversejs .message.chat-msg .chat-msg__edit-modal {
10404
  cursor: pointer;
10405
  padding-right: 0.5em;
10406
}
10407
 
10408
.conversejs .message.chat-msg .chat-msg__subject {
10409
  font-weight: bold;
10410
  clear: right;
10411
}
10412
 
10413
.conversejs .message.chat-msg .chat-msg__text {
10414
  color: var(--message-text-color);
10415
  padding: 0;
10416
  white-space: pre-wrap;
10417
  word-wrap: break-word;
10418
  word-break: break-word;
10419
}
10420
 
10421
.conversejs .message.chat-msg .chat-msg__text a {
10422
  word-wrap: break-word;
10423
  word-break: break-all;
10424
  display: inline;
10425
}
10426
 
10427
.conversejs .message.chat-msg .chat-msg__text a.chat-image__link {
10428
  width: -moz-fit-content;
10429
  width: fit-content;
10430
  display: block;
10431
}
10432
 
10433
.conversejs .message.chat-msg .chat-msg__text img.emoji {
10434
  height: 1.5em;
10435
  width: 1.5em;
10436
  margin: 0 0.05em 0 0.1em;
10437
  vertical-align: -0.1em;
10438
}
10439
 
10440
.conversejs .message.chat-msg .chat-msg__text .emojione {
10441
  margin-bottom: -6px;
10442
}
10443
 
10444
.conversejs .message.chat-msg .chat-msg__text--larger {
10445
  font-size: 1.6em;
10446
  padding-top: 0.25em;
10447
  padding-bottom: 0.25em;
10448
}
10449
 
10450
.conversejs .message.chat-msg .chat-msg__error {
10451
  color: var(--error-color);
10452
}
10453
 
10454
.conversejs .message.chat-msg .chat-msg__media {
10455
  margin-top: 0.25rem;
10456
  word-break: break-all;
10457
}
10458
 
10459
.conversejs .message.chat-msg .chat-msg__media a {
10460
  word-wrap: break-word;
10461
}
10462
 
10463
.conversejs .message.chat-msg .chat-msg__media audio {
10464
  width: 100%;
10465
}
10466
 
10467
.conversejs .message.chat-msg .chat-msg__author {
10468
  overflow: hidden;
10469
  text-overflow: ellipsis;
10470
  white-space: nowrap;
10471
  font-family: var(--heading-font);
10472
  font-size: 115%;
10473
  font-weight: bold;
10474
  padding-bottom: 1px;
10475
}
10476
 
10477
.conversejs .message.chat-msg .chat-msg__heading {
10478
  width: 100%;
10479
  padding-right: 0.25rem;
10480
}
10481
 
10482
.conversejs .message.chat-msg .chat-msg__heading .badge {
10483
  margin-left: 0.5em;
10484
  font-family: var(--normal_font);
10485
}
10486
 
10487
.conversejs .message.chat-msg .chat-msg__heading .chat-msg__time {
10488
  padding-left: 0.25em;
10489
  padding-right: 0.25em;
10490
  color: var(--text-color-lighten-15-percent);
10491
}
10492
 
10493
.conversejs .message.chat-msg .chat-msg__heading .fa-lock svg {
10494
  padding-bottom: 2px;
10495
}
10496
 
10497
.conversejs .message.chat-msg.chat-msg--action .chat-msg__message {
10498
  flex-direction: row;
10499
}
10500
 
10501
.conversejs .message.chat-msg.chat-msg--action .chat-msg__text {
10502
  width: auto;
10503
}
10504
 
10505
.conversejs .message.chat-msg.chat-msg--action .chat-msg__heading {
10506
  margin-top: 0;
10507
  padding-bottom: 0;
10508
  width: auto;
10509
}
10510
 
10511
.conversejs .message.chat-msg.chat-msg--action .chat-msg__heading .fa {
10512
  margin-left: 0.5em;
10513
}
10514
 
10515
.conversejs .message.chat-msg.chat-msg--action .chat-msg__author {
10516
  font-size: var(--message-font-size);
10517
}
10518
 
10519
.conversejs .message.chat-msg.chat-msg--action .chat-msg__time {
10520
  margin-left: 0;
10521
}
10522
 
10523
.conversejs .message.chat-msg .chat-msg__content {
10524
  width: calc(100% - var(--message-avatar-width));
10525
}
10526
 
10527
.conversejs .message.chat-msg.chat-msg--followup .chat-msg__heading,
10528
.conversejs .message.chat-msg.chat-msg--followup .show-msg-author-modal {
10529
  display: none;
10530
}
10531
 
10532
.conversejs .message.chat-msg.chat-msg--followup.chat-msg--with-avatar .chat-msg__content {
10533
  margin-left: 2.75rem;
10534
  width: 100%;
10535
}
10536
 
10537
.conversejs .message.chat-msg .chat-msg__receipt {
10538
  margin-left: 0.5em;
10539
  margin-right: 0.5em;
10540
  color: var(--message-receipt-color);
10541
}
10542
 
10543
.conversejs .message .chat-msg__content {
10544
  display: flex;
10545
  flex-direction: column;
10546
  justify-content: space-between;
10547
  align-items: stretch;
10548
  margin-left: 0.5rem;
10549
}
10550
 
10551
.conversejs .message .chat-msg__content:hover .btn--standalone {
10552
  opacity: 1;
10553
}
10554
 
10555
.conversejs .message .chat-msg__body {
10556
  display: flex;
10557
  flex-direction: row;
10558
  justify-content: space-between;
10559
}
10560
 
10561
.conversejs .chatroom-body .message.onload {
10562
  animation: colorchange-chatmessage-muc 1s;
10563
  -webkit-animation: colorchange-chatmessage-muc 1s;
10564
}
10565
 
10566
.conversejs .chatroom-body .message .separator {
10567
  border-top: 0px;
10568
  border-bottom: var(--chatroom-separator-border-bottom);
10569
}
10570
 
10571
.conversejs
10572
  converse-chats.converse-overlayed
10573
  .message.chat-msg.chat-msg--followup
10574
  .chat-msg__content {
10575
  margin-left: 0;
10576
}
10577
 
10578
@media screen and (max-width: 767px) {
10579
  converse-chats:not(.converse-embedded) .message.chat-msg .chat-msg__author {
10580
    white-space: normal;
10581
  }
10582
}
10583
 
10584
#conversejs-bg .subdued {
10585
  opacity: 0.35;
10586
}
10587
 
10588
#conversejs-bg .converse-brand {
10589
  display: flex;
10590
  justify-content: space-between;
10591
  margin-top: 15vh;
10592
  animation-name: fadein;
10593
  animation-fill-mode: forwards;
10594
  animation-duration: 5s;
10595
  animation-timing-function: ease;
10596
}
10597
 
10598
#conversejs-bg .converse-brand__text {
10599
  color: #fff;
10600
  font-family: var(--branding-font);
10601
  font-weight: normal;
10602
  text-align: center;
10603
  font-size: 140%;
10604
  margin-left: 0.2em;
10605
}
10606
 
10607
#conversejs-bg .converse-brand__text .byline {
10608
  margin: 0;
10609
  font-family: var(--heading-font);
10610
  font-size: 0.3em;
10611
  opacity: 0.55;
10612
  margin-bottom: 2em;
10613
  margin-left: -2.7em;
10614
  word-spacing: 5px;
10615
}
10616
 
10617
@media screen and (max-width: 480px) {
10618
  #conversejs-bg .converse-brand {
10619
    display: none;
10620
  }
10621
}
10622
 
10623
@media (max-width: 767.98px) {
10624
  #conversejs-bg .converse-brand {
10625
    display: none;
10626
  }
10627
}
10628
 
10629
.converse-fullscreen #conversejs-bg .converse-brand__padding {
10630
  position: relative;
10631
  width: 100%;
10632
  padding-right: 15px;
10633
  padding-left: 15px;
10634
  padding: 0;
10635
}
10636
 
10637
@media (min-width: 768px) {
10638
  .converse-fullscreen #conversejs-bg .converse-brand__padding {
10639
    flex: 0 0 33.33333333%;
10640
    max-width: 33.33333333%;
10641
  }
10642
}
10643
 
10644
@media (min-width: 992px) {
10645
  .converse-fullscreen #conversejs-bg .converse-brand__padding {
10646
    flex: 0 0 25%;
10647
    max-width: 25%;
10648
  }
10649
}
10650
 
10651
@media (min-width: 1200px) {
10652
  .converse-fullscreen #conversejs-bg .converse-brand__padding {
10653
    flex: 0 0 16.66666667%;
10654
    max-width: 16.66666667%;
10655
  }
10656
}
10657
 
10658
.converse-fullscreen #conversejs-bg .converse-brand__heading {
10659
  position: relative;
10660
  width: 100%;
10661
  padding-right: 15px;
10662
  padding-left: 15px;
10663
  padding: 0;
10664
  display: flex;
10665
  justify-content: center;
10666
  margin: auto;
10667
}
10668
 
10669
@media (min-width: 768px) {
10670
  .converse-fullscreen #conversejs-bg .converse-brand__heading {
10671
    font-size: 4em;
10672
    flex: 0 0 66.66666667%;
10673
    max-width: 66.66666667%;
10674
  }
10675
}
10676
 
10677
@media (min-width: 992px) {
10678
  .converse-fullscreen #conversejs-bg .converse-brand__heading {
10679
    font-size: 5em;
10680
    flex: 0 0 75%;
10681
    max-width: 75%;
10682
  }
10683
}
10684
 
10685
@media (min-width: 1200px) {
10686
  .converse-fullscreen #conversejs-bg .converse-brand__heading {
10687
    font-size: 6em;
10688
    flex: 0 0 83.33333333%;
10689
    max-width: 83.33333333%;
10690
  }
10691
}
10692
 
10693
.converse-fullscreen #conversejs-bg .converse-brand__heading svg {
10694
  margin-top: 0.3em;
10695
}
10696
 
10697
.converse-overlayed #conversejs-bg .converse-brand__padding {
10698
  position: relative;
10699
  width: 100%;
10700
  padding-right: 15px;
10701
  padding-left: 15px;
10702
  padding: 0;
10703
}
10704
 
10705
@media (min-width: 768px) {
10706
  .converse-overlayed #conversejs-bg .converse-brand__padding {
10707
    flex: 0 0 16.66666667%;
10708
    max-width: 16.66666667%;
10709
  }
10710
}
10711
 
10712
@media (min-width: 992px) {
10713
  .converse-overlayed #conversejs-bg .converse-brand__padding {
10714
    flex: 0 0 8.33333333%;
10715
    max-width: 8.33333333%;
10716
  }
10717
}
10718
 
10719
@media (min-width: 1200px) {
10720
  .converse-overlayed #conversejs-bg .converse-brand__padding {
10721
    flex: 0 0 8.33333333%;
10722
    max-width: 8.33333333%;
10723
  }
10724
}
10725
 
10726
.converse-overlayed #conversejs-bg .converse-brand__heading {
10727
  position: relative;
10728
  width: 100%;
10729
  padding-right: 15px;
10730
  padding-left: 15px;
10731
  padding: 0;
10732
  display: flex;
10733
  justify-content: center;
10734
  margin: auto;
10735
}
10736
 
10737
@media (min-width: 768px) {
10738
  .converse-overlayed #conversejs-bg .converse-brand__heading {
10739
    font-size: 4em;
10740
    flex: 0 0 66.66666667%;
10741
    max-width: 66.66666667%;
10742
  }
10743
}
10744
 
10745
@media (min-width: 992px) {
10746
  .converse-overlayed #conversejs-bg .converse-brand__heading {
10747
    font-size: 5em;
10748
    flex: 0 0 83.33333333%;
10749
    max-width: 83.33333333%;
10750
  }
10751
}
10752
 
10753
@media (min-width: 1200px) {
10754
  .converse-overlayed #conversejs-bg .converse-brand__heading {
10755
    font-size: 6em;
10756
    flex: 0 0 83.33333333%;
10757
    max-width: 83.33333333%;
10758
  }
10759
}
10760
 
10761
.converse-overlayed #conversejs-bg .converse-brand__heading svg {
10762
  margin-top: 0.3em;
10763
}
10764
 
10765
.conversejs .modal-open {
10766
  overflow: hidden;
10767
}
10768
 
10769
.conversejs .modal-open .modal {
10770
  overflow-x: hidden;
10771
  overflow-y: auto;
10772
}
10773
 
10774
.conversejs .modal {
10775
  position: fixed;
10776
  top: 0;
10777
  left: 0;
10778
  z-index: 1050;
10779
  display: none;
10780
  width: 100%;
10781
  height: 100%;
10782
  overflow: hidden;
10783
  outline: 0;
10784
}
10785
 
10786
.conversejs .modal-dialog {
10787
  position: relative;
10788
  width: auto;
10789
  margin: 0.5rem;
10790
  pointer-events: none;
10791
}
10792
 
10793
.modal.fade .conversejs .modal-dialog {
10794
  transition: transform 0.3s ease-out;
10795
  transform: translate(0, -50px);
10796
}
10797
 
10798
@media (prefers-reduced-motion: reduce) {
10799
  .modal.fade .conversejs .modal-dialog {
10800
    transition: none;
10801
  }
10802
}
10803
 
10804
.modal.show .conversejs .modal-dialog {
10805
  transform: none;
10806
}
10807
 
10808
.modal.modal-static .conversejs .modal-dialog {
10809
  transform: scale(1.02);
10810
}
10811
 
10812
.conversejs .modal-dialog-scrollable {
10813
  display: flex;
10814
  max-height: calc(100% - 1rem);
10815
}
10816
 
10817
.conversejs .modal-dialog-scrollable .modal-content {
10818
  max-height: calc(100vh - 1rem);
10819
  overflow: hidden;
10820
}
10821
 
10822
.conversejs .modal-dialog-scrollable .modal-header,
10823
.conversejs .modal-dialog-scrollable .modal-footer {
10824
  flex-shrink: 0;
10825
}
10826
 
10827
.conversejs .modal-dialog-scrollable .modal-body {
10828
  overflow-y: auto;
10829
}
10830
 
10831
.conversejs .modal-dialog-centered {
10832
  display: flex;
10833
  align-items: center;
10834
  min-height: calc(100% - 1rem);
10835
}
10836
 
10837
.conversejs .modal-dialog-centered::before {
10838
  display: block;
10839
  height: calc(100vh - 1rem);
10840
  height: -moz-min-content;
10841
  height: min-content;
10842
  content: '';
10843
}
10844
 
10845
.conversejs .modal-dialog-centered.modal-dialog-scrollable {
10846
  flex-direction: column;
10847
  justify-content: center;
10848
  height: 100%;
10849
}
10850
 
10851
.conversejs .modal-dialog-centered.modal-dialog-scrollable .modal-content {
10852
  max-height: none;
10853
}
10854
 
10855
.conversejs .modal-dialog-centered.modal-dialog-scrollable::before {
10856
  content: none;
10857
}
10858
 
10859
.conversejs .modal-content {
10860
  position: relative;
10861
  display: flex;
10862
  flex-direction: column;
10863
  width: 100%;
10864
  pointer-events: auto;
10865
  background-color: #fff;
10866
  background-clip: padding-box;
10867
  border: 1px solid rgba(0, 0, 0, 0.2);
10868
  border-radius: 0.3rem;
10869
  outline: 0;
10870
}
10871
 
10872
.conversejs .modal-backdrop {
10873
  position: fixed;
10874
  top: 0;
10875
  left: 0;
10876
  z-index: 1040;
10877
  width: 100vw;
10878
  height: 100vh;
10879
  background-color: #000;
10880
}
10881
 
10882
.conversejs .modal-backdrop.fade {
10883
  opacity: 0;
10884
}
10885
 
10886
.conversejs .modal-backdrop.show {
10887
  opacity: 0.5;
10888
}
10889
 
10890
.conversejs .modal-header {
10891
  display: flex;
10892
  align-items: flex-start;
10893
  justify-content: space-between;
10894
  padding: 1rem 1rem;
10895
  border-bottom: 1px solid #dee2e6;
10896
  border-top-left-radius: calc(0.3rem - 1px);
10897
  border-top-right-radius: calc(0.3rem - 1px);
10898
}
10899
 
10900
.conversejs .modal-header .close {
10901
  padding: 1rem 1rem;
10902
  margin: -1rem -1rem -1rem auto;
10903
}
10904
 
10905
.conversejs .modal-title {
10906
  margin-bottom: 0;
10907
  line-height: 1.5;
10908
}
10909
 
10910
.conversejs .modal-body {
10911
  position: relative;
10912
  flex: 1 1 auto;
10913
  padding: 1rem;
10914
}
10915
 
10916
.conversejs .modal-footer {
10917
  display: flex;
10918
  flex-wrap: wrap;
10919
  align-items: center;
10920
  justify-content: flex-end;
10921
  padding: 0.75rem;
10922
  border-top: 1px solid #dee2e6;
10923
  border-bottom-right-radius: calc(0.3rem - 1px);
10924
  border-bottom-left-radius: calc(0.3rem - 1px);
10925
}
10926
 
10927
.conversejs .modal-footer > * {
10928
  margin: 0.25rem;
10929
}
10930
 
10931
.conversejs .modal-scrollbar-measure {
10932
  position: absolute;
10933
  top: -9999px;
10934
  width: 50px;
10935
  height: 50px;
10936
  overflow: scroll;
10937
}
10938
 
10939
@media (min-width: 576px) {
10940
  .conversejs .modal-dialog {
10941
    max-width: 500px;
10942
    margin: 1.75rem auto;
10943
  }
10944
 
10945
  .conversejs .modal-dialog-scrollable {
10946
    max-height: calc(100% - 3.5rem);
10947
  }
10948
 
10949
  .conversejs .modal-dialog-scrollable .modal-content {
10950
    max-height: calc(100vh - 3.5rem);
10951
  }
10952
 
10953
  .conversejs .modal-dialog-centered {
10954
    min-height: calc(100% - 3.5rem);
10955
  }
10956
 
10957
  .conversejs .modal-dialog-centered::before {
10958
    height: calc(100vh - 3.5rem);
10959
    height: -moz-min-content;
10960
    height: min-content;
10961
  }
10962
 
10963
  .conversejs .modal-sm {
10964
    max-width: 300px;
10965
  }
10966
}
10967
 
10968
@media (min-width: 992px) {
10969
  .conversejs .modal-lg,
10970
  .conversejs .modal-xl {
10971
    max-width: 800px;
10972
  }
10973
}
10974
 
10975
@media (min-width: 1200px) {
10976
  .conversejs .modal-xl {
10977
    max-width: 1140px;
10978
  }
10979
}
10980
 
10981
.conversejs .modal-header.alert-danger {
10982
  background-color: var(--error-color);
10983
  color: var(--background);
10984
  border-bottom: none;
10985
}
10986
 
10987
.conversejs .modal-header.alert-danger .close {
10988
  color: var(--background);
10989
}
10990
 
10991
.conversejs .modal-content {
10992
  background-color: var(--modal-background-color);
10993
}
10994
 
10995
.conversejs .modal-body .row {
10996
  margin-left: 0;
10997
  margin-right: 0;
10998
}
10999
 
11000
.conversejs .occupant-details li {
11001
  margin-bottom: 1em;
11002
}
11003
 
11004
.conversejs #converse-modals .modal .nav-item {
11005
  margin: 0.25em;
11006
}
11007
 
11008
.conversejs #converse-modals .modal .nav-item .nav-link.active {
11009
  color: var(--background);
11010
}
11011
 
11012
.conversejs #converse-modals .modal .nav-item:hover .nav-link {
11013
  color: var(--foreground);
11014
  background-color: var(--primary-color-light);
11015
}
11016
 
11017
.conversejs #converse-modals .modal .nav-item:hover .nav-link.active {
11018
  color: var(--background);
11019
  background-color: var(--primary-color);
11020
}
11021
 
11022
.conversejs #converse-modals .modal .modal-content {
11023
  box-shadow: var(--raised-el-shadow);
11024
}
11025
 
11026
.conversejs #converse-modals .modal .modal-body {
11027
  overflow-y: auto;
11028
  max-height: 75vh;
11029
  margin-bottom: 2em;
11030
}
11031
 
11032
.conversejs #converse-modals .modal .modal-body p {
11033
  padding: 0.25rem 0;
11034
}
11035
 
11036
.conversejs #converse-modals .modal .modal-body .confirm .form-group p:first-child {
11037
  font-size: 110%;
11038
  font-weight: bold;
11039
}
11040
 
11041
.conversejs #converse-modals .modal .modal-body.fit-content {
11042
  box-sizing: content-box;
11043
}
11044
 
11045
.conversejs #converse-modals .modal .modal-body.fit-content img {
11046
  max-width: 90vw;
11047
}
11048
 
11049
.conversejs #converse-modals .modal .modal-footer {
11050
  justify-content: flex-start;
11051
}
11052
 
11053
.conversejs #converse-modals .modal .roomid-policy-error {
11054
  color: var(--error-color);
11055
  font-size: var(--font-size-small);
11056
  float: right;
11057
}
11058
 
11059
.conversejs #converse-modals .scrollable-container {
11060
  max-height: 45vh;
11061
  overflow-y: auto;
11062
}
11063
 
11064
.conversejs #converse-modals .role-form,
11065
.conversejs #converse-modals .affiliation-form {
11066
  padding: 2em 0 1em 0;
11067
}
11068
 
11069
.conversejs #converse-modals .set-xmpp-status {
11070
  margin: 1em;
11071
}
11072
 
11073
.conversejs #converse-modals .set-xmpp-status .custom-control-label {
11074
  padding-top: 0.25em;
11075
}
11076
 
11077
.conversejs #converse-modals #omemo-tabpanel {
11078
  margin-top: 1em;
11079
}
11080
 
11081
.conversejs #converse-modals .btn {
11082
  font-weight: normal;
11083
}
11084
 
11085
.conversejs [hidden] {
11086
  display: none;
11087
}
11088
 
11089
.conversejs .visually-hidden {
11090
  position: absolute;
11091
  clip: rect(0, 0, 0, 0);
11092
}
11093
 
11094
.conversejs .form-group .suggestion-box {
11095
  width: 100%;
11096
}
11097
 
11098
.conversejs .suggestion-box {
11099
  position: relative;
11100
}
11101
 
11102
.conversejs .suggestion-box mark {
11103
  background: var(--completion-light-color);
11104
}
11105
 
11106
.conversejs .suggestion-box > input {
11107
  display: block;
11108
}
11109
 
11110
.conversejs .suggestion-box .suggestion-box__results,
11111
.conversejs .suggestion-box > ul {
11112
  border-radius: 0.3em;
11113
  border: 1px solid var(--focus-color);
11114
  box-shadow: 0.05em 0.2em 0.6em rgba(0, 0, 0, 0.1);
11115
  box-sizing: border-box;
11116
  left: 0;
11117
  list-style: none;
11118
  margin: 0.2em 0 0;
11119
  min-width: 100%;
11120
  padding: 0;
11121
  position: absolute;
11122
  right: 0;
11123
  text-shadow: none;
11124
  z-index: 2;
11125
}
11126
 
11127
.conversejs .suggestion-box .suggestion-box__results:before,
11128
.conversejs .suggestion-box > ul:before {
11129
  content: '';
11130
  position: absolute;
11131
  top: -0.43em;
11132
  left: 1em;
11133
  width: 0;
11134
  height: 0;
11135
  padding: 0.4em;
11136
  background: var(--background);
11137
  border: inherit;
11138
  border-right: 0;
11139
  border-bottom: 0;
11140
  transform: rotate(45deg);
11141
  z-index: -1;
11142
}
11143
 
11144
.conversejs .suggestion-box .suggestion-box__results > li,
11145
.conversejs .suggestion-box > ul > li {
11146
  background: var(--background);
11147
  color: var(--text-color);
11148
  cursor: pointer;
11149
  display: flex;
11150
  overflow-x: hidden;
11151
  padding: 1em;
11152
  position: relative;
11153
  text-overflow: ellipsis;
11154
}
11155
 
11156
.conversejs .suggestion-box .suggestion-box__results--below {
11157
  top: 3em;
11158
}
11159
 
11160
.conversejs .suggestion-box .suggestion-box__results--above {
11161
  bottom: 4.5em;
11162
}
11163
 
11164
.conversejs .suggestion-box .suggestion-box__results--above:before {
11165
  display: none;
11166
}
11167
 
11168
.conversejs .suggestion-box .suggestion-box__results--above:after {
11169
  z-index: -1;
11170
  content: '';
11171
  position: absolute;
11172
  bottom: -0.43em;
11173
  left: 1em;
11174
  width: 0;
11175
  height: 0;
11176
  padding: 0.4em;
11177
  background: var(--background);
11178
  border: inherit;
11179
  border-left: 0;
11180
  border-top: 0;
11181
  transform: rotate(45deg);
11182
}
11183
 
11184
.conversejs .suggestion-box > ul[hidden],
11185
.conversejs .suggestion-box > ul:empty {
11186
  display: none;
11187
}
11188
 
11189
@supports (transform: scale(0)) {
11190
  .conversejs .suggestion-box > ul {
11191
    transition: 0.3s cubic-bezier(0.4, 0.2, 0.5, 1.4);
11192
    transform-origin: 1.43em -0.43em;
11193
  }
11194
 
11195
  .conversejs .suggestion-box > ul[hidden],
11196
  .conversejs .suggestion-box > ul:empty {
11197
    opacity: 0;
11198
    transform: scale(0);
11199
    display: block;
11200
    transition-timing-function: ease;
11201
  }
11202
}
11203
 
11204
.conversejs .suggestion-box > ul > li[aria-selected='true'] {
11205
  background: var(--completion-dark-color);
11206
  color: var(--inverse-link-color);
11207
}
11208
 
11209
.conversejs .suggestion-box li:hover mark {
11210
  background: var(--completion-light-color);
11211
  color: var(--inverse-link-color);
11212
}
11213
 
11214
.conversejs .suggestion-box li[aria-selected='true'] mark {
11215
  background: var(--completion-normal-color);
11216
  color: inherit;
11217
}
11218
 
11219
.conversejs.converse-fullscreen .suggestion-box__results--above {
11220
  bottom: 4.5em;
11221
}
11222
 
11223
.conversejs.converse-overlayed .suggestion-box__results--above {
11224
  bottom: 3.5em;
11225
}
11226
 
11227
converse-avatar {
11228
  border: 0;
11229
  background: rgba(0, 0, 0, 0);
11230
}
11231
 
11232
converse-avatar.modal-avatar {
11233
  display: block;
11234
  margin-bottom: 1em;
11235
}
11236
 
11237
converse-avatar .avatar {
11238
  border-radius: var(--avatar-border-radius);
11239
}
11240
 
11241
converse-modtools converse-icon svg {
11242
  fill: var(--link-color);
11243
}
11244
 
11245
.conversejs #controlbox .bookmarks-toggle,
11246
.conversejs #controlbox .bookmarks-toggle .fa {
11247
  color: var(--groupchats-header-color) !important;
11248
}
11249
 
11250
.conversejs #controlbox .bookmarks-toggle:hover,
11251
.conversejs #controlbox .bookmarks-toggle .fa:hover {
11252
  color: var(--chatroom-head-bg-color-dark) !important;
11253
}
11254
 
11255
.conversejs.fullscreen
11256
  #controlbox
11257
  #chatrooms
11258
  .bookmarks-list
11259
  dl.rooms-list.bookmarks
11260
  dd.available-chatroom
11261
  a.open-room {
11262
  width: 80%;
11263
}
11264
 
11265
converse-bookmarks .list-item-link {
11266
  padding: 0 1em;
11267
}
11268
 
11269
.conversejs converse-chats.converse-chatboxes {
11270
  z-index: 1031;
11271
  position: fixed;
11272
  bottom: 0;
11273
  right: 0;
11274
}
11275
 
11276
.conversejs converse-chats.converse-overlayed {
11277
  height: 3em;
11278
}
11279
 
11280
.conversejs converse-chats.converse-overlayed > .row {
11281
  flex-direction: row-reverse;
11282
}
11283
 
11284
.conversejs converse-chats.converse-fullscreen,
11285
.conversejs converse-chats.converse-mobile {
11286
  flex-wrap: nowrap;
11287
  width: 100vw;
11288
}
11289
 
11290
.conversejs converse-chats.converse-embedded {
11291
  box-sizing: border-box;
11292
  bottom: auto;
11293
  height: 100%;
11294
  position: relative;
11295
  right: auto;
11296
  width: 100%;
11297
}
11298
 
11299
.conversejs converse-chats.converse-embedded *,
11300
.conversejs converse-chats.converse-embedded *:before,
11301
.conversejs converse-chats.converse-embedded *:after {
11302
  box-sizing: border-box;
11303
}
11304
 
11305
.conversejs converse-chats.converse-embedded.converse-chatboxes {
11306
  z-index: 1031;
11307
  position: inherit;
11308
  flex-wrap: nowrap;
11309
  bottom: auto;
11310
  height: 100%;
11311
  width: 100%;
11312
}
11313
 
11314
converse-message-actions {
11315
  margin-left: 0.5em;
11316
}
11317
 
11318
converse-message-actions .chat-msg__actions .dropdown-menu {
11319
  min-width: 5rem;
11320
}
11321
 
11322
converse-message-actions .chat-msg__actions i {
11323
  color: var(--text-color-lighten-15-percent);
11324
  font-size: 70%;
11325
}
11326
 
11327
converse-message-actions .chat-msg__actions button {
11328
  border: none;
11329
  background: rgba(0, 0, 0, 0);
11330
  color: var(--text-color-lighten-15-percent);
11331
  padding: 0 0.25em;
11332
}
11333
 
11334
converse-message-actions .chat-msg__actions .btn--standalone {
11335
  opacity: 0;
11336
  margin-top: -0.2em;
11337
}
11338
 
11339
converse-message-actions .chat-msg__actions .chat-msg__action {
11340
  width: 100%;
11341
  padding: 0.5em 1em;
11342
  text-align: left;
11343
  white-space: nowrap;
11344
}
11345
 
11346
converse-message-actions .chat-msg__actions .chat-msg__action converse-icon {
11347
  margin-right: 0.25em;
11348
}
11349
 
11350
converse-message-actions .chat-msg__actions .chat-msg__action:hover {
11351
  color: var(--text-color);
11352
  background-color: var(--list-item-hover-color);
11353
}
11354
 
11355
converse-image-modal .chat-image--modal {
11356
  max-height: 99%;
11357
  max-width: 100%;
11358
}
11359
 
11360
converse-gif {
11361
  display: block;
11362
}
11363
 
11364
img.gif {
11365
  visibility: hidden;
11366
}
11367
 
11368
.gif-canvas {
11369
  cursor: pointer;
11370
  max-width: 100%;
11371
  max-height: 100%;
11372
  display: block;
11373
}
11374
 
11375
.gifcontrol {
11376
  cursor: pointer;
11377
  transition: background 0.25s ease-in-out;
11378
  z-index: 100;
11379
  display: contents;
11380
  position: relative;
11381
}
11382
 
11383
.gifcontrol:after {
11384
  transition: background 0.25s ease-in-out;
11385
  position: absolute;
11386
  content: '';
11387
  display: block;
11388
  left: calc(50% - 25px);
11389
  top: calc(50% - 25px);
11390
}
11391
 
11392
.gifcontrol.loading {
11393
  background: rgba(255, 255, 255, 0.75);
11394
}
11395
 
11396
.gifcontrol.loading:after {
11397
  background: #fff;
11398
  width: 50px;
11399
  height: 50px;
11400
  border-radius: 50px;
11401
}
11402
 
11403
.gifcontrol.playing:after {
11404
  opacity: 0;
11405
  transition: opacity 0.25s ease-in-out;
11406
  border-left: 20px solid #fff;
11407
  border-right: 20px solid #fff;
11408
  width: 50px;
11409
  height: 50px;
11410
}
11411
 
11412
.gifcontrol.playing:hover:after {
11413
  opacity: 1;
11414
}
11415
 
11416
.gifcontrol.paused {
11417
  background: rgba(255, 255, 255, 0.5);
11418
}
11419
 
11420
.gifcontrol.paused:after {
11421
  width: 0;
11422
  height: 0;
11423
  border-style: solid;
11424
  border-width: 25px 0 25px 50px;
11425
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
11426
}
11427
 
11428
converse-chat-message-body {
11429
  margin-right: 0.5em;
11430
  overflow-y: hidden;
11431
}
11432
 
11433
converse-chat-message-body audio {
11434
  display: block;
11435
}
11436
 
11437
@media (max-width: 767.98px) {
11438
  converse-chat-message-body audio {
11439
    max-width: 95%;
11440
  }
11441
}
11442
 
11443
@media (min-width: 768px) {
11444
  converse-chat-message-body audio {
11445
    max-width: 70%;
11446
  }
11447
}
11448
 
11449
@media (min-width: 992px) {
11450
  converse-chat-message-body audio {
11451
    max-width: 50%;
11452
  }
11453
}
11454
 
11455
@media (min-width: 1200px) {
11456
  converse-chat-message-body audio {
11457
    max-width: 40%;
11458
  }
11459
}
11460
 
11461
converse-chat-message-body video {
11462
  display: block;
11463
  max-height: 25em;
11464
}
11465
 
11466
@media (max-width: 767.98px) {
11467
  converse-chat-message-body video {
11468
    max-width: 95%;
11469
  }
11470
}
11471
 
11472
@media (min-width: 768px) {
11473
  converse-chat-message-body video {
11474
    max-width: 70%;
11475
  }
11476
}
11477
 
11478
@media (min-width: 992px) {
11479
  converse-chat-message-body video {
11480
    max-width: 50%;
11481
  }
11482
}
11483
 
11484
@media (min-width: 1200px) {
11485
  converse-chat-message-body video {
11486
    max-width: 40%;
11487
  }
11488
}
11489
 
11490
.converse-overlayed converse-chat-message-body audio {
11491
  display: block;
11492
  max-width: 100%;
11493
}
11494
 
11495
.converse-overlayed converse-chat-message-body video {
11496
  display: block;
11497
  max-width: 100%;
11498
}
11499
 
11500
converse-icon {
11501
  display: inline-block;
11502
  padding: 0;
11503
  margin: 0;
11504
}
11505
 
11506
converse-icon svg {
11507
  fill: var(--subdued-color);
11508
}
11509
 
11510
converse-icon.clickable:hover svg {
11511
  fill: var(--icon-hover-color);
11512
}
11513
 
11514
a converse-icon:hover svg,
11515
.clickable converse-icon:hover svg {
11516
  fill: var(--icon-hover-color);
11517
}
11518
 
11519
.conversejs .dropup,
11520
.conversejs .dropright,
11521
.conversejs .dropdown,
11522
.conversejs .dropleft {
11523
  position: relative;
11524
}
11525
 
11526
.conversejs .dropdown-toggle {
11527
  white-space: nowrap;
11528
}
11529
 
11530
.conversejs .dropdown-toggle::after {
11531
  display: inline-block;
11532
  margin-left: 0.255em;
11533
  vertical-align: 0.255em;
11534
  content: '';
11535
  border-top: 0.3em solid;
11536
  border-right: 0.3em solid rgba(0, 0, 0, 0);
11537
  border-bottom: 0;
11538
  border-left: 0.3em solid rgba(0, 0, 0, 0);
11539
}
11540
 
11541
.conversejs .dropdown-toggle:empty::after {
11542
  margin-left: 0;
11543
}
11544
 
11545
.conversejs .dropdown-menu {
11546
  position: absolute;
11547
  top: 100%;
11548
  left: 0;
11549
  z-index: 1000;
11550
  display: none;
11551
  float: left;
11552
  min-width: 10rem;
11553
  padding: 0.5rem 0;
11554
  margin: 0.125rem 0 0;
11555
  font-size: 1rem;
11556
  color: #212529;
11557
  text-align: left;
11558
  list-style: none;
11559
  background-color: #fff;
11560
  background-clip: padding-box;
11561
  border: 1px solid rgba(0, 0, 0, 0.15);
11562
  border-radius: 0.25rem;
11563
}
11564
 
11565
.conversejs .dropdown-menu-left {
11566
  right: auto;
11567
  left: 0;
11568
}
11569
 
11570
.conversejs .dropdown-menu-right {
11571
  right: 0;
11572
  left: auto;
11573
}
11574
 
11575
@media (min-width: 576px) {
11576
  .conversejs .dropdown-menu-sm-left {
11577
    right: auto;
11578
    left: 0;
11579
  }
11580
 
11581
  .conversejs .dropdown-menu-sm-right {
11582
    right: 0;
11583
    left: auto;
11584
  }
11585
}
11586
 
11587
@media (min-width: 768px) {
11588
  .conversejs .dropdown-menu-md-left {
11589
    right: auto;
11590
    left: 0;
11591
  }
11592
 
11593
  .conversejs .dropdown-menu-md-right {
11594
    right: 0;
11595
    left: auto;
11596
  }
11597
}
11598
 
11599
@media (min-width: 992px) {
11600
  .conversejs .dropdown-menu-lg-left {
11601
    right: auto;
11602
    left: 0;
11603
  }
11604
 
11605
  .conversejs .dropdown-menu-lg-right {
11606
    right: 0;
11607
    left: auto;
11608
  }
11609
}
11610
 
11611
@media (min-width: 1200px) {
11612
  .conversejs .dropdown-menu-xl-left {
11613
    right: auto;
11614
    left: 0;
11615
  }
11616
 
11617
  .conversejs .dropdown-menu-xl-right {
11618
    right: 0;
11619
    left: auto;
11620
  }
11621
}
11622
 
11623
.conversejs .dropup .dropdown-menu {
11624
  top: auto;
11625
  bottom: 100%;
11626
  margin-top: 0;
11627
  margin-bottom: 0.125rem;
11628
}
11629
 
11630
.conversejs .dropup .dropdown-toggle::after {
11631
  display: inline-block;
11632
  margin-left: 0.255em;
11633
  vertical-align: 0.255em;
11634
  content: '';
11635
  border-top: 0;
11636
  border-right: 0.3em solid rgba(0, 0, 0, 0);
11637
  border-bottom: 0.3em solid;
11638
  border-left: 0.3em solid rgba(0, 0, 0, 0);
11639
}
11640
 
11641
.conversejs .dropup .dropdown-toggle:empty::after {
11642
  margin-left: 0;
11643
}
11644
 
11645
.conversejs .dropright .dropdown-menu {
11646
  top: 0;
11647
  right: auto;
11648
  left: 100%;
11649
  margin-top: 0;
11650
  margin-left: 0.125rem;
11651
}
11652
 
11653
.conversejs .dropright .dropdown-toggle::after {
11654
  display: inline-block;
11655
  margin-left: 0.255em;
11656
  vertical-align: 0.255em;
11657
  content: '';
11658
  border-top: 0.3em solid rgba(0, 0, 0, 0);
11659
  border-right: 0;
11660
  border-bottom: 0.3em solid rgba(0, 0, 0, 0);
11661
  border-left: 0.3em solid;
11662
}
11663
 
11664
.conversejs .dropright .dropdown-toggle:empty::after {
11665
  margin-left: 0;
11666
}
11667
 
11668
.conversejs .dropright .dropdown-toggle::after {
11669
  vertical-align: 0;
11670
}
11671
 
11672
.conversejs .dropleft .dropdown-menu {
11673
  top: 0;
11674
  right: 100%;
11675
  left: auto;
11676
  margin-top: 0;
11677
  margin-right: 0.125rem;
11678
}
11679
 
11680
.conversejs .dropleft .dropdown-toggle::after {
11681
  display: inline-block;
11682
  margin-left: 0.255em;
11683
  vertical-align: 0.255em;
11684
  content: '';
11685
}
11686
 
11687
.conversejs .dropleft .dropdown-toggle::after {
11688
  display: none;
11689
}
11690
 
11691
.conversejs .dropleft .dropdown-toggle::before {
11692
  display: inline-block;
11693
  margin-right: 0.255em;
11694
  vertical-align: 0.255em;
11695
  content: '';
11696
  border-top: 0.3em solid rgba(0, 0, 0, 0);
11697
  border-right: 0.3em solid;
11698
  border-bottom: 0.3em solid rgba(0, 0, 0, 0);
11699
}
11700
 
11701
.conversejs .dropleft .dropdown-toggle:empty::after {
11702
  margin-left: 0;
11703
}
11704
 
11705
.conversejs .dropleft .dropdown-toggle::before {
11706
  vertical-align: 0;
11707
}
11708
 
11709
.conversejs .dropdown-menu[x-placement^='top'],
11710
.conversejs .dropdown-menu[x-placement^='right'],
11711
.conversejs .dropdown-menu[x-placement^='bottom'],
11712
.conversejs .dropdown-menu[x-placement^='left'] {
11713
  right: auto;
11714
  bottom: auto;
11715
}
11716
 
11717
.conversejs .dropdown-divider {
11718
  height: 0;
11719
  margin: 0.5rem 0;
11720
  overflow: hidden;
11721
  border-top: 1px solid #e9ecef;
11722
}
11723
 
11724
.conversejs .dropdown-item {
11725
  display: block;
11726
  width: 100%;
11727
  padding: 0.25rem 1.5rem;
11728
  clear: both;
11729
  font-weight: 400;
11730
  color: #212529;
11731
  text-align: inherit;
11732
  white-space: nowrap;
11733
  background-color: rgba(0, 0, 0, 0);
11734
  border: 0;
11735
}
11736
 
11737
.conversejs .dropdown-item:hover,
11738
.conversejs .dropdown-item:focus {
11739
  color: #16181b;
11740
  text-decoration: none;
11741
  background-color: #e9ecef;
11742
}
11743
 
11744
.conversejs .dropdown-item.active,
11745
.conversejs .dropdown-item:active {
11746
  color: #fff;
11747
  text-decoration: none;
11748
  background-color: #007bff;
11749
}
11750
 
11751
.conversejs .dropdown-item.disabled,
11752
.conversejs .dropdown-item:disabled {
11753
  color: #adb5bd;
11754
  pointer-events: none;
11755
  background-color: rgba(0, 0, 0, 0);
11756
}
11757
 
11758
.conversejs .dropdown-menu.show {
11759
  display: block;
11760
}
11761
 
11762
.conversejs .dropdown-header {
11763
  display: block;
11764
  padding: 0.5rem 1.5rem;
11765
  margin-bottom: 0;
11766
  font-size: 0.875rem;
11767
  color: #6c757d;
11768
  white-space: nowrap;
11769
}
11770
 
11771
.conversejs .dropdown-item-text {
11772
  display: block;
11773
  padding: 0.25rem 1.5rem;
11774
  color: #212529;
11775
}
11776
 
11777
.conversejs converse-dropdown.dropup.dropup--left .dropdown-menu {
11778
  right: 100%;
11779
  left: auto;
11780
}
11781
 
11782
.conversejs converse-dropdown .btn--standalone {
11783
  padding: 0 0.2em;
11784
  margin: 0;
11785
}
11786
 
11787
.conversejs converse-dropdown .dropdown-menu {
11788
  background: var(--background);
11789
  margin-top: -0.2em !important;
11790
  box-shadow: var(--raised-el-shadow);
11791
}
11792
 
11793
.conversejs converse-dropdown .dropdown-item {
11794
  line-height: 1em;
11795
  color: var(--text-color);
11796
  padding: 0.5rem 1rem;
11797
}
11798
 
11799
.conversejs converse-dropdown .dropdown-item converse-icon {
11800
  margin-top: -0.1em;
11801
  width: 1.25em;
11802
  margin-right: 0;
11803
}
11804
 
11805
.conversejs converse-dropdown .dropdown-item:active,
11806
.conversejs converse-dropdown .dropdown-item.selected {
11807
  color: #fff !important;
11808
  background-color: var(--list-item-open-color);
11809
}
11810
 
11811
.conversejs converse-dropdown .dropdown-item:active .fa,
11812
.conversejs converse-dropdown .dropdown-item.selected .fa {
11813
  color: #fff !important;
11814
}
11815
 
11816
.conversejs converse-dropdown .dropdown-item:hover {
11817
  color: var(--text-color);
11818
  background-color: var(--list-item-hover-color);
11819
}
11820
 
11821
.conversejs converse-message-versions time {
11822
  font-weight: bold;
11823
}
11824
 
11825
.conversejs .card {
11826
  position: relative;
11827
  display: flex;
11828
  flex-direction: column;
11829
  min-width: 0;
11830
  word-wrap: break-word;
11831
  background-color: #fff;
11832
  background-clip: border-box;
11833
  border: 1px solid rgba(0, 0, 0, 0.125);
11834
  border-radius: 0.25rem;
11835
}
11836
 
11837
.conversejs .card > hr {
11838
  margin-right: 0;
11839
  margin-left: 0;
11840
}
11841
 
11842
.conversejs .card > .list-group {
11843
  border-top: inherit;
11844
  border-bottom: inherit;
11845
}
11846
 
11847
.conversejs .card > .list-group:first-child {
11848
  border-top-width: 0;
11849
  border-top-left-radius: calc(0.25rem - 1px);
11850
  border-top-right-radius: calc(0.25rem - 1px);
11851
}
11852
 
11853
.conversejs .card > .list-group:last-child {
11854
  border-bottom-width: 0;
11855
  border-bottom-right-radius: calc(0.25rem - 1px);
11856
  border-bottom-left-radius: calc(0.25rem - 1px);
11857
}
11858
 
11859
.conversejs .card > .card-header + .list-group,
11860
.conversejs .card > .list-group + .card-footer {
11861
  border-top: 0;
11862
}
11863
 
11864
.conversejs .card-body {
11865
  flex: 1 1 auto;
11866
  min-height: 1px;
11867
  padding: 1.25rem;
11868
}
11869
 
11870
.conversejs .card-title {
11871
  margin-bottom: 0.75rem;
11872
}
11873
 
11874
.conversejs .card-subtitle {
11875
  margin-top: -0.375rem;
11876
  margin-bottom: 0;
11877
}
11878
 
11879
.conversejs .card-text:last-child {
11880
  margin-bottom: 0;
11881
}
11882
 
11883
.conversejs .card-link:hover {
11884
  text-decoration: none;
11885
}
11886
 
11887
.conversejs .card-link + .card-link {
11888
  margin-left: 1.25rem;
11889
}
11890
 
11891
.conversejs .card-header {
11892
  padding: 0.75rem 1.25rem;
11893
  margin-bottom: 0;
11894
  background-color: rgba(0, 0, 0, 0.03);
11895
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
11896
}
11897
 
11898
.conversejs .card-header:first-child {
11899
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
11900
}
11901
 
11902
.conversejs .card-footer {
11903
  padding: 0.75rem 1.25rem;
11904
  background-color: rgba(0, 0, 0, 0.03);
11905
  border-top: 1px solid rgba(0, 0, 0, 0.125);
11906
}
11907
 
11908
.conversejs .card-footer:last-child {
11909
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
11910
}
11911
 
11912
.conversejs .card-header-tabs {
11913
  margin-right: -0.625rem;
11914
  margin-bottom: -0.75rem;
11915
  margin-left: -0.625rem;
11916
  border-bottom: 0;
11917
}
11918
 
11919
.conversejs .card-header-pills {
11920
  margin-right: -0.625rem;
11921
  margin-left: -0.625rem;
11922
}
11923
 
11924
.conversejs .card-img-overlay {
11925
  position: absolute;
11926
  top: 0;
11927
  right: 0;
11928
  bottom: 0;
11929
  left: 0;
11930
  padding: 1.25rem;
11931
  border-radius: calc(0.25rem - 1px);
11932
}
11933
 
11934
.conversejs .card-img,
11935
.conversejs .card-img-top,
11936
.conversejs .card-img-bottom {
11937
  flex-shrink: 0;
11938
  width: 100%;
11939
}
11940
 
11941
.conversejs .card-img,
11942
.conversejs .card-img-top {
11943
  border-top-left-radius: calc(0.25rem - 1px);
11944
  border-top-right-radius: calc(0.25rem - 1px);
11945
}
11946
 
11947
.conversejs .card-img,
11948
.conversejs .card-img-bottom {
11949
  border-bottom-right-radius: calc(0.25rem - 1px);
11950
  border-bottom-left-radius: calc(0.25rem - 1px);
11951
}
11952
 
11953
.conversejs .card-deck .card {
11954
  margin-bottom: 15px;
11955
}
11956
 
11957
@media (min-width: 576px) {
11958
  .conversejs .card-deck {
11959
    display: flex;
11960
    flex-flow: row wrap;
11961
    margin-right: -15px;
11962
    margin-left: -15px;
11963
  }
11964
 
11965
  .conversejs .card-deck .card {
11966
    flex: 1 0 0%;
11967
    margin-right: 15px;
11968
    margin-bottom: 0;
11969
    margin-left: 15px;
11970
  }
11971
}
11972
 
11973
.conversejs .card-group > .card {
11974
  margin-bottom: 15px;
11975
}
11976
 
11977
@media (min-width: 576px) {
11978
  .conversejs .card-group {
11979
    display: flex;
11980
    flex-flow: row wrap;
11981
  }
11982
 
11983
  .conversejs .card-group > .card {
11984
    flex: 1 0 0%;
11985
    margin-bottom: 0;
11986
  }
11987
 
11988
  .conversejs .card-group > .card + .card {
11989
    margin-left: 0;
11990
    border-left: 0;
11991
  }
11992
 
11993
  .conversejs .card-group > .card:not(:last-child) {
11994
    border-top-right-radius: 0;
11995
    border-bottom-right-radius: 0;
11996
  }
11997
 
11998
  .conversejs .card-group > .card:not(:last-child) .card-img-top,
11999
  .conversejs .card-group > .card:not(:last-child) .card-header {
12000
    border-top-right-radius: 0;
12001
  }
12002
 
12003
  .conversejs .card-group > .card:not(:last-child) .card-img-bottom,
12004
  .conversejs .card-group > .card:not(:last-child) .card-footer {
12005
    border-bottom-right-radius: 0;
12006
  }
12007
 
12008
  .conversejs .card-group > .card:not(:first-child) {
12009
    border-top-left-radius: 0;
12010
    border-bottom-left-radius: 0;
12011
  }
12012
 
12013
  .conversejs .card-group > .card:not(:first-child) .card-img-top,
12014
  .conversejs .card-group > .card:not(:first-child) .card-header {
12015
    border-top-left-radius: 0;
12016
  }
12017
 
12018
  .conversejs .card-group > .card:not(:first-child) .card-img-bottom,
12019
  .conversejs .card-group > .card:not(:first-child) .card-footer {
12020
    border-bottom-left-radius: 0;
12021
  }
12022
}
12023
 
12024
.conversejs .card-columns .card {
12025
  margin-bottom: 0.75rem;
12026
}
12027
 
12028
@media (min-width: 576px) {
12029
  .conversejs .card-columns {
12030
    -moz-column-count: 3;
12031
    column-count: 3;
12032
    -moz-column-gap: 1.25rem;
12033
    column-gap: 1.25rem;
12034
    orphans: 1;
12035
    widows: 1;
12036
  }
12037
 
12038
  .conversejs .card-columns .card {
12039
    display: inline-block;
12040
    width: 100%;
12041
  }
12042
}
12043
 
12044
.conversejs .accordion {
12045
  overflow-anchor: none;
12046
}
12047
 
12048
.conversejs .accordion > .card {
12049
  overflow: hidden;
12050
}
12051
 
12052
.conversejs .accordion > .card:not(:last-of-type) {
12053
  border-bottom: 0;
12054
  border-bottom-right-radius: 0;
12055
  border-bottom-left-radius: 0;
12056
}
12057
 
12058
.conversejs .accordion > .card:not(:first-of-type) {
12059
  border-top-left-radius: 0;
12060
  border-top-right-radius: 0;
12061
}
12062
 
12063
.conversejs .accordion > .card > .card-header {
12064
  border-radius: 0;
12065
  margin-bottom: -1px;
12066
}
12067
 
12068
.conversejs converse-message-unfurl .card--unfurl {
12069
  background-color: var(--chat-content-background-color);
12070
}
12071
 
12072
.conversejs converse-message-unfurl .card--unfurl .card-body {
12073
  padding: 0.75rem;
12074
}
12075
 
12076
.conversejs converse-message-unfurl .card--unfurl .card-body .vcard-title {
12077
  font-size: 90%;
12078
}
12079
 
12080
.conversejs converse-message-unfurl .card--unfurl .card-text converse-rich-text {
12081
  font-size: 80%;
12082
}
12083
 
12084
.conversejs converse-message-unfurl .card--unfurl .card-img-top {
12085
  margin-top: 0.75rem;
12086
}
12087
 
12088
.conversejs converse-chats.converse-embedded .message .card--unfurl,
12089
.conversejs converse-chats.converse-fullscreen .message .card--unfurl {
12090
  margin: 1em 0;
12091
}
12092
 
12093
@media (max-width: 767.98px) {
12094
  .conversejs converse-chats.converse-embedded .message .card--unfurl,
12095
  .conversejs converse-chats.converse-fullscreen .message .card--unfurl {
12096
    max-width: 95%;
12097
  }
12098
}
12099
 
12100
@media (min-width: 768px) {
12101
  .conversejs converse-chats.converse-embedded .message .card--unfurl,
12102
  .conversejs converse-chats.converse-fullscreen .message .card--unfurl {
12103
    max-width: 75%;
12104
  }
12105
}
12106
 
12107
@media (min-width: 992px) {
12108
  .conversejs converse-chats.converse-embedded .message .card--unfurl,
12109
  .conversejs converse-chats.converse-fullscreen .message .card--unfurl {
12110
    max-width: 60%;
12111
  }
12112
}
12113
 
12114
@media (min-width: 1200px) {
12115
  .conversejs converse-chats.converse-embedded .message .card--unfurl,
12116
  .conversejs converse-chats.converse-fullscreen .message .card--unfurl {
12117
    max-width: 30%;
12118
  }
12119
}
12120
 
12121
.conversejs converse-chats.converse-overlayed .message .card--unfurl,
12122
.conversejs converse-chats.converse-mobile .message .card--unfurl {
12123
  margin: 1em 0;
12124
  max-width: 95%;
12125
}
12126
 
12127
converse-chat-message .message.chat-msg--retracted .chat-msg__message {
12128
  color: var(--subdued-color);
12129
}
12130
 
12131
converse-chat-content {
12132
  display: flex;
12133
  flex-direction: column-reverse;
12134
  height: 100%;
12135
  justify-content: space-between;
12136
  overflow: auto;
12137
}
12138
 
12139
.conversejs .media {
12140
  display: flex;
12141
  align-items: flex-start;
12142
}
12143
 
12144
.conversejs .media-body {
12145
  flex: 1;
12146
}
12147
 
12148
.conversejs .chatbox img.emoji {
12149
  height: 1.2em;
12150
  width: 1.2em;
12151
  margin: 0 0.05em 0 0.1em;
12152
  vertical-align: -0.1em;
12153
}
12154
 
12155
.conversejs .chatbox .sendXMPPMessage .toggle-smiley a.toggle-smiley {
12156
  padding: 0;
12157
}
12158
 
12159
.conversejs .chatbox converse-emoji-dropdown {
12160
  display: inline-block;
12161
}
12162
 
12163
.conversejs .chatbox converse-emoji-dropdown .dropdown-menu {
12164
  padding: 0;
12165
}
12166
 
12167
.conversejs .chatbox converse-emoji-picker {
12168
  width: 100%;
12169
  padding-top: 0;
12170
  padding-bottom: 0;
12171
  background-color: var(--chat-head-color);
12172
  overflow-y: hidden;
12173
}
12174
 
12175
.conversejs .chatbox converse-emoji-picker converse-emoji-picker-content {
12176
  width: 100%;
12177
}
12178
 
12179
.conversejs .chatbox converse-emoji-picker converse-emoji-picker-content .emoji-picker__lists {
12180
  background-color: var(--background);
12181
  display: flex;
12182
  flex-direction: column;
12183
  height: 8em;
12184
  overflow-y: auto;
12185
  width: 100%;
12186
}
12187
 
12188
.conversejs
12189
  .chatbox
12190
  converse-emoji-picker
12191
  converse-emoji-picker-content
12192
  .emoji-picker__lists
12193
  .emoji-category__heading {
12194
  clear: both;
12195
  color: var(--subdued-color);
12196
  cursor: auto;
12197
  display: block;
12198
  font-size: var(--font-size);
12199
  margin: 0;
12200
  padding: 0.75em 0 0 0.5em;
12201
}
12202
 
12203
.conversejs
12204
  .chatbox
12205
  converse-emoji-picker
12206
  converse-emoji-picker-content
12207
  .emoji-picker__lists
12208
  .emoji-lists__container {
12209
  background-color: var(--background);
12210
  overflow-x: hidden;
12211
}
12212
 
12213
.conversejs
12214
  .chatbox
12215
  converse-emoji-picker
12216
  converse-emoji-picker-content
12217
  .emoji-picker__lists
12218
  .emoji-picker
12219
  li {
12220
  float: left;
12221
}
12222
 
12223
.conversejs .chatbox converse-emoji-picker .emoji-skintone-picker {
12224
  display: flex;
12225
  padding: 0.5em 0;
12226
  background-color: var(--chat-head-color);
12227
  width: 100%;
12228
  font-size: var(--font-size);
12229
}
12230
 
12231
.conversejs .chatbox converse-emoji-picker .emoji-skintone-picker ul {
12232
  display: flex;
12233
  flex-direction: row;
12234
  flex-wrap: wrap;
12235
}
12236
 
12237
.conversejs .chatbox converse-emoji-picker .emoji-skintone-picker ul li {
12238
  padding: 0 0.25em;
12239
}
12240
 
12241
.conversejs .chatbox converse-emoji-picker .emoji-picker {
12242
  background-color: var(--background);
12243
  padding: 0.5em 0 0 0.5em;
12244
}
12245
 
12246
.conversejs .chatbox converse-emoji-picker .emoji-picker:last-child {
12247
  padding-bottom: 0.5em;
12248
}
12249
 
12250
.conversejs .chatbox converse-emoji-picker .emoji-picker li {
12251
  display: inline-block;
12252
  height: calc(var(--font-size-huge) * 1.5);
12253
  width: calc(var(--font-size-huge) * 1.5);
12254
  overflow: hidden;
12255
  margin-left: 0;
12256
  list-style: none;
12257
  position: relative;
12258
}
12259
 
12260
.conversejs .chatbox converse-emoji-picker .emoji-picker li.insert-emoji {
12261
  padding: 0 0.2em;
12262
  height: auto;
12263
  width: auto;
12264
  margin: 0;
12265
  display: block;
12266
  text-align: center;
12267
}
12268
 
12269
.conversejs .chatbox converse-emoji-picker .emoji-picker li.insert-emoji.selected a {
12270
  background-color: var(--highlight-color-darker);
12271
}
12272
 
12273
.conversejs .chatbox converse-emoji-picker .emoji-picker li.insert-emoji img {
12274
  margin: 0 auto;
12275
  height: var(--font-size-huge);
12276
  width: var(--font-size-huge);
12277
  display: inline-block;
12278
  vertical-align: baseline;
12279
}
12280
 
12281
.conversejs .chatbox converse-emoji-picker .emoji-picker li.insert-emoji a {
12282
  display: inline-block;
12283
  font-size: var(--font-size-huge);
12284
  line-height: calc(var(--font-size-huge) * 1.5);
12285
  height: calc(var(--font-size-huge) * 1.5);
12286
  width: calc(var(--font-size-huge) * 1.5);
12287
  overflow: hidden;
12288
}
12289
 
12290
.conversejs .chatbox converse-emoji-picker .emoji-picker li.insert-emoji a:hover {
12291
  background-color: var(--highlight-color-darker);
12292
}
12293
 
12294
.conversejs .chatbox converse-emoji-picker .emoji-picker__header {
12295
  width: 100%;
12296
  display: flex;
12297
  flex-direction: column;
12298
  padding: 0.1em 0;
12299
  background-color: var(--chat-head-color);
12300
}
12301
 
12302
.conversejs .chatbox converse-emoji-picker .emoji-picker__header .emoji-search {
12303
  width: auto;
12304
  margin: 0.25em;
12305
  height: 2em;
12306
  font-size: var(--font-size-small);
12307
}
12308
 
12309
.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul {
12310
  display: flex;
12311
  flex-direction: row;
12312
  flex-wrap: wrap;
12313
}
12314
 
12315
.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul .emoji-category {
12316
  padding: 0.25em 0;
12317
  font-size: var(--font-size-huge);
12318
}
12319
 
12320
.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul .emoji-category.picked a {
12321
  background-color: var(--heading-color);
12322
}
12323
 
12324
.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul .emoji-category.selected a,
12325
.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul .emoji-category:hover a {
12326
  background-color: var(--highlight-color-darker);
12327
}
12328
 
12329
.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul .emoji-category a {
12330
  padding: 0.25em;
12331
  display: inline-block;
12332
}
12333
 
12334
.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul .emoji-category img {
12335
  height: var(--font-size-huge);
12336
  width: var(--font-size-huge);
12337
}
12338
 
12339
.conversejs .chatroom converse-emoji-picker {
12340
  background-color: var(--chatroom-head-bg-color);
12341
}
12342
 
12343
.conversejs .chatroom converse-emoji-picker .emoji-skintone-picker {
12344
  background-color: var(--chatroom-head-bg-color);
12345
}
12346
 
12347
.conversejs .chatroom converse-emoji-picker .emoji-picker__header {
12348
  background-color: var(--chatroom-head-bg-color);
12349
}
12350
 
12351
.conversejs converse-chats.converse-overlayed converse-emoji-dropdown .dropdown-menu {
12352
  min-width: 18em;
12353
}
12354
 
12355
.conversejs converse-chats.converse-overlayed .chatbox .emoji-picker__header .emoji-category img {
12356
  height: var(--font-size) !important;
12357
  width: var(--font-size) !important;
12358
}
12359
 
12360
.conversejs
12361
  converse-chats.converse-overlayed
12362
  .chatbox
12363
  converse-emoji-picker
12364
  .emoji-picker
12365
  .insert-emoji
12366
  a {
12367
  font-size: var(--font-size);
12368
  line-height: calc(var(--font-size) * 1.5);
12369
  padding: 0;
12370
  height: calc(var(--font-size) * 1.5);
12371
  width: calc(var(--font-size) * 1.5);
12372
}
12373
 
12374
.conversejs
12375
  converse-chats.converse-overlayed
12376
  .chatbox
12377
  converse-emoji-picker
12378
  .emoji-picker
12379
  .insert-emoji
12380
  img {
12381
  height: var(--font-size);
12382
  width: var(--font-size);
12383
}
12384
 
12385
.conversejs
12386
  converse-chats.converse-overlayed
12387
  .chatbox
12388
  converse-emoji-picker
12389
  .emoji-skintone-picker {
12390
  font-size: var(--font-size-small);
12391
}
12392
 
12393
.conversejs
12394
  converse-chats.converse-overlayed
12395
  .chatbox
12396
  converse-emoji-picker
12397
  .emoji-picker__header
12398
  .emoji-category {
12399
  font-size: var(--font-size-small);
12400
}
12401
 
12402
.conversejs converse-chats.converse-overlayed .chatbox converse-emoji-picker .emoji-picker__lists {
12403
  height: 7em;
12404
}
12405
 
12406
.conversejs converse-chats.converse-embedded converse-emoji-dropdown .dropdown-menu {
12407
  min-width: 20em;
12408
}
12409
 
12410
.conversejs converse-chats.converse-fullscreen converse-emoji-dropdown .dropdown-menu {
12411
  min-width: 22em;
12412
}
12413
 
12414
.conversejs converse-chats.converse-fullscreen .chatbox converse-emoji-picker .emoji-picker__lists {
12415
  height: 12em;
12416
}
12417
 
12418
.conversejs .chatbox converse-emoji-picker {
12419
  max-width: 40em;
12420
}
12421
 
12422
.conversejs .send-button {
12423
  border-radius: 0;
12424
  bottom: var(--send-button-bottom);
12425
  color: var(--inverse-link-color);
12426
}
12427
 
12428
.conversejs .chatbox .send-button {
12429
  color: var(--background);
12430
  background-color: var(--chat-toolbar-btn-color);
12431
}
12432
 
12433
.conversejs .chatroom .send-button {
12434
  background-color: var(--muc-toolbar-btn-color);
12435
}
12436
 
12437
.conversejs .chat-toolbar .toolbar-buttons {
12438
  width: 100%;
12439
}
12440
 
12441
.conversejs .chat-toolbar .toolbar-buttons .message-limit {
12442
  padding: 0.5em;
12443
  font-weight: bold;
12444
}
12445
 
12446
.conversejs .chat-toolbar .toolbar-buttons * {
12447
  float: left;
12448
}
12449
 
12450
.conversejs .chat-toolbar .toolbar-buttons .right {
12451
  float: right;
12452
}
12453
 
12454
.conversejs .chat-toolbar .unverified a,
12455
.conversejs .chat-toolbar .unverified {
12456
  color: #cf5300;
12457
}
12458
 
12459
.conversejs .chat-toolbar .private a,
12460
.conversejs .chat-toolbar .private {
12461
  color: #4b7003;
12462
}
12463
 
12464
.conversejs .chat-toolbar li {
12465
  cursor: pointer;
12466
  display: inline-block;
12467
  list-style: none;
12468
  padding: 0 0.5em;
12469
}
12470
 
12471
.conversejs .chat-toolbar li:hover {
12472
  cursor: pointer;
12473
}
12474
 
12475
.conversejs .chat-toolbar li .toolbar-menu {
12476
  bottom: 1.7rem;
12477
  box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.4);
12478
  height: auto;
12479
  margin-bottom: 0;
12480
  min-width: 21rem;
12481
  position: absolute;
12482
  right: 0;
12483
  top: auto;
12484
  z-index: 1000;
12485
}
12486
 
12487
.conversejs .chat-toolbar li .toolbar-menu.otr-menu {
12488
  left: -6em;
12489
  min-width: 15rem;
12490
}
12491
 
12492
.conversejs .chat-toolbar li .toolbar-menu.otr-menu.show {
12493
  display: flex;
12494
  flex-direction: column;
12495
}
12496
 
12497
.conversejs .chat-toolbar li .toolbar-menu a {
12498
  color: var(--link-color);
12499
}
12500
 
12501
.conversejs .chat-toolbar li.toggle-otr ul {
12502
  z-index: 99;
12503
}
12504
 
12505
.conversejs .chat-toolbar li.toggle-otr ul li {
12506
  display: block;
12507
  padding: 7px;
12508
}
12509
 
12510
.conversejs .chat-toolbar li.toggle-otr ul li:hover {
12511
  background-color: var(--highlight-color);
12512
}
12513
 
12514
.conversejs .chat-toolbar li.toggle-otr ul li a {
12515
  display: block;
12516
}
12517
 
12518
.conversejs converse-chat-toolbar {
12519
  background-color: var(--chat-background-color);
12520
  box-sizing: border-box;
12521
  display: flex;
12522
  justify-content: space-between;
12523
  margin: 0;
12524
  width: 100%;
12525
}
12526
 
12527
.conversejs converse-chat-toolbar .fa,
12528
.conversejs converse-chat-toolbar .fa:hover,
12529
.conversejs converse-chat-toolbar .far,
12530
.conversejs converse-chat-toolbar .far:hover,
12531
.conversejs converse-chat-toolbar .fas,
12532
.conversejs converse-chat-toolbar .fas:hover {
12533
  color: var(--chat-head-color);
12534
  font-size: var(--font-size-large);
12535
}
12536
 
12537
.conversejs converse-chat-toolbar .fa svg,
12538
.conversejs converse-chat-toolbar .fa:hover svg,
12539
.conversejs converse-chat-toolbar .far svg,
12540
.conversejs converse-chat-toolbar .far:hover svg,
12541
.conversejs converse-chat-toolbar .fas svg,
12542
.conversejs converse-chat-toolbar .fas:hover svg {
12543
  fill: var(--chat-head-color);
12544
}
12545
 
12546
.conversejs converse-chat-toolbar .unencrypted a,
12547
.conversejs converse-chat-toolbar .unencrypted {
12548
  color: var(--text-color);
12549
}
12550
 
12551
.conversejs converse-chat-toolbar .unencrypted a .toolbar-menu a,
12552
.conversejs converse-chat-toolbar .unencrypted .toolbar-menu a {
12553
  color: var(--link-color);
12554
}
12555
 
12556
.conversejs converse-chat-toolbar button {
12557
  margin-top: 0.4em;
12558
  border: 1px rgba(0, 0, 0, 0) solid;
12559
  background-color: rgba(0, 0, 0, 0);
12560
}
12561
 
12562
.conversejs converse-chat-toolbar button.send-button {
12563
  padding-top: 0.2em;
12564
  padding-bottom: 0.2em;
12565
  margin: 0;
12566
  margin-top: -1px;
12567
}
12568
 
12569
.conversejs .chatbox converse-chat-toolbar {
12570
  border-top: var(--chatbox-message-input-border-top);
12571
  color: var(--chat-toolbar-btn-color);
12572
  background-color: var(--chat-background-color);
12573
}
12574
 
12575
.conversejs .chatbox converse-chat-toolbar .fas,
12576
.conversejs .chatbox converse-chat-toolbar .fas:hover,
12577
.conversejs .chatbox converse-chat-toolbar .far,
12578
.conversejs .chatbox converse-chat-toolbar .far:hover,
12579
.conversejs .chatbox converse-chat-toolbar .fa,
12580
.conversejs .chatbox converse-chat-toolbar .fa:hover {
12581
  color: var(--chat-toolbar-btn-color);
12582
}
12583
 
12584
.conversejs .chatbox converse-chat-toolbar button:focus {
12585
  outline-color: var(--chat-toolbar-btn-color) !important;
12586
}
12587
 
12588
.conversejs .chatbox converse-chat-toolbar button:disabled .fa {
12589
  color: var(--chat-toolbar-btn-disabled-color);
12590
}
12591
 
12592
.conversejs .chatbox converse-chat-toolbar button:disabled .fa:hover {
12593
  color: var(--chat-toolbar-btn-disabled-color);
12594
}
12595
 
12596
.conversejs .chatbox converse-chat-toolbar button:disabled .fa svg,
12597
.conversejs .chatbox converse-chat-toolbar button:disabled .fa svg:hover {
12598
  fill: var(--chat-toolbar-btn-disabled-color);
12599
}
12600
 
12601
.conversejs .chatroom converse-chat-toolbar {
12602
  border-top: var(--chatroom-message-input-border-top);
12603
  color: var(--muc-toolbar-btn-color);
12604
}
12605
 
12606
.conversejs .chatroom converse-chat-toolbar .fas,
12607
.conversejs .chatroom converse-chat-toolbar .fas:hover,
12608
.conversejs .chatroom converse-chat-toolbar .far,
12609
.conversejs .chatroom converse-chat-toolbar .far:hover,
12610
.conversejs .chatroom converse-chat-toolbar .fa,
12611
.conversejs .chatroom converse-chat-toolbar .fa:hover {
12612
  color: var(--muc-toolbar-btn-color);
12613
  font-size: var(--font-size-large);
12614
}
12615
 
12616
.conversejs .chatroom converse-chat-toolbar .fas svg,
12617
.conversejs .chatroom converse-chat-toolbar .fas:hover svg,
12618
.conversejs .chatroom converse-chat-toolbar .far svg,
12619
.conversejs .chatroom converse-chat-toolbar .far:hover svg,
12620
.conversejs .chatroom converse-chat-toolbar .fa svg,
12621
.conversejs .chatroom converse-chat-toolbar .fa:hover svg {
12622
  fill: var(--muc-toolbar-btn-color);
12623
}
12624
 
12625
.conversejs .chatroom converse-chat-toolbar button:focus {
12626
  outline-color: var(--muc-toolbar-btn-color) !important;
12627
}
12628
 
12629
.conversejs .chatroom converse-chat-toolbar button:disabled .fa {
12630
  color: var(--muc-toolbar-btn-disabled-color);
12631
}
12632
 
12633
.conversejs .chatroom converse-chat-toolbar button:disabled .fa:hover {
12634
  color: var(--muc-toolbar-btn-disabled-color);
12635
}
12636
 
12637
.conversejs .chatroom converse-chat-toolbar button:disabled .fa svg,
12638
.conversejs .chatroom converse-chat-toolbar button:disabled .fa svg:hover {
12639
  fill: var(--muc-toolbar-btn-disabled-color);
12640
}
12641
 
12642
.conversejs converse-chats.converse-overlayed .chat-toolbar li .toolbar-menu {
12643
  min-width: 235px;
12644
}
12645
 
12646
.conversejs converse-chats.converse-overlayed .chatroom .chat-toolbar li .toolbar-menu {
12647
  min-width: 280px;
12648
}
12649
 
12650
.conversejs .chatbox .chat-head {
12651
  display: flex;
12652
  flex-direction: row;
12653
  color: #fff;
12654
  font-size: 100%;
12655
  margin: 0;
12656
  padding: 0;
12657
  position: relative;
12658
}
12659
 
12660
.conversejs .chatbox .chat-head.chat-head-chatbox {
12661
  background-color: var(--chat-head-color);
12662
  border-bottom: var(--chat-head-border-bottom);
12663
}
12664
 
12665
.conversejs .chatbox .chat-head .avatar {
12666
  margin-right: 0.5em;
12667
}
12668
 
12669
.conversejs .chatbox .chat-head .show-msg-author-modal {
12670
  color: var(--chat-head-text-color) !important;
12671
}
12672
 
12673
.conversejs .chatbox .chat-head .chat-head__desc {
12674
  color: var(--chat-head-color-lighten-50-percent);
12675
  font-size: var(--font-size-small);
12676
  margin: 0;
12677
  overflow: hidden;
12678
  padding: 0.5rem 1rem 0.5rem 1rem;
12679
  text-overflow: ellipsis;
12680
  width: 100%;
12681
}
12682
 
12683
.conversejs .chatbox .chat-head .chatbox-title {
12684
  padding: 0.75rem 1rem 0 1rem;
12685
  display: flex;
12686
  flex-direction: row;
12687
  justify-content: space-between;
12688
  width: 100%;
12689
}
12690
 
12691
.conversejs .chatbox .chat-head .chatbox-title--no-desc {
12692
  padding: 0.75rem 1rem;
12693
}
12694
 
12695
.conversejs .chatbox .chat-head .chatbox-title--row {
12696
  display: flex;
12697
  flex-direction: row;
12698
  overflow: hidden;
12699
  width: 100%;
12700
}
12701
 
12702
.conversejs .chatbox .chat-head .chatbox-title__text {
12703
  color: var(--chat-head-text-color);
12704
  overflow: hidden;
12705
  text-overflow: ellipsis;
12706
}
12707
 
12708
.conversejs .chatbox .chat-head .chatbox-title__buttons {
12709
  display: flex;
12710
  flex-direction: row-reverse;
12711
  flex-wrap: nowrap;
12712
  padding: 0;
12713
}
12714
 
12715
.conversejs .chatbox .chat-head .chatbox-btn {
12716
  color: #fff;
12717
}
12718
 
12719
.conversejs .chatbox .chat-head .chatbox-btn:active {
12720
  position: relative;
12721
  top: 1px;
12722
}
12723
 
12724
.conversejs .chatbox .chat-head converse-dropdown .dropdown-menu converse-icon svg {
12725
  fill: var(--chat-color);
12726
}
12727
 
12728
.conversejs .chatbox .chat-head .chatbox-btn converse-icon svg {
12729
  fill: var(--chat-head-fg-color);
12730
}
12731
 
12732
.conversejs,
12733
.conversejs-bg,
12734
#conversejs-bg,
12735
body.converse-fullscreen {
12736
  --avatar-border-radius: 10%;
12737
  --message-avatar-width: 36px;
12738
  --message-avatar-height: 36px;
12739
  --chatroom-width: 500px;
12740
  --send-button-height: 27px;
12741
  --send-button-margin: 3px;
12742
  --inline-action-margin: 0.75em;
12743
  --roster-height: 194px;
12744
  --button-border-radius: 5px;
12745
  --chatbox-border-radius: 4px;
12746
  --normal-font: 'Helvetica', 'Arial', sans-serif;
12747
  --heading-font: 'Muli', normal;
12748
  --branding-font: 'Baumans', cursive;
12749
  --font-size-tiny: 10px;
12750
  --font-size-small: 12px;
12751
  --font-size: 14px;
12752
  --font-size-large: 16px;
12753
  --font-size-huge: 20px;
12754
  --message-font-size: var(--font-size);
12755
  --line-height-small: 14px;
12756
  --line-height: 16px;
12757
  --line-height-large: 20px;
12758
  --line-height-huge: 27px;
12759
  --embedded-emoji-picker-height: 300px;
12760
  --chat-gutter: 0.5em;
12761
  --occupants-padding: 1em;
12762
  --minimized-chats-width: 130px;
12763
  --mobile-chat-width: 100%;
12764
  --mobile-chat-height: 400px;
12765
  --overlayed-chat-head-height: 55px;
12766
  --overlayed-chat-height: 450px;
12767
  --overlayed-chat-width: 300px;
12768
  --overlayed-chatbox-hover-height: 1em;
12769
  --overlayed-emoji-picker-height: 200px;
12770
  --overlayed-max-chat-textarea-height: 200px;
12771
  --list-toggle-font-weight: normal;
12772
}
12773
 
12774
.conversejs .chatbox .bottom-panel .chat-content-sendbutton {
12775
  height: calc(
12776
    100% - (var(--chat-textarea-height) + var(--send-button-height) + 2 * var(--send-button-margin))
12777
  );
12778
}
12779
 
12780
.conversejs .chatbox .bottom-panel .sendXMPPMessage {
12781
  -moz-background-clip: padding;
12782
  -webkit-background-clip: padding-box;
12783
  border-bottom-left-radius: var(--chatbox-border-radius);
12784
  border-bottom-right-radius: var(--chatbox-border-radius);
12785
  background-clip: padding-box;
12786
  background-color: var(--chat-textarea-background-color);
12787
  border: 0;
12788
  margin: 0;
12789
  padding: 0;
12790
}
12791
 
12792
@media screen and (max-height: 450px) {
12793
  .conversejs .chatbox .bottom-panel .sendXMPPMessage {
12794
    width: 100%;
12795
  }
12796
}
12797
 
12798
@media screen and (max-width: 480px) {
12799
  .conversejs .chatbox .bottom-panel .sendXMPPMessage {
12800
    width: 100%;
12801
  }
12802
}
12803
 
12804
.conversejs .chatbox .bottom-panel .sendXMPPMessage .suggestion-box__results:after {
12805
  display: none;
12806
}
12807
 
12808
.conversejs .chatbox .bottom-panel .sendXMPPMessage .spoiler-hint {
12809
  width: 100%;
12810
  color: var(--foreground);
12811
  background-color: var(--background);
12812
}
12813
 
12814
.conversejs .chatbox .bottom-panel .sendXMPPMessage .chat-textarea:active,
12815
.conversejs .chatbox .bottom-panel .sendXMPPMessage .chat-textarea:focus,
12816
.conversejs .chatbox .bottom-panel .sendXMPPMessage input:active,
12817
.conversejs .chatbox .bottom-panel .sendXMPPMessage input:focus {
12818
  outline-color: var(--chat-head-color);
12819
}
12820
 
12821
.conversejs .chatbox .bottom-panel .sendXMPPMessage .chat-textarea.correcting,
12822
.conversejs .chatbox .bottom-panel .sendXMPPMessage input.correcting {
12823
  background-color: var(--chat-correcting-color);
12824
}
12825
 
12826
.conversejs .chatbox .bottom-panel .sendXMPPMessage .chat-textarea {
12827
  color: var(--chat-textarea-color);
12828
  background-color: var(--chat-textarea-background-color);
12829
  border-top-left-radius: 0;
12830
  border-top-right-radius: 0;
12831
  border-bottom-left-radius: var(--chatbox-border-radius);
12832
  border-bottom-right-radius: var(--chatbox-border-radius);
12833
  padding-left: 0.5em;
12834
  padding-right: 4.5em;
12835
  padding-top: 0.5em;
12836
  padding-bottom: 0.5em;
12837
  width: 100%;
12838
  border: none;
12839
  min-height: var(--chat-textarea-height);
12840
  margin-bottom: -4px;
12841
  resize: none;
12842
}
12843
 
12844
.conversejs .chatbox .bottom-panel .sendXMPPMessage .chat-textarea.spoiler {
12845
  height: 42px;
12846
}
12847
 
12848
.conversejs,
12849
.conversejs-bg,
12850
#conversejs-bg,
12851
body.converse-fullscreen {
12852
  --avatar-border-radius: 10%;
12853
  --message-avatar-width: 36px;
12854
  --message-avatar-height: 36px;
12855
  --chatroom-width: 500px;
12856
  --send-button-height: 27px;
12857
  --send-button-margin: 3px;
12858
  --inline-action-margin: 0.75em;
12859
  --roster-height: 194px;
12860
  --button-border-radius: 5px;
12861
  --chatbox-border-radius: 4px;
12862
  --normal-font: 'Helvetica', 'Arial', sans-serif;
12863
  --heading-font: 'Muli', normal;
12864
  --branding-font: 'Baumans', cursive;
12865
  --font-size-tiny: 10px;
12866
  --font-size-small: 12px;
12867
  --font-size: 14px;
12868
  --font-size-large: 16px;
12869
  --font-size-huge: 20px;
12870
  --message-font-size: var(--font-size);
12871
  --line-height-small: 14px;
12872
  --line-height: 16px;
12873
  --line-height-large: 20px;
12874
  --line-height-huge: 27px;
12875
  --embedded-emoji-picker-height: 300px;
12876
  --chat-gutter: 0.5em;
12877
  --occupants-padding: 1em;
12878
  --minimized-chats-width: 130px;
12879
  --mobile-chat-width: 100%;
12880
  --mobile-chat-height: 400px;
12881
  --overlayed-chat-head-height: 55px;
12882
  --overlayed-chat-height: 450px;
12883
  --overlayed-chat-width: 300px;
12884
  --overlayed-chatbox-hover-height: 1em;
12885
  --overlayed-emoji-picker-height: 200px;
12886
  --overlayed-max-chat-textarea-height: 200px;
12887
  --list-toggle-font-weight: normal;
12888
}
12889
 
12890
.media {
12891
  display: flex;
12892
  align-items: flex-start;
12893
}
12894
 
12895
.media-body {
12896
  flex: 1;
12897
}
12898
 
12899
.conversejs .chatbox {
12900
  text-align: left;
12901
  margin: 0 var(--chat-gutter);
12902
}
12903
 
12904
@media screen and (max-height: 450px) {
12905
  .conversejs .chatbox {
12906
    margin: 0;
12907
    width: var(--mobile-chat-width);
12908
  }
12909
}
12910
 
12911
@media screen and (max-width: 480px) {
12912
  .conversejs .chatbox {
12913
    margin: 0;
12914
    width: var(--mobile-chat-width);
12915
  }
12916
}
12917
 
12918
.conversejs .chatbox converse-controlbox-navback {
12919
  display: none;
12920
}
12921
 
12922
.conversejs .chatbox .flyout {
12923
  position: absolute;
12924
}
12925
 
12926
@media screen and (max-height: 450px) {
12927
  .conversejs .chatbox .flyout {
12928
    border-radius: 0;
12929
  }
12930
}
12931
 
12932
@media screen and (max-width: 480px) {
12933
  .conversejs .chatbox .flyout {
12934
    border-radius: 0;
12935
  }
12936
}
12937
 
12938
@media screen and (max-height: 450px) {
12939
  .conversejs .chatbox .flyout {
12940
    bottom: 0;
12941
  }
12942
}
12943
 
12944
@media screen and (max-width: 480px) {
12945
  .conversejs .chatbox .flyout {
12946
    bottom: 0;
12947
  }
12948
}
12949
 
12950
.conversejs .chatbox .chatbox-btn {
12951
  border-radius: 25%;
12952
  border: none;
12953
  cursor: pointer;
12954
  font-size: var(--chatbox-button-size);
12955
  margin: 0 0.2em;
12956
  padding: 0 0 0 0.5em;
12957
  text-decoration: none;
12958
}
12959
 
12960
.conversejs .chatbox .chatbox-btn:active {
12961
  position: relative;
12962
  top: 1px;
12963
}
12964
 
12965
.conversejs .chatbox .box-flyout {
12966
  display: flex;
12967
  flex-direction: column;
12968
  justify-content: space-between;
12969
  box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.4);
12970
  z-index: 2;
12971
  overflow: hidden;
12972
  width: 100%;
12973
}
12974
 
12975
@media screen and (max-height: 450px) {
12976
  .conversejs .chatbox .box-flyout {
12977
    height: var(--mobile-chat-height);
12978
    width: var(--mobile-chat-width);
12979
    height: var(--fullpage-chat-height);
12980
  }
12981
}
12982
 
12983
@media screen and (max-width: 480px) {
12984
  .conversejs .chatbox .box-flyout {
12985
    height: var(--mobile-chat-height);
12986
    width: var(--mobile-chat-width);
12987
    height: var(--fullpage-chat-height);
12988
  }
12989
}
12990
 
12991
.conversejs .chatbox .chat-title {
12992
  display: var(--heading-display);
12993
  font-family: var(--heading-font);
12994
  color: var(--heading-color);
12995
  display: block;
12996
  line-height: var(--line-height-large);
12997
  overflow: hidden;
12998
  text-overflow: ellipsis;
12999
  white-space: nowrap;
13000
}
13001
 
13002
.conversejs .chatbox .chat-title.groupchat {
13003
  padding-right: var(--chatroom-head-title-padding-right);
13004
}
13005
 
13006
.conversejs .chatbox .chat-title a {
13007
  color: var(--chat-head-text-color);
13008
  width: 100%;
13009
}
13010
 
13011
.conversejs .chatbox .chat-body {
13012
  display: flex;
13013
  flex-direction: column;
13014
  justify-content: space-between;
13015
  background-color: var(--chat-textarea-background-color);
13016
  border-bottom-left-radius: var(--chatbox-border-radius);
13017
  border-bottom-right-radius: var(--chatbox-border-radius);
13018
  border-top: 0;
13019
  height: 100%;
13020
  width: 100%;
13021
  overflow: hidden;
13022
}
13023
 
13024
@media screen and (max-height: 450px) {
13025
  .conversejs .chatbox .chat-body {
13026
    border-bottom-left-radius: 0;
13027
    border-bottom-right-radius: 0;
13028
  }
13029
}
13030
 
13031
@media screen and (max-width: 480px) {
13032
  .conversejs .chatbox .chat-body {
13033
    border-bottom-left-radius: 0;
13034
    border-bottom-right-radius: 0;
13035
  }
13036
}
13037
 
13038
.conversejs .chatbox .chat-body p {
13039
  color: var(--text-color);
13040
  font-size: var(--message-font-size);
13041
  margin: 0;
13042
  padding: 5px;
13043
}
13044
 
13045
.conversejs .chatbox .new-msgs-indicator {
13046
  position: relative;
13047
  width: 100%;
13048
  cursor: pointer;
13049
  background-color: var(--chat-head-color);
13050
  color: var(--light-background-color);
13051
  padding: 0.5em;
13052
  font-size: 0.9em;
13053
  text-align: center;
13054
  z-index: 20;
13055
  white-space: nowrap;
13056
  margin-bottom: 0.25em;
13057
}
13058
 
13059
.conversejs .chatbox .chat-content {
13060
  background-color: var(--chat-content-background-color);
13061
  border: 0;
13062
  color: var(--text-color);
13063
  font-size: var(--message-font-size);
13064
  height: 100%;
13065
  line-height: 1.3em;
13066
  overflow: hidden;
13067
  padding: 0;
13068
  display: flex;
13069
  flex-direction: column;
13070
  justify-content: space-between;
13071
}
13072
 
13073
.conversejs .chatbox .chat-content converse-chat-message .spinner {
13074
  width: 100%;
13075
  overflow-y: hidden;
13076
}
13077
 
13078
.conversejs .chatbox .chat-content .chat-content__help {
13079
  max-height: 100%;
13080
}
13081
 
13082
.conversejs .chatbox .chat-content .chat-content__help converse-chat-help {
13083
  border-top: 1px solid var(--chat-head-color);
13084
  display: block;
13085
  height: 100%;
13086
  overflow-y: auto;
13087
  padding: 0.5em 0;
13088
}
13089
 
13090
.conversejs .chatbox .chat-content .chat-content__help .close-chat-help {
13091
  float: right;
13092
  padding-right: 1em;
13093
  cursor: pointer;
13094
  color: var(--chat-content-background-color);
13095
}
13096
 
13097
.conversejs .chatbox .chat-content .chat-content__help .close-chat-help svg {
13098
  fill: var(--chat-head-color);
13099
}
13100
 
13101
.conversejs .chatbox .chat-content .chat-content__messages {
13102
  overflow-x: hidden;
13103
  overflow-y: auto;
13104
  height: 100%;
13105
}
13106
 
13107
.conversejs .chatbox .chat-content .chat-content__notifications {
13108
  height: 1.7em;
13109
  white-space: pre;
13110
  background-color: var(--chat-content-background-color);
13111
  color: var(--subdued-color);
13112
  font-size: 90%;
13113
  font-style: italic;
13114
  line-height: var(--line-height-small);
13115
  padding: 0 1em 0.3em;
13116
}
13117
 
13118
.conversejs .chatbox .chat-content .chat-content__notifications:before {
13119
  content: ' ';
13120
}
13121
 
13122
.conversejs .chatbox .chat-content progress {
13123
  margin: 0.5em 0;
13124
  width: 100%;
13125
}
13126
 
13127
.conversejs .chatbox .dragresize {
13128
  background: rgba(0, 0, 0, 0);
13129
  border: 0;
13130
  margin: 0;
13131
  position: absolute;
13132
  top: 0;
13133
  z-index: 20;
13134
}
13135
 
13136
.conversejs .chatbox .dragresize-top {
13137
  cursor: n-resize;
13138
  height: 5px;
13139
  width: 100%;
13140
}
13141
 
13142
.conversejs .chatbox .dragresize-left,
13143
.conversejs .chatbox .dragresize-occupants-left {
13144
  cursor: w-resize;
13145
  width: 5px;
13146
  height: 100%;
13147
  left: 0;
13148
}
13149
 
13150
.conversejs .chatbox .dragresize-topleft {
13151
  cursor: nw-resize;
13152
  width: 15px;
13153
  height: 15px;
13154
  top: 0;
13155
  left: 0;
13156
}
13157
 
13158
.conversejs converse-chats.converse-embedded .controlbox-head,
13159
.conversejs converse-chats.converse-overlayed .controlbox-head {
13160
  padding: 0.5em;
13161
}
13162
 
13163
.conversejs converse-chats.converse-embedded .chat-head,
13164
.conversejs converse-chats.converse-overlayed .chat-head {
13165
  border-top-left-radius: 0;
13166
  border-top-right-radius: 0;
13167
}
13168
 
13169
.conversejs converse-chats.converse-embedded .chatbox,
13170
.conversejs converse-chats.converse-overlayed .chatbox {
13171
  min-width: var(--overlayed-chat-width) !important;
13172
  width: var(--overlayed-chat-width);
13173
}
13174
 
13175
.conversejs converse-chats.converse-embedded .chatbox .box-flyout,
13176
.conversejs converse-chats.converse-overlayed .chatbox .box-flyout {
13177
  min-width: var(--overlayed-chat-width) !important;
13178
  width: var(--overlayed-chat-width);
13179
}
13180
 
13181
.conversejs converse-chats.converse-overlayed .chat-head,
13182
.conversejs converse-chats.converse-overlayed .box-flyout {
13183
  border-top-left-radius: var(--chatbox-border-radius);
13184
  border-top-right-radius: var(--chatbox-border-radius);
13185
}
13186
 
13187
@media screen and (max-height: 450px) {
13188
  .conversejs converse-chats.converse-overlayed .chat-head,
13189
  .conversejs converse-chats.converse-overlayed .box-flyout {
13190
    border-top-left-radius: 0;
13191
    border-top-right-radius: 0;
13192
  }
13193
}
13194
 
13195
@media screen and (max-width: 480px) {
13196
  .conversejs converse-chats.converse-overlayed .chat-head,
13197
  .conversejs converse-chats.converse-overlayed .box-flyout {
13198
    border-top-left-radius: 0;
13199
    border-top-right-radius: 0;
13200
  }
13201
}
13202
 
13203
.conversejs converse-chats.converse-overlayed .flyout {
13204
  bottom: var(--overlayed-chatbox-hover-height);
13205
}
13206
 
13207
.conversejs converse-chats.converse-overlayed .box-flyout {
13208
  height: var(--overlayed-chat-height);
13209
  min-height: calc(var(--overlayed-chat-height) / 2);
13210
}
13211
 
13212
.conversejs converse-chats.converse-overlayed .chat-head {
13213
  min-height: var(--overlayed-chat-head-height);
13214
}
13215
 
13216
.conversejs converse-chats.converse-overlayed .minimized-chats-flyout .chat-head {
13217
  cursor: default;
13218
}
13219
 
13220
.conversejs converse-chats.converse-overlayed .chat-textarea {
13221
  max-height: var(--overlayed-max-chat-textarea-height);
13222
}
13223
 
13224
.conversejs converse-chats.converse-overlayed .chatbox .chat-body {
13225
  height: calc(100% - var(--overlayed-chat-head-height));
13226
}
13227
 
13228
.conversejs converse-chats.converse-overlayed .chatbox .chatbox-title {
13229
  padding: 0.5rem 0.75rem 0 0.75rem;
13230
}
13231
 
13232
.conversejs converse-chats.converse-overlayed .chatbox .chatbox-title--no-desc {
13233
  padding: 0.5rem 0.75rem;
13234
}
13235
 
13236
@media (max-width: 767.98px) {
13237
  .conversejs.converse-overlayed > .row {
13238
    flex-direction: column;
13239
  }
13240
 
13241
  .conversejs.converse-overlayed > .row.no-gutters {
13242
    margin: -1em;
13243
  }
13244
}
13245
 
13246
.conversejs converse-chats.converse-embedded .flyout,
13247
.conversejs converse-chats.converse-fullscreen .flyout {
13248
  border-radius: 0;
13249
  border: none;
13250
  bottom: 0;
13251
}
13252
 
13253
.conversejs converse-chats.converse-embedded .chatbox,
13254
.conversejs converse-chats.converse-fullscreen .chatbox {
13255
  margin: 0;
13256
  margin-left: 15px;
13257
}
13258
 
13259
.conversejs converse-chats.converse-embedded .chatbox .box-flyout,
13260
.conversejs converse-chats.converse-fullscreen .chatbox .box-flyout {
13261
  box-shadow: none;
13262
  overflow: hidden;
13263
  margin-left: 0;
13264
}
13265
 
13266
@media (min-width: 768px) {
13267
  .conversejs converse-chats.converse-fullscreen:not(.converse-singleton) .chatbox {
13268
    flex: 0 0 66.66666667%;
13269
    max-width: 66.66666667%;
13270
  }
13271
}
13272
 
13273
@media (min-width: 992px) {
13274
  .conversejs converse-chats.converse-fullscreen:not(.converse-singleton) .chatbox {
13275
    flex: 0 0 75%;
13276
    max-width: 75%;
13277
  }
13278
}
13279
 
13280
@media (min-width: 1200px) {
13281
  .conversejs converse-chats.converse-fullscreen:not(.converse-singleton) .chatbox {
13282
    flex: 0 0 83.33333333%;
13283
    max-width: 83.33333333%;
13284
  }
13285
}
13286
 
13287
@media (min-width: 768px) {
13288
  .conversejs
13289
    converse-chats.converse-fullscreen:not(.converse-singleton)
13290
    .chatbox:not(#controlbox)
13291
    .box-flyout {
13292
    max-width: 66.666667%;
13293
  }
13294
}
13295
 
13296
@media (min-width: 992px) {
13297
  .conversejs
13298
    converse-chats.converse-fullscreen:not(.converse-singleton)
13299
    .chatbox:not(#controlbox)
13300
    .box-flyout {
13301
    max-width: 75%;
13302
  }
13303
}
13304
 
13305
@media (min-width: 1200px) {
13306
  .conversejs
13307
    converse-chats.converse-fullscreen:not(.converse-singleton)
13308
    .chatbox:not(#controlbox)
13309
    .box-flyout {
13310
    max-width: 83.333333%;
13311
  }
13312
}
13313
 
13314
.conversejs converse-chats.converse-embedded .chat-head {
13315
  font-size: var(--font-size-huge);
13316
}
13317
 
13318
.conversejs converse-chats.converse-embedded .chatbox .box-flyout {
13319
  bottom: 0;
13320
  height: 100%;
13321
  min-width: auto;
13322
  width: 100%;
13323
}
13324
 
13325
.conversejs converse-chats.converse-embedded .chat-textarea {
13326
  max-height: var(--fullpage-max-chat-textarea-height);
13327
}
13328
 
13329
.conversejs converse-chats.converse-fullscreen .chatbox-btn {
13330
  font-size: var(--fullpage-chatbox-button-size);
13331
  margin: 0 0.3em;
13332
}
13333
 
13334
.conversejs converse-chats.converse-fullscreen .chat-head {
13335
  font-size: var(--font-size-huge);
13336
}
13337
 
13338
.conversejs converse-chats.converse-fullscreen .chat-textarea {
13339
  max-height: var(--fullpage-max-chat-textarea-height);
13340
}
13341
 
13342
.conversejs converse-chats.converse-fullscreen .chatbox .box-flyout {
13343
  box-shadow: none;
13344
  height: var(--fullpage-chat-height);
13345
  min-height: calc(var(--fullpage-chat-height) / 2);
13346
  width: var(--fullpage-chat-width);
13347
  overflow: hidden;
13348
}
13349
 
13350
.conversejs converse-chats.converse-fullscreen .chatbox .chat-body {
13351
  height: inherit;
13352
  overflow: hidden;
13353
  background-color: var(--chat-background-color);
13354
}
13355
 
13356
.conversejs converse-chats.converse-fullscreen .chatbox .chat-title {
13357
  font-size: var(--font-size-huge);
13358
  line-height: var(--line-height-huge);
13359
}
13360
 
13361
.conversejs converse-chats.converse-fullscreen .chatbox .sendXMPPMessage ul {
13362
  width: 100%;
13363
}
13364
 
13365
@media (max-width: 767.98px) {
13366
  .conversejs converse-chats:not(.converse-embedded) > .row {
13367
    flex-direction: row-reverse;
13368
  }
13369
 
13370
  .conversejs converse-chats:not(.converse-embedded) #converse-login-panel .converse-form {
13371
    padding: 3em 2em 3em;
13372
  }
13373
 
13374
  .conversejs converse-chats:not(.converse-embedded) .chatbox {
13375
    width: calc(100% - 50px);
13376
  }
13377
 
13378
  .conversejs converse-chats:not(.converse-embedded) .chatbox .row .box-flyout {
13379
    left: 50px;
13380
    bottom: 0;
13381
    height: var(--fullpage-chat-height);
13382
    box-shadow: none;
13383
  }
13384
 
13385
  .conversejs converse-chats.converse-mobile .chat-head converse-controlbox-navback,
13386
  .conversejs converse-chats.converse-overlayed .chat-head converse-controlbox-navback,
13387
  .conversejs converse-chats.converse-fullscreen .chat-head converse-controlbox-navback {
13388
    margin: auto 0;
13389
    margin-right: 1em;
13390
    display: flex;
13391
  }
13392
 
13393
  .conversejs
13394
    converse-chats.converse-mobile
13395
    .chat-head
13396
    converse-controlbox-navback
13397
    .fa-arrow-left
13398
    svg,
13399
  .conversejs
13400
    converse-chats.converse-overlayed
13401
    .chat-head
13402
    converse-controlbox-navback
13403
    .fa-arrow-left
13404
    svg,
13405
  .conversejs
13406
    converse-chats.converse-fullscreen
13407
    .chat-head
13408
    converse-controlbox-navback
13409
    .fa-arrow-left
13410
    svg {
13411
    fill: var(--chat-head-text-color);
13412
  }
13413
}
13414
 
13415
.conversejs,
13416
.conversejs-bg,
13417
#conversejs-bg,
13418
body.converse-fullscreen {
13419
  --avatar-border-radius: 10%;
13420
  --message-avatar-width: 36px;
13421
  --message-avatar-height: 36px;
13422
  --chatroom-width: 500px;
13423
  --send-button-height: 27px;
13424
  --send-button-margin: 3px;
13425
  --inline-action-margin: 0.75em;
13426
  --roster-height: 194px;
13427
  --button-border-radius: 5px;
13428
  --chatbox-border-radius: 4px;
13429
  --normal-font: 'Helvetica', 'Arial', sans-serif;
13430
  --heading-font: 'Muli', normal;
13431
  --branding-font: 'Baumans', cursive;
13432
  --font-size-tiny: 10px;
13433
  --font-size-small: 12px;
13434
  --font-size: 14px;
13435
  --font-size-large: 16px;
13436
  --font-size-huge: 20px;
13437
  --message-font-size: var(--font-size);
13438
  --line-height-small: 14px;
13439
  --line-height: 16px;
13440
  --line-height-large: 20px;
13441
  --line-height-huge: 27px;
13442
  --embedded-emoji-picker-height: 300px;
13443
  --chat-gutter: 0.5em;
13444
  --occupants-padding: 1em;
13445
  --minimized-chats-width: 130px;
13446
  --mobile-chat-width: 100%;
13447
  --mobile-chat-height: 400px;
13448
  --overlayed-chat-head-height: 55px;
13449
  --overlayed-chat-height: 450px;
13450
  --overlayed-chat-width: 300px;
13451
  --overlayed-chatbox-hover-height: 1em;
13452
  --overlayed-emoji-picker-height: 200px;
13453
  --overlayed-max-chat-textarea-height: 200px;
13454
  --list-toggle-font-weight: normal;
13455
}
13456
 
13457
.conversejs .set-xmpp-status .chat-status--online,
13458
.conversejs .xmpp-status .chat-status--online {
13459
  color: var(--chat-status-online);
13460
}
13461
 
13462
.conversejs .set-xmpp-status .chat-status--busy,
13463
.conversejs .xmpp-status .chat-status--busy {
13464
  color: var(--chat-status-busy);
13465
}
13466
 
13467
.conversejs .set-xmpp-status .chat-status--away,
13468
.conversejs .xmpp-status .chat-status--away {
13469
  color: var(--chat-status-away);
13470
}
13471
 
13472
.conversejs .set-xmpp-status .far.fa-circle,
13473
.conversejs .set-xmpp-status .fa-times-circle,
13474
.conversejs .xmpp-status .far.fa-circle,
13475
.conversejs .xmpp-status .fa-times-circle {
13476
  color: var(--subdued-color);
13477
}
13478
 
13479
.conversejs .set-xmpp-status .chat-status {
13480
  padding-right: 0.5em;
13481
}
13482
 
13483
.conversejs .room-info {
13484
  font-size: var(--font-size-small);
13485
  font-style: normal;
13486
  font-weight: normal;
13487
}
13488
 
13489
.conversejs .room-info li.room-info {
13490
  display: block;
13491
  margin-left: 5px;
13492
}
13493
 
13494
.conversejs .room-info p.room-info {
13495
  line-height: var(--line-height);
13496
  margin: 0;
13497
  display: block;
13498
  white-space: normal;
13499
}
13500
 
13501
.conversejs div.room-info {
13502
  padding: 0.3em 0;
13503
  clear: left;
13504
  width: 100%;
13505
}
13506
 
13507
.conversejs #controlbox {
13508
  order: -1;
13509
  color: var(--controlbox-text-color);
13510
  margin-right: calc(3 * var(--chat-gutter));
13511
}
13512
 
13513
.conversejs #controlbox .chat-status--avatar {
13514
  border: 1px solid var(--controlbox-pane-background-color);
13515
  background: var(--controlbox-pane-background-color);
13516
}
13517
 
13518
.conversejs #controlbox converse-brand-logo {
13519
  width: 100%;
13520
  display: block;
13521
}
13522
 
13523
.conversejs #controlbox converse-brand-heading {
13524
  width: 100%;
13525
  display: block;
13526
}
13527
 
13528
.conversejs #controlbox .brand-name-wrapper {
13529
  font-size: 200%;
13530
}
13531
 
13532
.conversejs #controlbox .brand-name-wrapper--fullscreen {
13533
  font-size: 100%;
13534
}
13535
 
13536
.conversejs #controlbox .box-flyout {
13537
  background-color: var(--controlbox-pane-background-color);
13538
}
13539
 
13540
.conversejs #controlbox.logged-out .box-flyout .controlbox-pane {
13541
  overflow-y: auto;
13542
}
13543
 
13544
.conversejs #controlbox form.search-xmpp-contact {
13545
  margin: 0;
13546
  padding-left: 5px;
13547
  padding: 0 0 5px 5px;
13548
}
13549
 
13550
.conversejs #controlbox form.search-xmpp-contact input {
13551
  width: 8em;
13552
}
13553
 
13554
.conversejs #controlbox .msgs-indicator {
13555
  margin-right: 0.5em;
13556
}
13557
 
13558
.conversejs #controlbox a.subscribe-to-user {
13559
  padding-left: 2em;
13560
  font-weight: bold;
13561
}
13562
 
13563
.conversejs #controlbox .conn-feedback {
13564
  color: var(--controlbox-head-color);
13565
}
13566
 
13567
.conversejs #controlbox .conn-feedback.error {
13568
  color: var(--error-color);
13569
}
13570
 
13571
.conversejs #controlbox .conn-feedback p {
13572
  padding-bottom: 1em;
13573
}
13574
 
13575
.conversejs #controlbox .conn-feedback p.feedback-subject.error {
13576
  font-weight: bold;
13577
}
13578
 
13579
.conversejs #controlbox #converse-login-panel,
13580
.conversejs #controlbox #converse-register-panel {
13581
  padding-top: 0;
13582
  padding-bottom: 0;
13583
}
13584
 
13585
.conversejs #controlbox #converse-login-panel {
13586
  flex-direction: row;
13587
}
13588
 
13589
.conversejs #controlbox .toggle-register-login {
13590
  font-weight: bold;
13591
}
13592
 
13593
.conversejs #controlbox .controlbox-pane .userinfo {
13594
  padding-bottom: 1em;
13595
}
13596
 
13597
.conversejs #controlbox .controlbox-pane .userinfo .username {
13598
  margin-left: 0.5em;
13599
  overflow: hidden;
13600
  text-overflow: ellipsis;
13601
}
13602
 
13603
.conversejs #controlbox .controlbox-pane .userinfo .profile {
13604
  margin-bottom: 0.75em;
13605
}
13606
 
13607
.conversejs #controlbox #chatrooms {
13608
  padding: 0;
13609
}
13610
 
13611
.conversejs #controlbox #chatrooms .add-chatroom {
13612
  margin: 0;
13613
  padding: 0;
13614
}
13615
 
13616
.conversejs #controlbox #chatrooms .add-chatroom input[type='button'],
13617
.conversejs #controlbox #chatrooms .add-chatroom input[type='submit'],
13618
.conversejs #controlbox #chatrooms .add-chatroom input[type='text'] {
13619
  width: 100%;
13620
}
13621
 
13622
.conversejs #controlbox .controlbox-section .controlbox-heading {
13623
  font-family: var(--heading-font);
13624
  color: var(--controlbox-heading-color);
13625
  font-weight: var(--controlbox-heading-font-weight);
13626
  padding: 0;
13627
  font-size: 1.1em;
13628
  line-height: 1.1em;
13629
  text-transform: uppercase;
13630
}
13631
 
13632
.conversejs #controlbox .controlbox-section .controlbox-heading--groupchats {
13633
  color: var(--groupchats-header-color);
13634
}
13635
 
13636
.conversejs #controlbox .controlbox-section .controlbox-heading--contacts {
13637
  color: var(--chat-head-color-dark);
13638
}
13639
 
13640
.conversejs #controlbox .controlbox-section .controlbox-heading--headline {
13641
  color: var(--headlines-head-color);
13642
}
13643
 
13644
.conversejs #controlbox .controlbox-section .controlbox-heading__btn {
13645
  cursor: pointer;
13646
  padding: 0 0 0 1em;
13647
  font-size: 1em;
13648
  margin: var(--controlbox-heading-top-margin) 0 var(--inline-action-margin) 0;
13649
  text-align: center;
13650
}
13651
 
13652
.conversejs #controlbox .controlbox-section .controlbox-heading__btn.fa-vcard {
13653
  margin-top: 1em;
13654
}
13655
 
13656
.conversejs #controlbox .dropdown a {
13657
  width: 143px;
13658
  display: inline-block;
13659
}
13660
 
13661
.conversejs #controlbox .dropdown li {
13662
  list-style: none;
13663
  padding-left: 0;
13664
}
13665
 
13666
.conversejs #controlbox .dropdown dd ul {
13667
  padding: 0;
13668
  list-style: none;
13669
  position: absolute;
13670
  left: 0;
13671
  top: 0;
13672
  width: 100%;
13673
  z-index: 21;
13674
  background-color: var(--light-background-color);
13675
}
13676
 
13677
.conversejs #controlbox .dropdown dd ul li:hover {
13678
  background-color: var(--highlight-color);
13679
}
13680
 
13681
.conversejs #controlbox .dropdown dd.search-xmpp {
13682
  height: 0;
13683
}
13684
 
13685
.conversejs #controlbox .dropdown dd.search-xmpp .contact-form-container {
13686
  position: absolute;
13687
  z-index: 22;
13688
}
13689
 
13690
.conversejs #controlbox .dropdown dd.search-xmpp .contact-form-container form {
13691
  box-shadow: 1px 4px 10px 1px rgba(0, 0, 0, 0.4);
13692
  background-color: #fff;
13693
}
13694
 
13695
.conversejs #controlbox .dropdown dd.search-xmpp li:hover {
13696
  background-color: var(--light-background-color);
13697
}
13698
 
13699
.conversejs #controlbox .dropdown dt a span {
13700
  cursor: pointer;
13701
  display: block;
13702
  padding: 4px 7px 0 5px;
13703
}
13704
 
13705
.conversejs #controlbox .controlbox-panes {
13706
  background-color: var(--controlbox-pane-background-color);
13707
  height: 100%;
13708
  overflow-y: auto;
13709
}
13710
 
13711
.conversejs #controlbox .controlbox-subtitle {
13712
  font-size: 90%;
13713
  padding: 0.5em;
13714
  text-align: right;
13715
}
13716
 
13717
.conversejs #controlbox .controlbox-pane {
13718
  background-color: var(--controlbox-pane-background-color);
13719
  border: 0;
13720
  font-size: var(--font-size);
13721
  left: 0;
13722
  text-align: left;
13723
  overflow-x: hidden;
13724
  padding: 0 0 1em 0;
13725
}
13726
 
13727
.conversejs #controlbox .controlbox-pane .controlbox-padded {
13728
  padding-left: 1em;
13729
  padding-right: 1em;
13730
  align-items: center;
13731
  line-height: normal;
13732
}
13733
 
13734
.conversejs #controlbox .controlbox-pane .controlbox-padded .change-status {
13735
  min-width: 25px;
13736
  text-align: center;
13737
}
13738
 
13739
.conversejs #controlbox .controlbox-pane .add-converse-contact {
13740
  margin: 0 0 0.75em 0;
13741
}
13742
 
13743
.conversejs #controlbox .controlbox-pane .chatbox-btn {
13744
  margin: 0;
13745
}
13746
 
13747
.conversejs #controlbox .controlbox-pane .switch-form {
13748
  text-align: center;
13749
  padding: 2em 0;
13750
}
13751
 
13752
.conversejs #controlbox .controlbox-pane dd {
13753
  margin-left: 0;
13754
  margin-bottom: 0;
13755
}
13756
 
13757
.conversejs #controlbox .controlbox-pane dd.odd {
13758
  background-color: #dceac5;
13759
}
13760
 
13761
.conversejs #controlbox .add-xmpp-contact {
13762
  padding: 1em 0.5em;
13763
}
13764
 
13765
.conversejs #controlbox .add-xmpp-contact input {
13766
  margin: 0 0 1rem;
13767
  width: 100%;
13768
}
13769
 
13770
.conversejs #controlbox .add-xmpp-contact button {
13771
  width: 100%;
13772
}
13773
 
13774
.conversejs converse-chats.converse-overlayed {
13775
  display: flex;
13776
  flex-direction: row-reverse;
13777
}
13778
 
13779
.conversejs converse-chats.converse-overlayed .toggle-controlbox {
13780
  order: -2;
13781
  text-align: center;
13782
  background-color: var(--controlbox-head-color);
13783
  border-top-left-radius: var(--button-border-radius);
13784
  border-top-right-radius: var(--button-border-radius);
13785
  color: #0a0a0a;
13786
  float: right;
13787
  height: 100%;
13788
  margin: 0 var(--chat-gutter);
13789
  padding: 1em;
13790
}
13791
 
13792
.conversejs converse-chats.converse-overlayed .toggle-controlbox span {
13793
  color: var(--inverse-link-color);
13794
}
13795
 
13796
.conversejs converse-chats.converse-overlayed #controlbox {
13797
  order: -1;
13798
  min-width: var(--controlbox-width) !important;
13799
  width: var(--controlbox-width);
13800
}
13801
 
13802
.conversejs converse-chats.converse-overlayed #controlbox .box-flyout {
13803
  min-width: var(--controlbox-width) !important;
13804
  width: var(--controlbox-width);
13805
}
13806
 
13807
@media screen and (max-width: 480px) {
13808
  .conversejs converse-chats.converse-overlayed #controlbox {
13809
    margin-left: -15px;
13810
  }
13811
}
13812
 
13813
@media (max-width: 767.98px) {
13814
  .conversejs converse-chats.converse-overlayed #controlbox {
13815
    margin-left: -15px;
13816
  }
13817
}
13818
 
13819
.conversejs converse-chats.converse-overlayed #controlbox .login-trusted {
13820
  white-space: nowrap;
13821
  font-size: 90%;
13822
}
13823
 
13824
.conversejs converse-chats.converse-overlayed #controlbox #converse-login-trusted {
13825
  margin-top: 0.5em;
13826
}
13827
 
13828
.conversejs converse-chats.converse-overlayed #controlbox:not(.logged-out) .controlbox-head {
13829
  height: 15px;
13830
}
13831
 
13832
.conversejs converse-chats.converse-overlayed #controlbox #converse-register,
13833
.conversejs converse-chats.converse-overlayed #controlbox #converse-login {
13834
  flex: 0 0 100%;
13835
  max-width: 100%;
13836
  padding-bottom: 0;
13837
}
13838
 
13839
.conversejs converse-chats.converse-overlayed #controlbox #converse-register .button-cancel {
13840
  font-size: 90%;
13841
}
13842
 
13843
.conversejs converse-chats.converse-overlayed .brand-heading {
13844
  padding-top: 0.8rem;
13845
  padding-left: 0.8rem;
13846
  width: 100%;
13847
}
13848
 
13849
.conversejs converse-chats.converse-overlayed .converse-svg-logo {
13850
  height: 1em;
13851
}
13852
 
13853
.conversejs converse-chats.converse-overlayed #controlbox #converse-login-panel {
13854
  height: 100%;
13855
}
13856
 
13857
.conversejs converse-chats.converse-overlayed #controlbox .controlbox-panes {
13858
  margin-top: 0.5em;
13859
}
13860
 
13861
.conversejs converse-chats.converse-embedded .controlbox-panes,
13862
.conversejs converse-chats.converse-fullscreen .controlbox-panes {
13863
  border-right: 0.2rem solid var(--panel-divider-color);
13864
}
13865
 
13866
.conversejs converse-chats.converse-embedded .toggle-controlbox,
13867
.conversejs converse-chats.converse-fullscreen .toggle-controlbox {
13868
  display: none;
13869
}
13870
 
13871
.conversejs converse-chats.converse-embedded #controlbox,
13872
.conversejs converse-chats.converse-fullscreen #controlbox,
13873
.conversejs converse-chats.converse-mobile #controlbox {
13874
  position: relative;
13875
  width: 100%;
13876
  padding-right: 15px;
13877
  padding-left: 15px;
13878
  margin: 0;
13879
}
13880
 
13881
@media (min-width: 768px) {
13882
  .conversejs converse-chats.converse-embedded #controlbox,
13883
  .conversejs converse-chats.converse-fullscreen #controlbox,
13884
  .conversejs converse-chats.converse-mobile #controlbox {
13885
    flex: 0 0 33.33333333%;
13886
    max-width: 33.33333333%;
13887
  }
13888
}
13889
 
13890
@media (min-width: 992px) {
13891
  .conversejs converse-chats.converse-embedded #controlbox,
13892
  .conversejs converse-chats.converse-fullscreen #controlbox,
13893
  .conversejs converse-chats.converse-mobile #controlbox {
13894
    flex: 0 0 25%;
13895
    max-width: 25%;
13896
  }
13897
}
13898
 
13899
@media (min-width: 1200px) {
13900
  .conversejs converse-chats.converse-embedded #controlbox,
13901
  .conversejs converse-chats.converse-fullscreen #controlbox,
13902
  .conversejs converse-chats.converse-mobile #controlbox {
13903
    flex: 0 0 16.66666667%;
13904
    max-width: 16.66666667%;
13905
  }
13906
}
13907
 
13908
.conversejs converse-chats.converse-embedded #controlbox.logged-out,
13909
.conversejs converse-chats.converse-fullscreen #controlbox.logged-out,
13910
.conversejs converse-chats.converse-mobile #controlbox.logged-out {
13911
  flex: 0 0 100%;
13912
  max-width: 100%;
13913
}
13914
 
13915
.conversejs converse-chats.converse-embedded #controlbox .flyout,
13916
.conversejs converse-chats.converse-fullscreen #controlbox .flyout,
13917
.conversejs converse-chats.converse-mobile #controlbox .flyout {
13918
  border-radius: 0;
13919
}
13920
 
13921
.conversejs converse-chats.converse-embedded #controlbox #converse-login-panel,
13922
.conversejs converse-chats.converse-fullscreen #controlbox #converse-login-panel,
13923
.conversejs converse-chats.converse-mobile #controlbox #converse-login-panel {
13924
  border-radius: 0;
13925
}
13926
 
13927
.conversejs converse-chats.converse-embedded #controlbox #converse-login-panel .converse-form,
13928
.conversejs converse-chats.converse-fullscreen #controlbox #converse-login-panel .converse-form,
13929
.conversejs converse-chats.converse-mobile #controlbox #converse-login-panel .converse-form {
13930
  padding: 3em 2em 3em;
13931
}
13932
 
13933
.conversejs converse-chats.converse-embedded #controlbox .toggle-register-login,
13934
.conversejs converse-chats.converse-fullscreen #controlbox .toggle-register-login,
13935
.conversejs converse-chats.converse-mobile #controlbox .toggle-register-login {
13936
  line-height: var(--line-height-huge);
13937
}
13938
 
13939
.conversejs converse-chats.converse-embedded #controlbox converse-brand-logo,
13940
.conversejs converse-chats.converse-fullscreen #controlbox converse-brand-logo,
13941
.conversejs converse-chats.converse-mobile #controlbox converse-brand-logo {
13942
  flex: 0 0 100%;
13943
  max-width: 100%;
13944
  margin-top: 5em;
13945
  margin-bottom: 1em;
13946
}
13947
 
13948
.conversejs converse-chats.converse-embedded #controlbox converse-brand-logo .brand-heading,
13949
.conversejs converse-chats.converse-fullscreen #controlbox converse-brand-logo .brand-heading,
13950
.conversejs converse-chats.converse-mobile #controlbox converse-brand-logo .brand-heading {
13951
  width: 100%;
13952
  font-size: 500%;
13953
  padding: 0.7em 0 0 0;
13954
  opacity: 0.8;
13955
  color: var(--brand-heading-color);
13956
}
13957
 
13958
.conversejs converse-chats.converse-embedded #controlbox converse-brand-logo .brand-subtitle,
13959
.conversejs converse-chats.converse-fullscreen #controlbox converse-brand-logo .brand-subtitle,
13960
.conversejs converse-chats.converse-mobile #controlbox converse-brand-logo .brand-subtitle {
13961
  font-size: 90%;
13962
  padding: 0.5em;
13963
}
13964
 
13965
@media screen and (max-width: 480px) {
13966
  .conversejs converse-chats.converse-embedded #controlbox converse-brand-logo .brand-heading,
13967
  .conversejs converse-chats.converse-fullscreen #controlbox converse-brand-logo .brand-heading,
13968
  .conversejs converse-chats.converse-mobile #controlbox converse-brand-logo .brand-heading {
13969
    font-size: 300%;
13970
  }
13971
}
13972
 
13973
.conversejs converse-chats.converse-embedded #controlbox.logged-out,
13974
.conversejs converse-chats.converse-fullscreen #controlbox.logged-out,
13975
.conversejs converse-chats.converse-mobile #controlbox.logged-out {
13976
  flex: 0 0 100%;
13977
  max-width: 100%;
13978
  opacity: 0;
13979
  animation-name: fadein;
13980
  animation-fill-mode: forwards;
13981
  animation-duration: 0.5s;
13982
  animation-timing-function: ease;
13983
  width: 100%;
13984
}
13985
 
13986
.conversejs converse-chats.converse-embedded #controlbox.logged-out .box-flyout,
13987
.conversejs converse-chats.converse-fullscreen #controlbox.logged-out .box-flyout,
13988
.conversejs converse-chats.converse-mobile #controlbox.logged-out .box-flyout {
13989
  width: 100%;
13990
}
13991
 
13992
.conversejs converse-chats.converse-embedded #controlbox .box-flyout,
13993
.conversejs converse-chats.converse-fullscreen #controlbox .box-flyout,
13994
.conversejs converse-chats.converse-mobile #controlbox .box-flyout {
13995
  border: 0;
13996
  width: 100%;
13997
  z-index: 1;
13998
  background-color: var(--controlbox-head-color);
13999
}
14000
 
14001
.conversejs converse-chats.converse-embedded #controlbox .box-flyout .controlbox-head,
14002
.conversejs converse-chats.converse-fullscreen #controlbox .box-flyout .controlbox-head,
14003
.conversejs converse-chats.converse-mobile #controlbox .box-flyout .controlbox-head {
14004
  display: none;
14005
}
14006
 
14007
.conversejs converse-chats.converse-embedded #controlbox #converse-register,
14008
.conversejs converse-chats.converse-embedded #controlbox #converse-login,
14009
.conversejs converse-chats.converse-fullscreen #controlbox #converse-register,
14010
.conversejs converse-chats.converse-fullscreen #controlbox #converse-login,
14011
.conversejs converse-chats.converse-mobile #controlbox #converse-register,
14012
.conversejs converse-chats.converse-mobile #controlbox #converse-login {
14013
  position: relative;
14014
  width: 100%;
14015
  padding-right: 15px;
14016
  padding-left: 15px;
14017
  flex: 0 0 66.66666667%;
14018
  max-width: 66.66666667%;
14019
  margin-left: 16.66666667%;
14020
}
14021
 
14022
@media (min-width: 576px) {
14023
  .conversejs converse-chats.converse-embedded #controlbox #converse-register,
14024
  .conversejs converse-chats.converse-embedded #controlbox #converse-login,
14025
  .conversejs converse-chats.converse-fullscreen #controlbox #converse-register,
14026
  .conversejs converse-chats.converse-fullscreen #controlbox #converse-login,
14027
  .conversejs converse-chats.converse-mobile #controlbox #converse-register,
14028
  .conversejs converse-chats.converse-mobile #controlbox #converse-login {
14029
    flex: 0 0 66.66666667%;
14030
    max-width: 66.66666667%;
14031
    margin-left: 16.66666667%;
14032
  }
14033
}
14034
 
14035
@media (min-width: 768px) {
14036
  .conversejs converse-chats.converse-embedded #controlbox #converse-register,
14037
  .conversejs converse-chats.converse-embedded #controlbox #converse-login,
14038
  .conversejs converse-chats.converse-fullscreen #controlbox #converse-register,
14039
  .conversejs converse-chats.converse-fullscreen #controlbox #converse-login,
14040
  .conversejs converse-chats.converse-mobile #controlbox #converse-register,
14041
  .conversejs converse-chats.converse-mobile #controlbox #converse-login {
14042
    flex: 0 0 66.66666667%;
14043
    max-width: 66.66666667%;
14044
    margin-left: 16.66666667%;
14045
  }
14046
}
14047
 
14048
@media (min-width: 992px) {
14049
  .conversejs converse-chats.converse-embedded #controlbox #converse-register,
14050
  .conversejs converse-chats.converse-embedded #controlbox #converse-login,
14051
  .conversejs converse-chats.converse-fullscreen #controlbox #converse-register,
14052
  .conversejs converse-chats.converse-fullscreen #controlbox #converse-login,
14053
  .conversejs converse-chats.converse-mobile #controlbox #converse-register,
14054
  .conversejs converse-chats.converse-mobile #controlbox #converse-login {
14055
    flex: 0 0 50%;
14056
    max-width: 50%;
14057
    margin-left: 25%;
14058
  }
14059
}
14060
 
14061
.conversejs converse-chats.converse-embedded #controlbox #converse-register .title,
14062
.conversejs converse-chats.converse-embedded #controlbox #converse-register .instructions,
14063
.conversejs converse-chats.converse-embedded #controlbox #converse-login .title,
14064
.conversejs converse-chats.converse-embedded #controlbox #converse-login .instructions,
14065
.conversejs converse-chats.converse-fullscreen #controlbox #converse-register .title,
14066
.conversejs converse-chats.converse-fullscreen #controlbox #converse-register .instructions,
14067
.conversejs converse-chats.converse-fullscreen #controlbox #converse-login .title,
14068
.conversejs converse-chats.converse-fullscreen #controlbox #converse-login .instructions,
14069
.conversejs converse-chats.converse-mobile #controlbox #converse-register .title,
14070
.conversejs converse-chats.converse-mobile #controlbox #converse-register .instructions,
14071
.conversejs converse-chats.converse-mobile #controlbox #converse-login .title,
14072
.conversejs converse-chats.converse-mobile #controlbox #converse-login .instructions {
14073
  margin: 1em 0;
14074
}
14075
 
14076
.conversejs converse-chats.converse-embedded #controlbox #converse-register input[type='submit'],
14077
.conversejs converse-chats.converse-embedded #controlbox #converse-register input[type='button'],
14078
.conversejs converse-chats.converse-embedded #controlbox #converse-login input[type='submit'],
14079
.conversejs converse-chats.converse-embedded #controlbox #converse-login input[type='button'],
14080
.conversejs converse-chats.converse-fullscreen #controlbox #converse-register input[type='submit'],
14081
.conversejs converse-chats.converse-fullscreen #controlbox #converse-register input[type='button'],
14082
.conversejs converse-chats.converse-fullscreen #controlbox #converse-login input[type='submit'],
14083
.conversejs converse-chats.converse-fullscreen #controlbox #converse-login input[type='button'],
14084
.conversejs converse-chats.converse-mobile #controlbox #converse-register input[type='submit'],
14085
.conversejs converse-chats.converse-mobile #controlbox #converse-register input[type='button'],
14086
.conversejs converse-chats.converse-mobile #controlbox #converse-login input[type='submit'],
14087
.conversejs converse-chats.converse-mobile #controlbox #converse-login input[type='button'] {
14088
  width: auto;
14089
}
14090
 
14091
.conversejs converse-chats.converse-fullscreen #controlbox {
14092
  margin-left: -15px;
14093
}
14094
 
14095
@media screen and (max-width: 480px) {
14096
  .conversejs converse-chats.converse-fullscreen #controlbox {
14097
    margin-left: 0;
14098
  }
14099
}
14100
 
14101
@media (max-width: 767.98px) {
14102
  .conversejs converse-chats.converse-fullscreen #controlbox {
14103
    margin-left: 0;
14104
  }
14105
}
14106
 
14107
.conversejs converse-chats.converse-fullscreen .controlbox-panes {
14108
  padding-top: 2em;
14109
}
14110
 
14111
@media (max-width: 767.98px) {
14112
  .conversejs {
14113
    left: 0;
14114
    right: 0;
14115
    padding-left: env(safe-area-inset-left);
14116
    padding-right: env(safe-area-inset-right);
14117
  }
14118
 
14119
  .conversejs .converse-chatboxes {
14120
    margin: 0 !important;
14121
    flex-direction: row !important;
14122
    justify-content: space-between;
14123
  }
14124
 
14125
  .conversejs .converse-chatboxes .converse-chatroom {
14126
    font-size: 14px;
14127
  }
14128
 
14129
  .conversejs .converse-chatboxes .chatbox .box-flyout {
14130
    left: 0;
14131
    bottom: 0;
14132
    border-radius: 0;
14133
    width: 100vw !important;
14134
    height: var(--fullpage-chat-height);
14135
  }
14136
 
14137
  .conversejs .converse-chatboxes #controlbox {
14138
    margin-left: 0;
14139
    width: 100vw !important;
14140
  }
14141
 
14142
  .conversejs .converse-chatboxes #controlbox .box-flyout {
14143
    width: 100vw !important;
14144
    height: var(--fullpage-chat-height);
14145
    margin-right: -15px;
14146
  }
14147
 
14148
  .conversejs .converse-chatboxes #controlbox .sidebar {
14149
    display: block;
14150
  }
14151
 
14152
  .conversejs .converse-chatboxes.sidebar-open .chatbox:not(#controlbox) {
14153
    display: none;
14154
  }
14155
 
14156
  .conversejs .converse-chatboxes.sidebar-open #controlbox .controlbox-pane {
14157
    display: block;
14158
  }
14159
}
14160
 
14161
.conversejs #controlbox .controlbox-head {
14162
  display: flex;
14163
  flex-direction: row-reverse;
14164
  flex-wrap: nowrap;
14165
  justify-content: space-between;
14166
  min-height: 0;
14167
}
14168
 
14169
.conversejs #controlbox .controlbox-head .brand-heading {
14170
  color: var(--controlbox-text-color);
14171
  font-size: 2em;
14172
}
14173
 
14174
.conversejs #controlbox .controlbox-head .chatbox-btn {
14175
  margin: 0;
14176
}
14177
 
14178
.conversejs #controlbox .controlbox-head .chatbox-btn converse-icon svg {
14179
  fill: var(--controlbox-head-btn-color);
14180
}
14181
 
14182
.conversejs .chatbox.headlines .chat-body {
14183
  background-color: var(--background);
14184
}
14185
 
14186
.conversejs .chatbox.headlines .chat-body .chat-message {
14187
  color: var(--headline-message-color);
14188
}
14189
 
14190
.conversejs .chatbox.headlines .chat-body hr {
14191
  border-bottom: var(--headline-separator-border-bottom);
14192
}
14193
 
14194
.conversejs .chatbox.headlines .chat-content {
14195
  height: 100%;
14196
}
14197
 
14198
.conversejs .message.chat-msg.headline .chat-msg__body {
14199
  margin-left: 0;
14200
}
14201
 
14202
.conversejs #controlbox .controlbox-section .controlbox-heading--headline {
14203
  color: var(--headlines-head-text-color);
14204
}
14205
 
14206
.conversejs converse-chats.converse-fullscreen .chatbox.headlines .box-flyout {
14207
  background-color: var(--headlines-head-text-color);
14208
}
14209
 
14210
.conversejs converse-chats.converse-fullscreen .chatbox.headlines .flyout {
14211
  border-color: var(--headlines-head-text-color);
14212
}
14213
 
14214
.conversejs .chatbox.headlines converse-headlines-heading.chat-head {
14215
  background-color: var(--headlines-head-bg-color);
14216
}
14217
 
14218
.conversejs .chatbox.headlines converse-headlines-heading.chat-head .chatbox-title--no-desc {
14219
  padding: 0.75rem 1rem;
14220
}
14221
 
14222
.conversejs .chatbox.headlines converse-headlines-heading.chat-head.chat-head-chatbox {
14223
  background-color: var(--headlines-head-bg-color);
14224
  border-bottom: var(--headlines-head-border-bottom);
14225
}
14226
 
14227
.conversejs .chatbox.headlines converse-headlines-heading.chat-head .chatbox-title__text {
14228
  color: var(--headlines-head-text-color) !important;
14229
}
14230
 
14231
.conversejs
14232
  .chatbox.headlines
14233
  converse-headlines-heading.chat-head
14234
  converse-dropdown
14235
  .dropdown-menu
14236
  converse-icon
14237
  svg {
14238
  fill: var(--headlines-color);
14239
}
14240
 
14241
.conversejs .chatbox.headlines converse-headlines-heading.chat-head .chatbox-btn converse-icon svg {
14242
  fill: var(--headlines-head-fg-color);
14243
}
14244
 
14245
.conversejs
14246
  .chatbox.headlines
14247
  converse-chats.converse-fullscreen
14248
  .chatbox.headlines
14249
  .chat-head.chat-head-chatbox {
14250
  background-color: var(--headlines-head-bg-color);
14251
}
14252
 
14253
converse-mam-placeholder .mam-placeholder {
14254
  position: relative;
14255
  height: 2em;
14256
  margin: 0.5em 0;
14257
}
14258
 
14259
converse-mam-placeholder .mam-placeholder:before,
14260
converse-mam-placeholder .mam-placeholder:after {
14261
  content: '';
14262
  display: block;
14263
  position: absolute;
14264
  left: 0;
14265
  right: 0;
14266
}
14267
 
14268
converse-mam-placeholder .mam-placeholder:before {
14269
  height: 1em;
14270
  top: 1em;
14271
  background:
14272
    linear-gradient(-135deg, lightgray 0.5em, transparent 0) 0 0.5em,
14273
    linear-gradient(135deg, lightgray 0.5em, transparent 0) 0 0.5em;
14274
  background-position: top left;
14275
  background-repeat: repeat-x;
14276
  background-size: 1em 1em;
14277
}
14278
 
14279
converse-mam-placeholder .mam-placeholder:after {
14280
  height: 1em;
14281
  top: 0.75em;
14282
  background:
14283
    linear-gradient(-135deg, var(--chat-background-color) 0.5em, transparent 0) 0 0.5em,
14284
    linear-gradient(135deg, var(--chat-background-color) 0.5em, transparent 0) 0 0.5em;
14285
  background-position: top left;
14286
  background-repeat: repeat-x;
14287
  background-size: 1em 1em;
14288
}
14289
 
14290
converse-muc-nickname-form {
14291
  width: 100%;
14292
}
14293
 
14294
.conversejs converse-muc.chatroom converse-muc-bottom-panel.bottom-panel {
14295
  display: contents;
14296
  height: 3em;
14297
  padding: 0.5em;
14298
  text-align: center;
14299
  font-size: var(--font-size-small);
14300
  background-color: var(--chatroom-head-bg-color);
14301
  color: #fff;
14302
}
14303
 
14304
.conversejs converse-muc.chatroom converse-muc-bottom-panel.bottom-panel.muc-bottom-panel--muted {
14305
  height: 4em;
14306
  width: 100%;
14307
}
14308
 
14309
.conversejs
14310
  converse-muc.chatroom
14311
  converse-muc-bottom-panel.bottom-panel.muc-bottom-panel--nickname {
14312
  padding: 0;
14313
  height: 16em;
14314
}
14315
 
14316
.conversejs
14317
  converse-muc.chatroom
14318
  converse-muc-bottom-panel.bottom-panel.muc-bottom-panel--nickname
14319
  .muc-form-container
14320
  .chatroom-form {
14321
  padding-top: 2em;
14322
  padding-bottom: 0;
14323
}
14324
 
14325
.conversejs
14326
  converse-muc.chatroom
14327
  converse-muc-bottom-panel.bottom-panel
14328
  .sendXMPPMessage
14329
  .suggestion-box__results--above {
14330
  bottom: 4.5em;
14331
}
14332
 
14333
.conversejs
14334
  converse-muc.chatroom
14335
  converse-muc-bottom-panel.bottom-panel
14336
  .sendXMPPMessage
14337
  .chat-textarea:active,
14338
.conversejs
14339
  converse-muc.chatroom
14340
  converse-muc-bottom-panel.bottom-panel
14341
  .sendXMPPMessage
14342
  .chat-textarea:focus,
14343
.conversejs
14344
  converse-muc.chatroom
14345
  converse-muc-bottom-panel.bottom-panel
14346
  .sendXMPPMessage
14347
  input:active,
14348
.conversejs
14349
  converse-muc.chatroom
14350
  converse-muc-bottom-panel.bottom-panel
14351
  .sendXMPPMessage
14352
  input:focus {
14353
  outline-color: var(--chatroom-head-bg-color) !important;
14354
}
14355
 
14356
.conversejs
14357
  converse-muc.chatroom
14358
  converse-muc-bottom-panel.bottom-panel
14359
  .sendXMPPMessage
14360
  .chat-textarea.correcting,
14361
.conversejs
14362
  converse-muc.chatroom
14363
  converse-muc-bottom-panel.bottom-panel
14364
  .sendXMPPMessage
14365
  input.correcting {
14366
  background-color: var(--chatroom-correcting-color);
14367
}
14368
 
14369
.conversejs
14370
  converse-muc.chatroom
14371
  converse-muc-bottom-panel.bottom-panel
14372
  .sendXMPPMessage
14373
  .chat-textarea {
14374
  width: 100%;
14375
  border: none;
14376
  border-bottom-right-radius: 0;
14377
}
14378
 
14379
.conversejs .chat-status {
14380
  vertical-align: middle;
14381
  margin-right: 0;
14382
  border-radius: 50%;
14383
  font-size: 1em;
14384
}
14385
 
14386
.conversejs .chat-status.chat-status--avatar {
14387
  font-size: 0.6rem;
14388
  margin-left: -0.7em;
14389
  margin-bottom: -1.9em;
14390
  border-radius: 50%;
14391
}
14392
 
14393
.conversejs .chat-status--offline {
14394
  margin-right: 0.8em;
14395
}
14396
 
14397
.conversejs .chat-status--online {
14398
  color: var(--chat-status-online);
14399
}
14400
 
14401
.conversejs .chat-status--online svg {
14402
  fill: var(--chat-status-online);
14403
}
14404
 
14405
.conversejs .chat-status--busy {
14406
  color: var(--chat-status-busy);
14407
}
14408
 
14409
.conversejs .chat-status--busy svg {
14410
  fill: var(--chat-status-busy);
14411
}
14412
 
14413
.conversejs .chat-status--away {
14414
  color: var(--chat-status-away);
14415
}
14416
 
14417
.conversejs .chat-status--away svg {
14418
  fill: var(--chat-status-away);
14419
}
14420
 
14421
.conversejs .chat-status--offline {
14422
  display: none;
14423
}
14424
 
14425
.conversejs converse-muc.chatroom .chat-status--avatar {
14426
  background: var(--occupants-background-color);
14427
  border: 1px solid var(--occupants-background-color);
14428
}
14429
 
14430
.conversejs converse-muc.chatroom .badge-groupchat {
14431
  background-color: var(--groupchats-header-color);
14432
}
14433
 
14434
.conversejs converse-muc.chatroom .box-flyout .occupants {
14435
  display: flex;
14436
  flex-direction: column;
14437
  justify-content: space-between;
14438
  overflow-x: hidden;
14439
  overflow-y: hidden;
14440
  vertical-align: top;
14441
  background-color: var(--occupants-background-color);
14442
  border-left: var(--occupants-border-left);
14443
  padding: 0.5em;
14444
  max-width: 75%;
14445
  min-width: 20%;
14446
  flex: 0 0 25%;
14447
}
14448
 
14449
.conversejs converse-muc.chatroom .box-flyout .occupants .occupants-header--title {
14450
  display: flex;
14451
  flex-direction: row;
14452
  margin-bottom: 0.5em;
14453
}
14454
 
14455
.conversejs converse-muc.chatroom .box-flyout .occupants .occupants-header--title .hide-occupants {
14456
  align-self: flex-end;
14457
  cursor: pointer;
14458
  font-size: var(--font-size-small);
14459
}
14460
 
14461
.conversejs converse-muc.chatroom .box-flyout .occupants .fa-user-plus {
14462
  margin-right: 0.25em;
14463
}
14464
 
14465
.conversejs converse-muc.chatroom .box-flyout .occupants .occupants-heading {
14466
  width: 100%;
14467
  font-family: var(--heading-font);
14468
  color: var(--groupchats-header-color-dark);
14469
  padding-left: 0;
14470
  margin-right: 1em;
14471
}
14472
 
14473
.conversejs converse-muc.chatroom .box-flyout .occupants .suggestion-box ul {
14474
  padding: 0;
14475
}
14476
 
14477
.conversejs converse-muc.chatroom .box-flyout .occupants .suggestion-box ul li {
14478
  padding: 0.5em;
14479
}
14480
 
14481
.conversejs converse-muc.chatroom .box-flyout .occupants ul {
14482
  padding: 0;
14483
  margin-bottom: 0.5em;
14484
  overflow-x: hidden;
14485
  overflow-y: auto;
14486
  list-style: none;
14487
}
14488
 
14489
.conversejs converse-muc.chatroom .box-flyout .occupants ul.occupant-list {
14490
  overflow-y: auto;
14491
  flex-basis: 0;
14492
  flex-grow: 1;
14493
}
14494
 
14495
.conversejs converse-muc.chatroom .box-flyout .occupants ul li {
14496
  cursor: default;
14497
  display: block;
14498
  font-size: var(--font-size-small);
14499
  overflow: hidden;
14500
  padding: 0.25em 0.25em 0.25em 0;
14501
  text-overflow: ellipsis;
14502
}
14503
 
14504
.conversejs converse-muc.chatroom .box-flyout .occupants ul li .fa {
14505
  margin-right: 0.5em;
14506
}
14507
 
14508
.conversejs converse-muc.chatroom .box-flyout .occupants ul li.feature {
14509
  font-size: var(--font-size-tiny);
14510
}
14511
 
14512
.conversejs converse-muc.chatroom .box-flyout .occupants ul li.occupant {
14513
  cursor: pointer;
14514
  color: var(--link-color);
14515
}
14516
 
14517
.conversejs converse-muc.chatroom .box-flyout .occupants ul li.occupant:hover {
14518
  color: var(--link-hover-color);
14519
}
14520
 
14521
.conversejs converse-muc.chatroom .box-flyout .occupants ul li.occupant .occupant-nick-badge {
14522
  display: flex;
14523
  justify-content: space-between;
14524
  flex-wrap: wrap;
14525
}
14526
 
14527
.conversejs
14528
  converse-muc.chatroom
14529
  .box-flyout
14530
  .occupants
14531
  ul
14532
  li.occupant
14533
  .occupant-nick-badge
14534
  .occupant-badges {
14535
  display: flex;
14536
  justify-content: flex-end;
14537
  flex-wrap: wrap;
14538
  flex-direction: row;
14539
}
14540
 
14541
.conversejs
14542
  converse-muc.chatroom
14543
  .box-flyout
14544
  .occupants
14545
  ul
14546
  li.occupant
14547
  .occupant-nick-badge
14548
  .occupant-badges
14549
  span {
14550
  height: 1.6em;
14551
  margin-right: 0.25rem;
14552
}
14553
 
14554
.conversejs converse-muc.chatroom .box-flyout .occupants ul li.occupant div.row.no-gutters {
14555
  flex-wrap: nowrap;
14556
  min-height: 1.5em;
14557
}
14558
 
14559
.conversejs converse-muc.chatroom .box-flyout .occupants ul li.occupant .badge {
14560
  margin-bottom: 0.125rem;
14561
}
14562
 
14563
converse-muc-details-modal .features-list {
14564
  margin-left: 1em;
14565
}
14566
 
14567
converse-muc-details-modal .room-info strong {
14568
  color: var(--muc-color);
14569
}
14570
 
14571
converse-muc-details-modal .chatroom-features {
14572
  width: 100%;
14573
}
14574
 
14575
converse-muc-details-modal .chatroom-features .features-list {
14576
  padding-top: 0;
14577
}
14578
 
14579
converse-muc-details-modal .chatroom-features .features-list .feature {
14580
  width: 100%;
14581
  margin-right: 0.5em;
14582
  padding-right: 0;
14583
  font-size: 1em;
14584
  cursor: help;
14585
}
14586
 
14587
converse-muc-details-modal .chatroom-features .features-list .feature converse-icon {
14588
  margin-right: 0.5em;
14589
}
14590
 
14591
converse-rich-text {
14592
  display: block;
14593
}
14594
 
14595
.reason converse-rich-text {
14596
  display: inline-block;
14597
}
14598
 
14599
.conversejs converse-muc.chatroom .chat-head-chatroom {
14600
  color: var(--chatroom-head-color);
14601
  background-color: var(--chatroom-head-bg-color);
14602
  border-bottom: var(--chatroom-head-border-bottom);
14603
}
14604
 
14605
.conversejs
14606
  converse-muc.chatroom
14607
  .chat-head-chatroom
14608
  converse-controlbox-navback
14609
  .fa-arrow-left
14610
  svg {
14611
  fill: var(--chatroom-head-color);
14612
}
14613
 
14614
.conversejs converse-muc.chatroom .chat-head-chatroom .chat-head__desc {
14615
  color: var(--chatroom-head-color);
14616
  display: var(--chatroom-head-description-display);
14617
}
14618
 
14619
.conversejs converse-muc.chatroom .chat-head-chatroom .chat-head__desc a {
14620
  color: var(--chatroom-head-description-link-color);
14621
}
14622
 
14623
.conversejs converse-muc.chatroom .chat-head-chatroom .chat-head__desc:hover button {
14624
  display: inline-block;
14625
}
14626
 
14627
.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-title .btn--transparent i {
14628
  color: var(--chatroom-head-color);
14629
}
14630
 
14631
.conversejs
14632
  converse-muc.chatroom
14633
  .chat-head-chatroom
14634
  .chatbox-title
14635
  .chatbox-title__text--bookmarked {
14636
  margin-left: 0.5em;
14637
}
14638
 
14639
.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-title__buttons {
14640
  background-color: var(--chatroom-head-bg-color);
14641
}
14642
 
14643
.conversejs converse-muc.chatroom .chat-head-chatroom a.chatbox-btn.fa,
14644
.conversejs converse-muc.chatroom .chat-head-chatroom a:visited.chatbox-btn.fa,
14645
.conversejs converse-muc.chatroom .chat-head-chatroom a:hover.chatbox-btn.fa,
14646
.conversejs converse-muc.chatroom .chat-head-chatroom a:not([href]):not([tabindex]).chatbox-btn.fa {
14647
  color: var(--chatroom-head-color);
14648
}
14649
 
14650
.conversejs converse-muc.chatroom .chat-head-chatroom a.chatbox-btn.fa.button-on:before,
14651
.conversejs converse-muc.chatroom .chat-head-chatroom a:visited.chatbox-btn.fa.button-on:before,
14652
.conversejs converse-muc.chatroom .chat-head-chatroom a:hover.chatbox-btn.fa.button-on:before,
14653
.conversejs
14654
  converse-muc.chatroom
14655
  .chat-head-chatroom
14656
  a:not([href]):not([tabindex]).chatbox-btn.fa.button-on:before {
14657
  color: var(--chatroom-head-fg-color);
14658
}
14659
 
14660
.conversejs
14661
  converse-muc.chatroom
14662
  .chat-head-chatroom
14663
  converse-dropdown
14664
  .dropdown-menu
14665
  converse-icon
14666
  svg {
14667
  fill: var(--chatroom-color);
14668
}
14669
 
14670
.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-btn converse-icon svg {
14671
  fill: var(--chatroom-head-fg-color);
14672
}
14673
 
14674
.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-title__text {
14675
  color: var(--chatroom-head-color);
14676
  display: var(--heading-display);
14677
  font-weight: var(--chatroom-head-title-font-weight);
14678
  margin: auto 0;
14679
  padding-right: var(--chatroom-head-title-padding-right);
14680
  white-space: nowrap;
14681
}
14682
 
14683
.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-title__text .chatroom-jid {
14684
  font-size: var(--font-size-small);
14685
}
14686
 
14687
.conversejs,
14688
.conversejs-bg,
14689
#conversejs-bg,
14690
body.converse-fullscreen {
14691
  --avatar-border-radius: 10%;
14692
  --message-avatar-width: 36px;
14693
  --message-avatar-height: 36px;
14694
  --chatroom-width: 500px;
14695
  --send-button-height: 27px;
14696
  --send-button-margin: 3px;
14697
  --inline-action-margin: 0.75em;
14698
  --roster-height: 194px;
14699
  --button-border-radius: 5px;
14700
  --chatbox-border-radius: 4px;
14701
  --normal-font: 'Helvetica', 'Arial', sans-serif;
14702
  --heading-font: 'Muli', normal;
14703
  --branding-font: 'Baumans', cursive;
14704
  --font-size-tiny: 10px;
14705
  --font-size-small: 12px;
14706
  --font-size: 14px;
14707
  --font-size-large: 16px;
14708
  --font-size-huge: 20px;
14709
  --message-font-size: var(--font-size);
14710
  --line-height-small: 14px;
14711
  --line-height: 16px;
14712
  --line-height-large: 20px;
14713
  --line-height-huge: 27px;
14714
  --embedded-emoji-picker-height: 300px;
14715
  --chat-gutter: 0.5em;
14716
  --occupants-padding: 1em;
14717
  --minimized-chats-width: 130px;
14718
  --mobile-chat-width: 100%;
14719
  --mobile-chat-height: 400px;
14720
  --overlayed-chat-head-height: 55px;
14721
  --overlayed-chat-height: 450px;
14722
  --overlayed-chat-width: 300px;
14723
  --overlayed-chatbox-hover-height: 1em;
14724
  --overlayed-emoji-picker-height: 200px;
14725
  --overlayed-max-chat-textarea-height: 200px;
14726
  --list-toggle-font-weight: normal;
14727
}
14728
 
14729
.conversejs #controlbox #chatrooms {
14730
  padding: 0;
14731
}
14732
 
14733
.conversejs #controlbox #chatrooms .add-chatroom {
14734
  margin: 0;
14735
  padding: 0;
14736
}
14737
 
14738
.conversejs #controlbox #chatrooms .add-chatroom input[type='button'],
14739
.conversejs #controlbox #chatrooms .add-chatroom input[type='submit'],
14740
.conversejs #controlbox #chatrooms .add-chatroom input[type='text'] {
14741
  width: 100%;
14742
}
14743
 
14744
.conversejs #controlbox .open-rooms-toggle,
14745
.conversejs #controlbox .open-rooms-toggle .fa {
14746
  color: var(--groupchats-header-color) !important;
14747
}
14748
 
14749
.conversejs #controlbox .open-rooms-toggle:hover,
14750
.conversejs #controlbox .open-rooms-toggle .fa:hover {
14751
  color: var(--chatroom-head-bg-color-dark) !important;
14752
}
14753
 
14754
.conversejs #controlbox .open-rooms-toggle {
14755
  white-space: nowrap;
14756
}
14757
 
14758
.conversejs,
14759
.conversejs-bg,
14760
#conversejs-bg,
14761
body.converse-fullscreen {
14762
  --avatar-border-radius: 10%;
14763
  --message-avatar-width: 36px;
14764
  --message-avatar-height: 36px;
14765
  --chatroom-width: 500px;
14766
  --send-button-height: 27px;
14767
  --send-button-margin: 3px;
14768
  --inline-action-margin: 0.75em;
14769
  --roster-height: 194px;
14770
  --button-border-radius: 5px;
14771
  --chatbox-border-radius: 4px;
14772
  --normal-font: 'Helvetica', 'Arial', sans-serif;
14773
  --heading-font: 'Muli', normal;
14774
  --branding-font: 'Baumans', cursive;
14775
  --font-size-tiny: 10px;
14776
  --font-size-small: 12px;
14777
  --font-size: 14px;
14778
  --font-size-large: 16px;
14779
  --font-size-huge: 20px;
14780
  --message-font-size: var(--font-size);
14781
  --line-height-small: 14px;
14782
  --line-height: 16px;
14783
  --line-height-large: 20px;
14784
  --line-height-huge: 27px;
14785
  --embedded-emoji-picker-height: 300px;
14786
  --chat-gutter: 0.5em;
14787
  --occupants-padding: 1em;
14788
  --minimized-chats-width: 130px;
14789
  --mobile-chat-width: 100%;
14790
  --mobile-chat-height: 400px;
14791
  --overlayed-chat-head-height: 55px;
14792
  --overlayed-chat-height: 450px;
14793
  --overlayed-chat-width: 300px;
14794
  --overlayed-chatbox-hover-height: 1em;
14795
  --overlayed-emoji-picker-height: 200px;
14796
  --overlayed-max-chat-textarea-height: 200px;
14797
  --list-toggle-font-weight: normal;
14798
}
14799
 
14800
.conversejs .chatbox {
14801
  text-align: left;
14802
  margin: 0 var(--chat-gutter);
14803
}
14804
 
14805
@media screen and (max-height: 450px) {
14806
  .conversejs .chatbox {
14807
    margin: 0;
14808
    width: var(--mobile-chat-width);
14809
  }
14810
}
14811
 
14812
@media screen and (max-width: 480px) {
14813
  .conversejs .chatbox {
14814
    margin: 0;
14815
    width: var(--mobile-chat-width);
14816
  }
14817
}
14818
 
14819
.conversejs .chatbox converse-controlbox-navback {
14820
  display: none;
14821
}
14822
 
14823
.conversejs .chatbox .flyout {
14824
  position: absolute;
14825
}
14826
 
14827
@media screen and (max-height: 450px) {
14828
  .conversejs .chatbox .flyout {
14829
    border-radius: 0;
14830
  }
14831
}
14832
 
14833
@media screen and (max-width: 480px) {
14834
  .conversejs .chatbox .flyout {
14835
    border-radius: 0;
14836
  }
14837
}
14838
 
14839
@media screen and (max-height: 450px) {
14840
  .conversejs .chatbox .flyout {
14841
    bottom: 0;
14842
  }
14843
}
14844
 
14845
@media screen and (max-width: 480px) {
14846
  .conversejs .chatbox .flyout {
14847
    bottom: 0;
14848
  }
14849
}
14850
 
14851
.conversejs .chatbox .chatbox-btn {
14852
  border-radius: 25%;
14853
  border: none;
14854
  cursor: pointer;
14855
  font-size: var(--chatbox-button-size);
14856
  margin: 0 0.2em;
14857
  padding: 0 0 0 0.5em;
14858
  text-decoration: none;
14859
}
14860
 
14861
.conversejs .chatbox .chatbox-btn:active {
14862
  position: relative;
14863
  top: 1px;
14864
}
14865
 
14866
.conversejs .chatbox .box-flyout {
14867
  display: flex;
14868
  flex-direction: column;
14869
  justify-content: space-between;
14870
  box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.4);
14871
  z-index: 2;
14872
  overflow: hidden;
14873
  width: 100%;
14874
}
14875
 
14876
@media screen and (max-height: 450px) {
14877
  .conversejs .chatbox .box-flyout {
14878
    height: var(--mobile-chat-height);
14879
    width: var(--mobile-chat-width);
14880
    height: var(--fullpage-chat-height);
14881
  }
14882
}
14883
 
14884
@media screen and (max-width: 480px) {
14885
  .conversejs .chatbox .box-flyout {
14886
    height: var(--mobile-chat-height);
14887
    width: var(--mobile-chat-width);
14888
    height: var(--fullpage-chat-height);
14889
  }
14890
}
14891
 
14892
.conversejs .chatbox .chat-title {
14893
  display: var(--heading-display);
14894
  font-family: var(--heading-font);
14895
  color: var(--heading-color);
14896
  display: block;
14897
  line-height: var(--line-height-large);
14898
  overflow: hidden;
14899
  text-overflow: ellipsis;
14900
  white-space: nowrap;
14901
}
14902
 
14903
.conversejs .chatbox .chat-title.groupchat {
14904
  padding-right: var(--chatroom-head-title-padding-right);
14905
}
14906
 
14907
.conversejs .chatbox .chat-title a {
14908
  color: var(--chat-head-text-color);
14909
  width: 100%;
14910
}
14911
 
14912
.conversejs .chatbox .chat-body {
14913
  display: flex;
14914
  flex-direction: column;
14915
  justify-content: space-between;
14916
  background-color: var(--chat-textarea-background-color);
14917
  border-bottom-left-radius: var(--chatbox-border-radius);
14918
  border-bottom-right-radius: var(--chatbox-border-radius);
14919
  border-top: 0;
14920
  height: 100%;
14921
  width: 100%;
14922
  overflow: hidden;
14923
}
14924
 
14925
@media screen and (max-height: 450px) {
14926
  .conversejs .chatbox .chat-body {
14927
    border-bottom-left-radius: 0;
14928
    border-bottom-right-radius: 0;
14929
  }
14930
}
14931
 
14932
@media screen and (max-width: 480px) {
14933
  .conversejs .chatbox .chat-body {
14934
    border-bottom-left-radius: 0;
14935
    border-bottom-right-radius: 0;
14936
  }
14937
}
14938
 
14939
.conversejs .chatbox .chat-body p {
14940
  color: var(--text-color);
14941
  font-size: var(--message-font-size);
14942
  margin: 0;
14943
  padding: 5px;
14944
}
14945
 
14946
.conversejs .chatbox .new-msgs-indicator {
14947
  position: relative;
14948
  width: 100%;
14949
  cursor: pointer;
14950
  background-color: var(--chat-head-color);
14951
  color: var(--light-background-color);
14952
  padding: 0.5em;
14953
  font-size: 0.9em;
14954
  text-align: center;
14955
  z-index: 20;
14956
  white-space: nowrap;
14957
  margin-bottom: 0.25em;
14958
}
14959
 
14960
.conversejs .chatbox .chat-content {
14961
  background-color: var(--chat-content-background-color);
14962
  border: 0;
14963
  color: var(--text-color);
14964
  font-size: var(--message-font-size);
14965
  height: 100%;
14966
  line-height: 1.3em;
14967
  overflow: hidden;
14968
  padding: 0;
14969
  display: flex;
14970
  flex-direction: column;
14971
  justify-content: space-between;
14972
}
14973
 
14974
.conversejs .chatbox .chat-content converse-chat-message .spinner {
14975
  width: 100%;
14976
  overflow-y: hidden;
14977
}
14978
 
14979
.conversejs .chatbox .chat-content .chat-content__help {
14980
  max-height: 100%;
14981
}
14982
 
14983
.conversejs .chatbox .chat-content .chat-content__help converse-chat-help {
14984
  border-top: 1px solid var(--chat-head-color);
14985
  display: block;
14986
  height: 100%;
14987
  overflow-y: auto;
14988
  padding: 0.5em 0;
14989
}
14990
 
14991
.conversejs .chatbox .chat-content .chat-content__help .close-chat-help {
14992
  float: right;
14993
  padding-right: 1em;
14994
  cursor: pointer;
14995
  color: var(--chat-content-background-color);
14996
}
14997
 
14998
.conversejs .chatbox .chat-content .chat-content__help .close-chat-help svg {
14999
  fill: var(--chat-head-color);
15000
}
15001
 
15002
.conversejs .chatbox .chat-content .chat-content__messages {
15003
  overflow-x: hidden;
15004
  overflow-y: auto;
15005
  height: 100%;
15006
}
15007
 
15008
.conversejs .chatbox .chat-content .chat-content__notifications {
15009
  height: 1.7em;
15010
  white-space: pre;
15011
  background-color: var(--chat-content-background-color);
15012
  color: var(--subdued-color);
15013
  font-size: 90%;
15014
  font-style: italic;
15015
  line-height: var(--line-height-small);
15016
  padding: 0 1em 0.3em;
15017
}
15018
 
15019
.conversejs .chatbox .chat-content .chat-content__notifications:before {
15020
  content: ' ';
15021
}
15022
 
15023
.conversejs .chatbox .chat-content progress {
15024
  margin: 0.5em 0;
15025
  width: 100%;
15026
}
15027
 
15028
.conversejs .chatbox .dragresize {
15029
  background: rgba(0, 0, 0, 0);
15030
  border: 0;
15031
  margin: 0;
15032
  position: absolute;
15033
  top: 0;
15034
  z-index: 20;
15035
}
15036
 
15037
.conversejs .chatbox .dragresize-top {
15038
  cursor: n-resize;
15039
  height: 5px;
15040
  width: 100%;
15041
}
15042
 
15043
.conversejs .chatbox .dragresize-left,
15044
.conversejs .chatbox .dragresize-occupants-left {
15045
  cursor: w-resize;
15046
  width: 5px;
15047
  height: 100%;
15048
  left: 0;
15049
}
15050
 
15051
.conversejs .chatbox .dragresize-topleft {
15052
  cursor: nw-resize;
15053
  width: 15px;
15054
  height: 15px;
15055
  top: 0;
15056
  left: 0;
15057
}
15058
 
15059
converse-muc-config-form {
15060
  width: 100%;
15061
  overflow: auto;
15062
}
15063
 
15064
.conversejs .chatroom .box-flyout .muc-form-container {
15065
  background-color: var(--background);
15066
  border: 0;
15067
  color: var(--text-color);
15068
  font-size: var(--font-size);
15069
  height: 100%;
15070
  width: 100%;
15071
  overflow-y: auto;
15072
}
15073
 
15074
.conversejs .chatroom .box-flyout .muc-form-container .validation-message {
15075
  font-size: 90%;
15076
  color: var(--error-color);
15077
}
15078
 
15079
.conversejs .chatroom .box-flyout .muc-form-container input[type='button'],
15080
.conversejs .chatroom .box-flyout .muc-form-container input[type='submit'] {
15081
  margin: 0 0.5em;
15082
}
15083
 
15084
.conversejs .chatroom .box-flyout .muc-form-container .button-primary {
15085
  background-color: var(--chatroom-head-fg-color);
15086
}
15087
 
15088
.conversejs .chatroom .box-flyout .chatroom-form {
15089
  display: flex;
15090
  flex-direction: column;
15091
  justify-content: center;
15092
  padding: 2em;
15093
}
15094
 
15095
.conversejs .chatroom {
15096
  width: var(--chatroom-width);
15097
}
15098
 
15099
@media screen and (max-height: 450px) {
15100
  .conversejs .chatroom {
15101
    width: var(--mobile-chat-width);
15102
  }
15103
}
15104
 
15105
@media screen and (max-width: 480px) {
15106
  .conversejs .chatroom {
15107
    width: var(--mobile-chat-width);
15108
  }
15109
}
15110
 
15111
.conversejs .chatroom .box-flyout {
15112
  background-color: var(--chatroom-head-bg-color);
15113
  overflow-y: hidden;
15114
  width: var(--chatroom-width);
15115
}
15116
 
15117
@media screen and (max-height: 450px) {
15118
  .conversejs .chatroom .box-flyout {
15119
    height: var(--mobile-chat-height);
15120
    width: var(--mobile-chat-width);
15121
    height: var(--fullpage-chat-height);
15122
  }
15123
}
15124
 
15125
@media screen and (max-width: 480px) {
15126
  .conversejs .chatroom .box-flyout {
15127
    height: var(--mobile-chat-height);
15128
    width: var(--mobile-chat-width);
15129
    height: var(--fullpage-chat-height);
15130
  }
15131
}
15132
 
15133
.conversejs .chatroom .box-flyout .empty-history-feedback {
15134
  position: relative;
15135
}
15136
 
15137
.conversejs .chatroom .box-flyout .empty-history-feedback span {
15138
  width: 100%;
15139
  text-align: center;
15140
  position: absolute;
15141
  margin-top: 50%;
15142
}
15143
 
15144
.conversejs .chatroom .box-flyout .chatroom-body {
15145
  flex-direction: row;
15146
  flex-flow: nowrap;
15147
  background-color: var(--background);
15148
  border-top: 0;
15149
  height: 100%;
15150
  width: 100%;
15151
  overflow: hidden;
15152
}
15153
 
15154
.conversejs .chatroom .box-flyout .chatroom-body converse-muc-chatarea {
15155
  width: 100%;
15156
  display: flex;
15157
  flex-direction: row;
15158
  flex-flow: nowrap;
15159
}
15160
 
15161
.conversejs .chatroom .box-flyout .chatroom-body .row {
15162
  flex-direction: row;
15163
}
15164
 
15165
.conversejs .chatroom .box-flyout .chatroom-body .chat-topic {
15166
  font-weight: bold;
15167
  color: var(--chatroom-head-bg-color);
15168
}
15169
 
15170
.conversejs .chatroom .box-flyout .chatroom-body .chat-info {
15171
  color: var(--chat-info-color);
15172
  line-height: normal;
15173
}
15174
 
15175
.conversejs .chatroom .box-flyout .chatroom-body .chat-info.badge {
15176
  color: var(--chat-head-text-color);
15177
}
15178
 
15179
.conversejs .chatroom .box-flyout .chatroom-body .chat-info.chat-msg--retracted {
15180
  color: var(--subdued-color);
15181
}
15182
 
15183
.conversejs .chatroom .box-flyout .chatroom-body .disconnect-container {
15184
  margin: 1em;
15185
  width: 100%;
15186
}
15187
 
15188
.conversejs .chatroom .box-flyout .chatroom-body .disconnect-container h3.disconnect-msg {
15189
  padding-bottom: 1em;
15190
}
15191
 
15192
.conversejs .chatroom .box-flyout .chatroom-body .chat-area {
15193
  display: flex;
15194
  flex-direction: column;
15195
  flex: 0 1 100%;
15196
  justify-content: flex-end;
15197
  min-width: 25%;
15198
  word-wrap: break-word;
15199
}
15200
 
15201
.conversejs .chatroom .box-flyout .chatroom-body .chat-area .new-msgs-indicator {
15202
  background-color: var(--chatroom-color);
15203
}
15204
 
15205
.conversejs .chatroom .box-flyout .chatroom-body .chat-area .chat-content {
15206
  height: 100%;
15207
}
15208
 
15209
.conversejs .chatroom .box-flyout .chatroom-body .chat-area .chat-content__help converse-chat-help {
15210
  border-top: 1px solid var(--chatroom-color);
15211
}
15212
 
15213
.conversejs
15214
  .chatroom
15215
  .box-flyout
15216
  .chatroom-body
15217
  .chat-area
15218
  .chat-content__help
15219
  .close-chat-help
15220
  svg {
15221
  fill: var(--chatroom-color);
15222
}
15223
 
15224
.conversejs .chatroom .room-invite .invited-contact {
15225
  margin: -1px 0 0 -1px;
15226
  width: 100%;
15227
  border: 1px solid #999;
15228
}
15229
 
15230
converse-muc-disconnected,
15231
converse-muc-destroyed {
15232
  padding: 2em;
15233
  width: 100%;
15234
  height: 100%;
15235
}
15236
 
15237
.conversejs.converse-embedded .badge--muc,
15238
.conversejs .badge--muc {
15239
  background-color: var(--groupchats-header-color);
15240
}
15241
 
15242
.conversejs.converse-embedded .add-chatroom input[type='submit'],
15243
.conversejs.converse-embedded .add-chatroom input[type='button'],
15244
.conversejs .add-chatroom input[type='submit'],
15245
.conversejs .add-chatroom input[type='button'] {
15246
  margin: 0.3em 0;
15247
}
15248
 
15249
.conversejs converse-chats.converse-overlayed .chatbox.chatroom {
15250
  min-width: var(--chatroom-width) !important;
15251
  width: var(--chatroom-width);
15252
}
15253
 
15254
.conversejs converse-chats.converse-overlayed .chatbox.chatroom .box-flyout {
15255
  min-width: var(--chatroom-width) !important;
15256
  width: var(--chatroom-width);
15257
}
15258
 
15259
.conversejs converse-chats.converse-overlayed .chatbox.chatroom .chatbox-title__text {
15260
  flex: 0 0 83.33333333%;
15261
  max-width: 83.33333333%;
15262
}
15263
 
15264
.conversejs converse-chats.converse-overlayed .chatbox.chatroom .chatbox-title__buttons {
15265
  flex: 0 0 16.66666667%;
15266
  max-width: 16.66666667%;
15267
}
15268
 
15269
.conversejs converse-chats.converse-overlayed .chatbox.chatroom .chat-head__desc {
15270
  font-size: 80%;
15271
  margin-bottom: 1em;
15272
}
15273
 
15274
.conversejs
15275
  converse-chats.converse-overlayed
15276
  .chatbox.chatroom
15277
  .chatroom-body
15278
  .occupants
15279
  .occupants-heading {
15280
  padding: 0;
15281
}
15282
 
15283
.conversejs
15284
  converse-chats.converse-overlayed
15285
  .chatbox.chatroom
15286
  .chatroom-body
15287
  .occupants
15288
  .occupant-list {
15289
  border-bottom: none;
15290
}
15291
 
15292
.conversejs
15293
  converse-chats.converse-overlayed
15294
  .chatbox.chatroom
15295
  .chatroom-body
15296
  .occupants
15297
  ul
15298
  .occupant
15299
  .occupant-nick-badge
15300
  .occupant-badges {
15301
  display: none;
15302
}
15303
 
15304
.conversejs converse-chats.converse-overlayed .chatbox.chatroom .chatroom-body .chat-area {
15305
  min-width: var(--overlayed-chat-width);
15306
}
15307
 
15308
.conversejs converse-chats.converse-embedded .chatroom .box-flyout,
15309
.conversejs converse-chats.converse-fullscreen .chatroom .box-flyout,
15310
.conversejs converse-chats.converse-mobile .chatroom .box-flyout {
15311
  width: 100%;
15312
}
15313
 
15314
.conversejs
15315
  converse-chats.converse-embedded
15316
  .chatroom
15317
  .box-flyout
15318
  .chatroom-body
15319
  .chat-area.full
15320
  .new-msgs-indicator,
15321
.conversejs
15322
  converse-chats.converse-fullscreen
15323
  .chatroom
15324
  .box-flyout
15325
  .chatroom-body
15326
  .chat-area.full
15327
  .new-msgs-indicator,
15328
.conversejs
15329
  converse-chats.converse-mobile
15330
  .chatroom
15331
  .box-flyout
15332
  .chatroom-body
15333
  .chat-area.full
15334
  .new-msgs-indicator {
15335
  max-width: 100%;
15336
}
15337
 
15338
.conversejs converse-chats.converse-embedded .chatroom .box-flyout .chatroom-body .occupants,
15339
.conversejs converse-chats.converse-fullscreen .chatroom .box-flyout .chatroom-body .occupants,
15340
.conversejs converse-chats.converse-mobile .chatroom .box-flyout .chatroom-body .occupants {
15341
  padding: var(--occupants-padding);
15342
}
15343
 
15344
.conversejs
15345
  converse-chats.converse-embedded
15346
  .chatroom
15347
  .box-flyout
15348
  .chatroom-body
15349
  .occupants
15350
  .occupants-heading,
15351
.conversejs
15352
  converse-chats.converse-fullscreen
15353
  .chatroom
15354
  .box-flyout
15355
  .chatroom-body
15356
  .occupants
15357
  .occupants-heading,
15358
.conversejs
15359
  converse-chats.converse-mobile
15360
  .chatroom
15361
  .box-flyout
15362
  .chatroom-body
15363
  .occupants
15364
  .occupants-heading {
15365
  font-size: var(--font-size-large);
15366
}
15367
 
15368
.conversejs
15369
  converse-chats.converse-embedded
15370
  .chatroom
15371
  .box-flyout
15372
  .chatroom-body
15373
  .occupants
15374
  ul.occupant-list
15375
  li,
15376
.conversejs
15377
  converse-chats.converse-fullscreen
15378
  .chatroom
15379
  .box-flyout
15380
  .chatroom-body
15381
  .occupants
15382
  ul.occupant-list
15383
  li,
15384
.conversejs
15385
  converse-chats.converse-mobile
15386
  .chatroom
15387
  .box-flyout
15388
  .chatroom-body
15389
  .occupants
15390
  ul.occupant-list
15391
  li {
15392
  font-size: var(--font-size-small);
15393
}
15394
 
15395
.conversejs converse-chats.converse-embedded .chatroom .room-invite span .invited-contact,
15396
.conversejs converse-chats.converse-fullscreen .chatroom .room-invite span .invited-contact,
15397
.conversejs converse-chats.converse-mobile .chatroom .room-invite span .invited-contact {
15398
  margin: 0 0 0.5em -1px;
15399
}
15400
 
15401
.conversejs converse-chats.converse-embedded .chatroom {
15402
  margin: 0;
15403
  width: 100%;
15404
}
15405
 
15406
.conversejs converse-chats.converse-embedded .chatroom .box-flyout .occupants-heading {
15407
  font-size: 120%;
15408
}
15409
 
15410
.conversejs converse-chats.converse-embedded .chatroom .box-flyout .chat-content .chat-message {
15411
  margin: 0.5em;
15412
  font-size: 120%;
15413
}
15414
 
15415
.conversejs converse-chats.converse-embedded .chatroom .box-flyout .sendXMPPMessage .chat-textarea {
15416
  padding: 0.5em;
15417
  font-size: 110%;
15418
}
15419
 
15420
.conversejs converse-chats.converse-embedded .chatroom .box-flyout .chatroom-body {
15421
  height: 100%;
15422
}
15423
 
15424
.conversejs
15425
  converse-chats.converse-embedded
15426
  .chatroom
15427
  .box-flyout
15428
  .chatroom-body
15429
  .muc-form-container {
15430
  height: 100%;
15431
  position: relative;
15432
}
15433
 
15434
.conversejs converse-chats.converse-embedded .chatroom .box-flyout .occupants .occupant-list {
15435
  padding-left: 0.3em;
15436
}
15437
 
15438
.conversejs converse-chats.converse-overlayed converse-minimized-chats {
15439
  order: 100;
15440
}
15441
 
15442
.conversejs converse-chats.converse-overlayed #minimized-chats {
15443
  width: var(--minimized-chats-width);
15444
  margin-bottom: 0;
15445
  border-top-left-radius: var(--chatbox-border-radius);
15446
  border-top-right-radius: var(--chatbox-border-radius);
15447
  color: var(--inverse-link-color);
15448
  margin-right: var(--chat-gutter);
15449
  padding: 0;
15450
}
15451
 
15452
.conversejs converse-chats.converse-overlayed #minimized-chats .badge {
15453
  bottom: 8px;
15454
  border: 1px solid var(--overlayed-badge-color);
15455
}
15456
 
15457
.conversejs converse-chats.converse-overlayed #minimized-chats #toggle-minimized-chats {
15458
  border-top-left-radius: var(--chatbox-border-radius);
15459
  border-top-right-radius: var(--chatbox-border-radius);
15460
  background-color: var(--subdued-color);
15461
  padding: 1em 0 0 0;
15462
  text-align: center;
15463
  color: #fff;
15464
  white-space: nowrap;
15465
  overflow-y: hidden;
15466
  text-overflow: ellipsis;
15467
  display: block;
15468
  height: 45px;
15469
  width: 9em;
15470
}
15471
 
15472
.conversejs converse-chats.converse-overlayed #minimized-chats a.restore-chat {
15473
  cursor: pointer;
15474
  padding: 1px 0 1px 5px;
15475
  color: var(--chat-head-text-color);
15476
  line-height: 15px;
15477
  display: block;
15478
  overflow: hidden;
15479
  text-overflow: ellipsis;
15480
  white-space: nowrap;
15481
}
15482
 
15483
.conversejs converse-chats.converse-overlayed #minimized-chats a.restore-chat:hover {
15484
  text-decoration: none;
15485
}
15486
 
15487
.conversejs converse-chats.converse-overlayed #minimized-chats a.restore-chat:visited {
15488
  color: var(--chat-head-text-color);
15489
}
15490
 
15491
.conversejs converse-chats.converse-overlayed #minimized-chats .minimized-chats-flyout {
15492
  flex-direction: column-reverse;
15493
  bottom: 45px;
15494
  width: var(--minimized-chats-width);
15495
}
15496
 
15497
.conversejs converse-chats.converse-overlayed #minimized-chats .minimized-chats-flyout .chat-head {
15498
  min-height: 0;
15499
  padding: 0.3em;
15500
  border-radius: var(--chatbox-border-radius);
15501
  height: 35px;
15502
  margin-bottom: 0.2em;
15503
  width: 100%;
15504
  max-width: 9em;
15505
  flex-wrap: nowrap;
15506
  background-color: var(--chat-head-color);
15507
}
15508
 
15509
.conversejs
15510
  converse-chats.converse-overlayed
15511
  #minimized-chats
15512
  .minimized-chats-flyout
15513
  .chat-head-chatroom {
15514
  background-color: var(--chatroom-head-bg-color);
15515
}
15516
 
15517
.conversejs
15518
  converse-chats.converse-overlayed
15519
  #minimized-chats
15520
  .minimized-chats-flyout
15521
  .chat-head-chatroom
15522
  a.restore-chat {
15523
  color: var(--chatroom-head-color);
15524
}
15525
 
15526
.conversejs
15527
  converse-chats.converse-overlayed
15528
  #minimized-chats
15529
  .minimized-chats-flyout
15530
  .chat-head-headline {
15531
  background-color: var(--headlines-head-bg-color);
15532
}
15533
 
15534
.conversejs
15535
  converse-chats.converse-overlayed
15536
  #minimized-chats
15537
  .minimized-chats-flyout
15538
  .chat-head-headline
15539
  a.restore-chat {
15540
  color: var(--headlines-head-text-color);
15541
}
15542
 
15543
.conversejs converse-chats.converse-overlayed #minimized-chats .minimized-chats-flyout.minimized {
15544
  height: auto;
15545
}
15546
 
15547
.conversejs converse-chats.converse-overlayed #minimized-chats .unread-message-count {
15548
  font-weight: bold;
15549
  background-color: #fff;
15550
  border: 1px solid;
15551
  text-shadow: 1px 1px 0 var(--text-shadow-color);
15552
  color: var(--warning-color);
15553
  border-radius: 5px;
15554
  padding: 2px 4px;
15555
  font-size: 16px;
15556
  text-align: center;
15557
  position: absolute;
15558
  right: 116px;
15559
  bottom: 10px;
15560
}
15561
 
15562
.conversejs converse-chats.converse-overlayed #minimized-chats .unread-message-count-hidden,
15563
.conversejs converse-chats.converse-overlayed #minimized-chats .chat-head-message-count-hidden {
15564
  display: none;
15565
}
15566
 
15567
converse-register-panel .alert {
15568
  margin: auto;
15569
  max-width: 50vw;
15570
}
15571
 
15572
#converse-register {
15573
  opacity: 0;
15574
  animation-name: fadein;
15575
  animation-fill-mode: forwards;
15576
  animation-duration: 0.5s;
15577
  animation-timing-function: ease;
15578
  background-color: var(--controlbox-pane-background-color);
15579
}
15580
 
15581
#converse-register .title {
15582
  font-weight: bold;
15583
}
15584
 
15585
#converse-register .input-group input {
15586
  height: auto;
15587
}
15588
 
15589
#converse-register .input-group .input-group-text {
15590
  color: var(--text-color);
15591
  background-color: var(--controlbox-pane-background-color);
15592
}
15593
 
15594
#converse-register .info {
15595
  color: green;
15596
  font-size: 90%;
15597
  margin: 1.5em 0;
15598
}
15599
 
15600
#converse-register .form-errors {
15601
  color: var(--error-color);
15602
  margin: 1em 0;
15603
}
15604
 
15605
#converse-register .provider-title {
15606
  font-size: var(--font-size-huge);
15607
  margin: 0;
15608
}
15609
 
15610
#converse-register .provider-score {
15611
  width: 178px;
15612
  margin-bottom: 8px;
15613
}
15614
 
15615
#converse-register .form-help .url {
15616
  font-weight: bold;
15617
  color: var(--link-color);
15618
}
15619
 
15620
#converse-register .instructions {
15621
  color: gray;
15622
  font-size: 85%;
15623
}
15624
 
15625
#converse-register .instructions:hover {
15626
  color: var(--controlbox-text-color);
15627
}
15628
 
15629
converse-add-muc-modal .add-chatroom converse-autocomplete .suggestion-box__results--below {
15630
  height: 10em;
15631
  overflow: auto;
15632
}
15633
 
15634
converse-add-muc-modal .add-chatroom converse-autocomplete .suggestion-box ul li {
15635
  display: block;
15636
}
15637
 
15638
converse-root.converse-js.converse-fullpage,
15639
converse-root.converse-js.converse-overlayed,
15640
converse-root.converse-js.converse-mobile {
15641
  bottom: 0;
15642
  height: 100%;
15643
  padding-left: env(safe-area-inset-left);
15644
  padding-right: env(safe-area-inset-right);
15645
  position: fixed;
15646
  z-index: 1031;
15647
}
15648
 
15649
converse-root.converse-js.converse-embedded {
15650
  position: relative;
15651
}
15652
 
15653
.conversejs #controlbox .open-contacts-toggle,
15654
.conversejs #controlbox .open-contacts-toggle .fa {
15655
  color: var(--chat-color) !important;
15656
}
15657
 
15658
.conversejs #controlbox .open-contacts-toggle:hover,
15659
.conversejs #controlbox .open-contacts-toggle .fa:hover {
15660
  color: var(--chat-color) !important;
15661
}
15662
 
15663
.conversejs #controlbox .open-contacts-toggle {
15664
  white-space: nowrap;
15665
}
15666
 
15667
.conversejs #converse-roster {
15668
  text-align: left;
15669
  width: 100%;
15670
  position: relative;
15671
  margin: 0;
15672
  height: var(--roster-height);
15673
  padding: 0;
15674
  overflow: hidden;
15675
  height: calc(100% - 70px);
15676
}
15677
 
15678
.conversejs #converse-roster #online-count {
15679
  display: none;
15680
}
15681
 
15682
.conversejs #converse-roster .search-xmpp ul li.chat-info {
15683
  padding-left: 10px;
15684
}
15685
 
15686
.conversejs #converse-roster .roster-filter-form {
15687
  width: 100%;
15688
}
15689
 
15690
.conversejs #converse-roster .roster-filter-form .button-group {
15691
  padding: 0.2em;
15692
}
15693
 
15694
.conversejs #converse-roster .roster-filter-form converse-icon {
15695
  padding: 0.25em;
15696
}
15697
 
15698
.conversejs #converse-roster .roster-filter-form .roster-filter {
15699
  width: 100%;
15700
  margin: 0.2em;
15701
  font-size: calc(var(--font-size) - 2px);
15702
}
15703
 
15704
.conversejs #converse-roster .roster-filter-form .state-type {
15705
  font-size: calc(var(--font-size) - 2px);
15706
  width: 100%;
15707
}
15708
 
15709
.conversejs #converse-roster .roster-contacts {
15710
  padding: 0;
15711
  margin: 0 0 0.2em 0;
15712
  height: 100%;
15713
  overflow-x: hidden;
15714
  overflow-y: auto;
15715
  color: var(--text-color);
15716
}
15717
 
15718
.conversejs
15719
  #converse-roster
15720
  .roster-contacts
15721
  .roster-group-contacts
15722
  .list-item:hover
15723
  .list-item-action {
15724
  opacity: 1;
15725
}
15726
 
15727
.conversejs #converse-roster .roster-contacts converse-roster-contact {
15728
  width: 100%;
15729
  overflow: hidden;
15730
  white-space: nowrap;
15731
  text-overflow: ellipsis;
15732
  display: flex;
15733
  justify-content: space-between;
15734
}
15735
 
15736
.conversejs #converse-roster .roster-contacts converse-roster-contact .list-item-action {
15737
  line-height: 2em;
15738
}
15739
 
15740
.conversejs #converse-roster .roster-contacts converse-roster-contact:hover .list-item-action {
15741
  opacity: 1;
15742
}
15743
 
15744
.conversejs #converse-roster .roster-contacts .group-toggle {
15745
  font-family: var(--heading-font);
15746
  display: block;
15747
  width: 100%;
15748
  margin: 0.75em 0 0.25em 0;
15749
}
15750
 
15751
.conversejs #converse-roster .roster-contacts .group-toggle,
15752
.conversejs #converse-roster .roster-contacts .group-toggle .fa {
15753
  color: var(--chat-head-color-dark) !important;
15754
}
15755
 
15756
.conversejs #converse-roster .roster-contacts .group-toggle:hover,
15757
.conversejs #converse-roster .roster-contacts .group-toggle .fa:hover {
15758
  color: var(--chat-head-color-darker) !important;
15759
}
15760
 
15761
.conversejs #converse-roster .roster-contacts .current-xmpp-contact {
15762
  margin: 0.25em 0;
15763
}
15764
 
15765
.conversejs #converse-roster .roster-contacts .list-item.requesting-xmpp-contact a {
15766
  line-height: var(--line-height);
15767
}
15768
 
15769
.conversejs #converse-roster .roster-contacts .list-item.requesting-xmpp-contact .req-contact-name {
15770
  padding: 0 0.2em 0 0;
15771
}
15772
 
15773
.conversejs #converse-roster .roster-contacts .list-item .open-chat {
15774
  margin: 0;
15775
  padding: 0;
15776
}
15777
 
15778
.conversejs #converse-roster .roster-contacts .list-item .open-chat.unread-msgs {
15779
  font-weight: bold;
15780
  color: var(--unread-msgs-color);
15781
}
15782
 
15783
.conversejs #converse-roster .roster-contacts .list-item .open-chat.unread-msgs .contact-name {
15784
  width: 70%;
15785
}
15786
 
15787
.conversejs #converse-roster .roster-contacts .list-item .open-chat .msgs-indicator {
15788
  color: var(--text-color-invert);
15789
  background-color: var(--chat-color);
15790
  opacity: 1;
15791
  border-radius: 10%;
15792
  padding: 0.2em 0.4em;
15793
  font-size: var(--font-size-small);
15794
  margin-right: 0;
15795
}
15796
 
15797
.conversejs #converse-roster .roster-contacts .list-item .open-chat .contact-name {
15798
  padding: 0;
15799
  margin: 0;
15800
  max-width: 85%;
15801
  float: none;
15802
  height: 100%;
15803
}
15804
 
15805
.conversejs #converse-roster .roster-contacts .list-item .open-chat .contact-name.unread-msgs {
15806
  max-width: 60%;
15807
}
15808
 
15809
.conversejs
15810
  #converse-roster
15811
  .roster-contacts
15812
  .list-item
15813
  .open-chat
15814
  .contact-name.contact-name--offline {
15815
  margin-left: 0.25em;
15816
}
15817
 
15818
.conversejs #converse-roster .roster-contacts .list-item.odd {
15819
  background-color: #dceac5;
15820
}
15821
 
15822
.conversejs #converse-roster .roster-contacts .list-item a,
15823
.conversejs #converse-roster .roster-contacts .list-item span {
15824
  white-space: nowrap;
15825
  text-overflow: ellipsis;
15826
}
15827
 
15828
.conversejs #converse-roster .roster-contacts .list-item .span {
15829
  display: inline-block;
15830
}
15831
 
15832
.conversejs #converse-roster .roster-contacts .list-item .decline-xmpp-request {
15833
  margin-left: 5px;
15834
}
15835
 
15836
.conversejs #converse-roster .roster-contacts .list-item:hover {
15837
  background-color: var(--controlbox-pane-bg-hover-color);
15838
}
15839
 
15840
.conversejs #converse-roster span.pending-contact-name {
15841
  line-height: var(--line-height);
15842
  width: 100%;
15843
}
15844
 
15845
.media {
15846
  display: flex;
15847
  align-items: flex-start;
15848
}
15849
 
15850
.media-body {
15851
  flex: 1;
15852
}
15853
 
15854
.conversejs,
15855
.conversejs-bg,
15856
#conversejs-bg,
15857
body.converse-fullscreen {
15858
  --avatar-border-radius: 10%;
15859
  --message-avatar-width: 36px;
15860
  --message-avatar-height: 36px;
15861
  --chatroom-width: 500px;
15862
  --send-button-height: 27px;
15863
  --send-button-margin: 3px;
15864
  --inline-action-margin: 0.75em;
15865
  --roster-height: 194px;
15866
  --button-border-radius: 5px;
15867
  --chatbox-border-radius: 4px;
15868
  --normal-font: 'Helvetica', 'Arial', sans-serif;
15869
  --heading-font: 'Muli', normal;
15870
  --branding-font: 'Baumans', cursive;
15871
  --font-size-tiny: 10px;
15872
  --font-size-small: 12px;
15873
  --font-size: 14px;
15874
  --font-size-large: 16px;
15875
  --font-size-huge: 20px;
15876
  --message-font-size: var(--font-size);
15877
  --line-height-small: 14px;
15878
  --line-height: 16px;
15879
  --line-height-large: 20px;
15880
  --line-height-huge: 27px;
15881
  --embedded-emoji-picker-height: 300px;
15882
  --chat-gutter: 0.5em;
15883
  --occupants-padding: 1em;
15884
  --minimized-chats-width: 130px;
15885
  --mobile-chat-width: 100%;
15886
  --mobile-chat-height: 400px;
15887
  --overlayed-chat-head-height: 55px;
15888
  --overlayed-chat-height: 450px;
15889
  --overlayed-chat-width: 300px;
15890
  --overlayed-chatbox-hover-height: 1em;
15891
  --overlayed-emoji-picker-height: 200px;
15892
  --overlayed-max-chat-textarea-height: 200px;
15893
  --list-toggle-font-weight: normal;
15894
}
15895
 
15896
.conversejs converse-chats.converse-embedded.converse-singleton .flyout,
15897
.conversejs converse-chats.converse-fullscreen.converse-singleton .flyout {
15898
  border: none !important;
15899
}
15900
 
15901
.conversejs converse-chats.converse-embedded.converse-singleton .chat-head,
15902
.conversejs converse-chats.converse-fullscreen.converse-singleton .chat-head {
15903
  padding: 0.5em;
15904
}
15905
 
15906
.conversejs converse-chats.converse-embedded.converse-singleton .chatbox,
15907
.conversejs converse-chats.converse-fullscreen.converse-singleton .chatbox {
15908
  margin: 0;
15909
  position: relative;
15910
  margin-left: -15px;
15911
}
15912
 
15913
@media screen and (max-width: 480px) {
15914
  .conversejs converse-chats.converse-embedded.converse-singleton .chatbox,
15915
  .conversejs converse-chats.converse-fullscreen.converse-singleton .chatbox {
15916
    margin-left: 0;
15917
  }
15918
}
15919
 
15920
@media (max-width: 767.98px) {
15921
  .conversejs converse-chats.converse-embedded.converse-singleton .chatbox,
15922
  .conversejs converse-chats.converse-fullscreen.converse-singleton .chatbox {
15923
    margin-left: 0;
15924
  }
15925
}
15926
 
15927
.conversejs converse-chats.converse-fullscreen.converse-singleton .chatbox {
15928
  position: relative;
15929
  width: 100%;
15930
  padding-right: 15px;
15931
  padding-left: 15px;
15932
}
15933
 
15934
@media (min-width: 768px) {
15935
  .conversejs converse-chats.converse-fullscreen.converse-singleton .chatbox {
15936
    flex: 0 0 100%;
15937
    max-width: 100%;
15938
  }
15939
}
15940
 
15941
@media (min-width: 992px) {
15942
  .conversejs converse-chats.converse-fullscreen.converse-singleton .chatbox {
15943
    flex: 0 0 100%;
15944
    max-width: 100%;
15945
  }
15946
}
15947
 
15948
@media (min-width: 1200px) {
15949
  .conversejs converse-chats.converse-fullscreen.converse-singleton .chatbox {
15950
    flex: 0 0 100%;
15951
    max-width: 100%;
15952
  }
15953
}
15954
 
15955
body.converse-fullscreen {
15956
  margin: 0;
15957
  background-color: var(--global-background-color);
15958
  overflow: hidden;
15959
}