Proyectos de Subversion LeadersLinked - SPA

Rev

Ir a la última revisión | | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
2595 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", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
46
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
47
}
48
 
49
.conversejs *,
50
.conversejs *::before,
51
.conversejs *::after {
52
    box-sizing: border-box
53
}
54
 
55
.conversejs html {
56
    font-family: sans-serif;
57
    line-height: 1.15;
58
    -webkit-text-size-adjust: 100%;
59
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
60
}
61
 
62
.conversejs article,
63
.conversejs aside,
64
.conversejs figcaption,
65
.conversejs figure,
66
.conversejs footer,
67
.conversejs header,
68
.conversejs hgroup,
69
.conversejs main,
70
.conversejs nav,
71
.conversejs section {
72
    display: block
73
}
74
 
75
.conversejs body {
76
    margin: 0;
77
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
78
    font-size: 1rem;
79
    font-weight: 400;
80
    line-height: 1.5;
81
    color: #212529;
82
    text-align: left;
83
    background-color: #fff
84
}
85
 
86
.conversejs [tabindex="-1"]:focus:not(:focus-visible) {
87
    outline: 0 !important
88
}
89
 
90
.conversejs hr {
91
    box-sizing: content-box;
92
    height: 0;
93
    overflow: visible
94
}
95
 
96
.conversejs h1,
97
.conversejs h2,
98
.conversejs h3,
99
.conversejs h4,
100
.conversejs h5,
101
.conversejs h6 {
102
    margin-top: 0;
103
    margin-bottom: .5rem
104
}
105
 
106
.conversejs p {
107
    margin-top: 0;
108
    margin-bottom: 1rem
109
}
110
 
111
.conversejs abbr[title],
112
.conversejs abbr[data-original-title] {
113
    text-decoration: underline;
114
    -webkit-text-decoration: underline dotted;
115
    text-decoration: underline dotted;
116
    cursor: help;
117
    border-bottom: 0;
118
    -webkit-text-decoration-skip-ink: none;
119
    text-decoration-skip-ink: none
120
}
121
 
122
.conversejs address {
123
    margin-bottom: 1rem;
124
    font-style: normal;
125
    line-height: inherit
126
}
127
 
128
.conversejs ol,
129
.conversejs ul,
130
.conversejs dl {
131
    margin-top: 0;
132
    margin-bottom: 1rem
133
}
134
 
135
.conversejs ol ol,
136
.conversejs ul ul,
137
.conversejs ol ul,
138
.conversejs ul ol {
139
    margin-bottom: 0
140
}
141
 
142
.conversejs dt {
143
    font-weight: 700
144
}
145
 
146
.conversejs dd {
147
    margin-bottom: .5rem;
148
    margin-left: 0
149
}
150
 
151
.conversejs blockquote {
152
    margin: 0 0 1rem
153
}
154
 
155
.conversejs b,
156
.conversejs strong {
157
    font-weight: bolder
158
}
159
 
160
.conversejs small {
161
    font-size: 80%
162
}
163
 
164
.conversejs sub,
165
.conversejs sup {
166
    position: relative;
167
    font-size: 75%;
168
    line-height: 0;
169
    vertical-align: baseline
170
}
171
 
172
.conversejs sub {
173
    bottom: -0.25em
174
}
175
 
176
.conversejs sup {
177
    top: -0.5em
178
}
179
 
180
.conversejs a {
181
    color: #007bff;
182
    text-decoration: none;
183
    background-color: rgba(0, 0, 0, 0)
184
}
185
 
186
.conversejs a:hover {
187
    color: #0056b3;
188
    text-decoration: underline
189
}
190
 
191
.conversejs a:not([href]):not([class]) {
192
    color: inherit;
193
    text-decoration: none
194
}
195
 
196
.conversejs a:not([href]):not([class]):hover {
197
    color: inherit;
198
    text-decoration: none
199
}
200
 
201
.conversejs pre,
202
.conversejs code,
203
.conversejs kbd,
204
.conversejs samp {
205
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
206
    font-size: 1em
207
}
208
 
209
.conversejs pre {
210
    margin-top: 0;
211
    margin-bottom: 1rem;
212
    overflow: auto;
213
    -ms-overflow-style: scrollbar
214
}
215
 
216
.conversejs figure {
217
    margin: 0 0 1rem
218
}
219
 
220
.conversejs img {
221
    vertical-align: middle;
222
    border-style: none
223
}
224
 
225
.conversejs svg {
226
    overflow: hidden;
227
    vertical-align: middle
228
}
229
 
230
.conversejs table {
231
    border-collapse: collapse
232
}
233
 
234
.conversejs caption {
235
    padding-top: .75rem;
236
    padding-bottom: .75rem;
237
    color: #6c757d;
238
    text-align: left;
239
    caption-side: bottom
240
}
241
 
242
.conversejs th {
243
    text-align: inherit;
244
    text-align: -webkit-match-parent
245
}
246
 
247
.conversejs label {
248
    display: inline-block;
249
    margin-bottom: .5rem
250
}
251
 
252
.conversejs button {
253
    border-radius: 0
254
}
255
 
256
.conversejs button:focus:not(:focus-visible) {
257
    outline: 0
258
}
259
 
260
.conversejs input,
261
.conversejs button,
262
.conversejs select,
263
.conversejs optgroup,
264
.conversejs textarea {
265
    margin: 0;
266
    font-family: inherit;
267
    font-size: inherit;
268
    line-height: inherit
269
}
270
 
271
.conversejs button,
272
.conversejs input {
273
    overflow: visible
274
}
275
 
276
.conversejs button,
277
.conversejs select {
278
    text-transform: none
279
}
280
 
281
.conversejs [role=button] {
282
    cursor: pointer
283
}
284
 
285
.conversejs select {
286
    word-wrap: normal
287
}
288
 
289
 
290
 
291
.conversejs button:not(:disabled),
292
.conversejs [type=button]:not(:disabled),
293
.conversejs [type=reset]:not(:disabled),
294
.conversejs [type=submit]:not(:disabled) {
295
    cursor: pointer
296
}
297
 
298
.conversejs button::-moz-focus-inner,
299
.conversejs [type=button]::-moz-focus-inner,
300
.conversejs [type=reset]::-moz-focus-inner,
301
.conversejs [type=submit]::-moz-focus-inner {
302
    padding: 0;
303
    border-style: none
304
}
305
 
306
.conversejs input[type=radio],
307
.conversejs input[type=checkbox] {
308
    box-sizing: border-box;
309
    padding: 0
310
}
311
 
312
.conversejs textarea {
313
    overflow: auto;
314
    resize: vertical
315
}
316
 
317
.conversejs fieldset {
318
    min-width: 0;
319
    padding: 0;
320
    margin: 0;
321
    border: 0
322
}
323
 
324
.conversejs legend {
325
    display: block;
326
    width: 100%;
327
    max-width: 100%;
328
    padding: 0;
329
    margin-bottom: .5rem;
330
    font-size: 1.5rem;
331
    line-height: inherit;
332
    color: inherit;
333
    white-space: normal
334
}
335
 
336
.conversejs progress {
337
    vertical-align: baseline
338
}
339
 
340
.conversejs [type=number]::-webkit-inner-spin-button,
341
.conversejs [type=number]::-webkit-outer-spin-button {
342
    height: auto
343
}
344
 
345
.conversejs [type=search] {
346
    outline-offset: -2px;
347
}
348
 
349
.conversejs [type=search]::-webkit-search-decoration {
350
    -webkit-appearance: none
351
}
352
 
353
.conversejs ::-webkit-file-upload-button {
354
    font: inherit;
355
    -webkit-appearance: button
356
}
357
 
358
.conversejs output {
359
    display: inline-block
360
}
361
 
362
.conversejs summary {
363
    display: list-item;
364
    cursor: pointer
365
}
366
 
367
.conversejs template {
368
    display: none
369
}
370
 
371
.conversejs [hidden] {
372
    display: none !important
373
}
374
 
375
.conversejs h1,
376
.conversejs h2,
377
.conversejs h3,
378
.conversejs h4,
379
.conversejs h5,
380
.conversejs h6,
381
.conversejs .h1,
382
.conversejs .h2,
383
.conversejs .h3,
384
.conversejs .h4,
385
.conversejs .h5,
386
.conversejs .h6 {
387
    margin-bottom: .5rem;
388
    font-weight: 500;
389
    line-height: 1.2
390
}
391
 
392
.conversejs h1,
393
.conversejs .h1 {
394
    font-size: 2.5rem
395
}
396
 
397
.conversejs h2,
398
.conversejs .h2 {
399
    font-size: 2rem
400
}
401
 
402
.conversejs h3,
403
.conversejs .h3 {
404
    font-size: 1.75rem
405
}
406
 
407
.conversejs h4,
408
.conversejs .h4 {
409
    font-size: 1.5rem
410
}
411
 
412
.conversejs h5,
413
.conversejs .h5 {
414
    font-size: 1.25rem
415
}
416
 
417
.conversejs h6,
418
.conversejs .h6 {
419
    font-size: 1rem
420
}
421
 
422
.conversejs .lead {
423
    font-size: 1.25rem;
424
    font-weight: 300
425
}
426
 
427
.conversejs .display-1 {
428
    font-size: 6rem;
429
    font-weight: 300;
430
    line-height: 1.2
431
}
432
 
433
.conversejs .display-2 {
434
    font-size: 5.5rem;
435
    font-weight: 300;
436
    line-height: 1.2
437
}
438
 
439
.conversejs .display-3 {
440
    font-size: 4.5rem;
441
    font-weight: 300;
442
    line-height: 1.2
443
}
444
 
445
.conversejs .display-4 {
446
    font-size: 3.5rem;
447
    font-weight: 300;
448
    line-height: 1.2
449
}
450
 
451
.conversejs hr {
452
    margin-top: 1rem;
453
    margin-bottom: 1rem;
454
    border: 0;
455
    border-top: 1px solid rgba(0, 0, 0, .1)
456
}
457
 
458
.conversejs small,
459
.conversejs .small {
460
    font-size: 0.875em;
461
    font-weight: 400
462
}
463
 
464
.conversejs mark,
465
.conversejs .mark {
466
    padding: .2em;
467
    background-color: #fcf8e3
468
}
469
 
470
.conversejs .list-unstyled {
471
    padding-left: 0;
472
    list-style: none
473
}
474
 
475
.conversejs .list-inline {
476
    padding-left: 0;
477
    list-style: none
478
}
479
 
480
.conversejs .list-inline-item {
481
    display: inline-block
482
}
483
 
484
.conversejs .list-inline-item:not(:last-child) {
485
    margin-right: .5rem
486
}
487
 
488
.conversejs .initialism {
489
    font-size: 90%;
490
    text-transform: uppercase
491
}
492
 
493
.conversejs .blockquote {
494
    margin-bottom: 1rem;
495
    font-size: 1.25rem
496
}
497
 
498
.conversejs .blockquote-footer {
499
    display: block;
500
    font-size: 0.875em;
501
    color: #6c757d
502
}
503
 
504
.conversejs .blockquote-footer::before {
505
    content: "— "
506
}
507
 
508
.conversejs .img-fluid {
509
    max-width: 100%;
510
    height: auto
511
}
512
 
513
.conversejs .img-thumbnail {
514
    padding: .25rem;
515
    background-color: #fff;
516
    border: 1px solid #dee2e6;
517
    border-radius: .25rem;
518
    max-width: 100%;
519
    height: auto
520
}
521
 
522
.conversejs .figure {
523
    display: inline-block
524
}
525
 
526
.conversejs .figure-img {
527
    margin-bottom: .5rem;
528
    line-height: 1
529
}
530
 
531
.conversejs .figure-caption {
532
    font-size: 90%;
533
    color: #6c757d
534
}
535
 
536
.conversejs .container,
537
.conversejs .container-fluid,
538
.conversejs .container-xl,
539
.conversejs .container-lg,
540
.conversejs .container-md,
541
.conversejs .container-sm {
542
    width: 100%;
543
    padding-right: 15px;
544
    padding-left: 15px;
545
    margin-right: auto;
546
    margin-left: auto
547
}
548
 
549
@media(min-width: 576px) {
550
 
551
    .conversejs .container-sm,
552
    .conversejs .container {
553
        max-width: 540px
554
    }
555
}
556
 
557
@media(min-width: 768px) {
558
 
559
    .conversejs .container-md,
560
    .conversejs .container-sm,
561
    .conversejs .container {
562
        max-width: 720px
563
    }
564
}
565
 
566
@media(min-width: 992px) {
567
 
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
 
578
    .conversejs .container-xl,
579
    .conversejs .container-lg,
580
    .conversejs .container-md,
581
    .conversejs .container-sm,
582
    .conversejs .container {
583
        max-width: 1140px
584
    }
585
}
586
 
587
.conversejs .row {
588
    display: flex;
589
    flex-wrap: wrap;
590
    margin-right: -15px;
591
    margin-left: -15px
592
}
593
 
594
.conversejs .no-gutters {
595
    margin-right: 0;
596
    margin-left: 0
597
}
598
 
599
.conversejs .no-gutters>.col,
600
.conversejs .no-gutters>[class*=col-] {
601
    padding-right: 0;
602
    padding-left: 0
603
}
604
 
605
.conversejs .col-xl,
606
.conversejs .col-xl-auto,
607
.conversejs .col-xl-12,
608
.conversejs .col-xl-11,
609
.conversejs .col-xl-10,
610
.conversejs .col-xl-9,
611
.conversejs .col-xl-8,
612
.conversejs .col-xl-7,
613
.conversejs .col-xl-6,
614
.conversejs .col-xl-5,
615
.conversejs .col-xl-4,
616
.conversejs .col-xl-3,
617
.conversejs .col-xl-2,
618
.conversejs .col-xl-1,
619
.conversejs .col-lg,
620
.conversejs .col-lg-auto,
621
.conversejs .col-lg-12,
622
.conversejs .col-lg-11,
623
.conversejs .col-lg-10,
624
.conversejs .col-lg-9,
625
.conversejs .col-lg-8,
626
.conversejs .col-lg-7,
627
.conversejs .col-lg-6,
628
.conversejs .col-lg-5,
629
.conversejs .col-lg-4,
630
.conversejs .col-lg-3,
631
.conversejs .col-lg-2,
632
.conversejs .col-lg-1,
633
.conversejs .col-md,
634
.conversejs .col-md-auto,
635
.conversejs .col-md-12,
636
.conversejs .col-md-11,
637
.conversejs .col-md-10,
638
.conversejs .col-md-9,
639
.conversejs .col-md-8,
640
.conversejs .col-md-7,
641
.conversejs .col-md-6,
642
.conversejs .col-md-5,
643
.conversejs .col-md-4,
644
.conversejs .col-md-3,
645
.conversejs .col-md-2,
646
.conversejs .col-md-1,
647
.conversejs .col-sm,
648
.conversejs .col-sm-auto,
649
.conversejs .col-sm-12,
650
.conversejs .col-sm-11,
651
.conversejs .col-sm-10,
652
.conversejs .col-sm-9,
653
.conversejs .col-sm-8,
654
.conversejs .col-sm-7,
655
.conversejs .col-sm-6,
656
.conversejs .col-sm-5,
657
.conversejs .col-sm-4,
658
.conversejs .col-sm-3,
659
.conversejs .col-sm-2,
660
.conversejs .col-sm-1,
661
.conversejs .col,
662
.conversejs .col-auto,
663
.conversejs .col-12,
664
.conversejs .col-11,
665
.conversejs .col-10,
666
.conversejs .col-9,
667
.conversejs .col-8,
668
.conversejs .col-7,
669
.conversejs .col-6,
670
.conversejs .col-5,
671
.conversejs .col-4,
672
.conversejs .col-3,
673
.conversejs .col-2,
674
.conversejs .col-1 {
675
    position: relative;
676
    width: 100%;
677
    padding-right: 15px;
678
    padding-left: 15px
679
}
680
 
681
.conversejs .col {
682
    flex-basis: 0;
683
    flex-grow: 1;
684
    max-width: 100%
685
}
686
 
687
.conversejs .row-cols-1>* {
688
    flex: 0 0 100%;
689
    max-width: 100%
690
}
691
 
692
.conversejs .row-cols-2>* {
693
    flex: 0 0 50%;
694
    max-width: 50%
695
}
696
 
697
.conversejs .row-cols-3>* {
698
    flex: 0 0 33.3333333333%;
699
    max-width: 33.3333333333%
700
}
701
 
702
.conversejs .row-cols-4>* {
703
    flex: 0 0 25%;
704
    max-width: 25%
705
}
706
 
707
.conversejs .row-cols-5>* {
708
    flex: 0 0 20%;
709
    max-width: 20%
710
}
711
 
712
.conversejs .row-cols-6>* {
713
    flex: 0 0 16.6666666667%;
714
    max-width: 16.6666666667%
715
}
716
 
717
.conversejs .col-auto {
718
    flex: 0 0 auto;
719
    width: auto;
720
    max-width: 100%
721
}
722
 
723
.conversejs .col-1 {
724
    flex: 0 0 8.33333333%;
725
    max-width: 8.33333333%
726
}
727
 
728
.conversejs .col-2 {
729
    flex: 0 0 16.66666667%;
730
    max-width: 16.66666667%
731
}
732
 
733
.conversejs .col-3 {
734
    flex: 0 0 25%;
735
    max-width: 25%
736
}
737
 
738
.conversejs .col-4 {
739
    flex: 0 0 33.33333333%;
740
    max-width: 33.33333333%
741
}
742
 
743
.conversejs .col-5 {
744
    flex: 0 0 41.66666667%;
745
    max-width: 41.66666667%
746
}
747
 
748
.conversejs .col-6 {
749
    flex: 0 0 50%;
750
    max-width: 50%
751
}
752
 
753
.conversejs .col-7 {
754
    flex: 0 0 58.33333333%;
755
    max-width: 58.33333333%
756
}
757
 
758
.conversejs .col-8 {
759
    flex: 0 0 66.66666667%;
760
    max-width: 66.66666667%
761
}
762
 
763
.conversejs .col-9 {
764
    flex: 0 0 75%;
765
    max-width: 75%
766
}
767
 
768
.conversejs .col-10 {
769
    flex: 0 0 83.33333333%;
770
    max-width: 83.33333333%
771
}
772
 
773
.conversejs .col-11 {
774
    flex: 0 0 91.66666667%;
775
    max-width: 91.66666667%
776
}
777
 
778
.conversejs .col-12 {
779
    flex: 0 0 100%;
780
    max-width: 100%
781
}
782
 
783
.conversejs .order-first {
784
    order: -1
785
}
786
 
787
.conversejs .order-last {
788
    order: 13
789
}
790
 
791
.conversejs .order-0 {
792
    order: 0
793
}
794
 
795
.conversejs .order-1 {
796
    order: 1
797
}
798
 
799
.conversejs .order-2 {
800
    order: 2
801
}
802
 
803
.conversejs .order-3 {
804
    order: 3
805
}
806
 
807
.conversejs .order-4 {
808
    order: 4
809
}
810
 
811
.conversejs .order-5 {
812
    order: 5
813
}
814
 
815
.conversejs .order-6 {
816
    order: 6
817
}
818
 
819
.conversejs .order-7 {
820
    order: 7
821
}
822
 
823
.conversejs .order-8 {
824
    order: 8
825
}
826
 
827
.conversejs .order-9 {
828
    order: 9
829
}
830
 
831
.conversejs .order-10 {
832
    order: 10
833
}
834
 
835
.conversejs .order-11 {
836
    order: 11
837
}
838
 
839
.conversejs .order-12 {
840
    order: 12
841
}
842
 
843
.conversejs .offset-1 {
844
    margin-left: 8.33333333%
845
}
846
 
847
.conversejs .offset-2 {
848
    margin-left: 16.66666667%
849
}
850
 
851
.conversejs .offset-3 {
852
    margin-left: 25%
853
}
854
 
855
.conversejs .offset-4 {
856
    margin-left: 33.33333333%
857
}
858
 
859
.conversejs .offset-5 {
860
    margin-left: 41.66666667%
861
}
862
 
863
.conversejs .offset-6 {
864
    margin-left: 50%
865
}
866
 
867
.conversejs .offset-7 {
868
    margin-left: 58.33333333%
869
}
870
 
871
.conversejs .offset-8 {
872
    margin-left: 66.66666667%
873
}
874
 
875
.conversejs .offset-9 {
876
    margin-left: 75%
877
}
878
 
879
.conversejs .offset-10 {
880
    margin-left: 83.33333333%
881
}
882
 
883
.conversejs .offset-11 {
884
    margin-left: 91.66666667%
885
}
886
 
887
@media(min-width: 576px) {
888
    .conversejs .col-sm {
889
        flex-basis: 0;
890
        flex-grow: 1;
891
        max-width: 100%
892
    }
893
 
894
    .conversejs .row-cols-sm-1>* {
895
        flex: 0 0 100%;
896
        max-width: 100%
897
    }
898
 
899
    .conversejs .row-cols-sm-2>* {
900
        flex: 0 0 50%;
901
        max-width: 50%
902
    }
903
 
904
    .conversejs .row-cols-sm-3>* {
905
        flex: 0 0 33.3333333333%;
906
        max-width: 33.3333333333%
907
    }
908
 
909
    .conversejs .row-cols-sm-4>* {
910
        flex: 0 0 25%;
911
        max-width: 25%
912
    }
913
 
914
    .conversejs .row-cols-sm-5>* {
915
        flex: 0 0 20%;
916
        max-width: 20%
917
    }
918
 
919
    .conversejs .row-cols-sm-6>* {
920
        flex: 0 0 16.6666666667%;
921
        max-width: 16.6666666667%
922
    }
923
 
924
    .conversejs .col-sm-auto {
925
        flex: 0 0 auto;
926
        width: auto;
927
        max-width: 100%
928
    }
929
 
930
    .conversejs .col-sm-1 {
931
        flex: 0 0 8.33333333%;
932
        max-width: 8.33333333%
933
    }
934
 
935
    .conversejs .col-sm-2 {
936
        flex: 0 0 16.66666667%;
937
        max-width: 16.66666667%
938
    }
939
 
940
    .conversejs .col-sm-3 {
941
        flex: 0 0 25%;
942
        max-width: 25%
943
    }
944
 
945
    .conversejs .col-sm-4 {
946
        flex: 0 0 33.33333333%;
947
        max-width: 33.33333333%
948
    }
949
 
950
    .conversejs .col-sm-5 {
951
        flex: 0 0 41.66666667%;
952
        max-width: 41.66666667%
953
    }
954
 
955
    .conversejs .col-sm-6 {
956
        flex: 0 0 50%;
957
        max-width: 50%
958
    }
959
 
960
    .conversejs .col-sm-7 {
961
        flex: 0 0 58.33333333%;
962
        max-width: 58.33333333%
963
    }
964
 
965
    .conversejs .col-sm-8 {
966
        flex: 0 0 66.66666667%;
967
        max-width: 66.66666667%
968
    }
969
 
970
    .conversejs .col-sm-9 {
971
        flex: 0 0 75%;
972
        max-width: 75%
973
    }
974
 
975
    .conversejs .col-sm-10 {
976
        flex: 0 0 83.33333333%;
977
        max-width: 83.33333333%
978
    }
979
 
980
    .conversejs .col-sm-11 {
981
        flex: 0 0 91.66666667%;
982
        max-width: 91.66666667%
983
    }
984
 
985
    .conversejs .col-sm-12 {
986
        flex: 0 0 100%;
987
        max-width: 100%
988
    }
989
 
990
    .conversejs .order-sm-first {
991
        order: -1
992
    }
993
 
994
    .conversejs .order-sm-last {
995
        order: 13
996
    }
997
 
998
    .conversejs .order-sm-0 {
999
        order: 0
1000
    }
1001
 
1002
    .conversejs .order-sm-1 {
1003
        order: 1
1004
    }
1005
 
1006
    .conversejs .order-sm-2 {
1007
        order: 2
1008
    }
1009
 
1010
    .conversejs .order-sm-3 {
1011
        order: 3
1012
    }
1013
 
1014
    .conversejs .order-sm-4 {
1015
        order: 4
1016
    }
1017
 
1018
    .conversejs .order-sm-5 {
1019
        order: 5
1020
    }
1021
 
1022
    .conversejs .order-sm-6 {
1023
        order: 6
1024
    }
1025
 
1026
    .conversejs .order-sm-7 {
1027
        order: 7
1028
    }
1029
 
1030
    .conversejs .order-sm-8 {
1031
        order: 8
1032
    }
1033
 
1034
    .conversejs .order-sm-9 {
1035
        order: 9
1036
    }
1037
 
1038
    .conversejs .order-sm-10 {
1039
        order: 10
1040
    }
1041
 
1042
    .conversejs .order-sm-11 {
1043
        order: 11
1044
    }
1045
 
1046
    .conversejs .order-sm-12 {
1047
        order: 12
1048
    }
1049
 
1050
    .conversejs .offset-sm-0 {
1051
        margin-left: 0
1052
    }
1053
 
1054
    .conversejs .offset-sm-1 {
1055
        margin-left: 8.33333333%
1056
    }
1057
 
1058
    .conversejs .offset-sm-2 {
1059
        margin-left: 16.66666667%
1060
    }
1061
 
1062
    .conversejs .offset-sm-3 {
1063
        margin-left: 25%
1064
    }
1065
 
1066
    .conversejs .offset-sm-4 {
1067
        margin-left: 33.33333333%
1068
    }
1069
 
1070
    .conversejs .offset-sm-5 {
1071
        margin-left: 41.66666667%
1072
    }
1073
 
1074
    .conversejs .offset-sm-6 {
1075
        margin-left: 50%
1076
    }
1077
 
1078
    .conversejs .offset-sm-7 {
1079
        margin-left: 58.33333333%
1080
    }
1081
 
1082
    .conversejs .offset-sm-8 {
1083
        margin-left: 66.66666667%
1084
    }
1085
 
1086
    .conversejs .offset-sm-9 {
1087
        margin-left: 75%
1088
    }
1089
 
1090
    .conversejs .offset-sm-10 {
1091
        margin-left: 83.33333333%
1092
    }
1093
 
1094
    .conversejs .offset-sm-11 {
1095
        margin-left: 91.66666667%
1096
    }
1097
}
1098
 
1099
@media(min-width: 768px) {
1100
    .conversejs .col-md {
1101
        flex-basis: 0;
1102
        flex-grow: 1;
1103
        max-width: 100%
1104
    }
1105
 
1106
    .conversejs .row-cols-md-1>* {
1107
        flex: 0 0 100%;
1108
        max-width: 100%
1109
    }
1110
 
1111
    .conversejs .row-cols-md-2>* {
1112
        flex: 0 0 50%;
1113
        max-width: 50%
1114
    }
1115
 
1116
    .conversejs .row-cols-md-3>* {
1117
        flex: 0 0 33.3333333333%;
1118
        max-width: 33.3333333333%
1119
    }
1120
 
1121
    .conversejs .row-cols-md-4>* {
1122
        flex: 0 0 25%;
1123
        max-width: 25%
1124
    }
1125
 
1126
    .conversejs .row-cols-md-5>* {
1127
        flex: 0 0 20%;
1128
        max-width: 20%
1129
    }
1130
 
1131
    .conversejs .row-cols-md-6>* {
1132
        flex: 0 0 16.6666666667%;
1133
        max-width: 16.6666666667%
1134
    }
1135
 
1136
    .conversejs .col-md-auto {
1137
        flex: 0 0 auto;
1138
        width: auto;
1139
        max-width: 100%
1140
    }
1141
 
1142
    .conversejs .col-md-1 {
1143
        flex: 0 0 8.33333333%;
1144
        max-width: 8.33333333%
1145
    }
1146
 
1147
    .conversejs .col-md-2 {
1148
        flex: 0 0 16.66666667%;
1149
        max-width: 16.66666667%
1150
    }
1151
 
1152
    .conversejs .col-md-3 {
1153
        flex: 0 0 25%;
1154
        max-width: 25%
1155
    }
1156
 
1157
    .conversejs .col-md-4 {
1158
        flex: 0 0 33.33333333%;
1159
        max-width: 33.33333333%
1160
    }
1161
 
1162
    .conversejs .col-md-5 {
1163
        flex: 0 0 41.66666667%;
1164
        max-width: 41.66666667%
1165
    }
1166
 
1167
    .conversejs .col-md-6 {
1168
        flex: 0 0 50%;
1169
        max-width: 50%
1170
    }
1171
 
1172
    .conversejs .col-md-7 {
1173
        flex: 0 0 58.33333333%;
1174
        max-width: 58.33333333%
1175
    }
1176
 
1177
    .conversejs .col-md-8 {
1178
        flex: 0 0 66.66666667%;
1179
        max-width: 66.66666667%
1180
    }
1181
 
1182
    .conversejs .col-md-9 {
1183
        flex: 0 0 75%;
1184
        max-width: 75%
1185
    }
1186
 
1187
    .conversejs .col-md-10 {
1188
        flex: 0 0 83.33333333%;
1189
        max-width: 83.33333333%
1190
    }
1191
 
1192
    .conversejs .col-md-11 {
1193
        flex: 0 0 91.66666667%;
1194
        max-width: 91.66666667%
1195
    }
1196
 
1197
    .conversejs .col-md-12 {
1198
        flex: 0 0 100%;
1199
        max-width: 100%
1200
    }
1201
 
1202
    .conversejs .order-md-first {
1203
        order: -1
1204
    }
1205
 
1206
    .conversejs .order-md-last {
1207
        order: 13
1208
    }
1209
 
1210
    .conversejs .order-md-0 {
1211
        order: 0
1212
    }
1213
 
1214
    .conversejs .order-md-1 {
1215
        order: 1
1216
    }
1217
 
1218
    .conversejs .order-md-2 {
1219
        order: 2
1220
    }
1221
 
1222
    .conversejs .order-md-3 {
1223
        order: 3
1224
    }
1225
 
1226
    .conversejs .order-md-4 {
1227
        order: 4
1228
    }
1229
 
1230
    .conversejs .order-md-5 {
1231
        order: 5
1232
    }
1233
 
1234
    .conversejs .order-md-6 {
1235
        order: 6
1236
    }
1237
 
1238
    .conversejs .order-md-7 {
1239
        order: 7
1240
    }
1241
 
1242
    .conversejs .order-md-8 {
1243
        order: 8
1244
    }
1245
 
1246
    .conversejs .order-md-9 {
1247
        order: 9
1248
    }
1249
 
1250
    .conversejs .order-md-10 {
1251
        order: 10
1252
    }
1253
 
1254
    .conversejs .order-md-11 {
1255
        order: 11
1256
    }
1257
 
1258
    .conversejs .order-md-12 {
1259
        order: 12
1260
    }
1261
 
1262
    .conversejs .offset-md-0 {
1263
        margin-left: 0
1264
    }
1265
 
1266
    .conversejs .offset-md-1 {
1267
        margin-left: 8.33333333%
1268
    }
1269
 
1270
    .conversejs .offset-md-2 {
1271
        margin-left: 16.66666667%
1272
    }
1273
 
1274
    .conversejs .offset-md-3 {
1275
        margin-left: 25%
1276
    }
1277
 
1278
    .conversejs .offset-md-4 {
1279
        margin-left: 33.33333333%
1280
    }
1281
 
1282
    .conversejs .offset-md-5 {
1283
        margin-left: 41.66666667%
1284
    }
1285
 
1286
    .conversejs .offset-md-6 {
1287
        margin-left: 50%
1288
    }
1289
 
1290
    .conversejs .offset-md-7 {
1291
        margin-left: 58.33333333%
1292
    }
1293
 
1294
    .conversejs .offset-md-8 {
1295
        margin-left: 66.66666667%
1296
    }
1297
 
1298
    .conversejs .offset-md-9 {
1299
        margin-left: 75%
1300
    }
1301
 
1302
    .conversejs .offset-md-10 {
1303
        margin-left: 83.33333333%
1304
    }
1305
 
1306
    .conversejs .offset-md-11 {
1307
        margin-left: 91.66666667%
1308
    }
1309
}
1310
 
1311
@media(min-width: 992px) {
1312
    .conversejs .col-lg {
1313
        flex-basis: 0;
1314
        flex-grow: 1;
1315
        max-width: 100%
1316
    }
1317
 
1318
    .conversejs .row-cols-lg-1>* {
1319
        flex: 0 0 100%;
1320
        max-width: 100%
1321
    }
1322
 
1323
    .conversejs .row-cols-lg-2>* {
1324
        flex: 0 0 50%;
1325
        max-width: 50%
1326
    }
1327
 
1328
    .conversejs .row-cols-lg-3>* {
1329
        flex: 0 0 33.3333333333%;
1330
        max-width: 33.3333333333%
1331
    }
1332
 
1333
    .conversejs .row-cols-lg-4>* {
1334
        flex: 0 0 25%;
1335
        max-width: 25%
1336
    }
1337
 
1338
    .conversejs .row-cols-lg-5>* {
1339
        flex: 0 0 20%;
1340
        max-width: 20%
1341
    }
1342
 
1343
    .conversejs .row-cols-lg-6>* {
1344
        flex: 0 0 16.6666666667%;
1345
        max-width: 16.6666666667%
1346
    }
1347
 
1348
    .conversejs .col-lg-auto {
1349
        flex: 0 0 auto;
1350
        width: auto;
1351
        max-width: 100%
1352
    }
1353
 
1354
    .conversejs .col-lg-1 {
1355
        flex: 0 0 8.33333333%;
1356
        max-width: 8.33333333%
1357
    }
1358
 
1359
    .conversejs .col-lg-2 {
1360
        flex: 0 0 16.66666667%;
1361
        max-width: 16.66666667%
1362
    }
1363
 
1364
    .conversejs .col-lg-3 {
1365
        flex: 0 0 25%;
1366
        max-width: 25%
1367
    }
1368
 
1369
    .conversejs .col-lg-4 {
1370
        flex: 0 0 33.33333333%;
1371
        max-width: 33.33333333%
1372
    }
1373
 
1374
    .conversejs .col-lg-5 {
1375
        flex: 0 0 41.66666667%;
1376
        max-width: 41.66666667%
1377
    }
1378
 
1379
    .conversejs .col-lg-6 {
1380
        flex: 0 0 50%;
1381
        max-width: 50%
1382
    }
1383
 
1384
    .conversejs .col-lg-7 {
1385
        flex: 0 0 58.33333333%;
1386
        max-width: 58.33333333%
1387
    }
1388
 
1389
    .conversejs .col-lg-8 {
1390
        flex: 0 0 66.66666667%;
1391
        max-width: 66.66666667%
1392
    }
1393
 
1394
    .conversejs .col-lg-9 {
1395
        flex: 0 0 75%;
1396
        max-width: 75%
1397
    }
1398
 
1399
    .conversejs .col-lg-10 {
1400
        flex: 0 0 83.33333333%;
1401
        max-width: 83.33333333%
1402
    }
1403
 
1404
    .conversejs .col-lg-11 {
1405
        flex: 0 0 91.66666667%;
1406
        max-width: 91.66666667%
1407
    }
1408
 
1409
    .conversejs .col-lg-12 {
1410
        flex: 0 0 100%;
1411
        max-width: 100%
1412
    }
1413
 
1414
    .conversejs .order-lg-first {
1415
        order: -1
1416
    }
1417
 
1418
    .conversejs .order-lg-last {
1419
        order: 13
1420
    }
1421
 
1422
    .conversejs .order-lg-0 {
1423
        order: 0
1424
    }
1425
 
1426
    .conversejs .order-lg-1 {
1427
        order: 1
1428
    }
1429
 
1430
    .conversejs .order-lg-2 {
1431
        order: 2
1432
    }
1433
 
1434
    .conversejs .order-lg-3 {
1435
        order: 3
1436
    }
1437
 
1438
    .conversejs .order-lg-4 {
1439
        order: 4
1440
    }
1441
 
1442
    .conversejs .order-lg-5 {
1443
        order: 5
1444
    }
1445
 
1446
    .conversejs .order-lg-6 {
1447
        order: 6
1448
    }
1449
 
1450
    .conversejs .order-lg-7 {
1451
        order: 7
1452
    }
1453
 
1454
    .conversejs .order-lg-8 {
1455
        order: 8
1456
    }
1457
 
1458
    .conversejs .order-lg-9 {
1459
        order: 9
1460
    }
1461
 
1462
    .conversejs .order-lg-10 {
1463
        order: 10
1464
    }
1465
 
1466
    .conversejs .order-lg-11 {
1467
        order: 11
1468
    }
1469
 
1470
    .conversejs .order-lg-12 {
1471
        order: 12
1472
    }
1473
 
1474
    .conversejs .offset-lg-0 {
1475
        margin-left: 0
1476
    }
1477
 
1478
    .conversejs .offset-lg-1 {
1479
        margin-left: 8.33333333%
1480
    }
1481
 
1482
    .conversejs .offset-lg-2 {
1483
        margin-left: 16.66666667%
1484
    }
1485
 
1486
    .conversejs .offset-lg-3 {
1487
        margin-left: 25%
1488
    }
1489
 
1490
    .conversejs .offset-lg-4 {
1491
        margin-left: 33.33333333%
1492
    }
1493
 
1494
    .conversejs .offset-lg-5 {
1495
        margin-left: 41.66666667%
1496
    }
1497
 
1498
    .conversejs .offset-lg-6 {
1499
        margin-left: 50%
1500
    }
1501
 
1502
    .conversejs .offset-lg-7 {
1503
        margin-left: 58.33333333%
1504
    }
1505
 
1506
    .conversejs .offset-lg-8 {
1507
        margin-left: 66.66666667%
1508
    }
1509
 
1510
    .conversejs .offset-lg-9 {
1511
        margin-left: 75%
1512
    }
1513
 
1514
    .conversejs .offset-lg-10 {
1515
        margin-left: 83.33333333%
1516
    }
1517
 
1518
    .conversejs .offset-lg-11 {
1519
        margin-left: 91.66666667%
1520
    }
1521
}
1522
 
1523
@media(min-width: 1200px) {
1524
    .conversejs .col-xl {
1525
        flex-basis: 0;
1526
        flex-grow: 1;
1527
        max-width: 100%
1528
    }
1529
 
1530
    .conversejs .row-cols-xl-1>* {
1531
        flex: 0 0 100%;
1532
        max-width: 100%
1533
    }
1534
 
1535
    .conversejs .row-cols-xl-2>* {
1536
        flex: 0 0 50%;
1537
        max-width: 50%
1538
    }
1539
 
1540
    .conversejs .row-cols-xl-3>* {
1541
        flex: 0 0 33.3333333333%;
1542
        max-width: 33.3333333333%
1543
    }
1544
 
1545
    .conversejs .row-cols-xl-4>* {
1546
        flex: 0 0 25%;
1547
        max-width: 25%
1548
    }
1549
 
1550
    .conversejs .row-cols-xl-5>* {
1551
        flex: 0 0 20%;
1552
        max-width: 20%
1553
    }
1554
 
1555
    .conversejs .row-cols-xl-6>* {
1556
        flex: 0 0 16.6666666667%;
1557
        max-width: 16.6666666667%
1558
    }
1559
 
1560
    .conversejs .col-xl-auto {
1561
        flex: 0 0 auto;
1562
        width: auto;
1563
        max-width: 100%
1564
    }
1565
 
1566
    .conversejs .col-xl-1 {
1567
        flex: 0 0 8.33333333%;
1568
        max-width: 8.33333333%
1569
    }
1570
 
1571
    .conversejs .col-xl-2 {
1572
        flex: 0 0 16.66666667%;
1573
        max-width: 16.66666667%
1574
    }
1575
 
1576
    .conversejs .col-xl-3 {
1577
        flex: 0 0 25%;
1578
        max-width: 25%
1579
    }
1580
 
1581
    .conversejs .col-xl-4 {
1582
        flex: 0 0 33.33333333%;
1583
        max-width: 33.33333333%
1584
    }
1585
 
1586
    .conversejs .col-xl-5 {
1587
        flex: 0 0 41.66666667%;
1588
        max-width: 41.66666667%
1589
    }
1590
 
1591
    .conversejs .col-xl-6 {
1592
        flex: 0 0 50%;
1593
        max-width: 50%
1594
    }
1595
 
1596
    .conversejs .col-xl-7 {
1597
        flex: 0 0 58.33333333%;
1598
        max-width: 58.33333333%
1599
    }
1600
 
1601
    .conversejs .col-xl-8 {
1602
        flex: 0 0 66.66666667%;
1603
        max-width: 66.66666667%
1604
    }
1605
 
1606
    .conversejs .col-xl-9 {
1607
        flex: 0 0 75%;
1608
        max-width: 75%
1609
    }
1610
 
1611
    .conversejs .col-xl-10 {
1612
        flex: 0 0 83.33333333%;
1613
        max-width: 83.33333333%
1614
    }
1615
 
1616
    .conversejs .col-xl-11 {
1617
        flex: 0 0 91.66666667%;
1618
        max-width: 91.66666667%
1619
    }
1620
 
1621
    .conversejs .col-xl-12 {
1622
        flex: 0 0 100%;
1623
        max-width: 100%
1624
    }
1625
 
1626
    .conversejs .order-xl-first {
1627
        order: -1
1628
    }
1629
 
1630
    .conversejs .order-xl-last {
1631
        order: 13
1632
    }
1633
 
1634
    .conversejs .order-xl-0 {
1635
        order: 0
1636
    }
1637
 
1638
    .conversejs .order-xl-1 {
1639
        order: 1
1640
    }
1641
 
1642
    .conversejs .order-xl-2 {
1643
        order: 2
1644
    }
1645
 
1646
    .conversejs .order-xl-3 {
1647
        order: 3
1648
    }
1649
 
1650
    .conversejs .order-xl-4 {
1651
        order: 4
1652
    }
1653
 
1654
    .conversejs .order-xl-5 {
1655
        order: 5
1656
    }
1657
 
1658
    .conversejs .order-xl-6 {
1659
        order: 6
1660
    }
1661
 
1662
    .conversejs .order-xl-7 {
1663
        order: 7
1664
    }
1665
 
1666
    .conversejs .order-xl-8 {
1667
        order: 8
1668
    }
1669
 
1670
    .conversejs .order-xl-9 {
1671
        order: 9
1672
    }
1673
 
1674
    .conversejs .order-xl-10 {
1675
        order: 10
1676
    }
1677
 
1678
    .conversejs .order-xl-11 {
1679
        order: 11
1680
    }
1681
 
1682
    .conversejs .order-xl-12 {
1683
        order: 12
1684
    }
1685
 
1686
    .conversejs .offset-xl-0 {
1687
        margin-left: 0
1688
    }
1689
 
1690
    .conversejs .offset-xl-1 {
1691
        margin-left: 8.33333333%
1692
    }
1693
 
1694
    .conversejs .offset-xl-2 {
1695
        margin-left: 16.66666667%
1696
    }
1697
 
1698
    .conversejs .offset-xl-3 {
1699
        margin-left: 25%
1700
    }
1701
 
1702
    .conversejs .offset-xl-4 {
1703
        margin-left: 33.33333333%
1704
    }
1705
 
1706
    .conversejs .offset-xl-5 {
1707
        margin-left: 41.66666667%
1708
    }
1709
 
1710
    .conversejs .offset-xl-6 {
1711
        margin-left: 50%
1712
    }
1713
 
1714
    .conversejs .offset-xl-7 {
1715
        margin-left: 58.33333333%
1716
    }
1717
 
1718
    .conversejs .offset-xl-8 {
1719
        margin-left: 66.66666667%
1720
    }
1721
 
1722
    .conversejs .offset-xl-9 {
1723
        margin-left: 75%
1724
    }
1725
 
1726
    .conversejs .offset-xl-10 {
1727
        margin-left: 83.33333333%
1728
    }
1729
 
1730
    .conversejs .offset-xl-11 {
1731
        margin-left: 91.66666667%
1732
    }
1733
}
1734
 
1735
.conversejs .fade {
1736
    transition: opacity .15s linear
1737
}
1738
 
1739
@media(prefers-reduced-motion: reduce) {
1740
    .conversejs .fade {
1741
        transition: none
1742
    }
1743
}
1744
 
1745
.conversejs .fade:not(.show) {
1746
    opacity: 0
1747
}
1748
 
1749
.conversejs .collapse:not(.show) {
1750
    display: none
1751
}
1752
 
1753
.conversejs .collapsing {
1754
    position: relative;
1755
    height: 0;
1756
    overflow: hidden;
1757
    transition: height .35s ease
1758
}
1759
 
1760
@media(prefers-reduced-motion: reduce) {
1761
    .conversejs .collapsing {
1762
        transition: none
1763
    }
1764
}
1765
 
1766
.conversejs .collapsing.width {
1767
    width: 0;
1768
    height: auto;
1769
    transition: width .35s ease
1770
}
1771
 
1772
@media(prefers-reduced-motion: reduce) {
1773
    .conversejs .collapsing.width {
1774
        transition: none
1775
    }
1776
}
1777
 
1778
.conversejs .nav {
1779
    display: flex;
1780
    flex-wrap: wrap;
1781
    padding-left: 0;
1782
    margin-bottom: 0;
1783
    list-style: none
1784
}
1785
 
1786
.conversejs .nav-link {
1787
    display: block;
1788
    padding: .5rem 1rem
1789
}
1790
 
1791
.conversejs .nav-link:hover,
1792
.conversejs .nav-link:focus {
1793
    text-decoration: none
1794
}
1795
 
1796
.conversejs .nav-link.disabled {
1797
    color: #6c757d;
1798
    pointer-events: none;
1799
    cursor: default
1800
}
1801
 
1802
.conversejs .nav-tabs {
1803
    border-bottom: 1px solid #dee2e6
1804
}
1805
 
1806
.conversejs .nav-tabs .nav-link {
1807
    margin-bottom: -1px;
1808
    background-color: rgba(0, 0, 0, 0);
1809
    border: 1px solid rgba(0, 0, 0, 0);
1810
    border-top-left-radius: .25rem;
1811
    border-top-right-radius: .25rem
1812
}
1813
 
1814
.conversejs .nav-tabs .nav-link:hover,
1815
.conversejs .nav-tabs .nav-link:focus {
1816
    isolation: isolate;
1817
    border-color: #e9ecef #e9ecef #dee2e6
1818
}
1819
 
1820
.conversejs .nav-tabs .nav-link.disabled {
1821
    color: #6c757d;
1822
    background-color: rgba(0, 0, 0, 0);
1823
    border-color: rgba(0, 0, 0, 0)
1824
}
1825
 
1826
.conversejs .nav-tabs .nav-link.active,
1827
.conversejs .nav-tabs .nav-item.show .nav-link {
1828
    color: #495057;
1829
    background-color: #fff;
1830
    border-color: #dee2e6 #dee2e6 #fff
1831
}
1832
 
1833
.conversejs .nav-tabs .dropdown-menu {
1834
    margin-top: -1px;
1835
    border-top-left-radius: 0;
1836
    border-top-right-radius: 0
1837
}
1838
 
1839
.conversejs .nav-pills .nav-link {
1840
    background: none;
1841
    border: 0;
1842
    border-radius: .25rem
1843
}
1844
 
1845
.conversejs .nav-pills .nav-link.active,
1846
.conversejs .nav-pills .show>.nav-link {
1847
    color: #fff;
1848
    background-color: #007bff
1849
}
1850
 
1851
.conversejs .nav-fill>.nav-link,
1852
.conversejs .nav-fill .nav-item {
1853
    flex: 1 1 auto;
1854
    text-align: center
1855
}
1856
 
1857
.conversejs .nav-justified>.nav-link,
1858
.conversejs .nav-justified .nav-item {
1859
    flex-basis: 0;
1860
    flex-grow: 1;
1861
    text-align: center
1862
}
1863
 
1864
.conversejs .tab-content>.tab-pane {
1865
    display: none
1866
}
1867
 
1868
.conversejs .tab-content>.active {
1869
    display: block
1870
}
1871
 
1872
.conversejs .alert {
1873
    position: relative;
1874
    padding: .75rem 1.25rem;
1875
    margin-bottom: 1rem;
1876
    border: 1px solid rgba(0, 0, 0, 0);
1877
    border-radius: .25rem
1878
}
1879
 
1880
.conversejs .alert-heading {
1881
    color: inherit
1882
}
1883
 
1884
.conversejs .alert-link {
1885
    font-weight: 700
1886
}
1887
 
1888
.conversejs .alert-dismissible {
1889
    padding-right: 4rem
1890
}
1891
 
1892
.conversejs .alert-dismissible .close {
1893
    position: absolute;
1894
    top: 0;
1895
    right: 0;
1896
    z-index: 2;
1897
    padding: .75rem 1.25rem;
1898
    color: inherit
1899
}
1900
 
1901
.conversejs .alert-primary {
1902
    color: #004085;
1903
    background-color: #cce5ff;
1904
    border-color: #b8daff
1905
}
1906
 
1907
.conversejs .alert-primary hr {
1908
    border-top-color: #9fcdff
1909
}
1910
 
1911
.conversejs .alert-primary .alert-link {
1912
    color: #002752
1913
}
1914
 
1915
.conversejs .alert-secondary {
1916
    color: #383d41;
1917
    background-color: #e2e3e5;
1918
    border-color: #d6d8db
1919
}
1920
 
1921
.conversejs .alert-secondary hr {
1922
    border-top-color: #c8cbcf
1923
}
1924
 
1925
.conversejs .alert-secondary .alert-link {
1926
    color: #202326
1927
}
1928
 
1929
.conversejs .alert-success {
1930
    color: #155724;
1931
    background-color: #d4edda;
1932
    border-color: #c3e6cb
1933
}
1934
 
1935
.conversejs .alert-success hr {
1936
    border-top-color: #b1dfbb
1937
}
1938
 
1939
.conversejs .alert-success .alert-link {
1940
    color: #0b2e13
1941
}
1942
 
1943
.conversejs .alert-info {
1944
    color: #0c5460;
1945
    background-color: #d1ecf1;
1946
    border-color: #bee5eb
1947
}
1948
 
1949
.conversejs .alert-info hr {
1950
    border-top-color: #abdde5
1951
}
1952
 
1953
.conversejs .alert-info .alert-link {
1954
    color: #062c33
1955
}
1956
 
1957
.conversejs .alert-warning {
1958
    color: #856404;
1959
    background-color: #fff3cd;
1960
    border-color: #ffeeba
1961
}
1962
 
1963
.conversejs .alert-warning hr {
1964
    border-top-color: #ffe8a1
1965
}
1966
 
1967
.conversejs .alert-warning .alert-link {
1968
    color: #533f03
1969
}
1970
 
1971
.conversejs .alert-danger {
1972
    color: #721c24;
1973
    background-color: #f8d7da;
1974
    border-color: #f5c6cb
1975
}
1976
 
1977
.conversejs .alert-danger hr {
1978
    border-top-color: #f1b0b7
1979
}
1980
 
1981
.conversejs .alert-danger .alert-link {
1982
    color: #491217
1983
}
1984
 
1985
.conversejs .alert-light {
1986
    color: #818182;
1987
    background-color: #fefefe;
1988
    border-color: #fdfdfe
1989
}
1990
 
1991
.conversejs .alert-light hr {
1992
    border-top-color: #ececf6
1993
}
1994
 
1995
.conversejs .alert-light .alert-link {
1996
    color: #686868
1997
}
1998
 
1999
.conversejs .alert-dark {
2000
    color: #1b1e21;
2001
    background-color: #d6d8d9;
2002
    border-color: #c6c8ca
2003
}
2004
 
2005
.conversejs .alert-dark hr {
2006
    border-top-color: #b9bbbe
2007
}
2008
 
2009
.conversejs .alert-dark .alert-link {
2010
    color: #040505
2011
}
2012
 
2013
.conversejs .media {
2014
    display: flex;
2015
    align-items: flex-start
2016
}
2017
 
2018
.conversejs .media-body {
2019
    flex: 1
2020
}
2021
 
2022
.conversejs .close {
2023
    float: right;
2024
    font-size: 1.5rem;
2025
    font-weight: 700;
2026
    line-height: 1;
2027
    color: #000;
2028
    text-shadow: 0 1px 0 #fff;
2029
    opacity: .5
2030
}
2031
 
2032
.conversejs .close:hover {
2033
    color: #000;
2034
    text-decoration: none
2035
}
2036
 
2037
.conversejs .close:not(:disabled):not(.disabled):hover,
2038
.conversejs .close:not(:disabled):not(.disabled):focus {
2039
    opacity: .75
2040
}
2041
 
2042
.conversejs button.close {
2043
    padding: 0;
2044
    background-color: rgba(0, 0, 0, 0);
2045
    border: 0
2046
}
2047
 
2048
.conversejs a.close.disabled {
2049
    pointer-events: none
2050
}
2051
 
2052
.conversejs .popover {
2053
    position: absolute;
2054
    top: 0;
2055
    left: 0;
2056
    z-index: 1060;
2057
    display: block;
2058
    max-width: 276px;
2059
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
2060
    font-style: normal;
2061
    font-weight: 400;
2062
    line-height: 1.5;
2063
    text-align: left;
2064
    text-align: start;
2065
    text-decoration: none;
2066
    text-shadow: none;
2067
    text-transform: none;
2068
    letter-spacing: normal;
2069
    word-break: normal;
2070
    white-space: normal;
2071
    word-spacing: normal;
2072
    line-break: auto;
2073
    font-size: 0.875rem;
2074
    word-wrap: break-word;
2075
    background-color: #fff;
2076
    background-clip: padding-box;
2077
    border: 1px solid rgba(0, 0, 0, .2);
2078
    border-radius: .3rem
2079
}
2080
 
2081
.conversejs .popover .arrow {
2082
    position: absolute;
2083
    display: block;
2084
    width: 1rem;
2085
    height: .5rem;
2086
    margin: 0 .3rem
2087
}
2088
 
2089
.conversejs .popover .arrow::before,
2090
.conversejs .popover .arrow::after {
2091
    position: absolute;
2092
    display: block;
2093
    content: "";
2094
    border-color: rgba(0, 0, 0, 0);
2095
    border-style: solid
2096
}
2097
 
2098
.conversejs .bs-popover-top,
2099
.conversejs .bs-popover-auto[x-placement^=top] {
2100
    margin-bottom: .5rem
2101
}
2102
 
2103
.conversejs .bs-popover-top>.arrow,
2104
.conversejs .bs-popover-auto[x-placement^=top]>.arrow {
2105
    bottom: calc(-0.5rem - 1px)
2106
}
2107
 
2108
.conversejs .bs-popover-top>.arrow::before,
2109
.conversejs .bs-popover-auto[x-placement^=top]>.arrow::before {
2110
    bottom: 0;
2111
    border-width: .5rem .5rem 0;
2112
    border-top-color: rgba(0, 0, 0, .25)
2113
}
2114
 
2115
.conversejs .bs-popover-top>.arrow::after,
2116
.conversejs .bs-popover-auto[x-placement^=top]>.arrow::after {
2117
    bottom: 1px;
2118
    border-width: .5rem .5rem 0;
2119
    border-top-color: #fff
2120
}
2121
 
2122
.conversejs .bs-popover-right,
2123
.conversejs .bs-popover-auto[x-placement^=right] {
2124
    margin-left: .5rem
2125
}
2126
 
2127
.conversejs .bs-popover-right>.arrow,
2128
.conversejs .bs-popover-auto[x-placement^=right]>.arrow {
2129
    left: calc(-0.5rem - 1px);
2130
    width: .5rem;
2131
    height: 1rem;
2132
    margin: .3rem 0
2133
}
2134
 
2135
.conversejs .bs-popover-right>.arrow::before,
2136
.conversejs .bs-popover-auto[x-placement^=right]>.arrow::before {
2137
    left: 0;
2138
    border-width: .5rem .5rem .5rem 0;
2139
    border-right-color: rgba(0, 0, 0, .25)
2140
}
2141
 
2142
.conversejs .bs-popover-right>.arrow::after,
2143
.conversejs .bs-popover-auto[x-placement^=right]>.arrow::after {
2144
    left: 1px;
2145
    border-width: .5rem .5rem .5rem 0;
2146
    border-right-color: #fff
2147
}
2148
 
2149
.conversejs .bs-popover-bottom,
2150
.conversejs .bs-popover-auto[x-placement^=bottom] {
2151
    margin-top: .5rem
2152
}
2153
 
2154
.conversejs .bs-popover-bottom>.arrow,
2155
.conversejs .bs-popover-auto[x-placement^=bottom]>.arrow {
2156
    top: calc(-0.5rem - 1px)
2157
}
2158
 
2159
.conversejs .bs-popover-bottom>.arrow::before,
2160
.conversejs .bs-popover-auto[x-placement^=bottom]>.arrow::before {
2161
    top: 0;
2162
    border-width: 0 .5rem .5rem .5rem;
2163
    border-bottom-color: rgba(0, 0, 0, .25)
2164
}
2165
 
2166
.conversejs .bs-popover-bottom>.arrow::after,
2167
.conversejs .bs-popover-auto[x-placement^=bottom]>.arrow::after {
2168
    top: 1px;
2169
    border-width: 0 .5rem .5rem .5rem;
2170
    border-bottom-color: #fff
2171
}
2172
 
2173
.conversejs .bs-popover-bottom .popover-header::before,
2174
.conversejs .bs-popover-auto[x-placement^=bottom] .popover-header::before {
2175
    position: absolute;
2176
    top: 0;
2177
    left: 50%;
2178
    display: block;
2179
    width: 1rem;
2180
    margin-left: -0.5rem;
2181
    content: "";
2182
    border-bottom: 1px solid #f7f7f7
2183
}
2184
 
2185
.conversejs .bs-popover-left,
2186
.conversejs .bs-popover-auto[x-placement^=left] {
2187
    margin-right: .5rem
2188
}
2189
 
2190
.conversejs .bs-popover-left>.arrow,
2191
.conversejs .bs-popover-auto[x-placement^=left]>.arrow {
2192
    right: calc(-0.5rem - 1px);
2193
    width: .5rem;
2194
    height: 1rem;
2195
    margin: .3rem 0
2196
}
2197
 
2198
.conversejs .bs-popover-left>.arrow::before,
2199
.conversejs .bs-popover-auto[x-placement^=left]>.arrow::before {
2200
    right: 0;
2201
    border-width: .5rem 0 .5rem .5rem;
2202
    border-left-color: rgba(0, 0, 0, .25)
2203
}
2204
 
2205
.conversejs .bs-popover-left>.arrow::after,
2206
.conversejs .bs-popover-auto[x-placement^=left]>.arrow::after {
2207
    right: 1px;
2208
    border-width: .5rem 0 .5rem .5rem;
2209
    border-left-color: #fff
2210
}
2211
 
2212
.conversejs .popover-header {
2213
    padding: .5rem .75rem;
2214
    margin-bottom: 0;
2215
    font-size: 1rem;
2216
    background-color: #f7f7f7;
2217
    border-bottom: 1px solid #ebebeb;
2218
    border-top-left-radius: calc(0.3rem - 1px);
2219
    border-top-right-radius: calc(0.3rem - 1px)
2220
}
2221
 
2222
.conversejs .popover-header:empty {
2223
    display: none
2224
}
2225
 
2226
.conversejs .popover-body {
2227
    padding: .5rem .75rem;
2228
    color: #212529
2229
}
2230
 
2231
.conversejs .align-baseline {
2232
    vertical-align: baseline !important
2233
}
2234
 
2235
.conversejs .align-top {
2236
    vertical-align: top !important
2237
}
2238
 
2239
.conversejs .align-middle {
2240
    vertical-align: middle !important
2241
}
2242
 
2243
.conversejs .align-bottom {
2244
    vertical-align: bottom !important
2245
}
2246
 
2247
.conversejs .align-text-bottom {
2248
    vertical-align: text-bottom !important
2249
}
2250
 
2251
.conversejs .align-text-top {
2252
    vertical-align: text-top !important
2253
}
2254
 
2255
.conversejs .bg-primary {
2256
    background-color: #007bff !important
2257
}
2258
 
2259
.conversejs a.bg-primary:hover,
2260
.conversejs a.bg-primary:focus,
2261
.conversejs button.bg-primary:hover,
2262
.conversejs button.bg-primary:focus {
2263
    background-color: #0062cc !important
2264
}
2265
 
2266
.conversejs .bg-secondary {
2267
    background-color: #6c757d !important
2268
}
2269
 
2270
.conversejs a.bg-secondary:hover,
2271
.conversejs a.bg-secondary:focus,
2272
.conversejs button.bg-secondary:hover,
2273
.conversejs button.bg-secondary:focus {
2274
    background-color: #545b62 !important
2275
}
2276
 
2277
.conversejs .bg-success {
2278
    background-color: #28a745 !important
2279
}
2280
 
2281
.conversejs a.bg-success:hover,
2282
.conversejs a.bg-success:focus,
2283
.conversejs button.bg-success:hover,
2284
.conversejs button.bg-success:focus {
2285
    background-color: #1e7e34 !important
2286
}
2287
 
2288
.conversejs .bg-info {
2289
    background-color: #17a2b8 !important
2290
}
2291
 
2292
.conversejs a.bg-info:hover,
2293
.conversejs a.bg-info:focus,
2294
.conversejs button.bg-info:hover,
2295
.conversejs button.bg-info:focus {
2296
    background-color: #117a8b !important
2297
}
2298
 
2299
.conversejs .bg-warning {
2300
    background-color: #ffc107 !important
2301
}
2302
 
2303
.conversejs a.bg-warning:hover,
2304
.conversejs a.bg-warning:focus,
2305
.conversejs button.bg-warning:hover,
2306
.conversejs button.bg-warning:focus {
2307
    background-color: #d39e00 !important
2308
}
2309
 
2310
.conversejs .bg-danger {
2311
    background-color: #dc3545 !important
2312
}
2313
 
2314
.conversejs a.bg-danger:hover,
2315
.conversejs a.bg-danger:focus,
2316
.conversejs button.bg-danger:hover,
2317
.conversejs button.bg-danger:focus {
2318
    background-color: #bd2130 !important
2319
}
2320
 
2321
.conversejs .bg-light {
2322
    background-color: #f8f9fa !important
2323
}
2324
 
2325
.conversejs a.bg-light:hover,
2326
.conversejs a.bg-light:focus,
2327
.conversejs button.bg-light:hover,
2328
.conversejs button.bg-light:focus {
2329
    background-color: #dae0e5 !important
2330
}
2331
 
2332
.conversejs .bg-dark {
2333
    background-color: #343a40 !important
2334
}
2335
 
2336
.conversejs a.bg-dark:hover,
2337
.conversejs a.bg-dark:focus,
2338
.conversejs button.bg-dark:hover,
2339
.conversejs button.bg-dark:focus {
2340
    background-color: #1d2124 !important
2341
}
2342
 
2343
.conversejs .bg-white {
2344
    background-color: #fff !important
2345
}
2346
 
2347
.conversejs .bg-transparent {
2348
    background-color: rgba(0, 0, 0, 0) !important
2349
}
2350
 
2351
.conversejs .border {
2352
    border: 1px solid #dee2e6 !important
2353
}
2354
 
2355
.conversejs .border-top {
2356
    border-top: 1px solid #dee2e6 !important
2357
}
2358
 
2359
.conversejs .border-right {
2360
    border-right: 1px solid #dee2e6 !important
2361
}
2362
 
2363
.conversejs .border-bottom {
2364
    border-bottom: 1px solid #dee2e6 !important
2365
}
2366
 
2367
.conversejs .border-left {
2368
    border-left: 1px solid #dee2e6 !important
2369
}
2370
 
2371
.conversejs .border-0 {
2372
    border: 0 !important
2373
}
2374
 
2375
.conversejs .border-top-0 {
2376
    border-top: 0 !important
2377
}
2378
 
2379
.conversejs .border-right-0 {
2380
    border-right: 0 !important
2381
}
2382
 
2383
.conversejs .border-bottom-0 {
2384
    border-bottom: 0 !important
2385
}
2386
 
2387
.conversejs .border-left-0 {
2388
    border-left: 0 !important
2389
}
2390
 
2391
.conversejs .border-primary {
2392
    border-color: #007bff !important
2393
}
2394
 
2395
.conversejs .border-secondary {
2396
    border-color: #6c757d !important
2397
}
2398
 
2399
.conversejs .border-success {
2400
    border-color: #28a745 !important
2401
}
2402
 
2403
.conversejs .border-info {
2404
    border-color: #17a2b8 !important
2405
}
2406
 
2407
.conversejs .border-warning {
2408
    border-color: #ffc107 !important
2409
}
2410
 
2411
.conversejs .border-danger {
2412
    border-color: #dc3545 !important
2413
}
2414
 
2415
.conversejs .border-light {
2416
    border-color: #f8f9fa !important
2417
}
2418
 
2419
.conversejs .border-dark {
2420
    border-color: #343a40 !important
2421
}
2422
 
2423
.conversejs .border-white {
2424
    border-color: #fff !important
2425
}
2426
 
2427
.conversejs .rounded-sm {
2428
    border-radius: .2rem !important
2429
}
2430
 
2431
.conversejs .rounded {
2432
    border-radius: .25rem !important
2433
}
2434
 
2435
.conversejs .rounded-top {
2436
    border-top-left-radius: .25rem !important;
2437
    border-top-right-radius: .25rem !important
2438
}
2439
 
2440
.conversejs .rounded-right {
2441
    border-top-right-radius: .25rem !important;
2442
    border-bottom-right-radius: .25rem !important
2443
}
2444
 
2445
.conversejs .rounded-bottom {
2446
    border-bottom-right-radius: .25rem !important;
2447
    border-bottom-left-radius: .25rem !important
2448
}
2449
 
2450
.conversejs .rounded-left {
2451
    border-top-left-radius: .25rem !important;
2452
    border-bottom-left-radius: .25rem !important
2453
}
2454
 
2455
.conversejs .rounded-lg {
2456
    border-radius: .3rem !important
2457
}
2458
 
2459
.conversejs .rounded-circle {
2460
    border-radius: 50% !important
2461
}
2462
 
2463
.conversejs .rounded-pill {
2464
    border-radius: 50rem !important
2465
}
2466
 
2467
.conversejs .rounded-0 {
2468
    border-radius: 0 !important
2469
}
2470
 
2471
.conversejs .clearfix::after {
2472
    display: block;
2473
    clear: both;
2474
    content: ""
2475
}
2476
 
2477
.conversejs .d-none {
2478
    display: none !important
2479
}
2480
 
2481
.conversejs .d-inline {
2482
    display: inline !important
2483
}
2484
 
2485
.conversejs .d-inline-block {
2486
    display: inline-block !important
2487
}
2488
 
2489
.conversejs .d-block {
2490
    display: block !important
2491
}
2492
 
2493
.conversejs .d-table {
2494
    display: table !important
2495
}
2496
 
2497
.conversejs .d-table-row {
2498
    display: table-row !important
2499
}
2500
 
2501
.conversejs .d-table-cell {
2502
    display: table-cell !important
2503
}
2504
 
2505
.conversejs .d-flex {
2506
    display: flex !important
2507
}
2508
 
2509
.conversejs .d-inline-flex {
2510
    display: inline-flex !important
2511
}
2512
 
2513
@media(min-width: 576px) {
2514
    .conversejs .d-sm-none {
2515
        display: none !important
2516
    }
2517
 
2518
    .conversejs .d-sm-inline {
2519
        display: inline !important
2520
    }
2521
 
2522
    .conversejs .d-sm-inline-block {
2523
        display: inline-block !important
2524
    }
2525
 
2526
    .conversejs .d-sm-block {
2527
        display: block !important
2528
    }
2529
 
2530
    .conversejs .d-sm-table {
2531
        display: table !important
2532
    }
2533
 
2534
    .conversejs .d-sm-table-row {
2535
        display: table-row !important
2536
    }
2537
 
2538
    .conversejs .d-sm-table-cell {
2539
        display: table-cell !important
2540
    }
2541
 
2542
    .conversejs .d-sm-flex {
2543
        display: flex !important
2544
    }
2545
 
2546
    .conversejs .d-sm-inline-flex {
2547
        display: inline-flex !important
2548
    }
2549
}
2550
 
2551
@media(min-width: 768px) {
2552
    .conversejs .d-md-none {
2553
        display: none !important
2554
    }
2555
 
2556
    .conversejs .d-md-inline {
2557
        display: inline !important
2558
    }
2559
 
2560
    .conversejs .d-md-inline-block {
2561
        display: inline-block !important
2562
    }
2563
 
2564
    .conversejs .d-md-block {
2565
        display: block !important
2566
    }
2567
 
2568
    .conversejs .d-md-table {
2569
        display: table !important
2570
    }
2571
 
2572
    .conversejs .d-md-table-row {
2573
        display: table-row !important
2574
    }
2575
 
2576
    .conversejs .d-md-table-cell {
2577
        display: table-cell !important
2578
    }
2579
 
2580
    .conversejs .d-md-flex {
2581
        display: flex !important
2582
    }
2583
 
2584
    .conversejs .d-md-inline-flex {
2585
        display: inline-flex !important
2586
    }
2587
}
2588
 
2589
@media(min-width: 992px) {
2590
    .conversejs .d-lg-none {
2591
        display: none !important
2592
    }
2593
 
2594
    .conversejs .d-lg-inline {
2595
        display: inline !important
2596
    }
2597
 
2598
    .conversejs .d-lg-inline-block {
2599
        display: inline-block !important
2600
    }
2601
 
2602
    .conversejs .d-lg-block {
2603
        display: block !important
2604
    }
2605
 
2606
    .conversejs .d-lg-table {
2607
        display: table !important
2608
    }
2609
 
2610
    .conversejs .d-lg-table-row {
2611
        display: table-row !important
2612
    }
2613
 
2614
    .conversejs .d-lg-table-cell {
2615
        display: table-cell !important
2616
    }
2617
 
2618
    .conversejs .d-lg-flex {
2619
        display: flex !important
2620
    }
2621
 
2622
    .conversejs .d-lg-inline-flex {
2623
        display: inline-flex !important
2624
    }
2625
}
2626
 
2627
@media(min-width: 1200px) {
2628
    .conversejs .d-xl-none {
2629
        display: none !important
2630
    }
2631
 
2632
    .conversejs .d-xl-inline {
2633
        display: inline !important
2634
    }
2635
 
2636
    .conversejs .d-xl-inline-block {
2637
        display: inline-block !important
2638
    }
2639
 
2640
    .conversejs .d-xl-block {
2641
        display: block !important
2642
    }
2643
 
2644
    .conversejs .d-xl-table {
2645
        display: table !important
2646
    }
2647
 
2648
    .conversejs .d-xl-table-row {
2649
        display: table-row !important
2650
    }
2651
 
2652
    .conversejs .d-xl-table-cell {
2653
        display: table-cell !important
2654
    }
2655
 
2656
    .conversejs .d-xl-flex {
2657
        display: flex !important
2658
    }
2659
 
2660
    .conversejs .d-xl-inline-flex {
2661
        display: inline-flex !important
2662
    }
2663
}
2664
 
2665
@media print {
2666
    .conversejs .d-print-none {
2667
        display: none !important
2668
    }
2669
 
2670
    .conversejs .d-print-inline {
2671
        display: inline !important
2672
    }
2673
 
2674
    .conversejs .d-print-inline-block {
2675
        display: inline-block !important
2676
    }
2677
 
2678
    .conversejs .d-print-block {
2679
        display: block !important
2680
    }
2681
 
2682
    .conversejs .d-print-table {
2683
        display: table !important
2684
    }
2685
 
2686
    .conversejs .d-print-table-row {
2687
        display: table-row !important
2688
    }
2689
 
2690
    .conversejs .d-print-table-cell {
2691
        display: table-cell !important
2692
    }
2693
 
2694
    .conversejs .d-print-flex {
2695
        display: flex !important
2696
    }
2697
 
2698
    .conversejs .d-print-inline-flex {
2699
        display: inline-flex !important
2700
    }
2701
}
2702
 
2703
.conversejs .embed-responsive {
2704
    position: relative;
2705
    display: block;
2706
    width: 100%;
2707
    padding: 0;
2708
    overflow: hidden
2709
}
2710
 
2711
.conversejs .embed-responsive::before {
2712
    display: block;
2713
    content: ""
2714
}
2715
 
2716
.conversejs .embed-responsive .embed-responsive-item,
2717
.conversejs .embed-responsive iframe,
2718
.conversejs .embed-responsive embed,
2719
.conversejs .embed-responsive object,
2720
.conversejs .embed-responsive video {
2721
    position: absolute;
2722
    top: 0;
2723
    bottom: 0;
2724
    left: 0;
2725
    width: 100%;
2726
    height: 100%;
2727
    border: 0
2728
}
2729
 
2730
.conversejs .embed-responsive-21by9::before {
2731
    padding-top: 42.85714286%
2732
}
2733
 
2734
.conversejs .embed-responsive-16by9::before {
2735
    padding-top: 56.25%
2736
}
2737
 
2738
.conversejs .embed-responsive-4by3::before {
2739
    padding-top: 75%
2740
}
2741
 
2742
.conversejs .embed-responsive-1by1::before {
2743
    padding-top: 100%
2744
}
2745
 
2746
.conversejs .flex-row {
2747
    flex-direction: row !important
2748
}
2749
 
2750
.conversejs .flex-column {
2751
    flex-direction: column !important
2752
}
2753
 
2754
.conversejs .flex-row-reverse {
2755
    flex-direction: row-reverse !important
2756
}
2757
 
2758
.conversejs .flex-column-reverse {
2759
    flex-direction: column-reverse !important
2760
}
2761
 
2762
.conversejs .flex-wrap {
2763
    flex-wrap: wrap !important
2764
}
2765
 
2766
.conversejs .flex-nowrap {
2767
    flex-wrap: nowrap !important
2768
}
2769
 
2770
.conversejs .flex-wrap-reverse {
2771
    flex-wrap: wrap-reverse !important
2772
}
2773
 
2774
.conversejs .flex-fill {
2775
    flex: 1 1 auto !important
2776
}
2777
 
2778
.conversejs .flex-grow-0 {
2779
    flex-grow: 0 !important
2780
}
2781
 
2782
.conversejs .flex-grow-1 {
2783
    flex-grow: 1 !important
2784
}
2785
 
2786
.conversejs .flex-shrink-0 {
2787
    flex-shrink: 0 !important
2788
}
2789
 
2790
.conversejs .flex-shrink-1 {
2791
    flex-shrink: 1 !important
2792
}
2793
 
2794
.conversejs .justify-content-start {
2795
    justify-content: flex-start !important
2796
}
2797
 
2798
.conversejs .justify-content-end {
2799
    justify-content: flex-end !important
2800
}
2801
 
2802
.conversejs .justify-content-center {
2803
    justify-content: center !important
2804
}
2805
 
2806
.conversejs .justify-content-between {
2807
    justify-content: space-between !important
2808
}
2809
 
2810
.conversejs .justify-content-around {
2811
    justify-content: space-around !important
2812
}
2813
 
2814
.conversejs .align-items-start {
2815
    align-items: flex-start !important
2816
}
2817
 
2818
.conversejs .align-items-end {
2819
    align-items: flex-end !important
2820
}
2821
 
2822
.conversejs .align-items-center {
2823
    align-items: center !important
2824
}
2825
 
2826
.conversejs .align-items-baseline {
2827
    align-items: baseline !important
2828
}
2829
 
2830
.conversejs .align-items-stretch {
2831
    align-items: stretch !important
2832
}
2833
 
2834
.conversejs .align-content-start {
2835
    align-content: flex-start !important
2836
}
2837
 
2838
.conversejs .align-content-end {
2839
    align-content: flex-end !important
2840
}
2841
 
2842
.conversejs .align-content-center {
2843
    align-content: center !important
2844
}
2845
 
2846
.conversejs .align-content-between {
2847
    align-content: space-between !important
2848
}
2849
 
2850
.conversejs .align-content-around {
2851
    align-content: space-around !important
2852
}
2853
 
2854
.conversejs .align-content-stretch {
2855
    align-content: stretch !important
2856
}
2857
 
2858
.conversejs .align-self-auto {
2859
    align-self: auto !important
2860
}
2861
 
2862
.conversejs .align-self-start {
2863
    align-self: flex-start !important
2864
}
2865
 
2866
.conversejs .align-self-end {
2867
    align-self: flex-end !important
2868
}
2869
 
2870
.conversejs .align-self-center {
2871
    align-self: center !important
2872
}
2873
 
2874
.conversejs .align-self-baseline {
2875
    align-self: baseline !important
2876
}
2877
 
2878
.conversejs .align-self-stretch {
2879
    align-self: stretch !important
2880
}
2881
 
2882
@media(min-width: 576px) {
2883
    .conversejs .flex-sm-row {
2884
        flex-direction: row !important
2885
    }
2886
 
2887
    .conversejs .flex-sm-column {
2888
        flex-direction: column !important
2889
    }
2890
 
2891
    .conversejs .flex-sm-row-reverse {
2892
        flex-direction: row-reverse !important
2893
    }
2894
 
2895
    .conversejs .flex-sm-column-reverse {
2896
        flex-direction: column-reverse !important
2897
    }
2898
 
2899
    .conversejs .flex-sm-wrap {
2900
        flex-wrap: wrap !important
2901
    }
2902
 
2903
    .conversejs .flex-sm-nowrap {
2904
        flex-wrap: nowrap !important
2905
    }
2906
 
2907
    .conversejs .flex-sm-wrap-reverse {
2908
        flex-wrap: wrap-reverse !important
2909
    }
2910
 
2911
    .conversejs .flex-sm-fill {
2912
        flex: 1 1 auto !important
2913
    }
2914
 
2915
    .conversejs .flex-sm-grow-0 {
2916
        flex-grow: 0 !important
2917
    }
2918
 
2919
    .conversejs .flex-sm-grow-1 {
2920
        flex-grow: 1 !important
2921
    }
2922
 
2923
    .conversejs .flex-sm-shrink-0 {
2924
        flex-shrink: 0 !important
2925
    }
2926
 
2927
    .conversejs .flex-sm-shrink-1 {
2928
        flex-shrink: 1 !important
2929
    }
2930
 
2931
    .conversejs .justify-content-sm-start {
2932
        justify-content: flex-start !important
2933
    }
2934
 
2935
    .conversejs .justify-content-sm-end {
2936
        justify-content: flex-end !important
2937
    }
2938
 
2939
    .conversejs .justify-content-sm-center {
2940
        justify-content: center !important
2941
    }
2942
 
2943
    .conversejs .justify-content-sm-between {
2944
        justify-content: space-between !important
2945
    }
2946
 
2947
    .conversejs .justify-content-sm-around {
2948
        justify-content: space-around !important
2949
    }
2950
 
2951
    .conversejs .align-items-sm-start {
2952
        align-items: flex-start !important
2953
    }
2954
 
2955
    .conversejs .align-items-sm-end {
2956
        align-items: flex-end !important
2957
    }
2958
 
2959
    .conversejs .align-items-sm-center {
2960
        align-items: center !important
2961
    }
2962
 
2963
    .conversejs .align-items-sm-baseline {
2964
        align-items: baseline !important
2965
    }
2966
 
2967
    .conversejs .align-items-sm-stretch {
2968
        align-items: stretch !important
2969
    }
2970
 
2971
    .conversejs .align-content-sm-start {
2972
        align-content: flex-start !important
2973
    }
2974
 
2975
    .conversejs .align-content-sm-end {
2976
        align-content: flex-end !important
2977
    }
2978
 
2979
    .conversejs .align-content-sm-center {
2980
        align-content: center !important
2981
    }
2982
 
2983
    .conversejs .align-content-sm-between {
2984
        align-content: space-between !important
2985
    }
2986
 
2987
    .conversejs .align-content-sm-around {
2988
        align-content: space-around !important
2989
    }
2990
 
2991
    .conversejs .align-content-sm-stretch {
2992
        align-content: stretch !important
2993
    }
2994
 
2995
    .conversejs .align-self-sm-auto {
2996
        align-self: auto !important
2997
    }
2998
 
2999
    .conversejs .align-self-sm-start {
3000
        align-self: flex-start !important
3001
    }
3002
 
3003
    .conversejs .align-self-sm-end {
3004
        align-self: flex-end !important
3005
    }
3006
 
3007
    .conversejs .align-self-sm-center {
3008
        align-self: center !important
3009
    }
3010
 
3011
    .conversejs .align-self-sm-baseline {
3012
        align-self: baseline !important
3013
    }
3014
 
3015
    .conversejs .align-self-sm-stretch {
3016
        align-self: stretch !important
3017
    }
3018
}
3019
 
3020
@media(min-width: 768px) {
3021
    .conversejs .flex-md-row {
3022
        flex-direction: row !important
3023
    }
3024
 
3025
    .conversejs .flex-md-column {
3026
        flex-direction: column !important
3027
    }
3028
 
3029
    .conversejs .flex-md-row-reverse {
3030
        flex-direction: row-reverse !important
3031
    }
3032
 
3033
    .conversejs .flex-md-column-reverse {
3034
        flex-direction: column-reverse !important
3035
    }
3036
 
3037
    .conversejs .flex-md-wrap {
3038
        flex-wrap: wrap !important
3039
    }
3040
 
3041
    .conversejs .flex-md-nowrap {
3042
        flex-wrap: nowrap !important
3043
    }
3044
 
3045
    .conversejs .flex-md-wrap-reverse {
3046
        flex-wrap: wrap-reverse !important
3047
    }
3048
 
3049
    .conversejs .flex-md-fill {
3050
        flex: 1 1 auto !important
3051
    }
3052
 
3053
    .conversejs .flex-md-grow-0 {
3054
        flex-grow: 0 !important
3055
    }
3056
 
3057
    .conversejs .flex-md-grow-1 {
3058
        flex-grow: 1 !important
3059
    }
3060
 
3061
    .conversejs .flex-md-shrink-0 {
3062
        flex-shrink: 0 !important
3063
    }
3064
 
3065
    .conversejs .flex-md-shrink-1 {
3066
        flex-shrink: 1 !important
3067
    }
3068
 
3069
    .conversejs .justify-content-md-start {
3070
        justify-content: flex-start !important
3071
    }
3072
 
3073
    .conversejs .justify-content-md-end {
3074
        justify-content: flex-end !important
3075
    }
3076
 
3077
    .conversejs .justify-content-md-center {
3078
        justify-content: center !important
3079
    }
3080
 
3081
    .conversejs .justify-content-md-between {
3082
        justify-content: space-between !important
3083
    }
3084
 
3085
    .conversejs .justify-content-md-around {
3086
        justify-content: space-around !important
3087
    }
3088
 
3089
    .conversejs .align-items-md-start {
3090
        align-items: flex-start !important
3091
    }
3092
 
3093
    .conversejs .align-items-md-end {
3094
        align-items: flex-end !important
3095
    }
3096
 
3097
    .conversejs .align-items-md-center {
3098
        align-items: center !important
3099
    }
3100
 
3101
    .conversejs .align-items-md-baseline {
3102
        align-items: baseline !important
3103
    }
3104
 
3105
    .conversejs .align-items-md-stretch {
3106
        align-items: stretch !important
3107
    }
3108
 
3109
    .conversejs .align-content-md-start {
3110
        align-content: flex-start !important
3111
    }
3112
 
3113
    .conversejs .align-content-md-end {
3114
        align-content: flex-end !important
3115
    }
3116
 
3117
    .conversejs .align-content-md-center {
3118
        align-content: center !important
3119
    }
3120
 
3121
    .conversejs .align-content-md-between {
3122
        align-content: space-between !important
3123
    }
3124
 
3125
    .conversejs .align-content-md-around {
3126
        align-content: space-around !important
3127
    }
3128
 
3129
    .conversejs .align-content-md-stretch {
3130
        align-content: stretch !important
3131
    }
3132
 
3133
    .conversejs .align-self-md-auto {
3134
        align-self: auto !important
3135
    }
3136
 
3137
    .conversejs .align-self-md-start {
3138
        align-self: flex-start !important
3139
    }
3140
 
3141
    .conversejs .align-self-md-end {
3142
        align-self: flex-end !important
3143
    }
3144
 
3145
    .conversejs .align-self-md-center {
3146
        align-self: center !important
3147
    }
3148
 
3149
    .conversejs .align-self-md-baseline {
3150
        align-self: baseline !important
3151
    }
3152
 
3153
    .conversejs .align-self-md-stretch {
3154
        align-self: stretch !important
3155
    }
3156
}
3157
 
3158
@media(min-width: 992px) {
3159
    .conversejs .flex-lg-row {
3160
        flex-direction: row !important
3161
    }
3162
 
3163
    .conversejs .flex-lg-column {
3164
        flex-direction: column !important
3165
    }
3166
 
3167
    .conversejs .flex-lg-row-reverse {
3168
        flex-direction: row-reverse !important
3169
    }
3170
 
3171
    .conversejs .flex-lg-column-reverse {
3172
        flex-direction: column-reverse !important
3173
    }
3174
 
3175
    .conversejs .flex-lg-wrap {
3176
        flex-wrap: wrap !important
3177
    }
3178
 
3179
    .conversejs .flex-lg-nowrap {
3180
        flex-wrap: nowrap !important
3181
    }
3182
 
3183
    .conversejs .flex-lg-wrap-reverse {
3184
        flex-wrap: wrap-reverse !important
3185
    }
3186
 
3187
    .conversejs .flex-lg-fill {
3188
        flex: 1 1 auto !important
3189
    }
3190
 
3191
    .conversejs .flex-lg-grow-0 {
3192
        flex-grow: 0 !important
3193
    }
3194
 
3195
    .conversejs .flex-lg-grow-1 {
3196
        flex-grow: 1 !important
3197
    }
3198
 
3199
    .conversejs .flex-lg-shrink-0 {
3200
        flex-shrink: 0 !important
3201
    }
3202
 
3203
    .conversejs .flex-lg-shrink-1 {
3204
        flex-shrink: 1 !important
3205
    }
3206
 
3207
    .conversejs .justify-content-lg-start {
3208
        justify-content: flex-start !important
3209
    }
3210
 
3211
    .conversejs .justify-content-lg-end {
3212
        justify-content: flex-end !important
3213
    }
3214
 
3215
    .conversejs .justify-content-lg-center {
3216
        justify-content: center !important
3217
    }
3218
 
3219
    .conversejs .justify-content-lg-between {
3220
        justify-content: space-between !important
3221
    }
3222
 
3223
    .conversejs .justify-content-lg-around {
3224
        justify-content: space-around !important
3225
    }
3226
 
3227
    .conversejs .align-items-lg-start {
3228
        align-items: flex-start !important
3229
    }
3230
 
3231
    .conversejs .align-items-lg-end {
3232
        align-items: flex-end !important
3233
    }
3234
 
3235
    .conversejs .align-items-lg-center {
3236
        align-items: center !important
3237
    }
3238
 
3239
    .conversejs .align-items-lg-baseline {
3240
        align-items: baseline !important
3241
    }
3242
 
3243
    .conversejs .align-items-lg-stretch {
3244
        align-items: stretch !important
3245
    }
3246
 
3247
    .conversejs .align-content-lg-start {
3248
        align-content: flex-start !important
3249
    }
3250
 
3251
    .conversejs .align-content-lg-end {
3252
        align-content: flex-end !important
3253
    }
3254
 
3255
    .conversejs .align-content-lg-center {
3256
        align-content: center !important
3257
    }
3258
 
3259
    .conversejs .align-content-lg-between {
3260
        align-content: space-between !important
3261
    }
3262
 
3263
    .conversejs .align-content-lg-around {
3264
        align-content: space-around !important
3265
    }
3266
 
3267
    .conversejs .align-content-lg-stretch {
3268
        align-content: stretch !important
3269
    }
3270
 
3271
    .conversejs .align-self-lg-auto {
3272
        align-self: auto !important
3273
    }
3274
 
3275
    .conversejs .align-self-lg-start {
3276
        align-self: flex-start !important
3277
    }
3278
 
3279
    .conversejs .align-self-lg-end {
3280
        align-self: flex-end !important
3281
    }
3282
 
3283
    .conversejs .align-self-lg-center {
3284
        align-self: center !important
3285
    }
3286
 
3287
    .conversejs .align-self-lg-baseline {
3288
        align-self: baseline !important
3289
    }
3290
 
3291
    .conversejs .align-self-lg-stretch {
3292
        align-self: stretch !important
3293
    }
3294
}
3295
 
3296
@media(min-width: 1200px) {
3297
    .conversejs .flex-xl-row {
3298
        flex-direction: row !important
3299
    }
3300
 
3301
    .conversejs .flex-xl-column {
3302
        flex-direction: column !important
3303
    }
3304
 
3305
    .conversejs .flex-xl-row-reverse {
3306
        flex-direction: row-reverse !important
3307
    }
3308
 
3309
    .conversejs .flex-xl-column-reverse {
3310
        flex-direction: column-reverse !important
3311
    }
3312
 
3313
    .conversejs .flex-xl-wrap {
3314
        flex-wrap: wrap !important
3315
    }
3316
 
3317
    .conversejs .flex-xl-nowrap {
3318
        flex-wrap: nowrap !important
3319
    }
3320
 
3321
    .conversejs .flex-xl-wrap-reverse {
3322
        flex-wrap: wrap-reverse !important
3323
    }
3324
 
3325
    .conversejs .flex-xl-fill {
3326
        flex: 1 1 auto !important
3327
    }
3328
 
3329
    .conversejs .flex-xl-grow-0 {
3330
        flex-grow: 0 !important
3331
    }
3332
 
3333
    .conversejs .flex-xl-grow-1 {
3334
        flex-grow: 1 !important
3335
    }
3336
 
3337
    .conversejs .flex-xl-shrink-0 {
3338
        flex-shrink: 0 !important
3339
    }
3340
 
3341
    .conversejs .flex-xl-shrink-1 {
3342
        flex-shrink: 1 !important
3343
    }
3344
 
3345
    .conversejs .justify-content-xl-start {
3346
        justify-content: flex-start !important
3347
    }
3348
 
3349
    .conversejs .justify-content-xl-end {
3350
        justify-content: flex-end !important
3351
    }
3352
 
3353
    .conversejs .justify-content-xl-center {
3354
        justify-content: center !important
3355
    }
3356
 
3357
    .conversejs .justify-content-xl-between {
3358
        justify-content: space-between !important
3359
    }
3360
 
3361
    .conversejs .justify-content-xl-around {
3362
        justify-content: space-around !important
3363
    }
3364
 
3365
    .conversejs .align-items-xl-start {
3366
        align-items: flex-start !important
3367
    }
3368
 
3369
    .conversejs .align-items-xl-end {
3370
        align-items: flex-end !important
3371
    }
3372
 
3373
    .conversejs .align-items-xl-center {
3374
        align-items: center !important
3375
    }
3376
 
3377
    .conversejs .align-items-xl-baseline {
3378
        align-items: baseline !important
3379
    }
3380
 
3381
    .conversejs .align-items-xl-stretch {
3382
        align-items: stretch !important
3383
    }
3384
 
3385
    .conversejs .align-content-xl-start {
3386
        align-content: flex-start !important
3387
    }
3388
 
3389
    .conversejs .align-content-xl-end {
3390
        align-content: flex-end !important
3391
    }
3392
 
3393
    .conversejs .align-content-xl-center {
3394
        align-content: center !important
3395
    }
3396
 
3397
    .conversejs .align-content-xl-between {
3398
        align-content: space-between !important
3399
    }
3400
 
3401
    .conversejs .align-content-xl-around {
3402
        align-content: space-around !important
3403
    }
3404
 
3405
    .conversejs .align-content-xl-stretch {
3406
        align-content: stretch !important
3407
    }
3408
 
3409
    .conversejs .align-self-xl-auto {
3410
        align-self: auto !important
3411
    }
3412
 
3413
    .conversejs .align-self-xl-start {
3414
        align-self: flex-start !important
3415
    }
3416
 
3417
    .conversejs .align-self-xl-end {
3418
        align-self: flex-end !important
3419
    }
3420
 
3421
    .conversejs .align-self-xl-center {
3422
        align-self: center !important
3423
    }
3424
 
3425
    .conversejs .align-self-xl-baseline {
3426
        align-self: baseline !important
3427
    }
3428
 
3429
    .conversejs .align-self-xl-stretch {
3430
        align-self: stretch !important
3431
    }
3432
}
3433
 
3434
.conversejs .float-left {
3435
    float: left !important
3436
}
3437
 
3438
.conversejs .float-right {
3439
    float: right !important
3440
}
3441
 
3442
.conversejs .float-none {
3443
    float: none !important
3444
}
3445
 
3446
@media(min-width: 576px) {
3447
    .conversejs .float-sm-left {
3448
        float: left !important
3449
    }
3450
 
3451
    .conversejs .float-sm-right {
3452
        float: right !important
3453
    }
3454
 
3455
    .conversejs .float-sm-none {
3456
        float: none !important
3457
    }
3458
}
3459
 
3460
@media(min-width: 768px) {
3461
    .conversejs .float-md-left {
3462
        float: left !important
3463
    }
3464
 
3465
    .conversejs .float-md-right {
3466
        float: right !important
3467
    }
3468
 
3469
    .conversejs .float-md-none {
3470
        float: none !important
3471
    }
3472
}
3473
 
3474
@media(min-width: 992px) {
3475
    .conversejs .float-lg-left {
3476
        float: left !important
3477
    }
3478
 
3479
    .conversejs .float-lg-right {
3480
        float: right !important
3481
    }
3482
 
3483
    .conversejs .float-lg-none {
3484
        float: none !important
3485
    }
3486
}
3487
 
3488
@media(min-width: 1200px) {
3489
    .conversejs .float-xl-left {
3490
        float: left !important
3491
    }
3492
 
3493
    .conversejs .float-xl-right {
3494
        float: right !important
3495
    }
3496
 
3497
    .conversejs .float-xl-none {
3498
        float: none !important
3499
    }
3500
}
3501
 
3502
.conversejs .user-select-all {
3503
    -webkit-user-select: all !important;
3504
    -moz-user-select: all !important;
3505
    user-select: all !important
3506
}
3507
 
3508
.conversejs .user-select-auto {
3509
    -webkit-user-select: auto !important;
3510
    -moz-user-select: auto !important;
3511
    user-select: auto !important
3512
}
3513
 
3514
.conversejs .user-select-none {
3515
    -webkit-user-select: none !important;
3516
    -moz-user-select: none !important;
3517
    user-select: none !important
3518
}
3519
 
3520
.conversejs .overflow-auto {
3521
    overflow: auto !important
3522
}
3523
 
3524
.conversejs .overflow-hidden {
3525
    overflow: hidden !important
3526
}
3527
 
3528
.conversejs .position-static {
3529
    position: static !important
3530
}
3531
 
3532
.conversejs .position-relative {
3533
    position: relative !important
3534
}
3535
 
3536
.conversejs .position-absolute {
3537
    position: absolute !important
3538
}
3539
 
3540
.conversejs .position-fixed {
3541
    position: fixed !important
3542
}
3543
 
3544
.conversejs .position-sticky {
3545
    position: sticky !important
3546
}
3547
 
3548
.conversejs .fixed-top {
3549
    position: fixed;
3550
    top: 0;
3551
    right: 0;
3552
    left: 0;
3553
    z-index: 1030
3554
}
3555
 
3556
.conversejs .fixed-bottom {
3557
    position: fixed;
3558
    right: 0;
3559
    bottom: 0;
3560
    left: 0;
3561
    z-index: 1030
3562
}
3563
 
3564
@supports(position: sticky) {
3565
    .conversejs .sticky-top {
3566
        position: sticky;
3567
        top: 0;
3568
        z-index: 1020
3569
    }
3570
}
3571
 
3572
.conversejs .sr-only {
3573
    position: absolute;
3574
    width: 1px;
3575
    height: 1px;
3576
    padding: 0;
3577
    margin: -1px;
3578
    overflow: hidden;
3579
    clip: rect(0, 0, 0, 0);
3580
    white-space: nowrap;
3581
    border: 0
3582
}
3583
 
3584
.conversejs .sr-only-focusable:active,
3585
.conversejs .sr-only-focusable:focus {
3586
    position: static;
3587
    width: auto;
3588
    height: auto;
3589
    overflow: visible;
3590
    clip: auto;
3591
    white-space: normal
3592
}
3593
 
3594
.conversejs .shadow-sm {
3595
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
3596
}
3597
 
3598
.conversejs .shadow {
3599
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
3600
}
3601
 
3602
.conversejs .shadow-lg {
3603
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
3604
}
3605
 
3606
.conversejs .shadow-none {
3607
    box-shadow: none !important
3608
}
3609
 
3610
.conversejs .w-25 {
3611
    width: 25% !important
3612
}
3613
 
3614
.conversejs .w-50 {
3615
    width: 50% !important
3616
}
3617
 
3618
.conversejs .w-75 {
3619
    width: 75% !important
3620
}
3621
 
3622
.conversejs .w-100 {
3623
    width: 100% !important
3624
}
3625
 
3626
.conversejs .w-auto {
3627
    width: auto !important
3628
}
3629
 
3630
.conversejs .h-25 {
3631
    height: 25% !important
3632
}
3633
 
3634
.conversejs .h-50 {
3635
    height: 50% !important
3636
}
3637
 
3638
.conversejs .h-75 {
3639
    height: 75% !important
3640
}
3641
 
3642
.conversejs .h-100 {
3643
    height: 100% !important
3644
}
3645
 
3646
.conversejs .h-auto {
3647
    height: auto !important
3648
}
3649
 
3650
.conversejs .mw-100 {
3651
    max-width: 100% !important
3652
}
3653
 
3654
.conversejs .mh-100 {
3655
    max-height: 100% !important
3656
}
3657
 
3658
.conversejs .min-vw-100 {
3659
    min-width: 100vw !important
3660
}
3661
 
3662
.conversejs .min-vh-100 {
3663
    min-height: 100vh !important
3664
}
3665
 
3666
.conversejs .vw-100 {
3667
    width: 100vw !important
3668
}
3669
 
3670
.conversejs .vh-100 {
3671
    height: 100vh !important
3672
}
3673
 
3674
.conversejs .m-0 {
3675
    margin: 0 !important
3676
}
3677
 
3678
.conversejs .mt-0,
3679
.conversejs .my-0 {
3680
    margin-top: 0 !important
3681
}
3682
 
3683
.conversejs .mr-0,
3684
.conversejs .mx-0 {
3685
    margin-right: 0 !important
3686
}
3687
 
3688
.conversejs .mb-0,
3689
.conversejs .my-0 {
3690
    margin-bottom: 0 !important
3691
}
3692
 
3693
.conversejs .ml-0,
3694
.conversejs .mx-0 {
3695
    margin-left: 0 !important
3696
}
3697
 
3698
.conversejs .m-1 {
3699
    margin: .25rem !important
3700
}
3701
 
3702
.conversejs .mt-1,
3703
.conversejs .my-1 {
3704
    margin-top: .25rem !important
3705
}
3706
 
3707
.conversejs .mr-1,
3708
.conversejs .mx-1 {
3709
    margin-right: .25rem !important
3710
}
3711
 
3712
.conversejs .mb-1,
3713
.conversejs .my-1 {
3714
    margin-bottom: .25rem !important
3715
}
3716
 
3717
.conversejs .ml-1,
3718
.conversejs .mx-1 {
3719
    margin-left: .25rem !important
3720
}
3721
 
3722
.conversejs .m-2 {
3723
    margin: .5rem !important
3724
}
3725
 
3726
.conversejs .mt-2,
3727
.conversejs .my-2 {
3728
    margin-top: .5rem !important
3729
}
3730
 
3731
.conversejs .mr-2,
3732
.conversejs .mx-2 {
3733
    margin-right: .5rem !important
3734
}
3735
 
3736
.conversejs .mb-2,
3737
.conversejs .my-2 {
3738
    margin-bottom: .5rem !important
3739
}
3740
 
3741
.conversejs .ml-2,
3742
.conversejs .mx-2 {
3743
    margin-left: .5rem !important
3744
}
3745
 
3746
.conversejs .m-3 {
3747
    margin: 1rem !important
3748
}
3749
 
3750
.conversejs .mt-3,
3751
.conversejs .my-3 {
3752
    margin-top: 1rem !important
3753
}
3754
 
3755
.conversejs .mr-3,
3756
.conversejs .mx-3 {
3757
    margin-right: 1rem !important
3758
}
3759
 
3760
.conversejs .mb-3,
3761
.conversejs .my-3 {
3762
    margin-bottom: 1rem !important
3763
}
3764
 
3765
.conversejs .ml-3,
3766
.conversejs .mx-3 {
3767
    margin-left: 1rem !important
3768
}
3769
 
3770
.conversejs .m-4 {
3771
    margin: 1.5rem !important
3772
}
3773
 
3774
.conversejs .mt-4,
3775
.conversejs .my-4 {
3776
    margin-top: 1.5rem !important
3777
}
3778
 
3779
.conversejs .mr-4,
3780
.conversejs .mx-4 {
3781
    margin-right: 1.5rem !important
3782
}
3783
 
3784
.conversejs .mb-4,
3785
.conversejs .my-4 {
3786
    margin-bottom: 1.5rem !important
3787
}
3788
 
3789
.conversejs .ml-4,
3790
.conversejs .mx-4 {
3791
    margin-left: 1.5rem !important
3792
}
3793
 
3794
.conversejs .m-5 {
3795
    margin: 3rem !important
3796
}
3797
 
3798
.conversejs .mt-5,
3799
.conversejs .my-5 {
3800
    margin-top: 3rem !important
3801
}
3802
 
3803
.conversejs .mr-5,
3804
.conversejs .mx-5 {
3805
    margin-right: 3rem !important
3806
}
3807
 
3808
.conversejs .mb-5,
3809
.conversejs .my-5 {
3810
    margin-bottom: 3rem !important
3811
}
3812
 
3813
.conversejs .ml-5,
3814
.conversejs .mx-5 {
3815
    margin-left: 3rem !important
3816
}
3817
 
3818
.conversejs .p-0 {
3819
    padding: 0 !important
3820
}
3821
 
3822
.conversejs .pt-0,
3823
.conversejs .py-0 {
3824
    padding-top: 0 !important
3825
}
3826
 
3827
.conversejs .pr-0,
3828
.conversejs .px-0 {
3829
    padding-right: 0 !important
3830
}
3831
 
3832
.conversejs .pb-0,
3833
.conversejs .py-0 {
3834
    padding-bottom: 0 !important
3835
}
3836
 
3837
.conversejs .pl-0,
3838
.conversejs .px-0 {
3839
    padding-left: 0 !important
3840
}
3841
 
3842
.conversejs .p-1 {
3843
    padding: .25rem !important
3844
}
3845
 
3846
.conversejs .pt-1,
3847
.conversejs .py-1 {
3848
    padding-top: .25rem !important
3849
}
3850
 
3851
.conversejs .pr-1,
3852
.conversejs .px-1 {
3853
    padding-right: .25rem !important
3854
}
3855
 
3856
.conversejs .pb-1,
3857
.conversejs .py-1 {
3858
    padding-bottom: .25rem !important
3859
}
3860
 
3861
.conversejs .pl-1,
3862
.conversejs .px-1 {
3863
    padding-left: .25rem !important
3864
}
3865
 
3866
.conversejs .p-2 {
3867
    padding: .5rem !important
3868
}
3869
 
3870
.conversejs .pt-2,
3871
.conversejs .py-2 {
3872
    padding-top: .5rem !important
3873
}
3874
 
3875
.conversejs .pr-2,
3876
.conversejs .px-2 {
3877
    padding-right: .5rem !important
3878
}
3879
 
3880
.conversejs .pb-2,
3881
.conversejs .py-2 {
3882
    padding-bottom: .5rem !important
3883
}
3884
 
3885
.conversejs .pl-2,
3886
.conversejs .px-2 {
3887
    padding-left: .5rem !important
3888
}
3889
 
3890
.conversejs .p-3 {
3891
    padding: 1rem !important
3892
}
3893
 
3894
.conversejs .pt-3,
3895
.conversejs .py-3 {
3896
    padding-top: 1rem !important
3897
}
3898
 
3899
.conversejs .pr-3,
3900
.conversejs .px-3 {
3901
    padding-right: 1rem !important
3902
}
3903
 
3904
.conversejs .pb-3,
3905
.conversejs .py-3 {
3906
    padding-bottom: 1rem !important
3907
}
3908
 
3909
.conversejs .pl-3,
3910
.conversejs .px-3 {
3911
    padding-left: 1rem !important
3912
}
3913
 
3914
.conversejs .p-4 {
3915
    padding: 1.5rem !important
3916
}
3917
 
3918
.conversejs .pt-4,
3919
.conversejs .py-4 {
3920
    padding-top: 1.5rem !important
3921
}
3922
 
3923
.conversejs .pr-4,
3924
.conversejs .px-4 {
3925
    padding-right: 1.5rem !important
3926
}
3927
 
3928
.conversejs .pb-4,
3929
.conversejs .py-4 {
3930
    padding-bottom: 1.5rem !important
3931
}
3932
 
3933
.conversejs .pl-4,
3934
.conversejs .px-4 {
3935
    padding-left: 1.5rem !important
3936
}
3937
 
3938
.conversejs .p-5 {
3939
    padding: 3rem !important
3940
}
3941
 
3942
.conversejs .pt-5,
3943
.conversejs .py-5 {
3944
    padding-top: 3rem !important
3945
}
3946
 
3947
.conversejs .pr-5,
3948
.conversejs .px-5 {
3949
    padding-right: 3rem !important
3950
}
3951
 
3952
.conversejs .pb-5,
3953
.conversejs .py-5 {
3954
    padding-bottom: 3rem !important
3955
}
3956
 
3957
.conversejs .pl-5,
3958
.conversejs .px-5 {
3959
    padding-left: 3rem !important
3960
}
3961
 
3962
.conversejs .m-n1 {
3963
    margin: -0.25rem !important
3964
}
3965
 
3966
.conversejs .mt-n1,
3967
.conversejs .my-n1 {
3968
    margin-top: -0.25rem !important
3969
}
3970
 
3971
.conversejs .mr-n1,
3972
.conversejs .mx-n1 {
3973
    margin-right: -0.25rem !important
3974
}
3975
 
3976
.conversejs .mb-n1,
3977
.conversejs .my-n1 {
3978
    margin-bottom: -0.25rem !important
3979
}
3980
 
3981
.conversejs .ml-n1,
3982
.conversejs .mx-n1 {
3983
    margin-left: -0.25rem !important
3984
}
3985
 
3986
.conversejs .m-n2 {
3987
    margin: -0.5rem !important
3988
}
3989
 
3990
.conversejs .mt-n2,
3991
.conversejs .my-n2 {
3992
    margin-top: -0.5rem !important
3993
}
3994
 
3995
.conversejs .mr-n2,
3996
.conversejs .mx-n2 {
3997
    margin-right: -0.5rem !important
3998
}
3999
 
4000
.conversejs .mb-n2,
4001
.conversejs .my-n2 {
4002
    margin-bottom: -0.5rem !important
4003
}
4004
 
4005
.conversejs .ml-n2,
4006
.conversejs .mx-n2 {
4007
    margin-left: -0.5rem !important
4008
}
4009
 
4010
.conversejs .m-n3 {
4011
    margin: -1rem !important
4012
}
4013
 
4014
.conversejs .mt-n3,
4015
.conversejs .my-n3 {
4016
    margin-top: -1rem !important
4017
}
4018
 
4019
.conversejs .mr-n3,
4020
.conversejs .mx-n3 {
4021
    margin-right: -1rem !important
4022
}
4023
 
4024
.conversejs .mb-n3,
4025
.conversejs .my-n3 {
4026
    margin-bottom: -1rem !important
4027
}
4028
 
4029
.conversejs .ml-n3,
4030
.conversejs .mx-n3 {
4031
    margin-left: -1rem !important
4032
}
4033
 
4034
.conversejs .m-n4 {
4035
    margin: -1.5rem !important
4036
}
4037
 
4038
.conversejs .mt-n4,
4039
.conversejs .my-n4 {
4040
    margin-top: -1.5rem !important
4041
}
4042
 
4043
.conversejs .mr-n4,
4044
.conversejs .mx-n4 {
4045
    margin-right: -1.5rem !important
4046
}
4047
 
4048
.conversejs .mb-n4,
4049
.conversejs .my-n4 {
4050
    margin-bottom: -1.5rem !important
4051
}
4052
 
4053
.conversejs .ml-n4,
4054
.conversejs .mx-n4 {
4055
    margin-left: -1.5rem !important
4056
}
4057
 
4058
.conversejs .m-n5 {
4059
    margin: -3rem !important
4060
}
4061
 
4062
.conversejs .mt-n5,
4063
.conversejs .my-n5 {
4064
    margin-top: -3rem !important
4065
}
4066
 
4067
.conversejs .mr-n5,
4068
.conversejs .mx-n5 {
4069
    margin-right: -3rem !important
4070
}
4071
 
4072
.conversejs .mb-n5,
4073
.conversejs .my-n5 {
4074
    margin-bottom: -3rem !important
4075
}
4076
 
4077
.conversejs .ml-n5,
4078
.conversejs .mx-n5 {
4079
    margin-left: -3rem !important
4080
}
4081
 
4082
.conversejs .m-auto {
4083
    margin: auto !important
4084
}
4085
 
4086
.conversejs .mt-auto,
4087
.conversejs .my-auto {
4088
    margin-top: auto !important
4089
}
4090
 
4091
.conversejs .mr-auto,
4092
.conversejs .mx-auto {
4093
    margin-right: auto !important
4094
}
4095
 
4096
.conversejs .mb-auto,
4097
.conversejs .my-auto {
4098
    margin-bottom: auto !important
4099
}
4100
 
4101
.conversejs .ml-auto,
4102
.conversejs .mx-auto {
4103
    margin-left: auto !important
4104
}
4105
 
4106
@media(min-width: 576px) {
4107
    .conversejs .m-sm-0 {
4108
        margin: 0 !important
4109
    }
4110
 
4111
    .conversejs .mt-sm-0,
4112
    .conversejs .my-sm-0 {
4113
        margin-top: 0 !important
4114
    }
4115
 
4116
    .conversejs .mr-sm-0,
4117
    .conversejs .mx-sm-0 {
4118
        margin-right: 0 !important
4119
    }
4120
 
4121
    .conversejs .mb-sm-0,
4122
    .conversejs .my-sm-0 {
4123
        margin-bottom: 0 !important
4124
    }
4125
 
4126
    .conversejs .ml-sm-0,
4127
    .conversejs .mx-sm-0 {
4128
        margin-left: 0 !important
4129
    }
4130
 
4131
    .conversejs .m-sm-1 {
4132
        margin: .25rem !important
4133
    }
4134
 
4135
    .conversejs .mt-sm-1,
4136
    .conversejs .my-sm-1 {
4137
        margin-top: .25rem !important
4138
    }
4139
 
4140
    .conversejs .mr-sm-1,
4141
    .conversejs .mx-sm-1 {
4142
        margin-right: .25rem !important
4143
    }
4144
 
4145
    .conversejs .mb-sm-1,
4146
    .conversejs .my-sm-1 {
4147
        margin-bottom: .25rem !important
4148
    }
4149
 
4150
    .conversejs .ml-sm-1,
4151
    .conversejs .mx-sm-1 {
4152
        margin-left: .25rem !important
4153
    }
4154
 
4155
    .conversejs .m-sm-2 {
4156
        margin: .5rem !important
4157
    }
4158
 
4159
    .conversejs .mt-sm-2,
4160
    .conversejs .my-sm-2 {
4161
        margin-top: .5rem !important
4162
    }
4163
 
4164
    .conversejs .mr-sm-2,
4165
    .conversejs .mx-sm-2 {
4166
        margin-right: .5rem !important
4167
    }
4168
 
4169
    .conversejs .mb-sm-2,
4170
    .conversejs .my-sm-2 {
4171
        margin-bottom: .5rem !important
4172
    }
4173
 
4174
    .conversejs .ml-sm-2,
4175
    .conversejs .mx-sm-2 {
4176
        margin-left: .5rem !important
4177
    }
4178
 
4179
    .conversejs .m-sm-3 {
4180
        margin: 1rem !important
4181
    }
4182
 
4183
    .conversejs .mt-sm-3,
4184
    .conversejs .my-sm-3 {
4185
        margin-top: 1rem !important
4186
    }
4187
 
4188
    .conversejs .mr-sm-3,
4189
    .conversejs .mx-sm-3 {
4190
        margin-right: 1rem !important
4191
    }
4192
 
4193
    .conversejs .mb-sm-3,
4194
    .conversejs .my-sm-3 {
4195
        margin-bottom: 1rem !important
4196
    }
4197
 
4198
    .conversejs .ml-sm-3,
4199
    .conversejs .mx-sm-3 {
4200
        margin-left: 1rem !important
4201
    }
4202
 
4203
    .conversejs .m-sm-4 {
4204
        margin: 1.5rem !important
4205
    }
4206
 
4207
    .conversejs .mt-sm-4,
4208
    .conversejs .my-sm-4 {
4209
        margin-top: 1.5rem !important
4210
    }
4211
 
4212
    .conversejs .mr-sm-4,
4213
    .conversejs .mx-sm-4 {
4214
        margin-right: 1.5rem !important
4215
    }
4216
 
4217
    .conversejs .mb-sm-4,
4218
    .conversejs .my-sm-4 {
4219
        margin-bottom: 1.5rem !important
4220
    }
4221
 
4222
    .conversejs .ml-sm-4,
4223
    .conversejs .mx-sm-4 {
4224
        margin-left: 1.5rem !important
4225
    }
4226
 
4227
    .conversejs .m-sm-5 {
4228
        margin: 3rem !important
4229
    }
4230
 
4231
    .conversejs .mt-sm-5,
4232
    .conversejs .my-sm-5 {
4233
        margin-top: 3rem !important
4234
    }
4235
 
4236
    .conversejs .mr-sm-5,
4237
    .conversejs .mx-sm-5 {
4238
        margin-right: 3rem !important
4239
    }
4240
 
4241
    .conversejs .mb-sm-5,
4242
    .conversejs .my-sm-5 {
4243
        margin-bottom: 3rem !important
4244
    }
4245
 
4246
    .conversejs .ml-sm-5,
4247
    .conversejs .mx-sm-5 {
4248
        margin-left: 3rem !important
4249
    }
4250
 
4251
    .conversejs .p-sm-0 {
4252
        padding: 0 !important
4253
    }
4254
 
4255
    .conversejs .pt-sm-0,
4256
    .conversejs .py-sm-0 {
4257
        padding-top: 0 !important
4258
    }
4259
 
4260
    .conversejs .pr-sm-0,
4261
    .conversejs .px-sm-0 {
4262
        padding-right: 0 !important
4263
    }
4264
 
4265
    .conversejs .pb-sm-0,
4266
    .conversejs .py-sm-0 {
4267
        padding-bottom: 0 !important
4268
    }
4269
 
4270
    .conversejs .pl-sm-0,
4271
    .conversejs .px-sm-0 {
4272
        padding-left: 0 !important
4273
    }
4274
 
4275
    .conversejs .p-sm-1 {
4276
        padding: .25rem !important
4277
    }
4278
 
4279
    .conversejs .pt-sm-1,
4280
    .conversejs .py-sm-1 {
4281
        padding-top: .25rem !important
4282
    }
4283
 
4284
    .conversejs .pr-sm-1,
4285
    .conversejs .px-sm-1 {
4286
        padding-right: .25rem !important
4287
    }
4288
 
4289
    .conversejs .pb-sm-1,
4290
    .conversejs .py-sm-1 {
4291
        padding-bottom: .25rem !important
4292
    }
4293
 
4294
    .conversejs .pl-sm-1,
4295
    .conversejs .px-sm-1 {
4296
        padding-left: .25rem !important
4297
    }
4298
 
4299
    .conversejs .p-sm-2 {
4300
        padding: .5rem !important
4301
    }
4302
 
4303
    .conversejs .pt-sm-2,
4304
    .conversejs .py-sm-2 {
4305
        padding-top: .5rem !important
4306
    }
4307
 
4308
    .conversejs .pr-sm-2,
4309
    .conversejs .px-sm-2 {
4310
        padding-right: .5rem !important
4311
    }
4312
 
4313
    .conversejs .pb-sm-2,
4314
    .conversejs .py-sm-2 {
4315
        padding-bottom: .5rem !important
4316
    }
4317
 
4318
    .conversejs .pl-sm-2,
4319
    .conversejs .px-sm-2 {
4320
        padding-left: .5rem !important
4321
    }
4322
 
4323
    .conversejs .p-sm-3 {
4324
        padding: 1rem !important
4325
    }
4326
 
4327
    .conversejs .pt-sm-3,
4328
    .conversejs .py-sm-3 {
4329
        padding-top: 1rem !important
4330
    }
4331
 
4332
    .conversejs .pr-sm-3,
4333
    .conversejs .px-sm-3 {
4334
        padding-right: 1rem !important
4335
    }
4336
 
4337
    .conversejs .pb-sm-3,
4338
    .conversejs .py-sm-3 {
4339
        padding-bottom: 1rem !important
4340
    }
4341
 
4342
    .conversejs .pl-sm-3,
4343
    .conversejs .px-sm-3 {
4344
        padding-left: 1rem !important
4345
    }
4346
 
4347
    .conversejs .p-sm-4 {
4348
        padding: 1.5rem !important
4349
    }
4350
 
4351
    .conversejs .pt-sm-4,
4352
    .conversejs .py-sm-4 {
4353
        padding-top: 1.5rem !important
4354
    }
4355
 
4356
    .conversejs .pr-sm-4,
4357
    .conversejs .px-sm-4 {
4358
        padding-right: 1.5rem !important
4359
    }
4360
 
4361
    .conversejs .pb-sm-4,
4362
    .conversejs .py-sm-4 {
4363
        padding-bottom: 1.5rem !important
4364
    }
4365
 
4366
    .conversejs .pl-sm-4,
4367
    .conversejs .px-sm-4 {
4368
        padding-left: 1.5rem !important
4369
    }
4370
 
4371
    .conversejs .p-sm-5 {
4372
        padding: 3rem !important
4373
    }
4374
 
4375
    .conversejs .pt-sm-5,
4376
    .conversejs .py-sm-5 {
4377
        padding-top: 3rem !important
4378
    }
4379
 
4380
    .conversejs .pr-sm-5,
4381
    .conversejs .px-sm-5 {
4382
        padding-right: 3rem !important
4383
    }
4384
 
4385
    .conversejs .pb-sm-5,
4386
    .conversejs .py-sm-5 {
4387
        padding-bottom: 3rem !important
4388
    }
4389
 
4390
    .conversejs .pl-sm-5,
4391
    .conversejs .px-sm-5 {
4392
        padding-left: 3rem !important
4393
    }
4394
 
4395
    .conversejs .m-sm-n1 {
4396
        margin: -0.25rem !important
4397
    }
4398
 
4399
    .conversejs .mt-sm-n1,
4400
    .conversejs .my-sm-n1 {
4401
        margin-top: -0.25rem !important
4402
    }
4403
 
4404
    .conversejs .mr-sm-n1,
4405
    .conversejs .mx-sm-n1 {
4406
        margin-right: -0.25rem !important
4407
    }
4408
 
4409
    .conversejs .mb-sm-n1,
4410
    .conversejs .my-sm-n1 {
4411
        margin-bottom: -0.25rem !important
4412
    }
4413
 
4414
    .conversejs .ml-sm-n1,
4415
    .conversejs .mx-sm-n1 {
4416
        margin-left: -0.25rem !important
4417
    }
4418
 
4419
    .conversejs .m-sm-n2 {
4420
        margin: -0.5rem !important
4421
    }
4422
 
4423
    .conversejs .mt-sm-n2,
4424
    .conversejs .my-sm-n2 {
4425
        margin-top: -0.5rem !important
4426
    }
4427
 
4428
    .conversejs .mr-sm-n2,
4429
    .conversejs .mx-sm-n2 {
4430
        margin-right: -0.5rem !important
4431
    }
4432
 
4433
    .conversejs .mb-sm-n2,
4434
    .conversejs .my-sm-n2 {
4435
        margin-bottom: -0.5rem !important
4436
    }
4437
 
4438
    .conversejs .ml-sm-n2,
4439
    .conversejs .mx-sm-n2 {
4440
        margin-left: -0.5rem !important
4441
    }
4442
 
4443
    .conversejs .m-sm-n3 {
4444
        margin: -1rem !important
4445
    }
4446
 
4447
    .conversejs .mt-sm-n3,
4448
    .conversejs .my-sm-n3 {
4449
        margin-top: -1rem !important
4450
    }
4451
 
4452
    .conversejs .mr-sm-n3,
4453
    .conversejs .mx-sm-n3 {
4454
        margin-right: -1rem !important
4455
    }
4456
 
4457
    .conversejs .mb-sm-n3,
4458
    .conversejs .my-sm-n3 {
4459
        margin-bottom: -1rem !important
4460
    }
4461
 
4462
    .conversejs .ml-sm-n3,
4463
    .conversejs .mx-sm-n3 {
4464
        margin-left: -1rem !important
4465
    }
4466
 
4467
    .conversejs .m-sm-n4 {
4468
        margin: -1.5rem !important
4469
    }
4470
 
4471
    .conversejs .mt-sm-n4,
4472
    .conversejs .my-sm-n4 {
4473
        margin-top: -1.5rem !important
4474
    }
4475
 
4476
    .conversejs .mr-sm-n4,
4477
    .conversejs .mx-sm-n4 {
4478
        margin-right: -1.5rem !important
4479
    }
4480
 
4481
    .conversejs .mb-sm-n4,
4482
    .conversejs .my-sm-n4 {
4483
        margin-bottom: -1.5rem !important
4484
    }
4485
 
4486
    .conversejs .ml-sm-n4,
4487
    .conversejs .mx-sm-n4 {
4488
        margin-left: -1.5rem !important
4489
    }
4490
 
4491
    .conversejs .m-sm-n5 {
4492
        margin: -3rem !important
4493
    }
4494
 
4495
    .conversejs .mt-sm-n5,
4496
    .conversejs .my-sm-n5 {
4497
        margin-top: -3rem !important
4498
    }
4499
 
4500
    .conversejs .mr-sm-n5,
4501
    .conversejs .mx-sm-n5 {
4502
        margin-right: -3rem !important
4503
    }
4504
 
4505
    .conversejs .mb-sm-n5,
4506
    .conversejs .my-sm-n5 {
4507
        margin-bottom: -3rem !important
4508
    }
4509
 
4510
    .conversejs .ml-sm-n5,
4511
    .conversejs .mx-sm-n5 {
4512
        margin-left: -3rem !important
4513
    }
4514
 
4515
    .conversejs .m-sm-auto {
4516
        margin: auto !important
4517
    }
4518
 
4519
    .conversejs .mt-sm-auto,
4520
    .conversejs .my-sm-auto {
4521
        margin-top: auto !important
4522
    }
4523
 
4524
    .conversejs .mr-sm-auto,
4525
    .conversejs .mx-sm-auto {
4526
        margin-right: auto !important
4527
    }
4528
 
4529
    .conversejs .mb-sm-auto,
4530
    .conversejs .my-sm-auto {
4531
        margin-bottom: auto !important
4532
    }
4533
 
4534
    .conversejs .ml-sm-auto,
4535
    .conversejs .mx-sm-auto {
4536
        margin-left: auto !important
4537
    }
4538
}
4539
 
4540
@media(min-width: 768px) {
4541
    .conversejs .m-md-0 {
4542
        margin: 0 !important
4543
    }
4544
 
4545
    .conversejs .mt-md-0,
4546
    .conversejs .my-md-0 {
4547
        margin-top: 0 !important
4548
    }
4549
 
4550
    .conversejs .mr-md-0,
4551
    .conversejs .mx-md-0 {
4552
        margin-right: 0 !important
4553
    }
4554
 
4555
    .conversejs .mb-md-0,
4556
    .conversejs .my-md-0 {
4557
        margin-bottom: 0 !important
4558
    }
4559
 
4560
    .conversejs .ml-md-0,
4561
    .conversejs .mx-md-0 {
4562
        margin-left: 0 !important
4563
    }
4564
 
4565
    .conversejs .m-md-1 {
4566
        margin: .25rem !important
4567
    }
4568
 
4569
    .conversejs .mt-md-1,
4570
    .conversejs .my-md-1 {
4571
        margin-top: .25rem !important
4572
    }
4573
 
4574
    .conversejs .mr-md-1,
4575
    .conversejs .mx-md-1 {
4576
        margin-right: .25rem !important
4577
    }
4578
 
4579
    .conversejs .mb-md-1,
4580
    .conversejs .my-md-1 {
4581
        margin-bottom: .25rem !important
4582
    }
4583
 
4584
    .conversejs .ml-md-1,
4585
    .conversejs .mx-md-1 {
4586
        margin-left: .25rem !important
4587
    }
4588
 
4589
    .conversejs .m-md-2 {
4590
        margin: .5rem !important
4591
    }
4592
 
4593
    .conversejs .mt-md-2,
4594
    .conversejs .my-md-2 {
4595
        margin-top: .5rem !important
4596
    }
4597
 
4598
    .conversejs .mr-md-2,
4599
    .conversejs .mx-md-2 {
4600
        margin-right: .5rem !important
4601
    }
4602
 
4603
    .conversejs .mb-md-2,
4604
    .conversejs .my-md-2 {
4605
        margin-bottom: .5rem !important
4606
    }
4607
 
4608
    .conversejs .ml-md-2,
4609
    .conversejs .mx-md-2 {
4610
        margin-left: .5rem !important
4611
    }
4612
 
4613
    .conversejs .m-md-3 {
4614
        margin: 1rem !important
4615
    }
4616
 
4617
    .conversejs .mt-md-3,
4618
    .conversejs .my-md-3 {
4619
        margin-top: 1rem !important
4620
    }
4621
 
4622
    .conversejs .mr-md-3,
4623
    .conversejs .mx-md-3 {
4624
        margin-right: 1rem !important
4625
    }
4626
 
4627
    .conversejs .mb-md-3,
4628
    .conversejs .my-md-3 {
4629
        margin-bottom: 1rem !important
4630
    }
4631
 
4632
    .conversejs .ml-md-3,
4633
    .conversejs .mx-md-3 {
4634
        margin-left: 1rem !important
4635
    }
4636
 
4637
    .conversejs .m-md-4 {
4638
        margin: 1.5rem !important
4639
    }
4640
 
4641
    .conversejs .mt-md-4,
4642
    .conversejs .my-md-4 {
4643
        margin-top: 1.5rem !important
4644
    }
4645
 
4646
    .conversejs .mr-md-4,
4647
    .conversejs .mx-md-4 {
4648
        margin-right: 1.5rem !important
4649
    }
4650
 
4651
    .conversejs .mb-md-4,
4652
    .conversejs .my-md-4 {
4653
        margin-bottom: 1.5rem !important
4654
    }
4655
 
4656
    .conversejs .ml-md-4,
4657
    .conversejs .mx-md-4 {
4658
        margin-left: 1.5rem !important
4659
    }
4660
 
4661
    .conversejs .m-md-5 {
4662
        margin: 3rem !important
4663
    }
4664
 
4665
    .conversejs .mt-md-5,
4666
    .conversejs .my-md-5 {
4667
        margin-top: 3rem !important
4668
    }
4669
 
4670
    .conversejs .mr-md-5,
4671
    .conversejs .mx-md-5 {
4672
        margin-right: 3rem !important
4673
    }
4674
 
4675
    .conversejs .mb-md-5,
4676
    .conversejs .my-md-5 {
4677
        margin-bottom: 3rem !important
4678
    }
4679
 
4680
    .conversejs .ml-md-5,
4681
    .conversejs .mx-md-5 {
4682
        margin-left: 3rem !important
4683
    }
4684
 
4685
    .conversejs .p-md-0 {
4686
        padding: 0 !important
4687
    }
4688
 
4689
    .conversejs .pt-md-0,
4690
    .conversejs .py-md-0 {
4691
        padding-top: 0 !important
4692
    }
4693
 
4694
    .conversejs .pr-md-0,
4695
    .conversejs .px-md-0 {
4696
        padding-right: 0 !important
4697
    }
4698
 
4699
    .conversejs .pb-md-0,
4700
    .conversejs .py-md-0 {
4701
        padding-bottom: 0 !important
4702
    }
4703
 
4704
    .conversejs .pl-md-0,
4705
    .conversejs .px-md-0 {
4706
        padding-left: 0 !important
4707
    }
4708
 
4709
    .conversejs .p-md-1 {
4710
        padding: .25rem !important
4711
    }
4712
 
4713
    .conversejs .pt-md-1,
4714
    .conversejs .py-md-1 {
4715
        padding-top: .25rem !important
4716
    }
4717
 
4718
    .conversejs .pr-md-1,
4719
    .conversejs .px-md-1 {
4720
        padding-right: .25rem !important
4721
    }
4722
 
4723
    .conversejs .pb-md-1,
4724
    .conversejs .py-md-1 {
4725
        padding-bottom: .25rem !important
4726
    }
4727
 
4728
    .conversejs .pl-md-1,
4729
    .conversejs .px-md-1 {
4730
        padding-left: .25rem !important
4731
    }
4732
 
4733
    .conversejs .p-md-2 {
4734
        padding: .5rem !important
4735
    }
4736
 
4737
    .conversejs .pt-md-2,
4738
    .conversejs .py-md-2 {
4739
        padding-top: .5rem !important
4740
    }
4741
 
4742
    .conversejs .pr-md-2,
4743
    .conversejs .px-md-2 {
4744
        padding-right: .5rem !important
4745
    }
4746
 
4747
    .conversejs .pb-md-2,
4748
    .conversejs .py-md-2 {
4749
        padding-bottom: .5rem !important
4750
    }
4751
 
4752
    .conversejs .pl-md-2,
4753
    .conversejs .px-md-2 {
4754
        padding-left: .5rem !important
4755
    }
4756
 
4757
    .conversejs .p-md-3 {
4758
        padding: 1rem !important
4759
    }
4760
 
4761
    .conversejs .pt-md-3,
4762
    .conversejs .py-md-3 {
4763
        padding-top: 1rem !important
4764
    }
4765
 
4766
    .conversejs .pr-md-3,
4767
    .conversejs .px-md-3 {
4768
        padding-right: 1rem !important
4769
    }
4770
 
4771
    .conversejs .pb-md-3,
4772
    .conversejs .py-md-3 {
4773
        padding-bottom: 1rem !important
4774
    }
4775
 
4776
    .conversejs .pl-md-3,
4777
    .conversejs .px-md-3 {
4778
        padding-left: 1rem !important
4779
    }
4780
 
4781
    .conversejs .p-md-4 {
4782
        padding: 1.5rem !important
4783
    }
4784
 
4785
    .conversejs .pt-md-4,
4786
    .conversejs .py-md-4 {
4787
        padding-top: 1.5rem !important
4788
    }
4789
 
4790
    .conversejs .pr-md-4,
4791
    .conversejs .px-md-4 {
4792
        padding-right: 1.5rem !important
4793
    }
4794
 
4795
    .conversejs .pb-md-4,
4796
    .conversejs .py-md-4 {
4797
        padding-bottom: 1.5rem !important
4798
    }
4799
 
4800
    .conversejs .pl-md-4,
4801
    .conversejs .px-md-4 {
4802
        padding-left: 1.5rem !important
4803
    }
4804
 
4805
    .conversejs .p-md-5 {
4806
        padding: 3rem !important
4807
    }
4808
 
4809
    .conversejs .pt-md-5,
4810
    .conversejs .py-md-5 {
4811
        padding-top: 3rem !important
4812
    }
4813
 
4814
    .conversejs .pr-md-5,
4815
    .conversejs .px-md-5 {
4816
        padding-right: 3rem !important
4817
    }
4818
 
4819
    .conversejs .pb-md-5,
4820
    .conversejs .py-md-5 {
4821
        padding-bottom: 3rem !important
4822
    }
4823
 
4824
    .conversejs .pl-md-5,
4825
    .conversejs .px-md-5 {
4826
        padding-left: 3rem !important
4827
    }
4828
 
4829
    .conversejs .m-md-n1 {
4830
        margin: -0.25rem !important
4831
    }
4832
 
4833
    .conversejs .mt-md-n1,
4834
    .conversejs .my-md-n1 {
4835
        margin-top: -0.25rem !important
4836
    }
4837
 
4838
    .conversejs .mr-md-n1,
4839
    .conversejs .mx-md-n1 {
4840
        margin-right: -0.25rem !important
4841
    }
4842
 
4843
    .conversejs .mb-md-n1,
4844
    .conversejs .my-md-n1 {
4845
        margin-bottom: -0.25rem !important
4846
    }
4847
 
4848
    .conversejs .ml-md-n1,
4849
    .conversejs .mx-md-n1 {
4850
        margin-left: -0.25rem !important
4851
    }
4852
 
4853
    .conversejs .m-md-n2 {
4854
        margin: -0.5rem !important
4855
    }
4856
 
4857
    .conversejs .mt-md-n2,
4858
    .conversejs .my-md-n2 {
4859
        margin-top: -0.5rem !important
4860
    }
4861
 
4862
    .conversejs .mr-md-n2,
4863
    .conversejs .mx-md-n2 {
4864
        margin-right: -0.5rem !important
4865
    }
4866
 
4867
    .conversejs .mb-md-n2,
4868
    .conversejs .my-md-n2 {
4869
        margin-bottom: -0.5rem !important
4870
    }
4871
 
4872
    .conversejs .ml-md-n2,
4873
    .conversejs .mx-md-n2 {
4874
        margin-left: -0.5rem !important
4875
    }
4876
 
4877
    .conversejs .m-md-n3 {
4878
        margin: -1rem !important
4879
    }
4880
 
4881
    .conversejs .mt-md-n3,
4882
    .conversejs .my-md-n3 {
4883
        margin-top: -1rem !important
4884
    }
4885
 
4886
    .conversejs .mr-md-n3,
4887
    .conversejs .mx-md-n3 {
4888
        margin-right: -1rem !important
4889
    }
4890
 
4891
    .conversejs .mb-md-n3,
4892
    .conversejs .my-md-n3 {
4893
        margin-bottom: -1rem !important
4894
    }
4895
 
4896
    .conversejs .ml-md-n3,
4897
    .conversejs .mx-md-n3 {
4898
        margin-left: -1rem !important
4899
    }
4900
 
4901
    .conversejs .m-md-n4 {
4902
        margin: -1.5rem !important
4903
    }
4904
 
4905
    .conversejs .mt-md-n4,
4906
    .conversejs .my-md-n4 {
4907
        margin-top: -1.5rem !important
4908
    }
4909
 
4910
    .conversejs .mr-md-n4,
4911
    .conversejs .mx-md-n4 {
4912
        margin-right: -1.5rem !important
4913
    }
4914
 
4915
    .conversejs .mb-md-n4,
4916
    .conversejs .my-md-n4 {
4917
        margin-bottom: -1.5rem !important
4918
    }
4919
 
4920
    .conversejs .ml-md-n4,
4921
    .conversejs .mx-md-n4 {
4922
        margin-left: -1.5rem !important
4923
    }
4924
 
4925
    .conversejs .m-md-n5 {
4926
        margin: -3rem !important
4927
    }
4928
 
4929
    .conversejs .mt-md-n5,
4930
    .conversejs .my-md-n5 {
4931
        margin-top: -3rem !important
4932
    }
4933
 
4934
    .conversejs .mr-md-n5,
4935
    .conversejs .mx-md-n5 {
4936
        margin-right: -3rem !important
4937
    }
4938
 
4939
    .conversejs .mb-md-n5,
4940
    .conversejs .my-md-n5 {
4941
        margin-bottom: -3rem !important
4942
    }
4943
 
4944
    .conversejs .ml-md-n5,
4945
    .conversejs .mx-md-n5 {
4946
        margin-left: -3rem !important
4947
    }
4948
 
4949
    .conversejs .m-md-auto {
4950
        margin: auto !important
4951
    }
4952
 
4953
    .conversejs .mt-md-auto,
4954
    .conversejs .my-md-auto {
4955
        margin-top: auto !important
4956
    }
4957
 
4958
    .conversejs .mr-md-auto,
4959
    .conversejs .mx-md-auto {
4960
        margin-right: auto !important
4961
    }
4962
 
4963
    .conversejs .mb-md-auto,
4964
    .conversejs .my-md-auto {
4965
        margin-bottom: auto !important
4966
    }
4967
 
4968
    .conversejs .ml-md-auto,
4969
    .conversejs .mx-md-auto {
4970
        margin-left: auto !important
4971
    }
4972
}
4973
 
4974
@media(min-width: 992px) {
4975
    .conversejs .m-lg-0 {
4976
        margin: 0 !important
4977
    }
4978
 
4979
    .conversejs .mt-lg-0,
4980
    .conversejs .my-lg-0 {
4981
        margin-top: 0 !important
4982
    }
4983
 
4984
    .conversejs .mr-lg-0,
4985
    .conversejs .mx-lg-0 {
4986
        margin-right: 0 !important
4987
    }
4988
 
4989
    .conversejs .mb-lg-0,
4990
    .conversejs .my-lg-0 {
4991
        margin-bottom: 0 !important
4992
    }
4993
 
4994
    .conversejs .ml-lg-0,
4995
    .conversejs .mx-lg-0 {
4996
        margin-left: 0 !important
4997
    }
4998
 
4999
    .conversejs .m-lg-1 {
5000
        margin: .25rem !important
5001
    }
5002
 
5003
    .conversejs .mt-lg-1,
5004
    .conversejs .my-lg-1 {
5005
        margin-top: .25rem !important
5006
    }
5007
 
5008
    .conversejs .mr-lg-1,
5009
    .conversejs .mx-lg-1 {
5010
        margin-right: .25rem !important
5011
    }
5012
 
5013
    .conversejs .mb-lg-1,
5014
    .conversejs .my-lg-1 {
5015
        margin-bottom: .25rem !important
5016
    }
5017
 
5018
    .conversejs .ml-lg-1,
5019
    .conversejs .mx-lg-1 {
5020
        margin-left: .25rem !important
5021
    }
5022
 
5023
    .conversejs .m-lg-2 {
5024
        margin: .5rem !important
5025
    }
5026
 
5027
    .conversejs .mt-lg-2,
5028
    .conversejs .my-lg-2 {
5029
        margin-top: .5rem !important
5030
    }
5031
 
5032
    .conversejs .mr-lg-2,
5033
    .conversejs .mx-lg-2 {
5034
        margin-right: .5rem !important
5035
    }
5036
 
5037
    .conversejs .mb-lg-2,
5038
    .conversejs .my-lg-2 {
5039
        margin-bottom: .5rem !important
5040
    }
5041
 
5042
    .conversejs .ml-lg-2,
5043
    .conversejs .mx-lg-2 {
5044
        margin-left: .5rem !important
5045
    }
5046
 
5047
    .conversejs .m-lg-3 {
5048
        margin: 1rem !important
5049
    }
5050
 
5051
    .conversejs .mt-lg-3,
5052
    .conversejs .my-lg-3 {
5053
        margin-top: 1rem !important
5054
    }
5055
 
5056
    .conversejs .mr-lg-3,
5057
    .conversejs .mx-lg-3 {
5058
        margin-right: 1rem !important
5059
    }
5060
 
5061
    .conversejs .mb-lg-3,
5062
    .conversejs .my-lg-3 {
5063
        margin-bottom: 1rem !important
5064
    }
5065
 
5066
    .conversejs .ml-lg-3,
5067
    .conversejs .mx-lg-3 {
5068
        margin-left: 1rem !important
5069
    }
5070
 
5071
    .conversejs .m-lg-4 {
5072
        margin: 1.5rem !important
5073
    }
5074
 
5075
    .conversejs .mt-lg-4,
5076
    .conversejs .my-lg-4 {
5077
        margin-top: 1.5rem !important
5078
    }
5079
 
5080
    .conversejs .mr-lg-4,
5081
    .conversejs .mx-lg-4 {
5082
        margin-right: 1.5rem !important
5083
    }
5084
 
5085
    .conversejs .mb-lg-4,
5086
    .conversejs .my-lg-4 {
5087
        margin-bottom: 1.5rem !important
5088
    }
5089
 
5090
    .conversejs .ml-lg-4,
5091
    .conversejs .mx-lg-4 {
5092
        margin-left: 1.5rem !important
5093
    }
5094
 
5095
    .conversejs .m-lg-5 {
5096
        margin: 3rem !important
5097
    }
5098
 
5099
    .conversejs .mt-lg-5,
5100
    .conversejs .my-lg-5 {
5101
        margin-top: 3rem !important
5102
    }
5103
 
5104
    .conversejs .mr-lg-5,
5105
    .conversejs .mx-lg-5 {
5106
        margin-right: 3rem !important
5107
    }
5108
 
5109
    .conversejs .mb-lg-5,
5110
    .conversejs .my-lg-5 {
5111
        margin-bottom: 3rem !important
5112
    }
5113
 
5114
    .conversejs .ml-lg-5,
5115
    .conversejs .mx-lg-5 {
5116
        margin-left: 3rem !important
5117
    }
5118
 
5119
    .conversejs .p-lg-0 {
5120
        padding: 0 !important
5121
    }
5122
 
5123
    .conversejs .pt-lg-0,
5124
    .conversejs .py-lg-0 {
5125
        padding-top: 0 !important
5126
    }
5127
 
5128
    .conversejs .pr-lg-0,
5129
    .conversejs .px-lg-0 {
5130
        padding-right: 0 !important
5131
    }
5132
 
5133
    .conversejs .pb-lg-0,
5134
    .conversejs .py-lg-0 {
5135
        padding-bottom: 0 !important
5136
    }
5137
 
5138
    .conversejs .pl-lg-0,
5139
    .conversejs .px-lg-0 {
5140
        padding-left: 0 !important
5141
    }
5142
 
5143
    .conversejs .p-lg-1 {
5144
        padding: .25rem !important
5145
    }
5146
 
5147
    .conversejs .pt-lg-1,
5148
    .conversejs .py-lg-1 {
5149
        padding-top: .25rem !important
5150
    }
5151
 
5152
    .conversejs .pr-lg-1,
5153
    .conversejs .px-lg-1 {
5154
        padding-right: .25rem !important
5155
    }
5156
 
5157
    .conversejs .pb-lg-1,
5158
    .conversejs .py-lg-1 {
5159
        padding-bottom: .25rem !important
5160
    }
5161
 
5162
    .conversejs .pl-lg-1,
5163
    .conversejs .px-lg-1 {
5164
        padding-left: .25rem !important
5165
    }
5166
 
5167
    .conversejs .p-lg-2 {
5168
        padding: .5rem !important
5169
    }
5170
 
5171
    .conversejs .pt-lg-2,
5172
    .conversejs .py-lg-2 {
5173
        padding-top: .5rem !important
5174
    }
5175
 
5176
    .conversejs .pr-lg-2,
5177
    .conversejs .px-lg-2 {
5178
        padding-right: .5rem !important
5179
    }
5180
 
5181
    .conversejs .pb-lg-2,
5182
    .conversejs .py-lg-2 {
5183
        padding-bottom: .5rem !important
5184
    }
5185
 
5186
    .conversejs .pl-lg-2,
5187
    .conversejs .px-lg-2 {
5188
        padding-left: .5rem !important
5189
    }
5190
 
5191
    .conversejs .p-lg-3 {
5192
        padding: 1rem !important
5193
    }
5194
 
5195
    .conversejs .pt-lg-3,
5196
    .conversejs .py-lg-3 {
5197
        padding-top: 1rem !important
5198
    }
5199
 
5200
    .conversejs .pr-lg-3,
5201
    .conversejs .px-lg-3 {
5202
        padding-right: 1rem !important
5203
    }
5204
 
5205
    .conversejs .pb-lg-3,
5206
    .conversejs .py-lg-3 {
5207
        padding-bottom: 1rem !important
5208
    }
5209
 
5210
    .conversejs .pl-lg-3,
5211
    .conversejs .px-lg-3 {
5212
        padding-left: 1rem !important
5213
    }
5214
 
5215
    .conversejs .p-lg-4 {
5216
        padding: 1.5rem !important
5217
    }
5218
 
5219
    .conversejs .pt-lg-4,
5220
    .conversejs .py-lg-4 {
5221
        padding-top: 1.5rem !important
5222
    }
5223
 
5224
    .conversejs .pr-lg-4,
5225
    .conversejs .px-lg-4 {
5226
        padding-right: 1.5rem !important
5227
    }
5228
 
5229
    .conversejs .pb-lg-4,
5230
    .conversejs .py-lg-4 {
5231
        padding-bottom: 1.5rem !important
5232
    }
5233
 
5234
    .conversejs .pl-lg-4,
5235
    .conversejs .px-lg-4 {
5236
        padding-left: 1.5rem !important
5237
    }
5238
 
5239
    .conversejs .p-lg-5 {
5240
        padding: 3rem !important
5241
    }
5242
 
5243
    .conversejs .pt-lg-5,
5244
    .conversejs .py-lg-5 {
5245
        padding-top: 3rem !important
5246
    }
5247
 
5248
    .conversejs .pr-lg-5,
5249
    .conversejs .px-lg-5 {
5250
        padding-right: 3rem !important
5251
    }
5252
 
5253
    .conversejs .pb-lg-5,
5254
    .conversejs .py-lg-5 {
5255
        padding-bottom: 3rem !important
5256
    }
5257
 
5258
    .conversejs .pl-lg-5,
5259
    .conversejs .px-lg-5 {
5260
        padding-left: 3rem !important
5261
    }
5262
 
5263
    .conversejs .m-lg-n1 {
5264
        margin: -0.25rem !important
5265
    }
5266
 
5267
    .conversejs .mt-lg-n1,
5268
    .conversejs .my-lg-n1 {
5269
        margin-top: -0.25rem !important
5270
    }
5271
 
5272
    .conversejs .mr-lg-n1,
5273
    .conversejs .mx-lg-n1 {
5274
        margin-right: -0.25rem !important
5275
    }
5276
 
5277
    .conversejs .mb-lg-n1,
5278
    .conversejs .my-lg-n1 {
5279
        margin-bottom: -0.25rem !important
5280
    }
5281
 
5282
    .conversejs .ml-lg-n1,
5283
    .conversejs .mx-lg-n1 {
5284
        margin-left: -0.25rem !important
5285
    }
5286
 
5287
    .conversejs .m-lg-n2 {
5288
        margin: -0.5rem !important
5289
    }
5290
 
5291
    .conversejs .mt-lg-n2,
5292
    .conversejs .my-lg-n2 {
5293
        margin-top: -0.5rem !important
5294
    }
5295
 
5296
    .conversejs .mr-lg-n2,
5297
    .conversejs .mx-lg-n2 {
5298
        margin-right: -0.5rem !important
5299
    }
5300
 
5301
    .conversejs .mb-lg-n2,
5302
    .conversejs .my-lg-n2 {
5303
        margin-bottom: -0.5rem !important
5304
    }
5305
 
5306
    .conversejs .ml-lg-n2,
5307
    .conversejs .mx-lg-n2 {
5308
        margin-left: -0.5rem !important
5309
    }
5310
 
5311
    .conversejs .m-lg-n3 {
5312
        margin: -1rem !important
5313
    }
5314
 
5315
    .conversejs .mt-lg-n3,
5316
    .conversejs .my-lg-n3 {
5317
        margin-top: -1rem !important
5318
    }
5319
 
5320
    .conversejs .mr-lg-n3,
5321
    .conversejs .mx-lg-n3 {
5322
        margin-right: -1rem !important
5323
    }
5324
 
5325
    .conversejs .mb-lg-n3,
5326
    .conversejs .my-lg-n3 {
5327
        margin-bottom: -1rem !important
5328
    }
5329
 
5330
    .conversejs .ml-lg-n3,
5331
    .conversejs .mx-lg-n3 {
5332
        margin-left: -1rem !important
5333
    }
5334
 
5335
    .conversejs .m-lg-n4 {
5336
        margin: -1.5rem !important
5337
    }
5338
 
5339
    .conversejs .mt-lg-n4,
5340
    .conversejs .my-lg-n4 {
5341
        margin-top: -1.5rem !important
5342
    }
5343
 
5344
    .conversejs .mr-lg-n4,
5345
    .conversejs .mx-lg-n4 {
5346
        margin-right: -1.5rem !important
5347
    }
5348
 
5349
    .conversejs .mb-lg-n4,
5350
    .conversejs .my-lg-n4 {
5351
        margin-bottom: -1.5rem !important
5352
    }
5353
 
5354
    .conversejs .ml-lg-n4,
5355
    .conversejs .mx-lg-n4 {
5356
        margin-left: -1.5rem !important
5357
    }
5358
 
5359
    .conversejs .m-lg-n5 {
5360
        margin: -3rem !important
5361
    }
5362
 
5363
    .conversejs .mt-lg-n5,
5364
    .conversejs .my-lg-n5 {
5365
        margin-top: -3rem !important
5366
    }
5367
 
5368
    .conversejs .mr-lg-n5,
5369
    .conversejs .mx-lg-n5 {
5370
        margin-right: -3rem !important
5371
    }
5372
 
5373
    .conversejs .mb-lg-n5,
5374
    .conversejs .my-lg-n5 {
5375
        margin-bottom: -3rem !important
5376
    }
5377
 
5378
    .conversejs .ml-lg-n5,
5379
    .conversejs .mx-lg-n5 {
5380
        margin-left: -3rem !important
5381
    }
5382
 
5383
    .conversejs .m-lg-auto {
5384
        margin: auto !important
5385
    }
5386
 
5387
    .conversejs .mt-lg-auto,
5388
    .conversejs .my-lg-auto {
5389
        margin-top: auto !important
5390
    }
5391
 
5392
    .conversejs .mr-lg-auto,
5393
    .conversejs .mx-lg-auto {
5394
        margin-right: auto !important
5395
    }
5396
 
5397
    .conversejs .mb-lg-auto,
5398
    .conversejs .my-lg-auto {
5399
        margin-bottom: auto !important
5400
    }
5401
 
5402
    .conversejs .ml-lg-auto,
5403
    .conversejs .mx-lg-auto {
5404
        margin-left: auto !important
5405
    }
5406
}
5407
 
5408
@media(min-width: 1200px) {
5409
    .conversejs .m-xl-0 {
5410
        margin: 0 !important
5411
    }
5412
 
5413
    .conversejs .mt-xl-0,
5414
    .conversejs .my-xl-0 {
5415
        margin-top: 0 !important
5416
    }
5417
 
5418
    .conversejs .mr-xl-0,
5419
    .conversejs .mx-xl-0 {
5420
        margin-right: 0 !important
5421
    }
5422
 
5423
    .conversejs .mb-xl-0,
5424
    .conversejs .my-xl-0 {
5425
        margin-bottom: 0 !important
5426
    }
5427
 
5428
    .conversejs .ml-xl-0,
5429
    .conversejs .mx-xl-0 {
5430
        margin-left: 0 !important
5431
    }
5432
 
5433
    .conversejs .m-xl-1 {
5434
        margin: .25rem !important
5435
    }
5436
 
5437
    .conversejs .mt-xl-1,
5438
    .conversejs .my-xl-1 {
5439
        margin-top: .25rem !important
5440
    }
5441
 
5442
    .conversejs .mr-xl-1,
5443
    .conversejs .mx-xl-1 {
5444
        margin-right: .25rem !important
5445
    }
5446
 
5447
    .conversejs .mb-xl-1,
5448
    .conversejs .my-xl-1 {
5449
        margin-bottom: .25rem !important
5450
    }
5451
 
5452
    .conversejs .ml-xl-1,
5453
    .conversejs .mx-xl-1 {
5454
        margin-left: .25rem !important
5455
    }
5456
 
5457
    .conversejs .m-xl-2 {
5458
        margin: .5rem !important
5459
    }
5460
 
5461
    .conversejs .mt-xl-2,
5462
    .conversejs .my-xl-2 {
5463
        margin-top: .5rem !important
5464
    }
5465
 
5466
    .conversejs .mr-xl-2,
5467
    .conversejs .mx-xl-2 {
5468
        margin-right: .5rem !important
5469
    }
5470
 
5471
    .conversejs .mb-xl-2,
5472
    .conversejs .my-xl-2 {
5473
        margin-bottom: .5rem !important
5474
    }
5475
 
5476
    .conversejs .ml-xl-2,
5477
    .conversejs .mx-xl-2 {
5478
        margin-left: .5rem !important
5479
    }
5480
 
5481
    .conversejs .m-xl-3 {
5482
        margin: 1rem !important
5483
    }
5484
 
5485
    .conversejs .mt-xl-3,
5486
    .conversejs .my-xl-3 {
5487
        margin-top: 1rem !important
5488
    }
5489
 
5490
    .conversejs .mr-xl-3,
5491
    .conversejs .mx-xl-3 {
5492
        margin-right: 1rem !important
5493
    }
5494
 
5495
    .conversejs .mb-xl-3,
5496
    .conversejs .my-xl-3 {
5497
        margin-bottom: 1rem !important
5498
    }
5499
 
5500
    .conversejs .ml-xl-3,
5501
    .conversejs .mx-xl-3 {
5502
        margin-left: 1rem !important
5503
    }
5504
 
5505
    .conversejs .m-xl-4 {
5506
        margin: 1.5rem !important
5507
    }
5508
 
5509
    .conversejs .mt-xl-4,
5510
    .conversejs .my-xl-4 {
5511
        margin-top: 1.5rem !important
5512
    }
5513
 
5514
    .conversejs .mr-xl-4,
5515
    .conversejs .mx-xl-4 {
5516
        margin-right: 1.5rem !important
5517
    }
5518
 
5519
    .conversejs .mb-xl-4,
5520
    .conversejs .my-xl-4 {
5521
        margin-bottom: 1.5rem !important
5522
    }
5523
 
5524
    .conversejs .ml-xl-4,
5525
    .conversejs .mx-xl-4 {
5526
        margin-left: 1.5rem !important
5527
    }
5528
 
5529
    .conversejs .m-xl-5 {
5530
        margin: 3rem !important
5531
    }
5532
 
5533
    .conversejs .mt-xl-5,
5534
    .conversejs .my-xl-5 {
5535
        margin-top: 3rem !important
5536
    }
5537
 
5538
    .conversejs .mr-xl-5,
5539
    .conversejs .mx-xl-5 {
5540
        margin-right: 3rem !important
5541
    }
5542
 
5543
    .conversejs .mb-xl-5,
5544
    .conversejs .my-xl-5 {
5545
        margin-bottom: 3rem !important
5546
    }
5547
 
5548
    .conversejs .ml-xl-5,
5549
    .conversejs .mx-xl-5 {
5550
        margin-left: 3rem !important
5551
    }
5552
 
5553
    .conversejs .p-xl-0 {
5554
        padding: 0 !important
5555
    }
5556
 
5557
    .conversejs .pt-xl-0,
5558
    .conversejs .py-xl-0 {
5559
        padding-top: 0 !important
5560
    }
5561
 
5562
    .conversejs .pr-xl-0,
5563
    .conversejs .px-xl-0 {
5564
        padding-right: 0 !important
5565
    }
5566
 
5567
    .conversejs .pb-xl-0,
5568
    .conversejs .py-xl-0 {
5569
        padding-bottom: 0 !important
5570
    }
5571
 
5572
    .conversejs .pl-xl-0,
5573
    .conversejs .px-xl-0 {
5574
        padding-left: 0 !important
5575
    }
5576
 
5577
    .conversejs .p-xl-1 {
5578
        padding: .25rem !important
5579
    }
5580
 
5581
    .conversejs .pt-xl-1,
5582
    .conversejs .py-xl-1 {
5583
        padding-top: .25rem !important
5584
    }
5585
 
5586
    .conversejs .pr-xl-1,
5587
    .conversejs .px-xl-1 {
5588
        padding-right: .25rem !important
5589
    }
5590
 
5591
    .conversejs .pb-xl-1,
5592
    .conversejs .py-xl-1 {
5593
        padding-bottom: .25rem !important
5594
    }
5595
 
5596
    .conversejs .pl-xl-1,
5597
    .conversejs .px-xl-1 {
5598
        padding-left: .25rem !important
5599
    }
5600
 
5601
    .conversejs .p-xl-2 {
5602
        padding: .5rem !important
5603
    }
5604
 
5605
    .conversejs .pt-xl-2,
5606
    .conversejs .py-xl-2 {
5607
        padding-top: .5rem !important
5608
    }
5609
 
5610
    .conversejs .pr-xl-2,
5611
    .conversejs .px-xl-2 {
5612
        padding-right: .5rem !important
5613
    }
5614
 
5615
    .conversejs .pb-xl-2,
5616
    .conversejs .py-xl-2 {
5617
        padding-bottom: .5rem !important
5618
    }
5619
 
5620
    .conversejs .pl-xl-2,
5621
    .conversejs .px-xl-2 {
5622
        padding-left: .5rem !important
5623
    }
5624
 
5625
    .conversejs .p-xl-3 {
5626
        padding: 1rem !important
5627
    }
5628
 
5629
    .conversejs .pt-xl-3,
5630
    .conversejs .py-xl-3 {
5631
        padding-top: 1rem !important
5632
    }
5633
 
5634
    .conversejs .pr-xl-3,
5635
    .conversejs .px-xl-3 {
5636
        padding-right: 1rem !important
5637
    }
5638
 
5639
    .conversejs .pb-xl-3,
5640
    .conversejs .py-xl-3 {
5641
        padding-bottom: 1rem !important
5642
    }
5643
 
5644
    .conversejs .pl-xl-3,
5645
    .conversejs .px-xl-3 {
5646
        padding-left: 1rem !important
5647
    }
5648
 
5649
    .conversejs .p-xl-4 {
5650
        padding: 1.5rem !important
5651
    }
5652
 
5653
    .conversejs .pt-xl-4,
5654
    .conversejs .py-xl-4 {
5655
        padding-top: 1.5rem !important
5656
    }
5657
 
5658
    .conversejs .pr-xl-4,
5659
    .conversejs .px-xl-4 {
5660
        padding-right: 1.5rem !important
5661
    }
5662
 
5663
    .conversejs .pb-xl-4,
5664
    .conversejs .py-xl-4 {
5665
        padding-bottom: 1.5rem !important
5666
    }
5667
 
5668
    .conversejs .pl-xl-4,
5669
    .conversejs .px-xl-4 {
5670
        padding-left: 1.5rem !important
5671
    }
5672
 
5673
    .conversejs .p-xl-5 {
5674
        padding: 3rem !important
5675
    }
5676
 
5677
    .conversejs .pt-xl-5,
5678
    .conversejs .py-xl-5 {
5679
        padding-top: 3rem !important
5680
    }
5681
 
5682
    .conversejs .pr-xl-5,
5683
    .conversejs .px-xl-5 {
5684
        padding-right: 3rem !important
5685
    }
5686
 
5687
    .conversejs .pb-xl-5,
5688
    .conversejs .py-xl-5 {
5689
        padding-bottom: 3rem !important
5690
    }
5691
 
5692
    .conversejs .pl-xl-5,
5693
    .conversejs .px-xl-5 {
5694
        padding-left: 3rem !important
5695
    }
5696
 
5697
    .conversejs .m-xl-n1 {
5698
        margin: -0.25rem !important
5699
    }
5700
 
5701
    .conversejs .mt-xl-n1,
5702
    .conversejs .my-xl-n1 {
5703
        margin-top: -0.25rem !important
5704
    }
5705
 
5706
    .conversejs .mr-xl-n1,
5707
    .conversejs .mx-xl-n1 {
5708
        margin-right: -0.25rem !important
5709
    }
5710
 
5711
    .conversejs .mb-xl-n1,
5712
    .conversejs .my-xl-n1 {
5713
        margin-bottom: -0.25rem !important
5714
    }
5715
 
5716
    .conversejs .ml-xl-n1,
5717
    .conversejs .mx-xl-n1 {
5718
        margin-left: -0.25rem !important
5719
    }
5720
 
5721
    .conversejs .m-xl-n2 {
5722
        margin: -0.5rem !important
5723
    }
5724
 
5725
    .conversejs .mt-xl-n2,
5726
    .conversejs .my-xl-n2 {
5727
        margin-top: -0.5rem !important
5728
    }
5729
 
5730
    .conversejs .mr-xl-n2,
5731
    .conversejs .mx-xl-n2 {
5732
        margin-right: -0.5rem !important
5733
    }
5734
 
5735
    .conversejs .mb-xl-n2,
5736
    .conversejs .my-xl-n2 {
5737
        margin-bottom: -0.5rem !important
5738
    }
5739
 
5740
    .conversejs .ml-xl-n2,
5741
    .conversejs .mx-xl-n2 {
5742
        margin-left: -0.5rem !important
5743
    }
5744
 
5745
    .conversejs .m-xl-n3 {
5746
        margin: -1rem !important
5747
    }
5748
 
5749
    .conversejs .mt-xl-n3,
5750
    .conversejs .my-xl-n3 {
5751
        margin-top: -1rem !important
5752
    }
5753
 
5754
    .conversejs .mr-xl-n3,
5755
    .conversejs .mx-xl-n3 {
5756
        margin-right: -1rem !important
5757
    }
5758
 
5759
    .conversejs .mb-xl-n3,
5760
    .conversejs .my-xl-n3 {
5761
        margin-bottom: -1rem !important
5762
    }
5763
 
5764
    .conversejs .ml-xl-n3,
5765
    .conversejs .mx-xl-n3 {
5766
        margin-left: -1rem !important
5767
    }
5768
 
5769
    .conversejs .m-xl-n4 {
5770
        margin: -1.5rem !important
5771
    }
5772
 
5773
    .conversejs .mt-xl-n4,
5774
    .conversejs .my-xl-n4 {
5775
        margin-top: -1.5rem !important
5776
    }
5777
 
5778
    .conversejs .mr-xl-n4,
5779
    .conversejs .mx-xl-n4 {
5780
        margin-right: -1.5rem !important
5781
    }
5782
 
5783
    .conversejs .mb-xl-n4,
5784
    .conversejs .my-xl-n4 {
5785
        margin-bottom: -1.5rem !important
5786
    }
5787
 
5788
    .conversejs .ml-xl-n4,
5789
    .conversejs .mx-xl-n4 {
5790
        margin-left: -1.5rem !important
5791
    }
5792
 
5793
    .conversejs .m-xl-n5 {
5794
        margin: -3rem !important
5795
    }
5796
 
5797
    .conversejs .mt-xl-n5,
5798
    .conversejs .my-xl-n5 {
5799
        margin-top: -3rem !important
5800
    }
5801
 
5802
    .conversejs .mr-xl-n5,
5803
    .conversejs .mx-xl-n5 {
5804
        margin-right: -3rem !important
5805
    }
5806
 
5807
    .conversejs .mb-xl-n5,
5808
    .conversejs .my-xl-n5 {
5809
        margin-bottom: -3rem !important
5810
    }
5811
 
5812
    .conversejs .ml-xl-n5,
5813
    .conversejs .mx-xl-n5 {
5814
        margin-left: -3rem !important
5815
    }
5816
 
5817
    .conversejs .m-xl-auto {
5818
        margin: auto !important
5819
    }
5820
 
5821
    .conversejs .mt-xl-auto,
5822
    .conversejs .my-xl-auto {
5823
        margin-top: auto !important
5824
    }
5825
 
5826
    .conversejs .mr-xl-auto,
5827
    .conversejs .mx-xl-auto {
5828
        margin-right: auto !important
5829
    }
5830
 
5831
    .conversejs .mb-xl-auto,
5832
    .conversejs .my-xl-auto {
5833
        margin-bottom: auto !important
5834
    }
5835
 
5836
    .conversejs .ml-xl-auto,
5837
    .conversejs .mx-xl-auto {
5838
        margin-left: auto !important
5839
    }
5840
}
5841
 
5842
.conversejs .stretched-link::after {
5843
    position: absolute;
5844
    top: 0;
5845
    right: 0;
5846
    bottom: 0;
5847
    left: 0;
5848
    z-index: 1;
5849
    pointer-events: auto;
5850
    content: "";
5851
    background-color: rgba(0, 0, 0, 0)
5852
}
5853
 
5854
.conversejs .text-monospace {
5855
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
5856
}
5857
 
5858
.conversejs .text-justify {
5859
    text-align: justify !important
5860
}
5861
 
5862
.conversejs .text-wrap {
5863
    white-space: normal !important
5864
}
5865
 
5866
.conversejs .text-nowrap {
5867
    white-space: nowrap !important
5868
}
5869
 
5870
.conversejs .text-truncate {
5871
    overflow: hidden;
5872
    text-overflow: ellipsis;
5873
    white-space: nowrap
5874
}
5875
 
5876
.conversejs .text-left {
5877
    text-align: left !important
5878
}
5879
 
5880
.conversejs .text-right {
5881
    text-align: right !important
5882
}
5883
 
5884
.conversejs .text-center {
5885
    text-align: center !important
5886
}
5887
 
5888
@media(min-width: 576px) {
5889
    .conversejs .text-sm-left {
5890
        text-align: left !important
5891
    }
5892
 
5893
    .conversejs .text-sm-right {
5894
        text-align: right !important
5895
    }
5896
 
5897
    .conversejs .text-sm-center {
5898
        text-align: center !important
5899
    }
5900
}
5901
 
5902
@media(min-width: 768px) {
5903
    .conversejs .text-md-left {
5904
        text-align: left !important
5905
    }
5906
 
5907
    .conversejs .text-md-right {
5908
        text-align: right !important
5909
    }
5910
 
5911
    .conversejs .text-md-center {
5912
        text-align: center !important
5913
    }
5914
}
5915
 
5916
@media(min-width: 992px) {
5917
    .conversejs .text-lg-left {
5918
        text-align: left !important
5919
    }
5920
 
5921
    .conversejs .text-lg-right {
5922
        text-align: right !important
5923
    }
5924
 
5925
    .conversejs .text-lg-center {
5926
        text-align: center !important
5927
    }
5928
}
5929
 
5930
@media(min-width: 1200px) {
5931
    .conversejs .text-xl-left {
5932
        text-align: left !important
5933
    }
5934
 
5935
    .conversejs .text-xl-right {
5936
        text-align: right !important
5937
    }
5938
 
5939
    .conversejs .text-xl-center {
5940
        text-align: center !important
5941
    }
5942
}
5943
 
5944
.conversejs .text-lowercase {
5945
    text-transform: lowercase !important
5946
}
5947
 
5948
.conversejs .text-uppercase {
5949
    text-transform: uppercase !important
5950
}
5951
 
5952
.conversejs .text-capitalize {
5953
    text-transform: capitalize !important
5954
}
5955
 
5956
.conversejs .font-weight-light {
5957
    font-weight: 300 !important
5958
}
5959
 
5960
.conversejs .font-weight-lighter {
5961
    font-weight: lighter !important
5962
}
5963
 
5964
.conversejs .font-weight-normal {
5965
    font-weight: 400 !important
5966
}
5967
 
5968
.conversejs .font-weight-bold {
5969
    font-weight: 700 !important
5970
}
5971
 
5972
.conversejs .font-weight-bolder {
5973
    font-weight: bolder !important
5974
}
5975
 
5976
.conversejs .font-italic {
5977
    font-style: italic !important
5978
}
5979
 
5980
.conversejs .text-white {
5981
    color: #fff !important
5982
}
5983
 
5984
.conversejs .text-primary {
5985
    color: #007bff !important
5986
}
5987
 
5988
.conversejs a.text-primary:hover,
5989
.conversejs a.text-primary:focus {
5990
    color: #0056b3 !important
5991
}
5992
 
5993
.conversejs .text-secondary {
5994
    color: #6c757d !important
5995
}
5996
 
5997
.conversejs a.text-secondary:hover,
5998
.conversejs a.text-secondary:focus {
5999
    color: #494f54 !important
6000
}
6001
 
6002
.conversejs .text-success {
6003
    color: #28a745 !important
6004
}
6005
 
6006
.conversejs a.text-success:hover,
6007
.conversejs a.text-success:focus {
6008
    color: #19692c !important
6009
}
6010
 
6011
.conversejs .text-info {
6012
    color: #17a2b8 !important
6013
}
6014
 
6015
.conversejs a.text-info:hover,
6016
.conversejs a.text-info:focus {
6017
    color: #0f6674 !important
6018
}
6019
 
6020
.conversejs .text-warning {
6021
    color: #ffc107 !important
6022
}
6023
 
6024
.conversejs a.text-warning:hover,
6025
.conversejs a.text-warning:focus {
6026
    color: #ba8b00 !important
6027
}
6028
 
6029
.conversejs .text-danger {
6030
    color: #dc3545 !important
6031
}
6032
 
6033
.conversejs a.text-danger:hover,
6034
.conversejs a.text-danger:focus {
6035
    color: #a71d2a !important
6036
}
6037
 
6038
.conversejs .text-light {
6039
    color: #f8f9fa !important
6040
}
6041
 
6042
.conversejs a.text-light:hover,
6043
.conversejs a.text-light:focus {
6044
    color: #cbd3da !important
6045
}
6046
 
6047
.conversejs .text-dark {
6048
    color: #343a40 !important
6049
}
6050
 
6051
.conversejs a.text-dark:hover,
6052
.conversejs a.text-dark:focus {
6053
    color: #121416 !important
6054
}
6055
 
6056
.conversejs .text-body {
6057
    color: #212529 !important
6058
}
6059
 
6060
.conversejs .text-muted {
6061
    color: #6c757d !important
6062
}
6063
 
6064
.conversejs .text-black-50 {
6065
    color: rgba(0, 0, 0, .5) !important
6066
}
6067
 
6068
.conversejs .text-white-50 {
6069
    color: rgba(255, 255, 255, .5) !important
6070
}
6071
 
6072
.conversejs .text-hide {
6073
    font: 0/0 a;
6074
    color: rgba(0, 0, 0, 0);
6075
    text-shadow: none;
6076
    background-color: rgba(0, 0, 0, 0);
6077
    border: 0
6078
}
6079
 
6080
.conversejs .text-decoration-none {
6081
    text-decoration: none !important
6082
}
6083
 
6084
.conversejs .text-break {
6085
    word-break: break-word !important;
6086
    word-wrap: break-word !important
6087
}
6088
 
6089
.conversejs .text-reset {
6090
    color: inherit !important
6091
}
6092
 
6093
.conversejs .visible {
6094
    visibility: visible !important
6095
}
6096
 
6097
.conversejs .invisible {
6098
    visibility: hidden !important
6099
}
6100
 
6101
.conversejs,
6102
.conversejs-bg,
6103
#conversejs-bg,
6104
body.converse-fullscreen {
6105
    --avatar-border-radius: 10%;
6106
    --message-avatar-width: 36px;
6107
    --message-avatar-height: 36px;
6108
    --chatroom-width: 500px;
6109
    --send-button-height: 27px;
6110
    --send-button-margin: 3px;
6111
    --inline-action-margin: 0.75em;
6112
    --roster-height: 194px;
6113
    --button-border-radius: 5px;
6114
    --chatbox-border-radius: 4px;
6115
    --normal-font: "Helvetica", "Arial", sans-serif;
6116
    --heading-font: "Muli", normal;
6117
    --branding-font: "Baumans", cursive;
6118
    --font-size-tiny: 10px;
6119
    --font-size-small: 12px;
6120
    --font-size: 14px;
6121
    --font-size-large: 16px;
6122
    --font-size-huge: 20px;
6123
    --message-font-size: var(--font-size);
6124
    --line-height-small: 14px;
6125
    --line-height: 16px;
6126
    --line-height-large: 20px;
6127
    --line-height-huge: 27px;
6128
    --embedded-emoji-picker-height: 300px;
6129
    --chat-gutter: 0.5em;
6130
    --occupants-padding: 1em;
6131
    --minimized-chats-width: 130px;
6132
    --mobile-chat-width: 100%;
6133
    --mobile-chat-height: 400px;
6134
    --overlayed-chat-head-height: 55px;
6135
    --overlayed-chat-height: 450px;
6136
    --overlayed-chat-width: 300px;
6137
    --overlayed-chatbox-hover-height: 1em;
6138
    --overlayed-emoji-picker-height: 200px;
6139
    --overlayed-max-chat-textarea-height: 200px;
6140
    --list-toggle-font-weight: normal
6141
}
6142
 
6143
.conversejs,
6144
.conversejs-bg,
6145
#conversejs-bg,
6146
body.converse-fullscreen {
6147
    --green: #3AA569;
6148
    --dark-green: #1E9652;
6149
    --blue: #387592;
6150
    --dark-blue: #397491;
6151
    --redder-orange: #E77051;
6152
    --orange: #E7A151;
6153
    --light-blue: #578EA9;
6154
    --lighter-blue: #eff4f7;
6155
    --dark-red: #D24E2B;
6156
    --comment: #A8ABA1;
6157
    --gray: #818479;
6158
    --foreground: #666;
6159
    --background: white;
6160
    --subdued-color: var(--comment);
6161
    --muc-color: var(--redder-orange);
6162
    --chat-color: var(--green);
6163
    --disabled-color: gray;
6164
    --error-color: var(--dark-red);
6165
    --focus-color: var(--background);
6166
    --icon-hover-color: var(--text-color);
6167
    --info-color: var(--dark-green);
6168
    --chat-status-online: var(--green);
6169
    --chat-status-busy: var(--redder-orange);
6170
    --chat-status-away: var(--orange);
6171
    --brand-heading-color: var(--blue);
6172
    --completion-light-color: #FFB9A7;
6173
    --completion-normal-color: var(--redder-orange);
6174
    --completion-dark-color: #D24E2B;
6175
    --dark-link-color: #206485;
6176
    --inverse-link-color: var(--background);
6177
    --link-color-lighten-10-percent: #79a5ba;
6178
    --link-color: var(--light-blue);
6179
    --link-hover-color: #345566;
6180
    --global-background-color: var(--dark-blue);
6181
    --modal-background-color: var(--background);
6182
    --img-thumbnail-background-color: var(--background);
6183
    --img-thumbnail-border-color: #DEE2E6;
6184
    --text-shadow-color: #FAFAFA;
6185
    --text-color: var(--foreground);
6186
    --controlbox-text-color: var(--foreground);
6187
    --text-color-lighten-15-percent: #8c8c8c;
6188
    --message-author-color: var(--text-color);
6189
    --text-color-invert: var(--background);
6190
    --message-text-color: #555;
6191
    --message-receipt-color: var(--green);
6192
    --save-button-color: var(--green);
6193
    --button-text-color: var(--background);
6194
    --button-hover-text-color: var(--background);
6195
    --chat-background-color: var(--background);
6196
    --chat-textarea-color: var(--foreground);
6197
    --chat-textarea-background-color: var(--background);
6198
    --chat-textarea-disabled-bg-color: #EEE;
6199
    --chat-textarea-height: 60px;
6200
    --chat-correcting-color: var(--chat-head-color-lighten-50-percent);
6201
    --chat-head-fg-color: var(--background);
6202
    --chat-head-color-dark: var(--dark-green);
6203
    --chat-head-color-darker: #0E763B;
6204
    --chat-head-color-lighten-50-percent: #e7f7ee;
6205
    --chat-head-color: var(--green);
6206
    --chat-head-text-color: var(--background);
6207
    --chat-toolbar-btn-color: var(--green);
6208
    --chat-toolbar-btn-disabled-color: gray;
6209
    --toolbar-btn-text-color: var(--background);
6210
    --chat-content-background-color: var(--background);
6211
    --chat-info-color: var(--chatroom-head-bg-color);
6212
    --danger-color-dark: #A93415;
6213
    --danger-color: var(--redder-orange);
6214
    --highlight-color-darker: #B0E8E2;
6215
    --highlight-color: #DCF9F6;
6216
    --primary-color-dark: var(--dark-blue);
6217
    --primary-color: var(--light-blue);
6218
    --primary-color-light: var(--lighter-blue);
6219
    --secondary-color-dark: #585B51;
6220
    --secondary-color: var(--gray);
6221
    --warning-color-dark: #D2842B;
6222
    --warning-color: var(--orange);
6223
    --light-background-color: #FCFDFD;
6224
    --groupchats-header-color: var(--chatroom-head-bg-color);
6225
    --groupchats-header-color-dark: var(--chatroom-head-bg-color-dark);
6226
    --controlbox-width: 250px;
6227
    --controlbox-head-color: var(--light-blue);
6228
    --controlbox-head-btn-color: var(--light-blue);
6229
    --controlbox-heading-color: inherit;
6230
    --controlbox-heading-font-weight: bold;
6231
    --controlbox-heading-top-margin: 0.75em;
6232
    --controlbox-pane-background-color: var(--background);
6233
    --controlbox-pane-bg-hover-color: #eff4f7;
6234
    --panel-divider-color: #e7e7e7;
6235
    --heading-display: block;
6236
    --heading-color: var(--background);
6237
    --badge-color: var(--background);
6238
    --chatroom-color: var(--redder-orange);
6239
    --chatroom-badge-color: var(--chatroom-head-bg-color);
6240
    --chatroom-badge-hover-color: var(--chatroom-head-bg-color-dark);
6241
    --chatroom-correcting-color: #fadfd7;
6242
    --chatroom-head-bg-color-dark: #D24E2B;
6243
    --chatroom-head-bg-color: var(--redder-orange);
6244
    --chatroom-head-border-bottom: 0px;
6245
    --chatroom-head-button-color: var(--chatroom-head-bg-color);
6246
    --chatroom-head-color: var(--background);
6247
    --chatroom-head-description-display: block;
6248
    --chatroom-head-description-link-color: var(--background);
6249
    --chatroom-head-fg-color: var(--background);
6250
    --chatroom-head-title-font-weight: normal;
6251
    --chatroom-head-title-padding-right: 0px;
6252
    --muc-toolbar-btn-color: var(--redder-orange);
6253
    --muc-toolbar-btn-disabled-color: gray;
6254
    --headlines-color: var(--orange);
6255
    --headlines-head-text-color: var(--background);
6256
    --headlines-head-fg-color: var(--background);
6257
    --headlines-head-bg-color: var(--headlines-color);
6258
    --headline-message-color: #D2842B;
6259
    --headline-separator-border-bottom: 2px solid var(--headlines-color);
6260
    --chatbox-button-size: 14px;
6261
    --fullpage-chatbox-button-size: 16px;
6262
    --separator-text-color: var(--message-text-color);
6263
    --chat-separator-border-bottom: 2px solid var(--chat-color);
6264
    --chatroom-separator-border-bottom: 2px solid var(--chatroom-head-bg-color);
6265
    --chatbox-message-input-border-top: 4px solid var(--chat-head-color);
6266
    --chatroom-message-input-border-top: 4px solid var(--chatroom-head-bg-color);
6267
    --occupants-background-color: var(--background);
6268
    --occupants-border-left: 0.2rem solid var(--panel-divider-color);
6269
    --occupants-border-bottom: 1px solid lightgrey;
6270
    --fullpage-chat-height: calc(var(--vh, 1vh) * 100);
6271
    --fullpage-chat-width: 100%;
6272
    --fullpage-emoji-picker-height: 300px;
6273
    --fullpage-max-chat-textarea-height: 15em;
6274
    --overlayed-badge-color: var(--gray);
6275
    --close-color: var(--text-color);
6276
    --close-color: #585B51;
6277
    --list-toggle-color: var(--gray);
6278
    --list-toggle-hover-color: #585B51;
6279
    --list-item-hover-color: rgba(0, 0, 0, 0.035);
6280
    --list-item-action-color: #e3eef3;
6281
    --list-item-link-color: inherit;
6282
    --list-item-link-hover-color: var(--dark-link-color);
6283
    --list-item-open-color: var(--controlbox-head-color);
6284
    --list-item-open-hover-color: var(--controlbox-head-color);
6285
    --list-dot-circle-color: #f6dec1;
6286
    --list-item-action-hover-color: var(--inverse-link-color);
6287
    --list-group-item-bg-color: var(--background);
6288
    --chat-msg-hover-color: var(--list-item-hover-color)
6289
}
6290
 
6291
.conversejs.theme-concord {
6292
    --controlbox-pane-background-color: #333;
6293
    --panel-divider-color: #333;
6294
    --controlbox-pane-bg-hover-color: #464646;
6295
    --controlbox-heading-color: #777;
6296
    --controlbox-heading-font-weight: bold;
6297
    --groupchats-header-color: var(--redder-orange);
6298
    --chat-textarea-background-color: #F6F6F6;
6299
    --chat-correcting-color: #FFFFC0;
6300
    --controlbox-text-color: #DDD;
6301
    --chat-info-color: var(--subdued-color);
6302
    --chatbox-border-radius: 0px;
6303
    --heading-display: inline;
6304
    --heading-color: #9B4D;
6305
    --link-hover-color: var(--light-blue);
6306
    --chatroom-badge-color: var(--redder-orange);
6307
    --chatroom-badge-hover-color: #D24E2B;
6308
    --chatroom-correcting-color: #FFFFC0;
6309
    --chatroom-head-bg-color: white;
6310
    --chatroom-head-border-bottom: 1px solid #EEE;
6311
    --chatroom-head-fg-color: #999;
6312
    --chatroom-head-color: #7E7E7E;
6313
    --chatroom-head-description-border-left: 1px solid #DDD;
6314
    --chatroom-head-description-color: black;
6315
    --chatroom-head-description-display: inline;
6316
    --chatroom-head-description-link-color: #00b3f4;
6317
    --chatroom-head-description-padding-left: 12px;
6318
    --chatroom-head-title-font-weight: bold;
6319
    --chatroom-head-title-padding-right: 12px;
6320
    --muc-toolbar-btn-color: #7E7E7E;
6321
    --muc-toolbar-btn-disabled-color: lightgray;
6322
    --occupants-background-color: #F3F3F3;
6323
    --occupants-border-left: 0px;
6324
    --occupants-border-bottom: 0px;
6325
    --separator-text-color: #AAA;
6326
    --chat-separator-border-bottom: 1px solid #AAA;
6327
    --chatroom-separator-border-bottom: 1px solid #AAA;
6328
    --chatroom-message-input-border-top: 1px solid #CCC;
6329
    --chatbox-message-input-border-top: 1px solid #CCC;
6330
    --fullpage-chatbox-button-size: 24px;
6331
    --list-toggle-font-weight: bold;
6332
    --list-item-link-color: #A1A1A1;
6333
    --list-item-link-hover-color: #DDD;
6334
    --list-item-open-color: #444;
6335
    --list-item-open-hover-color: #444;
6336
    --unread-msgs-color: #F1F1F1
6337
}
6338
 
6339
.conversejs.theme-dracula {
6340
    --current-line: #44475a;
6341
    --comment: #6272a4;
6342
    --cyan: #8be9fd;
6343
    --green: #50fa7b;
6344
    --orange: #ffb86c;
6345
    --pink: #ff79c6;
6346
    --purple: #bd93f9;
6347
    --red: #ff5555;
6348
    --yellow: #f1fa8c;
6349
    --background: #282a36;
6350
    --foreground: #f8f8f2;
6351
    --subdued-color: var(--comment);
6352
    --muc-color: var(--orange);
6353
    --chat-color: var(--green);
6354
    --disabled-color: var(--comment);
6355
    --error-color: var(--red);
6356
    --focus-color: var(--comment);
6357
    --headlines-color: var(--pink);
6358
    --headlines-head-text-color: var(--headlines-color);
6359
    --headlines-head-fg-color: var(--headlines-color);
6360
    --headlines-head-bg-color: var(--background);
6361
    --headline-message-color: var(--headlines-color);
6362
    --headline-separator-border-bottom: 2px solid var(--headlines-color);
6363
    --headlines-head-border-bottom: 0.15em solid var(--headlines-color);
6364
    --icon-hover-color: var(--cyan);
6365
    --gray-color: var(--comment);
6366
    --highlight-color: var(--foreground);
6367
    --highlight-color-darker: var(--comment);
6368
    --redder-orange: var(--muc-color);
6369
    --light-background-color: var(--background);
6370
    --chat-background-color: var(--background);
6371
    --chat-content-background-color: var(--background);
6372
    --chat-textarea-background-color: var(--background);
6373
    --chat-textarea-disabled-bg-color: var(--disabled-color);
6374
    --controlbox-pane-background-color: var(--background);
6375
    --controlbox-pane-bg-hover-color: var(--list-item-hover-color);
6376
    --chat-msg-hover-color: var(--current-line);
6377
    --chat-textarea-color: var(--foreground);
6378
    --close-color: var(--foreground);
6379
    --close-color-hover: var(--purple);
6380
    --global-background-color: var(--background);
6381
    --groupchats-header-color-dark: var(--muc-color);
6382
    --groupchats-header-color: var(--muc-color);
6383
    --img-thumbnail-background-color: var(--comment);
6384
    --img-thumbnail-border-color: black;
6385
    --modal-background-color: var(--background);
6386
    --occupants-background-color: var(--background);
6387
    --raised-el-shadow: 1px 1px 10px black;
6388
    --badge-color: var(--background);
6389
    --chatroom-correcting-color: var(--comment);
6390
    --chatroom-head-bg-color-dark: var(--muc-color);
6391
    --chatroom-head-bg-color: var(--background);
6392
    --chatroom-head-border-bottom: 0.15em solid var(--muc-color);
6393
    --chatroom-head-fg-color: var(--muc-color);
6394
    --chatroom-head-color: var(--muc-color);
6395
    --chatroom-head-description-link-color: var(--link-color);
6396
    --chatroom-message-input-border-top: 0.15em solid var(--muc-color);
6397
    --chatroom-separator-border-bottom: 0.15em solid var(--muc-color);
6398
    --muc-toolbar-btn-disabled-color: var(--disabled-color);
6399
    --occupants-border-left: 0.15em solid var(--muc-color);
6400
    --occupants-border-bottom: 0.15em solid var(--muc-color);
6401
    --chat-correcting-color: var(--comment);
6402
    --chat-head-border-bottom: 0.15em solid var(--chat-color);
6403
    --chat-head-fg-color: var(--chat-color);
6404
    --chat-head-color-dark: var(--chat-color);
6405
    --chat-head-color-darker: var(--chat-color);
6406
    --chat-head-color-lighten-50-percent: var(--chat-color);
6407
    --chat-head-color: var(--background);
6408
    --chat-head-text-color: var(--chat-color);
6409
    --chat-toolbar-btn-color: var(--chat-color);
6410
    --chat-toolbar-btn-color: var(--green);
6411
    --chatbox-message-input-border-top: 0.15em solid var(--chat-color);
6412
    --toolbar-btn-text-color: var(--background);
6413
    --unread-msgs-color: var(--yellow);
6414
    --panel-divider-color: var(--comment);
6415
    --chat-status-online: var(--green);
6416
    --chat-status-busy: var(--red);
6417
    --chat-status-away: var(--orange);
6418
    --chat-info-color: var(--orange);
6419
    --brand-heading-color: var(--cyan);
6420
    --completion-light-color: var(--pink);
6421
    --completion-normal-color: var(--red);
6422
    --completion-dark-color: var(--current-line);
6423
    --button-text-color: var(--background);
6424
    --button-hover-text-color: var(--background);
6425
    --controlbox-text-color: var(--foreground);
6426
    --message-text-color: var(--foreground);
6427
    --text-color: var(--foreground);
6428
    --text-color-lighten-15-percent: var(--yellow);
6429
    --text-color-invert: var(--background);
6430
    --message-author-color: var(--purple);
6431
    --controlbox-head-color: var(--purple);
6432
    --controlbox-head-btn-color: var(--subdued-color);
6433
    --message-receipt-color: var(--green);
6434
    --heading-color: var(--purple);
6435
    --inverse-link-color: var(--foreground);
6436
    --link-color: var(--cyan);
6437
    --dark-link-color: var(--cyan);
6438
    --link-hover-color: var(--green);
6439
    --primary-color: var(--purple);
6440
    --primary-color-dark: var(--purple);
6441
    --primary-color-light: var(--pink);
6442
    --danger-color-dark: var(--pink);
6443
    --danger-color: var(--pink);
6444
    --error-color: var(--red);
6445
    --info-color: var(--comment);
6446
    --secondary-color-dark: var(--cyan);
6447
    --secondary-color: var(--cyan);
6448
    --warning-color-dark: var(--orange);
6449
    --warning-color: var(--orange);
6450
    --list-toggle-color: var(--comment);
6451
    --list-toggle-hover-color: var(--comment);
6452
    --list-item-hover-color: var(--current-line);
6453
    --list-item-action-color: var(--comment);
6454
    --list-item-link-color: var(--foreground);
6455
    --list-item-link-hover-color: var(--link-color);
6456
    --list-item-open-color: var(--current-line);
6457
    --list-item-open-hover-color: var(--current-line);
6458
    --list-dot-circle-color: var(--orange);
6459
    --list-item-action-hover-color: var(--cyan);
6460
    --list-group-item-bg-color: var(--comment)
6461
}
6462
 
6463
.conversejs {
6464
    color: var(--text-color);
6465
    font-family: var(--normal-font);
6466
    font-size: var(--font-size);
6467
    direction: ltr
6468
}
6469
 
6470
.conversejs .flyout {
6471
    position: absolute
6472
}
6473
 
6474
.conversejs .img-thumbnail {
6475
    background-color: var(--img-thumbnail-background-color);
6476
    border: 1px solid var(--img-thumbnail-border-color)
6477
}
6478
 
6479
.conversejs textarea:disabled {
6480
    background-color: var(--chat-textarea-disabled-bg-color) !important
6481
}
6482
 
6483
.conversejs .subdued {
6484
    opacity: .35
6485
}
6486
 
6487
.conversejs .close {
6488
    color: var(--close-color);
6489
    text-shadow: none
6490
}
6491
 
6492
.conversejs .close:hover {
6493
    color: var(--close-color-hover)
6494
}
6495
 
6496
.conversejs .fit-content {
6497
    width: -moz-fit-content !important;
6498
    width: fit-content !important;
6499
    max-width: -moz-fit-content !important;
6500
    max-width: fit-content !important
6501
}
6502
 
6503
.conversejs .nopadding {
6504
    padding: 0 !important
6505
}
6506
 
6507
.conversejs .no-scrolling {
6508
    overflow-x: none;
6509
    overflow-y: none
6510
}
6511
 
6512
.conversejs converse-brand-heading {
6513
    text-align: center
6514
}
6515
 
6516
.conversejs .brand-heading {
6517
    display: inline-flex;
6518
    flex-direction: row;
6519
    align-items: flex-start;
6520
    font-family: var(--branding-font);
6521
    color: var(--link-color);
6522
    margin-bottom: .75em
6523
}
6524
 
6525
.conversejs .brand-heading .brand-name-wrapper {
6526
    display: flex;
6527
    white-space: nowrap;
6528
    margin: auto
6529
}
6530
 
6531
.conversejs .brand-heading .brand-name {
6532
    color: var(--link-color);
6533
    display: flex;
6534
    flex-direction: column;
6535
    align-items: center;
6536
    margin-top: -0.25em
6537
}
6538
 
6539
.conversejs .brand-heading .brand-name .byline {
6540
    font-family: var(--heading-font);
6541
    font-size: .3em;
6542
    margin-bottom: .75em;
6543
    margin-left: -2.7em;
6544
    opacity: .55;
6545
    word-spacing: 5px
6546
}
6547
 
6548
.conversejs .brand-heading .brand-subtitle {
6549
    color: var(--text-color)
6550
}
6551
 
6552
.conversejs .brand-heading .brand-name__text {
6553
    font-size: 120%;
6554
    vertical-align: text-bottom
6555
}
6556
 
6557
.conversejs .brand-heading .converse-svg-logo {
6558
    color: var(--link-color);
6559
    height: 1.5em;
6560
    margin-right: .25em;
6561
    margin-bottom: -0.25em
6562
}
6563
 
6564
.conversejs .brand-heading .converse-svg-logo .cls-1 {
6565
    isolation: isolate
6566
}
6567
 
6568
.conversejs .brand-heading .converse-svg-logo .cls-2 {
6569
    opacity: .5;
6570
    mix-blend-mode: multiply
6571
}
6572
 
6573
.conversejs .brand-heading .converse-svg-logo .cls-3 {
6574
    fill: var(--link-color)
6575
}
6576
 
6577
.conversejs .brand-heading .converse-svg-logo .cls-4 {
6578
    fill: var(--link-color)
6579
}
6580
 
6581
.conversejs .brand-heading--inverse .converse-svg-logo {
6582
    margin-bottom: 0em;
6583
    margin-top: -0.2em
6584
}
6585
 
6586
.conversejs .brand-heading--inverse .byline {
6587
    margin: 0;
6588
    font-family: var(--heading-font);
6589
    font-size: .25em;
6590
    opacity: .55;
6591
    margin-left: -7em;
6592
    word-spacing: 5px
6593
}
6594
 
6595
.conversejs .popover {
6596
    position: fixed
6597
}
6598
 
6599
.conversejs ::-moz-placeholder {
6600
    color: var(--subdued-color)
6601
}
6602
 
6603
.conversejs ::placeholder {
6604
    color: var(--subdued-color)
6605
}
6606
 
6607
.conversejs ::-moz-selection {
6608
    background-color: var(--highlight-color)
6609
}
6610
 
6611
.conversejs ::selection {
6612
    background-color: var(--highlight-color)
6613
}
6614
 
6615
.conversejs ::-moz-selection {
6616
    background-color: var(--highlight-color)
6617
}
6618
 
6619
@media screen and (max-width: 480px) {
6620
    .conversejs {
6621
        margin: 0;
6622
        right: 10px;
6623
        left: 10px;
6624
        bottom: 5px
6625
    }
6626
}
6627
 
6628
@media screen and (max-height: 450px) {
6629
    .conversejs {
6630
        margin: 0;
6631
        right: 10px;
6632
        left: 10px;
6633
        bottom: 5px
6634
    }
6635
}
6636
 
6637
.conversejs ul li {
6638
    height: auto
6639
}
6640
 
6641
.conversejs div,
6642
.conversejs span,
6643
.conversejs h1,
6644
.conversejs h2,
6645
.conversejs h3,
6646
.conversejs h4,
6647
.conversejs h5,
6648
.conversejs h6,
6649
.conversejs p,
6650
.conversejs blockquote,
6651
.conversejs pre,
6652
.conversejs a,
6653
.conversejs em,
6654
.conversejs img,
6655
.conversejs strong,
6656
.conversejs dl,
6657
.conversejs dt,
6658
.conversejs dd,
6659
.conversejs ol,
6660
.conversejs ul,
6661
.conversejs li,
6662
.conversejs fieldset,
6663
.conversejs form,
6664
.conversejs legend,
6665
.conversejs table,
6666
.conversejs caption,
6667
.conversejs tbody,
6668
.conversejs tfoot,
6669
.conversejs thead,
6670
.conversejs tr,
6671
.conversejs th,
6672
.conversejs td,
6673
.conversejs article,
6674
.conversejs aside,
6675
.conversejs details,
6676
.conversejs embed,
6677
.conversejs figure,
6678
.conversejs figcaption,
6679
.conversejs footer,
6680
.conversejs header,
6681
.conversejs hgroup,
6682
.conversejs menu,
6683
.conversejs nav,
6684
.conversejs output,
6685
.conversejs ruby,
6686
.conversejs section,
6687
.conversejs summary,
6688
.conversejs time,
6689
.conversejs mark,
6690
.conversejs audio,
6691
.conversejs video {
6692
    margin: 0;
6693
    padding: 0;
6694
    border: 0;
6695
    font: inherit;
6696
    vertical-align: baseline
6697
}
6698
 
6699
.conversejs textarea,
6700
.conversejs input[type=submit],
6701
.conversejs input[type=button],
6702
.conversejs input[type=text],
6703
.conversejs input[type=password],
6704
.conversejs button {
6705
    font-size: var(--font-size);
6706
    min-height: 0
6707
}
6708
 
6709
.conversejs strong {
6710
    font-weight: 700
6711
}
6712
 
6713
.conversejs em {
6714
    font-style: italic
6715
}
6716
 
6717
.conversejs ol,
6718
.conversejs ul {
6719
    list-style: none
6720
}
6721
 
6722
.conversejs li {
6723
    height: 10px
6724
}
6725
 
6726
.conversejs ul,
6727
.conversejs ol,
6728
.conversejs dl {
6729
    font: inherit;
6730
    margin: 0
6731
}
6732
 
6733
.conversejs a {
6734
    cursor: pointer
6735
}
6736
 
6737
.conversejs a,
6738
.conversejs a:visited,
6739
.conversejs a:not([href]):not([tabindex]),
6740
.conversejs .clickable {
6741
    text-decoration: none;
6742
    color: var(--link-color);
6743
    text-shadow: none;
6744
    cursor: pointer
6745
}
6746
 
6747
.conversejs a:hover,
6748
.conversejs a:visited:hover,
6749
.conversejs a:not([href]):not([tabindex]):hover,
6750
.conversejs .clickable:hover {
6751
    color: var(--link-hover-color);
6752
    text-decoration: none;
6753
    text-shadow: none
6754
}
6755
 
6756
.conversejs a.fa,
6757
.conversejs a.far,
6758
.conversejs a.fas,
6759
.conversejs a:visited.fa,
6760
.conversejs a:visited.far,
6761
.conversejs a:visited.fas,
6762
.conversejs a:not([href]):not([tabindex]).fa,
6763
.conversejs a:not([href]):not([tabindex]).far,
6764
.conversejs a:not([href]):not([tabindex]).fas,
6765
.conversejs .clickable.fa,
6766
.conversejs .clickable.far,
6767
.conversejs .clickable.fas {
6768
    color: var(--subdued-color)
6769
}
6770
 
6771
.conversejs a.fa:hover,
6772
.conversejs a.far:hover,
6773
.conversejs a.fas:hover,
6774
.conversejs a:visited.fa:hover,
6775
.conversejs a:visited.far:hover,
6776
.conversejs a:visited.fas:hover,
6777
.conversejs a:not([href]):not([tabindex]).fa:hover,
6778
.conversejs a:not([href]):not([tabindex]).far:hover,
6779
.conversejs a:not([href]):not([tabindex]).fas:hover,
6780
.conversejs .clickable.fa:hover,
6781
.conversejs .clickable.far:hover,
6782
.conversejs .clickable.fas:hover {
6783
    color: var(--icon-hover-color)
6784
}
6785
 
6786
.conversejs .clickable:hover {
6787
    cursor: pointer
6788
}
6789
 
6790
.conversejs svg {
6791
    border-radius: var(--chatbox-border-radius)
6792
}
6793
 
6794
.conversejs .fa,
6795
.conversejs .far,
6796
.conversejs .fas {
6797
    color: var(--subdued-color)
6798
}
6799
 
6800
.conversejs q {
6801
    quotes: "“" "”" "‘" "’"
6802
}
6803
 
6804
.conversejs q.reason {
6805
    display: inline
6806
}
6807
 
6808
.conversejs q:before {
6809
    content: open-quote
6810
}
6811
 
6812
.conversejs q:after {
6813
    content: close-quote
6814
}
6815
 
6816
.conversejs .helptext {
6817
    font-size: var(--font-size-tiny);
6818
    color: var(--text-color-lighten-15-percent)
6819
}
6820
 
6821
.conversejs .selected {
6822
    color: var(--link-color) !important
6823
}
6824
 
6825
.conversejs .selected svg {
6826
    fill: var(--link-color)
6827
}
6828
 
6829
.conversejs .circle {
6830
    border-radius: 50%
6831
}
6832
 
6833
.conversejs .no-text-select {
6834
    -webkit-touch-callout: none;
6835
    -webkit-user-select: none;
6836
    -moz-user-select: none;
6837
    user-select: none
6838
}
6839
 
6840
@keyframes colorchange-chatmessage {
6841
    0% {
6842
        background-color: #8dd8ae
6843
    }
6844
 
6845
    25% {
6846
        background-color: rgba(141, 216, 174, .75)
6847
    }
6848
 
6849
    50% {
6850
        background-color: rgba(141, 216, 174, .5)
6851
    }
6852
 
6853
    75% {
6854
        background-color: rgba(141, 216, 174, .25)
6855
    }
6856
 
6857
    100% {
6858
        background-color: rgba(0, 0, 0, 0)
6859
    }
6860
}
6861
 
6862
@keyframes colorchange-chatmessage-muc {
6863
    0% {
6864
        background-color: #ffb5a2
6865
    }
6866
 
6867
    25% {
6868
        background-color: rgba(255, 181, 162, .75)
6869
    }
6870
 
6871
    50% {
6872
        background-color: rgba(255, 181, 162, .5)
6873
    }
6874
 
6875
    75% {
6876
        background-color: rgba(255, 181, 162, .25)
6877
    }
6878
 
6879
    100% {
6880
        background-color: rgba(0, 0, 0, 0)
6881
    }
6882
}
6883
 
6884
@keyframes fadein {
6885
    0% {
6886
        opacity: 0
6887
    }
6888
 
6889
    100% {
6890
        opacity: 1
6891
    }
6892
}
6893
 
6894
@keyframes fadeOut {
6895
    0% {
6896
        opacity: 1;
6897
        visibility: visible
6898
    }
6899
 
6900
    100% {
6901
        opacity: 0;
6902
        visibility: hidden
6903
    }
6904
}
6905
 
6906
.conversejs .fade-in {
6907
    opacity: 0;
6908
    animation-name: fadein;
6909
    animation-fill-mode: forwards;
6910
    animation-duration: .5s;
6911
    animation-timing-function: ease
6912
}
6913
 
6914
.conversejs .visible {
6915
    opacity: 0;
6916
    animation-name: fadein;
6917
    animation-fill-mode: forwards;
6918
    animation-duration: 500ms;
6919
    animation-timing-function: ease
6920
}
6921
 
6922
.conversejs .hidden {
6923
    opacity: 0 !important;
6924
    display: none !important
6925
}
6926
 
6927
.conversejs .fade-out {
6928
    animation-duration: .5s;
6929
    animation-fill-mode: forwards;
6930
    animation-name: fadeOut;
6931
    animation-timing-function: ease-in-out
6932
}
6933
 
6934
.conversejs .collapsed {
6935
    height: 0 !important;
6936
    overflow: hidden !important;
6937
    padding: 0 !important
6938
}
6939
 
6940
.conversejs .locked {
6941
    padding-right: 22px
6942
}
6943
 
6944
@keyframes spin {
6945
    from {
6946
        transform: rotate(0deg)
6947
    }
6948
 
6949
    to {
6950
        transform: rotate(359deg)
6951
    }
6952
}
6953
 
6954
.conversejs .left {
6955
    float: left
6956
}
6957
 
6958
.conversejs .right {
6959
    float: right
6960
}
6961
 
6962
.conversejs .centered {
6963
    text-align: center;
6964
    display: block;
6965
    margin: auto
6966
}
6967
 
6968
.conversejs .hor_centered {
6969
    text-align: center;
6970
    display: block !important;
6971
    margin: 0 auto;
6972
    clear: both
6973
}
6974
 
6975
.conversejs .error {
6976
    color: var(--error-color) !important
6977
}
6978
 
6979
.conversejs .info {
6980
    color: var(--info-color)
6981
}
6982
 
6983
.conversejs .reg-feedback {
6984
    font-size: 85%;
6985
    margin-bottom: 1em
6986
}
6987
 
6988
.conversejs .reg-feedback,
6989
.conversejs #converse-login .conn-feedback {
6990
    display: block;
6991
    text-align: center;
6992
    width: 100%
6993
}
6994
 
6995
.conversejs .avatar-autocomplete {
6996
    margin-right: .5em;
6997
    vertical-align: middle
6998
}
6999
 
7000
.conversejs .activated {
7001
    display: block !important
7002
}
7003
 
7004
.conversejs .form-help {
7005
    color: var(--subdued-color);
7006
    font-size: 90%
7007
}
7008
 
7009
.conversejs .nav-pills .nav-link.active,
7010
.conversejs .nav-pills .show>.nav-link {
7011
    background-color: var(--primary-color)
7012
}
7013
 
7014
@media screen and (max-width: 575px) {
7015
    body .converse-brand {
7016
        font-size: 3.75em
7017
    }
7018
 
7019
    .conversejs:not(.converse-embedded) .chatbox .chat-body {
7020
        border-radius: var(--chatbox-border-radius)
7021
    }
7022
 
7023
    .conversejs:not(.converse-embedded) .flyout {
7024
        border-radius: var(--chatbox-border-radius)
7025
    }
7026
}
7027
 
7028
@media screen and (min-width: 576px) {
7029
    .conversejs .offset-sm-2 {
7030
        margin-left: 16.666667%
7031
    }
7032
}
7033
 
7034
@media screen and (min-width: 768px) {
7035
    .conversejs .offset-md-2 {
7036
        margin-left: 16.666667%
7037
    }
7038
 
7039
    .conversejs .offset-md-3 {
7040
        margin-left: 25%
7041
    }
7042
}
7043
 
7044
@media screen and (min-width: 992px) {
7045
    .conversejs .offset-lg-2 {
7046
        margin-left: 16.666667%
7047
    }
7048
 
7049
    .conversejs .offset-lg-3 {
7050
        margin-left: 25%
7051
    }
7052
}
7053
 
7054
@media screen and (min-width: 1200px) {
7055
    .conversejs .offset-xl-2 {
7056
        margin-left: 16.666667%
7057
    }
7058
}
7059
 
7060
@media screen and (max-height: 450px) {
7061
    .conversejs {
7062
        left: 0
7063
    }
7064
}
7065
 
7066
.conversejs .alert-info h3,
7067
.conversejs .alert-danger h3 {
7068
    color: var(--background);
7069
    font-size: large
7070
}
7071
 
7072
.conversejs .alert-info .modal-title,
7073
.conversejs .alert-danger .modal-title {
7074
    font-size: 110%
7075
}
7076
 
7077
.conversejs .alert-info .close,
7078
.conversejs .alert-danger .close {
7079
    color: var(--background)
7080
}
7081
 
7082
.conversejs .alert-info {
7083
    color: var(--background);
7084
    background-color: var(--primary-color);
7085
    border-color: var(--primary-color-dark)
7086
}
7087
 
7088
.conversejs .alert-danger {
7089
    color: var(--background);
7090
    border-color: var(--danger-color-dark);
7091
    background-color: var(--danger-color)
7092
}
7093
 
7094
.conversejs .alert-danger .disconnect-msg {
7095
    color: var(--background) !important
7096
}
7097
 
7098
.conversejs .spinner__container {
7099
    width: 100%
7100
}
7101
 
7102
.conversejs .spinner {
7103
    animation: spin 2s infinite, linear;
7104
    width: 1em;
7105
    display: block;
7106
    text-align: center;
7107
    padding: .5em 0;
7108
    font-size: 24px
7109
}
7110
 
7111
.conversejs .spinner svg {
7112
    fill: var(--primary-color)
7113
}
7114
 
7115
.conversejs .btn {
7116
    display: inline-block;
7117
    font-weight: 400;
7118
    color: #212529;
7119
    text-align: center;
7120
    vertical-align: middle;
7121
    -webkit-user-select: none;
7122
    -moz-user-select: none;
7123
    user-select: none;
7124
    background-color: rgba(0, 0, 0, 0);
7125
    border: 1px solid rgba(0, 0, 0, 0);
7126
    padding: .375rem .75rem;
7127
    font-size: 1rem;
7128
    line-height: 1.5;
7129
    border-radius: .25rem;
7130
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
7131
}
7132
 
7133
@media(prefers-reduced-motion: reduce) {
7134
    .conversejs .btn {
7135
        transition: none
7136
    }
7137
}
7138
 
7139
.conversejs .btn:hover {
7140
    color: #212529;
7141
    text-decoration: none
7142
}
7143
 
7144
.conversejs .btn:focus,
7145
.conversejs .btn.focus {
7146
    outline: 0;
7147
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
7148
}
7149
 
7150
.conversejs .btn.disabled,
7151
.conversejs .btn:disabled {
7152
    opacity: .65
7153
}
7154
 
7155
.conversejs .btn:not(:disabled):not(.disabled) {
7156
    cursor: pointer
7157
}
7158
 
7159
.conversejs a.btn.disabled,
7160
.conversejs fieldset:disabled a.btn {
7161
    pointer-events: none
7162
}
7163
 
7164
.conversejs .btn-primary {
7165
    color: #fff;
7166
    background-color: #007bff;
7167
    border-color: #007bff
7168
}
7169
 
7170
.conversejs .btn-primary:hover {
7171
    color: #fff;
7172
    background-color: #0069d9;
7173
    border-color: #0062cc
7174
}
7175
 
7176
.conversejs .btn-primary:focus,
7177
.conversejs .btn-primary.focus {
7178
    color: #fff;
7179
    background-color: #0069d9;
7180
    border-color: #0062cc;
7181
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
7182
}
7183
 
7184
.conversejs .btn-primary.disabled,
7185
.conversejs .btn-primary:disabled {
7186
    color: #fff;
7187
    background-color: #007bff;
7188
    border-color: #007bff
7189
}
7190
 
7191
.conversejs .btn-primary:not(:disabled):not(.disabled):active,
7192
.conversejs .btn-primary:not(:disabled):not(.disabled).active,
7193
.show>.conversejs .btn-primary.dropdown-toggle {
7194
    color: #fff;
7195
    background-color: #0062cc;
7196
    border-color: #005cbf
7197
}
7198
 
7199
.conversejs .btn-primary:not(:disabled):not(.disabled):active:focus,
7200
.conversejs .btn-primary:not(:disabled):not(.disabled).active:focus,
7201
.show>.conversejs .btn-primary.dropdown-toggle:focus {
7202
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
7203
}
7204
 
7205
.conversejs .btn-secondary {
7206
    color: #fff;
7207
    background-color: #6c757d;
7208
    border-color: #6c757d
7209
}
7210
 
7211
.conversejs .btn-secondary:hover {
7212
    color: #fff;
7213
    background-color: #5a6268;
7214
    border-color: #545b62
7215
}
7216
 
7217
.conversejs .btn-secondary:focus,
7218
.conversejs .btn-secondary.focus {
7219
    color: #fff;
7220
    background-color: #5a6268;
7221
    border-color: #545b62;
7222
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
7223
}
7224
 
7225
.conversejs .btn-secondary.disabled,
7226
.conversejs .btn-secondary:disabled {
7227
    color: #fff;
7228
    background-color: #6c757d;
7229
    border-color: #6c757d
7230
}
7231
 
7232
.conversejs .btn-secondary:not(:disabled):not(.disabled):active,
7233
.conversejs .btn-secondary:not(:disabled):not(.disabled).active,
7234
.show>.conversejs .btn-secondary.dropdown-toggle {
7235
    color: #fff;
7236
    background-color: #545b62;
7237
    border-color: #4e555b
7238
}
7239
 
7240
.conversejs .btn-secondary:not(:disabled):not(.disabled):active:focus,
7241
.conversejs .btn-secondary:not(:disabled):not(.disabled).active:focus,
7242
.show>.conversejs .btn-secondary.dropdown-toggle:focus {
7243
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
7244
}
7245
 
7246
.conversejs .btn-success {
7247
    color: #fff;
7248
    background-color: #28a745;
7249
    border-color: #28a745
7250
}
7251
 
7252
.conversejs .btn-success:hover {
7253
    color: #fff;
7254
    background-color: #218838;
7255
    border-color: #1e7e34
7256
}
7257
 
7258
.conversejs .btn-success:focus,
7259
.conversejs .btn-success.focus {
7260
    color: #fff;
7261
    background-color: #218838;
7262
    border-color: #1e7e34;
7263
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
7264
}
7265
 
7266
.conversejs .btn-success.disabled,
7267
.conversejs .btn-success:disabled {
7268
    color: #fff;
7269
    background-color: #28a745;
7270
    border-color: #28a745
7271
}
7272
 
7273
.conversejs .btn-success:not(:disabled):not(.disabled):active,
7274
.conversejs .btn-success:not(:disabled):not(.disabled).active,
7275
.show>.conversejs .btn-success.dropdown-toggle {
7276
    color: #fff;
7277
    background-color: #1e7e34;
7278
    border-color: #1c7430
7279
}
7280
 
7281
.conversejs .btn-success:not(:disabled):not(.disabled):active:focus,
7282
.conversejs .btn-success:not(:disabled):not(.disabled).active:focus,
7283
.show>.conversejs .btn-success.dropdown-toggle:focus {
7284
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
7285
}
7286
 
7287
.conversejs .btn-info {
7288
    color: #fff;
7289
    background-color: #17a2b8;
7290
    border-color: #17a2b8
7291
}
7292
 
7293
.conversejs .btn-info:hover {
7294
    color: #fff;
7295
    background-color: #138496;
7296
    border-color: #117a8b
7297
}
7298
 
7299
.conversejs .btn-info:focus,
7300
.conversejs .btn-info.focus {
7301
    color: #fff;
7302
    background-color: #138496;
7303
    border-color: #117a8b;
7304
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
7305
}
7306
 
7307
.conversejs .btn-info.disabled,
7308
.conversejs .btn-info:disabled {
7309
    color: #fff;
7310
    background-color: #17a2b8;
7311
    border-color: #17a2b8
7312
}
7313
 
7314
.conversejs .btn-info:not(:disabled):not(.disabled):active,
7315
.conversejs .btn-info:not(:disabled):not(.disabled).active,
7316
.show>.conversejs .btn-info.dropdown-toggle {
7317
    color: #fff;
7318
    background-color: #117a8b;
7319
    border-color: #10707f
7320
}
7321
 
7322
.conversejs .btn-info:not(:disabled):not(.disabled):active:focus,
7323
.conversejs .btn-info:not(:disabled):not(.disabled).active:focus,
7324
.show>.conversejs .btn-info.dropdown-toggle:focus {
7325
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
7326
}
7327
 
7328
.conversejs .btn-warning {
7329
    color: #212529;
7330
    background-color: #ffc107;
7331
    border-color: #ffc107
7332
}
7333
 
7334
.conversejs .btn-warning:hover {
7335
    color: #212529;
7336
    background-color: #e0a800;
7337
    border-color: #d39e00
7338
}
7339
 
7340
.conversejs .btn-warning:focus,
7341
.conversejs .btn-warning.focus {
7342
    color: #212529;
7343
    background-color: #e0a800;
7344
    border-color: #d39e00;
7345
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
7346
}
7347
 
7348
.conversejs .btn-warning.disabled,
7349
.conversejs .btn-warning:disabled {
7350
    color: #212529;
7351
    background-color: #ffc107;
7352
    border-color: #ffc107
7353
}
7354
 
7355
.conversejs .btn-warning:not(:disabled):not(.disabled):active,
7356
.conversejs .btn-warning:not(:disabled):not(.disabled).active,
7357
.show>.conversejs .btn-warning.dropdown-toggle {
7358
    color: #212529;
7359
    background-color: #d39e00;
7360
    border-color: #c69500
7361
}
7362
 
7363
.conversejs .btn-warning:not(:disabled):not(.disabled):active:focus,
7364
.conversejs .btn-warning:not(:disabled):not(.disabled).active:focus,
7365
.show>.conversejs .btn-warning.dropdown-toggle:focus {
7366
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
7367
}
7368
 
7369
.conversejs .btn-danger {
7370
    color: #fff;
7371
    background-color: #dc3545;
7372
    border-color: #dc3545
7373
}
7374
 
7375
.conversejs .btn-danger:hover {
7376
    color: #fff;
7377
    background-color: #c82333;
7378
    border-color: #bd2130
7379
}
7380
 
7381
.conversejs .btn-danger:focus,
7382
.conversejs .btn-danger.focus {
7383
    color: #fff;
7384
    background-color: #c82333;
7385
    border-color: #bd2130;
7386
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
7387
}
7388
 
7389
.conversejs .btn-danger.disabled,
7390
.conversejs .btn-danger:disabled {
7391
    color: #fff;
7392
    background-color: #dc3545;
7393
    border-color: #dc3545
7394
}
7395
 
7396
.conversejs .btn-danger:not(:disabled):not(.disabled):active,
7397
.conversejs .btn-danger:not(:disabled):not(.disabled).active,
7398
.show>.conversejs .btn-danger.dropdown-toggle {
7399
    color: #fff;
7400
    background-color: #bd2130;
7401
    border-color: #b21f2d
7402
}
7403
 
7404
.conversejs .btn-danger:not(:disabled):not(.disabled):active:focus,
7405
.conversejs .btn-danger:not(:disabled):not(.disabled).active:focus,
7406
.show>.conversejs .btn-danger.dropdown-toggle:focus {
7407
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
7408
}
7409
 
7410
.conversejs .btn-light {
7411
    color: #212529;
7412
    background-color: #f8f9fa;
7413
    border-color: #f8f9fa
7414
}
7415
 
7416
.conversejs .btn-light:hover {
7417
    color: #212529;
7418
    background-color: #e2e6ea;
7419
    border-color: #dae0e5
7420
}
7421
 
7422
.conversejs .btn-light:focus,
7423
.conversejs .btn-light.focus {
7424
    color: #212529;
7425
    background-color: #e2e6ea;
7426
    border-color: #dae0e5;
7427
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
7428
}
7429
 
7430
.conversejs .btn-light.disabled,
7431
.conversejs .btn-light:disabled {
7432
    color: #212529;
7433
    background-color: #f8f9fa;
7434
    border-color: #f8f9fa
7435
}
7436
 
7437
.conversejs .btn-light:not(:disabled):not(.disabled):active,
7438
.conversejs .btn-light:not(:disabled):not(.disabled).active,
7439
.show>.conversejs .btn-light.dropdown-toggle {
7440
    color: #212529;
7441
    background-color: #dae0e5;
7442
    border-color: #d3d9df
7443
}
7444
 
7445
.conversejs .btn-light:not(:disabled):not(.disabled):active:focus,
7446
.conversejs .btn-light:not(:disabled):not(.disabled).active:focus,
7447
.show>.conversejs .btn-light.dropdown-toggle:focus {
7448
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
7449
}
7450
 
7451
.conversejs .btn-dark {
7452
    color: #fff;
7453
    background-color: #343a40;
7454
    border-color: #343a40
7455
}
7456
 
7457
.conversejs .btn-dark:hover {
7458
    color: #fff;
7459
    background-color: #23272b;
7460
    border-color: #1d2124
7461
}
7462
 
7463
.conversejs .btn-dark:focus,
7464
.conversejs .btn-dark.focus {
7465
    color: #fff;
7466
    background-color: #23272b;
7467
    border-color: #1d2124;
7468
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
7469
}
7470
 
7471
.conversejs .btn-dark.disabled,
7472
.conversejs .btn-dark:disabled {
7473
    color: #fff;
7474
    background-color: #343a40;
7475
    border-color: #343a40
7476
}
7477
 
7478
.conversejs .btn-dark:not(:disabled):not(.disabled):active,
7479
.conversejs .btn-dark:not(:disabled):not(.disabled).active,
7480
.show>.conversejs .btn-dark.dropdown-toggle {
7481
    color: #fff;
7482
    background-color: #1d2124;
7483
    border-color: #171a1d
7484
}
7485
 
7486
.conversejs .btn-dark:not(:disabled):not(.disabled):active:focus,
7487
.conversejs .btn-dark:not(:disabled):not(.disabled).active:focus,
7488
.show>.conversejs .btn-dark.dropdown-toggle:focus {
7489
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
7490
}
7491
 
7492
.conversejs .btn-outline-primary {
7493
    color: #007bff;
7494
    border-color: #007bff
7495
}
7496
 
7497
.conversejs .btn-outline-primary:hover {
7498
    color: #fff;
7499
    background-color: #007bff;
7500
    border-color: #007bff
7501
}
7502
 
7503
.conversejs .btn-outline-primary:focus,
7504
.conversejs .btn-outline-primary.focus {
7505
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
7506
}
7507
 
7508
.conversejs .btn-outline-primary.disabled,
7509
.conversejs .btn-outline-primary:disabled {
7510
    color: #007bff;
7511
    background-color: rgba(0, 0, 0, 0)
7512
}
7513
 
7514
.conversejs .btn-outline-primary:not(:disabled):not(.disabled):active,
7515
.conversejs .btn-outline-primary:not(:disabled):not(.disabled).active,
7516
.show>.conversejs .btn-outline-primary.dropdown-toggle {
7517
    color: #fff;
7518
    background-color: #007bff;
7519
    border-color: #007bff
7520
}
7521
 
7522
.conversejs .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
7523
.conversejs .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
7524
.show>.conversejs .btn-outline-primary.dropdown-toggle:focus {
7525
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
7526
}
7527
 
7528
.conversejs .btn-outline-secondary {
7529
    color: #6c757d;
7530
    border-color: #6c757d
7531
}
7532
 
7533
.conversejs .btn-outline-secondary:hover {
7534
    color: #fff;
7535
    background-color: #6c757d;
7536
    border-color: #6c757d
7537
}
7538
 
7539
.conversejs .btn-outline-secondary:focus,
7540
.conversejs .btn-outline-secondary.focus {
7541
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
7542
}
7543
 
7544
.conversejs .btn-outline-secondary.disabled,
7545
.conversejs .btn-outline-secondary:disabled {
7546
    color: #6c757d;
7547
    background-color: rgba(0, 0, 0, 0)
7548
}
7549
 
7550
.conversejs .btn-outline-secondary:not(:disabled):not(.disabled):active,
7551
.conversejs .btn-outline-secondary:not(:disabled):not(.disabled).active,
7552
.show>.conversejs .btn-outline-secondary.dropdown-toggle {
7553
    color: #fff;
7554
    background-color: #6c757d;
7555
    border-color: #6c757d
7556
}
7557
 
7558
.conversejs .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
7559
.conversejs .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
7560
.show>.conversejs .btn-outline-secondary.dropdown-toggle:focus {
7561
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
7562
}
7563
 
7564
.conversejs .btn-outline-success {
7565
    color: #28a745;
7566
    border-color: #28a745
7567
}
7568
 
7569
.conversejs .btn-outline-success:hover {
7570
    color: #fff;
7571
    background-color: #28a745;
7572
    border-color: #28a745
7573
}
7574
 
7575
.conversejs .btn-outline-success:focus,
7576
.conversejs .btn-outline-success.focus {
7577
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
7578
}
7579
 
7580
.conversejs .btn-outline-success.disabled,
7581
.conversejs .btn-outline-success:disabled {
7582
    color: #28a745;
7583
    background-color: rgba(0, 0, 0, 0)
7584
}
7585
 
7586
.conversejs .btn-outline-success:not(:disabled):not(.disabled):active,
7587
.conversejs .btn-outline-success:not(:disabled):not(.disabled).active,
7588
.show>.conversejs .btn-outline-success.dropdown-toggle {
7589
    color: #fff;
7590
    background-color: #28a745;
7591
    border-color: #28a745
7592
}
7593
 
7594
.conversejs .btn-outline-success:not(:disabled):not(.disabled):active:focus,
7595
.conversejs .btn-outline-success:not(:disabled):not(.disabled).active:focus,
7596
.show>.conversejs .btn-outline-success.dropdown-toggle:focus {
7597
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
7598
}
7599
 
7600
.conversejs .btn-outline-info {
7601
    color: #17a2b8;
7602
    border-color: #17a2b8
7603
}
7604
 
7605
.conversejs .btn-outline-info:hover {
7606
    color: #fff;
7607
    background-color: #17a2b8;
7608
    border-color: #17a2b8
7609
}
7610
 
7611
.conversejs .btn-outline-info:focus,
7612
.conversejs .btn-outline-info.focus {
7613
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
7614
}
7615
 
7616
.conversejs .btn-outline-info.disabled,
7617
.conversejs .btn-outline-info:disabled {
7618
    color: #17a2b8;
7619
    background-color: rgba(0, 0, 0, 0)
7620
}
7621
 
7622
.conversejs .btn-outline-info:not(:disabled):not(.disabled):active,
7623
.conversejs .btn-outline-info:not(:disabled):not(.disabled).active,
7624
.show>.conversejs .btn-outline-info.dropdown-toggle {
7625
    color: #fff;
7626
    background-color: #17a2b8;
7627
    border-color: #17a2b8
7628
}
7629
 
7630
.conversejs .btn-outline-info:not(:disabled):not(.disabled):active:focus,
7631
.conversejs .btn-outline-info:not(:disabled):not(.disabled).active:focus,
7632
.show>.conversejs .btn-outline-info.dropdown-toggle:focus {
7633
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
7634
}
7635
 
7636
.conversejs .btn-outline-warning {
7637
    color: #ffc107;
7638
    border-color: #ffc107
7639
}
7640
 
7641
.conversejs .btn-outline-warning:hover {
7642
    color: #212529;
7643
    background-color: #ffc107;
7644
    border-color: #ffc107
7645
}
7646
 
7647
.conversejs .btn-outline-warning:focus,
7648
.conversejs .btn-outline-warning.focus {
7649
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
7650
}
7651
 
7652
.conversejs .btn-outline-warning.disabled,
7653
.conversejs .btn-outline-warning:disabled {
7654
    color: #ffc107;
7655
    background-color: rgba(0, 0, 0, 0)
7656
}
7657
 
7658
.conversejs .btn-outline-warning:not(:disabled):not(.disabled):active,
7659
.conversejs .btn-outline-warning:not(:disabled):not(.disabled).active,
7660
.show>.conversejs .btn-outline-warning.dropdown-toggle {
7661
    color: #212529;
7662
    background-color: #ffc107;
7663
    border-color: #ffc107
7664
}
7665
 
7666
.conversejs .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
7667
.conversejs .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
7668
.show>.conversejs .btn-outline-warning.dropdown-toggle:focus {
7669
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
7670
}
7671
 
7672
.conversejs .btn-outline-danger {
7673
    color: #dc3545;
7674
    border-color: #dc3545
7675
}
7676
 
7677
.conversejs .btn-outline-danger:hover {
7678
    color: #fff;
7679
    background-color: #dc3545;
7680
    border-color: #dc3545
7681
}
7682
 
7683
.conversejs .btn-outline-danger:focus,
7684
.conversejs .btn-outline-danger.focus {
7685
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
7686
}
7687
 
7688
.conversejs .btn-outline-danger.disabled,
7689
.conversejs .btn-outline-danger:disabled {
7690
    color: #dc3545;
7691
    background-color: rgba(0, 0, 0, 0)
7692
}
7693
 
7694
.conversejs .btn-outline-danger:not(:disabled):not(.disabled):active,
7695
.conversejs .btn-outline-danger:not(:disabled):not(.disabled).active,
7696
.show>.conversejs .btn-outline-danger.dropdown-toggle {
7697
    color: #fff;
7698
    background-color: #dc3545;
7699
    border-color: #dc3545
7700
}
7701
 
7702
.conversejs .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
7703
.conversejs .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
7704
.show>.conversejs .btn-outline-danger.dropdown-toggle:focus {
7705
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
7706
}
7707
 
7708
.conversejs .btn-outline-light {
7709
    color: #f8f9fa;
7710
    border-color: #f8f9fa
7711
}
7712
 
7713
.conversejs .btn-outline-light:hover {
7714
    color: #212529;
7715
    background-color: #f8f9fa;
7716
    border-color: #f8f9fa
7717
}
7718
 
7719
.conversejs .btn-outline-light:focus,
7720
.conversejs .btn-outline-light.focus {
7721
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
7722
}
7723
 
7724
.conversejs .btn-outline-light.disabled,
7725
.conversejs .btn-outline-light:disabled {
7726
    color: #f8f9fa;
7727
    background-color: rgba(0, 0, 0, 0)
7728
}
7729
 
7730
.conversejs .btn-outline-light:not(:disabled):not(.disabled):active,
7731
.conversejs .btn-outline-light:not(:disabled):not(.disabled).active,
7732
.show>.conversejs .btn-outline-light.dropdown-toggle {
7733
    color: #212529;
7734
    background-color: #f8f9fa;
7735
    border-color: #f8f9fa
7736
}
7737
 
7738
.conversejs .btn-outline-light:not(:disabled):not(.disabled):active:focus,
7739
.conversejs .btn-outline-light:not(:disabled):not(.disabled).active:focus,
7740
.show>.conversejs .btn-outline-light.dropdown-toggle:focus {
7741
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
7742
}
7743
 
7744
.conversejs .btn-outline-dark {
7745
    color: #343a40;
7746
    border-color: #343a40
7747
}
7748
 
7749
.conversejs .btn-outline-dark:hover {
7750
    color: #fff;
7751
    background-color: #343a40;
7752
    border-color: #343a40
7753
}
7754
 
7755
.conversejs .btn-outline-dark:focus,
7756
.conversejs .btn-outline-dark.focus {
7757
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
7758
}
7759
 
7760
.conversejs .btn-outline-dark.disabled,
7761
.conversejs .btn-outline-dark:disabled {
7762
    color: #343a40;
7763
    background-color: rgba(0, 0, 0, 0)
7764
}
7765
 
7766
.conversejs .btn-outline-dark:not(:disabled):not(.disabled):active,
7767
.conversejs .btn-outline-dark:not(:disabled):not(.disabled).active,
7768
.show>.conversejs .btn-outline-dark.dropdown-toggle {
7769
    color: #fff;
7770
    background-color: #343a40;
7771
    border-color: #343a40
7772
}
7773
 
7774
.conversejs .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
7775
.conversejs .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
7776
.show>.conversejs .btn-outline-dark.dropdown-toggle:focus {
7777
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
7778
}
7779
 
7780
.conversejs .btn-link {
7781
    font-weight: 400;
7782
    color: #007bff;
7783
    text-decoration: none
7784
}
7785
 
7786
.conversejs .btn-link:hover {
7787
    color: #0056b3;
7788
    text-decoration: underline
7789
}
7790
 
7791
.conversejs .btn-link:focus,
7792
.conversejs .btn-link.focus {
7793
    text-decoration: underline
7794
}
7795
 
7796
.conversejs .btn-link:disabled,
7797
.conversejs .btn-link.disabled {
7798
    color: #6c757d;
7799
    pointer-events: none
7800
}
7801
 
7802
.conversejs .btn-lg,
7803
.conversejs .btn-group-lg>.btn {
7804
    padding: .5rem 1rem;
7805
    font-size: 1.25rem;
7806
    line-height: 1.5;
7807
    border-radius: .3rem
7808
}
7809
 
7810
.conversejs .btn-sm,
7811
.conversejs .btn-group-sm>.btn {
7812
    padding: .25rem .5rem;
7813
    font-size: 0.875rem;
7814
    line-height: 1.5;
7815
    border-radius: .2rem
7816
}
7817
 
7818
.conversejs .btn-block {
7819
    display: block;
7820
    width: 100%
7821
}
7822
 
7823
.conversejs .btn-block+.btn-block {
7824
    margin-top: .5rem
7825
}
7826
 
7827
.conversejs input[type=submit].btn-block,
7828
.conversejs input[type=reset].btn-block,
7829
.conversejs input[type=button].btn-block {
7830
    width: 100%
7831
}
7832
 
7833
.conversejs .btn-group,
7834
.conversejs .btn-group-vertical {
7835
    position: relative;
7836
    display: inline-flex;
7837
    vertical-align: middle
7838
}
7839
 
7840
.conversejs .btn-group>.btn,
7841
.conversejs .btn-group-vertical>.btn {
7842
    position: relative;
7843
    flex: 1 1 auto
7844
}
7845
 
7846
.conversejs .btn-group>.btn:hover,
7847
.conversejs .btn-group-vertical>.btn:hover {
7848
    z-index: 1
7849
}
7850
 
7851
.conversejs .btn-group>.btn:focus,
7852
.conversejs .btn-group>.btn:active,
7853
.conversejs .btn-group>.btn.active,
7854
.conversejs .btn-group-vertical>.btn:focus,
7855
.conversejs .btn-group-vertical>.btn:active,
7856
.conversejs .btn-group-vertical>.btn.active {
7857
    z-index: 1
7858
}
7859
 
7860
.conversejs .btn-toolbar {
7861
    display: flex;
7862
    flex-wrap: wrap;
7863
    justify-content: flex-start
7864
}
7865
 
7866
.conversejs .btn-toolbar .input-group {
7867
    width: auto
7868
}
7869
 
7870
.conversejs .btn-group>.btn:not(:first-child),
7871
.conversejs .btn-group>.btn-group:not(:first-child) {
7872
    margin-left: -1px
7873
}
7874
 
7875
.conversejs .btn-group>.btn:not(:last-child):not(.dropdown-toggle),
7876
.conversejs .btn-group>.btn-group:not(:last-child)>.btn {
7877
    border-top-right-radius: 0;
7878
    border-bottom-right-radius: 0
7879
}
7880
 
7881
.conversejs .btn-group>.btn:not(:first-child),
7882
.conversejs .btn-group>.btn-group:not(:first-child)>.btn {
7883
    border-top-left-radius: 0;
7884
    border-bottom-left-radius: 0
7885
}
7886
 
7887
.conversejs .dropdown-toggle-split {
7888
    padding-right: .5625rem;
7889
    padding-left: .5625rem
7890
}
7891
 
7892
.conversejs .dropdown-toggle-split::after,
7893
.dropup .conversejs .dropdown-toggle-split::after,
7894
.dropright .conversejs .dropdown-toggle-split::after {
7895
    margin-left: 0
7896
}
7897
 
7898
.dropleft .conversejs .dropdown-toggle-split::before {
7899
    margin-right: 0
7900
}
7901
 
7902
.conversejs .btn-sm+.dropdown-toggle-split,
7903
.conversejs .btn-group-sm>.btn+.dropdown-toggle-split {
7904
    padding-right: .375rem;
7905
    padding-left: .375rem
7906
}
7907
 
7908
.conversejs .btn-lg+.dropdown-toggle-split,
7909
.conversejs .btn-group-lg>.btn+.dropdown-toggle-split {
7910
    padding-right: .75rem;
7911
    padding-left: .75rem
7912
}
7913
 
7914
.conversejs .btn-group-vertical {
7915
    flex-direction: column;
7916
    align-items: flex-start;
7917
    justify-content: center
7918
}
7919
 
7920
.conversejs .btn-group-vertical>.btn,
7921
.conversejs .btn-group-vertical>.btn-group {
7922
    width: 100%
7923
}
7924
 
7925
.conversejs .btn-group-vertical>.btn:not(:first-child),
7926
.conversejs .btn-group-vertical>.btn-group:not(:first-child) {
7927
    margin-top: -1px
7928
}
7929
 
7930
.conversejs .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
7931
.conversejs .btn-group-vertical>.btn-group:not(:last-child)>.btn {
7932
    border-bottom-right-radius: 0;
7933
    border-bottom-left-radius: 0
7934
}
7935
 
7936
.conversejs .btn-group-vertical>.btn:not(:first-child),
7937
.conversejs .btn-group-vertical>.btn-group:not(:first-child)>.btn {
7938
    border-top-left-radius: 0;
7939
    border-top-right-radius: 0
7940
}
7941
 
7942
.conversejs .btn-group-toggle>.btn,
7943
.conversejs .btn-group-toggle>.btn-group>.btn {
7944
    margin-bottom: 0
7945
}
7946
 
7947
.conversejs .btn-group-toggle>.btn input[type=radio],
7948
.conversejs .btn-group-toggle>.btn input[type=checkbox],
7949
.conversejs .btn-group-toggle>.btn-group>.btn input[type=radio],
7950
.conversejs .btn-group-toggle>.btn-group>.btn input[type=checkbox] {
7951
    position: absolute;
7952
    clip: rect(0, 0, 0, 0);
7953
    pointer-events: none
7954
}
7955
 
7956
.conversejs .btn {
7957
    font-weight: normal;
7958
    color: var(--button-text-color)
7959
}
7960
 
7961
.conversejs .btn:hover {
7962
    color: var(--button-hover-text-color)
7963
}
7964
 
7965
.conversejs .btn.fa {
7966
    color: var(--button-text-color) !important
7967
}
7968
 
7969
.conversejs .btn i.fa,
7970
.conversejs .btn i.far,
7971
.conversejs .btn i.fas {
7972
    color: var(--button-text-color);
7973
    margin-right: .5em
7974
}
7975
 
7976
.conversejs .btn i.fa.only-icon,
7977
.conversejs .btn i.far.only-icon,
7978
.conversejs .btn i.fas.only-icon {
7979
    margin-right: 0
7980
}
7981
 
7982
.conversejs .btn converse-icon {
7983
    display: inline-block;
7984
    margin-right: 0
7985
}
7986
 
7987
.conversejs .btn-primary {
7988
    background-color: var(--primary-color) !important;
7989
    border-color: rgba(0, 0, 0, 0) !important
7990
}
7991
 
7992
.conversejs .btn-primary:focus,
7993
.conversejs .btn-primary:hover,
7994
.conversejs .btn-primary:active {
7995
    color: var(--button-text-color);
7996
    background-color: var(--primary-color-dark) !important;
7997
    border-color: rgba(0, 0, 0, 0) !important
7998
}
7999
 
8000
.conversejs .btn--transparent {
8001
    background: rgba(0, 0, 0, 0);
8002
    border: none
8003
}
8004
 
8005
.conversejs .btn-circle {
8006
    width: 30px;
8007
    height: 30px;
8008
    text-align: center;
8009
    padding: .5em 0;
8010
    font-size: var(--font-size-small);
8011
    line-height: 1.428571429;
8012
    border-radius: 50%
8013
}
8014
 
8015
.conversejs .btn-info,
8016
.conversejs .badge-info {
8017
    background-color: var(--primary-color);
8018
    border-color: var(--primary-color)
8019
}
8020
 
8021
.conversejs .btn-info:hover,
8022
.conversejs .badge-info:hover {
8023
    background-color: var(--primary-color-dark);
8024
    border-color: var(--primary-color-dark)
8025
}
8026
 
8027
.conversejs .button-cancel,
8028
.conversejs .btn-secondary,
8029
.conversejs .badge-secondary {
8030
    color: var(--button-text-color);
8031
    background-color: var(--secondary-color);
8032
    border-color: var(--secondary-color)
8033
}
8034
 
8035
.conversejs .button-cancel:hover,
8036
.conversejs .btn-secondary:hover,
8037
.conversejs .badge-secondary:hover {
8038
    background-color: var(--secondary-color-dark);
8039
    border-color: var(--secondary-color-dark)
8040
}
8041
 
8042
.conversejs .btn-warning {
8043
    color: var(--button-text-color);
8044
    background-color: var(--warning-color);
8045
    border-color: var(--warning-color)
8046
}
8047
 
8048
.conversejs .btn-warning:hover {
8049
    color: var(--button-text-color);
8050
    background-color: var(--warning-color-dark);
8051
    border-color: var(--warning-color-dark)
8052
}
8053
 
8054
.conversejs .btn-danger {
8055
    color: var(--button-text-color);
8056
    background-color: var(--danger-color);
8057
    border-color: var(--danger-color) !important
8058
}
8059
 
8060
.conversejs .btn-danger:hover {
8061
    background-color: var(--danger-color-dark);
8062
    border-color: var(--danger-color-dark)
8063
}
8064
 
8065
.conversejs .badge {
8066
    display: inline-block;
8067
    padding: .25em .4em;
8068
    font-size: 75%;
8069
    font-weight: 700;
8070
    line-height: 1;
8071
    text-align: center;
8072
    white-space: nowrap;
8073
    vertical-align: baseline;
8074
    border-radius: .25rem;
8075
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
8076
}
8077
 
8078
@media(prefers-reduced-motion: reduce) {
8079
    .conversejs .badge {
8080
        transition: none
8081
    }
8082
}
8083
 
8084
a.conversejs .badge:hover,
8085
a.conversejs .badge:focus {
8086
    text-decoration: none
8087
}
8088
 
8089
.conversejs .badge:empty {
8090
    display: none
8091
}
8092
 
8093
.conversejs .btn .badge {
8094
    position: relative;
8095
    top: -1px
8096
}
8097
 
8098
.conversejs .badge-pill {
8099
    padding-right: .6em;
8100
    padding-left: .6em;
8101
    border-radius: 10rem
8102
}
8103
 
8104
.conversejs .badge-primary {
8105
    color: #fff;
8106
    background-color: #007bff
8107
}
8108
 
8109
a.conversejs .badge-primary:hover,
8110
a.conversejs .badge-primary:focus {
8111
    color: #fff;
8112
    background-color: #0062cc
8113
}
8114
 
8115
a.conversejs .badge-primary:focus,
8116
a.conversejs .badge-primary.focus {
8117
    outline: 0;
8118
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
8119
}
8120
 
8121
.conversejs .badge-secondary {
8122
    color: #fff;
8123
    background-color: #6c757d
8124
}
8125
 
8126
a.conversejs .badge-secondary:hover,
8127
a.conversejs .badge-secondary:focus {
8128
    color: #fff;
8129
    background-color: #545b62
8130
}
8131
 
8132
a.conversejs .badge-secondary:focus,
8133
a.conversejs .badge-secondary.focus {
8134
    outline: 0;
8135
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
8136
}
8137
 
8138
.conversejs .badge-success {
8139
    color: #fff;
8140
    background-color: #28a745
8141
}
8142
 
8143
a.conversejs .badge-success:hover,
8144
a.conversejs .badge-success:focus {
8145
    color: #fff;
8146
    background-color: #1e7e34
8147
}
8148
 
8149
a.conversejs .badge-success:focus,
8150
a.conversejs .badge-success.focus {
8151
    outline: 0;
8152
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
8153
}
8154
 
8155
.conversejs .badge-info {
8156
    color: #fff;
8157
    background-color: #17a2b8
8158
}
8159
 
8160
a.conversejs .badge-info:hover,
8161
a.conversejs .badge-info:focus {
8162
    color: #fff;
8163
    background-color: #117a8b
8164
}
8165
 
8166
a.conversejs .badge-info:focus,
8167
a.conversejs .badge-info.focus {
8168
    outline: 0;
8169
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
8170
}
8171
 
8172
.conversejs .badge-warning {
8173
    color: #212529;
8174
    background-color: #ffc107
8175
}
8176
 
8177
a.conversejs .badge-warning:hover,
8178
a.conversejs .badge-warning:focus {
8179
    color: #212529;
8180
    background-color: #d39e00
8181
}
8182
 
8183
a.conversejs .badge-warning:focus,
8184
a.conversejs .badge-warning.focus {
8185
    outline: 0;
8186
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
8187
}
8188
 
8189
.conversejs .badge-danger {
8190
    color: #fff;
8191
    background-color: #dc3545
8192
}
8193
 
8194
a.conversejs .badge-danger:hover,
8195
a.conversejs .badge-danger:focus {
8196
    color: #fff;
8197
    background-color: #bd2130
8198
}
8199
 
8200
a.conversejs .badge-danger:focus,
8201
a.conversejs .badge-danger.focus {
8202
    outline: 0;
8203
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
8204
}
8205
 
8206
.conversejs .badge-light {
8207
    color: #212529;
8208
    background-color: #f8f9fa
8209
}
8210
 
8211
a.conversejs .badge-light:hover,
8212
a.conversejs .badge-light:focus {
8213
    color: #212529;
8214
    background-color: #dae0e5
8215
}
8216
 
8217
a.conversejs .badge-light:focus,
8218
a.conversejs .badge-light.focus {
8219
    outline: 0;
8220
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
8221
}
8222
 
8223
.conversejs .badge-dark {
8224
    color: #fff;
8225
    background-color: #343a40
8226
}
8227
 
8228
a.conversejs .badge-dark:hover,
8229
a.conversejs .badge-dark:focus {
8230
    color: #fff;
8231
    background-color: #1d2124
8232
}
8233
 
8234
a.conversejs .badge-dark:focus,
8235
a.conversejs .badge-dark.focus {
8236
    outline: 0;
8237
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
8238
}
8239
 
8240
.conversejs .badge {
8241
    color: var(--badge-color);
8242
    font-size: 90%;
8243
    font-weight: normal;
8244
    line-height: 1;
8245
    text-shadow: none
8246
}
8247
 
8248
.conversejs .badge-light {
8249
    color: var(--text-color)
8250
}
8251
 
8252
.conversejs .badge-primary {
8253
    background-color: var(--primary-color);
8254
    border-color: rgba(0, 0, 0, 0)
8255
}
8256
 
8257
.conversejs .badge-primary:focus,
8258
.conversejs .badge-primary:hover,
8259
.conversejs .badge-primary:active {
8260
    background-color: var(--primary-color-dark) !important;
8261
    border-color: rgba(0, 0, 0, 0) !important
8262
}
8263
 
8264
.conversejs .badge-info {
8265
    background-color: var(--primary-color);
8266
    border-color: var(--primary-color)
8267
}
8268
 
8269
.conversejs .badge-info:hover {
8270
    background-color: var(--primary-color-dark);
8271
    border-color: var(--primary-color-dark)
8272
}
8273
 
8274
.conversejs .badge-secondary {
8275
    background-color: var(--secondary-color);
8276
    border-color: var(--secondary-color)
8277
}
8278
 
8279
.conversejs .badge-secondary:hover {
8280
    background-color: var(--secondary-color-dark);
8281
    border-color: var(--secondary-color-dark)
8282
}
8283
 
8284
.conversejs .form-control {
8285
    display: block;
8286
    width: 100%;
8287
    height: calc(1.5em + 0.75rem + 2px);
8288
    padding: .375rem .75rem;
8289
    font-size: 1rem;
8290
    font-weight: 400;
8291
    line-height: 1.5;
8292
    color: #495057;
8293
    background-color: #fff;
8294
    background-clip: padding-box;
8295
    border: 1px solid #ced4da;
8296
    border-radius: .25rem;
8297
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
8298
}
8299
 
8300
@media(prefers-reduced-motion: reduce) {
8301
    .conversejs .form-control {
8302
        transition: none
8303
    }
8304
}
8305
 
8306
.conversejs .form-control::-ms-expand {
8307
    background-color: rgba(0, 0, 0, 0);
8308
    border: 0
8309
}
8310
 
8311
.conversejs .form-control:focus {
8312
    color: #495057;
8313
    background-color: #fff;
8314
    border-color: #80bdff;
8315
    outline: 0;
8316
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
8317
}
8318
 
8319
.conversejs .form-control::-moz-placeholder {
8320
    color: #6c757d;
8321
    opacity: 1
8322
}
8323
 
8324
.conversejs .form-control::placeholder {
8325
    color: #6c757d;
8326
    opacity: 1
8327
}
8328
 
8329
.conversejs .form-control:disabled,
8330
.conversejs .form-control[readonly] {
8331
    background-color: #e9ecef;
8332
    opacity: 1
8333
}
8334
 
8335
.conversejs input[type=date].form-control,
8336
.conversejs input[type=time].form-control,
8337
.conversejs input[type=datetime-local].form-control,
8338
.conversejs input[type=month].form-control {
8339
    -webkit-appearance: none;
8340
    -moz-appearance: none;
8341
    appearance: none
8342
}
8343
 
8344
.conversejs select.form-control:-moz-focusring {
8345
    color: rgba(0, 0, 0, 0);
8346
    text-shadow: 0 0 0 #495057
8347
}
8348
 
8349
.conversejs select.form-control:focus::-ms-value {
8350
    color: #495057;
8351
    background-color: #fff
8352
}
8353
 
8354
.conversejs .form-control-file,
8355
.conversejs .form-control-range {
8356
    display: block;
8357
    width: 100%
8358
}
8359
 
8360
.conversejs .col-form-label {
8361
    padding-top: calc(0.375rem + 1px);
8362
    padding-bottom: calc(0.375rem + 1px);
8363
    margin-bottom: 0;
8364
    font-size: inherit;
8365
    line-height: 1.5
8366
}
8367
 
8368
.conversejs .col-form-label-lg {
8369
    padding-top: calc(0.5rem + 1px);
8370
    padding-bottom: calc(0.5rem + 1px);
8371
    font-size: 1.25rem;
8372
    line-height: 1.5
8373
}
8374
 
8375
.conversejs .col-form-label-sm {
8376
    padding-top: calc(0.25rem + 1px);
8377
    padding-bottom: calc(0.25rem + 1px);
8378
    font-size: 0.875rem;
8379
    line-height: 1.5
8380
}
8381
 
8382
.conversejs .form-control-plaintext {
8383
    display: block;
8384
    width: 100%;
8385
    padding: .375rem 0;
8386
    margin-bottom: 0;
8387
    font-size: 1rem;
8388
    line-height: 1.5;
8389
    color: #212529;
8390
    background-color: rgba(0, 0, 0, 0);
8391
    border: solid rgba(0, 0, 0, 0);
8392
    border-width: 1px 0
8393
}
8394
 
8395
.conversejs .form-control-plaintext.form-control-sm,
8396
.conversejs .form-control-plaintext.form-control-lg {
8397
    padding-right: 0;
8398
    padding-left: 0
8399
}
8400
 
8401
.conversejs .form-control-sm {
8402
    height: calc(1.5em + 0.5rem + 2px);
8403
    padding: .25rem .5rem;
8404
    font-size: 0.875rem;
8405
    line-height: 1.5;
8406
    border-radius: .2rem
8407
}
8408
 
8409
.conversejs .form-control-lg {
8410
    height: calc(1.5em + 1rem + 2px);
8411
    padding: .5rem 1rem;
8412
    font-size: 1.25rem;
8413
    line-height: 1.5;
8414
    border-radius: .3rem
8415
}
8416
 
8417
.conversejs select.form-control[size],
8418
.conversejs select.form-control[multiple] {
8419
    height: auto
8420
}
8421
 
8422
.conversejs textarea.form-control {
8423
    height: auto
8424
}
8425
 
8426
.conversejs .form-group {
8427
    margin-bottom: 1rem
8428
}
8429
 
8430
.conversejs .form-text {
8431
    display: block;
8432
    margin-top: .25rem
8433
}
8434
 
8435
.conversejs .form-row {
8436
    display: flex;
8437
    flex-wrap: wrap;
8438
    margin-right: -5px;
8439
    margin-left: -5px
8440
}
8441
 
8442
.conversejs .form-row>.col,
8443
.conversejs .form-row>[class*=col-] {
8444
    padding-right: 5px;
8445
    padding-left: 5px
8446
}
8447
 
8448
.conversejs .form-check {
8449
    position: relative;
8450
    display: block;
8451
    padding-left: 1.25rem
8452
}
8453
 
8454
.conversejs .form-check-input {
8455
    position: absolute;
8456
    margin-top: .3rem;
8457
    margin-left: -1.25rem
8458
}
8459
 
8460
.conversejs .form-check-input[disabled]~.form-check-label,
8461
.conversejs .form-check-input:disabled~.form-check-label {
8462
    color: #6c757d
8463
}
8464
 
8465
.conversejs .form-check-label {
8466
    margin-bottom: 0
8467
}
8468
 
8469
.conversejs .form-check-inline {
8470
    display: inline-flex;
8471
    align-items: center;
8472
    padding-left: 0;
8473
    margin-right: .75rem
8474
}
8475
 
8476
.conversejs .form-check-inline .form-check-input {
8477
    position: static;
8478
    margin-top: 0;
8479
    margin-right: .3125rem;
8480
    margin-left: 0
8481
}
8482
 
8483
.conversejs .valid-feedback {
8484
    display: none;
8485
    width: 100%;
8486
    margin-top: .25rem;
8487
    font-size: 0.875em;
8488
    color: #28a745
8489
}
8490
 
8491
.conversejs .valid-tooltip {
8492
    position: absolute;
8493
    top: 100%;
8494
    left: 0;
8495
    z-index: 5;
8496
    display: none;
8497
    max-width: 100%;
8498
    padding: .25rem .5rem;
8499
    margin-top: .1rem;
8500
    font-size: 0.875rem;
8501
    line-height: 1.5;
8502
    color: #fff;
8503
    background-color: rgba(40, 167, 69, .9);
8504
    border-radius: .25rem
8505
}
8506
 
8507
.form-row>.col>.conversejs .valid-tooltip,
8508
.form-row>[class*=col-]>.conversejs .valid-tooltip {
8509
    left: 5px
8510
}
8511
 
8512
.was-validated .conversejs:valid~.valid-feedback,
8513
.was-validated .conversejs:valid~.valid-tooltip,
8514
.conversejs.is-valid~.valid-feedback,
8515
.conversejs.is-valid~.valid-tooltip {
8516
    display: block
8517
}
8518
 
8519
.was-validated .conversejs .form-control:valid,
8520
.conversejs .form-control.is-valid {
8521
    border-color: #28a745;
8522
    padding-right: calc(1.5em + 0.75rem) !important;
8523
    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");
8524
    background-repeat: no-repeat;
8525
    background-position: right calc(0.375em + 0.1875rem) center;
8526
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
8527
}
8528
 
8529
.was-validated .conversejs .form-control:valid:focus,
8530
.conversejs .form-control.is-valid:focus {
8531
    border-color: #28a745;
8532
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
8533
}
8534
 
8535
.was-validated .conversejs select.form-control:valid,
8536
.conversejs select.form-control.is-valid {
8537
    padding-right: 3rem !important;
8538
    background-position: right 1.5rem center
8539
}
8540
 
8541
.was-validated .conversejs textarea.form-control:valid,
8542
.conversejs textarea.form-control.is-valid {
8543
    padding-right: calc(1.5em + 0.75rem);
8544
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
8545
}
8546
 
8547
.was-validated .conversejs .custom-select:valid,
8548
.conversejs .custom-select.is-valid {
8549
    border-color: #28a745;
8550
    padding-right: calc(0.75em + 2.3125rem) !important;
8551
    background: 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") right .75rem center/8px 10px no-repeat, #fff 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") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat
8552
}
8553
 
8554
.was-validated .conversejs .custom-select:valid:focus,
8555
.conversejs .custom-select.is-valid:focus {
8556
    border-color: #28a745;
8557
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
8558
}
8559
 
8560
.was-validated .conversejs .form-check-input:valid~.form-check-label,
8561
.conversejs .form-check-input.is-valid~.form-check-label {
8562
    color: #28a745
8563
}
8564
 
8565
.was-validated .conversejs .form-check-input:valid~.valid-feedback,
8566
.was-validated .conversejs .form-check-input:valid~.valid-tooltip,
8567
.conversejs .form-check-input.is-valid~.valid-feedback,
8568
.conversejs .form-check-input.is-valid~.valid-tooltip {
8569
    display: block
8570
}
8571
 
8572
.was-validated .conversejs .custom-control-input:valid~.custom-control-label,
8573
.conversejs .custom-control-input.is-valid~.custom-control-label {
8574
    color: #28a745
8575
}
8576
 
8577
.was-validated .conversejs .custom-control-input:valid~.custom-control-label::before,
8578
.conversejs .custom-control-input.is-valid~.custom-control-label::before {
8579
    border-color: #28a745
8580
}
8581
 
8582
.was-validated .conversejs .custom-control-input:valid:checked~.custom-control-label::before,
8583
.conversejs .custom-control-input.is-valid:checked~.custom-control-label::before {
8584
    border-color: #34ce57;
8585
    background-color: #34ce57
8586
}
8587
 
8588
.was-validated .conversejs .custom-control-input:valid:focus~.custom-control-label::before,
8589
.conversejs .custom-control-input.is-valid:focus~.custom-control-label::before {
8590
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
8591
}
8592
 
8593
.was-validated .conversejs .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,
8594
.conversejs .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before {
8595
    border-color: #28a745
8596
}
8597
 
8598
.was-validated .conversejs .custom-file-input:valid~.custom-file-label,
8599
.conversejs .custom-file-input.is-valid~.custom-file-label {
8600
    border-color: #28a745
8601
}
8602
 
8603
.was-validated .conversejs .custom-file-input:valid:focus~.custom-file-label,
8604
.conversejs .custom-file-input.is-valid:focus~.custom-file-label {
8605
    border-color: #28a745;
8606
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
8607
}
8608
 
8609
.conversejs .invalid-feedback {
8610
    display: none;
8611
    width: 100%;
8612
    margin-top: .25rem;
8613
    font-size: 0.875em;
8614
    color: #dc3545
8615
}
8616
 
8617
.conversejs .invalid-tooltip {
8618
    position: absolute;
8619
    top: 100%;
8620
    left: 0;
8621
    z-index: 5;
8622
    display: none;
8623
    max-width: 100%;
8624
    padding: .25rem .5rem;
8625
    margin-top: .1rem;
8626
    font-size: 0.875rem;
8627
    line-height: 1.5;
8628
    color: #fff;
8629
    background-color: rgba(220, 53, 69, .9);
8630
    border-radius: .25rem
8631
}
8632
 
8633
.form-row>.col>.conversejs .invalid-tooltip,
8634
.form-row>[class*=col-]>.conversejs .invalid-tooltip {
8635
    left: 5px
8636
}
8637
 
8638
.was-validated .conversejs:invalid~.invalid-feedback,
8639
.was-validated .conversejs:invalid~.invalid-tooltip,
8640
.conversejs.is-invalid~.invalid-feedback,
8641
.conversejs.is-invalid~.invalid-tooltip {
8642
    display: block
8643
}
8644
 
8645
.was-validated .conversejs .form-control:invalid,
8646
.conversejs .form-control.is-invalid {
8647
    border-color: #dc3545;
8648
    padding-right: calc(1.5em + 0.75rem) !important;
8649
    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");
8650
    background-repeat: no-repeat;
8651
    background-position: right calc(0.375em + 0.1875rem) center;
8652
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
8653
}
8654
 
8655
.was-validated .conversejs .form-control:invalid:focus,
8656
.conversejs .form-control.is-invalid:focus {
8657
    border-color: #dc3545;
8658
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
8659
}
8660
 
8661
.was-validated .conversejs select.form-control:invalid,
8662
.conversejs select.form-control.is-invalid {
8663
    padding-right: 3rem !important;
8664
    background-position: right 1.5rem center
8665
}
8666
 
8667
.was-validated .conversejs textarea.form-control:invalid,
8668
.conversejs textarea.form-control.is-invalid {
8669
    padding-right: calc(1.5em + 0.75rem);
8670
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
8671
}
8672
 
8673
.was-validated .conversejs .custom-select:invalid,
8674
.conversejs .custom-select.is-invalid {
8675
    border-color: #dc3545;
8676
    padding-right: calc(0.75em + 2.3125rem) !important;
8677
    background: 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") right .75rem center/8px 10px no-repeat, #fff 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") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat
8678
}
8679
 
8680
.was-validated .conversejs .custom-select:invalid:focus,
8681
.conversejs .custom-select.is-invalid:focus {
8682
    border-color: #dc3545;
8683
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
8684
}
8685
 
8686
.was-validated .conversejs .form-check-input:invalid~.form-check-label,
8687
.conversejs .form-check-input.is-invalid~.form-check-label {
8688
    color: #dc3545
8689
}
8690
 
8691
.was-validated .conversejs .form-check-input:invalid~.invalid-feedback,
8692
.was-validated .conversejs .form-check-input:invalid~.invalid-tooltip,
8693
.conversejs .form-check-input.is-invalid~.invalid-feedback,
8694
.conversejs .form-check-input.is-invalid~.invalid-tooltip {
8695
    display: block
8696
}
8697
 
8698
.was-validated .conversejs .custom-control-input:invalid~.custom-control-label,
8699
.conversejs .custom-control-input.is-invalid~.custom-control-label {
8700
    color: #dc3545
8701
}
8702
 
8703
.was-validated .conversejs .custom-control-input:invalid~.custom-control-label::before,
8704
.conversejs .custom-control-input.is-invalid~.custom-control-label::before {
8705
    border-color: #dc3545
8706
}
8707
 
8708
.was-validated .conversejs .custom-control-input:invalid:checked~.custom-control-label::before,
8709
.conversejs .custom-control-input.is-invalid:checked~.custom-control-label::before {
8710
    border-color: #e4606d;
8711
    background-color: #e4606d
8712
}
8713
 
8714
.was-validated .conversejs .custom-control-input:invalid:focus~.custom-control-label::before,
8715
.conversejs .custom-control-input.is-invalid:focus~.custom-control-label::before {
8716
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
8717
}
8718
 
8719
.was-validated .conversejs .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,
8720
.conversejs .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before {
8721
    border-color: #dc3545
8722
}
8723
 
8724
.was-validated .conversejs .custom-file-input:invalid~.custom-file-label,
8725
.conversejs .custom-file-input.is-invalid~.custom-file-label {
8726
    border-color: #dc3545
8727
}
8728
 
8729
.was-validated .conversejs .custom-file-input:invalid:focus~.custom-file-label,
8730
.conversejs .custom-file-input.is-invalid:focus~.custom-file-label {
8731
    border-color: #dc3545;
8732
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
8733
}
8734
 
8735
.conversejs .form-inline {
8736
    display: flex;
8737
    flex-flow: row wrap;
8738
    align-items: center
8739
}
8740
 
8741
.conversejs .form-inline .form-check {
8742
    width: 100%
8743
}
8744
 
8745
@media(min-width: 576px) {
8746
    .conversejs .form-inline label {
8747
        display: flex;
8748
        align-items: center;
8749
        justify-content: center;
8750
        margin-bottom: 0
8751
    }
8752
 
8753
    .conversejs .form-inline .form-group {
8754
        display: flex;
8755
        flex: 0 0 auto;
8756
        flex-flow: row wrap;
8757
        align-items: center;
8758
        margin-bottom: 0
8759
    }
8760
 
8761
    .conversejs .form-inline .form-control {
8762
        display: inline-block;
8763
        width: auto;
8764
        vertical-align: middle
8765
    }
8766
 
8767
    .conversejs .form-inline .form-control-plaintext {
8768
        display: inline-block
8769
    }
8770
 
8771
    .conversejs .form-inline .input-group,
8772
    .conversejs .form-inline .custom-select {
8773
        width: auto
8774
    }
8775
 
8776
    .conversejs .form-inline .form-check {
8777
        display: flex;
8778
        align-items: center;
8779
        justify-content: center;
8780
        width: auto;
8781
        padding-left: 0
8782
    }
8783
 
8784
    .conversejs .form-inline .form-check-input {
8785
        position: relative;
8786
        flex-shrink: 0;
8787
        margin-top: 0;
8788
        margin-right: .25rem;
8789
        margin-left: 0
8790
    }
8791
 
8792
    .conversejs .form-inline .custom-control {
8793
        align-items: center;
8794
        justify-content: center
8795
    }
8796
 
8797
    .conversejs .form-inline .custom-control-label {
8798
        margin-bottom: 0
8799
    }
8800
}
8801
 
8802
.conversejs .input-group {
8803
    position: relative;
8804
    display: flex;
8805
    flex-wrap: wrap;
8806
    align-items: stretch;
8807
    width: 100%
8808
}
8809
 
8810
.conversejs .input-group>.form-control,
8811
.conversejs .input-group>.form-control-plaintext,
8812
.conversejs .input-group>.custom-select,
8813
.conversejs .input-group>.custom-file {
8814
    position: relative;
8815
    flex: 1 1 auto;
8816
    width: 1%;
8817
    min-width: 0;
8818
    margin-bottom: 0
8819
}
8820
 
8821
.conversejs .input-group>.form-control+.form-control,
8822
.conversejs .input-group>.form-control+.custom-select,
8823
.conversejs .input-group>.form-control+.custom-file,
8824
.conversejs .input-group>.form-control-plaintext+.form-control,
8825
.conversejs .input-group>.form-control-plaintext+.custom-select,
8826
.conversejs .input-group>.form-control-plaintext+.custom-file,
8827
.conversejs .input-group>.custom-select+.form-control,
8828
.conversejs .input-group>.custom-select+.custom-select,
8829
.conversejs .input-group>.custom-select+.custom-file,
8830
.conversejs .input-group>.custom-file+.form-control,
8831
.conversejs .input-group>.custom-file+.custom-select,
8832
.conversejs .input-group>.custom-file+.custom-file {
8833
    margin-left: -1px
8834
}
8835
 
8836
.conversejs .input-group>.form-control:focus,
8837
.conversejs .input-group>.custom-select:focus,
8838
.conversejs .input-group>.custom-file .custom-file-input:focus~.custom-file-label {
8839
    z-index: 3
8840
}
8841
 
8842
.conversejs .input-group>.custom-file .custom-file-input:focus {
8843
    z-index: 4
8844
}
8845
 
8846
.conversejs .input-group>.form-control:not(:first-child),
8847
.conversejs .input-group>.custom-select:not(:first-child) {
8848
    border-top-left-radius: 0;
8849
    border-bottom-left-radius: 0
8850
}
8851
 
8852
.conversejs .input-group>.custom-file {
8853
    display: flex;
8854
    align-items: center
8855
}
8856
 
8857
.conversejs .input-group>.custom-file:not(:last-child) .custom-file-label,
8858
.conversejs .input-group>.custom-file:not(:last-child) .custom-file-label::after {
8859
    border-top-right-radius: 0;
8860
    border-bottom-right-radius: 0
8861
}
8862
 
8863
.conversejs .input-group>.custom-file:not(:first-child) .custom-file-label {
8864
    border-top-left-radius: 0;
8865
    border-bottom-left-radius: 0
8866
}
8867
 
8868
.conversejs .input-group:not(.has-validation)>.form-control:not(:last-child),
8869
.conversejs .input-group:not(.has-validation)>.custom-select:not(:last-child),
8870
.conversejs .input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
8871
.conversejs .input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after {
8872
    border-top-right-radius: 0;
8873
    border-bottom-right-radius: 0
8874
}
8875
 
8876
.conversejs .input-group.has-validation>.form-control:nth-last-child(n+3),
8877
.conversejs .input-group.has-validation>.custom-select:nth-last-child(n+3),
8878
.conversejs .input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
8879
.conversejs .input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after {
8880
    border-top-right-radius: 0;
8881
    border-bottom-right-radius: 0
8882
}
8883
 
8884
.conversejs .input-group-prepend,
8885
.conversejs .input-group-append {
8886
    display: flex
8887
}
8888
 
8889
.conversejs .input-group-prepend .btn,
8890
.conversejs .input-group-append .btn {
8891
    position: relative;
8892
    z-index: 2
8893
}
8894
 
8895
.conversejs .input-group-prepend .btn:focus,
8896
.conversejs .input-group-append .btn:focus {
8897
    z-index: 3
8898
}
8899
 
8900
.conversejs .input-group-prepend .btn+.btn,
8901
.conversejs .input-group-prepend .btn+.input-group-text,
8902
.conversejs .input-group-prepend .input-group-text+.input-group-text,
8903
.conversejs .input-group-prepend .input-group-text+.btn,
8904
.conversejs .input-group-append .btn+.btn,
8905
.conversejs .input-group-append .btn+.input-group-text,
8906
.conversejs .input-group-append .input-group-text+.input-group-text,
8907
.conversejs .input-group-append .input-group-text+.btn {
8908
    margin-left: -1px
8909
}
8910
 
8911
.conversejs .input-group-prepend {
8912
    margin-right: -1px
8913
}
8914
 
8915
.conversejs .input-group-append {
8916
    margin-left: -1px
8917
}
8918
 
8919
.conversejs .input-group-text {
8920
    display: flex;
8921
    align-items: center;
8922
    padding: .375rem .75rem;
8923
    margin-bottom: 0;
8924
    font-size: 1rem;
8925
    font-weight: 400;
8926
    line-height: 1.5;
8927
    color: #495057;
8928
    text-align: center;
8929
    white-space: nowrap;
8930
    background-color: #e9ecef;
8931
    border: 1px solid #ced4da;
8932
    border-radius: .25rem
8933
}
8934
 
8935
.conversejs .input-group-text input[type=radio],
8936
.conversejs .input-group-text input[type=checkbox] {
8937
    margin-top: 0
8938
}
8939
 
8940
.conversejs .input-group-lg>.form-control:not(textarea),
8941
.conversejs .input-group-lg>.custom-select {
8942
    height: calc(1.5em + 1rem + 2px)
8943
}
8944
 
8945
.conversejs .input-group-lg>.form-control,
8946
.conversejs .input-group-lg>.custom-select,
8947
.conversejs .input-group-lg>.input-group-prepend>.input-group-text,
8948
.conversejs .input-group-lg>.input-group-append>.input-group-text,
8949
.conversejs .input-group-lg>.input-group-prepend>.btn,
8950
.conversejs .input-group-lg>.input-group-append>.btn {
8951
    padding: .5rem 1rem;
8952
    font-size: 1.25rem;
8953
    line-height: 1.5;
8954
    border-radius: .3rem
8955
}
8956
 
8957
.conversejs .input-group-sm>.form-control:not(textarea),
8958
.conversejs .input-group-sm>.custom-select {
8959
    height: calc(1.5em + 0.5rem + 2px)
8960
}
8961
 
8962
.conversejs .input-group-sm>.form-control,
8963
.conversejs .input-group-sm>.custom-select,
8964
.conversejs .input-group-sm>.input-group-prepend>.input-group-text,
8965
.conversejs .input-group-sm>.input-group-append>.input-group-text,
8966
.conversejs .input-group-sm>.input-group-prepend>.btn,
8967
.conversejs .input-group-sm>.input-group-append>.btn {
8968
    padding: .25rem .5rem;
8969
    font-size: 0.875rem;
8970
    line-height: 1.5;
8971
    border-radius: .2rem
8972
}
8973
 
8974
.conversejs .input-group-lg>.custom-select,
8975
.conversejs .input-group-sm>.custom-select {
8976
    padding-right: 1.75rem
8977
}
8978
 
8979
.conversejs .input-group>.input-group-prepend>.btn,
8980
.conversejs .input-group>.input-group-prepend>.input-group-text,
8981
.conversejs .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
8982
.conversejs .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
8983
.conversejs .input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
8984
.conversejs .input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
8985
.conversejs .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
8986
.conversejs .input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
8987
    border-top-right-radius: 0;
8988
    border-bottom-right-radius: 0
8989
}
8990
 
8991
.conversejs .input-group>.input-group-append>.btn,
8992
.conversejs .input-group>.input-group-append>.input-group-text,
8993
.conversejs .input-group>.input-group-prepend:not(:first-child)>.btn,
8994
.conversejs .input-group>.input-group-prepend:not(:first-child)>.input-group-text,
8995
.conversejs .input-group>.input-group-prepend:first-child>.btn:not(:first-child),
8996
.conversejs .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
8997
    border-top-left-radius: 0;
8998
    border-bottom-left-radius: 0
8999
}
9000
 
9001
.conversejs .custom-control {
9002
    position: relative;
9003
    z-index: 1;
9004
    display: block;
9005
    min-height: 1.5rem;
9006
    padding-left: 1.5rem;
9007
    -webkit-print-color-adjust: exact;
9008
    print-color-adjust: exact
9009
}
9010
 
9011
.conversejs .custom-control-inline {
9012
    display: inline-flex;
9013
    margin-right: 1rem
9014
}
9015
 
9016
.conversejs .custom-control-input {
9017
    position: absolute;
9018
    left: 0;
9019
    z-index: -1;
9020
    width: 1rem;
9021
    height: 1.25rem;
9022
    opacity: 0
9023
}
9024
 
9025
.conversejs .custom-control-input:checked~.custom-control-label::before {
9026
    color: #fff;
9027
    border-color: #007bff;
9028
    background-color: #007bff
9029
}
9030
 
9031
.conversejs .custom-control-input:focus~.custom-control-label::before {
9032
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
9033
}
9034
 
9035
.conversejs .custom-control-input:focus:not(:checked)~.custom-control-label::before {
9036
    border-color: #80bdff
9037
}
9038
 
9039
.conversejs .custom-control-input:not(:disabled):active~.custom-control-label::before {
9040
    color: #fff;
9041
    background-color: #b3d7ff;
9042
    border-color: #b3d7ff
9043
}
9044
 
9045
.conversejs .custom-control-input[disabled]~.custom-control-label,
9046
.conversejs .custom-control-input:disabled~.custom-control-label {
9047
    color: #6c757d
9048
}
9049
 
9050
.conversejs .custom-control-input[disabled]~.custom-control-label::before,
9051
.conversejs .custom-control-input:disabled~.custom-control-label::before {
9052
    background-color: #e9ecef
9053
}
9054
 
9055
.conversejs .custom-control-label {
9056
    position: relative;
9057
    margin-bottom: 0;
9058
    vertical-align: top
9059
}
9060
 
9061
.conversejs .custom-control-label::before {
9062
    position: absolute;
9063
    top: .25rem;
9064
    left: -1.5rem;
9065
    display: block;
9066
    width: 1rem;
9067
    height: 1rem;
9068
    pointer-events: none;
9069
    content: "";
9070
    background-color: #fff;
9071
    border: 1px solid #adb5bd
9072
}
9073
 
9074
.conversejs .custom-control-label::after {
9075
    position: absolute;
9076
    top: .25rem;
9077
    left: -1.5rem;
9078
    display: block;
9079
    width: 1rem;
9080
    height: 1rem;
9081
    content: "";
9082
    background: 50%/50% 50% no-repeat
9083
}
9084
 
9085
.conversejs .custom-checkbox .custom-control-label::before {
9086
    border-radius: .25rem
9087
}
9088
 
9089
.conversejs .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
9090
    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")
9091
}
9092
 
9093
.conversejs .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
9094
    border-color: #007bff;
9095
    background-color: #007bff
9096
}
9097
 
9098
.conversejs .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
9099
    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")
9100
}
9101
 
9102
.conversejs .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
9103
    background-color: rgba(0, 123, 255, .5)
9104
}
9105
 
9106
.conversejs .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
9107
    background-color: rgba(0, 123, 255, .5)
9108
}
9109
 
9110
.conversejs .custom-radio .custom-control-label::before {
9111
    border-radius: 50%
9112
}
9113
 
9114
.conversejs .custom-radio .custom-control-input:checked~.custom-control-label::after {
9115
    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")
9116
}
9117
 
9118
.conversejs .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
9119
    background-color: rgba(0, 123, 255, .5)
9120
}
9121
 
9122
.conversejs .custom-switch {
9123
    padding-left: 2.25rem
9124
}
9125
 
9126
.conversejs .custom-switch .custom-control-label::before {
9127
    left: -2.25rem;
9128
    width: 1.75rem;
9129
    pointer-events: all;
9130
    border-radius: .5rem
9131
}
9132
 
9133
.conversejs .custom-switch .custom-control-label::after {
9134
    top: calc(0.25rem + 2px);
9135
    left: calc(-2.25rem + 2px);
9136
    width: calc(1rem - 4px);
9137
    height: calc(1rem - 4px);
9138
    background-color: #adb5bd;
9139
    border-radius: .5rem;
9140
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
9141
}
9142
 
9143
@media(prefers-reduced-motion: reduce) {
9144
    .conversejs .custom-switch .custom-control-label::after {
9145
        transition: none
9146
    }
9147
}
9148
 
9149
.conversejs .custom-switch .custom-control-input:checked~.custom-control-label::after {
9150
    background-color: #fff;
9151
    transform: translateX(0.75rem)
9152
}
9153
 
9154
.conversejs .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
9155
    background-color: rgba(0, 123, 255, .5)
9156
}
9157
 
9158
.conversejs .custom-select {
9159
    display: inline-block;
9160
    width: 100%;
9161
    height: calc(1.5em + 0.75rem + 2px);
9162
    padding: .375rem 1.75rem .375rem .75rem;
9163
    font-size: 1rem;
9164
    font-weight: 400;
9165
    line-height: 1.5;
9166
    color: #495057;
9167
    vertical-align: middle;
9168
    background: #fff 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") right .75rem center/8px 10px no-repeat;
9169
    border: 1px solid #ced4da;
9170
    border-radius: .25rem;
9171
    -webkit-appearance: none;
9172
    -moz-appearance: none;
9173
    appearance: none
9174
}
9175
 
9176
.conversejs .custom-select:focus {
9177
    border-color: #80bdff;
9178
    outline: 0;
9179
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
9180
}
9181
 
9182
.conversejs .custom-select:focus::-ms-value {
9183
    color: #495057;
9184
    background-color: #fff
9185
}
9186
 
9187
.conversejs .custom-select[multiple],
9188
.conversejs .custom-select[size]:not([size="1"]) {
9189
    height: auto;
9190
    padding-right: .75rem;
9191
    background-image: none
9192
}
9193
 
9194
.conversejs .custom-select:disabled {
9195
    color: #6c757d;
9196
    background-color: #e9ecef
9197
}
9198
 
9199
.conversejs .custom-select::-ms-expand {
9200
    display: none
9201
}
9202
 
9203
.conversejs .custom-select:-moz-focusring {
9204
    color: rgba(0, 0, 0, 0);
9205
    text-shadow: 0 0 0 #495057
9206
}
9207
 
9208
.conversejs .custom-select-sm {
9209
    height: calc(1.5em + 0.5rem + 2px);
9210
    padding-top: .25rem;
9211
    padding-bottom: .25rem;
9212
    padding-left: .5rem;
9213
    font-size: 0.875rem
9214
}
9215
 
9216
.conversejs .custom-select-lg {
9217
    height: calc(1.5em + 1rem + 2px);
9218
    padding-top: .5rem;
9219
    padding-bottom: .5rem;
9220
    padding-left: 1rem;
9221
    font-size: 1.25rem
9222
}
9223
 
9224
.conversejs .custom-file {
9225
    position: relative;
9226
    display: inline-block;
9227
    width: 100%;
9228
    height: calc(1.5em + 0.75rem + 2px);
9229
    margin-bottom: 0
9230
}
9231
 
9232
.conversejs .custom-file-input {
9233
    position: relative;
9234
    z-index: 2;
9235
    width: 100%;
9236
    height: calc(1.5em + 0.75rem + 2px);
9237
    margin: 0;
9238
    overflow: hidden;
9239
    opacity: 0
9240
}
9241
 
9242
.conversejs .custom-file-input:focus~.custom-file-label {
9243
    border-color: #80bdff;
9244
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
9245
}
9246
 
9247
.conversejs .custom-file-input[disabled]~.custom-file-label,
9248
.conversejs .custom-file-input:disabled~.custom-file-label {
9249
    background-color: #e9ecef
9250
}
9251
 
9252
.conversejs .custom-file-input:lang(en)~.custom-file-label::after {
9253
    content: "Browse"
9254
}
9255
 
9256
.conversejs .custom-file-input~.custom-file-label[data-browse]::after {
9257
    content: attr(data-browse)
9258
}
9259
 
9260
.conversejs .custom-file-label {
9261
    position: absolute;
9262
    top: 0;
9263
    right: 0;
9264
    left: 0;
9265
    z-index: 1;
9266
    height: calc(1.5em + 0.75rem + 2px);
9267
    padding: .375rem .75rem;
9268
    overflow: hidden;
9269
    font-weight: 400;
9270
    line-height: 1.5;
9271
    color: #495057;
9272
    background-color: #fff;
9273
    border: 1px solid #ced4da;
9274
    border-radius: .25rem
9275
}
9276
 
9277
.conversejs .custom-file-label::after {
9278
    position: absolute;
9279
    top: 0;
9280
    right: 0;
9281
    bottom: 0;
9282
    z-index: 3;
9283
    display: block;
9284
    height: calc(1.5em + 0.75rem);
9285
    padding: .375rem .75rem;
9286
    line-height: 1.5;
9287
    color: #495057;
9288
    content: "Browse";
9289
    background-color: #e9ecef;
9290
    border-left: inherit;
9291
    border-radius: 0 .25rem .25rem 0
9292
}
9293
 
9294
.conversejs .custom-range {
9295
    width: 100%;
9296
    height: 1.4rem;
9297
    padding: 0;
9298
    background-color: rgba(0, 0, 0, 0);
9299
    -webkit-appearance: none;
9300
    -moz-appearance: none;
9301
    appearance: none
9302
}
9303
 
9304
.conversejs .custom-range:focus {
9305
    outline: 0
9306
}
9307
 
9308
.conversejs .custom-range:focus::-webkit-slider-thumb {
9309
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
9310
}
9311
 
9312
.conversejs .custom-range:focus::-moz-range-thumb {
9313
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
9314
}
9315
 
9316
.conversejs .custom-range:focus::-ms-thumb {
9317
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
9318
}
9319
 
9320
.conversejs .custom-range::-moz-focus-outer {
9321
    border: 0
9322
}
9323
 
9324
.conversejs .custom-range::-webkit-slider-thumb {
9325
    width: 1rem;
9326
    height: 1rem;
9327
    margin-top: -0.25rem;
9328
    background-color: #007bff;
9329
    border: 0;
9330
    border-radius: 1rem;
9331
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
9332
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
9333
    -webkit-appearance: none;
9334
    appearance: none
9335
}
9336
 
9337
@media(prefers-reduced-motion: reduce) {
9338
    .conversejs .custom-range::-webkit-slider-thumb {
9339
        -webkit-transition: none;
9340
        transition: none
9341
    }
9342
}
9343
 
9344
.conversejs .custom-range::-webkit-slider-thumb:active {
9345
    background-color: #b3d7ff
9346
}
9347
 
9348
.conversejs .custom-range::-webkit-slider-runnable-track {
9349
    width: 100%;
9350
    height: .5rem;
9351
    color: rgba(0, 0, 0, 0);
9352
    cursor: pointer;
9353
    background-color: #dee2e6;
9354
    border-color: rgba(0, 0, 0, 0);
9355
    border-radius: 1rem
9356
}
9357
 
9358
.conversejs .custom-range::-moz-range-thumb {
9359
    width: 1rem;
9360
    height: 1rem;
9361
    background-color: #007bff;
9362
    border: 0;
9363
    border-radius: 1rem;
9364
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
9365
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
9366
    -moz-appearance: none;
9367
    appearance: none
9368
}
9369
 
9370
@media(prefers-reduced-motion: reduce) {
9371
    .conversejs .custom-range::-moz-range-thumb {
9372
        -moz-transition: none;
9373
        transition: none
9374
    }
9375
}
9376
 
9377
.conversejs .custom-range::-moz-range-thumb:active {
9378
    background-color: #b3d7ff
9379
}
9380
 
9381
.conversejs .custom-range::-moz-range-track {
9382
    width: 100%;
9383
    height: .5rem;
9384
    color: rgba(0, 0, 0, 0);
9385
    cursor: pointer;
9386
    background-color: #dee2e6;
9387
    border-color: rgba(0, 0, 0, 0);
9388
    border-radius: 1rem
9389
}
9390
 
9391
.conversejs .custom-range::-ms-thumb {
9392
    width: 1rem;
9393
    height: 1rem;
9394
    margin-top: 0;
9395
    margin-right: .2rem;
9396
    margin-left: .2rem;
9397
    background-color: #007bff;
9398
    border: 0;
9399
    border-radius: 1rem;
9400
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
9401
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
9402
    appearance: none
9403
}
9404
 
9405
@media(prefers-reduced-motion: reduce) {
9406
    .conversejs .custom-range::-ms-thumb {
9407
        -ms-transition: none;
9408
        transition: none
9409
    }
9410
}
9411
 
9412
.conversejs .custom-range::-ms-thumb:active {
9413
    background-color: #b3d7ff
9414
}
9415
 
9416
.conversejs .custom-range::-ms-track {
9417
    width: 100%;
9418
    height: .5rem;
9419
    color: rgba(0, 0, 0, 0);
9420
    cursor: pointer;
9421
    background-color: rgba(0, 0, 0, 0);
9422
    border-color: rgba(0, 0, 0, 0);
9423
    border-width: .5rem
9424
}
9425
 
9426
.conversejs .custom-range::-ms-fill-lower {
9427
    background-color: #dee2e6;
9428
    border-radius: 1rem
9429
}
9430
 
9431
.conversejs .custom-range::-ms-fill-upper {
9432
    margin-right: 15px;
9433
    background-color: #dee2e6;
9434
    border-radius: 1rem
9435
}
9436
 
9437
.conversejs .custom-range:disabled::-webkit-slider-thumb {
9438
    background-color: #adb5bd
9439
}
9440
 
9441
.conversejs .custom-range:disabled::-webkit-slider-runnable-track {
9442
    cursor: default
9443
}
9444
 
9445
.conversejs .custom-range:disabled::-moz-range-thumb {
9446
    background-color: #adb5bd
9447
}
9448
 
9449
.conversejs .custom-range:disabled::-moz-range-track {
9450
    cursor: default
9451
}
9452
 
9453
.conversejs .custom-range:disabled::-ms-thumb {
9454
    background-color: #adb5bd
9455
}
9456
 
9457
.conversejs .custom-control-label::before,
9458
.conversejs .custom-file-label,
9459
.conversejs .custom-select {
9460
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
9461
}
9462
 
9463
@media(prefers-reduced-motion: reduce) {
9464
 
9465
    .conversejs .custom-control-label::before,
9466
    .conversejs .custom-file-label,
9467
    .conversejs .custom-select {
9468
        transition: none
9469
    }
9470
}
9471
 
9472
.conversejs .btn--small {
9473
    font-size: 80%;
9474
    font-weight: normal
9475
}
9476
 
9477
.conversejs form label {
9478
    font-weight: bold
9479
}
9480
 
9481
.conversejs form .form-instructions {
9482
    color: var(--text-color);
9483
    margin-bottom: 1em
9484
}
9485
 
9486
.conversejs form .hidden-username {
9487
    opacity: 0 !important;
9488
    height: 0 !important;
9489
    padding: 0 !important
9490
}
9491
 
9492
.conversejs form .error-feedback {
9493
    margin-bottom: .5em
9494
}
9495
 
9496
.conversejs form .form-check-label {
9497
    margin-top: .3rem
9498
}
9499
 
9500
.conversejs form .form-control {
9501
    color: var(--text-color);
9502
    background-color: var(--background)
9503
}
9504
 
9505
.conversejs form .form-control:focus {
9506
    color: var(--text-color);
9507
    background-color: var(--focus-color)
9508
}
9509
 
9510
.conversejs form .form-control::-moz-placeholder {
9511
    color: var(--subdued-color)
9512
}
9513
 
9514
.conversejs form .form-control::placeholder {
9515
    color: var(--subdued-color)
9516
}
9517
 
9518
.conversejs form .form-control--labeled {
9519
    margin-top: .5em
9520
}
9521
 
9522
.conversejs form .btn-group .clear-input {
9523
    margin-top: .5em;
9524
    margin-bottom: .5em;
9525
    position: absolute;
9526
    right: .2em;
9527
    cursor: pointer;
9528
    font-size: var(--font-size)
9529
}
9530
 
9531
.conversejs form#converse-register,
9532
.conversejs form#converse-login {
9533
    background: var(--controlbox-pane-background-color)
9534
}
9535
 
9536
.conversejs form#converse-register legend,
9537
.conversejs form#converse-login legend {
9538
    width: 100%;
9539
    text-align: center;
9540
    margin: 0 auto .5em auto
9541
}
9542
 
9543
.conversejs form#converse-register fieldset.buttons,
9544
.conversejs form#converse-login fieldset.buttons {
9545
    text-align: center
9546
}
9547
 
9548
.conversejs form#converse-register .login-anon,
9549
.conversejs form#converse-login .login-anon {
9550
    height: auto;
9551
    white-space: normal
9552
}
9553
 
9554
.conversejs form#converse-register .save-submit,
9555
.conversejs form#converse-login .save-submit {
9556
    color: var(--save-button-color)
9557
}
9558
 
9559
.conversejs form#converse-register .form-url,
9560
.conversejs form#converse-login .form-url {
9561
    display: block;
9562
    font-weight: normal;
9563
    margin: 1em 0
9564
}
9565
 
9566
.conversejs form.converse-form {
9567
    padding: 1.2rem
9568
}
9569
 
9570
.conversejs form.converse-form legend {
9571
    color: var(--text-color);
9572
    font-size: 125%;
9573
    margin-bottom: 1.5em
9574
}
9575
 
9576
.conversejs form.converse-form select,
9577
.conversejs form.converse-form input[type=password],
9578
.conversejs form.converse-form input[type=number],
9579
.conversejs form.converse-form input[type=text] {
9580
    min-width: 50%
9581
}
9582
 
9583
.conversejs form.converse-form input[type=button],
9584
.conversejs form.converse-form input[type=submit] {
9585
    margin-right: .25em;
9586
    border: none
9587
}
9588
 
9589
.conversejs form.converse-form input.error {
9590
    border: 1px solid var(--error-color);
9591
    color: var(--text-color)
9592
}
9593
 
9594
.conversejs form.converse-form .text-muted {
9595
    color: var(--subdued-color) !important;
9596
    font-size: 85%;
9597
    padding-top: .5em
9598
}
9599
 
9600
.conversejs form.converse-form .text-muted a {
9601
    color: var(--link-color-lighten-10-percent)
9602
}
9603
 
9604
.conversejs form.converse-form .text-muted.error {
9605
    color: var(--error-color)
9606
}
9607
 
9608
.conversejs form.converse-form--modal {
9609
    padding-bottom: 0
9610
}
9611
 
9612
.conversejs form.converse-form--spinner {
9613
    height: 100%
9614
}
9615
 
9616
.conversejs form.converse-centered-form {
9617
    min-height: 66%;
9618
    text-align: center
9619
}
9620
 
9621
.conversejs form.converse-centered-form input {
9622
    max-width: 30em;
9623
    margin: auto
9624
}
9625
 
9626
.conversejs .list-group {
9627
    display: flex;
9628
    flex-direction: column;
9629
    padding-left: 0;
9630
    margin-bottom: 0;
9631
    border-radius: .25rem
9632
}
9633
 
9634
.conversejs .list-group-item-action {
9635
    width: 100%;
9636
    color: #495057;
9637
    text-align: inherit
9638
}
9639
 
9640
.conversejs .list-group-item-action:hover,
9641
.conversejs .list-group-item-action:focus {
9642
    z-index: 1;
9643
    color: #495057;
9644
    text-decoration: none;
9645
    background-color: #f8f9fa
9646
}
9647
 
9648
.conversejs .list-group-item-action:active {
9649
    color: #212529;
9650
    background-color: #e9ecef
9651
}
9652
 
9653
.conversejs .list-group-item {
9654
    position: relative;
9655
    display: block;
9656
    padding: .75rem 1.25rem;
9657
    background-color: #fff;
9658
    border: 1px solid rgba(0, 0, 0, .125)
9659
}
9660
 
9661
.conversejs .list-group-item:first-child {
9662
    border-top-left-radius: inherit;
9663
    border-top-right-radius: inherit
9664
}
9665
 
9666
.conversejs .list-group-item:last-child {
9667
    border-bottom-right-radius: inherit;
9668
    border-bottom-left-radius: inherit
9669
}
9670
 
9671
.conversejs .list-group-item.disabled,
9672
.conversejs .list-group-item:disabled {
9673
    color: #6c757d;
9674
    pointer-events: none;
9675
    background-color: #fff
9676
}
9677
 
9678
.conversejs .list-group-item.active {
9679
    z-index: 2;
9680
    color: #fff;
9681
    background-color: #007bff;
9682
    border-color: #007bff
9683
}
9684
 
9685
.conversejs .list-group-item+.conversejs .list-group-item {
9686
    border-top-width: 0
9687
}
9688
 
9689
.conversejs .list-group-item+.conversejs .list-group-item.active {
9690
    margin-top: -1px;
9691
    border-top-width: 1px
9692
}
9693
 
9694
.conversejs .list-group-horizontal {
9695
    flex-direction: row
9696
}
9697
 
9698
.conversejs .list-group-horizontal>.list-group-item:first-child {
9699
    border-bottom-left-radius: .25rem;
9700
    border-top-right-radius: 0
9701
}
9702
 
9703
.conversejs .list-group-horizontal>.list-group-item:last-child {
9704
    border-top-right-radius: .25rem;
9705
    border-bottom-left-radius: 0
9706
}
9707
 
9708
.conversejs .list-group-horizontal>.list-group-item.active {
9709
    margin-top: 0
9710
}
9711
 
9712
.conversejs .list-group-horizontal>.list-group-item+.list-group-item {
9713
    border-top-width: 1px;
9714
    border-left-width: 0
9715
}
9716
 
9717
.conversejs .list-group-horizontal>.list-group-item+.list-group-item.active {
9718
    margin-left: -1px;
9719
    border-left-width: 1px
9720
}
9721
 
9722
@media(min-width: 576px) {
9723
    .conversejs .list-group-horizontal-sm {
9724
        flex-direction: row
9725
    }
9726
 
9727
    .conversejs .list-group-horizontal-sm>.list-group-item:first-child {
9728
        border-bottom-left-radius: .25rem;
9729
        border-top-right-radius: 0
9730
    }
9731
 
9732
    .conversejs .list-group-horizontal-sm>.list-group-item:last-child {
9733
        border-top-right-radius: .25rem;
9734
        border-bottom-left-radius: 0
9735
    }
9736
 
9737
    .conversejs .list-group-horizontal-sm>.list-group-item.active {
9738
        margin-top: 0
9739
    }
9740
 
9741
    .conversejs .list-group-horizontal-sm>.list-group-item+.list-group-item {
9742
        border-top-width: 1px;
9743
        border-left-width: 0
9744
    }
9745
 
9746
    .conversejs .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
9747
        margin-left: -1px;
9748
        border-left-width: 1px
9749
    }
9750
}
9751
 
9752
@media(min-width: 768px) {
9753
    .conversejs .list-group-horizontal-md {
9754
        flex-direction: row
9755
    }
9756
 
9757
    .conversejs .list-group-horizontal-md>.list-group-item:first-child {
9758
        border-bottom-left-radius: .25rem;
9759
        border-top-right-radius: 0
9760
    }
9761
 
9762
    .conversejs .list-group-horizontal-md>.list-group-item:last-child {
9763
        border-top-right-radius: .25rem;
9764
        border-bottom-left-radius: 0
9765
    }
9766
 
9767
    .conversejs .list-group-horizontal-md>.list-group-item.active {
9768
        margin-top: 0
9769
    }
9770
 
9771
    .conversejs .list-group-horizontal-md>.list-group-item+.list-group-item {
9772
        border-top-width: 1px;
9773
        border-left-width: 0
9774
    }
9775
 
9776
    .conversejs .list-group-horizontal-md>.list-group-item+.list-group-item.active {
9777
        margin-left: -1px;
9778
        border-left-width: 1px
9779
    }
9780
}
9781
 
9782
@media(min-width: 992px) {
9783
    .conversejs .list-group-horizontal-lg {
9784
        flex-direction: row
9785
    }
9786
 
9787
    .conversejs .list-group-horizontal-lg>.list-group-item:first-child {
9788
        border-bottom-left-radius: .25rem;
9789
        border-top-right-radius: 0
9790
    }
9791
 
9792
    .conversejs .list-group-horizontal-lg>.list-group-item:last-child {
9793
        border-top-right-radius: .25rem;
9794
        border-bottom-left-radius: 0
9795
    }
9796
 
9797
    .conversejs .list-group-horizontal-lg>.list-group-item.active {
9798
        margin-top: 0
9799
    }
9800
 
9801
    .conversejs .list-group-horizontal-lg>.list-group-item+.list-group-item {
9802
        border-top-width: 1px;
9803
        border-left-width: 0
9804
    }
9805
 
9806
    .conversejs .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
9807
        margin-left: -1px;
9808
        border-left-width: 1px
9809
    }
9810
}
9811
 
9812
@media(min-width: 1200px) {
9813
    .conversejs .list-group-horizontal-xl {
9814
        flex-direction: row
9815
    }
9816
 
9817
    .conversejs .list-group-horizontal-xl>.list-group-item:first-child {
9818
        border-bottom-left-radius: .25rem;
9819
        border-top-right-radius: 0
9820
    }
9821
 
9822
    .conversejs .list-group-horizontal-xl>.list-group-item:last-child {
9823
        border-top-right-radius: .25rem;
9824
        border-bottom-left-radius: 0
9825
    }
9826
 
9827
    .conversejs .list-group-horizontal-xl>.list-group-item.active {
9828
        margin-top: 0
9829
    }
9830
 
9831
    .conversejs .list-group-horizontal-xl>.list-group-item+.list-group-item {
9832
        border-top-width: 1px;
9833
        border-left-width: 0
9834
    }
9835
 
9836
    .conversejs .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
9837
        margin-left: -1px;
9838
        border-left-width: 1px
9839
    }
9840
}
9841
 
9842
.conversejs .list-group-flush {
9843
    border-radius: 0
9844
}
9845
 
9846
.conversejs .list-group-flush>.list-group-item {
9847
    border-width: 0 0 1px
9848
}
9849
 
9850
.conversejs .list-group-flush>.list-group-item:last-child {
9851
    border-bottom-width: 0
9852
}
9853
 
9854
.conversejs .list-group-item-primary {
9855
    color: #004085;
9856
    background-color: #b8daff
9857
}
9858
 
9859
.conversejs .list-group-item-primary.list-group-item-action:hover,
9860
.conversejs .list-group-item-primary.list-group-item-action:focus {
9861
    color: #004085;
9862
    background-color: #9fcdff
9863
}
9864
 
9865
.conversejs .list-group-item-primary.list-group-item-action.active {
9866
    color: #fff;
9867
    background-color: #004085;
9868
    border-color: #004085
9869
}
9870
 
9871
.conversejs .list-group-item-secondary {
9872
    color: #383d41;
9873
    background-color: #d6d8db
9874
}
9875
 
9876
.conversejs .list-group-item-secondary.list-group-item-action:hover,
9877
.conversejs .list-group-item-secondary.list-group-item-action:focus {
9878
    color: #383d41;
9879
    background-color: #c8cbcf
9880
}
9881
 
9882
.conversejs .list-group-item-secondary.list-group-item-action.active {
9883
    color: #fff;
9884
    background-color: #383d41;
9885
    border-color: #383d41
9886
}
9887
 
9888
.conversejs .list-group-item-success {
9889
    color: #155724;
9890
    background-color: #c3e6cb
9891
}
9892
 
9893
.conversejs .list-group-item-success.list-group-item-action:hover,
9894
.conversejs .list-group-item-success.list-group-item-action:focus {
9895
    color: #155724;
9896
    background-color: #b1dfbb
9897
}
9898
 
9899
.conversejs .list-group-item-success.list-group-item-action.active {
9900
    color: #fff;
9901
    background-color: #155724;
9902
    border-color: #155724
9903
}
9904
 
9905
.conversejs .list-group-item-info {
9906
    color: #0c5460;
9907
    background-color: #bee5eb
9908
}
9909
 
9910
.conversejs .list-group-item-info.list-group-item-action:hover,
9911
.conversejs .list-group-item-info.list-group-item-action:focus {
9912
    color: #0c5460;
9913
    background-color: #abdde5
9914
}
9915
 
9916
.conversejs .list-group-item-info.list-group-item-action.active {
9917
    color: #fff;
9918
    background-color: #0c5460;
9919
    border-color: #0c5460
9920
}
9921
 
9922
.conversejs .list-group-item-warning {
9923
    color: #856404;
9924
    background-color: #ffeeba
9925
}
9926
 
9927
.conversejs .list-group-item-warning.list-group-item-action:hover,
9928
.conversejs .list-group-item-warning.list-group-item-action:focus {
9929
    color: #856404;
9930
    background-color: #ffe8a1
9931
}
9932
 
9933
.conversejs .list-group-item-warning.list-group-item-action.active {
9934
    color: #fff;
9935
    background-color: #856404;
9936
    border-color: #856404
9937
}
9938
 
9939
.conversejs .list-group-item-danger {
9940
    color: #721c24;
9941
    background-color: #f5c6cb
9942
}
9943
 
9944
.conversejs .list-group-item-danger.list-group-item-action:hover,
9945
.conversejs .list-group-item-danger.list-group-item-action:focus {
9946
    color: #721c24;
9947
    background-color: #f1b0b7
9948
}
9949
 
9950
.conversejs .list-group-item-danger.list-group-item-action.active {
9951
    color: #fff;
9952
    background-color: #721c24;
9953
    border-color: #721c24
9954
}
9955
 
9956
.conversejs .list-group-item-light {
9957
    color: #818182;
9958
    background-color: #fdfdfe
9959
}
9960
 
9961
.conversejs .list-group-item-light.list-group-item-action:hover,
9962
.conversejs .list-group-item-light.list-group-item-action:focus {
9963
    color: #818182;
9964
    background-color: #ececf6
9965
}
9966
 
9967
.conversejs .list-group-item-light.list-group-item-action.active {
9968
    color: #fff;
9969
    background-color: #818182;
9970
    border-color: #818182
9971
}
9972
 
9973
.conversejs .list-group-item-dark {
9974
    color: #1b1e21;
9975
    background-color: #c6c8ca
9976
}
9977
 
9978
.conversejs .list-group-item-dark.list-group-item-action:hover,
9979
.conversejs .list-group-item-dark.list-group-item-action:focus {
9980
    color: #1b1e21;
9981
    background-color: #b9bbbe
9982
}
9983
 
9984
.conversejs .list-group-item-dark.list-group-item-action.active {
9985
    color: #fff;
9986
    background-color: #1b1e21;
9987
    border-color: #1b1e21
9988
}
9989
 
9990
.conversejs .list-group-item {
9991
    background-color: var(--list-group-item-bg-color)
9992
}
9993
 
9994
.conversejs .list-group-item.active {
9995
    background-color: var(--primary-color);
9996
    border-color: var(--primary-color-dark)
9997
}
9998
 
9999
.conversejs .list-container {
10000
    text-align: left;
10001
    padding: .3em 0
10002
}
10003
 
10004
.conversejs .list-container .list-toggle {
10005
    font-family: var(--heading-font);
10006
    font-weight: var(--list-toggle-font-weight);
10007
    display: block;
10008
    color: var(--list-toggle-color);
10009
    padding: 0 0 .5rem 0
10010
}
10011
 
10012
.conversejs .list-container .list-toggle:hover {
10013
    color: var(--list-toggle-hover-color)
10014
}
10015
 
10016
.conversejs .items-list {
10017
    text-align: left
10018
}
10019
 
10020
.conversejs .items-list .list-item {
10021
    border: none;
10022
    clear: both;
10023
    color: var(--text-color);
10024
    overflow: hidden;
10025
    padding: .5em 0;
10026
    text-shadow: 0 1px 0 var(--text-shadow-color);
10027
    word-wrap: break-word;
10028
    height: 2.5em
10029
}
10030
 
10031
.conversejs .items-list .list-item.unread-msgs {
10032
    font-weight: bold
10033
}
10034
 
10035
.conversejs .items-list .list-item:hover .list-item-link {
10036
    color: var(--list-item-link-hover-color)
10037
}
10038
 
10039
.conversejs .items-list .list-item .list-item-link {
10040
    color: var(--list-item-link-color);
10041
    margin: auto;
10042
    font-size: var(--font-size);
10043
    overflow: hidden;
10044
    white-space: nowrap;
10045
    text-overflow: ellipsis;
10046
    vertical-align: baseline
10047
}
10048
 
10049
.conversejs .items-list .list-item .list-item-link:hover {
10050
    color: var(--list-item-link-hover-color)
10051
}
10052
 
10053
.conversejs .items-list .list-item .list-item-badge {
10054
    opacity: 1;
10055
    border-radius: 25%;
10056
    color: #fff;
10057
    font-size: var(--font-size-small);
10058
    line-height: var(--font-size-small)
10059
}
10060
 
10061
.conversejs .items-list .list-item .list-item-action {
10062
    opacity: 0;
10063
    font-size: var(--font-size-tiny);
10064
    padding: .3em 0 0 0;
10065
    margin: 0 0 0 var(--inline-action-margin);
10066
    width: 2em;
10067
    height: 2em;
10068
    color: var(--subdued-color)
10069
}
10070
 
10071
.conversejs .items-list .list-item .list-item-action:before {
10072
    font-size: var(--font-size)
10073
}
10074
 
10075
.conversejs .items-list .list-item .list-item-action.button-on {
10076
    color: var(--list-item-link-color)
10077
}
10078
 
10079
.conversejs .items-list .list-item .list-item-action.button-on:hover {
10080
    color: var(--list-item-link-hover-color)
10081
}
10082
 
10083
.conversejs .items-list .list-item .list-item-action:hover {
10084
    color: var(--list-toggle-hover-color);
10085
    opacity: 1
10086
}
10087
 
10088
.conversejs .items-list .list-item .list-item-action--visible {
10089
    opacity: 1 !important
10090
}
10091
 
10092
.conversejs .items-list .list-item.open {
10093
    background-color: var(--list-item-open-color)
10094
}
10095
 
10096
.conversejs .items-list .list-item.open:hover .list-item-link {
10097
    color: var(--inverse-link-color)
10098
}
10099
 
10100
.conversejs .items-list .list-item.open:hover .list-item-link:hover {
10101
    color: var(--inverse-link-color)
10102
}
10103
 
10104
.conversejs .items-list .list-item.open:hover {
10105
    background-color: var(--list-item-open-hover-color)
10106
}
10107
 
10108
.conversejs .items-list .list-item.open a {
10109
    color: var(--inverse-link-color)
10110
}
10111
 
10112
.conversejs .items-list .list-item.open .list-item-action {
10113
    color: var(--list-item-action-color)
10114
}
10115
 
10116
.conversejs .items-list .list-item.open .list-item-action:hover {
10117
    color: var(--list-item-action-hover-color)
10118
}
10119
 
10120
.conversejs .items-list .list-item:hover {
10121
    background-color: var(--controlbox-pane-bg-hover-color)
10122
}
10123
 
10124
.conversejs .items-list .list-item:hover .list-item-action {
10125
    opacity: 1
10126
}
10127
 
10128
.conversejs .items-list .list-item:hover .fa,
10129
.conversejs .items-list .list-item:hover .far,
10130
.conversejs .items-list .list-item:hover .fas {
10131
    opacity: 1
10132
}
10133
 
10134
.conversejs .styling-directive {
10135
    color: var(--subdued-color)
10136
}
10137
 
10138
.conversejs .message .show-msg-author-modal {
10139
    align-self: flex-start;
10140
    color: var(--message-author-color) !important
10141
}
10142
 
10143
.conversejs .message blockquote {
10144
    margin-left: .5em;
10145
    margin-bottom: .25em;
10146
    padding-right: 1em;
10147
    color: var(--subdued-color);
10148
    border-left: .3em solid var(--subdued-color);
10149
    padding-left: .5em;
10150
    display: inline-block
10151
}
10152
 
10153
.conversejs .message code {
10154
    font-family: monospace
10155
}
10156
 
10157
.conversejs .message .mention {
10158
    font-weight: bold
10159
}
10160
 
10161
.conversejs .message .mention--self {
10162
    font-weight: normal
10163
}
10164
 
10165
.conversejs .message.date-separator,
10166
.conversejs .message.separator {
10167
    height: 2em;
10168
    margin: 0;
10169
    position: relative;
10170
    text-align: center;
10171
    z-index: 0
10172
}
10173
 
10174
.conversejs .message.date-separator .separator,
10175
.conversejs .message.separator .separator {
10176
    border-top: 0px;
10177
    border-bottom: var(--chat-separator-border-bottom);
10178
    margin: 0 1em;
10179
    position: relative;
10180
    top: 1em;
10181
    z-index: 5
10182
}
10183
 
10184
.conversejs .message.date-separator .separator-text,
10185
.conversejs .message.separator .separator-text {
10186
    background: var(--chat-background-color);
10187
    bottom: 1px;
10188
    color: var(--separator-text-color);
10189
    display: inline-block;
10190
    line-height: 2em;
10191
    padding: 0 1em;
10192
    position: relative;
10193
    z-index: 5
10194
}
10195
 
10196
.conversejs .message.chat-info {
10197
    color: var(--chat-info-color);
10198
    font-size: var(--message-font-size);
10199
    line-height: var(--line-height-small);
10200
    font-size: 90%;
10201
    padding: .17rem 1rem
10202
}
10203
 
10204
.conversejs .message.chat-info.badge {
10205
    color: var(--chat-head-text-color)
10206
}
10207
 
10208
.conversejs .message.chat-info.chat-state-notification {
10209
    font-style: italic
10210
}
10211
 
10212
.conversejs .message.chat-info.chat-event {
10213
    clear: left;
10214
    font-style: italic
10215
}
10216
 
10217
.conversejs .message.chat-info.chat-error {
10218
    color: var(--error-color);
10219
    font-weight: bold
10220
}
10221
 
10222
.conversejs .message.chat-info .q {
10223
    font-style: italic
10224
}
10225
 
10226
.conversejs .message .chat-image {
10227
    height: auto;
10228
    width: auto;
10229
    max-height: 15em;
10230
    max-width: 100%
10231
}
10232
 
10233
.conversejs .message.chat-msg--action {
10234
    font-style: italic
10235
}
10236
 
10237
.conversejs .message.chat-msg--action .chat-msg__author {
10238
    padding-right: .2em
10239
}
10240
 
10241
.conversejs .message.chat-msg {
10242
    display: inline-flex;
10243
    width: 100%;
10244
    flex-direction: row;
10245
    padding: .25em 1rem
10246
}
10247
 
10248
.conversejs .message.chat-msg.onload {
10249
    animation: colorchange-chatmessage 1s;
10250
    -webkit-animation: colorchange-chatmessage 1s
10251
}
10252
 
10253
.conversejs .message.chat-msg:hover {
10254
    background-color: var(--chat-msg-hover-color)
10255
}
10256
 
10257
.conversejs .message.chat-msg.correcting.groupchat {
10258
    background-color: var(--chatroom-correcting-color)
10259
}
10260
 
10261
.conversejs .message.chat-msg.correcting:not(.groupchat) {
10262
    background-color: var(--chat-correcting-color)
10263
}
10264
 
10265
.conversejs .message.chat-msg .spoiler {
10266
    margin-top: .5em
10267
}
10268
 
10269
.conversejs .message.chat-msg .spoiler-hint {
10270
    margin-bottom: .5em
10271
}
10272
 
10273
.conversejs .message.chat-msg .spoiler-toggle {
10274
    color: var(--background)
10275
}
10276
 
10277
.conversejs .message.chat-msg .spoiler-toggle i {
10278
    color: var(--background);
10279
    padding-right: .5em
10280
}
10281
 
10282
.conversejs .message.chat-msg .spoiler-toggle:before {
10283
    padding-right: .25em;
10284
    white-space: nowrap
10285
}
10286
 
10287
.conversejs .message.chat-msg .chat-msg__content--me .chat-msg__body--groupchat .chat-msg__text {
10288
    color: var(--subdued-color)
10289
}
10290
 
10291
.conversejs .message.chat-msg .chat-msg__content--me .chat-msg__body--groupchat.chat-msg__body--delayed .chat-msg__text,
10292
.conversejs .message.chat-msg .chat-msg__content--me .chat-msg__body--groupchat.chat-msg__body--received .chat-msg__text {
10293
    color: var(--message-text-color)
10294
}
10295
 
10296
.conversejs .message.chat-msg .chat-msg__content--action {
10297
    width: 100%;
10298
    margin-left: 0
10299
}
10300
 
10301
.conversejs .message.chat-msg .chat-msg__message {
10302
    line-height: 1.65em;
10303
    display: inline-flex;
10304
    flex-direction: column;
10305
    width: 100%;
10306
    overflow-wrap: break-word
10307
}
10308
 
10309
.conversejs .message.chat-msg .chat-msg__message .chat-msg__body--wrapper {
10310
    display: flex
10311
}
10312
 
10313
.conversejs .message.chat-msg .chat-msg__edit-modal {
10314
    cursor: pointer;
10315
    padding-right: .5em
10316
}
10317
 
10318
.conversejs .message.chat-msg .chat-msg__subject {
10319
    font-weight: bold;
10320
    clear: right
10321
}
10322
 
10323
.conversejs .message.chat-msg .chat-msg__text {
10324
    color: var(--message-text-color);
10325
    padding: 0;
10326
    white-space: pre-wrap;
10327
    word-wrap: break-word;
10328
    word-break: break-word
10329
}
10330
 
10331
.conversejs .message.chat-msg .chat-msg__text a {
10332
    word-wrap: break-word;
10333
    word-break: break-all;
10334
    display: inline
10335
}
10336
 
10337
.conversejs .message.chat-msg .chat-msg__text a.chat-image__link {
10338
    width: -moz-fit-content;
10339
    width: fit-content;
10340
    display: block
10341
}
10342
 
10343
.conversejs .message.chat-msg .chat-msg__text img.emoji {
10344
    height: 1.5em;
10345
    width: 1.5em;
10346
    margin: 0 .05em 0 .1em;
10347
    vertical-align: -0.1em
10348
}
10349
 
10350
.conversejs .message.chat-msg .chat-msg__text .emojione {
10351
    margin-bottom: -6px
10352
}
10353
 
10354
.conversejs .message.chat-msg .chat-msg__text--larger {
10355
    font-size: 1.6em;
10356
    padding-top: .25em;
10357
    padding-bottom: .25em
10358
}
10359
 
10360
.conversejs .message.chat-msg .chat-msg__error {
10361
    color: var(--error-color)
10362
}
10363
 
10364
.conversejs .message.chat-msg .chat-msg__media {
10365
    margin-top: .25rem;
10366
    word-break: break-all
10367
}
10368
 
10369
.conversejs .message.chat-msg .chat-msg__media a {
10370
    word-wrap: break-word
10371
}
10372
 
10373
.conversejs .message.chat-msg .chat-msg__media audio {
10374
    width: 100%
10375
}
10376
 
10377
.conversejs .message.chat-msg .chat-msg__author {
10378
    overflow: hidden;
10379
    text-overflow: ellipsis;
10380
    white-space: nowrap;
10381
    font-family: var(--heading-font);
10382
    font-size: 115%;
10383
    font-weight: bold;
10384
    padding-bottom: 1px
10385
}
10386
 
10387
.conversejs .message.chat-msg .chat-msg__heading {
10388
    width: 100%;
10389
    padding-right: .25rem
10390
}
10391
 
10392
.conversejs .message.chat-msg .chat-msg__heading .badge {
10393
    margin-left: .5em;
10394
    font-family: var(--normal_font)
10395
}
10396
 
10397
.conversejs .message.chat-msg .chat-msg__heading .chat-msg__time {
10398
    padding-left: .25em;
10399
    padding-right: .25em;
10400
    color: var(--text-color-lighten-15-percent)
10401
}
10402
 
10403
.conversejs .message.chat-msg .chat-msg__heading .fa-lock svg {
10404
    padding-bottom: 2px
10405
}
10406
 
10407
.conversejs .message.chat-msg.chat-msg--action .chat-msg__message {
10408
    flex-direction: row
10409
}
10410
 
10411
.conversejs .message.chat-msg.chat-msg--action .chat-msg__text {
10412
    width: auto
10413
}
10414
 
10415
.conversejs .message.chat-msg.chat-msg--action .chat-msg__heading {
10416
    margin-top: 0;
10417
    padding-bottom: 0;
10418
    width: auto
10419
}
10420
 
10421
.conversejs .message.chat-msg.chat-msg--action .chat-msg__heading .fa {
10422
    margin-left: .5em
10423
}
10424
 
10425
.conversejs .message.chat-msg.chat-msg--action .chat-msg__author {
10426
    font-size: var(--message-font-size)
10427
}
10428
 
10429
.conversejs .message.chat-msg.chat-msg--action .chat-msg__time {
10430
    margin-left: 0
10431
}
10432
 
10433
.conversejs .message.chat-msg .chat-msg__content {
10434
    width: calc(100% - var(--message-avatar-width))
10435
}
10436
 
10437
.conversejs .message.chat-msg.chat-msg--followup .chat-msg__heading,
10438
.conversejs .message.chat-msg.chat-msg--followup .show-msg-author-modal {
10439
    display: none
10440
}
10441
 
10442
.conversejs .message.chat-msg.chat-msg--followup.chat-msg--with-avatar .chat-msg__content {
10443
    margin-left: 2.75rem;
10444
    width: 100%
10445
}
10446
 
10447
.conversejs .message.chat-msg .chat-msg__receipt {
10448
    margin-left: .5em;
10449
    margin-right: .5em;
10450
    color: var(--message-receipt-color)
10451
}
10452
 
10453
.conversejs .message .chat-msg__content {
10454
    display: flex;
10455
    flex-direction: column;
10456
    justify-content: space-between;
10457
    align-items: stretch;
10458
    margin-left: .5rem
10459
}
10460
 
10461
.conversejs .message .chat-msg__content:hover .btn--standalone {
10462
    opacity: 1
10463
}
10464
 
10465
.conversejs .message .chat-msg__body {
10466
    display: flex;
10467
    flex-direction: row;
10468
    justify-content: space-between
10469
}
10470
 
10471
.conversejs .chatroom-body .message.onload {
10472
    animation: colorchange-chatmessage-muc 1s;
10473
    -webkit-animation: colorchange-chatmessage-muc 1s
10474
}
10475
 
10476
.conversejs .chatroom-body .message .separator {
10477
    border-top: 0px;
10478
    border-bottom: var(--chatroom-separator-border-bottom)
10479
}
10480
 
10481
.conversejs converse-chats.converse-overlayed .message.chat-msg.chat-msg--followup .chat-msg__content {
10482
    margin-left: 0
10483
}
10484
 
10485
@media screen and (max-width: 767px) {
10486
    converse-chats:not(.converse-embedded) .message.chat-msg .chat-msg__author {
10487
        white-space: normal
10488
    }
10489
}
10490
 
10491
#conversejs-bg .subdued {
10492
    opacity: .35
10493
}
10494
 
10495
#conversejs-bg .converse-brand {
10496
    display: flex;
10497
    justify-content: space-between;
10498
    margin-top: 15vh;
10499
    animation-name: fadein;
10500
    animation-fill-mode: forwards;
10501
    animation-duration: 5s;
10502
    animation-timing-function: ease
10503
}
10504
 
10505
#conversejs-bg .converse-brand__text {
10506
    color: #fff;
10507
    font-family: var(--branding-font);
10508
    font-weight: normal;
10509
    text-align: center;
10510
    font-size: 140%;
10511
    margin-left: .2em
10512
}
10513
 
10514
#conversejs-bg .converse-brand__text .byline {
10515
    margin: 0;
10516
    font-family: var(--heading-font);
10517
    font-size: .3em;
10518
    opacity: .55;
10519
    margin-bottom: 2em;
10520
    margin-left: -2.7em;
10521
    word-spacing: 5px
10522
}
10523
 
10524
@media screen and (max-width: 480px) {
10525
    #conversejs-bg .converse-brand {
10526
        display: none
10527
    }
10528
}
10529
 
10530
@media(max-width: 767.98px) {
10531
    #conversejs-bg .converse-brand {
10532
        display: none
10533
    }
10534
}
10535
 
10536
.converse-fullscreen #conversejs-bg .converse-brand__padding {
10537
    position: relative;
10538
    width: 100%;
10539
    padding-right: 15px;
10540
    padding-left: 15px;
10541
    padding: 0
10542
}
10543
 
10544
@media(min-width: 768px) {
10545
    .converse-fullscreen #conversejs-bg .converse-brand__padding {
10546
        flex: 0 0 33.33333333%;
10547
        max-width: 33.33333333%
10548
    }
10549
}
10550
 
10551
@media(min-width: 992px) {
10552
    .converse-fullscreen #conversejs-bg .converse-brand__padding {
10553
        flex: 0 0 25%;
10554
        max-width: 25%
10555
    }
10556
}
10557
 
10558
@media(min-width: 1200px) {
10559
    .converse-fullscreen #conversejs-bg .converse-brand__padding {
10560
        flex: 0 0 16.66666667%;
10561
        max-width: 16.66666667%
10562
    }
10563
}
10564
 
10565
.converse-fullscreen #conversejs-bg .converse-brand__heading {
10566
    position: relative;
10567
    width: 100%;
10568
    padding-right: 15px;
10569
    padding-left: 15px;
10570
    padding: 0;
10571
    display: flex;
10572
    justify-content: center;
10573
    margin: auto
10574
}
10575
 
10576
@media(min-width: 768px) {
10577
    .converse-fullscreen #conversejs-bg .converse-brand__heading {
10578
        font-size: 4em;
10579
        flex: 0 0 66.66666667%;
10580
        max-width: 66.66666667%
10581
    }
10582
}
10583
 
10584
@media(min-width: 992px) {
10585
    .converse-fullscreen #conversejs-bg .converse-brand__heading {
10586
        font-size: 5em;
10587
        flex: 0 0 75%;
10588
        max-width: 75%
10589
    }
10590
}
10591
 
10592
@media(min-width: 1200px) {
10593
    .converse-fullscreen #conversejs-bg .converse-brand__heading {
10594
        font-size: 6em;
10595
        flex: 0 0 83.33333333%;
10596
        max-width: 83.33333333%
10597
    }
10598
}
10599
 
10600
.converse-fullscreen #conversejs-bg .converse-brand__heading svg {
10601
    margin-top: .3em
10602
}
10603
 
10604
.converse-overlayed #conversejs-bg .converse-brand__padding {
10605
    position: relative;
10606
    width: 100%;
10607
    padding-right: 15px;
10608
    padding-left: 15px;
10609
    padding: 0
10610
}
10611
 
10612
@media(min-width: 768px) {
10613
    .converse-overlayed #conversejs-bg .converse-brand__padding {
10614
        flex: 0 0 16.66666667%;
10615
        max-width: 16.66666667%
10616
    }
10617
}
10618
 
10619
@media(min-width: 992px) {
10620
    .converse-overlayed #conversejs-bg .converse-brand__padding {
10621
        flex: 0 0 8.33333333%;
10622
        max-width: 8.33333333%
10623
    }
10624
}
10625
 
10626
@media(min-width: 1200px) {
10627
    .converse-overlayed #conversejs-bg .converse-brand__padding {
10628
        flex: 0 0 8.33333333%;
10629
        max-width: 8.33333333%
10630
    }
10631
}
10632
 
10633
.converse-overlayed #conversejs-bg .converse-brand__heading {
10634
    position: relative;
10635
    width: 100%;
10636
    padding-right: 15px;
10637
    padding-left: 15px;
10638
    padding: 0;
10639
    display: flex;
10640
    justify-content: center;
10641
    margin: auto
10642
}
10643
 
10644
@media(min-width: 768px) {
10645
    .converse-overlayed #conversejs-bg .converse-brand__heading {
10646
        font-size: 4em;
10647
        flex: 0 0 66.66666667%;
10648
        max-width: 66.66666667%
10649
    }
10650
}
10651
 
10652
@media(min-width: 992px) {
10653
    .converse-overlayed #conversejs-bg .converse-brand__heading {
10654
        font-size: 5em;
10655
        flex: 0 0 83.33333333%;
10656
        max-width: 83.33333333%
10657
    }
10658
}
10659
 
10660
@media(min-width: 1200px) {
10661
    .converse-overlayed #conversejs-bg .converse-brand__heading {
10662
        font-size: 6em;
10663
        flex: 0 0 83.33333333%;
10664
        max-width: 83.33333333%
10665
    }
10666
}
10667
 
10668
.converse-overlayed #conversejs-bg .converse-brand__heading svg {
10669
    margin-top: .3em
10670
}
10671
 
10672
.conversejs .modal-open {
10673
    overflow: hidden
10674
}
10675
 
10676
.conversejs .modal-open .modal {
10677
    overflow-x: hidden;
10678
    overflow-y: auto
10679
}
10680
 
10681
.conversejs .modal {
10682
    position: fixed;
10683
    top: 0;
10684
    left: 0;
10685
    z-index: 1050;
10686
    display: none;
10687
    width: 100%;
10688
    height: 100%;
10689
    overflow: hidden;
10690
    outline: 0
10691
}
10692
 
10693
.conversejs .modal-dialog {
10694
    position: relative;
10695
    width: auto;
10696
    margin: .5rem;
10697
    pointer-events: none
10698
}
10699
 
10700
.modal.fade .conversejs .modal-dialog {
10701
    transition: transform .3s ease-out;
10702
    transform: translate(0, -50px)
10703
}
10704
 
10705
@media(prefers-reduced-motion: reduce) {
10706
    .modal.fade .conversejs .modal-dialog {
10707
        transition: none
10708
    }
10709
}
10710
 
10711
.modal.show .conversejs .modal-dialog {
10712
    transform: none
10713
}
10714
 
10715
.modal.modal-static .conversejs .modal-dialog {
10716
    transform: scale(1.02)
10717
}
10718
 
10719
.conversejs .modal-dialog-scrollable {
10720
    display: flex;
10721
    max-height: calc(100% - 1rem)
10722
}
10723
 
10724
.conversejs .modal-dialog-scrollable .modal-content {
10725
    max-height: calc(100vh - 1rem);
10726
    overflow: hidden
10727
}
10728
 
10729
.conversejs .modal-dialog-scrollable .modal-header,
10730
.conversejs .modal-dialog-scrollable .modal-footer {
10731
    flex-shrink: 0
10732
}
10733
 
10734
.conversejs .modal-dialog-scrollable .modal-body {
10735
    overflow-y: auto
10736
}
10737
 
10738
.conversejs .modal-dialog-centered {
10739
    display: flex;
10740
    align-items: center;
10741
    min-height: calc(100% - 1rem)
10742
}
10743
 
10744
.conversejs .modal-dialog-centered::before {
10745
    display: block;
10746
    height: calc(100vh - 1rem);
10747
    height: -moz-min-content;
10748
    height: min-content;
10749
    content: ""
10750
}
10751
 
10752
.conversejs .modal-dialog-centered.modal-dialog-scrollable {
10753
    flex-direction: column;
10754
    justify-content: center;
10755
    height: 100%
10756
}
10757
 
10758
.conversejs .modal-dialog-centered.modal-dialog-scrollable .modal-content {
10759
    max-height: none
10760
}
10761
 
10762
.conversejs .modal-dialog-centered.modal-dialog-scrollable::before {
10763
    content: none
10764
}
10765
 
10766
.conversejs .modal-content {
10767
    position: relative;
10768
    display: flex;
10769
    flex-direction: column;
10770
    width: 100%;
10771
    pointer-events: auto;
10772
    background-color: #fff;
10773
    background-clip: padding-box;
10774
    border: 1px solid rgba(0, 0, 0, .2);
10775
    border-radius: .3rem;
10776
    outline: 0
10777
}
10778
 
10779
.conversejs .modal-backdrop {
10780
    position: fixed;
10781
    top: 0;
10782
    left: 0;
10783
    z-index: 1040;
10784
    width: 100vw;
10785
    height: 100vh;
10786
    background-color: #000
10787
}
10788
 
10789
.conversejs .modal-backdrop.fade {
10790
    opacity: 0
10791
}
10792
 
10793
.conversejs .modal-backdrop.show {
10794
    opacity: .5
10795
}
10796
 
10797
.conversejs .modal-header {
10798
    display: flex;
10799
    align-items: flex-start;
10800
    justify-content: space-between;
10801
    padding: 1rem 1rem;
10802
    border-bottom: 1px solid #dee2e6;
10803
    border-top-left-radius: calc(0.3rem - 1px);
10804
    border-top-right-radius: calc(0.3rem - 1px)
10805
}
10806
 
10807
.conversejs .modal-header .close {
10808
    padding: 1rem 1rem;
10809
    margin: -1rem -1rem -1rem auto
10810
}
10811
 
10812
.conversejs .modal-title {
10813
    margin-bottom: 0;
10814
    line-height: 1.5
10815
}
10816
 
10817
.conversejs .modal-body {
10818
    position: relative;
10819
    flex: 1 1 auto;
10820
    padding: 1rem
10821
}
10822
 
10823
.conversejs .modal-footer {
10824
    display: flex;
10825
    flex-wrap: wrap;
10826
    align-items: center;
10827
    justify-content: flex-end;
10828
    padding: .75rem;
10829
    border-top: 1px solid #dee2e6;
10830
    border-bottom-right-radius: calc(0.3rem - 1px);
10831
    border-bottom-left-radius: calc(0.3rem - 1px)
10832
}
10833
 
10834
.conversejs .modal-footer>* {
10835
    margin: .25rem
10836
}
10837
 
10838
.conversejs .modal-scrollbar-measure {
10839
    position: absolute;
10840
    top: -9999px;
10841
    width: 50px;
10842
    height: 50px;
10843
    overflow: scroll
10844
}
10845
 
10846
@media(min-width: 576px) {
10847
    .conversejs .modal-dialog {
10848
        max-width: 500px;
10849
        margin: 1.75rem auto
10850
    }
10851
 
10852
    .conversejs .modal-dialog-scrollable {
10853
        max-height: calc(100% - 3.5rem)
10854
    }
10855
 
10856
    .conversejs .modal-dialog-scrollable .modal-content {
10857
        max-height: calc(100vh - 3.5rem)
10858
    }
10859
 
10860
    .conversejs .modal-dialog-centered {
10861
        min-height: calc(100% - 3.5rem)
10862
    }
10863
 
10864
    .conversejs .modal-dialog-centered::before {
10865
        height: calc(100vh - 3.5rem);
10866
        height: -moz-min-content;
10867
        height: min-content
10868
    }
10869
 
10870
    .conversejs .modal-sm {
10871
        max-width: 300px
10872
    }
10873
}
10874
 
10875
@media(min-width: 992px) {
10876
 
10877
    .conversejs .modal-lg,
10878
    .conversejs .modal-xl {
10879
        max-width: 800px
10880
    }
10881
}
10882
 
10883
@media(min-width: 1200px) {
10884
    .conversejs .modal-xl {
10885
        max-width: 1140px
10886
    }
10887
}
10888
 
10889
.conversejs .modal-header.alert-danger {
10890
    background-color: var(--error-color);
10891
    color: var(--background);
10892
    border-bottom: none
10893
}
10894
 
10895
.conversejs .modal-header.alert-danger .close {
10896
    color: var(--background)
10897
}
10898
 
10899
.conversejs .modal-content {
10900
    background-color: var(--modal-background-color)
10901
}
10902
 
10903
.conversejs .modal-body .row {
10904
    margin-left: 0;
10905
    margin-right: 0
10906
}
10907
 
10908
.conversejs .occupant-details li {
10909
    margin-bottom: 1em
10910
}
10911
 
10912
.conversejs #converse-modals .modal .nav-item {
10913
    margin: .25em
10914
}
10915
 
10916
.conversejs #converse-modals .modal .nav-item .nav-link.active {
10917
    color: var(--background)
10918
}
10919
 
10920
.conversejs #converse-modals .modal .nav-item:hover .nav-link {
10921
    color: var(--foreground);
10922
    background-color: var(--primary-color-light)
10923
}
10924
 
10925
.conversejs #converse-modals .modal .nav-item:hover .nav-link.active {
10926
    color: var(--background);
10927
    background-color: var(--primary-color)
10928
}
10929
 
10930
.conversejs #converse-modals .modal .modal-content {
10931
    box-shadow: var(--raised-el-shadow)
10932
}
10933
 
10934
.conversejs #converse-modals .modal .modal-body {
10935
    overflow-y: auto;
10936
    max-height: 75vh;
10937
    margin-bottom: 2em
10938
}
10939
 
10940
.conversejs #converse-modals .modal .modal-body p {
10941
    padding: .25rem 0
10942
}
10943
 
10944
.conversejs #converse-modals .modal .modal-body .confirm .form-group p:first-child {
10945
    font-size: 110%;
10946
    font-weight: bold
10947
}
10948
 
10949
.conversejs #converse-modals .modal .modal-body.fit-content {
10950
    box-sizing: content-box
10951
}
10952
 
10953
.conversejs #converse-modals .modal .modal-body.fit-content img {
10954
    max-width: 90vw
10955
}
10956
 
10957
.conversejs #converse-modals .modal .modal-footer {
10958
    justify-content: flex-start
10959
}
10960
 
10961
.conversejs #converse-modals .modal .roomid-policy-error {
10962
    color: var(--error-color);
10963
    font-size: var(--font-size-small);
10964
    float: right
10965
}
10966
 
10967
.conversejs #converse-modals .scrollable-container {
10968
    max-height: 45vh;
10969
    overflow-y: auto
10970
}
10971
 
10972
.conversejs #converse-modals .role-form,
10973
.conversejs #converse-modals .affiliation-form {
10974
    padding: 2em 0 1em 0
10975
}
10976
 
10977
.conversejs #converse-modals .set-xmpp-status {
10978
    margin: 1em
10979
}
10980
 
10981
.conversejs #converse-modals .set-xmpp-status .custom-control-label {
10982
    padding-top: .25em
10983
}
10984
 
10985
.conversejs #converse-modals #omemo-tabpanel {
10986
    margin-top: 1em
10987
}
10988
 
10989
.conversejs #converse-modals .btn {
10990
    font-weight: normal
10991
}
10992
 
10993
.conversejs [hidden] {
10994
    display: none
10995
}
10996
 
10997
.conversejs .visually-hidden {
10998
    position: absolute;
10999
    clip: rect(0, 0, 0, 0)
11000
}
11001
 
11002
.conversejs .form-group .suggestion-box {
11003
    width: 100%
11004
}
11005
 
11006
.conversejs .suggestion-box {
11007
    position: relative
11008
}
11009
 
11010
.conversejs .suggestion-box mark {
11011
    background: var(--completion-light-color)
11012
}
11013
 
11014
.conversejs .suggestion-box>input {
11015
    display: block
11016
}
11017
 
11018
.conversejs .suggestion-box .suggestion-box__results,
11019
.conversejs .suggestion-box>ul {
11020
    border-radius: .3em;
11021
    border: 1px solid var(--focus-color);
11022
    box-shadow: .05em .2em .6em rgba(0, 0, 0, .1);
11023
    box-sizing: border-box;
11024
    left: 0;
11025
    list-style: none;
11026
    margin: .2em 0 0;
11027
    min-width: 100%;
11028
    padding: 0;
11029
    position: absolute;
11030
    right: 0;
11031
    text-shadow: none;
11032
    z-index: 2
11033
}
11034
 
11035
.conversejs .suggestion-box .suggestion-box__results:before,
11036
.conversejs .suggestion-box>ul:before {
11037
    content: "";
11038
    position: absolute;
11039
    top: -0.43em;
11040
    left: 1em;
11041
    width: 0;
11042
    height: 0;
11043
    padding: .4em;
11044
    background: var(--background);
11045
    border: inherit;
11046
    border-right: 0;
11047
    border-bottom: 0;
11048
    transform: rotate(45deg);
11049
    z-index: -1
11050
}
11051
 
11052
.conversejs .suggestion-box .suggestion-box__results>li,
11053
.conversejs .suggestion-box>ul>li {
11054
    background: var(--background);
11055
    color: var(--text-color);
11056
    cursor: pointer;
11057
    display: flex;
11058
    overflow-x: hidden;
11059
    padding: 1em;
11060
    position: relative;
11061
    text-overflow: ellipsis
11062
}
11063
 
11064
.conversejs .suggestion-box .suggestion-box__results--below {
11065
    top: 3em
11066
}
11067
 
11068
.conversejs .suggestion-box .suggestion-box__results--above {
11069
    bottom: 4.5em
11070
}
11071
 
11072
.conversejs .suggestion-box .suggestion-box__results--above:before {
11073
    display: none
11074
}
11075
 
11076
.conversejs .suggestion-box .suggestion-box__results--above:after {
11077
    z-index: -1;
11078
    content: "";
11079
    position: absolute;
11080
    bottom: -0.43em;
11081
    left: 1em;
11082
    width: 0;
11083
    height: 0;
11084
    padding: .4em;
11085
    background: var(--background);
11086
    border: inherit;
11087
    border-left: 0;
11088
    border-top: 0;
11089
    transform: rotate(45deg)
11090
}
11091
 
11092
.conversejs .suggestion-box>ul[hidden],
11093
.conversejs .suggestion-box>ul:empty {
11094
    display: none
11095
}
11096
 
11097
@supports(transform: scale(0)) {
11098
    .conversejs .suggestion-box>ul {
11099
        transition: .3s cubic-bezier(0.4, 0.2, 0.5, 1.4);
11100
        transform-origin: 1.43em -0.43em
11101
    }
11102
 
11103
    .conversejs .suggestion-box>ul[hidden],
11104
    .conversejs .suggestion-box>ul:empty {
11105
        opacity: 0;
11106
        transform: scale(0);
11107
        display: block;
11108
        transition-timing-function: ease
11109
    }
11110
}
11111
 
11112
.conversejs .suggestion-box>ul>li[aria-selected=true] {
11113
    background: var(--completion-dark-color);
11114
    color: var(--inverse-link-color)
11115
}
11116
 
11117
.conversejs .suggestion-box li:hover mark {
11118
    background: var(--completion-light-color);
11119
    color: var(--inverse-link-color)
11120
}
11121
 
11122
.conversejs .suggestion-box li[aria-selected=true] mark {
11123
    background: var(--completion-normal-color);
11124
    color: inherit
11125
}
11126
 
11127
.conversejs.converse-fullscreen .suggestion-box__results--above {
11128
    bottom: 4.5em
11129
}
11130
 
11131
.conversejs.converse-overlayed .suggestion-box__results--above {
11132
    bottom: 3.5em
11133
}
11134
 
11135
converse-avatar {
11136
    border: 0;
11137
    background: rgba(0, 0, 0, 0)
11138
}
11139
 
11140
converse-avatar.modal-avatar {
11141
    display: block;
11142
    margin-bottom: 1em
11143
}
11144
 
11145
converse-avatar .avatar {
11146
    border-radius: var(--avatar-border-radius)
11147
}
11148
 
11149
converse-modtools converse-icon svg {
11150
    fill: var(--link-color)
11151
}
11152
 
11153
.conversejs #controlbox .bookmarks-toggle,
11154
.conversejs #controlbox .bookmarks-toggle .fa {
11155
    color: var(--groupchats-header-color) !important
11156
}
11157
 
11158
.conversejs #controlbox .bookmarks-toggle:hover,
11159
.conversejs #controlbox .bookmarks-toggle .fa:hover {
11160
    color: var(--chatroom-head-bg-color-dark) !important
11161
}
11162
 
11163
.conversejs.fullscreen #controlbox #chatrooms .bookmarks-list dl.rooms-list.bookmarks dd.available-chatroom a.open-room {
11164
    width: 80%
11165
}
11166
 
11167
converse-bookmarks .list-item-link {
11168
    padding: 0 1em
11169
}
11170
 
11171
.conversejs converse-chats.converse-chatboxes {
11172
    z-index: 1031;
11173
    position: fixed;
11174
    bottom: 0;
11175
    right: 0
11176
}
11177
 
11178
.conversejs converse-chats.converse-overlayed {
11179
    height: 3em
11180
}
11181
 
11182
.conversejs converse-chats.converse-overlayed>.row {
11183
    flex-direction: row-reverse
11184
}
11185
 
11186
.conversejs converse-chats.converse-fullscreen,
11187
.conversejs converse-chats.converse-mobile {
11188
    flex-wrap: nowrap;
11189
    width: 100vw
11190
}
11191
 
11192
.conversejs converse-chats.converse-embedded {
11193
    box-sizing: border-box;
11194
    bottom: auto;
11195
    height: 100%;
11196
    position: relative;
11197
    right: auto;
11198
    width: 100%
11199
}
11200
 
11201
.conversejs converse-chats.converse-embedded *,
11202
.conversejs converse-chats.converse-embedded *:before,
11203
.conversejs converse-chats.converse-embedded *:after {
11204
    box-sizing: border-box
11205
}
11206
 
11207
.conversejs converse-chats.converse-embedded.converse-chatboxes {
11208
    z-index: 1031;
11209
    position: inherit;
11210
    flex-wrap: nowrap;
11211
    bottom: auto;
11212
    height: 100%;
11213
    width: 100%
11214
}
11215
 
11216
converse-message-actions {
11217
    margin-left: .5em
11218
}
11219
 
11220
converse-message-actions .chat-msg__actions .dropdown-menu {
11221
    min-width: 5rem
11222
}
11223
 
11224
converse-message-actions .chat-msg__actions i {
11225
    color: var(--text-color-lighten-15-percent);
11226
    font-size: 70%
11227
}
11228
 
11229
converse-message-actions .chat-msg__actions button {
11230
    border: none;
11231
    background: rgba(0, 0, 0, 0);
11232
    color: var(--text-color-lighten-15-percent);
11233
    padding: 0 .25em
11234
}
11235
 
11236
converse-message-actions .chat-msg__actions .btn--standalone {
11237
    opacity: 0;
11238
    margin-top: -0.2em
11239
}
11240
 
11241
converse-message-actions .chat-msg__actions .chat-msg__action {
11242
    width: 100%;
11243
    padding: .5em 1em;
11244
    text-align: left;
11245
    white-space: nowrap
11246
}
11247
 
11248
converse-message-actions .chat-msg__actions .chat-msg__action converse-icon {
11249
    margin-right: .25em
11250
}
11251
 
11252
converse-message-actions .chat-msg__actions .chat-msg__action:hover {
11253
    color: var(--text-color);
11254
    background-color: var(--list-item-hover-color)
11255
}
11256
 
11257
converse-image-modal .chat-image--modal {
11258
    max-height: 99%;
11259
    max-width: 100%
11260
}
11261
 
11262
converse-gif {
11263
    display: block
11264
}
11265
 
11266
img.gif {
11267
    visibility: hidden
11268
}
11269
 
11270
.gif-canvas {
11271
    cursor: pointer;
11272
    max-width: 100%;
11273
    max-height: 100%;
11274
    display: block
11275
}
11276
 
11277
.gifcontrol {
11278
    cursor: pointer;
11279
    transition: background .25s ease-in-out;
11280
    z-index: 100;
11281
    display: contents;
11282
    position: relative
11283
}
11284
 
11285
.gifcontrol:after {
11286
    transition: background .25s ease-in-out;
11287
    position: absolute;
11288
    content: "";
11289
    display: block;
11290
    left: calc(50% - 25px);
11291
    top: calc(50% - 25px)
11292
}
11293
 
11294
.gifcontrol.loading {
11295
    background: rgba(255, 255, 255, .75)
11296
}
11297
 
11298
.gifcontrol.loading:after {
11299
    background: #fff;
11300
    width: 50px;
11301
    height: 50px;
11302
    border-radius: 50px
11303
}
11304
 
11305
.gifcontrol.playing:after {
11306
    opacity: 0;
11307
    transition: opacity .25s ease-in-out;
11308
    border-left: 20px solid #fff;
11309
    border-right: 20px solid #fff;
11310
    width: 50px;
11311
    height: 50px
11312
}
11313
 
11314
.gifcontrol.playing:hover:after {
11315
    opacity: 1
11316
}
11317
 
11318
.gifcontrol.paused {
11319
    background: rgba(255, 255, 255, .5)
11320
}
11321
 
11322
.gifcontrol.paused:after {
11323
    width: 0;
11324
    height: 0;
11325
    border-style: solid;
11326
    border-width: 25px 0 25px 50px;
11327
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff
11328
}
11329
 
11330
converse-chat-message-body {
11331
    margin-right: .5em;
11332
    overflow-y: hidden
11333
}
11334
 
11335
converse-chat-message-body audio {
11336
    display: block
11337
}
11338
 
11339
@media(max-width: 767.98px) {
11340
    converse-chat-message-body audio {
11341
        max-width: 95%
11342
    }
11343
}
11344
 
11345
@media(min-width: 768px) {
11346
    converse-chat-message-body audio {
11347
        max-width: 70%
11348
    }
11349
}
11350
 
11351
@media(min-width: 992px) {
11352
    converse-chat-message-body audio {
11353
        max-width: 50%
11354
    }
11355
}
11356
 
11357
@media(min-width: 1200px) {
11358
    converse-chat-message-body audio {
11359
        max-width: 40%
11360
    }
11361
}
11362
 
11363
converse-chat-message-body video {
11364
    display: block;
11365
    max-height: 25em
11366
}
11367
 
11368
@media(max-width: 767.98px) {
11369
    converse-chat-message-body video {
11370
        max-width: 95%
11371
    }
11372
}
11373
 
11374
@media(min-width: 768px) {
11375
    converse-chat-message-body video {
11376
        max-width: 70%
11377
    }
11378
}
11379
 
11380
@media(min-width: 992px) {
11381
    converse-chat-message-body video {
11382
        max-width: 50%
11383
    }
11384
}
11385
 
11386
@media(min-width: 1200px) {
11387
    converse-chat-message-body video {
11388
        max-width: 40%
11389
    }
11390
}
11391
 
11392
.converse-overlayed converse-chat-message-body audio {
11393
    display: block;
11394
    max-width: 100%
11395
}
11396
 
11397
.converse-overlayed converse-chat-message-body video {
11398
    display: block;
11399
    max-width: 100%
11400
}
11401
 
11402
converse-icon {
11403
    display: inline-block;
11404
    padding: 0;
11405
    margin: 0
11406
}
11407
 
11408
converse-icon svg {
11409
    fill: var(--subdued-color)
11410
}
11411
 
11412
converse-icon.clickable:hover svg {
11413
    fill: var(--icon-hover-color)
11414
}
11415
 
11416
a converse-icon:hover svg,
11417
.clickable converse-icon:hover svg {
11418
    fill: var(--icon-hover-color)
11419
}
11420
 
11421
.conversejs .dropup,
11422
.conversejs .dropright,
11423
.conversejs .dropdown,
11424
.conversejs .dropleft {
11425
    position: relative
11426
}
11427
 
11428
.conversejs .dropdown-toggle {
11429
    white-space: nowrap
11430
}
11431
 
11432
.conversejs .dropdown-toggle::after {
11433
    display: inline-block;
11434
    margin-left: .255em;
11435
    vertical-align: .255em;
11436
    content: "";
11437
    border-top: .3em solid;
11438
    border-right: .3em solid rgba(0, 0, 0, 0);
11439
    border-bottom: 0;
11440
    border-left: .3em solid rgba(0, 0, 0, 0)
11441
}
11442
 
11443
.conversejs .dropdown-toggle:empty::after {
11444
    margin-left: 0
11445
}
11446
 
11447
.conversejs .dropdown-menu {
11448
    position: absolute;
11449
    top: 100%;
11450
    left: 0;
11451
    z-index: 1000;
11452
    display: none;
11453
    float: left;
11454
    min-width: 10rem;
11455
    padding: .5rem 0;
11456
    margin: .125rem 0 0;
11457
    font-size: 1rem;
11458
    color: #212529;
11459
    text-align: left;
11460
    list-style: none;
11461
    background-color: #fff;
11462
    background-clip: padding-box;
11463
    border: 1px solid rgba(0, 0, 0, .15);
11464
    border-radius: .25rem
11465
}
11466
 
11467
.conversejs .dropdown-menu-left {
11468
    right: auto;
11469
    left: 0
11470
}
11471
 
11472
.conversejs .dropdown-menu-right {
11473
    right: 0;
11474
    left: auto
11475
}
11476
 
11477
@media(min-width: 576px) {
11478
    .conversejs .dropdown-menu-sm-left {
11479
        right: auto;
11480
        left: 0
11481
    }
11482
 
11483
    .conversejs .dropdown-menu-sm-right {
11484
        right: 0;
11485
        left: auto
11486
    }
11487
}
11488
 
11489
@media(min-width: 768px) {
11490
    .conversejs .dropdown-menu-md-left {
11491
        right: auto;
11492
        left: 0
11493
    }
11494
 
11495
    .conversejs .dropdown-menu-md-right {
11496
        right: 0;
11497
        left: auto
11498
    }
11499
}
11500
 
11501
@media(min-width: 992px) {
11502
    .conversejs .dropdown-menu-lg-left {
11503
        right: auto;
11504
        left: 0
11505
    }
11506
 
11507
    .conversejs .dropdown-menu-lg-right {
11508
        right: 0;
11509
        left: auto
11510
    }
11511
}
11512
 
11513
@media(min-width: 1200px) {
11514
    .conversejs .dropdown-menu-xl-left {
11515
        right: auto;
11516
        left: 0
11517
    }
11518
 
11519
    .conversejs .dropdown-menu-xl-right {
11520
        right: 0;
11521
        left: auto
11522
    }
11523
}
11524
 
11525
.conversejs .dropup .dropdown-menu {
11526
    top: auto;
11527
    bottom: 100%;
11528
    margin-top: 0;
11529
    margin-bottom: .125rem
11530
}
11531
 
11532
.conversejs .dropup .dropdown-toggle::after {
11533
    display: inline-block;
11534
    margin-left: .255em;
11535
    vertical-align: .255em;
11536
    content: "";
11537
    border-top: 0;
11538
    border-right: .3em solid rgba(0, 0, 0, 0);
11539
    border-bottom: .3em solid;
11540
    border-left: .3em solid rgba(0, 0, 0, 0)
11541
}
11542
 
11543
.conversejs .dropup .dropdown-toggle:empty::after {
11544
    margin-left: 0
11545
}
11546
 
11547
.conversejs .dropright .dropdown-menu {
11548
    top: 0;
11549
    right: auto;
11550
    left: 100%;
11551
    margin-top: 0;
11552
    margin-left: .125rem
11553
}
11554
 
11555
.conversejs .dropright .dropdown-toggle::after {
11556
    display: inline-block;
11557
    margin-left: .255em;
11558
    vertical-align: .255em;
11559
    content: "";
11560
    border-top: .3em solid rgba(0, 0, 0, 0);
11561
    border-right: 0;
11562
    border-bottom: .3em solid rgba(0, 0, 0, 0);
11563
    border-left: .3em solid
11564
}
11565
 
11566
.conversejs .dropright .dropdown-toggle:empty::after {
11567
    margin-left: 0
11568
}
11569
 
11570
.conversejs .dropright .dropdown-toggle::after {
11571
    vertical-align: 0
11572
}
11573
 
11574
.conversejs .dropleft .dropdown-menu {
11575
    top: 0;
11576
    right: 100%;
11577
    left: auto;
11578
    margin-top: 0;
11579
    margin-right: .125rem
11580
}
11581
 
11582
.conversejs .dropleft .dropdown-toggle::after {
11583
    display: inline-block;
11584
    margin-left: .255em;
11585
    vertical-align: .255em;
11586
    content: ""
11587
}
11588
 
11589
.conversejs .dropleft .dropdown-toggle::after {
11590
    display: none
11591
}
11592
 
11593
.conversejs .dropleft .dropdown-toggle::before {
11594
    display: inline-block;
11595
    margin-right: .255em;
11596
    vertical-align: .255em;
11597
    content: "";
11598
    border-top: .3em solid rgba(0, 0, 0, 0);
11599
    border-right: .3em solid;
11600
    border-bottom: .3em solid rgba(0, 0, 0, 0)
11601
}
11602
 
11603
.conversejs .dropleft .dropdown-toggle:empty::after {
11604
    margin-left: 0
11605
}
11606
 
11607
.conversejs .dropleft .dropdown-toggle::before {
11608
    vertical-align: 0
11609
}
11610
 
11611
.conversejs .dropdown-menu[x-placement^=top],
11612
.conversejs .dropdown-menu[x-placement^=right],
11613
.conversejs .dropdown-menu[x-placement^=bottom],
11614
.conversejs .dropdown-menu[x-placement^=left] {
11615
    right: auto;
11616
    bottom: auto
11617
}
11618
 
11619
.conversejs .dropdown-divider {
11620
    height: 0;
11621
    margin: .5rem 0;
11622
    overflow: hidden;
11623
    border-top: 1px solid #e9ecef
11624
}
11625
 
11626
.conversejs .dropdown-item {
11627
    display: block;
11628
    width: 100%;
11629
    padding: .25rem 1.5rem;
11630
    clear: both;
11631
    font-weight: 400;
11632
    color: #212529;
11633
    text-align: inherit;
11634
    white-space: nowrap;
11635
    background-color: rgba(0, 0, 0, 0);
11636
    border: 0
11637
}
11638
 
11639
.conversejs .dropdown-item:hover,
11640
.conversejs .dropdown-item:focus {
11641
    color: #16181b;
11642
    text-decoration: none;
11643
    background-color: #e9ecef
11644
}
11645
 
11646
.conversejs .dropdown-item.active,
11647
.conversejs .dropdown-item:active {
11648
    color: #fff;
11649
    text-decoration: none;
11650
    background-color: #007bff
11651
}
11652
 
11653
.conversejs .dropdown-item.disabled,
11654
.conversejs .dropdown-item:disabled {
11655
    color: #adb5bd;
11656
    pointer-events: none;
11657
    background-color: rgba(0, 0, 0, 0)
11658
}
11659
 
11660
.conversejs .dropdown-menu.show {
11661
    display: block
11662
}
11663
 
11664
.conversejs .dropdown-header {
11665
    display: block;
11666
    padding: .5rem 1.5rem;
11667
    margin-bottom: 0;
11668
    font-size: 0.875rem;
11669
    color: #6c757d;
11670
    white-space: nowrap
11671
}
11672
 
11673
.conversejs .dropdown-item-text {
11674
    display: block;
11675
    padding: .25rem 1.5rem;
11676
    color: #212529
11677
}
11678
 
11679
.conversejs converse-dropdown.dropup.dropup--left .dropdown-menu {
11680
    right: 100%;
11681
    left: auto
11682
}
11683
 
11684
.conversejs converse-dropdown .btn--standalone {
11685
    padding: 0 .2em;
11686
    margin: 0
11687
}
11688
 
11689
.conversejs converse-dropdown .dropdown-menu {
11690
    background: var(--background);
11691
    margin-top: -0.2em !important;
11692
    box-shadow: var(--raised-el-shadow)
11693
}
11694
 
11695
.conversejs converse-dropdown .dropdown-item {
11696
    line-height: 1em;
11697
    color: var(--text-color);
11698
    padding: .5rem 1rem
11699
}
11700
 
11701
.conversejs converse-dropdown .dropdown-item converse-icon {
11702
    margin-top: -0.1em;
11703
    width: 1.25em;
11704
    margin-right: 0
11705
}
11706
 
11707
.conversejs converse-dropdown .dropdown-item:active,
11708
.conversejs converse-dropdown .dropdown-item.selected {
11709
    color: #fff !important;
11710
    background-color: var(--list-item-open-color)
11711
}
11712
 
11713
.conversejs converse-dropdown .dropdown-item:active .fa,
11714
.conversejs converse-dropdown .dropdown-item.selected .fa {
11715
    color: #fff !important
11716
}
11717
 
11718
.conversejs converse-dropdown .dropdown-item:hover {
11719
    color: var(--text-color);
11720
    background-color: var(--list-item-hover-color)
11721
}
11722
 
11723
.conversejs converse-message-versions time {
11724
    font-weight: bold
11725
}
11726
 
11727
.conversejs .card {
11728
    position: relative;
11729
    display: flex;
11730
    flex-direction: column;
11731
    min-width: 0;
11732
    word-wrap: break-word;
11733
    background-color: #fff;
11734
    background-clip: border-box;
11735
    border: 1px solid rgba(0, 0, 0, .125);
11736
    border-radius: .25rem
11737
}
11738
 
11739
.conversejs .card>hr {
11740
    margin-right: 0;
11741
    margin-left: 0
11742
}
11743
 
11744
.conversejs .card>.list-group {
11745
    border-top: inherit;
11746
    border-bottom: inherit
11747
}
11748
 
11749
.conversejs .card>.list-group:first-child {
11750
    border-top-width: 0;
11751
    border-top-left-radius: calc(0.25rem - 1px);
11752
    border-top-right-radius: calc(0.25rem - 1px)
11753
}
11754
 
11755
.conversejs .card>.list-group:last-child {
11756
    border-bottom-width: 0;
11757
    border-bottom-right-radius: calc(0.25rem - 1px);
11758
    border-bottom-left-radius: calc(0.25rem - 1px)
11759
}
11760
 
11761
.conversejs .card>.card-header+.list-group,
11762
.conversejs .card>.list-group+.card-footer {
11763
    border-top: 0
11764
}
11765
 
11766
.conversejs .card-body {
11767
    flex: 1 1 auto;
11768
    min-height: 1px;
11769
    padding: 1.25rem
11770
}
11771
 
11772
.conversejs .card-title {
11773
    margin-bottom: .75rem
11774
}
11775
 
11776
.conversejs .card-subtitle {
11777
    margin-top: -0.375rem;
11778
    margin-bottom: 0
11779
}
11780
 
11781
.conversejs .card-text:last-child {
11782
    margin-bottom: 0
11783
}
11784
 
11785
.conversejs .card-link:hover {
11786
    text-decoration: none
11787
}
11788
 
11789
.conversejs .card-link+.card-link {
11790
    margin-left: 1.25rem
11791
}
11792
 
11793
.conversejs .card-header {
11794
    padding: .75rem 1.25rem;
11795
    margin-bottom: 0;
11796
    background-color: rgba(0, 0, 0, .03);
11797
    border-bottom: 1px solid rgba(0, 0, 0, .125)
11798
}
11799
 
11800
.conversejs .card-header:first-child {
11801
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0
11802
}
11803
 
11804
.conversejs .card-footer {
11805
    padding: .75rem 1.25rem;
11806
    background-color: rgba(0, 0, 0, .03);
11807
    border-top: 1px solid rgba(0, 0, 0, .125)
11808
}
11809
 
11810
.conversejs .card-footer:last-child {
11811
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px)
11812
}
11813
 
11814
.conversejs .card-header-tabs {
11815
    margin-right: -0.625rem;
11816
    margin-bottom: -0.75rem;
11817
    margin-left: -0.625rem;
11818
    border-bottom: 0
11819
}
11820
 
11821
.conversejs .card-header-pills {
11822
    margin-right: -0.625rem;
11823
    margin-left: -0.625rem
11824
}
11825
 
11826
.conversejs .card-img-overlay {
11827
    position: absolute;
11828
    top: 0;
11829
    right: 0;
11830
    bottom: 0;
11831
    left: 0;
11832
    padding: 1.25rem;
11833
    border-radius: calc(0.25rem - 1px)
11834
}
11835
 
11836
.conversejs .card-img,
11837
.conversejs .card-img-top,
11838
.conversejs .card-img-bottom {
11839
    flex-shrink: 0;
11840
    width: 100%
11841
}
11842
 
11843
.conversejs .card-img,
11844
.conversejs .card-img-top {
11845
    border-top-left-radius: calc(0.25rem - 1px);
11846
    border-top-right-radius: calc(0.25rem - 1px)
11847
}
11848
 
11849
.conversejs .card-img,
11850
.conversejs .card-img-bottom {
11851
    border-bottom-right-radius: calc(0.25rem - 1px);
11852
    border-bottom-left-radius: calc(0.25rem - 1px)
11853
}
11854
 
11855
.conversejs .card-deck .card {
11856
    margin-bottom: 15px
11857
}
11858
 
11859
@media(min-width: 576px) {
11860
    .conversejs .card-deck {
11861
        display: flex;
11862
        flex-flow: row wrap;
11863
        margin-right: -15px;
11864
        margin-left: -15px
11865
    }
11866
 
11867
    .conversejs .card-deck .card {
11868
        flex: 1 0 0%;
11869
        margin-right: 15px;
11870
        margin-bottom: 0;
11871
        margin-left: 15px
11872
    }
11873
}
11874
 
11875
.conversejs .card-group>.card {
11876
    margin-bottom: 15px
11877
}
11878
 
11879
@media(min-width: 576px) {
11880
    .conversejs .card-group {
11881
        display: flex;
11882
        flex-flow: row wrap
11883
    }
11884
 
11885
    .conversejs .card-group>.card {
11886
        flex: 1 0 0%;
11887
        margin-bottom: 0
11888
    }
11889
 
11890
    .conversejs .card-group>.card+.card {
11891
        margin-left: 0;
11892
        border-left: 0
11893
    }
11894
 
11895
    .conversejs .card-group>.card:not(:last-child) {
11896
        border-top-right-radius: 0;
11897
        border-bottom-right-radius: 0
11898
    }
11899
 
11900
    .conversejs .card-group>.card:not(:last-child) .card-img-top,
11901
    .conversejs .card-group>.card:not(:last-child) .card-header {
11902
        border-top-right-radius: 0
11903
    }
11904
 
11905
    .conversejs .card-group>.card:not(:last-child) .card-img-bottom,
11906
    .conversejs .card-group>.card:not(:last-child) .card-footer {
11907
        border-bottom-right-radius: 0
11908
    }
11909
 
11910
    .conversejs .card-group>.card:not(:first-child) {
11911
        border-top-left-radius: 0;
11912
        border-bottom-left-radius: 0
11913
    }
11914
 
11915
    .conversejs .card-group>.card:not(:first-child) .card-img-top,
11916
    .conversejs .card-group>.card:not(:first-child) .card-header {
11917
        border-top-left-radius: 0
11918
    }
11919
 
11920
    .conversejs .card-group>.card:not(:first-child) .card-img-bottom,
11921
    .conversejs .card-group>.card:not(:first-child) .card-footer {
11922
        border-bottom-left-radius: 0
11923
    }
11924
}
11925
 
11926
.conversejs .card-columns .card {
11927
    margin-bottom: .75rem
11928
}
11929
 
11930
@media(min-width: 576px) {
11931
    .conversejs .card-columns {
11932
        -moz-column-count: 3;
11933
        column-count: 3;
11934
        -moz-column-gap: 1.25rem;
11935
        column-gap: 1.25rem;
11936
        orphans: 1;
11937
        widows: 1
11938
    }
11939
 
11940
    .conversejs .card-columns .card {
11941
        display: inline-block;
11942
        width: 100%
11943
    }
11944
}
11945
 
11946
.conversejs .accordion {
11947
    overflow-anchor: none
11948
}
11949
 
11950
.conversejs .accordion>.card {
11951
    overflow: hidden
11952
}
11953
 
11954
.conversejs .accordion>.card:not(:last-of-type) {
11955
    border-bottom: 0;
11956
    border-bottom-right-radius: 0;
11957
    border-bottom-left-radius: 0
11958
}
11959
 
11960
.conversejs .accordion>.card:not(:first-of-type) {
11961
    border-top-left-radius: 0;
11962
    border-top-right-radius: 0
11963
}
11964
 
11965
.conversejs .accordion>.card>.card-header {
11966
    border-radius: 0;
11967
    margin-bottom: -1px
11968
}
11969
 
11970
.conversejs converse-message-unfurl .card--unfurl {
11971
    background-color: var(--chat-content-background-color)
11972
}
11973
 
11974
.conversejs converse-message-unfurl .card--unfurl .card-body {
11975
    padding: .75rem
11976
}
11977
 
11978
.conversejs converse-message-unfurl .card--unfurl .card-body .vcard-title {
11979
    font-size: 90%
11980
}
11981
 
11982
.conversejs converse-message-unfurl .card--unfurl .card-text converse-rich-text {
11983
    font-size: 80%
11984
}
11985
 
11986
.conversejs converse-message-unfurl .card--unfurl .card-img-top {
11987
    margin-top: .75rem
11988
}
11989
 
11990
.conversejs converse-chats.converse-embedded .message .card--unfurl,
11991
.conversejs converse-chats.converse-fullscreen .message .card--unfurl {
11992
    margin: 1em 0
11993
}
11994
 
11995
@media(max-width: 767.98px) {
11996
 
11997
    .conversejs converse-chats.converse-embedded .message .card--unfurl,
11998
    .conversejs converse-chats.converse-fullscreen .message .card--unfurl {
11999
        max-width: 95%
12000
    }
12001
}
12002
 
12003
@media(min-width: 768px) {
12004
 
12005
    .conversejs converse-chats.converse-embedded .message .card--unfurl,
12006
    .conversejs converse-chats.converse-fullscreen .message .card--unfurl {
12007
        max-width: 75%
12008
    }
12009
}
12010
 
12011
@media(min-width: 992px) {
12012
 
12013
    .conversejs converse-chats.converse-embedded .message .card--unfurl,
12014
    .conversejs converse-chats.converse-fullscreen .message .card--unfurl {
12015
        max-width: 60%
12016
    }
12017
}
12018
 
12019
@media(min-width: 1200px) {
12020
 
12021
    .conversejs converse-chats.converse-embedded .message .card--unfurl,
12022
    .conversejs converse-chats.converse-fullscreen .message .card--unfurl {
12023
        max-width: 30%
12024
    }
12025
}
12026
 
12027
.conversejs converse-chats.converse-overlayed .message .card--unfurl,
12028
.conversejs converse-chats.converse-mobile .message .card--unfurl {
12029
    margin: 1em 0;
12030
    max-width: 95%
12031
}
12032
 
12033
converse-chat-message .message.chat-msg--retracted .chat-msg__message {
12034
    color: var(--subdued-color)
12035
}
12036
 
12037
converse-chat-content {
12038
    display: flex;
12039
    flex-direction: column-reverse;
12040
    height: 100%;
12041
    justify-content: space-between;
12042
    overflow: auto
12043
}
12044
 
12045
.conversejs .media {
12046
    display: flex;
12047
    align-items: flex-start
12048
}
12049
 
12050
.conversejs .media-body {
12051
    flex: 1
12052
}
12053
 
12054
.conversejs .chatbox img.emoji {
12055
    height: 1.2em;
12056
    width: 1.2em;
12057
    margin: 0 .05em 0 .1em;
12058
    vertical-align: -0.1em
12059
}
12060
 
12061
.conversejs .chatbox .sendXMPPMessage .toggle-smiley a.toggle-smiley {
12062
    padding: 0
12063
}
12064
 
12065
.conversejs .chatbox converse-emoji-dropdown {
12066
    display: inline-block
12067
}
12068
 
12069
.conversejs .chatbox converse-emoji-dropdown .dropdown-menu {
12070
    padding: 0
12071
}
12072
 
12073
.conversejs .chatbox converse-emoji-picker {
12074
    width: 100%;
12075
    padding-top: 0;
12076
    padding-bottom: 0;
12077
    background-color: var(--chat-head-color);
12078
    overflow-y: hidden
12079
}
12080
 
12081
.conversejs .chatbox converse-emoji-picker converse-emoji-picker-content {
12082
    width: 100%
12083
}
12084
 
12085
.conversejs .chatbox converse-emoji-picker converse-emoji-picker-content .emoji-picker__lists {
12086
    background-color: var(--background);
12087
    display: flex;
12088
    flex-direction: column;
12089
    height: 8em;
12090
    overflow-y: auto;
12091
    width: 100%
12092
}
12093
 
12094
.conversejs .chatbox converse-emoji-picker converse-emoji-picker-content .emoji-picker__lists .emoji-category__heading {
12095
    clear: both;
12096
    color: var(--subdued-color);
12097
    cursor: auto;
12098
    display: block;
12099
    font-size: var(--font-size);
12100
    margin: 0;
12101
    padding: .75em 0 0 .5em
12102
}
12103
 
12104
.conversejs .chatbox converse-emoji-picker converse-emoji-picker-content .emoji-picker__lists .emoji-lists__container {
12105
    background-color: var(--background);
12106
    overflow-x: hidden
12107
}
12108
 
12109
.conversejs .chatbox converse-emoji-picker converse-emoji-picker-content .emoji-picker__lists .emoji-picker li {
12110
    float: left
12111
}
12112
 
12113
.conversejs .chatbox converse-emoji-picker .emoji-skintone-picker {
12114
    display: flex;
12115
    padding: .5em 0;
12116
    background-color: var(--chat-head-color);
12117
    width: 100%;
12118
    font-size: var(--font-size)
12119
}
12120
 
12121
.conversejs .chatbox converse-emoji-picker .emoji-skintone-picker ul {
12122
    display: flex;
12123
    flex-direction: row;
12124
    flex-wrap: wrap
12125
}
12126
 
12127
.conversejs .chatbox converse-emoji-picker .emoji-skintone-picker ul li {
12128
    padding: 0 .25em
12129
}
12130
 
12131
.conversejs .chatbox converse-emoji-picker .emoji-picker {
12132
    background-color: var(--background);
12133
    padding: .5em 0 0 .5em
12134
}
12135
 
12136
.conversejs .chatbox converse-emoji-picker .emoji-picker:last-child {
12137
    padding-bottom: .5em
12138
}
12139
 
12140
.conversejs .chatbox converse-emoji-picker .emoji-picker li {
12141
    display: inline-block;
12142
    height: calc(var(--font-size-huge)*1.5);
12143
    width: calc(var(--font-size-huge)*1.5);
12144
    overflow: hidden;
12145
    margin-left: 0;
12146
    list-style: none;
12147
    position: relative
12148
}
12149
 
12150
.conversejs .chatbox converse-emoji-picker .emoji-picker li.insert-emoji {
12151
    padding: 0 .2em;
12152
    height: auto;
12153
    width: auto;
12154
    margin: 0;
12155
    display: block;
12156
    text-align: center
12157
}
12158
 
12159
.conversejs .chatbox converse-emoji-picker .emoji-picker li.insert-emoji.selected a {
12160
    background-color: var(--highlight-color-darker)
12161
}
12162
 
12163
.conversejs .chatbox converse-emoji-picker .emoji-picker li.insert-emoji img {
12164
    margin: 0 auto;
12165
    height: var(--font-size-huge);
12166
    width: var(--font-size-huge);
12167
    display: inline-block;
12168
    vertical-align: baseline
12169
}
12170
 
12171
.conversejs .chatbox converse-emoji-picker .emoji-picker li.insert-emoji a {
12172
    display: inline-block;
12173
    font-size: var(--font-size-huge);
12174
    line-height: calc(var(--font-size-huge)*1.5);
12175
    height: calc(var(--font-size-huge)*1.5);
12176
    width: calc(var(--font-size-huge)*1.5);
12177
    overflow: hidden
12178
}
12179
 
12180
.conversejs .chatbox converse-emoji-picker .emoji-picker li.insert-emoji a:hover {
12181
    background-color: var(--highlight-color-darker)
12182
}
12183
 
12184
.conversejs .chatbox converse-emoji-picker .emoji-picker__header {
12185
    width: 100%;
12186
    display: flex;
12187
    flex-direction: column;
12188
    padding: .1em 0;
12189
    background-color: var(--chat-head-color)
12190
}
12191
 
12192
.conversejs .chatbox converse-emoji-picker .emoji-picker__header .emoji-search {
12193
    width: auto;
12194
    margin: .25em;
12195
    height: 2em;
12196
    font-size: var(--font-size-small)
12197
}
12198
 
12199
.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul {
12200
    display: flex;
12201
    flex-direction: row;
12202
    flex-wrap: wrap
12203
}
12204
 
12205
.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul .emoji-category {
12206
    padding: .25em 0;
12207
    font-size: var(--font-size-huge)
12208
}
12209
 
12210
.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul .emoji-category.picked a {
12211
    background-color: var(--heading-color)
12212
}
12213
 
12214
.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul .emoji-category.selected a,
12215
.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul .emoji-category:hover a {
12216
    background-color: var(--highlight-color-darker)
12217
}
12218
 
12219
.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul .emoji-category a {
12220
    padding: .25em;
12221
    display: inline-block
12222
}
12223
 
12224
.conversejs .chatbox converse-emoji-picker .emoji-picker__header ul .emoji-category img {
12225
    height: var(--font-size-huge);
12226
    width: var(--font-size-huge)
12227
}
12228
 
12229
.conversejs .chatroom converse-emoji-picker {
12230
    background-color: var(--chatroom-head-bg-color)
12231
}
12232
 
12233
.conversejs .chatroom converse-emoji-picker .emoji-skintone-picker {
12234
    background-color: var(--chatroom-head-bg-color)
12235
}
12236
 
12237
.conversejs .chatroom converse-emoji-picker .emoji-picker__header {
12238
    background-color: var(--chatroom-head-bg-color)
12239
}
12240
 
12241
.conversejs converse-chats.converse-overlayed converse-emoji-dropdown .dropdown-menu {
12242
    min-width: 18em
12243
}
12244
 
12245
.conversejs converse-chats.converse-overlayed .chatbox .emoji-picker__header .emoji-category img {
12246
    height: var(--font-size) !important;
12247
    width: var(--font-size) !important
12248
}
12249
 
12250
.conversejs converse-chats.converse-overlayed .chatbox converse-emoji-picker .emoji-picker .insert-emoji a {
12251
    font-size: var(--font-size);
12252
    line-height: calc(var(--font-size)*1.5);
12253
    padding: 0;
12254
    height: calc(var(--font-size)*1.5);
12255
    width: calc(var(--font-size)*1.5)
12256
}
12257
 
12258
.conversejs converse-chats.converse-overlayed .chatbox converse-emoji-picker .emoji-picker .insert-emoji img {
12259
    height: var(--font-size);
12260
    width: var(--font-size)
12261
}
12262
 
12263
.conversejs converse-chats.converse-overlayed .chatbox converse-emoji-picker .emoji-skintone-picker {
12264
    font-size: var(--font-size-small)
12265
}
12266
 
12267
.conversejs converse-chats.converse-overlayed .chatbox converse-emoji-picker .emoji-picker__header .emoji-category {
12268
    font-size: var(--font-size-small)
12269
}
12270
 
12271
.conversejs converse-chats.converse-overlayed .chatbox converse-emoji-picker .emoji-picker__lists {
12272
    height: 7em
12273
}
12274
 
12275
.conversejs converse-chats.converse-embedded converse-emoji-dropdown .dropdown-menu {
12276
    min-width: 20em
12277
}
12278
 
12279
.conversejs converse-chats.converse-fullscreen converse-emoji-dropdown .dropdown-menu {
12280
    min-width: 22em
12281
}
12282
 
12283
.conversejs converse-chats.converse-fullscreen .chatbox converse-emoji-picker .emoji-picker__lists {
12284
    height: 12em
12285
}
12286
 
12287
.conversejs .chatbox converse-emoji-picker {
12288
    max-width: 40em
12289
}
12290
 
12291
.conversejs .send-button {
12292
    border-radius: 0;
12293
    bottom: var(--send-button-bottom);
12294
    color: var(--inverse-link-color)
12295
}
12296
 
12297
.conversejs .chatbox .send-button {
12298
    color: var(--background);
12299
    background-color: var(--chat-toolbar-btn-color)
12300
}
12301
 
12302
.conversejs .chatroom .send-button {
12303
    background-color: var(--muc-toolbar-btn-color)
12304
}
12305
 
12306
.conversejs .chat-toolbar .toolbar-buttons {
12307
    width: 100%
12308
}
12309
 
12310
.conversejs .chat-toolbar .toolbar-buttons .message-limit {
12311
    padding: .5em;
12312
    font-weight: bold
12313
}
12314
 
12315
.conversejs .chat-toolbar .toolbar-buttons * {
12316
    float: left
12317
}
12318
 
12319
.conversejs .chat-toolbar .toolbar-buttons .right {
12320
    float: right
12321
}
12322
 
12323
.conversejs .chat-toolbar .unverified a,
12324
.conversejs .chat-toolbar .unverified {
12325
    color: #cf5300
12326
}
12327
 
12328
.conversejs .chat-toolbar .private a,
12329
.conversejs .chat-toolbar .private {
12330
    color: #4b7003
12331
}
12332
 
12333
.conversejs .chat-toolbar li {
12334
    cursor: pointer;
12335
    display: inline-block;
12336
    list-style: none;
12337
    padding: 0 .5em
12338
}
12339
 
12340
.conversejs .chat-toolbar li:hover {
12341
    cursor: pointer
12342
}
12343
 
12344
.conversejs .chat-toolbar li .toolbar-menu {
12345
    bottom: 1.7rem;
12346
    box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, .4);
12347
    height: auto;
12348
    margin-bottom: 0;
12349
    min-width: 21rem;
12350
    position: absolute;
12351
    right: 0;
12352
    top: auto;
12353
    z-index: 1000
12354
}
12355
 
12356
.conversejs .chat-toolbar li .toolbar-menu.otr-menu {
12357
    left: -6em;
12358
    min-width: 15rem
12359
}
12360
 
12361
.conversejs .chat-toolbar li .toolbar-menu.otr-menu.show {
12362
    display: flex;
12363
    flex-direction: column
12364
}
12365
 
12366
.conversejs .chat-toolbar li .toolbar-menu a {
12367
    color: var(--link-color)
12368
}
12369
 
12370
.conversejs .chat-toolbar li.toggle-otr ul {
12371
    z-index: 99
12372
}
12373
 
12374
.conversejs .chat-toolbar li.toggle-otr ul li {
12375
    display: block;
12376
    padding: 7px
12377
}
12378
 
12379
.conversejs .chat-toolbar li.toggle-otr ul li:hover {
12380
    background-color: var(--highlight-color)
12381
}
12382
 
12383
.conversejs .chat-toolbar li.toggle-otr ul li a {
12384
    display: block
12385
}
12386
 
12387
.conversejs converse-chat-toolbar {
12388
    background-color: var(--chat-background-color);
12389
    box-sizing: border-box;
12390
    display: flex;
12391
    justify-content: space-between;
12392
    margin: 0;
12393
    width: 100%
12394
}
12395
 
12396
.conversejs converse-chat-toolbar .fa,
12397
.conversejs converse-chat-toolbar .fa:hover,
12398
.conversejs converse-chat-toolbar .far,
12399
.conversejs converse-chat-toolbar .far:hover,
12400
.conversejs converse-chat-toolbar .fas,
12401
.conversejs converse-chat-toolbar .fas:hover {
12402
    color: var(--chat-head-color);
12403
    font-size: var(--font-size-large)
12404
}
12405
 
12406
.conversejs converse-chat-toolbar .fa svg,
12407
.conversejs converse-chat-toolbar .fa:hover svg,
12408
.conversejs converse-chat-toolbar .far svg,
12409
.conversejs converse-chat-toolbar .far:hover svg,
12410
.conversejs converse-chat-toolbar .fas svg,
12411
.conversejs converse-chat-toolbar .fas:hover svg {
12412
    fill: var(--chat-head-color)
12413
}
12414
 
12415
.conversejs converse-chat-toolbar .unencrypted a,
12416
.conversejs converse-chat-toolbar .unencrypted {
12417
    color: var(--text-color)
12418
}
12419
 
12420
.conversejs converse-chat-toolbar .unencrypted a .toolbar-menu a,
12421
.conversejs converse-chat-toolbar .unencrypted .toolbar-menu a {
12422
    color: var(--link-color)
12423
}
12424
 
12425
.conversejs converse-chat-toolbar button {
12426
    margin-top: .4em;
12427
    border: 1px rgba(0, 0, 0, 0) solid;
12428
    background-color: rgba(0, 0, 0, 0)
12429
}
12430
 
12431
.conversejs converse-chat-toolbar button.send-button {
12432
    padding-top: .2em;
12433
    padding-bottom: .2em;
12434
    margin: 0;
12435
    margin-top: -1px
12436
}
12437
 
12438
.conversejs .chatbox converse-chat-toolbar {
12439
    border-top: var(--chatbox-message-input-border-top);
12440
    color: var(--chat-toolbar-btn-color);
12441
    background-color: var(--chat-background-color)
12442
}
12443
 
12444
.conversejs .chatbox converse-chat-toolbar .fas,
12445
.conversejs .chatbox converse-chat-toolbar .fas:hover,
12446
.conversejs .chatbox converse-chat-toolbar .far,
12447
.conversejs .chatbox converse-chat-toolbar .far:hover,
12448
.conversejs .chatbox converse-chat-toolbar .fa,
12449
.conversejs .chatbox converse-chat-toolbar .fa:hover {
12450
    color: var(--chat-toolbar-btn-color)
12451
}
12452
 
12453
.conversejs .chatbox converse-chat-toolbar button:focus {
12454
    outline-color: var(--chat-toolbar-btn-color) !important
12455
}
12456
 
12457
.conversejs .chatbox converse-chat-toolbar button:disabled .fa {
12458
    color: var(--chat-toolbar-btn-disabled-color)
12459
}
12460
 
12461
.conversejs .chatbox converse-chat-toolbar button:disabled .fa:hover {
12462
    color: var(--chat-toolbar-btn-disabled-color)
12463
}
12464
 
12465
.conversejs .chatbox converse-chat-toolbar button:disabled .fa svg,
12466
.conversejs .chatbox converse-chat-toolbar button:disabled .fa svg:hover {
12467
    fill: var(--chat-toolbar-btn-disabled-color)
12468
}
12469
 
12470
.conversejs .chatroom converse-chat-toolbar {
12471
    border-top: var(--chatroom-message-input-border-top);
12472
    color: var(--muc-toolbar-btn-color)
12473
}
12474
 
12475
.conversejs .chatroom converse-chat-toolbar .fas,
12476
.conversejs .chatroom converse-chat-toolbar .fas:hover,
12477
.conversejs .chatroom converse-chat-toolbar .far,
12478
.conversejs .chatroom converse-chat-toolbar .far:hover,
12479
.conversejs .chatroom converse-chat-toolbar .fa,
12480
.conversejs .chatroom converse-chat-toolbar .fa:hover {
12481
    color: var(--muc-toolbar-btn-color);
12482
    font-size: var(--font-size-large)
12483
}
12484
 
12485
.conversejs .chatroom converse-chat-toolbar .fas svg,
12486
.conversejs .chatroom converse-chat-toolbar .fas:hover svg,
12487
.conversejs .chatroom converse-chat-toolbar .far svg,
12488
.conversejs .chatroom converse-chat-toolbar .far:hover svg,
12489
.conversejs .chatroom converse-chat-toolbar .fa svg,
12490
.conversejs .chatroom converse-chat-toolbar .fa:hover svg {
12491
    fill: var(--muc-toolbar-btn-color)
12492
}
12493
 
12494
.conversejs .chatroom converse-chat-toolbar button:focus {
12495
    outline-color: var(--muc-toolbar-btn-color) !important
12496
}
12497
 
12498
.conversejs .chatroom converse-chat-toolbar button:disabled .fa {
12499
    color: var(--muc-toolbar-btn-disabled-color)
12500
}
12501
 
12502
.conversejs .chatroom converse-chat-toolbar button:disabled .fa:hover {
12503
    color: var(--muc-toolbar-btn-disabled-color)
12504
}
12505
 
12506
.conversejs .chatroom converse-chat-toolbar button:disabled .fa svg,
12507
.conversejs .chatroom converse-chat-toolbar button:disabled .fa svg:hover {
12508
    fill: var(--muc-toolbar-btn-disabled-color)
12509
}
12510
 
12511
.conversejs converse-chats.converse-overlayed .chat-toolbar li .toolbar-menu {
12512
    min-width: 235px
12513
}
12514
 
12515
.conversejs converse-chats.converse-overlayed .chatroom .chat-toolbar li .toolbar-menu {
12516
    min-width: 280px
12517
}
12518
 
12519
.conversejs .chatbox .chat-head {
12520
    display: flex;
12521
    flex-direction: row;
12522
    color: #fff;
12523
    font-size: 100%;
12524
    margin: 0;
12525
    padding: 0;
12526
    position: relative
12527
}
12528
 
12529
.conversejs .chatbox .chat-head.chat-head-chatbox {
12530
    background-color: var(--chat-head-color);
12531
    border-bottom: var(--chat-head-border-bottom)
12532
}
12533
 
12534
.conversejs .chatbox .chat-head .avatar {
12535
    margin-right: .5em
12536
}
12537
 
12538
.conversejs .chatbox .chat-head .show-msg-author-modal {
12539
    color: var(--chat-head-text-color) !important
12540
}
12541
 
12542
.conversejs .chatbox .chat-head .chat-head__desc {
12543
    color: var(--chat-head-color-lighten-50-percent);
12544
    font-size: var(--font-size-small);
12545
    margin: 0;
12546
    overflow: hidden;
12547
    padding: .5rem 1rem .5rem 1rem;
12548
    text-overflow: ellipsis;
12549
    width: 100%
12550
}
12551
 
12552
.conversejs .chatbox .chat-head .chatbox-title {
12553
    padding: .75rem 1rem 0 1rem;
12554
    display: flex;
12555
    flex-direction: row;
12556
    justify-content: space-between;
12557
    width: 100%
12558
}
12559
 
12560
.conversejs .chatbox .chat-head .chatbox-title--no-desc {
12561
    padding: .75rem 1rem
12562
}
12563
 
12564
.conversejs .chatbox .chat-head .chatbox-title--row {
12565
    display: flex;
12566
    flex-direction: row;
12567
    overflow: hidden;
12568
    width: 100%
12569
}
12570
 
12571
.conversejs .chatbox .chat-head .chatbox-title__text {
12572
    color: var(--chat-head-text-color);
12573
    overflow: hidden;
12574
    text-overflow: ellipsis
12575
}
12576
 
12577
.conversejs .chatbox .chat-head .chatbox-title__buttons {
12578
    display: flex;
12579
    flex-direction: row-reverse;
12580
    flex-wrap: nowrap;
12581
    padding: 0
12582
}
12583
 
12584
.conversejs .chatbox .chat-head .chatbox-btn {
12585
    color: #fff
12586
}
12587
 
12588
.conversejs .chatbox .chat-head .chatbox-btn:active {
12589
    position: relative;
12590
    top: 1px
12591
}
12592
 
12593
.conversejs .chatbox .chat-head converse-dropdown .dropdown-menu converse-icon svg {
12594
    fill: var(--chat-color)
12595
}
12596
 
12597
.conversejs .chatbox .chat-head .chatbox-btn converse-icon svg {
12598
    fill: var(--chat-head-fg-color)
12599
}
12600
 
12601
.conversejs,
12602
.conversejs-bg,
12603
#conversejs-bg,
12604
body.converse-fullscreen {
12605
    --avatar-border-radius: 10%;
12606
    --message-avatar-width: 36px;
12607
    --message-avatar-height: 36px;
12608
    --chatroom-width: 500px;
12609
    --send-button-height: 27px;
12610
    --send-button-margin: 3px;
12611
    --inline-action-margin: 0.75em;
12612
    --roster-height: 194px;
12613
    --button-border-radius: 5px;
12614
    --chatbox-border-radius: 4px;
12615
    --normal-font: "Helvetica", "Arial", sans-serif;
12616
    --heading-font: "Muli", normal;
12617
    --branding-font: "Baumans", cursive;
12618
    --font-size-tiny: 10px;
12619
    --font-size-small: 12px;
12620
    --font-size: 14px;
12621
    --font-size-large: 16px;
12622
    --font-size-huge: 20px;
12623
    --message-font-size: var(--font-size);
12624
    --line-height-small: 14px;
12625
    --line-height: 16px;
12626
    --line-height-large: 20px;
12627
    --line-height-huge: 27px;
12628
    --embedded-emoji-picker-height: 300px;
12629
    --chat-gutter: 0.5em;
12630
    --occupants-padding: 1em;
12631
    --minimized-chats-width: 130px;
12632
    --mobile-chat-width: 100%;
12633
    --mobile-chat-height: 400px;
12634
    --overlayed-chat-head-height: 55px;
12635
    --overlayed-chat-height: 450px;
12636
    --overlayed-chat-width: 300px;
12637
    --overlayed-chatbox-hover-height: 1em;
12638
    --overlayed-emoji-picker-height: 200px;
12639
    --overlayed-max-chat-textarea-height: 200px;
12640
    --list-toggle-font-weight: normal
12641
}
12642
 
12643
.conversejs .chatbox .bottom-panel .chat-content-sendbutton {
12644
    height: calc(100% - (var(--chat-textarea-height) + var(--send-button-height) + 2*var(--send-button-margin)))
12645
}
12646
 
12647
.conversejs .chatbox .bottom-panel .sendXMPPMessage {
12648
    -moz-background-clip: padding;
12649
    -webkit-background-clip: padding-box;
12650
    border-bottom-left-radius: var(--chatbox-border-radius);
12651
    border-bottom-right-radius: var(--chatbox-border-radius);
12652
    background-clip: padding-box;
12653
    background-color: var(--chat-textarea-background-color);
12654
    border: 0;
12655
    margin: 0;
12656
    padding: 0
12657
}
12658
 
12659
@media screen and (max-height: 450px) {
12660
    .conversejs .chatbox .bottom-panel .sendXMPPMessage {
12661
        width: 100%
12662
    }
12663
}
12664
 
12665
@media screen and (max-width: 480px) {
12666
    .conversejs .chatbox .bottom-panel .sendXMPPMessage {
12667
        width: 100%
12668
    }
12669
}
12670
 
12671
.conversejs .chatbox .bottom-panel .sendXMPPMessage .suggestion-box__results:after {
12672
    display: none
12673
}
12674
 
12675
.conversejs .chatbox .bottom-panel .sendXMPPMessage .spoiler-hint {
12676
    width: 100%;
12677
    color: var(--foreground);
12678
    background-color: var(--background)
12679
}
12680
 
12681
.conversejs .chatbox .bottom-panel .sendXMPPMessage .chat-textarea:active,
12682
.conversejs .chatbox .bottom-panel .sendXMPPMessage .chat-textarea:focus,
12683
.conversejs .chatbox .bottom-panel .sendXMPPMessage input:active,
12684
.conversejs .chatbox .bottom-panel .sendXMPPMessage input:focus {
12685
    outline-color: var(--chat-head-color)
12686
}
12687
 
12688
.conversejs .chatbox .bottom-panel .sendXMPPMessage .chat-textarea.correcting,
12689
.conversejs .chatbox .bottom-panel .sendXMPPMessage input.correcting {
12690
    background-color: var(--chat-correcting-color)
12691
}
12692
 
12693
.conversejs .chatbox .bottom-panel .sendXMPPMessage .chat-textarea {
12694
    color: var(--chat-textarea-color);
12695
    background-color: var(--chat-textarea-background-color);
12696
    border-top-left-radius: 0;
12697
    border-top-right-radius: 0;
12698
    border-bottom-left-radius: var(--chatbox-border-radius);
12699
    border-bottom-right-radius: var(--chatbox-border-radius);
12700
    padding-left: .5em;
12701
    padding-right: 4.5em;
12702
    padding-top: .5em;
12703
    padding-bottom: .5em;
12704
    width: 100%;
12705
    border: none;
12706
    min-height: var(--chat-textarea-height);
12707
    margin-bottom: -4px;
12708
    resize: none
12709
}
12710
 
12711
.conversejs .chatbox .bottom-panel .sendXMPPMessage .chat-textarea.spoiler {
12712
    height: 42px
12713
}
12714
 
12715
.conversejs,
12716
.conversejs-bg,
12717
#conversejs-bg,
12718
body.converse-fullscreen {
12719
    --avatar-border-radius: 10%;
12720
    --message-avatar-width: 36px;
12721
    --message-avatar-height: 36px;
12722
    --chatroom-width: 500px;
12723
    --send-button-height: 27px;
12724
    --send-button-margin: 3px;
12725
    --inline-action-margin: 0.75em;
12726
    --roster-height: 194px;
12727
    --button-border-radius: 5px;
12728
    --chatbox-border-radius: 4px;
12729
    --normal-font: "Helvetica", "Arial", sans-serif;
12730
    --heading-font: "Muli", normal;
12731
    --branding-font: "Baumans", cursive;
12732
    --font-size-tiny: 10px;
12733
    --font-size-small: 12px;
12734
    --font-size: 14px;
12735
    --font-size-large: 16px;
12736
    --font-size-huge: 20px;
12737
    --message-font-size: var(--font-size);
12738
    --line-height-small: 14px;
12739
    --line-height: 16px;
12740
    --line-height-large: 20px;
12741
    --line-height-huge: 27px;
12742
    --embedded-emoji-picker-height: 300px;
12743
    --chat-gutter: 0.5em;
12744
    --occupants-padding: 1em;
12745
    --minimized-chats-width: 130px;
12746
    --mobile-chat-width: 100%;
12747
    --mobile-chat-height: 400px;
12748
    --overlayed-chat-head-height: 55px;
12749
    --overlayed-chat-height: 450px;
12750
    --overlayed-chat-width: 300px;
12751
    --overlayed-chatbox-hover-height: 1em;
12752
    --overlayed-emoji-picker-height: 200px;
12753
    --overlayed-max-chat-textarea-height: 200px;
12754
    --list-toggle-font-weight: normal
12755
}
12756
 
12757
.media {
12758
    display: flex;
12759
    align-items: flex-start
12760
}
12761
 
12762
.media-body {
12763
    flex: 1
12764
}
12765
 
12766
.conversejs .chatbox {
12767
    text-align: left;
12768
    margin: 0 var(--chat-gutter)
12769
}
12770
 
12771
@media screen and (max-height: 450px) {
12772
    .conversejs .chatbox {
12773
        margin: 0;
12774
        width: var(--mobile-chat-width)
12775
    }
12776
}
12777
 
12778
@media screen and (max-width: 480px) {
12779
    .conversejs .chatbox {
12780
        margin: 0;
12781
        width: var(--mobile-chat-width)
12782
    }
12783
}
12784
 
12785
.conversejs .chatbox converse-controlbox-navback {
12786
    display: none
12787
}
12788
 
12789
.conversejs .chatbox .flyout {
12790
    position: absolute
12791
}
12792
 
12793
@media screen and (max-height: 450px) {
12794
    .conversejs .chatbox .flyout {
12795
        border-radius: 0
12796
    }
12797
}
12798
 
12799
@media screen and (max-width: 480px) {
12800
    .conversejs .chatbox .flyout {
12801
        border-radius: 0
12802
    }
12803
}
12804
 
12805
@media screen and (max-height: 450px) {
12806
    .conversejs .chatbox .flyout {
12807
        bottom: 0
12808
    }
12809
}
12810
 
12811
@media screen and (max-width: 480px) {
12812
    .conversejs .chatbox .flyout {
12813
        bottom: 0
12814
    }
12815
}
12816
 
12817
.conversejs .chatbox .chatbox-btn {
12818
    border-radius: 25%;
12819
    border: none;
12820
    cursor: pointer;
12821
    font-size: var(--chatbox-button-size);
12822
    margin: 0 .2em;
12823
    padding: 0 0 0 .5em;
12824
    text-decoration: none
12825
}
12826
 
12827
.conversejs .chatbox .chatbox-btn:active {
12828
    position: relative;
12829
    top: 1px
12830
}
12831
 
12832
.conversejs .chatbox .box-flyout {
12833
    display: flex;
12834
    flex-direction: column;
12835
    justify-content: space-between;
12836
    box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, .4);
12837
    z-index: 2;
12838
    overflow: hidden;
12839
    width: 100%
12840
}
12841
 
12842
@media screen and (max-height: 450px) {
12843
    .conversejs .chatbox .box-flyout {
12844
        height: var(--mobile-chat-height);
12845
        width: var(--mobile-chat-width);
12846
        height: var(--fullpage-chat-height)
12847
    }
12848
}
12849
 
12850
@media screen and (max-width: 480px) {
12851
    .conversejs .chatbox .box-flyout {
12852
        height: var(--mobile-chat-height);
12853
        width: var(--mobile-chat-width);
12854
        height: var(--fullpage-chat-height)
12855
    }
12856
}
12857
 
12858
.conversejs .chatbox .chat-title {
12859
    display: var(--heading-display);
12860
    font-family: var(--heading-font);
12861
    color: var(--heading-color);
12862
    display: block;
12863
    line-height: var(--line-height-large);
12864
    overflow: hidden;
12865
    text-overflow: ellipsis;
12866
    white-space: nowrap
12867
}
12868
 
12869
.conversejs .chatbox .chat-title.groupchat {
12870
    padding-right: var(--chatroom-head-title-padding-right)
12871
}
12872
 
12873
.conversejs .chatbox .chat-title a {
12874
    color: var(--chat-head-text-color);
12875
    width: 100%
12876
}
12877
 
12878
.conversejs .chatbox .chat-body {
12879
    display: flex;
12880
    flex-direction: column;
12881
    justify-content: space-between;
12882
    background-color: var(--chat-textarea-background-color);
12883
    border-bottom-left-radius: var(--chatbox-border-radius);
12884
    border-bottom-right-radius: var(--chatbox-border-radius);
12885
    border-top: 0;
12886
    height: 100%;
12887
    width: 100%;
12888
    overflow: hidden
12889
}
12890
 
12891
@media screen and (max-height: 450px) {
12892
    .conversejs .chatbox .chat-body {
12893
        border-bottom-left-radius: 0;
12894
        border-bottom-right-radius: 0
12895
    }
12896
}
12897
 
12898
@media screen and (max-width: 480px) {
12899
    .conversejs .chatbox .chat-body {
12900
        border-bottom-left-radius: 0;
12901
        border-bottom-right-radius: 0
12902
    }
12903
}
12904
 
12905
.conversejs .chatbox .chat-body p {
12906
    color: var(--text-color);
12907
    font-size: var(--message-font-size);
12908
    margin: 0;
12909
    padding: 5px
12910
}
12911
 
12912
.conversejs .chatbox .new-msgs-indicator {
12913
    position: relative;
12914
    width: 100%;
12915
    cursor: pointer;
12916
    background-color: var(--chat-head-color);
12917
    color: var(--light-background-color);
12918
    padding: .5em;
12919
    font-size: .9em;
12920
    text-align: center;
12921
    z-index: 20;
12922
    white-space: nowrap;
12923
    margin-bottom: .25em
12924
}
12925
 
12926
.conversejs .chatbox .chat-content {
12927
    background-color: var(--chat-content-background-color);
12928
    border: 0;
12929
    color: var(--text-color);
12930
    font-size: var(--message-font-size);
12931
    height: 100%;
12932
    line-height: 1.3em;
12933
    overflow: hidden;
12934
    padding: 0;
12935
    display: flex;
12936
    flex-direction: column;
12937
    justify-content: space-between
12938
}
12939
 
12940
.conversejs .chatbox .chat-content converse-chat-message .spinner {
12941
    width: 100%;
12942
    overflow-y: hidden
12943
}
12944
 
12945
.conversejs .chatbox .chat-content .chat-content__help {
12946
    max-height: 100%
12947
}
12948
 
12949
.conversejs .chatbox .chat-content .chat-content__help converse-chat-help {
12950
    border-top: 1px solid var(--chat-head-color);
12951
    display: block;
12952
    height: 100%;
12953
    overflow-y: auto;
12954
    padding: .5em 0
12955
}
12956
 
12957
.conversejs .chatbox .chat-content .chat-content__help .close-chat-help {
12958
    float: right;
12959
    padding-right: 1em;
12960
    cursor: pointer;
12961
    color: var(--chat-content-background-color)
12962
}
12963
 
12964
.conversejs .chatbox .chat-content .chat-content__help .close-chat-help svg {
12965
    fill: var(--chat-head-color)
12966
}
12967
 
12968
.conversejs .chatbox .chat-content .chat-content__messages {
12969
    overflow-x: hidden;
12970
    overflow-y: auto;
12971
    height: 100%
12972
}
12973
 
12974
.conversejs .chatbox .chat-content .chat-content__notifications {
12975
    height: 1.7em;
12976
    white-space: pre;
12977
    background-color: var(--chat-content-background-color);
12978
    color: var(--subdued-color);
12979
    font-size: 90%;
12980
    font-style: italic;
12981
    line-height: var(--line-height-small);
12982
    padding: 0 1em .3em
12983
}
12984
 
12985
.conversejs .chatbox .chat-content .chat-content__notifications:before {
12986
    content: " "
12987
}
12988
 
12989
.conversejs .chatbox .chat-content progress {
12990
    margin: .5em 0;
12991
    width: 100%
12992
}
12993
 
12994
.conversejs .chatbox .dragresize {
12995
    background: rgba(0, 0, 0, 0);
12996
    border: 0;
12997
    margin: 0;
12998
    position: absolute;
12999
    top: 0;
13000
    z-index: 20
13001
}
13002
 
13003
.conversejs .chatbox .dragresize-top {
13004
    cursor: n-resize;
13005
    height: 5px;
13006
    width: 100%
13007
}
13008
 
13009
.conversejs .chatbox .dragresize-left,
13010
.conversejs .chatbox .dragresize-occupants-left {
13011
    cursor: w-resize;
13012
    width: 5px;
13013
    height: 100%;
13014
    left: 0
13015
}
13016
 
13017
.conversejs .chatbox .dragresize-topleft {
13018
    cursor: nw-resize;
13019
    width: 15px;
13020
    height: 15px;
13021
    top: 0;
13022
    left: 0
13023
}
13024
 
13025
.conversejs converse-chats.converse-embedded .controlbox-head,
13026
.conversejs converse-chats.converse-overlayed .controlbox-head {
13027
    padding: .5em
13028
}
13029
 
13030
.conversejs converse-chats.converse-embedded .chat-head,
13031
.conversejs converse-chats.converse-overlayed .chat-head {
13032
    border-top-left-radius: 0;
13033
    border-top-right-radius: 0
13034
}
13035
 
13036
.conversejs converse-chats.converse-embedded .chatbox,
13037
.conversejs converse-chats.converse-overlayed .chatbox {
13038
    min-width: var(--overlayed-chat-width) !important;
13039
    width: var(--overlayed-chat-width)
13040
}
13041
 
13042
.conversejs converse-chats.converse-embedded .chatbox .box-flyout,
13043
.conversejs converse-chats.converse-overlayed .chatbox .box-flyout {
13044
    min-width: var(--overlayed-chat-width) !important;
13045
    width: var(--overlayed-chat-width)
13046
}
13047
 
13048
.conversejs converse-chats.converse-overlayed .chat-head,
13049
.conversejs converse-chats.converse-overlayed .box-flyout {
13050
    border-top-left-radius: var(--chatbox-border-radius);
13051
    border-top-right-radius: var(--chatbox-border-radius)
13052
}
13053
 
13054
@media screen and (max-height: 450px) {
13055
 
13056
    .conversejs converse-chats.converse-overlayed .chat-head,
13057
    .conversejs converse-chats.converse-overlayed .box-flyout {
13058
        border-top-left-radius: 0;
13059
        border-top-right-radius: 0
13060
    }
13061
}
13062
 
13063
@media screen and (max-width: 480px) {
13064
 
13065
    .conversejs converse-chats.converse-overlayed .chat-head,
13066
    .conversejs converse-chats.converse-overlayed .box-flyout {
13067
        border-top-left-radius: 0;
13068
        border-top-right-radius: 0
13069
    }
13070
}
13071
 
13072
.conversejs converse-chats.converse-overlayed .flyout {
13073
    bottom: var(--overlayed-chatbox-hover-height)
13074
}
13075
 
13076
.conversejs converse-chats.converse-overlayed .box-flyout {
13077
    height: var(--overlayed-chat-height);
13078
    min-height: calc(var(--overlayed-chat-height)/2)
13079
}
13080
 
13081
.conversejs converse-chats.converse-overlayed .chat-head {
13082
    min-height: var(--overlayed-chat-head-height)
13083
}
13084
 
13085
.conversejs converse-chats.converse-overlayed .minimized-chats-flyout .chat-head {
13086
    cursor: default
13087
}
13088
 
13089
.conversejs converse-chats.converse-overlayed .chat-textarea {
13090
    max-height: var(--overlayed-max-chat-textarea-height)
13091
}
13092
 
13093
.conversejs converse-chats.converse-overlayed .chatbox .chat-body {
13094
    height: calc(100% - var(--overlayed-chat-head-height))
13095
}
13096
 
13097
.conversejs converse-chats.converse-overlayed .chatbox .chatbox-title {
13098
    padding: .5rem .75rem 0 .75rem
13099
}
13100
 
13101
.conversejs converse-chats.converse-overlayed .chatbox .chatbox-title--no-desc {
13102
    padding: .5rem .75rem
13103
}
13104
 
13105
@media(max-width: 767.98px) {
13106
    .conversejs.converse-overlayed>.row {
13107
        flex-direction: column
13108
    }
13109
 
13110
    .conversejs.converse-overlayed>.row.no-gutters {
13111
        margin: -1em
13112
    }
13113
}
13114
 
13115
.conversejs converse-chats.converse-embedded .flyout,
13116
.conversejs converse-chats.converse-fullscreen .flyout {
13117
    border-radius: 0;
13118
    border: none;
13119
    bottom: 0
13120
}
13121
 
13122
.conversejs converse-chats.converse-embedded .chatbox,
13123
.conversejs converse-chats.converse-fullscreen .chatbox {
13124
    margin: 0;
13125
    margin-left: 15px
13126
}
13127
 
13128
.conversejs converse-chats.converse-embedded .chatbox .box-flyout,
13129
.conversejs converse-chats.converse-fullscreen .chatbox .box-flyout {
13130
    box-shadow: none;
13131
    overflow: hidden;
13132
    margin-left: 0
13133
}
13134
 
13135
@media(min-width: 768px) {
13136
    .conversejs converse-chats.converse-fullscreen:not(.converse-singleton) .chatbox {
13137
        flex: 0 0 66.66666667%;
13138
        max-width: 66.66666667%
13139
    }
13140
}
13141
 
13142
@media(min-width: 992px) {
13143
    .conversejs converse-chats.converse-fullscreen:not(.converse-singleton) .chatbox {
13144
        flex: 0 0 75%;
13145
        max-width: 75%
13146
    }
13147
}
13148
 
13149
@media(min-width: 1200px) {
13150
    .conversejs converse-chats.converse-fullscreen:not(.converse-singleton) .chatbox {
13151
        flex: 0 0 83.33333333%;
13152
        max-width: 83.33333333%
13153
    }
13154
}
13155
 
13156
@media(min-width: 768px) {
13157
    .conversejs converse-chats.converse-fullscreen:not(.converse-singleton) .chatbox:not(#controlbox) .box-flyout {
13158
        max-width: 66.666667%
13159
    }
13160
}
13161
 
13162
@media(min-width: 992px) {
13163
    .conversejs converse-chats.converse-fullscreen:not(.converse-singleton) .chatbox:not(#controlbox) .box-flyout {
13164
        max-width: 75%
13165
    }
13166
}
13167
 
13168
@media(min-width: 1200px) {
13169
    .conversejs converse-chats.converse-fullscreen:not(.converse-singleton) .chatbox:not(#controlbox) .box-flyout {
13170
        max-width: 83.333333%
13171
    }
13172
}
13173
 
13174
.conversejs converse-chats.converse-embedded .chat-head {
13175
    font-size: var(--font-size-huge)
13176
}
13177
 
13178
.conversejs converse-chats.converse-embedded .chatbox .box-flyout {
13179
    bottom: 0;
13180
    height: 100%;
13181
    min-width: auto;
13182
    width: 100%
13183
}
13184
 
13185
.conversejs converse-chats.converse-embedded .chat-textarea {
13186
    max-height: var(--fullpage-max-chat-textarea-height)
13187
}
13188
 
13189
.conversejs converse-chats.converse-fullscreen .chatbox-btn {
13190
    font-size: var(--fullpage-chatbox-button-size);
13191
    margin: 0 .3em
13192
}
13193
 
13194
.conversejs converse-chats.converse-fullscreen .chat-head {
13195
    font-size: var(--font-size-huge)
13196
}
13197
 
13198
.conversejs converse-chats.converse-fullscreen .chat-textarea {
13199
    max-height: var(--fullpage-max-chat-textarea-height)
13200
}
13201
 
13202
.conversejs converse-chats.converse-fullscreen .chatbox .box-flyout {
13203
    box-shadow: none;
13204
    height: var(--fullpage-chat-height);
13205
    min-height: calc(var(--fullpage-chat-height)/2);
13206
    width: var(--fullpage-chat-width);
13207
    overflow: hidden
13208
}
13209
 
13210
.conversejs converse-chats.converse-fullscreen .chatbox .chat-body {
13211
    height: inherit;
13212
    overflow: hidden;
13213
    background-color: var(--chat-background-color)
13214
}
13215
 
13216
.conversejs converse-chats.converse-fullscreen .chatbox .chat-title {
13217
    font-size: var(--font-size-huge);
13218
    line-height: var(--line-height-huge)
13219
}
13220
 
13221
.conversejs converse-chats.converse-fullscreen .chatbox .sendXMPPMessage ul {
13222
    width: 100%
13223
}
13224
 
13225
@media(max-width: 767.98px) {
13226
    .conversejs converse-chats:not(.converse-embedded)>.row {
13227
        flex-direction: row-reverse
13228
    }
13229
 
13230
    .conversejs converse-chats:not(.converse-embedded) #converse-login-panel .converse-form {
13231
        padding: 3em 2em 3em
13232
    }
13233
 
13234
    .conversejs converse-chats:not(.converse-embedded) .chatbox {
13235
        width: calc(100% - 50px)
13236
    }
13237
 
13238
    .conversejs converse-chats:not(.converse-embedded) .chatbox .row .box-flyout {
13239
        left: 50px;
13240
        bottom: 0;
13241
        height: var(--fullpage-chat-height);
13242
        box-shadow: none
13243
    }
13244
 
13245
    .conversejs converse-chats.converse-mobile .chat-head converse-controlbox-navback,
13246
    .conversejs converse-chats.converse-overlayed .chat-head converse-controlbox-navback,
13247
    .conversejs converse-chats.converse-fullscreen .chat-head converse-controlbox-navback {
13248
        margin: auto 0;
13249
        margin-right: 1em;
13250
        display: flex
13251
    }
13252
 
13253
    .conversejs converse-chats.converse-mobile .chat-head converse-controlbox-navback .fa-arrow-left svg,
13254
    .conversejs converse-chats.converse-overlayed .chat-head converse-controlbox-navback .fa-arrow-left svg,
13255
    .conversejs converse-chats.converse-fullscreen .chat-head converse-controlbox-navback .fa-arrow-left svg {
13256
        fill: var(--chat-head-text-color)
13257
    }
13258
}
13259
 
13260
.conversejs,
13261
.conversejs-bg,
13262
#conversejs-bg,
13263
body.converse-fullscreen {
13264
    --avatar-border-radius: 10%;
13265
    --message-avatar-width: 36px;
13266
    --message-avatar-height: 36px;
13267
    --chatroom-width: 500px;
13268
    --send-button-height: 27px;
13269
    --send-button-margin: 3px;
13270
    --inline-action-margin: 0.75em;
13271
    --roster-height: 194px;
13272
    --button-border-radius: 5px;
13273
    --chatbox-border-radius: 4px;
13274
    --normal-font: "Helvetica", "Arial", sans-serif;
13275
    --heading-font: "Muli", normal;
13276
    --branding-font: "Baumans", cursive;
13277
    --font-size-tiny: 10px;
13278
    --font-size-small: 12px;
13279
    --font-size: 14px;
13280
    --font-size-large: 16px;
13281
    --font-size-huge: 20px;
13282
    --message-font-size: var(--font-size);
13283
    --line-height-small: 14px;
13284
    --line-height: 16px;
13285
    --line-height-large: 20px;
13286
    --line-height-huge: 27px;
13287
    --embedded-emoji-picker-height: 300px;
13288
    --chat-gutter: 0.5em;
13289
    --occupants-padding: 1em;
13290
    --minimized-chats-width: 130px;
13291
    --mobile-chat-width: 100%;
13292
    --mobile-chat-height: 400px;
13293
    --overlayed-chat-head-height: 55px;
13294
    --overlayed-chat-height: 450px;
13295
    --overlayed-chat-width: 300px;
13296
    --overlayed-chatbox-hover-height: 1em;
13297
    --overlayed-emoji-picker-height: 200px;
13298
    --overlayed-max-chat-textarea-height: 200px;
13299
    --list-toggle-font-weight: normal
13300
}
13301
 
13302
.conversejs .set-xmpp-status .chat-status--online,
13303
.conversejs .xmpp-status .chat-status--online {
13304
    color: var(--chat-status-online)
13305
}
13306
 
13307
.conversejs .set-xmpp-status .chat-status--busy,
13308
.conversejs .xmpp-status .chat-status--busy {
13309
    color: var(--chat-status-busy)
13310
}
13311
 
13312
.conversejs .set-xmpp-status .chat-status--away,
13313
.conversejs .xmpp-status .chat-status--away {
13314
    color: var(--chat-status-away)
13315
}
13316
 
13317
.conversejs .set-xmpp-status .far.fa-circle,
13318
.conversejs .set-xmpp-status .fa-times-circle,
13319
.conversejs .xmpp-status .far.fa-circle,
13320
.conversejs .xmpp-status .fa-times-circle {
13321
    color: var(--subdued-color)
13322
}
13323
 
13324
.conversejs .set-xmpp-status .chat-status {
13325
    padding-right: .5em
13326
}
13327
 
13328
.conversejs .room-info {
13329
    font-size: var(--font-size-small);
13330
    font-style: normal;
13331
    font-weight: normal
13332
}
13333
 
13334
.conversejs .room-info li.room-info {
13335
    display: block;
13336
    margin-left: 5px
13337
}
13338
 
13339
.conversejs .room-info p.room-info {
13340
    line-height: var(--line-height);
13341
    margin: 0;
13342
    display: block;
13343
    white-space: normal
13344
}
13345
 
13346
.conversejs div.room-info {
13347
    padding: .3em 0;
13348
    clear: left;
13349
    width: 100%
13350
}
13351
 
13352
.conversejs #controlbox {
13353
    order: -1;
13354
    color: var(--controlbox-text-color);
13355
    margin-right: calc(3*var(--chat-gutter))
13356
}
13357
 
13358
.conversejs #controlbox .chat-status--avatar {
13359
    border: 1px solid var(--controlbox-pane-background-color);
13360
    background: var(--controlbox-pane-background-color)
13361
}
13362
 
13363
.conversejs #controlbox converse-brand-logo {
13364
    width: 100%;
13365
    display: block
13366
}
13367
 
13368
.conversejs #controlbox converse-brand-heading {
13369
    width: 100%;
13370
    display: block
13371
}
13372
 
13373
.conversejs #controlbox .brand-name-wrapper {
13374
    font-size: 200%
13375
}
13376
 
13377
.conversejs #controlbox .brand-name-wrapper--fullscreen {
13378
    font-size: 100%
13379
}
13380
 
13381
.conversejs #controlbox .box-flyout {
13382
    background-color: var(--controlbox-pane-background-color)
13383
}
13384
 
13385
.conversejs #controlbox.logged-out .box-flyout .controlbox-pane {
13386
    overflow-y: auto
13387
}
13388
 
13389
.conversejs #controlbox form.search-xmpp-contact {
13390
    margin: 0;
13391
    padding-left: 5px;
13392
    padding: 0 0 5px 5px
13393
}
13394
 
13395
.conversejs #controlbox form.search-xmpp-contact input {
13396
    width: 8em
13397
}
13398
 
13399
.conversejs #controlbox .msgs-indicator {
13400
    margin-right: .5em
13401
}
13402
 
13403
.conversejs #controlbox a.subscribe-to-user {
13404
    padding-left: 2em;
13405
    font-weight: bold
13406
}
13407
 
13408
.conversejs #controlbox .conn-feedback {
13409
    color: var(--controlbox-head-color)
13410
}
13411
 
13412
.conversejs #controlbox .conn-feedback.error {
13413
    color: var(--error-color)
13414
}
13415
 
13416
.conversejs #controlbox .conn-feedback p {
13417
    padding-bottom: 1em
13418
}
13419
 
13420
.conversejs #controlbox .conn-feedback p.feedback-subject.error {
13421
    font-weight: bold
13422
}
13423
 
13424
.conversejs #controlbox #converse-login-panel,
13425
.conversejs #controlbox #converse-register-panel {
13426
    padding-top: 0;
13427
    padding-bottom: 0
13428
}
13429
 
13430
.conversejs #controlbox #converse-login-panel {
13431
    flex-direction: row
13432
}
13433
 
13434
.conversejs #controlbox .toggle-register-login {
13435
    font-weight: bold
13436
}
13437
 
13438
.conversejs #controlbox .controlbox-pane .userinfo {
13439
    padding-bottom: 1em
13440
}
13441
 
13442
.conversejs #controlbox .controlbox-pane .userinfo .username {
13443
    margin-left: .5em;
13444
    overflow: hidden;
13445
    text-overflow: ellipsis
13446
}
13447
 
13448
.conversejs #controlbox .controlbox-pane .userinfo .profile {
13449
    margin-bottom: .75em
13450
}
13451
 
13452
.conversejs #controlbox #chatrooms {
13453
    padding: 0
13454
}
13455
 
13456
.conversejs #controlbox #chatrooms .add-chatroom {
13457
    margin: 0;
13458
    padding: 0
13459
}
13460
 
13461
.conversejs #controlbox #chatrooms .add-chatroom input[type=button],
13462
.conversejs #controlbox #chatrooms .add-chatroom input[type=submit],
13463
.conversejs #controlbox #chatrooms .add-chatroom input[type=text] {
13464
    width: 100%
13465
}
13466
 
13467
.conversejs #controlbox .controlbox-section .controlbox-heading {
13468
    font-family: var(--heading-font);
13469
    color: var(--controlbox-heading-color);
13470
    font-weight: var(--controlbox-heading-font-weight);
13471
    padding: 0;
13472
    font-size: 1.1em;
13473
    line-height: 1.1em;
13474
    text-transform: uppercase
13475
}
13476
 
13477
.conversejs #controlbox .controlbox-section .controlbox-heading--groupchats {
13478
    color: var(--groupchats-header-color)
13479
}
13480
 
13481
.conversejs #controlbox .controlbox-section .controlbox-heading--contacts {
13482
    color: var(--chat-head-color-dark)
13483
}
13484
 
13485
.conversejs #controlbox .controlbox-section .controlbox-heading--headline {
13486
    color: var(--headlines-head-color)
13487
}
13488
 
13489
.conversejs #controlbox .controlbox-section .controlbox-heading__btn {
13490
    cursor: pointer;
13491
    padding: 0 0 0 1em;
13492
    font-size: 1em;
13493
    margin: var(--controlbox-heading-top-margin) 0 var(--inline-action-margin) 0;
13494
    text-align: center
13495
}
13496
 
13497
.conversejs #controlbox .controlbox-section .controlbox-heading__btn.fa-vcard {
13498
    margin-top: 1em
13499
}
13500
 
13501
.conversejs #controlbox .dropdown a {
13502
    width: 143px;
13503
    display: inline-block
13504
}
13505
 
13506
.conversejs #controlbox .dropdown li {
13507
    list-style: none;
13508
    padding-left: 0
13509
}
13510
 
13511
.conversejs #controlbox .dropdown dd ul {
13512
    padding: 0;
13513
    list-style: none;
13514
    position: absolute;
13515
    left: 0;
13516
    top: 0;
13517
    width: 100%;
13518
    z-index: 21;
13519
    background-color: var(--light-background-color)
13520
}
13521
 
13522
.conversejs #controlbox .dropdown dd ul li:hover {
13523
    background-color: var(--highlight-color)
13524
}
13525
 
13526
.conversejs #controlbox .dropdown dd.search-xmpp {
13527
    height: 0
13528
}
13529
 
13530
.conversejs #controlbox .dropdown dd.search-xmpp .contact-form-container {
13531
    position: absolute;
13532
    z-index: 22
13533
}
13534
 
13535
.conversejs #controlbox .dropdown dd.search-xmpp .contact-form-container form {
13536
    box-shadow: 1px 4px 10px 1px rgba(0, 0, 0, .4);
13537
    background-color: #fff
13538
}
13539
 
13540
.conversejs #controlbox .dropdown dd.search-xmpp li:hover {
13541
    background-color: var(--light-background-color)
13542
}
13543
 
13544
.conversejs #controlbox .dropdown dt a span {
13545
    cursor: pointer;
13546
    display: block;
13547
    padding: 4px 7px 0 5px
13548
}
13549
 
13550
.conversejs #controlbox .controlbox-panes {
13551
    background-color: var(--controlbox-pane-background-color);
13552
    height: 100%;
13553
    overflow-y: auto
13554
}
13555
 
13556
.conversejs #controlbox .controlbox-subtitle {
13557
    font-size: 90%;
13558
    padding: .5em;
13559
    text-align: right
13560
}
13561
 
13562
.conversejs #controlbox .controlbox-pane {
13563
    background-color: var(--controlbox-pane-background-color);
13564
    border: 0;
13565
    font-size: var(--font-size);
13566
    left: 0;
13567
    text-align: left;
13568
    overflow-x: hidden;
13569
    padding: 0 0 1em 0
13570
}
13571
 
13572
.conversejs #controlbox .controlbox-pane .controlbox-padded {
13573
    padding-left: 1em;
13574
    padding-right: 1em;
13575
    align-items: center;
13576
    line-height: normal
13577
}
13578
 
13579
.conversejs #controlbox .controlbox-pane .controlbox-padded .change-status {
13580
    min-width: 25px;
13581
    text-align: center
13582
}
13583
 
13584
.conversejs #controlbox .controlbox-pane .add-converse-contact {
13585
    margin: 0 0 .75em 0
13586
}
13587
 
13588
.conversejs #controlbox .controlbox-pane .chatbox-btn {
13589
    margin: 0
13590
}
13591
 
13592
.conversejs #controlbox .controlbox-pane .switch-form {
13593
    text-align: center;
13594
    padding: 2em 0
13595
}
13596
 
13597
.conversejs #controlbox .controlbox-pane dd {
13598
    margin-left: 0;
13599
    margin-bottom: 0
13600
}
13601
 
13602
.conversejs #controlbox .controlbox-pane dd.odd {
13603
    background-color: #dceac5
13604
}
13605
 
13606
.conversejs #controlbox .add-xmpp-contact {
13607
    padding: 1em .5em
13608
}
13609
 
13610
.conversejs #controlbox .add-xmpp-contact input {
13611
    margin: 0 0 1rem;
13612
    width: 100%
13613
}
13614
 
13615
.conversejs #controlbox .add-xmpp-contact button {
13616
    width: 100%
13617
}
13618
 
13619
.conversejs converse-chats.converse-overlayed {
13620
    display: flex;
13621
    flex-direction: row-reverse
13622
}
13623
 
13624
.conversejs converse-chats.converse-overlayed .toggle-controlbox {
13625
    order: -2;
13626
    text-align: center;
13627
    background-color: var(--controlbox-head-color);
13628
    border-top-left-radius: var(--button-border-radius);
13629
    border-top-right-radius: var(--button-border-radius);
13630
    color: #0a0a0a;
13631
    float: right;
13632
    height: 100%;
13633
    margin: 0 var(--chat-gutter);
13634
    padding: 1em
13635
}
13636
 
13637
.conversejs converse-chats.converse-overlayed .toggle-controlbox span {
13638
    color: var(--inverse-link-color)
13639
}
13640
 
13641
.conversejs converse-chats.converse-overlayed #controlbox {
13642
    order: -1;
13643
    min-width: var(--controlbox-width) !important;
13644
    width: var(--controlbox-width)
13645
}
13646
 
13647
.conversejs converse-chats.converse-overlayed #controlbox .box-flyout {
13648
    min-width: var(--controlbox-width) !important;
13649
    width: var(--controlbox-width)
13650
}
13651
 
13652
@media screen and (max-width: 480px) {
13653
    .conversejs converse-chats.converse-overlayed #controlbox {
13654
        margin-left: -15px
13655
    }
13656
}
13657
 
13658
@media(max-width: 767.98px) {
13659
    .conversejs converse-chats.converse-overlayed #controlbox {
13660
        margin-left: -15px
13661
    }
13662
}
13663
 
13664
.conversejs converse-chats.converse-overlayed #controlbox .login-trusted {
13665
    white-space: nowrap;
13666
    font-size: 90%
13667
}
13668
 
13669
.conversejs converse-chats.converse-overlayed #controlbox #converse-login-trusted {
13670
    margin-top: .5em
13671
}
13672
 
13673
.conversejs converse-chats.converse-overlayed #controlbox:not(.logged-out) .controlbox-head {
13674
    height: 15px
13675
}
13676
 
13677
.conversejs converse-chats.converse-overlayed #controlbox #converse-register,
13678
.conversejs converse-chats.converse-overlayed #controlbox #converse-login {
13679
    flex: 0 0 100%;
13680
    max-width: 100%;
13681
    padding-bottom: 0
13682
}
13683
 
13684
.conversejs converse-chats.converse-overlayed #controlbox #converse-register .button-cancel {
13685
    font-size: 90%
13686
}
13687
 
13688
.conversejs converse-chats.converse-overlayed .brand-heading {
13689
    padding-top: .8rem;
13690
    padding-left: .8rem;
13691
    width: 100%
13692
}
13693
 
13694
.conversejs converse-chats.converse-overlayed .converse-svg-logo {
13695
    height: 1em
13696
}
13697
 
13698
.conversejs converse-chats.converse-overlayed #controlbox #converse-login-panel {
13699
    height: 100%
13700
}
13701
 
13702
.conversejs converse-chats.converse-overlayed #controlbox .controlbox-panes {
13703
    margin-top: .5em
13704
}
13705
 
13706
.conversejs converse-chats.converse-embedded .controlbox-panes,
13707
.conversejs converse-chats.converse-fullscreen .controlbox-panes {
13708
    border-right: .2rem solid var(--panel-divider-color)
13709
}
13710
 
13711
.conversejs converse-chats.converse-embedded .toggle-controlbox,
13712
.conversejs converse-chats.converse-fullscreen .toggle-controlbox {
13713
    display: none
13714
}
13715
 
13716
.conversejs converse-chats.converse-embedded #controlbox,
13717
.conversejs converse-chats.converse-fullscreen #controlbox,
13718
.conversejs converse-chats.converse-mobile #controlbox {
13719
    position: relative;
13720
    width: 100%;
13721
    padding-right: 15px;
13722
    padding-left: 15px;
13723
    margin: 0
13724
}
13725
 
13726
@media(min-width: 768px) {
13727
 
13728
    .conversejs converse-chats.converse-embedded #controlbox,
13729
    .conversejs converse-chats.converse-fullscreen #controlbox,
13730
    .conversejs converse-chats.converse-mobile #controlbox {
13731
        flex: 0 0 33.33333333%;
13732
        max-width: 33.33333333%
13733
    }
13734
}
13735
 
13736
@media(min-width: 992px) {
13737
 
13738
    .conversejs converse-chats.converse-embedded #controlbox,
13739
    .conversejs converse-chats.converse-fullscreen #controlbox,
13740
    .conversejs converse-chats.converse-mobile #controlbox {
13741
        flex: 0 0 25%;
13742
        max-width: 25%
13743
    }
13744
}
13745
 
13746
@media(min-width: 1200px) {
13747
 
13748
    .conversejs converse-chats.converse-embedded #controlbox,
13749
    .conversejs converse-chats.converse-fullscreen #controlbox,
13750
    .conversejs converse-chats.converse-mobile #controlbox {
13751
        flex: 0 0 16.66666667%;
13752
        max-width: 16.66666667%
13753
    }
13754
}
13755
 
13756
.conversejs converse-chats.converse-embedded #controlbox.logged-out,
13757
.conversejs converse-chats.converse-fullscreen #controlbox.logged-out,
13758
.conversejs converse-chats.converse-mobile #controlbox.logged-out {
13759
    flex: 0 0 100%;
13760
    max-width: 100%
13761
}
13762
 
13763
.conversejs converse-chats.converse-embedded #controlbox .flyout,
13764
.conversejs converse-chats.converse-fullscreen #controlbox .flyout,
13765
.conversejs converse-chats.converse-mobile #controlbox .flyout {
13766
    border-radius: 0
13767
}
13768
 
13769
.conversejs converse-chats.converse-embedded #controlbox #converse-login-panel,
13770
.conversejs converse-chats.converse-fullscreen #controlbox #converse-login-panel,
13771
.conversejs converse-chats.converse-mobile #controlbox #converse-login-panel {
13772
    border-radius: 0
13773
}
13774
 
13775
.conversejs converse-chats.converse-embedded #controlbox #converse-login-panel .converse-form,
13776
.conversejs converse-chats.converse-fullscreen #controlbox #converse-login-panel .converse-form,
13777
.conversejs converse-chats.converse-mobile #controlbox #converse-login-panel .converse-form {
13778
    padding: 3em 2em 3em
13779
}
13780
 
13781
.conversejs converse-chats.converse-embedded #controlbox .toggle-register-login,
13782
.conversejs converse-chats.converse-fullscreen #controlbox .toggle-register-login,
13783
.conversejs converse-chats.converse-mobile #controlbox .toggle-register-login {
13784
    line-height: var(--line-height-huge)
13785
}
13786
 
13787
.conversejs converse-chats.converse-embedded #controlbox converse-brand-logo,
13788
.conversejs converse-chats.converse-fullscreen #controlbox converse-brand-logo,
13789
.conversejs converse-chats.converse-mobile #controlbox converse-brand-logo {
13790
    flex: 0 0 100%;
13791
    max-width: 100%;
13792
    margin-top: 5em;
13793
    margin-bottom: 1em
13794
}
13795
 
13796
.conversejs converse-chats.converse-embedded #controlbox converse-brand-logo .brand-heading,
13797
.conversejs converse-chats.converse-fullscreen #controlbox converse-brand-logo .brand-heading,
13798
.conversejs converse-chats.converse-mobile #controlbox converse-brand-logo .brand-heading {
13799
    width: 100%;
13800
    font-size: 500%;
13801
    padding: .7em 0 0 0;
13802
    opacity: .8;
13803
    color: var(--brand-heading-color)
13804
}
13805
 
13806
.conversejs converse-chats.converse-embedded #controlbox converse-brand-logo .brand-subtitle,
13807
.conversejs converse-chats.converse-fullscreen #controlbox converse-brand-logo .brand-subtitle,
13808
.conversejs converse-chats.converse-mobile #controlbox converse-brand-logo .brand-subtitle {
13809
    font-size: 90%;
13810
    padding: .5em
13811
}
13812
 
13813
@media screen and (max-width: 480px) {
13814
 
13815
    .conversejs converse-chats.converse-embedded #controlbox converse-brand-logo .brand-heading,
13816
    .conversejs converse-chats.converse-fullscreen #controlbox converse-brand-logo .brand-heading,
13817
    .conversejs converse-chats.converse-mobile #controlbox converse-brand-logo .brand-heading {
13818
        font-size: 300%
13819
    }
13820
}
13821
 
13822
.conversejs converse-chats.converse-embedded #controlbox.logged-out,
13823
.conversejs converse-chats.converse-fullscreen #controlbox.logged-out,
13824
.conversejs converse-chats.converse-mobile #controlbox.logged-out {
13825
    flex: 0 0 100%;
13826
    max-width: 100%;
13827
    opacity: 0;
13828
    animation-name: fadein;
13829
    animation-fill-mode: forwards;
13830
    animation-duration: .5s;
13831
    animation-timing-function: ease;
13832
    width: 100%
13833
}
13834
 
13835
.conversejs converse-chats.converse-embedded #controlbox.logged-out .box-flyout,
13836
.conversejs converse-chats.converse-fullscreen #controlbox.logged-out .box-flyout,
13837
.conversejs converse-chats.converse-mobile #controlbox.logged-out .box-flyout {
13838
    width: 100%
13839
}
13840
 
13841
.conversejs converse-chats.converse-embedded #controlbox .box-flyout,
13842
.conversejs converse-chats.converse-fullscreen #controlbox .box-flyout,
13843
.conversejs converse-chats.converse-mobile #controlbox .box-flyout {
13844
    border: 0;
13845
    width: 100%;
13846
    z-index: 1;
13847
    background-color: var(--controlbox-head-color)
13848
}
13849
 
13850
.conversejs converse-chats.converse-embedded #controlbox .box-flyout .controlbox-head,
13851
.conversejs converse-chats.converse-fullscreen #controlbox .box-flyout .controlbox-head,
13852
.conversejs converse-chats.converse-mobile #controlbox .box-flyout .controlbox-head {
13853
    display: none
13854
}
13855
 
13856
.conversejs converse-chats.converse-embedded #controlbox #converse-register,
13857
.conversejs converse-chats.converse-embedded #controlbox #converse-login,
13858
.conversejs converse-chats.converse-fullscreen #controlbox #converse-register,
13859
.conversejs converse-chats.converse-fullscreen #controlbox #converse-login,
13860
.conversejs converse-chats.converse-mobile #controlbox #converse-register,
13861
.conversejs converse-chats.converse-mobile #controlbox #converse-login {
13862
    position: relative;
13863
    width: 100%;
13864
    padding-right: 15px;
13865
    padding-left: 15px;
13866
    flex: 0 0 66.66666667%;
13867
    max-width: 66.66666667%;
13868
    margin-left: 16.66666667%
13869
}
13870
 
13871
@media(min-width: 576px) {
13872
 
13873
    .conversejs converse-chats.converse-embedded #controlbox #converse-register,
13874
    .conversejs converse-chats.converse-embedded #controlbox #converse-login,
13875
    .conversejs converse-chats.converse-fullscreen #controlbox #converse-register,
13876
    .conversejs converse-chats.converse-fullscreen #controlbox #converse-login,
13877
    .conversejs converse-chats.converse-mobile #controlbox #converse-register,
13878
    .conversejs converse-chats.converse-mobile #controlbox #converse-login {
13879
        flex: 0 0 66.66666667%;
13880
        max-width: 66.66666667%;
13881
        margin-left: 16.66666667%
13882
    }
13883
}
13884
 
13885
@media(min-width: 768px) {
13886
 
13887
    .conversejs converse-chats.converse-embedded #controlbox #converse-register,
13888
    .conversejs converse-chats.converse-embedded #controlbox #converse-login,
13889
    .conversejs converse-chats.converse-fullscreen #controlbox #converse-register,
13890
    .conversejs converse-chats.converse-fullscreen #controlbox #converse-login,
13891
    .conversejs converse-chats.converse-mobile #controlbox #converse-register,
13892
    .conversejs converse-chats.converse-mobile #controlbox #converse-login {
13893
        flex: 0 0 66.66666667%;
13894
        max-width: 66.66666667%;
13895
        margin-left: 16.66666667%
13896
    }
13897
}
13898
 
13899
@media(min-width: 992px) {
13900
 
13901
    .conversejs converse-chats.converse-embedded #controlbox #converse-register,
13902
    .conversejs converse-chats.converse-embedded #controlbox #converse-login,
13903
    .conversejs converse-chats.converse-fullscreen #controlbox #converse-register,
13904
    .conversejs converse-chats.converse-fullscreen #controlbox #converse-login,
13905
    .conversejs converse-chats.converse-mobile #controlbox #converse-register,
13906
    .conversejs converse-chats.converse-mobile #controlbox #converse-login {
13907
        flex: 0 0 50%;
13908
        max-width: 50%;
13909
        margin-left: 25%
13910
    }
13911
}
13912
 
13913
.conversejs converse-chats.converse-embedded #controlbox #converse-register .title,
13914
.conversejs converse-chats.converse-embedded #controlbox #converse-register .instructions,
13915
.conversejs converse-chats.converse-embedded #controlbox #converse-login .title,
13916
.conversejs converse-chats.converse-embedded #controlbox #converse-login .instructions,
13917
.conversejs converse-chats.converse-fullscreen #controlbox #converse-register .title,
13918
.conversejs converse-chats.converse-fullscreen #controlbox #converse-register .instructions,
13919
.conversejs converse-chats.converse-fullscreen #controlbox #converse-login .title,
13920
.conversejs converse-chats.converse-fullscreen #controlbox #converse-login .instructions,
13921
.conversejs converse-chats.converse-mobile #controlbox #converse-register .title,
13922
.conversejs converse-chats.converse-mobile #controlbox #converse-register .instructions,
13923
.conversejs converse-chats.converse-mobile #controlbox #converse-login .title,
13924
.conversejs converse-chats.converse-mobile #controlbox #converse-login .instructions {
13925
    margin: 1em 0
13926
}
13927
 
13928
.conversejs converse-chats.converse-embedded #controlbox #converse-register input[type=submit],
13929
.conversejs converse-chats.converse-embedded #controlbox #converse-register input[type=button],
13930
.conversejs converse-chats.converse-embedded #controlbox #converse-login input[type=submit],
13931
.conversejs converse-chats.converse-embedded #controlbox #converse-login input[type=button],
13932
.conversejs converse-chats.converse-fullscreen #controlbox #converse-register input[type=submit],
13933
.conversejs converse-chats.converse-fullscreen #controlbox #converse-register input[type=button],
13934
.conversejs converse-chats.converse-fullscreen #controlbox #converse-login input[type=submit],
13935
.conversejs converse-chats.converse-fullscreen #controlbox #converse-login input[type=button],
13936
.conversejs converse-chats.converse-mobile #controlbox #converse-register input[type=submit],
13937
.conversejs converse-chats.converse-mobile #controlbox #converse-register input[type=button],
13938
.conversejs converse-chats.converse-mobile #controlbox #converse-login input[type=submit],
13939
.conversejs converse-chats.converse-mobile #controlbox #converse-login input[type=button] {
13940
    width: auto
13941
}
13942
 
13943
.conversejs converse-chats.converse-fullscreen #controlbox {
13944
    margin-left: -15px
13945
}
13946
 
13947
@media screen and (max-width: 480px) {
13948
    .conversejs converse-chats.converse-fullscreen #controlbox {
13949
        margin-left: 0
13950
    }
13951
}
13952
 
13953
@media(max-width: 767.98px) {
13954
    .conversejs converse-chats.converse-fullscreen #controlbox {
13955
        margin-left: 0
13956
    }
13957
}
13958
 
13959
.conversejs converse-chats.converse-fullscreen .controlbox-panes {
13960
    padding-top: 2em
13961
}
13962
 
13963
@media(max-width: 767.98px) {
13964
    .conversejs {
13965
        left: 0;
13966
        right: 0;
13967
        padding-left: env(safe-area-inset-left);
13968
        padding-right: env(safe-area-inset-right)
13969
    }
13970
 
13971
    .conversejs .converse-chatboxes {
13972
        margin: 0 !important;
13973
        flex-direction: row !important;
13974
        justify-content: space-between
13975
    }
13976
 
13977
    .conversejs .converse-chatboxes .converse-chatroom {
13978
        font-size: 14px
13979
    }
13980
 
13981
    .conversejs .converse-chatboxes .chatbox .box-flyout {
13982
        left: 0;
13983
        bottom: 0;
13984
        border-radius: 0;
13985
        width: 100vw !important;
13986
        height: var(--fullpage-chat-height)
13987
    }
13988
 
13989
    .conversejs .converse-chatboxes #controlbox {
13990
        margin-left: 0;
13991
        width: 100vw !important
13992
    }
13993
 
13994
    .conversejs .converse-chatboxes #controlbox .box-flyout {
13995
        width: 100vw !important;
13996
        height: var(--fullpage-chat-height);
13997
        margin-right: -15px
13998
    }
13999
 
14000
    .conversejs .converse-chatboxes #controlbox .sidebar {
14001
        display: block
14002
    }
14003
 
14004
    .conversejs .converse-chatboxes.sidebar-open .chatbox:not(#controlbox) {
14005
        display: none
14006
    }
14007
 
14008
    .conversejs .converse-chatboxes.sidebar-open #controlbox .controlbox-pane {
14009
        display: block
14010
    }
14011
}
14012
 
14013
.conversejs #controlbox .controlbox-head {
14014
    display: flex;
14015
    flex-direction: row-reverse;
14016
    flex-wrap: nowrap;
14017
    justify-content: space-between;
14018
    min-height: 0
14019
}
14020
 
14021
.conversejs #controlbox .controlbox-head .brand-heading {
14022
    color: var(--controlbox-text-color);
14023
    font-size: 2em
14024
}
14025
 
14026
.conversejs #controlbox .controlbox-head .chatbox-btn {
14027
    margin: 0
14028
}
14029
 
14030
.conversejs #controlbox .controlbox-head .chatbox-btn converse-icon svg {
14031
    fill: var(--controlbox-head-btn-color)
14032
}
14033
 
14034
.conversejs .chatbox.headlines .chat-body {
14035
    background-color: var(--background)
14036
}
14037
 
14038
.conversejs .chatbox.headlines .chat-body .chat-message {
14039
    color: var(--headline-message-color)
14040
}
14041
 
14042
.conversejs .chatbox.headlines .chat-body hr {
14043
    border-bottom: var(--headline-separator-border-bottom)
14044
}
14045
 
14046
.conversejs .chatbox.headlines .chat-content {
14047
    height: 100%
14048
}
14049
 
14050
.conversejs .message.chat-msg.headline .chat-msg__body {
14051
    margin-left: 0
14052
}
14053
 
14054
.conversejs #controlbox .controlbox-section .controlbox-heading--headline {
14055
    color: var(--headlines-head-text-color)
14056
}
14057
 
14058
.conversejs converse-chats.converse-fullscreen .chatbox.headlines .box-flyout {
14059
    background-color: var(--headlines-head-text-color)
14060
}
14061
 
14062
.conversejs converse-chats.converse-fullscreen .chatbox.headlines .flyout {
14063
    border-color: var(--headlines-head-text-color)
14064
}
14065
 
14066
.conversejs .chatbox.headlines converse-headlines-heading.chat-head {
14067
    background-color: var(--headlines-head-bg-color)
14068
}
14069
 
14070
.conversejs .chatbox.headlines converse-headlines-heading.chat-head .chatbox-title--no-desc {
14071
    padding: .75rem 1rem
14072
}
14073
 
14074
.conversejs .chatbox.headlines converse-headlines-heading.chat-head.chat-head-chatbox {
14075
    background-color: var(--headlines-head-bg-color);
14076
    border-bottom: var(--headlines-head-border-bottom)
14077
}
14078
 
14079
.conversejs .chatbox.headlines converse-headlines-heading.chat-head .chatbox-title__text {
14080
    color: var(--headlines-head-text-color) !important
14081
}
14082
 
14083
.conversejs .chatbox.headlines converse-headlines-heading.chat-head converse-dropdown .dropdown-menu converse-icon svg {
14084
    fill: var(--headlines-color)
14085
}
14086
 
14087
.conversejs .chatbox.headlines converse-headlines-heading.chat-head .chatbox-btn converse-icon svg {
14088
    fill: var(--headlines-head-fg-color)
14089
}
14090
 
14091
.conversejs .chatbox.headlines converse-chats.converse-fullscreen .chatbox.headlines .chat-head.chat-head-chatbox {
14092
    background-color: var(--headlines-head-bg-color)
14093
}
14094
 
14095
converse-mam-placeholder .mam-placeholder {
14096
    position: relative;
14097
    height: 2em;
14098
    margin: .5em 0
14099
}
14100
 
14101
converse-mam-placeholder .mam-placeholder:before,
14102
converse-mam-placeholder .mam-placeholder:after {
14103
    content: "";
14104
    display: block;
14105
    position: absolute;
14106
    left: 0;
14107
    right: 0
14108
}
14109
 
14110
converse-mam-placeholder .mam-placeholder:before {
14111
    height: 1em;
14112
    top: 1em;
14113
    background: linear-gradient(-135deg, lightgray 0.5em, transparent 0) 0 .5em, linear-gradient(135deg, lightgray 0.5em, transparent 0) 0 .5em;
14114
    background-position: top left;
14115
    background-repeat: repeat-x;
14116
    background-size: 1em 1em
14117
}
14118
 
14119
converse-mam-placeholder .mam-placeholder:after {
14120
    height: 1em;
14121
    top: .75em;
14122
    background: linear-gradient(-135deg, var(--chat-background-color) 0.5em, transparent 0) 0 .5em, linear-gradient(135deg, var(--chat-background-color) 0.5em, transparent 0) 0 .5em;
14123
    background-position: top left;
14124
    background-repeat: repeat-x;
14125
    background-size: 1em 1em
14126
}
14127
 
14128
converse-muc-nickname-form {
14129
    width: 100%
14130
}
14131
 
14132
.conversejs converse-muc.chatroom converse-muc-bottom-panel.bottom-panel {
14133
    display: contents;
14134
    height: 3em;
14135
    padding: .5em;
14136
    text-align: center;
14137
    font-size: var(--font-size-small);
14138
    background-color: var(--chatroom-head-bg-color);
14139
    color: #fff
14140
}
14141
 
14142
.conversejs converse-muc.chatroom converse-muc-bottom-panel.bottom-panel.muc-bottom-panel--muted {
14143
    height: 4em;
14144
    width: 100%
14145
}
14146
 
14147
.conversejs converse-muc.chatroom converse-muc-bottom-panel.bottom-panel.muc-bottom-panel--nickname {
14148
    padding: 0;
14149
    height: 16em
14150
}
14151
 
14152
.conversejs converse-muc.chatroom converse-muc-bottom-panel.bottom-panel.muc-bottom-panel--nickname .muc-form-container .chatroom-form {
14153
    padding-top: 2em;
14154
    padding-bottom: 0
14155
}
14156
 
14157
.conversejs converse-muc.chatroom converse-muc-bottom-panel.bottom-panel .sendXMPPMessage .suggestion-box__results--above {
14158
    bottom: 4.5em
14159
}
14160
 
14161
.conversejs converse-muc.chatroom converse-muc-bottom-panel.bottom-panel .sendXMPPMessage .chat-textarea:active,
14162
.conversejs converse-muc.chatroom converse-muc-bottom-panel.bottom-panel .sendXMPPMessage .chat-textarea:focus,
14163
.conversejs converse-muc.chatroom converse-muc-bottom-panel.bottom-panel .sendXMPPMessage input:active,
14164
.conversejs converse-muc.chatroom converse-muc-bottom-panel.bottom-panel .sendXMPPMessage input:focus {
14165
    outline-color: var(--chatroom-head-bg-color) !important
14166
}
14167
 
14168
.conversejs converse-muc.chatroom converse-muc-bottom-panel.bottom-panel .sendXMPPMessage .chat-textarea.correcting,
14169
.conversejs converse-muc.chatroom converse-muc-bottom-panel.bottom-panel .sendXMPPMessage input.correcting {
14170
    background-color: var(--chatroom-correcting-color)
14171
}
14172
 
14173
.conversejs converse-muc.chatroom converse-muc-bottom-panel.bottom-panel .sendXMPPMessage .chat-textarea {
14174
    width: 100%;
14175
    border: none;
14176
    border-bottom-right-radius: 0
14177
}
14178
 
14179
.conversejs .chat-status {
14180
    vertical-align: middle;
14181
    margin-right: 0;
14182
    border-radius: 50%;
14183
    font-size: 1em
14184
}
14185
 
14186
.conversejs .chat-status.chat-status--avatar {
14187
    font-size: .6rem;
14188
    margin-left: -0.7em;
14189
    margin-bottom: -1.9em;
14190
    border-radius: 50%
14191
}
14192
 
14193
.conversejs .chat-status--offline {
14194
    margin-right: .8em
14195
}
14196
 
14197
.conversejs .chat-status--online {
14198
    color: var(--chat-status-online)
14199
}
14200
 
14201
.conversejs .chat-status--online svg {
14202
    fill: var(--chat-status-online)
14203
}
14204
 
14205
.conversejs .chat-status--busy {
14206
    color: var(--chat-status-busy)
14207
}
14208
 
14209
.conversejs .chat-status--busy svg {
14210
    fill: var(--chat-status-busy)
14211
}
14212
 
14213
.conversejs .chat-status--away {
14214
    color: var(--chat-status-away)
14215
}
14216
 
14217
.conversejs .chat-status--away svg {
14218
    fill: var(--chat-status-away)
14219
}
14220
 
14221
.conversejs .chat-status--offline {
14222
    display: none
14223
}
14224
 
14225
.conversejs converse-muc.chatroom .chat-status--avatar {
14226
    background: var(--occupants-background-color);
14227
    border: 1px solid var(--occupants-background-color)
14228
}
14229
 
14230
.conversejs converse-muc.chatroom .badge-groupchat {
14231
    background-color: var(--groupchats-header-color)
14232
}
14233
 
14234
.conversejs converse-muc.chatroom .box-flyout .occupants {
14235
    display: flex;
14236
    flex-direction: column;
14237
    justify-content: space-between;
14238
    overflow-x: hidden;
14239
    overflow-y: hidden;
14240
    vertical-align: top;
14241
    background-color: var(--occupants-background-color);
14242
    border-left: var(--occupants-border-left);
14243
    padding: .5em;
14244
    max-width: 75%;
14245
    min-width: 20%;
14246
    flex: 0 0 25%
14247
}
14248
 
14249
.conversejs converse-muc.chatroom .box-flyout .occupants .occupants-header--title {
14250
    display: flex;
14251
    flex-direction: row;
14252
    margin-bottom: .5em
14253
}
14254
 
14255
.conversejs converse-muc.chatroom .box-flyout .occupants .occupants-header--title .hide-occupants {
14256
    align-self: flex-end;
14257
    cursor: pointer;
14258
    font-size: var(--font-size-small)
14259
}
14260
 
14261
.conversejs converse-muc.chatroom .box-flyout .occupants .fa-user-plus {
14262
    margin-right: .25em
14263
}
14264
 
14265
.conversejs converse-muc.chatroom .box-flyout .occupants .occupants-heading {
14266
    width: 100%;
14267
    font-family: var(--heading-font);
14268
    color: var(--groupchats-header-color-dark);
14269
    padding-left: 0;
14270
    margin-right: 1em
14271
}
14272
 
14273
.conversejs converse-muc.chatroom .box-flyout .occupants .suggestion-box ul {
14274
    padding: 0
14275
}
14276
 
14277
.conversejs converse-muc.chatroom .box-flyout .occupants .suggestion-box ul li {
14278
    padding: .5em
14279
}
14280
 
14281
.conversejs converse-muc.chatroom .box-flyout .occupants ul {
14282
    padding: 0;
14283
    margin-bottom: .5em;
14284
    overflow-x: hidden;
14285
    overflow-y: auto;
14286
    list-style: none
14287
}
14288
 
14289
.conversejs converse-muc.chatroom .box-flyout .occupants ul.occupant-list {
14290
    overflow-y: auto;
14291
    flex-basis: 0;
14292
    flex-grow: 1
14293
}
14294
 
14295
.conversejs converse-muc.chatroom .box-flyout .occupants ul li {
14296
    cursor: default;
14297
    display: block;
14298
    font-size: var(--font-size-small);
14299
    overflow: hidden;
14300
    padding: .25em .25em .25em 0;
14301
    text-overflow: ellipsis
14302
}
14303
 
14304
.conversejs converse-muc.chatroom .box-flyout .occupants ul li .fa {
14305
    margin-right: .5em
14306
}
14307
 
14308
.conversejs converse-muc.chatroom .box-flyout .occupants ul li.feature {
14309
    font-size: var(--font-size-tiny)
14310
}
14311
 
14312
.conversejs converse-muc.chatroom .box-flyout .occupants ul li.occupant {
14313
    cursor: pointer;
14314
    color: var(--link-color)
14315
}
14316
 
14317
.conversejs converse-muc.chatroom .box-flyout .occupants ul li.occupant:hover {
14318
    color: var(--link-hover-color)
14319
}
14320
 
14321
.conversejs converse-muc.chatroom .box-flyout .occupants ul li.occupant .occupant-nick-badge {
14322
    display: flex;
14323
    justify-content: space-between;
14324
    flex-wrap: wrap
14325
}
14326
 
14327
.conversejs converse-muc.chatroom .box-flyout .occupants ul li.occupant .occupant-nick-badge .occupant-badges {
14328
    display: flex;
14329
    justify-content: flex-end;
14330
    flex-wrap: wrap;
14331
    flex-direction: row
14332
}
14333
 
14334
.conversejs converse-muc.chatroom .box-flyout .occupants ul li.occupant .occupant-nick-badge .occupant-badges span {
14335
    height: 1.6em;
14336
    margin-right: .25rem
14337
}
14338
 
14339
.conversejs converse-muc.chatroom .box-flyout .occupants ul li.occupant div.row.no-gutters {
14340
    flex-wrap: nowrap;
14341
    min-height: 1.5em
14342
}
14343
 
14344
.conversejs converse-muc.chatroom .box-flyout .occupants ul li.occupant .badge {
14345
    margin-bottom: .125rem
14346
}
14347
 
14348
converse-muc-details-modal .features-list {
14349
    margin-left: 1em
14350
}
14351
 
14352
converse-muc-details-modal .room-info strong {
14353
    color: var(--muc-color)
14354
}
14355
 
14356
converse-muc-details-modal .chatroom-features {
14357
    width: 100%
14358
}
14359
 
14360
converse-muc-details-modal .chatroom-features .features-list {
14361
    padding-top: 0
14362
}
14363
 
14364
converse-muc-details-modal .chatroom-features .features-list .feature {
14365
    width: 100%;
14366
    margin-right: .5em;
14367
    padding-right: 0;
14368
    font-size: 1em;
14369
    cursor: help
14370
}
14371
 
14372
converse-muc-details-modal .chatroom-features .features-list .feature converse-icon {
14373
    margin-right: .5em
14374
}
14375
 
14376
converse-rich-text {
14377
    display: block
14378
}
14379
 
14380
.reason converse-rich-text {
14381
    display: inline-block
14382
}
14383
 
14384
.conversejs converse-muc.chatroom .chat-head-chatroom {
14385
    color: var(--chatroom-head-color);
14386
    background-color: var(--chatroom-head-bg-color);
14387
    border-bottom: var(--chatroom-head-border-bottom)
14388
}
14389
 
14390
.conversejs converse-muc.chatroom .chat-head-chatroom converse-controlbox-navback .fa-arrow-left svg {
14391
    fill: var(--chatroom-head-color)
14392
}
14393
 
14394
.conversejs converse-muc.chatroom .chat-head-chatroom .chat-head__desc {
14395
    color: var(--chatroom-head-color);
14396
    display: var(--chatroom-head-description-display)
14397
}
14398
 
14399
.conversejs converse-muc.chatroom .chat-head-chatroom .chat-head__desc a {
14400
    color: var(--chatroom-head-description-link-color)
14401
}
14402
 
14403
.conversejs converse-muc.chatroom .chat-head-chatroom .chat-head__desc:hover button {
14404
    display: inline-block
14405
}
14406
 
14407
.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-title .btn--transparent i {
14408
    color: var(--chatroom-head-color)
14409
}
14410
 
14411
.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-title .chatbox-title__text--bookmarked {
14412
    margin-left: .5em
14413
}
14414
 
14415
.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-title__buttons {
14416
    background-color: var(--chatroom-head-bg-color)
14417
}
14418
 
14419
.conversejs converse-muc.chatroom .chat-head-chatroom a.chatbox-btn.fa,
14420
.conversejs converse-muc.chatroom .chat-head-chatroom a:visited.chatbox-btn.fa,
14421
.conversejs converse-muc.chatroom .chat-head-chatroom a:hover.chatbox-btn.fa,
14422
.conversejs converse-muc.chatroom .chat-head-chatroom a:not([href]):not([tabindex]).chatbox-btn.fa {
14423
    color: var(--chatroom-head-color)
14424
}
14425
 
14426
.conversejs converse-muc.chatroom .chat-head-chatroom a.chatbox-btn.fa.button-on:before,
14427
.conversejs converse-muc.chatroom .chat-head-chatroom a:visited.chatbox-btn.fa.button-on:before,
14428
.conversejs converse-muc.chatroom .chat-head-chatroom a:hover.chatbox-btn.fa.button-on:before,
14429
.conversejs converse-muc.chatroom .chat-head-chatroom a:not([href]):not([tabindex]).chatbox-btn.fa.button-on:before {
14430
    color: var(--chatroom-head-fg-color)
14431
}
14432
 
14433
.conversejs converse-muc.chatroom .chat-head-chatroom converse-dropdown .dropdown-menu converse-icon svg {
14434
    fill: var(--chatroom-color)
14435
}
14436
 
14437
.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-btn converse-icon svg {
14438
    fill: var(--chatroom-head-fg-color)
14439
}
14440
 
14441
.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-title__text {
14442
    color: var(--chatroom-head-color);
14443
    display: var(--heading-display);
14444
    font-weight: var(--chatroom-head-title-font-weight);
14445
    margin: auto 0;
14446
    padding-right: var(--chatroom-head-title-padding-right);
14447
    white-space: nowrap
14448
}
14449
 
14450
.conversejs converse-muc.chatroom .chat-head-chatroom .chatbox-title__text .chatroom-jid {
14451
    font-size: var(--font-size-small)
14452
}
14453
 
14454
.conversejs,
14455
.conversejs-bg,
14456
#conversejs-bg,
14457
body.converse-fullscreen {
14458
    --avatar-border-radius: 10%;
14459
    --message-avatar-width: 36px;
14460
    --message-avatar-height: 36px;
14461
    --chatroom-width: 500px;
14462
    --send-button-height: 27px;
14463
    --send-button-margin: 3px;
14464
    --inline-action-margin: 0.75em;
14465
    --roster-height: 194px;
14466
    --button-border-radius: 5px;
14467
    --chatbox-border-radius: 4px;
14468
    --normal-font: "Helvetica", "Arial", sans-serif;
14469
    --heading-font: "Muli", normal;
14470
    --branding-font: "Baumans", cursive;
14471
    --font-size-tiny: 10px;
14472
    --font-size-small: 12px;
14473
    --font-size: 14px;
14474
    --font-size-large: 16px;
14475
    --font-size-huge: 20px;
14476
    --message-font-size: var(--font-size);
14477
    --line-height-small: 14px;
14478
    --line-height: 16px;
14479
    --line-height-large: 20px;
14480
    --line-height-huge: 27px;
14481
    --embedded-emoji-picker-height: 300px;
14482
    --chat-gutter: 0.5em;
14483
    --occupants-padding: 1em;
14484
    --minimized-chats-width: 130px;
14485
    --mobile-chat-width: 100%;
14486
    --mobile-chat-height: 400px;
14487
    --overlayed-chat-head-height: 55px;
14488
    --overlayed-chat-height: 450px;
14489
    --overlayed-chat-width: 300px;
14490
    --overlayed-chatbox-hover-height: 1em;
14491
    --overlayed-emoji-picker-height: 200px;
14492
    --overlayed-max-chat-textarea-height: 200px;
14493
    --list-toggle-font-weight: normal
14494
}
14495
 
14496
.conversejs #controlbox #chatrooms {
14497
    padding: 0
14498
}
14499
 
14500
.conversejs #controlbox #chatrooms .add-chatroom {
14501
    margin: 0;
14502
    padding: 0
14503
}
14504
 
14505
.conversejs #controlbox #chatrooms .add-chatroom input[type=button],
14506
.conversejs #controlbox #chatrooms .add-chatroom input[type=submit],
14507
.conversejs #controlbox #chatrooms .add-chatroom input[type=text] {
14508
    width: 100%
14509
}
14510
 
14511
.conversejs #controlbox .open-rooms-toggle,
14512
.conversejs #controlbox .open-rooms-toggle .fa {
14513
    color: var(--groupchats-header-color) !important
14514
}
14515
 
14516
.conversejs #controlbox .open-rooms-toggle:hover,
14517
.conversejs #controlbox .open-rooms-toggle .fa:hover {
14518
    color: var(--chatroom-head-bg-color-dark) !important
14519
}
14520
 
14521
.conversejs #controlbox .open-rooms-toggle {
14522
    white-space: nowrap
14523
}
14524
 
14525
.conversejs,
14526
.conversejs-bg,
14527
#conversejs-bg,
14528
body.converse-fullscreen {
14529
    --avatar-border-radius: 10%;
14530
    --message-avatar-width: 36px;
14531
    --message-avatar-height: 36px;
14532
    --chatroom-width: 500px;
14533
    --send-button-height: 27px;
14534
    --send-button-margin: 3px;
14535
    --inline-action-margin: 0.75em;
14536
    --roster-height: 194px;
14537
    --button-border-radius: 5px;
14538
    --chatbox-border-radius: 4px;
14539
    --normal-font: "Helvetica", "Arial", sans-serif;
14540
    --heading-font: "Muli", normal;
14541
    --branding-font: "Baumans", cursive;
14542
    --font-size-tiny: 10px;
14543
    --font-size-small: 12px;
14544
    --font-size: 14px;
14545
    --font-size-large: 16px;
14546
    --font-size-huge: 20px;
14547
    --message-font-size: var(--font-size);
14548
    --line-height-small: 14px;
14549
    --line-height: 16px;
14550
    --line-height-large: 20px;
14551
    --line-height-huge: 27px;
14552
    --embedded-emoji-picker-height: 300px;
14553
    --chat-gutter: 0.5em;
14554
    --occupants-padding: 1em;
14555
    --minimized-chats-width: 130px;
14556
    --mobile-chat-width: 100%;
14557
    --mobile-chat-height: 400px;
14558
    --overlayed-chat-head-height: 55px;
14559
    --overlayed-chat-height: 450px;
14560
    --overlayed-chat-width: 300px;
14561
    --overlayed-chatbox-hover-height: 1em;
14562
    --overlayed-emoji-picker-height: 200px;
14563
    --overlayed-max-chat-textarea-height: 200px;
14564
    --list-toggle-font-weight: normal
14565
}
14566
 
14567
.conversejs .chatbox {
14568
    text-align: left;
14569
    margin: 0 var(--chat-gutter)
14570
}
14571
 
14572
@media screen and (max-height: 450px) {
14573
    .conversejs .chatbox {
14574
        margin: 0;
14575
        width: var(--mobile-chat-width)
14576
    }
14577
}
14578
 
14579
@media screen and (max-width: 480px) {
14580
    .conversejs .chatbox {
14581
        margin: 0;
14582
        width: var(--mobile-chat-width)
14583
    }
14584
}
14585
 
14586
.conversejs .chatbox converse-controlbox-navback {
14587
    display: none
14588
}
14589
 
14590
.conversejs .chatbox .flyout {
14591
    position: absolute
14592
}
14593
 
14594
@media screen and (max-height: 450px) {
14595
    .conversejs .chatbox .flyout {
14596
        border-radius: 0
14597
    }
14598
}
14599
 
14600
@media screen and (max-width: 480px) {
14601
    .conversejs .chatbox .flyout {
14602
        border-radius: 0
14603
    }
14604
}
14605
 
14606
@media screen and (max-height: 450px) {
14607
    .conversejs .chatbox .flyout {
14608
        bottom: 0
14609
    }
14610
}
14611
 
14612
@media screen and (max-width: 480px) {
14613
    .conversejs .chatbox .flyout {
14614
        bottom: 0
14615
    }
14616
}
14617
 
14618
.conversejs .chatbox .chatbox-btn {
14619
    border-radius: 25%;
14620
    border: none;
14621
    cursor: pointer;
14622
    font-size: var(--chatbox-button-size);
14623
    margin: 0 .2em;
14624
    padding: 0 0 0 .5em;
14625
    text-decoration: none
14626
}
14627
 
14628
.conversejs .chatbox .chatbox-btn:active {
14629
    position: relative;
14630
    top: 1px
14631
}
14632
 
14633
.conversejs .chatbox .box-flyout {
14634
    display: flex;
14635
    flex-direction: column;
14636
    justify-content: space-between;
14637
    box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, .4);
14638
    z-index: 2;
14639
    overflow: hidden;
14640
    width: 100%
14641
}
14642
 
14643
@media screen and (max-height: 450px) {
14644
    .conversejs .chatbox .box-flyout {
14645
        height: var(--mobile-chat-height);
14646
        width: var(--mobile-chat-width);
14647
        height: var(--fullpage-chat-height)
14648
    }
14649
}
14650
 
14651
@media screen and (max-width: 480px) {
14652
    .conversejs .chatbox .box-flyout {
14653
        height: var(--mobile-chat-height);
14654
        width: var(--mobile-chat-width);
14655
        height: var(--fullpage-chat-height)
14656
    }
14657
}
14658
 
14659
.conversejs .chatbox .chat-title {
14660
    display: var(--heading-display);
14661
    font-family: var(--heading-font);
14662
    color: var(--heading-color);
14663
    display: block;
14664
    line-height: var(--line-height-large);
14665
    overflow: hidden;
14666
    text-overflow: ellipsis;
14667
    white-space: nowrap
14668
}
14669
 
14670
.conversejs .chatbox .chat-title.groupchat {
14671
    padding-right: var(--chatroom-head-title-padding-right)
14672
}
14673
 
14674
.conversejs .chatbox .chat-title a {
14675
    color: var(--chat-head-text-color);
14676
    width: 100%
14677
}
14678
 
14679
.conversejs .chatbox .chat-body {
14680
    display: flex;
14681
    flex-direction: column;
14682
    justify-content: space-between;
14683
    background-color: var(--chat-textarea-background-color);
14684
    border-bottom-left-radius: var(--chatbox-border-radius);
14685
    border-bottom-right-radius: var(--chatbox-border-radius);
14686
    border-top: 0;
14687
    height: 100%;
14688
    width: 100%;
14689
    overflow: hidden
14690
}
14691
 
14692
@media screen and (max-height: 450px) {
14693
    .conversejs .chatbox .chat-body {
14694
        border-bottom-left-radius: 0;
14695
        border-bottom-right-radius: 0
14696
    }
14697
}
14698
 
14699
@media screen and (max-width: 480px) {
14700
    .conversejs .chatbox .chat-body {
14701
        border-bottom-left-radius: 0;
14702
        border-bottom-right-radius: 0
14703
    }
14704
}
14705
 
14706
.conversejs .chatbox .chat-body p {
14707
    color: var(--text-color);
14708
    font-size: var(--message-font-size);
14709
    margin: 0;
14710
    padding: 5px
14711
}
14712
 
14713
.conversejs .chatbox .new-msgs-indicator {
14714
    position: relative;
14715
    width: 100%;
14716
    cursor: pointer;
14717
    background-color: var(--chat-head-color);
14718
    color: var(--light-background-color);
14719
    padding: .5em;
14720
    font-size: .9em;
14721
    text-align: center;
14722
    z-index: 20;
14723
    white-space: nowrap;
14724
    margin-bottom: .25em
14725
}
14726
 
14727
.conversejs .chatbox .chat-content {
14728
    background-color: var(--chat-content-background-color);
14729
    border: 0;
14730
    color: var(--text-color);
14731
    font-size: var(--message-font-size);
14732
    height: 100%;
14733
    line-height: 1.3em;
14734
    overflow: hidden;
14735
    padding: 0;
14736
    display: flex;
14737
    flex-direction: column;
14738
    justify-content: space-between
14739
}
14740
 
14741
.conversejs .chatbox .chat-content converse-chat-message .spinner {
14742
    width: 100%;
14743
    overflow-y: hidden
14744
}
14745
 
14746
.conversejs .chatbox .chat-content .chat-content__help {
14747
    max-height: 100%
14748
}
14749
 
14750
.conversejs .chatbox .chat-content .chat-content__help converse-chat-help {
14751
    border-top: 1px solid var(--chat-head-color);
14752
    display: block;
14753
    height: 100%;
14754
    overflow-y: auto;
14755
    padding: .5em 0
14756
}
14757
 
14758
.conversejs .chatbox .chat-content .chat-content__help .close-chat-help {
14759
    float: right;
14760
    padding-right: 1em;
14761
    cursor: pointer;
14762
    color: var(--chat-content-background-color)
14763
}
14764
 
14765
.conversejs .chatbox .chat-content .chat-content__help .close-chat-help svg {
14766
    fill: var(--chat-head-color)
14767
}
14768
 
14769
.conversejs .chatbox .chat-content .chat-content__messages {
14770
    overflow-x: hidden;
14771
    overflow-y: auto;
14772
    height: 100%
14773
}
14774
 
14775
.conversejs .chatbox .chat-content .chat-content__notifications {
14776
    height: 1.7em;
14777
    white-space: pre;
14778
    background-color: var(--chat-content-background-color);
14779
    color: var(--subdued-color);
14780
    font-size: 90%;
14781
    font-style: italic;
14782
    line-height: var(--line-height-small);
14783
    padding: 0 1em .3em
14784
}
14785
 
14786
.conversejs .chatbox .chat-content .chat-content__notifications:before {
14787
    content: " "
14788
}
14789
 
14790
.conversejs .chatbox .chat-content progress {
14791
    margin: .5em 0;
14792
    width: 100%
14793
}
14794
 
14795
.conversejs .chatbox .dragresize {
14796
    background: rgba(0, 0, 0, 0);
14797
    border: 0;
14798
    margin: 0;
14799
    position: absolute;
14800
    top: 0;
14801
    z-index: 20
14802
}
14803
 
14804
.conversejs .chatbox .dragresize-top {
14805
    cursor: n-resize;
14806
    height: 5px;
14807
    width: 100%
14808
}
14809
 
14810
.conversejs .chatbox .dragresize-left,
14811
.conversejs .chatbox .dragresize-occupants-left {
14812
    cursor: w-resize;
14813
    width: 5px;
14814
    height: 100%;
14815
    left: 0
14816
}
14817
 
14818
.conversejs .chatbox .dragresize-topleft {
14819
    cursor: nw-resize;
14820
    width: 15px;
14821
    height: 15px;
14822
    top: 0;
14823
    left: 0
14824
}
14825
 
14826
converse-muc-config-form {
14827
    width: 100%;
14828
    overflow: auto
14829
}
14830
 
14831
.conversejs .chatroom .box-flyout .muc-form-container {
14832
    background-color: var(--background);
14833
    border: 0;
14834
    color: var(--text-color);
14835
    font-size: var(--font-size);
14836
    height: 100%;
14837
    width: 100%;
14838
    overflow-y: auto
14839
}
14840
 
14841
.conversejs .chatroom .box-flyout .muc-form-container .validation-message {
14842
    font-size: 90%;
14843
    color: var(--error-color)
14844
}
14845
 
14846
.conversejs .chatroom .box-flyout .muc-form-container input[type=button],
14847
.conversejs .chatroom .box-flyout .muc-form-container input[type=submit] {
14848
    margin: 0 .5em
14849
}
14850
 
14851
.conversejs .chatroom .box-flyout .muc-form-container .button-primary {
14852
    background-color: var(--chatroom-head-fg-color)
14853
}
14854
 
14855
.conversejs .chatroom .box-flyout .chatroom-form {
14856
    display: flex;
14857
    flex-direction: column;
14858
    justify-content: center;
14859
    padding: 2em
14860
}
14861
 
14862
.conversejs .chatroom {
14863
    width: var(--chatroom-width)
14864
}
14865
 
14866
@media screen and (max-height: 450px) {
14867
    .conversejs .chatroom {
14868
        width: var(--mobile-chat-width)
14869
    }
14870
}
14871
 
14872
@media screen and (max-width: 480px) {
14873
    .conversejs .chatroom {
14874
        width: var(--mobile-chat-width)
14875
    }
14876
}
14877
 
14878
.conversejs .chatroom .box-flyout {
14879
    background-color: var(--chatroom-head-bg-color);
14880
    overflow-y: hidden;
14881
    width: var(--chatroom-width)
14882
}
14883
 
14884
@media screen and (max-height: 450px) {
14885
    .conversejs .chatroom .box-flyout {
14886
        height: var(--mobile-chat-height);
14887
        width: var(--mobile-chat-width);
14888
        height: var(--fullpage-chat-height)
14889
    }
14890
}
14891
 
14892
@media screen and (max-width: 480px) {
14893
    .conversejs .chatroom .box-flyout {
14894
        height: var(--mobile-chat-height);
14895
        width: var(--mobile-chat-width);
14896
        height: var(--fullpage-chat-height)
14897
    }
14898
}
14899
 
14900
.conversejs .chatroom .box-flyout .empty-history-feedback {
14901
    position: relative
14902
}
14903
 
14904
.conversejs .chatroom .box-flyout .empty-history-feedback span {
14905
    width: 100%;
14906
    text-align: center;
14907
    position: absolute;
14908
    margin-top: 50%
14909
}
14910
 
14911
.conversejs .chatroom .box-flyout .chatroom-body {
14912
    flex-direction: row;
14913
    flex-flow: nowrap;
14914
    background-color: var(--background);
14915
    border-top: 0;
14916
    height: 100%;
14917
    width: 100%;
14918
    overflow: hidden
14919
}
14920
 
14921
.conversejs .chatroom .box-flyout .chatroom-body converse-muc-chatarea {
14922
    width: 100%;
14923
    display: flex;
14924
    flex-direction: row;
14925
    flex-flow: nowrap
14926
}
14927
 
14928
.conversejs .chatroom .box-flyout .chatroom-body .row {
14929
    flex-direction: row
14930
}
14931
 
14932
.conversejs .chatroom .box-flyout .chatroom-body .chat-topic {
14933
    font-weight: bold;
14934
    color: var(--chatroom-head-bg-color)
14935
}
14936
 
14937
.conversejs .chatroom .box-flyout .chatroom-body .chat-info {
14938
    color: var(--chat-info-color);
14939
    line-height: normal
14940
}
14941
 
14942
.conversejs .chatroom .box-flyout .chatroom-body .chat-info.badge {
14943
    color: var(--chat-head-text-color)
14944
}
14945
 
14946
.conversejs .chatroom .box-flyout .chatroom-body .chat-info.chat-msg--retracted {
14947
    color: var(--subdued-color)
14948
}
14949
 
14950
.conversejs .chatroom .box-flyout .chatroom-body .disconnect-container {
14951
    margin: 1em;
14952
    width: 100%
14953
}
14954
 
14955
.conversejs .chatroom .box-flyout .chatroom-body .disconnect-container h3.disconnect-msg {
14956
    padding-bottom: 1em
14957
}
14958
 
14959
.conversejs .chatroom .box-flyout .chatroom-body .chat-area {
14960
    display: flex;
14961
    flex-direction: column;
14962
    flex: 0 1 100%;
14963
    justify-content: flex-end;
14964
    min-width: 25%;
14965
    word-wrap: break-word
14966
}
14967
 
14968
.conversejs .chatroom .box-flyout .chatroom-body .chat-area .new-msgs-indicator {
14969
    background-color: var(--chatroom-color)
14970
}
14971
 
14972
.conversejs .chatroom .box-flyout .chatroom-body .chat-area .chat-content {
14973
    height: 100%
14974
}
14975
 
14976
.conversejs .chatroom .box-flyout .chatroom-body .chat-area .chat-content__help converse-chat-help {
14977
    border-top: 1px solid var(--chatroom-color)
14978
}
14979
 
14980
.conversejs .chatroom .box-flyout .chatroom-body .chat-area .chat-content__help .close-chat-help svg {
14981
    fill: var(--chatroom-color)
14982
}
14983
 
14984
.conversejs .chatroom .room-invite .invited-contact {
14985
    margin: -1px 0 0 -1px;
14986
    width: 100%;
14987
    border: 1px solid #999
14988
}
14989
 
14990
converse-muc-disconnected,
14991
converse-muc-destroyed {
14992
    padding: 2em;
14993
    width: 100%;
14994
    height: 100%
14995
}
14996
 
14997
.conversejs.converse-embedded .badge--muc,
14998
.conversejs .badge--muc {
14999
    background-color: var(--groupchats-header-color)
15000
}
15001
 
15002
.conversejs.converse-embedded .add-chatroom input[type=submit],
15003
.conversejs.converse-embedded .add-chatroom input[type=button],
15004
.conversejs .add-chatroom input[type=submit],
15005
.conversejs .add-chatroom input[type=button] {
15006
    margin: .3em 0
15007
}
15008
 
15009
.conversejs converse-chats.converse-overlayed .chatbox.chatroom {
15010
    min-width: var(--chatroom-width) !important;
15011
    width: var(--chatroom-width)
15012
}
15013
 
15014
.conversejs converse-chats.converse-overlayed .chatbox.chatroom .box-flyout {
15015
    min-width: var(--chatroom-width) !important;
15016
    width: var(--chatroom-width)
15017
}
15018
 
15019
.conversejs converse-chats.converse-overlayed .chatbox.chatroom .chatbox-title__text {
15020
    flex: 0 0 83.33333333%;
15021
    max-width: 83.33333333%
15022
}
15023
 
15024
.conversejs converse-chats.converse-overlayed .chatbox.chatroom .chatbox-title__buttons {
15025
    flex: 0 0 16.66666667%;
15026
    max-width: 16.66666667%
15027
}
15028
 
15029
.conversejs converse-chats.converse-overlayed .chatbox.chatroom .chat-head__desc {
15030
    font-size: 80%;
15031
    margin-bottom: 1em
15032
}
15033
 
15034
.conversejs converse-chats.converse-overlayed .chatbox.chatroom .chatroom-body .occupants .occupants-heading {
15035
    padding: 0
15036
}
15037
 
15038
.conversejs converse-chats.converse-overlayed .chatbox.chatroom .chatroom-body .occupants .occupant-list {
15039
    border-bottom: none
15040
}
15041
 
15042
.conversejs converse-chats.converse-overlayed .chatbox.chatroom .chatroom-body .occupants ul .occupant .occupant-nick-badge .occupant-badges {
15043
    display: none
15044
}
15045
 
15046
.conversejs converse-chats.converse-overlayed .chatbox.chatroom .chatroom-body .chat-area {
15047
    min-width: var(--overlayed-chat-width)
15048
}
15049
 
15050
.conversejs converse-chats.converse-embedded .chatroom .box-flyout,
15051
.conversejs converse-chats.converse-fullscreen .chatroom .box-flyout,
15052
.conversejs converse-chats.converse-mobile .chatroom .box-flyout {
15053
    width: 100%
15054
}
15055
 
15056
.conversejs converse-chats.converse-embedded .chatroom .box-flyout .chatroom-body .chat-area.full .new-msgs-indicator,
15057
.conversejs converse-chats.converse-fullscreen .chatroom .box-flyout .chatroom-body .chat-area.full .new-msgs-indicator,
15058
.conversejs converse-chats.converse-mobile .chatroom .box-flyout .chatroom-body .chat-area.full .new-msgs-indicator {
15059
    max-width: 100%
15060
}
15061
 
15062
.conversejs converse-chats.converse-embedded .chatroom .box-flyout .chatroom-body .occupants,
15063
.conversejs converse-chats.converse-fullscreen .chatroom .box-flyout .chatroom-body .occupants,
15064
.conversejs converse-chats.converse-mobile .chatroom .box-flyout .chatroom-body .occupants {
15065
    padding: var(--occupants-padding)
15066
}
15067
 
15068
.conversejs converse-chats.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .occupants-heading,
15069
.conversejs converse-chats.converse-fullscreen .chatroom .box-flyout .chatroom-body .occupants .occupants-heading,
15070
.conversejs converse-chats.converse-mobile .chatroom .box-flyout .chatroom-body .occupants .occupants-heading {
15071
    font-size: var(--font-size-large)
15072
}
15073
 
15074
.conversejs converse-chats.converse-embedded .chatroom .box-flyout .chatroom-body .occupants ul.occupant-list li,
15075
.conversejs converse-chats.converse-fullscreen .chatroom .box-flyout .chatroom-body .occupants ul.occupant-list li,
15076
.conversejs converse-chats.converse-mobile .chatroom .box-flyout .chatroom-body .occupants ul.occupant-list li {
15077
    font-size: var(--font-size-small)
15078
}
15079
 
15080
.conversejs converse-chats.converse-embedded .chatroom .room-invite span .invited-contact,
15081
.conversejs converse-chats.converse-fullscreen .chatroom .room-invite span .invited-contact,
15082
.conversejs converse-chats.converse-mobile .chatroom .room-invite span .invited-contact {
15083
    margin: 0 0 .5em -1px
15084
}
15085
 
15086
.conversejs converse-chats.converse-embedded .chatroom {
15087
    margin: 0;
15088
    width: 100%
15089
}
15090
 
15091
.conversejs converse-chats.converse-embedded .chatroom .box-flyout .occupants-heading {
15092
    font-size: 120%
15093
}
15094
 
15095
.conversejs converse-chats.converse-embedded .chatroom .box-flyout .chat-content .chat-message {
15096
    margin: .5em;
15097
    font-size: 120%
15098
}
15099
 
15100
.conversejs converse-chats.converse-embedded .chatroom .box-flyout .sendXMPPMessage .chat-textarea {
15101
    padding: .5em;
15102
    font-size: 110%
15103
}
15104
 
15105
.conversejs converse-chats.converse-embedded .chatroom .box-flyout .chatroom-body {
15106
    height: 100%
15107
}
15108
 
15109
.conversejs converse-chats.converse-embedded .chatroom .box-flyout .chatroom-body .muc-form-container {
15110
    height: 100%;
15111
    position: relative
15112
}
15113
 
15114
.conversejs converse-chats.converse-embedded .chatroom .box-flyout .occupants .occupant-list {
15115
    padding-left: .3em
15116
}
15117
 
15118
.conversejs converse-chats.converse-overlayed converse-minimized-chats {
15119
    order: 100
15120
}
15121
 
15122
.conversejs converse-chats.converse-overlayed #minimized-chats {
15123
    width: var(--minimized-chats-width);
15124
    margin-bottom: 0;
15125
    border-top-left-radius: var(--chatbox-border-radius);
15126
    border-top-right-radius: var(--chatbox-border-radius);
15127
    color: var(--inverse-link-color);
15128
    margin-right: var(--chat-gutter);
15129
    padding: 0
15130
}
15131
 
15132
.conversejs converse-chats.converse-overlayed #minimized-chats .badge {
15133
    bottom: 8px;
15134
    border: 1px solid var(--overlayed-badge-color)
15135
}
15136
 
15137
.conversejs converse-chats.converse-overlayed #minimized-chats #toggle-minimized-chats {
15138
    border-top-left-radius: var(--chatbox-border-radius);
15139
    border-top-right-radius: var(--chatbox-border-radius);
15140
    background-color: var(--subdued-color);
15141
    padding: 1em 0 0 0;
15142
    text-align: center;
15143
    color: #fff;
15144
    white-space: nowrap;
15145
    overflow-y: hidden;
15146
    text-overflow: ellipsis;
15147
    display: block;
15148
    height: 45px;
15149
    width: 9em
15150
}
15151
 
15152
.conversejs converse-chats.converse-overlayed #minimized-chats a.restore-chat {
15153
    cursor: pointer;
15154
    padding: 1px 0 1px 5px;
15155
    color: var(--chat-head-text-color);
15156
    line-height: 15px;
15157
    display: block;
15158
    overflow: hidden;
15159
    text-overflow: ellipsis;
15160
    white-space: nowrap
15161
}
15162
 
15163
.conversejs converse-chats.converse-overlayed #minimized-chats a.restore-chat:hover {
15164
    text-decoration: none
15165
}
15166
 
15167
.conversejs converse-chats.converse-overlayed #minimized-chats a.restore-chat:visited {
15168
    color: var(--chat-head-text-color)
15169
}
15170
 
15171
.conversejs converse-chats.converse-overlayed #minimized-chats .minimized-chats-flyout {
15172
    flex-direction: column-reverse;
15173
    bottom: 45px;
15174
    width: var(--minimized-chats-width)
15175
}
15176
 
15177
.conversejs converse-chats.converse-overlayed #minimized-chats .minimized-chats-flyout .chat-head {
15178
    min-height: 0;
15179
    padding: .3em;
15180
    border-radius: var(--chatbox-border-radius);
15181
    height: 35px;
15182
    margin-bottom: .2em;
15183
    width: 100%;
15184
    max-width: 9em;
15185
    flex-wrap: nowrap;
15186
    background-color: var(--chat-head-color)
15187
}
15188
 
15189
.conversejs converse-chats.converse-overlayed #minimized-chats .minimized-chats-flyout .chat-head-chatroom {
15190
    background-color: var(--chatroom-head-bg-color)
15191
}
15192
 
15193
.conversejs converse-chats.converse-overlayed #minimized-chats .minimized-chats-flyout .chat-head-chatroom a.restore-chat {
15194
    color: var(--chatroom-head-color)
15195
}
15196
 
15197
.conversejs converse-chats.converse-overlayed #minimized-chats .minimized-chats-flyout .chat-head-headline {
15198
    background-color: var(--headlines-head-bg-color)
15199
}
15200
 
15201
.conversejs converse-chats.converse-overlayed #minimized-chats .minimized-chats-flyout .chat-head-headline a.restore-chat {
15202
    color: var(--headlines-head-text-color)
15203
}
15204
 
15205
.conversejs converse-chats.converse-overlayed #minimized-chats .minimized-chats-flyout.minimized {
15206
    height: auto
15207
}
15208
 
15209
.conversejs converse-chats.converse-overlayed #minimized-chats .unread-message-count {
15210
    font-weight: bold;
15211
    background-color: #fff;
15212
    border: 1px solid;
15213
    text-shadow: 1px 1px 0 var(--text-shadow-color);
15214
    color: var(--warning-color);
15215
    border-radius: 5px;
15216
    padding: 2px 4px;
15217
    font-size: 16px;
15218
    text-align: center;
15219
    position: absolute;
15220
    right: 116px;
15221
    bottom: 10px
15222
}
15223
 
15224
.conversejs converse-chats.converse-overlayed #minimized-chats .unread-message-count-hidden,
15225
.conversejs converse-chats.converse-overlayed #minimized-chats .chat-head-message-count-hidden {
15226
    display: none
15227
}
15228
 
15229
converse-register-panel .alert {
15230
    margin: auto;
15231
    max-width: 50vw
15232
}
15233
 
15234
#converse-register {
15235
    opacity: 0;
15236
    animation-name: fadein;
15237
    animation-fill-mode: forwards;
15238
    animation-duration: .5s;
15239
    animation-timing-function: ease;
15240
    background-color: var(--controlbox-pane-background-color)
15241
}
15242
 
15243
#converse-register .title {
15244
    font-weight: bold
15245
}
15246
 
15247
#converse-register .input-group input {
15248
    height: auto
15249
}
15250
 
15251
#converse-register .input-group .input-group-text {
15252
    color: var(--text-color);
15253
    background-color: var(--controlbox-pane-background-color)
15254
}
15255
 
15256
#converse-register .info {
15257
    color: green;
15258
    font-size: 90%;
15259
    margin: 1.5em 0
15260
}
15261
 
15262
#converse-register .form-errors {
15263
    color: var(--error-color);
15264
    margin: 1em 0
15265
}
15266
 
15267
#converse-register .provider-title {
15268
    font-size: var(--font-size-huge);
15269
    margin: 0
15270
}
15271
 
15272
#converse-register .provider-score {
15273
    width: 178px;
15274
    margin-bottom: 8px
15275
}
15276
 
15277
#converse-register .form-help .url {
15278
    font-weight: bold;
15279
    color: var(--link-color)
15280
}
15281
 
15282
#converse-register .instructions {
15283
    color: gray;
15284
    font-size: 85%
15285
}
15286
 
15287
#converse-register .instructions:hover {
15288
    color: var(--controlbox-text-color)
15289
}
15290
 
15291
converse-add-muc-modal .add-chatroom converse-autocomplete .suggestion-box__results--below {
15292
    height: 10em;
15293
    overflow: auto
15294
}
15295
 
15296
converse-add-muc-modal .add-chatroom converse-autocomplete .suggestion-box ul li {
15297
    display: block
15298
}
15299
 
15300
converse-root.converse-js.converse-fullpage,
15301
converse-root.converse-js.converse-overlayed,
15302
converse-root.converse-js.converse-mobile {
15303
    bottom: 0;
15304
    height: 100%;
15305
    padding-left: env(safe-area-inset-left);
15306
    padding-right: env(safe-area-inset-right);
15307
    position: fixed;
15308
    z-index: 1031
15309
}
15310
 
15311
converse-root.converse-js.converse-embedded {
15312
    position: relative
15313
}
15314
 
15315
.conversejs #controlbox .open-contacts-toggle,
15316
.conversejs #controlbox .open-contacts-toggle .fa {
15317
    color: var(--chat-color) !important
15318
}
15319
 
15320
.conversejs #controlbox .open-contacts-toggle:hover,
15321
.conversejs #controlbox .open-contacts-toggle .fa:hover {
15322
    color: var(--chat-color) !important
15323
}
15324
 
15325
.conversejs #controlbox .open-contacts-toggle {
15326
    white-space: nowrap
15327
}
15328
 
15329
.conversejs #converse-roster {
15330
    text-align: left;
15331
    width: 100%;
15332
    position: relative;
15333
    margin: 0;
15334
    height: var(--roster-height);
15335
    padding: 0;
15336
    overflow: hidden;
15337
    height: calc(100% - 70px)
15338
}
15339
 
15340
.conversejs #converse-roster #online-count {
15341
    display: none
15342
}
15343
 
15344
.conversejs #converse-roster .search-xmpp ul li.chat-info {
15345
    padding-left: 10px
15346
}
15347
 
15348
.conversejs #converse-roster .roster-filter-form {
15349
    width: 100%
15350
}
15351
 
15352
.conversejs #converse-roster .roster-filter-form .button-group {
15353
    padding: .2em
15354
}
15355
 
15356
.conversejs #converse-roster .roster-filter-form converse-icon {
15357
    padding: .25em
15358
}
15359
 
15360
.conversejs #converse-roster .roster-filter-form .roster-filter {
15361
    width: 100%;
15362
    margin: .2em;
15363
    font-size: calc(var(--font-size) - 2px)
15364
}
15365
 
15366
.conversejs #converse-roster .roster-filter-form .state-type {
15367
    font-size: calc(var(--font-size) - 2px);
15368
    width: 100%
15369
}
15370
 
15371
.conversejs #converse-roster .roster-contacts {
15372
    padding: 0;
15373
    margin: 0 0 .2em 0;
15374
    height: 100%;
15375
    overflow-x: hidden;
15376
    overflow-y: auto;
15377
    color: var(--text-color)
15378
}
15379
 
15380
.conversejs #converse-roster .roster-contacts .roster-group-contacts .list-item:hover .list-item-action {
15381
    opacity: 1
15382
}
15383
 
15384
.conversejs #converse-roster .roster-contacts converse-roster-contact {
15385
    width: 100%;
15386
    overflow: hidden;
15387
    white-space: nowrap;
15388
    text-overflow: ellipsis;
15389
    display: flex;
15390
    justify-content: space-between
15391
}
15392
 
15393
.conversejs #converse-roster .roster-contacts converse-roster-contact .list-item-action {
15394
    line-height: 2em
15395
}
15396
 
15397
.conversejs #converse-roster .roster-contacts converse-roster-contact:hover .list-item-action {
15398
    opacity: 1
15399
}
15400
 
15401
.conversejs #converse-roster .roster-contacts .group-toggle {
15402
    font-family: var(--heading-font);
15403
    display: block;
15404
    width: 100%;
15405
    margin: .75em 0 .25em 0
15406
}
15407
 
15408
.conversejs #converse-roster .roster-contacts .group-toggle,
15409
.conversejs #converse-roster .roster-contacts .group-toggle .fa {
15410
    color: var(--chat-head-color-dark) !important
15411
}
15412
 
15413
.conversejs #converse-roster .roster-contacts .group-toggle:hover,
15414
.conversejs #converse-roster .roster-contacts .group-toggle .fa:hover {
15415
    color: var(--chat-head-color-darker) !important
15416
}
15417
 
15418
.conversejs #converse-roster .roster-contacts .current-xmpp-contact {
15419
    margin: .25em 0
15420
}
15421
 
15422
.conversejs #converse-roster .roster-contacts .list-item.requesting-xmpp-contact a {
15423
    line-height: var(--line-height)
15424
}
15425
 
15426
.conversejs #converse-roster .roster-contacts .list-item.requesting-xmpp-contact .req-contact-name {
15427
    padding: 0 .2em 0 0
15428
}
15429
 
15430
.conversejs #converse-roster .roster-contacts .list-item .open-chat {
15431
    margin: 0;
15432
    padding: 0
15433
}
15434
 
15435
.conversejs #converse-roster .roster-contacts .list-item .open-chat.unread-msgs {
15436
    font-weight: bold;
15437
    color: var(--unread-msgs-color)
15438
}
15439
 
15440
.conversejs #converse-roster .roster-contacts .list-item .open-chat.unread-msgs .contact-name {
15441
    width: 70%
15442
}
15443
 
15444
.conversejs #converse-roster .roster-contacts .list-item .open-chat .msgs-indicator {
15445
    color: var(--text-color-invert);
15446
    background-color: var(--chat-color);
15447
    opacity: 1;
15448
    border-radius: 10%;
15449
    padding: .2em .4em;
15450
    font-size: var(--font-size-small);
15451
    margin-right: 0
15452
}
15453
 
15454
.conversejs #converse-roster .roster-contacts .list-item .open-chat .contact-name {
15455
    padding: 0;
15456
    margin: 0;
15457
    max-width: 85%;
15458
    float: none;
15459
    height: 100%
15460
}
15461
 
15462
.conversejs #converse-roster .roster-contacts .list-item .open-chat .contact-name.unread-msgs {
15463
    max-width: 60%
15464
}
15465
 
15466
.conversejs #converse-roster .roster-contacts .list-item .open-chat .contact-name.contact-name--offline {
15467
    margin-left: .25em
15468
}
15469
 
15470
.conversejs #converse-roster .roster-contacts .list-item.odd {
15471
    background-color: #dceac5
15472
}
15473
 
15474
.conversejs #converse-roster .roster-contacts .list-item a,
15475
.conversejs #converse-roster .roster-contacts .list-item span {
15476
    white-space: nowrap;
15477
    text-overflow: ellipsis
15478
}
15479
 
15480
.conversejs #converse-roster .roster-contacts .list-item .span {
15481
    display: inline-block
15482
}
15483
 
15484
.conversejs #converse-roster .roster-contacts .list-item .decline-xmpp-request {
15485
    margin-left: 5px
15486
}
15487
 
15488
.conversejs #converse-roster .roster-contacts .list-item:hover {
15489
    background-color: var(--controlbox-pane-bg-hover-color)
15490
}
15491
 
15492
.conversejs #converse-roster span.pending-contact-name {
15493
    line-height: var(--line-height);
15494
    width: 100%
15495
}
15496
 
15497
.media {
15498
    display: flex;
15499
    align-items: flex-start
15500
}
15501
 
15502
.media-body {
15503
    flex: 1
15504
}
15505
 
15506
.conversejs,
15507
.conversejs-bg,
15508
#conversejs-bg,
15509
body.converse-fullscreen {
15510
    --avatar-border-radius: 10%;
15511
    --message-avatar-width: 36px;
15512
    --message-avatar-height: 36px;
15513
    --chatroom-width: 500px;
15514
    --send-button-height: 27px;
15515
    --send-button-margin: 3px;
15516
    --inline-action-margin: 0.75em;
15517
    --roster-height: 194px;
15518
    --button-border-radius: 5px;
15519
    --chatbox-border-radius: 4px;
15520
    --normal-font: "Helvetica", "Arial", sans-serif;
15521
    --heading-font: "Muli", normal;
15522
    --branding-font: "Baumans", cursive;
15523
    --font-size-tiny: 10px;
15524
    --font-size-small: 12px;
15525
    --font-size: 14px;
15526
    --font-size-large: 16px;
15527
    --font-size-huge: 20px;
15528
    --message-font-size: var(--font-size);
15529
    --line-height-small: 14px;
15530
    --line-height: 16px;
15531
    --line-height-large: 20px;
15532
    --line-height-huge: 27px;
15533
    --embedded-emoji-picker-height: 300px;
15534
    --chat-gutter: 0.5em;
15535
    --occupants-padding: 1em;
15536
    --minimized-chats-width: 130px;
15537
    --mobile-chat-width: 100%;
15538
    --mobile-chat-height: 400px;
15539
    --overlayed-chat-head-height: 55px;
15540
    --overlayed-chat-height: 450px;
15541
    --overlayed-chat-width: 300px;
15542
    --overlayed-chatbox-hover-height: 1em;
15543
    --overlayed-emoji-picker-height: 200px;
15544
    --overlayed-max-chat-textarea-height: 200px;
15545
    --list-toggle-font-weight: normal
15546
}
15547
 
15548
.conversejs converse-chats.converse-embedded.converse-singleton .flyout,
15549
.conversejs converse-chats.converse-fullscreen.converse-singleton .flyout {
15550
    border: none !important
15551
}
15552
 
15553
.conversejs converse-chats.converse-embedded.converse-singleton .chat-head,
15554
.conversejs converse-chats.converse-fullscreen.converse-singleton .chat-head {
15555
    padding: .5em
15556
}
15557
 
15558
.conversejs converse-chats.converse-embedded.converse-singleton .chatbox,
15559
.conversejs converse-chats.converse-fullscreen.converse-singleton .chatbox {
15560
    margin: 0;
15561
    position: relative;
15562
    margin-left: -15px
15563
}
15564
 
15565
@media screen and (max-width: 480px) {
15566
 
15567
    .conversejs converse-chats.converse-embedded.converse-singleton .chatbox,
15568
    .conversejs converse-chats.converse-fullscreen.converse-singleton .chatbox {
15569
        margin-left: 0
15570
    }
15571
}
15572
 
15573
@media(max-width: 767.98px) {
15574
 
15575
    .conversejs converse-chats.converse-embedded.converse-singleton .chatbox,
15576
    .conversejs converse-chats.converse-fullscreen.converse-singleton .chatbox {
15577
        margin-left: 0
15578
    }
15579
}
15580
 
15581
.conversejs converse-chats.converse-fullscreen.converse-singleton .chatbox {
15582
    position: relative;
15583
    width: 100%;
15584
    padding-right: 15px;
15585
    padding-left: 15px
15586
}
15587
 
15588
@media(min-width: 768px) {
15589
    .conversejs converse-chats.converse-fullscreen.converse-singleton .chatbox {
15590
        flex: 0 0 100%;
15591
        max-width: 100%
15592
    }
15593
}
15594
 
15595
@media(min-width: 992px) {
15596
    .conversejs converse-chats.converse-fullscreen.converse-singleton .chatbox {
15597
        flex: 0 0 100%;
15598
        max-width: 100%
15599
    }
15600
}
15601
 
15602
@media(min-width: 1200px) {
15603
    .conversejs converse-chats.converse-fullscreen.converse-singleton .chatbox {
15604
        flex: 0 0 100%;
15605
        max-width: 100%
15606
    }
15607
}
15608
 
15609
body.converse-fullscreen {
15610
    margin: 0;
15611
    background-color: var(--global-background-color);
15612
    overflow: hidden
15613
}