Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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