Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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