Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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