Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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