Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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