Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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