Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3541 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

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