Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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