Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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