Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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