Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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