Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3785 | Rev 4151 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3785 stevensc 1
.pull-left {
2
  float: left !important;
3
}
4
 
5
.pull-right {
6
  float: right !important;
7
}
8
 
9
.img-circle {
10
  border-radius: 50%;
11
}
12
 
13
img {
14
  vertical-align: middle;
15
  border: 0;
16
}
17
 
18
b,
19
strong {
20
  font-weight: bold;
21
}
22
 
23
ul {
24
  list-style: none;
25
}
26
 
27
ul,
28
ol {
29
  margin-top: 0;
30
  /* margin-bottom: 10px; */
31
}
32
 
33
.m-t-10 {
34
  margin-top: 10px !important;
35
}
36
 
37
.m-b-10 {
38
  bottom: 10px !important;
39
}
40
 
41
.text-left {
42
  text-align: left;
43
}
44
 
45
.text-right {
46
  text-align: right;
47
}
48
 
49
p {
50
  line-height: 20px;
51
}
52
 
53
.clearfix:after {
54
  clear: both;
55
}
56
 
57
.clearfix:before,
58
.clearfix:after {
59
  content: " ";
60
  display: table;
61
}
62
 
63
.chatbox .panel {
64
  background: var(--bg-color);
65
  border: 1px solid var(--border-primary);
66
  border-top-left-radius: var(--border-radius);
67
  border-top-right-radius: var(--border-radius);
68
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
69
  margin: 0;
70
}
71
 
72
.chatboxblink {
73
  border-right: 1px solid #00b0ff;
74
  border-left: 1px solid #00b0ff;
75
  background: transparent linear-gradient(to bottom, #00b0ff 0px, #00b0ff 100%) repeat scroll 0 0;
76
  color: #fff !important;
77
}
78
 
79
.chatboxblink .header-elements .status b,
80
.chatboxblink .header-elements a {
81
  color: #fff !important;
82
}
83
 
84
.chatbox .panel-heading {
85
  background-color: var(--bg-color-secondary);
86
  padding: 10px 15px;
87
  border-bottom: 1px solid var(--border-primary);
88
}
89
 
90
.chatbox .panel-title {
91
  margin-top: 0;
92
  margin-bottom: 0;
93
  font-size: 16px;
94
  color: inherit;
95
  position: relative;
96
}
97
 
98
.chatbox .panel-title-group {
99
  margin-top: 0;
100
  margin-bottom: 0;
101
  font-size: 16px;
102
  color: inherit;
103
  position: relative;
104
  height: 41px;
105
}
106
 
107
.chatbox-icon {
108
  right: 230px;
109
  bottom: 23px;
110
  padding-top: 15px;
111
  margin-bottom: 0;
112
  z-index: 998;
113
  cursor: pointer;
114
  display: none;
115
  position: fixed;
116
}
117
 
118
.contact-floating {
119
  width: 54px;
120
  height: 54px;
121
  border-radius: 50%;
122
}
123
 
124
.contact-floating img {
125
  width: 54px;
126
  height: 54px;
127
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
128
}
129
 
130
.red {
131
  background-color: #f44336 !important;
132
}
133
 
134
.contact-floating .status.Online:after {
135
  background-color: #6cd187;
136
}
137
 
138
.contact-floating .status.Offline:after {
139
  background-color: #bdbdbd;
140
}
141
 
142
.contact-floating .status:after {
143
  content: "";
144
  position: absolute;
145
  height: 9px;
146
  width: 9px;
147
  left: 43px;
148
  top: 55px;
149
  border: 1px solid #fff;
150
  border-radius: 50%;
151
  display: block;
152
}
153
 
154
.contact-floating .unread-msg {
155
  content: "";
156
  position: absolute;
157
  height: 18px;
158
  width: 18px;
159
  left: 0px;
160
  top: 12px;
161
  border: 1px solid #fff;
162
  border-radius: 50%;
163
  display: block;
164
  color: #fff;
165
  text-align: center;
166
  font-size: 11px;
167
  font-weight: bold;
168
  background-color: #f44336 !important;
169
}
170
 
171
.personal-chat .chat-image {
172
  margin-right: 10px;
173
}
174
 
175
.personal-chat .header-elements {
176
  padding-top: 5px;
177
  line-height: 15px;
178
}
179
 
180
.personal-chat .header-elements a {
181
  color: var(--font-color);
182
}
183
 
184
.chatbox .panel-heading small {
185
  line-height: 23px;
186
  font-size: 12px;
187
}
188
 
189
.personal-chat .header-elements .status b {
190
  color: var(--subtitle-color);
191
}
192
 
193
.personal-chat .header-elements .status:after {
194
  content: "";
195
  position: absolute;
196
  height: 10px;
197
  width: 10px;
198
  left: 24px;
199
  top: 26px;
200
  border: 2px solid #fff;
201
  border-radius: 50%;
202
  display: block;
203
}
204
 
205
.personal-chat .header-elements .status.Online:after {
206
  background-color: var(--online-green);
207
}
208
 
209
.personal-chat .header-elements .status.Offline:after {
210
  background-color: #bdbdbd;
211
}
212
 
213
.personal-chat .header-elements .status.Away:after {
214
  background-color: #faf03a;
215
}
216
 
217
.personal-chat .header-elements .status.dnd:after {
218
  background-color: #e80957;
219
}
220
 
221
.personal-chat .options {
222
  position: absolute;
223
  right: -5%;
224
  top: 6%;
225
  transform: translateY(-50%);
226
}
227
 
228
.chatbox .btn-group,
229
.chatbox .btn-group-vertical {
230
  position: relative;
231
  display: inline-block;
232
  vertical-align: middle;
233
  cursor: pointer;
234
}
235
 
236
.personal-chat .panel-heading span {
237
  margin-top: 3px;
238
  color: var(--subtitle-color);
239
}
240
 
241
.personal-chat .options .attachment {
242
  -webkit-transform: rotate(45deg);
243
  -moz-transform: rotate(45deg);
244
  -ms-transform: rotate(45deg);
245
  -o-transform: rotate(45deg);
246
  transform: rotate(945deg);
247
  display: inline-block;
248
  font-size: 18px;
249
}
250
 
251
.personal-chat .options i {
252
  padding: 5px;
253
}
254
 
255
.personal-chat .options .dropdown-menu {
256
  min-width: 100px;
257
}
258
 
259
.dropdown-menu {
260
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
261
  z-index: 2300;
262
}
263
 
264
.dropdown-menu-right {
265
  left: auto;
266
  right: 0;
267
}
268
 
269
.dropdown-menu {
270
  position: absolute;
271
  top: 100%;
272
  left: 0;
273
  z-index: 1000;
274
  display: none;
275
  float: left;
276
  min-width: 160px;
277
  padding: 5px 0;
278
  margin: 2px 0 0;
279
  list-style: none;
280
  font-size: 14px;
281
  text-align: left;
282
  background-color: #fff;
283
  border: 1px solid #ccc;
284
  border: 1px solid rgba(0, 0, 0, 0.15);
285
  border-radius: 4px;
286
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
287
  background-clip: padding-box;
288
}
289
 
290
.personal-chat .options .dropdown-menu li {
291
  border-bottom: 1px solid #e5e5e5;
292
}
293
 
294
.dropdown-menu > li > a {
295
  display: block;
296
  padding: 3px 20px;
297
  clear: both;
298
  font-weight: normal;
299
  line-height: 1.428571429;
300
  color: #333333;
301
  white-space: nowrap;
302
}
303
 
304
li.active a,
305
a:hover,
306
a {
307
  text-decoration: none !important;
308
}
309
 
310
.personal-chat .options i {
311
  padding: 5px;
312
}
313
 
314
.text-primary {
315
  color: #6699cc;
316
}
317
 
318
.personal-chat .panel-body {
319
  padding: 0;
320
}
321
 
322
.panel-body:before,
323
.panel-body:after {
324
  content: " ";
325
  display: table;
326
}
327
 
328
.panel-body:after {
329
  clear: both;
330
}
331
 
332
.chat-conversation {
333
  background-color: var(--bg-color);
334
}
335
 
336
.reverseChatBox {
337
  display: flex;
338
  flex-flow: column-reverse;
339
  flex-wrap: nowrap;
340
  overflow: auto;
341
  padding: 1rem;
342
  overflow-y: auto;
343
  overflow-x: hidden;
344
  height: 275px;
345
}
346
 
347
.chat-conversation .conversation-list {
348
  display: flex;
349
  flex-direction: column;
350
}
351
 
352
.conversation-list .odd .conversation-text {
353
  width: 100%;
354
  display: flex;
355
  margin-right: 15px;
356
  font-size: 13px;
357
  flex-direction: row-reverse;
358
  margin-left: 0;
359
  align-items: center;
360
}
361
 
362
.conversation-list .conversation-text {
363
  width: 100%;
364
  align-items: center;
365
  display: flex;
366
  flex-direction: row;
367
  font-size: 13px;
368
}
369
 
370
.conversation-list .conversation-text .la-ellipsis-v {
371
  cursor: pointer;
372
  height: 30px;
373
  display: grid;
374
  place-items: center;
375
  width: 30px;
376
  border-radius: 50px;
377
  padding: 0;
378
  transition: all 0.2s;
379
  color: var(--chat-color);
380
}
381
 
382
.conversation_container {
383
  display: flex;
384
  flex-direction: column;
385
  gap: 10px;
386
}
387
 
388
.conversation-list .conversers1 .ctext-wrap {
389
  background: var(--chat-received);
390
  border-radius: 10px 0 10px 10px;
391
}
392
 
393
.conversation-list .conversers1 .ctext-wrap ~ .display-reactions,
394
.conversation-list .conversers1 .ctext-wrap ~ .la-ellipsis-v:hover {
395
  background: var(--chat-received);
396
}
397
 
398
.ctext-wrap label {
399
  font-size: 0.8rem;
400
  margin-left: 0.5rem;
401
  color: var(--chat-color);
402
}
403
 
404
.conversation-list .conversers2 .ctext-wrap {
405
  background: var(--chat-send);
406
  border-radius: 0 10px 10px 10px;
407
}
408
 
409
.conversation-list .conversers2 .ctext-wrap ~ .display-reactions,
410
.conversation-list .conversers2 .ctext-wrap ~ .la-ellipsis-v:hover {
411
  background: var(--chat-send);
412
}
413
 
414
.conversation-list .ctext-wrap {
415
  display: inline-block;
416
  padding: 5px 10px;
417
  position: relative;
418
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
419
  max-width: 65%;
420
}
421
 
422
.conversation-list .ctext-wrap p {
423
  margin: 0;
424
  padding-top: 3px;
425
  color: var(--chat-color);
426
}
427
 
428
.conversation-list .ctext-wrap i {
429
  color: var(--subtitle-color);
430
  display: block;
431
  font-size: 11px;
432
  font-style: normal;
433
  position: relative;
434
}
435
 
436
/*chat loader*/
437
.ctext-wrap .reply {
438
  width: 98px;
439
  color: #777;
440
}
441
 
442
.spinner {
443
  padding-top: 6px;
444
}
445
 
446
.spinner > div {
447
  width: 5px;
448
  height: 5px;
449
  background-color: #777;
450
  margin-right: 2px;
451
  border-radius: 50%;
452
  display: inline-block;
453
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
454
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
455
}
456
 
457
.spinner .bounce1 {
458
  -webkit-animation-delay: -0.32s;
459
  animation-delay: -0.32s;
460
}
461
 
462
.spinner .bounce2 {
463
  -webkit-animation-delay: -0.16s;
464
  animation-delay: -0.16s;
465
}
466
 
467
@keyframes sk-bouncedelay {
468
  0%, 80%, 100% {
469
    -webkit-transform: scale(0);
470
    transform: translateY(-7px);
471
  }
472
  40% {
473
    -webkit-transform: scale(1);
474
    transform: translateY(0);
475
  }
476
}
477
/*chat end*/
478
*::-webkit-scrollbar {
479
  width: 6px !important;
480
  height: 6px !important;
481
}
482
 
483
*::-webkit-scrollbar-thumb {
484
  background-color: rgba(0, 0, 0, 0.2);
485
}
486
 
487
*::-webkit-scrollbar-track {
488
  background: rgba(255, 255, 255, 0.08);
489
}
490
 
491
.wchat-wrapper-main::-webkit-scrollbar-track {
492
  background-color: #dfdfdf;
493
}
494
 
495
*::-webkit-input-placeholder {
496
  color: #ccc;
497
  font-size: 15px;
498
}
499
 
500
*::-moz-placeholder {
501
  color: #ccc;
502
  font-size: 15px;
503
}
504
 
505
.font-24 {
506
  font-size: 24px !important;
507
}
508
 
509
button {
510
  border: 0;
511
  padding: 0;
512
  margin: 0;
513
  background: 0 0;
514
  outline: none !important;
515
  cursor: pointer;
516
  font-family: inherit;
517
}
518
 
519
.wchat-chat-footer {
520
  background-color: var(--bg-color-secondary);
521
  -webkit-box-flex: 0;
522
  width: 100%;
523
  box-sizing: border-box;
524
  /* padding-top: 10px; */
525
  z-index: 1;
526
  -webkit-box-ordinal-group: 4;
527
  order: 3;
528
  position: relative;
529
  -webkit-transform: translateZ(0);
530
  transform: translateZ(0);
531
}
532
 
533
.resp_messages-container {
534
  padding: 10px;
535
  height: 0;
536
}
537
 
538
.resp_messages-container.active {
539
  height: auto;
540
}
541
 
542
.resp_messages-container p {
543
  margin-left: 5px;
544
  white-space: nowrap;
545
  overflow: hidden;
546
  text-overflow: ellipsis;
547
}
548
 
549
.chatFrom {
550
  background-color: var(--bg-color-secondary);
551
}
552
 
553
.block-wchat .input-container {
554
  background-color: var(--bg-color-secondary);
555
}
556
 
557
.block-wchat {
558
  display: -webkit-box;
559
  display: -ms-flexbox;
560
  display: flex;
561
  -webkit-box-orient: horizontal;
562
  -webkit-box-direction: normal;
563
  -ms-flex-direction: row;
564
  flex-direction: row;
565
  -webkit-box-align: end;
566
  -ms-flex-align: end;
567
  align-items: flex-end;
568
  padding: 10px 19px;
569
  max-width: 100%;
570
  box-sizing: border-box;
571
  position: relative;
572
  z-index: 2;
573
}
574
 
575
.block-wchat .btn-emoji {
576
  margin-right: 20px;
577
  margin-bottom: 7px;
578
}
579
 
580
.block-wchat .btn-attach {
581
  /* margin-right: 20px; */
582
  margin-bottom: 7px;
583
}
584
 
585
.block-wchat .send-container,
586
.block-wchat .ptt-container,
587
.block-wchat .btn-emoji {
588
  -webkit-box-flex: 0;
589
  -ms-flex: 0 0 auto;
590
  flex: 0 0 auto;
591
}
592
 
593
.block-wchat .input-container {
594
  border-radius: 5px;
595
  background-clip: padding-box;
596
  width: inherit;
597
  -webkit-box-flex: 1;
598
  -ms-flex: 1 1 auto;
599
  flex: 1 1 auto;
600
  min-width: 0;
601
  border-color: #fff;
602
  border-width: 1px;
603
  border-style: solid;
604
  box-sizing: border-box;
605
  padding-right: 16px;
606
}
607
 
608
.active_chats-list {
609
  display: flex;
4115 stevensc 610
  align-items: flex-end;
3785 stevensc 611
  position: fixed;
612
  bottom: 0;
613
  right: 310px;
614
  gap: 10px;
615
  width: fit-content;
616
  z-index: 100;
617
}
618
 
619
.input,
620
.block-wchat .input-container,
621
.input-line {
622
  font-weight: 400;
623
}
624
 
625
.input-container {
626
  -webkit-transition: height 0.18s ease-in-out;
627
  transition: height 0.18s ease-in-out;
628
}
629
 
630
.input-emoji {
631
  position: relative;
632
}
633
 
634
.block-wchat .input-placeholder {
635
  top: 0;
636
  margin-left: 2px;
637
}
638
 
639
.block-wchat .input-container .input,
640
.block-wchat .input-container .input-container {
641
  word-wrap: break-word;
642
  white-space: pre-wrap;
643
  padding: 0 2px 0 0;
644
  min-height: 20px;
645
  max-height: 100px;
646
  overflow-y: auto;
647
  overflow-x: hidden;
648
  background-color: var(--bg-color-secondary);
649
  border-left: 0.1px solid transparent;
650
  position: relative;
651
  z-index: 1;
652
}
653
 
654
.input,
655
.block-wchat .input-container {
656
  -webkit-user-select: text;
657
  -moz-user-select: text;
658
  -ms-user-select: text;
659
  user-select: text;
660
  line-height: 20px;
661
  font-size: 15px;
662
  min-height: 20px;
663
  border: none;
664
  padding: 8px 8px;
665
  width: 100%;
666
  outline: none;
667
}
668
 
669
.input-placeholder {
670
  -webkit-user-select: none;
671
  -moz-user-select: none;
672
  -ms-user-select: none;
673
  user-select: none;
674
  position: absolute;
675
  top: 6px;
676
  left: 0;
677
  color: #999;
678
  pointer-events: none;
679
  -webkit-transition: opacity 0.08s linear;
680
  transition: opacity 0.08s linear;
681
  font-size: 15px;
682
  line-height: 20px;
683
  z-index: 0;
684
  font-family: "Open Sans", sans-serif;
685
}
686
 
687
.block-wchat .send-container,
688
.block-wchat .ptt-container,
689
.block-wchat .btn-emoji {
690
  -webkit-box-flex: 0;
691
  -ms-flex: 0 0 auto;
692
  flex: 0 0 auto;
693
}
694
 
695
.block-wchat {
696
  padding: 8px 8px !important;
697
}
698
 
699
.block-wchat .btn-emoji {
700
  margin-right: 10px !important;
701
}
702
 
703
.block-wchat .icon-send {
704
  margin-left: 10px !important;
705
}
706
 
707
.block-wchat .icon-send {
708
  opacity: 0.9;
709
  margin-left: 20px;
710
  margin-bottom: 8px;
711
}
712
 
713
.icon-send {
714
  background-position: -3451px -3512px;
715
}
716
 
717
.chatbox {
718
  width: 260px;
719
  display: none;
720
  z-index: 10;
721
}
722
 
723
._5w-5 {
724
  text-align: center;
725
}
726
 
727
._5w-5 {
728
  background-image: url(chaticon.png);
729
  background-repeat: no-repeat;
730
  background-size: auto auto;
731
  background-position: 0px -313px;
732
  height: 2px;
733
  margin: 16px 0px 15px;
734
  text-align: center;
735
}
736
 
737
._5w-6 {
738
  background-color: #e9eaed;
739
  color: #9197a3;
740
  display: inline-block;
741
  font-size: 10px;
742
  font-weight: bold;
743
  padding: 0px 5px;
744
  position: relative;
745
  top: -8px;
746
}
747
 
748
abbr {
749
  border-bottom: medium none;
750
  text-decoration: none;
751
}
752
 
753
/* Tooltip text */
754
.tooltiptext {
755
  min-width: 120px;
756
  padding: 3px 0px 5px;
757
  margin: 0px;
758
  border-radius: 6px;
759
  position: relative;
760
  z-index: 9999;
761
}
762
 
763
.tooltiptext i {
764
  color: #777;
765
  display: block;
766
  font-size: 11px;
767
  font-style: normal;
768
  padding-right: 5px;
769
  text-align: right;
770
}
771
 
772
.tooltiptext img {
773
  width: 34px;
774
  height: 34px;
775
  border-radius: 50%;
776
}
777
 
778
.wchat-box-items-positioning-container {
779
  position: absolute;
780
  top: 0;
781
  width: 100%;
782
}
783
 
784
.wchat-box-items-overlay-container {
785
  position: absolute;
786
  bottom: 0;
787
  width: 100%;
788
  box-sizing: border-box;
789
}
790
 
791
.smiley-panel {
792
  height: 200px;
793
  -webkit-transform: translateZ(0);
794
  transform: translateZ(0);
795
  -webkit-transform-origin: bottom;
796
  transform-origin: bottom;
797
  overflow: hidden;
798
}
799
 
800
.customtab2 {
801
  border-bottom: 1px solid #f7fafc;
802
  border-top: 1px solid #f7fafc;
803
  /* padding: 10px 0; */
804
  background: #f9f9f9;
805
}
806
 
807
.menu-tabs {
808
  display: -webkit-box;
809
  display: -ms-flexbox;
810
  display: flex;
811
  -webkit-box-align: center;
812
  -ms-flex-align: center;
813
  align-items: center;
814
}
815
 
816
.nav > li > a {
817
  position: relative;
818
  display: block;
819
  padding: 10px 0px;
820
}
821
 
822
.menu-tabs-emoji {
823
  position: relative;
824
  height: 50px;
825
  background-color: #fff;
826
  -webkit-box-flex: 0;
827
  -ms-flex: none;
828
  flex: none;
829
}
830
 
831
.menu-tabs-emoji .menu-item {
832
  height: 50px;
833
}
834
 
835
.menu-tabs-emoji .icon {
836
  vertical-align: middle;
837
}
838
 
839
.menu-tabs-marker {
840
  position: absolute;
841
  bottom: 0;
842
  left: 0;
843
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.1, 0.82, 0.25, 1);
844
  transition: transform 0.3s cubic-bezier(0.1, 0.82, 0.25, 1);
845
  height: 4px;
846
  background-color: #009688;
847
}
848
 
849
.menu-tabs > .menu-item,
850
.menu-pills > .menu-item {
851
  -webkit-box-flex: 1;
852
  -ms-flex: 1;
853
  flex: 1;
854
  text-align: center;
855
}
856
 
857
.menu-item {
858
  cursor: pointer;
859
}
860
 
861
.menu-tabs > .menu-item,
862
.menu-pills > .menu-item {
863
  -webkit-box-flex: 1;
864
  -ms-flex: 1;
865
  flex: 1;
866
  text-align: center;
867
}
868
 
869
.customtab2 li.active a,
870
.customtab2 li.active a:hover,
871
.customtab2 li.active a:focus {
872
  background: #333333;
873
  border: 1px solid #333333;
874
  color: #ffffff;
875
}
876
 
877
.customtab2 li a {
878
  color: #333333;
879
}
880
 
881
.customtab2 li:hover a {
882
  color: #333333;
883
  border-bottom: 1px solid #333;
884
}
885
 
886
.smiley-panel-body {
887
  height: 159px;
888
  position: absolute;
889
  opacity: 1;
890
  overflow-y: scroll;
891
  overflow-x: hidden;
892
  padding: 8px 0 10px;
893
  width: 100%;
894
  box-sizing: border-box;
895
  background: #fff;
896
  bottom: 0;
897
}
898
 
899
.smiley-panel-body > * {
900
  direction: ltr;
901
  margin: 0 8px;
902
}
903
 
904
.smiley-panel .e1 {
905
  margin: 6px;
906
  cursor: pointer;
907
  border-radius: 3px;
908
}
909
 
910
.emoji,
911
.e1 {
912
  display: inline-block;
913
  vertical-align: top;
914
  zoom: 1;
915
  border: 0;
916
}
917
 
918
.emojione {
919
  width: 20px;
920
  height: 20px;
921
  /* background-size: 860px 840px; */
922
}
923
 
924
.e1 {
925
  width: 32px;
926
  height: 32px;
927
  background-size: 1502px 1467px;
928
}
929
 
930
.emojione,
931
.e1 {
932
  display: inline-block;
933
  vertical-align: top;
934
  zoom: 1;
935
  border: 0;
936
  float: none;
937
  cursor: pointer;
938
  margin: 0.05rem;
939
}
940
 
941
/*Contact List*/
942
#drupalchat-wrapper {
943
  border-bottom-color: #3b3b3b;
944
  border-left-color: #3b3b3b;
945
  border-right-color: #3b3b3b;
946
  border-top-color: #3b3b3b;
947
}
948
 
949
#drupalchat-wrapper {
950
  border-bottom-style: none;
951
  border-bottom-width: 0;
952
  border-left-style: none;
953
  border-left-width: 0;
954
  border-right-style: none;
955
  border-right-width: 0;
956
  border-top-style: none;
957
  border-top-width: 0;
958
  font-size: 13px;
959
  text-align: left;
960
  font-family: Arial, sans-serif;
961
  display: block;
962
}
963
 
964
#drupalchat-wrapper {
965
  bottom: -58px;
966
  height: 29px;
967
  margin: 0 203px;
968
  position: fixed;
969
  right: 0;
970
  z-index: 1000;
971
}
972
 
973
#drupalchat {
974
  border-bottom: 0;
975
  float: left;
976
  font-family: Arial, sans-serif;
977
}
978
 
979
#drupalchat .item-list {
980
  margin: 0;
981
  padding: 0;
982
  overflow: visible;
983
}
984
 
985
#drupalchat ul {
986
  float: right;
987
  list-style: none;
988
  margin: 0;
989
  padding: 0;
990
  width: 100%;
991
}
992
 
993
#drupalchat #chatpanel.last {
994
  clear: none !important;
995
  -webkit-border-radius: 4px 4px 0 0;
996
  -moz-border-radius: 4px 4px 0 0;
997
  border-radius: 4px 4px 0 0;
998
}
999
 
1000
#drupalchat #chatpanel.first {
1001
  clear: none !important;
1002
}
1003
 
1004
#drupalchat ul li {
1005
  float: left;
1006
  margin: 0;
1007
  padding: 0;
1008
  position: relative;
1009
  list-style: none;
1010
  margin-right: 170px;
1011
}
1012
 
1013
#drupalchat ul li a.localhost.subpanel_toggle.active {
1014
  color: #222222;
1015
  font-weight: normal;
1016
}
1017
 
1018
#drupalchat ul li a.localhost.subpanel_toggle {
1019
  color: #ffffff;
1020
  font-weight: bold;
1021
}
1022
 
1023
#drupalchat ul li a.localhost {
1024
  border-top: 1px solid rgba(255, 255, 255, 0);
1025
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.2);
1026
}
1027
 
1028
#drupalchat ul li a.active {
1029
  background: #fff;
1030
  border-radius: 0;
1031
  border-top: 1px solid #eee;
1032
}
1033
 
1034
#drupalchat ul li a.localhost {
1035
  width: 188px;
1036
}
1037
 
1038
#drupalchat ul li a.active {
1039
  height: 18px;
1040
  margin-top: -2px;
1041
  position: relative;
1042
  z-index: 200;
1043
}
1044
 
1045
#drupalchat ul li.last a {
1046
  border-right: 0;
1047
}
1048
 
1049
#drupalchat #chatpanel .subpanel {
1050
  width: 200px;
1051
  -webkit-border-radius: 4px 4px 0 0;
1052
  -moz-border-radius: 4px 4px 0 0;
1053
  border-radius: 4px 4px 0 0;
1054
}
1055
 
1056
#drupalchat .subpanel {
1057
  bottom: 29px;
1058
  display: none;
1059
  border-bottom: 1px solid #e1e1e1;
1060
  left: 75px;
1061
  overflow: hidden;
1062
  position: absolute;
1063
  width: 150px;
1064
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.2);
1065
}
1066
 
1067
#drupalchat #chatpanel .subpanel {
1068
  display: grid !important;
1069
  grid-template-rows: auto 1fr;
1070
  width: 235px;
1071
  max-height: 25rem;
1072
  border-bottom: 1px solid #e1e1e1;
1073
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.2);
1074
  border-top-left-radius: 10px;
1075
  border-top-right-radius: 10px;
1076
}
1077
 
1078
#showhidechatlist {
1079
  display: grid;
1080
  grid-template-columns: 1fr;
1081
  grid-template-rows: auto auto 250px;
1082
}
1083
 
1084
#drupalchat .subpanel_title {
1085
  background: var(--bg-color-secondary);
1086
  color: var(--subtitle-color);
1087
  cursor: pointer;
1088
  font-weight: bold;
1089
  padding: 0.5rem 1rem;
1090
  font-size: 1.1rem;
1091
  display: flex;
1092
  justify-content: space-between;
1093
  height: 30px;
1094
}
1095
 
1096
#drupalchat .subpanel_title span.options {
1097
  width: 12px;
1098
  height: 12px;
1099
  display: none;
1100
}
1101
 
1102
.subpanel_title-icons {
1103
  display: flex;
1104
  align-items: center;
1105
  gap: 0.5rem;
1106
  color: var(--subtitle-color);
1107
}
1108
 
1109
#drupalchat .subpanel_title .minusicon:hover {
1110
  color: #060;
1111
}
1112
 
1113
#drupalchat .subpanel_title span.min {
1114
  padding: 0;
1115
}
1116
 
1117
#drupalchat .subpanel .chat_options {
1118
  border-bottom: 1px solid var(--border-primary);
1119
}
1120
 
1121
#drupalchat .subpanel .chat_options {
1122
  overflow: hidden;
1123
  position: relative;
1124
}
1125
 
1126
#drupalchat .subpanel .chat_options .drupalchat-self-profile {
1127
  display: flex;
1128
  height: auto;
1129
  align-items: center;
1130
  padding: 0.2rem 1rem;
1131
}
1132
 
1133
#drupalchat .subpanel .chat_options .drupalchat-self-profile .drupalchat-self-profile-div {
1134
  display: inline-block;
1135
  width: 32px;
1136
  height: fit-content;
1137
}
1138
 
1139
#drupalchat .subpanel .chat_options .drupalchat-self-profile .drupalchat-self-profile-div .drupalchat-self-profile-img {
1140
  margin: 3px 0 4px 4px;
1141
  float: left;
1142
  height: 28px;
1143
  width: 28px;
1144
  -webkit-border-radius: 28px;
1145
  -moz-border-radius: 28px;
1146
  border-radius: 28px;
1147
}
1148
 
1149
#drupalchat .localhost-avatar-sprite-28.R_3 {
1150
  background-position: -56px -476px;
1151
  width: 28px;
1152
  height: 28px;
1153
}
1154
 
1155
#drupalchat .subpanel .chat_options .drupalchat-self-profile .drupalchat-self-profile-namdiv {
1156
  display: flex;
1157
  flex-direction: column;
1158
  justify-content: center;
1159
  padding-left: 5px;
1160
}
1161
 
1162
#drupalchat .subpanel .chat_options .drupalchat-self-profile .drupalchat-self-profile-namdiv .drupalchat-profile-un {
1163
  display: inline;
1164
  border: 0;
1165
  width: 100%;
1166
  font-size: 0.9rem;
1167
  cursor: pointer;
1168
  font-weight: bold;
1169
  white-space: nowrap;
1170
  overflow: hidden;
1171
  text-overflow: ellipsis;
1172
}
1173
 
1174
#drupalchat .subpanel .chat_options a {
1175
  border-left: 1px solid var(--border-primary);
1176
  color: var(--font-color);
1177
  padding: 3px 8px 3px 3px;
1178
  border: 0;
1179
  font-size: 0.9rem;
1180
  cursor: pointer;
1181
  font-weight: bold;
1182
  white-space: nowrap;
1183
  overflow: hidden;
1184
  text-overflow: ellipsis;
1185
}
1186
 
1187
#drupalchat .subpanel .chat_options .drupalchat-usermenu {
1188
  height: 37px;
1189
  display: inline-block;
1190
  cursor: pointer;
1191
  width: 22%;
1192
}
1193
 
1194
#drupalchat .subpanel .chat_options .drupalchat-usermenu .drupalchat-usermenu-img {
1195
  color: #333;
1196
}
1197
 
1198
#drupalchat .subpanel .chat_options .drupalchat-usermenu .drupalchat-usermenu-img {
1199
  padding-top: 8px;
1200
  padding-left: 0;
1201
  float: left;
1202
  font-size: 22px;
1203
}
1204
 
1205
#drupalchat .subpanel .chat_options .drupalchat-usermenu a {
1206
  display: block;
1207
  position: absolute;
1208
  height: 37px;
1209
  width: 10%;
1210
  border: 0;
1211
  padding: 0;
1212
  margin-left: 26px;
1213
}
1214
 
1215
#drupalchat .subpanel .chat_options span.status-1 {
1216
  background: url(../img/online.png) no-repeat left;
1217
}
1218
 
1219
#drupalchat ul li.last a {
1220
  border-right: 0;
1221
}
1222
 
1223
#drupalchat ul li div a {
1224
  float: none;
1225
  height: auto;
1226
  padding: 0;
1227
  position: static;
1228
  width: auto;
1229
}
1230
 
1231
#drupalchat ul li a {
1232
  float: left;
1233
  height: 16px;
1234
  line-height: 16px;
1235
  padding: 6px;
1236
  position: relative;
1237
  text-decoration: none;
1238
  width: auto;
1239
  color: var(--font-color);
1240
}
1241
 
1242
#drupalchat .subpanel .drupalchat_search {
1243
  background: #f9f9f9;
1244
  border-bottom: 1px solid #eee;
1245
}
1246
 
1247
#drupalchat .subpanel .drupalchat_search {
1248
  overflow: hidden;
1249
  position: relative;
1250
}
1251
 
1252
#drupalchat .subpanel .chat_options .drupalchat-self-profile .drupalchat-self-profile-div .drupalchat-self-profile-img {
1253
  margin: 3px 0 4px 4px;
1254
  float: left;
1255
  height: 28px;
1256
  width: 28px;
1257
  -webkit-border-radius: 28px;
1258
  -moz-border-radius: 28px;
1259
  border-radius: 28px;
1260
}
1261
 
1262
#drupalchat .localhost-avatar-sprite-28.A_1 {
1263
  background-position: 0 0;
1264
  width: 28px;
1265
  height: 28px;
1266
}
1267
 
1268
#drupalchat .localhost-avatar-sprite-28.B_1 {
1269
  background-position: 0 -28px;
1270
  width: 28px;
1271
  height: 28px;
1272
}
1273
 
1274
#drupalchat .localhost-avatar-sprite-28.C_1 {
1275
  background-position: 0 -56px;
1276
  width: 28px;
1277
  height: 28px;
1278
}
1279
 
1280
#drupalchat .localhost-avatar-sprite-28.D_1 {
1281
  background-position: 0 -84px;
1282
  width: 28px;
1283
  height: 28px;
1284
}
1285
 
1286
#drupalchat .localhost-avatar-sprite-28.E_1 {
1287
  background-position: 0 -112px;
1288
  width: 28px;
1289
  height: 28px;
1290
}
1291
 
1292
#drupalchat .localhost-avatar-sprite-28.F_1 {
1293
  background-position: 0 -140px;
1294
  width: 28px;
1295
  height: 28px;
1296
}
1297
 
1298
#drupalchat .localhost-avatar-sprite-28.G_1 {
1299
  background-position: 0 -168px;
1300
  width: 28px;
1301
  height: 28px;
1302
}
1303
 
1304
#drupalchat .localhost-avatar-sprite-28.H_1 {
1305
  background-position: 0 -196px;
1306
  width: 28px;
1307
  height: 28px;
1308
}
1309
 
1310
#drupalchat .localhost-avatar-sprite-28.I_1 {
1311
  background-position: 0 -224px;
1312
  width: 28px;
1313
  height: 28px;
1314
}
1315
 
1316
#drupalchat .localhost-avatar-sprite-28.J_1 {
1317
  background-position: 0 -252px;
1318
  width: 28px;
1319
  height: 28px;
1320
}
1321
 
1322
#drupalchat .localhost-avatar-sprite-28.K_1 {
1323
  background-position: 0 -280px;
1324
  width: 28px;
1325
  height: 28px;
1326
}
1327
 
1328
#drupalchat .localhost-avatar-sprite-28.L_1 {
1329
  background-position: 0 -308px;
1330
  width: 28px;
1331
  height: 28px;
1332
}
1333
 
1334
#drupalchat .localhost-avatar-sprite-28.M_1 {
1335
  background-position: 0 -336px;
1336
  width: 28px;
1337
  height: 28px;
1338
}
1339
 
1340
#drupalchat .localhost-avatar-sprite-28.N_1 {
1341
  background-position: 0 -364px;
1342
  width: 28px;
1343
  height: 28px;
1344
}
1345
 
1346
#drupalchat .localhost-avatar-sprite-28.O_1 {
1347
  background-position: 0 -392px;
1348
  width: 28px;
1349
  height: 28px;
1350
}
1351
 
1352
#drupalchat .localhost-avatar-sprite-28.P_1 {
1353
  background-position: 0 -420px;
1354
  width: 28px;
1355
  height: 28px;
1356
}
1357
 
1358
#drupalchat .localhost-avatar-sprite-28.Q_1 {
1359
  background-position: 0 -448px;
1360
  width: 28px;
1361
  height: 28px;
1362
}
1363
 
1364
#drupalchat .localhost-avatar-sprite-28.R_1 {
1365
  background-position: 0 -476px;
1366
  width: 28px;
1367
  height: 28px;
1368
}
1369
 
1370
#drupalchat .localhost-avatar-sprite-28.S_1 {
1371
  background-position: 0 -504px;
1372
  width: 28px;
1373
  height: 28px;
1374
}
1375
 
1376
#drupalchat .localhost-avatar-sprite-28.T_1 {
1377
  background-position: 0 -532px;
1378
  width: 28px;
1379
  height: 28px;
1380
}
1381
 
1382
#drupalchat .localhost-avatar-sprite-28.U_1 {
1383
  background-position: 0 -560px;
1384
  width: 28px;
1385
  height: 28px;
1386
}
1387
 
1388
#drupalchat .localhost-avatar-sprite-28.V_1 {
1389
  background-position: 0 -588px;
1390
  width: 28px;
1391
  height: 28px;
1392
}
1393
 
1394
#drupalchat .localhost-avatar-sprite-28.W_1 {
1395
  background-position: 0 -616px;
1396
  width: 28px;
1397
  height: 28px;
1398
}
1399
 
1400
#drupalchat .localhost-avatar-sprite-28.X_1 {
1401
  background-position: 0 -644px;
1402
  width: 28px;
1403
  height: 28px;
1404
}
1405
 
1406
#drupalchat .localhost-avatar-sprite-28.Y_1 {
1407
  background-position: 0 -672px;
1408
  width: 28px;
1409
  height: 28px;
1410
}
1411
 
1412
#drupalchat .localhost-avatar-sprite-28.Z_1 {
1413
  background-position: 0 -700px;
1414
  width: 28px;
1415
  height: 28px;
1416
}
1417
 
1418
#drupalchat .localhost-avatar-sprite-28.A_2 {
1419
  background-position: -28px 0;
1420
  width: 28px;
1421
  height: 28px;
1422
}
1423
 
1424
#drupalchat .localhost-avatar-sprite-28.B_2 {
1425
  background-position: -28px -28px;
1426
  width: 28px;
1427
  height: 28px;
1428
}
1429
 
1430
#drupalchat .localhost-avatar-sprite-28.C_2 {
1431
  background-position: -28px -56px;
1432
  width: 28px;
1433
  height: 28px;
1434
}
1435
 
1436
#drupalchat .localhost-avatar-sprite-28.D_2 {
1437
  background-position: -28px -84px;
1438
  width: 28px;
1439
  height: 28px;
1440
}
1441
 
1442
#drupalchat .localhost-avatar-sprite-28.E_2 {
1443
  background-position: -28px -112px;
1444
  width: 28px;
1445
  height: 28px;
1446
}
1447
 
1448
#drupalchat .localhost-avatar-sprite-28.F_2 {
1449
  background-position: -28px -140px;
1450
  width: 28px;
1451
  height: 28px;
1452
}
1453
 
1454
#drupalchat .localhost-avatar-sprite-28.G_2 {
1455
  background-position: -28px -168px;
1456
  width: 28px;
1457
  height: 28px;
1458
}
1459
 
1460
#drupalchat .localhost-avatar-sprite-28.H_2 {
1461
  background-position: -28px -196px;
1462
  width: 28px;
1463
  height: 28px;
1464
}
1465
 
1466
#drupalchat .localhost-avatar-sprite-28.I_2 {
1467
  background-position: -28px -224px;
1468
  width: 28px;
1469
  height: 28px;
1470
}
1471
 
1472
#drupalchat .localhost-avatar-sprite-28.J_2 {
1473
  background-position: -28px -252px;
1474
  width: 28px;
1475
  height: 28px;
1476
}
1477
 
1478
#drupalchat .localhost-avatar-sprite-28.K_2 {
1479
  background-position: -28px -280px;
1480
  width: 28px;
1481
  height: 28px;
1482
}
1483
 
1484
#drupalchat .localhost-avatar-sprite-28.L_2 {
1485
  background-position: -28px -308px;
1486
  width: 28px;
1487
  height: 28px;
1488
}
1489
 
1490
#drupalchat .localhost-avatar-sprite-28.M_2 {
1491
  background-position: -28px -336px;
1492
  width: 28px;
1493
  height: 28px;
1494
}
1495
 
1496
#drupalchat .localhost-avatar-sprite-28.N_2 {
1497
  background-position: -28px -364px;
1498
  width: 28px;
1499
  height: 28px;
1500
}
1501
 
1502
#drupalchat .localhost-avatar-sprite-28.O_2 {
1503
  background-position: -28px -392px;
1504
  width: 28px;
1505
  height: 28px;
1506
}
1507
 
1508
#drupalchat .localhost-avatar-sprite-28.P_2 {
1509
  background-position: -28px -420px;
1510
  width: 28px;
1511
  height: 28px;
1512
}
1513
 
1514
#drupalchat .localhost-avatar-sprite-28.Q_2 {
1515
  background-position: -28px -448px;
1516
  width: 28px;
1517
  height: 28px;
1518
}
1519
 
1520
#drupalchat .localhost-avatar-sprite-28.R_2 {
1521
  background-position: -28px -476px;
1522
  width: 28px;
1523
  height: 28px;
1524
}
1525
 
1526
#drupalchat .localhost-avatar-sprite-28.S_2 {
1527
  background-position: -28px -504px;
1528
  width: 28px;
1529
  height: 28px;
1530
}
1531
 
1532
#drupalchat .localhost-avatar-sprite-28.T_2 {
1533
  background-position: -28px -532px;
1534
  width: 28px;
1535
  height: 28px;
1536
}
1537
 
1538
#drupalchat .localhost-avatar-sprite-28.U_2 {
1539
  background-position: -28px -560px;
1540
  width: 28px;
1541
  height: 28px;
1542
}
1543
 
1544
#drupalchat .localhost-avatar-sprite-28.V_2 {
1545
  background-position: -28px -588px;
1546
  width: 28px;
1547
  height: 28px;
1548
}
1549
 
1550
#drupalchat .localhost-avatar-sprite-28.W_2 {
1551
  background-position: -28px -616px;
1552
  width: 28px;
1553
  height: 28px;
1554
}
1555
 
1556
#drupalchat .localhost-avatar-sprite-28.X_2 {
1557
  background-position: -28px -644px;
1558
  width: 28px;
1559
  height: 28px;
1560
}
1561
 
1562
#drupalchat .localhost-avatar-sprite-28.Y_2 {
1563
  background-position: -28px -672px;
1564
  width: 28px;
1565
  height: 28px;
1566
}
1567
 
1568
#drupalchat .localhost-avatar-sprite-28.Z_2 {
1569
  background-position: -28px -700px;
1570
  width: 28px;
1571
  height: 28px;
1572
}
1573
 
1574
#drupalchat .localhost-avatar-sprite-28.A_3 {
1575
  background-position: -56px 0;
1576
  width: 28px;
1577
  height: 28px;
1578
}
1579
 
1580
#drupalchat .localhost-avatar-sprite-28.B_3 {
1581
  background-position: -56px -28px;
1582
  width: 28px;
1583
  height: 28px;
1584
}
1585
 
1586
#drupalchat .localhost-avatar-sprite-28.C_3 {
1587
  background-position: -56px -56px;
1588
  width: 28px;
1589
  height: 28px;
1590
}
1591
 
1592
#drupalchat .localhost-avatar-sprite-28.D_3 {
1593
  background-position: -56px -84px;
1594
  width: 28px;
1595
  height: 28px;
1596
}
1597
 
1598
#drupalchat .localhost-avatar-sprite-28.E_3 {
1599
  background-position: -56px -112px;
1600
  width: 28px;
1601
  height: 28px;
1602
}
1603
 
1604
#drupalchat .localhost-avatar-sprite-28.F_3 {
1605
  background-position: -56px -140px;
1606
  width: 28px;
1607
  height: 28px;
1608
}
1609
 
1610
#drupalchat .localhost-avatar-sprite-28.G_3 {
1611
  background-position: -56px -168px;
1612
  width: 28px;
1613
  height: 28px;
1614
}
1615
 
1616
#drupalchat .localhost-avatar-sprite-28.H_3 {
1617
  background-position: -56px -196px;
1618
  width: 28px;
1619
  height: 28px;
1620
}
1621
 
1622
#drupalchat .localhost-avatar-sprite-28.I_3 {
1623
  background-position: -56px -224px;
1624
  width: 28px;
1625
  height: 28px;
1626
}
1627
 
1628
#drupalchat .localhost-avatar-sprite-28.J_3 {
1629
  background-position: -56px -252px;
1630
  width: 28px;
1631
  height: 28px;
1632
}
1633
 
1634
#drupalchat .localhost-avatar-sprite-28.K_3 {
1635
  background-position: -56px -280px;
1636
  width: 28px;
1637
  height: 28px;
1638
}
1639
 
1640
#drupalchat .localhost-avatar-sprite-28.L_3 {
1641
  background-position: -56px -308px;
1642
  width: 28px;
1643
  height: 28px;
1644
}
1645
 
1646
#drupalchat .localhost-avatar-sprite-28.M_3 {
1647
  background-position: -56px -336px;
1648
  width: 28px;
1649
  height: 28px;
1650
}
1651
 
1652
#drupalchat .localhost-avatar-sprite-28.N_3 {
1653
  background-position: -56px -364px;
1654
  width: 28px;
1655
  height: 28px;
1656
}
1657
 
1658
#drupalchat .localhost-avatar-sprite-28.O_3 {
1659
  background-position: -56px -392px;
1660
  width: 28px;
1661
  height: 28px;
1662
}
1663
 
1664
#drupalchat .localhost-avatar-sprite-28.P_3 {
1665
  background-position: -56px -420px;
1666
  width: 28px;
1667
  height: 28px;
1668
}
1669
 
1670
#drupalchat .localhost-avatar-sprite-28.Q_3 {
1671
  background-position: -56px -448px;
1672
  width: 28px;
1673
  height: 28px;
1674
}
1675
 
1676
#drupalchat .localhost-avatar-sprite-28.R_3 {
1677
  background-position: -56px -476px;
1678
  width: 28px;
1679
  height: 28px;
1680
}
1681
 
1682
#drupalchat .localhost-avatar-sprite-28.S_3 {
1683
  background-position: -56px -504px;
1684
  width: 28px;
1685
  height: 28px;
1686
}
1687
 
1688
#drupalchat .localhost-avatar-sprite-28.T_3 {
1689
  background-position: -56px -532px;
1690
  width: 28px;
1691
  height: 28px;
1692
}
1693
 
1694
#drupalchat .localhost-avatar-sprite-28.U_3 {
1695
  background-position: -56px -560px;
1696
  width: 28px;
1697
  height: 28px;
1698
}
1699
 
1700
#drupalchat .localhost-avatar-sprite-28.V_3 {
1701
  background-position: -56px -588px;
1702
  width: 28px;
1703
  height: 28px;
1704
}
1705
 
1706
#drupalchat .localhost-avatar-sprite-28.W_3 {
1707
  background-position: -56px -616px;
1708
  width: 28px;
1709
  height: 28px;
1710
}
1711
 
1712
#drupalchat .localhost-avatar-sprite-28.X_3 {
1713
  background-position: -56px -644px;
1714
  width: 28px;
1715
  height: 28px;
1716
}
1717
 
1718
#drupalchat .localhost-avatar-sprite-28.Y_3 {
1719
  background-position: -56px -672px;
1720
  width: 28px;
1721
  height: 28px;
1722
}
1723
 
1724
#drupalchat .localhost-avatar-sprite-28.Z_3 {
1725
  background-position: -56px -700px;
1726
  width: 28px;
1727
  height: 28px;
1728
}
1729
 
1730
#drupalchat .localhost-avatar-sprite-28.A_4 {
1731
  background-position: -84px 0;
1732
  width: 28px;
1733
  height: 28px;
1734
}
1735
 
1736
#drupalchat .localhost-avatar-sprite-28.B_4 {
1737
  background-position: -84px -28px;
1738
  width: 28px;
1739
  height: 28px;
1740
}
1741
 
1742
#drupalchat .localhost-avatar-sprite-28.C_4 {
1743
  background-position: -84px -56px;
1744
  width: 28px;
1745
  height: 28px;
1746
}
1747
 
1748
#drupalchat .localhost-avatar-sprite-28.D_4 {
1749
  background-position: -84px -84px;
1750
  width: 28px;
1751
  height: 28px;
1752
}
1753
 
1754
#drupalchat .localhost-avatar-sprite-28.E_4 {
1755
  background-position: -84px -112px;
1756
  width: 28px;
1757
  height: 28px;
1758
}
1759
 
1760
#drupalchat .localhost-avatar-sprite-28.F_4 {
1761
  background-position: -84px -140px;
1762
  width: 28px;
1763
  height: 28px;
1764
}
1765
 
1766
#drupalchat .localhost-avatar-sprite-28.G_4 {
1767
  background-position: -84px -168px;
1768
  width: 28px;
1769
  height: 28px;
1770
}
1771
 
1772
#drupalchat .localhost-avatar-sprite-28.H_4 {
1773
  background-position: -84px -196px;
1774
  width: 28px;
1775
  height: 28px;
1776
}
1777
 
1778
#drupalchat .localhost-avatar-sprite-28.I_4 {
1779
  background-position: -84px -224px;
1780
  width: 28px;
1781
  height: 28px;
1782
}
1783
 
1784
#drupalchat .localhost-avatar-sprite-28.J_4 {
1785
  background-position: -84px -252px;
1786
  width: 28px;
1787
  height: 28px;
1788
}
1789
 
1790
#drupalchat .localhost-avatar-sprite-28.K_4 {
1791
  background-position: -84px -280px;
1792
  width: 28px;
1793
  height: 28px;
1794
}
1795
 
1796
#drupalchat .localhost-avatar-sprite-28.L_4 {
1797
  background-position: -84px -308px;
1798
  width: 28px;
1799
  height: 28px;
1800
}
1801
 
1802
#drupalchat .localhost-avatar-sprite-28.M_4 {
1803
  background-position: -84px -336px;
1804
  width: 28px;
1805
  height: 28px;
1806
}
1807
 
1808
#drupalchat .localhost-avatar-sprite-28.N_4 {
1809
  background-position: -84px -364px;
1810
  width: 28px;
1811
  height: 28px;
1812
}
1813
 
1814
#drupalchat .localhost-avatar-sprite-28.O_4 {
1815
  background-position: -84px -392px;
1816
  width: 28px;
1817
  height: 28px;
1818
}
1819
 
1820
#drupalchat .localhost-avatar-sprite-28.P_4 {
1821
  background-position: -84px -420px;
1822
  width: 28px;
1823
  height: 28px;
1824
}
1825
 
1826
#drupalchat .localhost-avatar-sprite-28.Q_4 {
1827
  background-position: -84px -448px;
1828
  width: 28px;
1829
  height: 28px;
1830
}
1831
 
1832
#drupalchat .localhost-avatar-sprite-28.R_4 {
1833
  background-position: -84px -476px;
1834
  width: 28px;
1835
  height: 28px;
1836
}
1837
 
1838
#drupalchat .localhost-avatar-sprite-28.S_4 {
1839
  background-position: -84px -504px;
1840
  width: 28px;
1841
  height: 28px;
1842
}
1843
 
1844
#drupalchat .localhost-avatar-sprite-28.T_4 {
1845
  background-position: -84px -532px;
1846
  width: 28px;
1847
  height: 28px;
1848
}
1849
 
1850
#drupalchat .localhost-avatar-sprite-28.U_4 {
1851
  background-position: -84px -560px;
1852
  width: 28px;
1853
  height: 28px;
1854
}
1855
 
1856
#drupalchat .localhost-avatar-sprite-28.V_4 {
1857
  background-position: -84px -588px;
1858
  width: 28px;
1859
  height: 28px;
1860
}
1861
 
1862
#drupalchat .localhost-avatar-sprite-28.W_4 {
1863
  background-position: -84px -616px;
1864
  width: 28px;
1865
  height: 28px;
1866
}
1867
 
1868
#drupalchat .localhost-avatar-sprite-28.X_4 {
1869
  background-position: -84px -644px;
1870
  width: 28px;
1871
  height: 28px;
1872
}
1873
 
1874
#drupalchat .localhost-avatar-sprite-28.Y_4 {
1875
  background-position: -84px -672px;
1876
  width: 28px;
1877
  height: 28px;
1878
}
1879
 
1880
#drupalchat .localhost-avatar-sprite-28.Z_4 {
1881
  background-position: -84px -700px;
1882
  width: 28px;
1883
  height: 28px;
1884
}
1885
 
1886
#drupalchat .localhost-avatar-sprite-28.A_5 {
1887
  background-position: -112px 0;
1888
  width: 28px;
1889
  height: 28px;
1890
}
1891
 
1892
#drupalchat .localhost-avatar-sprite-28.B_5 {
1893
  background-position: -112px -28px;
1894
  width: 28px;
1895
  height: 28px;
1896
}
1897
 
1898
#drupalchat .localhost-avatar-sprite-28.C_5 {
1899
  background-position: -112px -56px;
1900
  width: 28px;
1901
  height: 28px;
1902
}
1903
 
1904
#drupalchat .localhost-avatar-sprite-28.D_5 {
1905
  background-position: -112px -84px;
1906
  width: 28px;
1907
  height: 28px;
1908
}
1909
 
1910
#drupalchat .localhost-avatar-sprite-28.E_5 {
1911
  background-position: -112px -112px;
1912
  width: 28px;
1913
  height: 28px;
1914
}
1915
 
1916
#drupalchat .localhost-avatar-sprite-28.F_5 {
1917
  background-position: -112px -140px;
1918
  width: 28px;
1919
  height: 28px;
1920
}
1921
 
1922
#drupalchat .localhost-avatar-sprite-28.G_5 {
1923
  background-position: -112px -168px;
1924
  width: 28px;
1925
  height: 28px;
1926
}
1927
 
1928
#drupalchat .localhost-avatar-sprite-28.H_5 {
1929
  background-position: -112px -196px;
1930
  width: 28px;
1931
  height: 28px;
1932
}
1933
 
1934
#drupalchat .localhost-avatar-sprite-28.I_5 {
1935
  background-position: -112px -224px;
1936
  width: 28px;
1937
  height: 28px;
1938
}
1939
 
1940
#drupalchat .localhost-avatar-sprite-28.J_5 {
1941
  background-position: -112px -252px;
1942
  width: 28px;
1943
  height: 28px;
1944
}
1945
 
1946
#drupalchat .localhost-avatar-sprite-28.K_5 {
1947
  background-position: -112px -280px;
1948
  width: 28px;
1949
  height: 28px;
1950
}
1951
 
1952
#drupalchat .localhost-avatar-sprite-28.L_5 {
1953
  background-position: -112px -308px;
1954
  width: 28px;
1955
  height: 28px;
1956
}
1957
 
1958
#drupalchat .localhost-avatar-sprite-28.M_5 {
1959
  background-position: -112px -336px;
1960
  width: 28px;
1961
  height: 28px;
1962
}
1963
 
1964
#drupalchat .localhost-avatar-sprite-28.N_5 {
1965
  background-position: -112px -364px;
1966
  width: 28px;
1967
  height: 28px;
1968
}
1969
 
1970
#drupalchat .localhost-avatar-sprite-28.O_5 {
1971
  background-position: -112px -392px;
1972
  width: 28px;
1973
  height: 28px;
1974
}
1975
 
1976
#drupalchat .localhost-avatar-sprite-28.P_5 {
1977
  background-position: -112px -420px;
1978
  width: 28px;
1979
  height: 28px;
1980
}
1981
 
1982
#drupalchat .localhost-avatar-sprite-28.Q_5 {
1983
  background-position: -112px -448px;
1984
  width: 28px;
1985
  height: 28px;
1986
}
1987
 
1988
#drupalchat .localhost-avatar-sprite-28.R_5 {
1989
  background-position: -112px -476px;
1990
  width: 28px;
1991
  height: 28px;
1992
}
1993
 
1994
#drupalchat .localhost-avatar-sprite-28.S_5 {
1995
  background-position: -112px -504px;
1996
  width: 28px;
1997
  height: 28px;
1998
}
1999
 
2000
#drupalchat .localhost-avatar-sprite-28.T_5 {
2001
  background-position: -112px -532px;
2002
  width: 28px;
2003
  height: 28px;
2004
}
2005
 
2006
#drupalchat .localhost-avatar-sprite-28.U_5 {
2007
  background-position: -112px -560px;
2008
  width: 28px;
2009
  height: 28px;
2010
}
2011
 
2012
#drupalchat .localhost-avatar-sprite-28.V_5 {
2013
  background-position: -112px -588px;
2014
  width: 28px;
2015
  height: 28px;
2016
}
2017
 
2018
#drupalchat .localhost-avatar-sprite-28.W_5 {
2019
  background-position: -112px -616px;
2020
  width: 28px;
2021
  height: 28px;
2022
}
2023
 
2024
#drupalchat .localhost-avatar-sprite-28.X_5 {
2025
  background-position: -112px -644px;
2026
  width: 28px;
2027
  height: 28px;
2028
}
2029
 
2030
#drupalchat .localhost-avatar-sprite-28.Y_5 {
2031
  background-position: -112px -672px;
2032
  width: 28px;
2033
  height: 28px;
2034
}
2035
 
2036
#drupalchat .localhost-avatar-sprite-28.Z_5 {
2037
  background-position: -112px -700px;
2038
  width: 28px;
2039
  height: 28px;
2040
}
2041
 
2042
#drupalchat .localhost-avatar-sprite-28.A_6 {
2043
  background-position: -140px 0;
2044
  width: 28px;
2045
  height: 28px;
2046
}
2047
 
2048
#drupalchat .localhost-avatar-sprite-28.B_6 {
2049
  background-position: -140px -28px;
2050
  width: 28px;
2051
  height: 28px;
2052
}
2053
 
2054
#drupalchat .localhost-avatar-sprite-28.C_6 {
2055
  background-position: -140px -56px;
2056
  width: 28px;
2057
  height: 28px;
2058
}
2059
 
2060
#drupalchat .localhost-avatar-sprite-28.D_6 {
2061
  background-position: -140px -84px;
2062
  width: 28px;
2063
  height: 28px;
2064
}
2065
 
2066
#drupalchat .localhost-avatar-sprite-28.E_6 {
2067
  background-position: -140px -112px;
2068
  width: 28px;
2069
  height: 28px;
2070
}
2071
 
2072
#drupalchat .localhost-avatar-sprite-28.F_6 {
2073
  background-position: -140px -140px;
2074
  width: 28px;
2075
  height: 28px;
2076
}
2077
 
2078
#drupalchat .localhost-avatar-sprite-28.G_6 {
2079
  background-position: -140px -168px;
2080
  width: 28px;
2081
  height: 28px;
2082
}
2083
 
2084
#drupalchat .localhost-avatar-sprite-28.H_6 {
2085
  background-position: -140px -196px;
2086
  width: 28px;
2087
  height: 28px;
2088
}
2089
 
2090
#drupalchat .localhost-avatar-sprite-28.I_6 {
2091
  background-position: -140px -224px;
2092
  width: 28px;
2093
  height: 28px;
2094
}
2095
 
2096
#drupalchat .localhost-avatar-sprite-28.J_6 {
2097
  background-position: -140px -252px;
2098
  width: 28px;
2099
  height: 28px;
2100
}
2101
 
2102
#drupalchat .localhost-avatar-sprite-28.K_6 {
2103
  background-position: -140px -280px;
2104
  width: 28px;
2105
  height: 28px;
2106
}
2107
 
2108
#drupalchat .localhost-avatar-sprite-28.L_6 {
2109
  background-position: -140px -308px;
2110
  width: 28px;
2111
  height: 28px;
2112
}
2113
 
2114
#drupalchat .localhost-avatar-sprite-28.M_6 {
2115
  background-position: -140px -336px;
2116
  width: 28px;
2117
  height: 28px;
2118
}
2119
 
2120
#drupalchat .localhost-avatar-sprite-28.N_6 {
2121
  background-position: -140px -364px;
2122
  width: 28px;
2123
  height: 28px;
2124
}
2125
 
2126
#drupalchat .localhost-avatar-sprite-28.O_6 {
2127
  background-position: -140px -392px;
2128
  width: 28px;
2129
  height: 28px;
2130
}
2131
 
2132
#drupalchat .localhost-avatar-sprite-28.P_6 {
2133
  background-position: -140px -420px;
2134
  width: 28px;
2135
  height: 28px;
2136
}
2137
 
2138
#drupalchat .localhost-avatar-sprite-28.Q_6 {
2139
  background-position: -140px -448px;
2140
  width: 28px;
2141
  height: 28px;
2142
}
2143
 
2144
#drupalchat .localhost-avatar-sprite-28.R_6 {
2145
  background-position: -140px -476px;
2146
  width: 28px;
2147
  height: 28px;
2148
}
2149
 
2150
#drupalchat .localhost-avatar-sprite-28.S_6 {
2151
  background-position: -140px -504px;
2152
  width: 28px;
2153
  height: 28px;
2154
}
2155
 
2156
#drupalchat .localhost-avatar-sprite-28.T_6 {
2157
  background-position: -140px -532px;
2158
  width: 28px;
2159
  height: 28px;
2160
}
2161
 
2162
#drupalchat .localhost-avatar-sprite-28.U_6 {
2163
  background-position: -140px -560px;
2164
  width: 28px;
2165
  height: 28px;
2166
}
2167
 
2168
#drupalchat .localhost-avatar-sprite-28.V_6 {
2169
  background-position: -140px -588px;
2170
  width: 28px;
2171
  height: 28px;
2172
}
2173
 
2174
#drupalchat .localhost-avatar-sprite-28.W_6 {
2175
  background-position: -140px -616px;
2176
  width: 28px;
2177
  height: 28px;
2178
}
2179
 
2180
#drupalchat .localhost-avatar-sprite-28.X_6 {
2181
  background-position: -140px -644px;
2182
  width: 28px;
2183
  height: 28px;
2184
}
2185
 
2186
#drupalchat .localhost-avatar-sprite-28.Y_6 {
2187
  background-position: -140px -672px;
2188
  width: 28px;
2189
  height: 28px;
2190
}
2191
 
2192
#drupalchat .localhost-avatar-sprite-28.Z_6 {
2193
  background-position: -140px -700px;
2194
  width: 28px;
2195
  height: 28px;
2196
}
2197
 
2198
#drupalchat .localhost-avatar-sprite-28.A_1,
2199
#drupalchat .localhost-avatar-sprite-28.B_1,
2200
#drupalchat .localhost-avatar-sprite-28.C_1,
2201
#drupalchat .localhost-avatar-sprite-28.D_1,
2202
#drupalchat .localhost-avatar-sprite-28.E_1,
2203
#drupalchat .localhost-avatar-sprite-28.F_1,
2204
#drupalchat .localhost-avatar-sprite-28.G_1,
2205
#drupalchat .localhost-avatar-sprite-28.H_1,
2206
#drupalchat .localhost-avatar-sprite-28.I_1,
2207
#drupalchat .localhost-avatar-sprite-28.J_1,
2208
#drupalchat .localhost-avatar-sprite-28.K_1,
2209
#drupalchat .localhost-avatar-sprite-28.L_1,
2210
#drupalchat .localhost-avatar-sprite-28.M_1,
2211
#drupalchat .localhost-avatar-sprite-28.N_1,
2212
#drupalchat .localhost-avatar-sprite-28.O_1,
2213
#drupalchat .localhost-avatar-sprite-28.P_1,
2214
#drupalchat .localhost-avatar-sprite-28.Q_1,
2215
#drupalchat .localhost-avatar-sprite-28.R_1,
2216
#drupalchat .localhost-avatar-sprite-28.S_1,
2217
#drupalchat .localhost-avatar-sprite-28.T_1,
2218
#drupalchat .localhost-avatar-sprite-28.U_1,
2219
#drupalchat .localhost-avatar-sprite-28.V_1,
2220
#drupalchat .localhost-avatar-sprite-28.W_1,
2221
#drupalchat .localhost-avatar-sprite-28.X_1,
2222
#drupalchat .localhost-avatar-sprite-28.Y_1,
2223
#drupalchat .localhost-avatar-sprite-28.Z_1,
2224
#drupalchat .localhost-avatar-sprite-28.A_2,
2225
#drupalchat .localhost-avatar-sprite-28.B_2,
2226
#drupalchat .localhost-avatar-sprite-28.C_2,
2227
#drupalchat .localhost-avatar-sprite-28.D_2,
2228
#drupalchat .localhost-avatar-sprite-28.E_2,
2229
#drupalchat .localhost-avatar-sprite-28.F_2,
2230
#drupalchat .localhost-avatar-sprite-28.G_2,
2231
#drupalchat .localhost-avatar-sprite-28.H_2,
2232
#drupalchat .localhost-avatar-sprite-28.I_2,
2233
#drupalchat .localhost-avatar-sprite-28.J_2,
2234
#drupalchat .localhost-avatar-sprite-28.K_2,
2235
#drupalchat .localhost-avatar-sprite-28.L_2,
2236
#drupalchat .localhost-avatar-sprite-28.M_2,
2237
#drupalchat .localhost-avatar-sprite-28.N_2,
2238
#drupalchat .localhost-avatar-sprite-28.O_2,
2239
#drupalchat .localhost-avatar-sprite-28.P_2,
2240
#drupalchat .localhost-avatar-sprite-28.Q_2,
2241
#drupalchat .localhost-avatar-sprite-28.R_2,
2242
#drupalchat .localhost-avatar-sprite-28.S_2,
2243
#drupalchat .localhost-avatar-sprite-28.T_2,
2244
#drupalchat .localhost-avatar-sprite-28.U_2,
2245
#drupalchat .localhost-avatar-sprite-28.V_2,
2246
#drupalchat .localhost-avatar-sprite-28.W_2,
2247
#drupalchat .localhost-avatar-sprite-28.X_2,
2248
#drupalchat .localhost-avatar-sprite-28.Y_2,
2249
#drupalchat .localhost-avatar-sprite-28.Z_2,
2250
#drupalchat .localhost-avatar-sprite-28.A_3,
2251
#drupalchat .localhost-avatar-sprite-28.B_3,
2252
#drupalchat .localhost-avatar-sprite-28.C_3,
2253
#drupalchat .localhost-avatar-sprite-28.D_3,
2254
#drupalchat .localhost-avatar-sprite-28.E_3,
2255
#drupalchat .localhost-avatar-sprite-28.F_3,
2256
#drupalchat .localhost-avatar-sprite-28.G_3,
2257
#drupalchat .localhost-avatar-sprite-28.H_3,
2258
#drupalchat .localhost-avatar-sprite-28.I_3,
2259
#drupalchat .localhost-avatar-sprite-28.J_3,
2260
#drupalchat .localhost-avatar-sprite-28.K_3,
2261
#drupalchat .localhost-avatar-sprite-28.L_3,
2262
#drupalchat .localhost-avatar-sprite-28.M_3,
2263
#drupalchat .localhost-avatar-sprite-28.N_3,
2264
#drupalchat .localhost-avatar-sprite-28.O_3,
2265
#drupalchat .localhost-avatar-sprite-28.P_3,
2266
#drupalchat .localhost-avatar-sprite-28.Q_3,
2267
#drupalchat .localhost-avatar-sprite-28.R_3,
2268
#drupalchat .localhost-avatar-sprite-28.S_3,
2269
#drupalchat .localhost-avatar-sprite-28.T_3,
2270
#drupalchat .localhost-avatar-sprite-28.U_3,
2271
#drupalchat .localhost-avatar-sprite-28.V_3,
2272
#drupalchat .localhost-avatar-sprite-28.W_3,
2273
#drupalchat .localhost-avatar-sprite-28.X_3,
2274
#drupalchat .localhost-avatar-sprite-28.Y_3,
2275
#drupalchat .localhost-avatar-sprite-28.Z_3,
2276
#drupalchat .localhost-avatar-sprite-28.A_4,
2277
#drupalchat .localhost-avatar-sprite-28.B_4,
2278
#drupalchat .localhost-avatar-sprite-28.C_4,
2279
#drupalchat .localhost-avatar-sprite-28.D_4,
2280
#drupalchat .localhost-avatar-sprite-28.E_4,
2281
#drupalchat .localhost-avatar-sprite-28.F_4,
2282
#drupalchat .localhost-avatar-sprite-28.G_4,
2283
#drupalchat .localhost-avatar-sprite-28.H_4,
2284
#drupalchat .localhost-avatar-sprite-28.I_4,
2285
#drupalchat .localhost-avatar-sprite-28.J_4,
2286
#drupalchat .localhost-avatar-sprite-28.K_4,
2287
#drupalchat .localhost-avatar-sprite-28.L_4,
2288
#drupalchat .localhost-avatar-sprite-28.M_4,
2289
#drupalchat .localhost-avatar-sprite-28.N_4,
2290
#drupalchat .localhost-avatar-sprite-28.O_4,
2291
#drupalchat .localhost-avatar-sprite-28.P_4,
2292
#drupalchat .localhost-avatar-sprite-28.Q_4,
2293
#drupalchat .localhost-avatar-sprite-28.R_4,
2294
#drupalchat .localhost-avatar-sprite-28.S_4,
2295
#drupalchat .localhost-avatar-sprite-28.T_4,
2296
#drupalchat .localhost-avatar-sprite-28.U_4,
2297
#drupalchat .localhost-avatar-sprite-28.V_4,
2298
#drupalchat .localhost-avatar-sprite-28.W_4,
2299
#drupalchat .localhost-avatar-sprite-28.X_4,
2300
#drupalchat .localhost-avatar-sprite-28.Y_4,
2301
#drupalchat .localhost-avatar-sprite-28.Z_4,
2302
#drupalchat .localhost-avatar-sprite-28.A_5,
2303
#drupalchat .localhost-avatar-sprite-28.B_5,
2304
#drupalchat .localhost-avatar-sprite-28.C_5,
2305
#drupalchat .localhost-avatar-sprite-28.D_5,
2306
#drupalchat .localhost-avatar-sprite-28.E_5,
2307
#drupalchat .localhost-avatar-sprite-28.F_5,
2308
#drupalchat .localhost-avatar-sprite-28.G_5,
2309
#drupalchat .localhost-avatar-sprite-28.H_5,
2310
#drupalchat .localhost-avatar-sprite-28.I_5,
2311
#drupalchat .localhost-avatar-sprite-28.J_5,
2312
#drupalchat .localhost-avatar-sprite-28.K_5,
2313
#drupalchat .localhost-avatar-sprite-28.L_5,
2314
#drupalchat .localhost-avatar-sprite-28.M_5,
2315
#drupalchat .localhost-avatar-sprite-28.N_5,
2316
#drupalchat .localhost-avatar-sprite-28.O_5,
2317
#drupalchat .localhost-avatar-sprite-28.P_5,
2318
#drupalchat .localhost-avatar-sprite-28.Q_5,
2319
#drupalchat .localhost-avatar-sprite-28.R_5,
2320
#drupalchat .localhost-avatar-sprite-28.S_5,
2321
#drupalchat .localhost-avatar-sprite-28.T_5,
2322
#drupalchat .localhost-avatar-sprite-28.U_5,
2323
#drupalchat .localhost-avatar-sprite-28.V_5,
2324
#drupalchat .localhost-avatar-sprite-28.W_5,
2325
#drupalchat .localhost-avatar-sprite-28.X_5,
2326
#drupalchat .localhost-avatar-sprite-28.Y_5,
2327
#drupalchat .localhost-avatar-sprite-28.Z_5,
2328
#drupalchat .localhost-avatar-sprite-28.A_6,
2329
#drupalchat .localhost-avatar-sprite-28.B_6,
2330
#drupalchat .localhost-avatar-sprite-28.C_6,
2331
#drupalchat .localhost-avatar-sprite-28.D_6,
2332
#drupalchat .localhost-avatar-sprite-28.E_6,
2333
#drupalchat .localhost-avatar-sprite-28.F_6,
2334
#drupalchat .localhost-avatar-sprite-28.G_6,
2335
#drupalchat .localhost-avatar-sprite-28.H_6,
2336
#drupalchat .localhost-avatar-sprite-28.I_6,
2337
#drupalchat .localhost-avatar-sprite-28.J_6,
2338
#drupalchat .localhost-avatar-sprite-28.K_6,
2339
#drupalchat .localhost-avatar-sprite-28.L_6,
2340
#drupalchat .localhost-avatar-sprite-28.M_6,
2341
#drupalchat .localhost-avatar-sprite-28.N_6,
2342
#drupalchat .localhost-avatar-sprite-28.O_6,
2343
#drupalchat .localhost-avatar-sprite-28.P_6,
2344
#drupalchat .localhost-avatar-sprite-28.Q_6,
2345
#drupalchat .localhost-avatar-sprite-28.R_6,
2346
#drupalchat .localhost-avatar-sprite-28.S_6,
2347
#drupalchat .localhost-avatar-sprite-28.T_6,
2348
#drupalchat .localhost-avatar-sprite-28.U_6,
2349
#drupalchat .localhost-avatar-sprite-28.V_6,
2350
#drupalchat .localhost-avatar-sprite-28.W_6,
2351
#drupalchat .localhost-avatar-sprite-28.X_6,
2352
#drupalchat .localhost-avatar-sprite-28.Y_6,
2353
#drupalchat .localhost-avatar-sprite-28.Z_6,
2354
#drupalchat .localhost-avatar-sprite-28.User_1,
2355
#drupalchat .localhost-avatar-sprite-28.User_2,
2356
#drupalchat .localhost-avatar-sprite-28.User_3,
2357
#drupalchat .localhost-avatar-sprite-28.User_4,
2358
#drupalchat .localhost-avatar-sprite-28.User_5,
2359
#drupalchat .localhost-avatar-sprite-28.User_6,
2360
#drupalchat .localhost-avatar-sprite-28.Male_1,
2361
#drupalchat .localhost-avatar-sprite-28.Male_2,
2362
#drupalchat .localhost-avatar-sprite-28.Male_3,
2363
#drupalchat .localhost-avatar-sprite-28.Male_4,
2364
#drupalchat .localhost-avatar-sprite-28.Male_5,
2365
#drupalchat .localhost-avatar-sprite-28.Male_6,
2366
#drupalchat .localhost-avatar-sprite-28.Female_1,
2367
#drupalchat .localhost-avatar-sprite-28.Female_2,
2368
#drupalchat .localhost-avatar-sprite-28.Female_3,
2369
#drupalchat .localhost-avatar-sprite-28.Female_4,
2370
#drupalchat .localhost-avatar-sprite-28.Female_5,
2371
#drupalchat .localhost-avatar-sprite-28.Female_6,
2372
#drupalchat .localhost-avatar-sprite-28.ChatRoom1_1,
2373
#drupalchat .localhost-avatar-sprite-28.ChatRoom1_2,
2374
#drupalchat .localhost-avatar-sprite-28.ChatRoom1_3,
2375
#drupalchat .localhost-avatar-sprite-28.ChatRoom1_4,
2376
#drupalchat .localhost-avatar-sprite-28.ChatRoom1_5,
2377
#drupalchat .localhost-avatar-sprite-28.ChatRoom1_6,
2378
#drupalchat .localhost-avatar-sprite-28.ChatRoom2_1,
2379
#drupalchat .localhost-avatar-sprite-28.ChatRoom2_2,
2380
#drupalchat .localhost-avatar-sprite-28.ChatRoom2_3,
2381
#drupalchat .localhost-avatar-sprite-28.ChatRoom2_4,
2382
#drupalchat .localhost-avatar-sprite-28.ChatRoom2_5,
2383
#drupalchat .localhost-avatar-sprite-28.ChatRoom2_6 {
2384
  background-image: url("img/avatar_sprite_v2.jpg");
2385
  /*background-repeat: none;*/
2386
  background-size: 168px 868px;
2387
}
2388
 
2389
#drupalchat .chatboxcontent {
2390
  width: 100%;
2391
  padding: 0;
2392
}
2393
 
2394
#drupalchat .subpanel .contact-list {
2395
  width: 100%;
2396
  overflow-y: scroll;
2397
  background-color: #eceff1;
2398
}
2399
 
2400
#drupalchat img {
2401
  float: left;
2402
  height: 28px;
2403
  width: 28px;
2404
  -webkit-border-radius: 28px;
2405
  -moz-border-radius: 28px;
2406
  border-radius: 28px;
2407
}
2408
 
2409
#drupalchat .subpanel .statuso {
2410
  display: inline;
2411
  height: 21px;
2412
  float: right;
2413
  padding-top: 10px;
2414
}
2415
 
2416
#drupalchat .statuso.Online {
2417
  color: rgb(66, 183, 42);
2418
}
2419
 
2420
#drupalchat .statuso.Offline {
2421
  color: gray;
2422
}
2423
 
2424
#drupalchat .subpanel ul {
2425
  background: var(--bg-color);
2426
}
2427
 
2428
#drupalchat .subpanel ul {
2429
  border: 0;
2430
  margin: 0;
2431
  overflow: auto;
2432
  width: 100%;
2433
}
2434
 
2435
#drupalchat ul {
2436
  float: right;
2437
  list-style: none;
2438
  margin: 0;
2439
  padding: 0;
2440
  width: 100%;
2441
}
2442
 
2443
#drupalchat .subpanel li {
2444
  clear: both;
2445
  display: block;
2446
  float: none;
2447
  margin: 0;
2448
  overflow: hidden;
2449
  padding: 0;
2450
  position: static;
2451
  backface-visibility: hidden;
2452
  -webkit-backface-visibility: hidden;
2453
}
2454
 
2455
/*Contact List*/
2456
.userfiles {
2457
  max-width: 156px;
2458
  padding: 4px 0 4px 0;
2459
  border-radius: 7px;
2460
  cursor: pointer;
2461
}
2462
 
2463
a.download-link:before {
2464
  content: url("/images/extension/blank.png");
2465
  margin-right: 6px;
2466
  vertical-align: middle;
2467
}
2468
 
2469
a.download-link[href$=".doc"]:before,
2470
a.download-link[href$=".rtf"]:before,
2471
a.download-link[href$=".txt"]:before {
2472
  content: url("/images/extension/doc.png");
2473
}
2474
 
2475
a.download-link[href$=".docx"]:before {
2476
  content: url("/images/extension/docx.png");
2477
}
2478
 
2479
a.download-link[href$=".zip"]:before {
2480
  content: url("/images/extension/zip.png");
2481
}
2482
 
2483
a.download-link[href$=".rar"]:before {
2484
  content: url("/images/extension/rar.png");
2485
}
2486
 
2487
a.download-link[href$=".mp3"]:before {
2488
  content: url("/images/extension/mp3.png");
2489
}
2490
 
2491
a.download-link[href$=".mp4"]:before,
2492
a.download-link[href$=".MP4"]:before {
2493
  content: url("/images/extension/mp4.png");
2494
}
2495
 
2496
a.download-link[href$=".pdf"]:before {
2497
  content: url("/images/extension/pdf.png");
2498
}
2499
 
2500
a.download-link[href$=".ppt"]:before {
2501
  content: url("/images/extension/ppt.png");
2502
}
2503
 
2504
a.download-link[href$=".psd"]:before {
2505
  content: url("/images/extension/psd.png");
2506
}
2507
 
2508
a.download-link[href$=".xls"]:before {
2509
  content: url("/images/extension/xls.png");
2510
}
2511
 
2512
a.download-link[href$=".xlsx"]:before {
2513
  content: url("/images/extension/xlsx.png");
2514
}
2515
 
2516
a.download-link[href$=".xml"]:before {
2517
  content: url("/images/extension/xml.png");
2518
}
2519
 
2520
.lightbox {
2521
  position: fixed;
2522
  top: 0;
2523
  left: 0;
2524
  width: 100%;
2525
  height: 100%;
2526
  background-color: rgba(0, 0, 0, 0.82);
2527
  text-align: center;
2528
  z-index: 10000;
2529
}
2530
 
2531
.lightbox p {
2532
  text-align: right;
2533
  color: #fff;
2534
  margin-right: 20px;
2535
  font-size: 12px;
2536
}
2537
 
2538
.lightbox #content {
2539
  vertical-align: middle;
2540
  padding-left: 20%;
2541
  padding-right: 20%;
2542
}
2543
 
2544
.lightbox #gcontent {
2545
  vertical-align: middle;
2546
  padding-left: 40%;
2547
  padding-right: 50%;
2548
}
2549
 
2550
.lightbox #content img {
2551
  box-shadow: 0 0 25px #111;
2552
  -webkit-box-shadow: 0 0 25px #111;
2553
  -moz-box-shadow: 0 0 25px #111;
2554
  max-width: 100%;
2555
  max-height: 550px;
2556
  border: 10px solid #95d9cc;
2557
  border-radius: 10px;
2558
}
2559
 
2560
.participants_list {
2561
  position: absolute;
2562
  top: 118px;
2563
  bottom: 44px;
2564
  left: 0;
2565
  right: 0;
2566
  overflow-y: auto;
2567
  width: 100%;
2568
}
2569
 
2570
.participants_controls {
2571
  position: absolute;
2572
  bottom: 0;
2573
  left: 0;
2574
  right: 0;
2575
  padding: 10px;
2576
  text-align: center;
2577
}
2578
 
2579
.ul-participants-list .drupalchat-self-profile {
2580
  display: inline-block;
2581
  height: 37px;
2582
  width: 91%;
2583
}
2584
 
2585
.ul-participants-list .drupalchat-self-profile .drupalchat-self-profile-div {
2586
  display: inline-block;
2587
  width: 32px;
2588
}
2589
 
2590
.ul-participants-list .drupalchat-self-profile .drupalchat-self-profile-namdiv {
2591
  display: flex;
2592
  align-items: center;
2593
  width: 70%;
2594
  padding: 0;
2595
  margin: 0;
2596
  height: 100%;
2597
  padding-left: 3px;
2598
}
2599
 
2600
.ul-participants-list .drupalchat-self-profile .drupalchat-self-profile-namdiv .drupalchat-profile-un {
2601
  display: inline;
2602
  border: 0;
2603
  padding: 0;
2604
  margin-left: 7px;
2605
  margin-top: 6px;
2606
  position: absolute;
2607
  float: left;
2608
  width: 118px;
2609
  font-size: 13px;
2610
  overflow: hidden;
2611
  cursor: pointer;
2612
  font-weight: bold;
2613
}
2614
 
2615
.ul-participants-list .drupalchat-self-profile .statuso {
2616
  display: inline;
2617
  width: 0px;
2618
  height: 21px;
2619
  float: right;
2620
  padding-top: 10px;
2621
}
2622
 
2623
#drupalchat .subpanel .group-list {
2624
  width: 100%;
2625
  overflow-y: auto;
2626
  background-color: #eceff1;
2627
}
2628
 
2629
.statusIN {
2630
  margin-left: 5px;
2631
}
2632
 
2633
.statusIN:hover {
2634
  cursor: pointer;
2635
}
2636
 
2637
#gcontent > .participants_list_group {
2638
  position: absolute;
2639
  top: 118px;
2640
  bottom: 44px;
2641
  left: auto;
2642
  overflow-y: auto;
2643
  width: 250px;
2644
  background-color: #fff;
2645
}
2646
 
2647
/*# sourceMappingURL=chat.css.map */