Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2230 | Rev 2532 | 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 {
2171 steven 11 
  vertical-align: middle;
1 www 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 .odd .conversation-text {
1189 stevensc 312 
  width: 100%;
313 
  display: flex;
314 
  margin-right: 15px;
315 
  font-size: 13px;
316 
  flex-direction: row-reverse;
1190 stevensc 317 
  margin-left: 0;
1194 stevensc 318 
  align-items: center;
1 www 319 
}
320 
.conversation-list .conversation-text {
1189 stevensc 321 
  width: 100%;
1194 stevensc 322 
  align-items: center;
1189 stevensc 323 
  display: flex;
324 
  flex-direction: row;
1 www 325 
  font-size: 13px;
326 
  margin-left: 15px;
327 
}
1200 stevensc 328 
.conversation-list .conversation-text .la-ellipsis-v{
329 
    cursor: pointer;
330 
    height: 30px;
331 
    display: grid;
332 
    place-items: center;
333 
    width: 30px;
334 
    border-radius: 50px;
335 
    padding: 0;
336 
    transition: all .2s;
337 
}
338 
.conversation-list .conversation-text .la-ellipsis-v:hover{
339 
  background-color: #efefef;
340 
}
1305 stevensc 341 
.conversation_container {
342 
  display: flex;
343 
  flex-direction: column;
344 
  gap: 10px;
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 {
2171 steven 979 
  background: var(--background-gray);
980 
  color: var(--gray);
1 www 981 
}
2172 steven 982 
 
1 www 983 
#drupalchat .subpanel_title {
984 
  cursor: pointer;
985 
  font-weight: bold;
986 
  padding: 3px 4px 3px 8px;
987 
  font-size: 17px;
988 
  display: block;
989 
  height: 30px;
990 
  overflow: hidden;
991 
}
992 
#drupalchat .subpanel_title span.options {
993 
  width: 12px;
994 
  height: 12px;
995 
  display: none;
996 
}
997 
#drupalchat .subpanel_title span {
998 
  filter: alpha(opacity=100);
999 
  opacity: 1;
1000 
  -moz-opacity: 1;
1001 
  font-size: 17px;
1002 
  font-weight: bold;
1003 
  float: right;
1004 
  line-height: 1.7em;
1005 
  padding: 2px 0 1px 1px;
1006 
  margin-top: -1.5rem;
1007 
}
1008 
#drupalchat .subpanel_title .minusicon:hover {
1009 
  color: #060;
1010 
}
1011 
#drupalchat .subpanel_title span.min {
1012 
  padding: 0;
1013 
}
1014 
 
1015 
#drupalchat .subpanel .chat_options {
1016 
  background: #f9f9f9;
1017 
  border-bottom: 1px solid #eee;
1018 
}
1019 
#drupalchat .subpanel .chat_options {
1020 
  height: 37px;
1021 
}
1022 
#drupalchat .subpanel .chat_options {
1023 
  overflow: hidden;
1024 
  position: relative;
1025 
}
1026 
#drupalchat .subpanel .chat_options .drupalchat-self-profile {
1027 
  display: inline-block;
1028 
  height: 37px;
1029 
  width: 95%;
1030 
}
1031 
#drupalchat
1032 
  .subpanel
1033 
  .chat_options
1034 
  .drupalchat-self-profile
1035 
  .drupalchat-self-profile-div {
1036 
  display: inline-block;
1037 
  width: 32px;
1038 
}
1039 
#drupalchat
1040 
  .subpanel
1041 
  .chat_options
1042 
  .drupalchat-self-profile
1043 
  .drupalchat-self-profile-div
1044 
  .drupalchat-self-profile-img {
1045 
  margin: 3px 0 4px 4px;
1046 
  float: left;
1047 
  height: 28px;
1048 
  width: 28px;
1049 
  -webkit-border-radius: 28px;
1050 
  -moz-border-radius: 28px;
1051 
  border-radius: 28px;
1052 
}
1053 
#drupalchat .localhost-avatar-sprite-28.R_3 {
1054 
  background-position: -56px -476px;
1055 
  width: 28px;
1056 
  height: 28px;
1057 
}
1058 
#drupalchat
1059 
  .subpanel
1060 
  .chat_options
1061 
  .drupalchat-self-profile
1062 
  .drupalchat-self-profile-namdiv {
1063 
  display: inline-block;
1064 
  /*width: 70%;*/
1065 
  padding: 0;
1066 
  margin: 0;
1067 
  height: 100%;
1068 
  padding-left: 3px;
1069 
}
1070 
#drupalchat
1071 
  .subpanel
1072 
  .chat_options
1073 
  .drupalchat-self-profile
1074 
  .drupalchat-self-profile-namdiv
1075 
  .drupalchat-profile-un {
1076 
  display: inline;
1077 
  border: 0;
2236 steven 1078 
  /* padding: 0; */
2230 steven 1079 
  /* margin-left: 7px;
1 www 1080 
  margin-top: 11px;
2230 steven 1081 
  position: absolute; */
1 www 1082 
  float: left;
2236 steven 1083 
  width: 100%;
1 www 1084 
  font-size: 13px;
1085 
  overflow: hidden;
1086 
  cursor: pointer;
1087 
  font-weight: bold;
1088 
}
1089 
#drupalchat .subpanel .chat_options a {
1090 
  border-left: 1px solid #999;
1091 
  color: #333;
1092 
}
1093 
#drupalchat .subpanel .chat_options a {
1094 
  float: right;
1095 
  padding: 3px 8px 3px 3px;
1096 
  width: 18px;
1097 
  height: 18px;
1098 
}
1099 
#drupalchat .subpanel .chat_options .drupalchat-usermenu {
1100 
  height: 37px;
1101 
  display: inline-block;
1102 
  cursor: pointer;
1103 
  width: 22%;
1104 
}
1105 
#drupalchat
1106 
  .subpanel
1107 
  .chat_options
1108 
  .drupalchat-usermenu
1109 
  .drupalchat-usermenu-img {
1110 
  color: #333;
1111 
}
1112 
#drupalchat
1113 
  .subpanel
1114 
  .chat_options
1115 
  .drupalchat-usermenu
1116 
  .drupalchat-usermenu-img {
1117 
  padding-top: 8px;
1118 
  padding-left: 0;
1119 
  float: left;
1120 
  font-size: 22px;
1121 
}
1122 
#drupalchat .subpanel .chat_options .drupalchat-usermenu a {
1123 
  display: block;
1124 
  position: absolute;
1125 
  height: 37px;
1126 
  width: 10%;
1127 
  border: 0;
1128 
  padding: 0;
1129 
  margin-left: 26px;
1130 
}
1131 
#drupalchat .subpanel .chat_options span.status-1 {
1132 
  background: url(../img/online.png) no-repeat left;
1133 
}
1134 
#drupalchat .subpanel .chat_options a {
1135 
  border-left: 1px solid #999;
1136 
  color: #333;
1137 
}
1138 
#drupalchat .subpanel .chat_options a {
1139 
  float: right;
1140 
  padding: 3px 8px 3px 3px;
1141 
  width: 18px;
1142 
  height: 18px;
1143 
}
1144 
#drupalchat ul li.last a {
1145 
  border-right: 0;
1146 
}
1147 
#drupalchat ul li div a {
1148 
  color: #222222;
1149 
}
1150 
#drupalchat ul li div a {
1151 
  color: #222;
1152 
}
1153 
#drupalchat ul li div a {
1154 
  float: none;
1155 
  height: auto;
1156 
  padding: 0;
1157 
  position: static;
1158 
  width: auto;
1159 
}
1160 
#drupalchat ul li a {
1161 
  color: #222222;
1162 
}
1163 
#drupalchat ul li a {
1164 
  color: #333;
1165 
}
1166 
#drupalchat ul li a {
1167 
  float: left;
1168 
  height: 16px;
1169 
  line-height: 16px;
1170 
  padding: 6px;
1171 
  position: relative;
1172 
  text-decoration: none;
1173 
  width: auto;
1174 
}
1175 
 
1176 
#drupalchat .subpanel .drupalchat_search {
1177 
  background: #f9f9f9;
1178 
  border-bottom: 1px solid #eee;
1179 
}
1180 
#drupalchat .subpanel .drupalchat_search {
1181 
  overflow: hidden;
1182 
  position: relative;
1183 
}
1184 
#drupalchat .subpanel .drupalchat_search .drupalchat_searchinput {
1185 
  background: #f9f9f9;
1186 
}
1187 
#drupalchat .subpanel .drupalchat_search .drupalchat_searchinput {
1188 
  height: 30px;
1189 
  outline: 0;
1190 
  vertical-align: middle;
1191 
  margin-left: 7px;
1192 
  border: 0;
1193 
  font-size: 12px;
1194 
}
1195 
#drupalchat .subpanel .drupalchat_search .searchbutton {
1196 
  background: url(/images/searchb.png) no-repeat center;
1197 
  width: 14px;
1198 
  height: 14px;
1199 
  float: right;
1200 
  filter: none;
1201 
}
1202 
#drupalchat
1203 
  .subpanel
1204 
  .chat_options
1205 
  .drupalchat-self-profile
1206 
  .drupalchat-self-profile-div
1207 
  .drupalchat-self-profile-img {
1208 
  margin: 3px 0 4px 4px;
1209 
  float: left;
1210 
  height: 28px;
1211 
  width: 28px;
1212 
  -webkit-border-radius: 28px;
1213 
  -moz-border-radius: 28px;
1214 
  border-radius: 28px;
1215 
}
1216 
 
1217 
#drupalchat .localhost-avatar-sprite-28.A_1 {
1218 
  background-position: 0 0;
1219 
  width: 28px;
1220 
  height: 28px;
1221 
}
1222 
#drupalchat .localhost-avatar-sprite-28.B_1 {
1223 
  background-position: 0 -28px;
1224 
  width: 28px;
1225 
  height: 28px;
1226 
}
1227 
#drupalchat .localhost-avatar-sprite-28.C_1 {
1228 
  background-position: 0 -56px;
1229 
  width: 28px;
1230 
  height: 28px;
1231 
}
1232 
#drupalchat .localhost-avatar-sprite-28.D_1 {
1233 
  background-position: 0 -84px;
1234 
  width: 28px;
1235 
  height: 28px;
1236 
}
1237 
#drupalchat .localhost-avatar-sprite-28.E_1 {
1238 
  background-position: 0 -112px;
1239 
  width: 28px;
1240 
  height: 28px;
1241 
}
1242 
#drupalchat .localhost-avatar-sprite-28.F_1 {
1243 
  background-position: 0 -140px;
1244 
  width: 28px;
1245 
  height: 28px;
1246 
}
1247 
#drupalchat .localhost-avatar-sprite-28.G_1 {
1248 
  background-position: 0 -168px;
1249 
  width: 28px;
1250 
  height: 28px;
1251 
}
1252 
#drupalchat .localhost-avatar-sprite-28.H_1 {
1253 
  background-position: 0 -196px;
1254 
  width: 28px;
1255 
  height: 28px;
1256 
}
1257 
#drupalchat .localhost-avatar-sprite-28.I_1 {
1258 
  background-position: 0 -224px;
1259 
  width: 28px;
1260 
  height: 28px;
1261 
}
1262 
#drupalchat .localhost-avatar-sprite-28.J_1 {
1263 
  background-position: 0 -252px;
1264 
  width: 28px;
1265 
  height: 28px;
1266 
}
1267 
#drupalchat .localhost-avatar-sprite-28.K_1 {
1268 
  background-position: 0 -280px;
1269 
  width: 28px;
1270 
  height: 28px;
1271 
}
1272 
#drupalchat .localhost-avatar-sprite-28.L_1 {
1273 
  background-position: 0 -308px;
1274 
  width: 28px;
1275 
  height: 28px;
1276 
}
1277 
#drupalchat .localhost-avatar-sprite-28.M_1 {
1278 
  background-position: 0 -336px;
1279 
  width: 28px;
1280 
  height: 28px;
1281 
}
1282 
#drupalchat .localhost-avatar-sprite-28.N_1 {
1283 
  background-position: 0 -364px;
1284 
  width: 28px;
1285 
  height: 28px;
1286 
}
1287 
#drupalchat .localhost-avatar-sprite-28.O_1 {
1288 
  background-position: 0 -392px;
1289 
  width: 28px;
1290 
  height: 28px;
1291 
}
1292 
#drupalchat .localhost-avatar-sprite-28.P_1 {
1293 
  background-position: 0 -420px;
1294 
  width: 28px;
1295 
  height: 28px;
1296 
}
1297 
#drupalchat .localhost-avatar-sprite-28.Q_1 {
1298 
  background-position: 0 -448px;
1299 
  width: 28px;
1300 
  height: 28px;
1301 
}
1302 
#drupalchat .localhost-avatar-sprite-28.R_1 {
1303 
  background-position: 0 -476px;
1304 
  width: 28px;
1305 
  height: 28px;
1306 
}
1307 
#drupalchat .localhost-avatar-sprite-28.S_1 {
1308 
  background-position: 0 -504px;
1309 
  width: 28px;
1310 
  height: 28px;
1311 
}
1312 
#drupalchat .localhost-avatar-sprite-28.T_1 {
1313 
  background-position: 0 -532px;
1314 
  width: 28px;
1315 
  height: 28px;
1316 
}
1317 
#drupalchat .localhost-avatar-sprite-28.U_1 {
1318 
  background-position: 0 -560px;
1319 
  width: 28px;
1320 
  height: 28px;
1321 
}
1322 
#drupalchat .localhost-avatar-sprite-28.V_1 {
1323 
  background-position: 0 -588px;
1324 
  width: 28px;
1325 
  height: 28px;
1326 
}
1327 
#drupalchat .localhost-avatar-sprite-28.W_1 {
1328 
  background-position: 0 -616px;
1329 
  width: 28px;
1330 
  height: 28px;
1331 
}
1332 
#drupalchat .localhost-avatar-sprite-28.X_1 {
1333 
  background-position: 0 -644px;
1334 
  width: 28px;
1335 
  height: 28px;
1336 
}
1337 
#drupalchat .localhost-avatar-sprite-28.Y_1 {
1338 
  background-position: 0 -672px;
1339 
  width: 28px;
1340 
  height: 28px;
1341 
}
1342 
#drupalchat .localhost-avatar-sprite-28.Z_1 {
1343 
  background-position: 0 -700px;
1344 
  width: 28px;
1345 
  height: 28px;
1346 
}
1347 
#drupalchat .localhost-avatar-sprite-28.A_2 {
1348 
  background-position: -28px 0;
1349 
  width: 28px;
1350 
  height: 28px;
1351 
}
1352 
#drupalchat .localhost-avatar-sprite-28.B_2 {
1353 
  background-position: -28px -28px;
1354 
  width: 28px;
1355 
  height: 28px;
1356 
}
1357 
#drupalchat .localhost-avatar-sprite-28.C_2 {
1358 
  background-position: -28px -56px;
1359 
  width: 28px;
1360 
  height: 28px;
1361 
}
1362 
#drupalchat .localhost-avatar-sprite-28.D_2 {
1363 
  background-position: -28px -84px;
1364 
  width: 28px;
1365 
  height: 28px;
1366 
}
1367 
#drupalchat .localhost-avatar-sprite-28.E_2 {
1368 
  background-position: -28px -112px;
1369 
  width: 28px;
1370 
  height: 28px;
1371 
}
1372 
#drupalchat .localhost-avatar-sprite-28.F_2 {
1373 
  background-position: -28px -140px;
1374 
  width: 28px;
1375 
  height: 28px;
1376 
}
1377 
#drupalchat .localhost-avatar-sprite-28.G_2 {
1378 
  background-position: -28px -168px;
1379 
  width: 28px;
1380 
  height: 28px;
1381 
}
1382 
#drupalchat .localhost-avatar-sprite-28.H_2 {
1383 
  background-position: -28px -196px;
1384 
  width: 28px;
1385 
  height: 28px;
1386 
}
1387 
#drupalchat .localhost-avatar-sprite-28.I_2 {
1388 
  background-position: -28px -224px;
1389 
  width: 28px;
1390 
  height: 28px;
1391 
}
1392 
#drupalchat .localhost-avatar-sprite-28.J_2 {
1393 
  background-position: -28px -252px;
1394 
  width: 28px;
1395 
  height: 28px;
1396 
}
1397 
#drupalchat .localhost-avatar-sprite-28.K_2 {
1398 
  background-position: -28px -280px;
1399 
  width: 28px;
1400 
  height: 28px;
1401 
}
1402 
#drupalchat .localhost-avatar-sprite-28.L_2 {
1403 
  background-position: -28px -308px;
1404 
  width: 28px;
1405 
  height: 28px;
1406 
}
1407 
#drupalchat .localhost-avatar-sprite-28.M_2 {
1408 
  background-position: -28px -336px;
1409 
  width: 28px;
1410 
  height: 28px;
1411 
}
1412 
#drupalchat .localhost-avatar-sprite-28.N_2 {
1413 
  background-position: -28px -364px;
1414 
  width: 28px;
1415 
  height: 28px;
1416 
}
1417 
#drupalchat .localhost-avatar-sprite-28.O_2 {
1418 
  background-position: -28px -392px;
1419 
  width: 28px;
1420 
  height: 28px;
1421 
}
1422 
#drupalchat .localhost-avatar-sprite-28.P_2 {
1423 
  background-position: -28px -420px;
1424 
  width: 28px;
1425 
  height: 28px;
1426 
}
1427 
#drupalchat .localhost-avatar-sprite-28.Q_2 {
1428 
  background-position: -28px -448px;
1429 
  width: 28px;
1430 
  height: 28px;
1431 
}
1432 
#drupalchat .localhost-avatar-sprite-28.R_2 {
1433 
  background-position: -28px -476px;
1434 
  width: 28px;
1435 
  height: 28px;
1436 
}
1437 
#drupalchat .localhost-avatar-sprite-28.S_2 {
1438 
  background-position: -28px -504px;
1439 
  width: 28px;
1440 
  height: 28px;
1441 
}
1442 
#drupalchat .localhost-avatar-sprite-28.T_2 {
1443 
  background-position: -28px -532px;
1444 
  width: 28px;
1445 
  height: 28px;
1446 
}
1447 
#drupalchat .localhost-avatar-sprite-28.U_2 {
1448 
  background-position: -28px -560px;
1449 
  width: 28px;
1450 
  height: 28px;
1451 
}
1452 
#drupalchat .localhost-avatar-sprite-28.V_2 {
1453 
  background-position: -28px -588px;
1454 
  width: 28px;
1455 
  height: 28px;
1456 
}
1457 
#drupalchat .localhost-avatar-sprite-28.W_2 {
1458 
  background-position: -28px -616px;
1459 
  width: 28px;
1460 
  height: 28px;
1461 
}
1462 
#drupalchat .localhost-avatar-sprite-28.X_2 {
1463 
  background-position: -28px -644px;
1464 
  width: 28px;
1465 
  height: 28px;
1466 
}
1467 
#drupalchat .localhost-avatar-sprite-28.Y_2 {
1468 
  background-position: -28px -672px;
1469 
  width: 28px;
1470 
  height: 28px;
1471 
}
1472 
#drupalchat .localhost-avatar-sprite-28.Z_2 {
1473 
  background-position: -28px -700px;
1474 
  width: 28px;
1475 
  height: 28px;
1476 
}
1477 
#drupalchat .localhost-avatar-sprite-28.A_3 {
1478 
  background-position: -56px 0;
1479 
  width: 28px;
1480 
  height: 28px;
1481 
}
1482 
#drupalchat .localhost-avatar-sprite-28.B_3 {
1483 
  background-position: -56px -28px;
1484 
  width: 28px;
1485 
  height: 28px;
1486 
}
1487 
#drupalchat .localhost-avatar-sprite-28.C_3 {
1488 
  background-position: -56px -56px;
1489 
  width: 28px;
1490 
  height: 28px;
1491 
}
1492 
#drupalchat .localhost-avatar-sprite-28.D_3 {
1493 
  background-position: -56px -84px;
1494 
  width: 28px;
1495 
  height: 28px;
1496 
}
1497 
#drupalchat .localhost-avatar-sprite-28.E_3 {
1498 
  background-position: -56px -112px;
1499 
  width: 28px;
1500 
  height: 28px;
1501 
}
1502 
#drupalchat .localhost-avatar-sprite-28.F_3 {
1503 
  background-position: -56px -140px;
1504 
  width: 28px;
1505 
  height: 28px;
1506 
}
1507 
#drupalchat .localhost-avatar-sprite-28.G_3 {
1508 
  background-position: -56px -168px;
1509 
  width: 28px;
1510 
  height: 28px;
1511 
}
1512 
#drupalchat .localhost-avatar-sprite-28.H_3 {
1513 
  background-position: -56px -196px;
1514 
  width: 28px;
1515 
  height: 28px;
1516 
}
1517 
#drupalchat .localhost-avatar-sprite-28.I_3 {
1518 
  background-position: -56px -224px;
1519 
  width: 28px;
1520 
  height: 28px;
1521 
}
1522 
#drupalchat .localhost-avatar-sprite-28.J_3 {
1523 
  background-position: -56px -252px;
1524 
  width: 28px;
1525 
  height: 28px;
1526 
}
1527 
#drupalchat .localhost-avatar-sprite-28.K_3 {
1528 
  background-position: -56px -280px;
1529 
  width: 28px;
1530 
  height: 28px;
1531 
}
1532 
#drupalchat .localhost-avatar-sprite-28.L_3 {
1533 
  background-position: -56px -308px;
1534 
  width: 28px;
1535 
  height: 28px;
1536 
}
1537 
#drupalchat .localhost-avatar-sprite-28.M_3 {
1538 
  background-position: -56px -336px;
1539 
  width: 28px;
1540 
  height: 28px;
1541 
}
1542 
#drupalchat .localhost-avatar-sprite-28.N_3 {
1543 
  background-position: -56px -364px;
1544 
  width: 28px;
1545 
  height: 28px;
1546 
}
1547 
#drupalchat .localhost-avatar-sprite-28.O_3 {
1548 
  background-position: -56px -392px;
1549 
  width: 28px;
1550 
  height: 28px;
1551 
}
1552 
#drupalchat .localhost-avatar-sprite-28.P_3 {
1553 
  background-position: -56px -420px;
1554 
  width: 28px;
1555 
  height: 28px;
1556 
}
1557 
#drupalchat .localhost-avatar-sprite-28.Q_3 {
1558 
  background-position: -56px -448px;
1559 
  width: 28px;
1560 
  height: 28px;
1561 
}
1562 
#drupalchat .localhost-avatar-sprite-28.R_3 {
1563 
  background-position: -56px -476px;
1564 
  width: 28px;
1565 
  height: 28px;
1566 
}
1567 
#drupalchat .localhost-avatar-sprite-28.S_3 {
1568 
  background-position: -56px -504px;
1569 
  width: 28px;
1570 
  height: 28px;
1571 
}
1572 
#drupalchat .localhost-avatar-sprite-28.T_3 {
1573 
  background-position: -56px -532px;
1574 
  width: 28px;
1575 
  height: 28px;
1576 
}
1577 
#drupalchat .localhost-avatar-sprite-28.U_3 {
1578 
  background-position: -56px -560px;
1579 
  width: 28px;
1580 
  height: 28px;
1581 
}
1582 
#drupalchat .localhost-avatar-sprite-28.V_3 {
1583 
  background-position: -56px -588px;
1584 
  width: 28px;
1585 
  height: 28px;
1586 
}
1587 
#drupalchat .localhost-avatar-sprite-28.W_3 {
1588 
  background-position: -56px -616px;
1589 
  width: 28px;
1590 
  height: 28px;
1591 
}
1592 
#drupalchat .localhost-avatar-sprite-28.X_3 {
1593 
  background-position: -56px -644px;
1594 
  width: 28px;
1595 
  height: 28px;
1596 
}
1597 
#drupalchat .localhost-avatar-sprite-28.Y_3 {
1598 
  background-position: -56px -672px;
1599 
  width: 28px;
1600 
  height: 28px;
1601 
}
1602 
#drupalchat .localhost-avatar-sprite-28.Z_3 {
1603 
  background-position: -56px -700px;
1604 
  width: 28px;
1605 
  height: 28px;
1606 
}
1607 
#drupalchat .localhost-avatar-sprite-28.A_4 {
1608 
  background-position: -84px 0;
1609 
  width: 28px;
1610 
  height: 28px;
1611 
}
1612 
#drupalchat .localhost-avatar-sprite-28.B_4 {
1613 
  background-position: -84px -28px;
1614 
  width: 28px;
1615 
  height: 28px;
1616 
}
1617 
#drupalchat .localhost-avatar-sprite-28.C_4 {
1618 
  background-position: -84px -56px;
1619 
  width: 28px;
1620 
  height: 28px;
1621 
}
1622 
#drupalchat .localhost-avatar-sprite-28.D_4 {
1623 
  background-position: -84px -84px;
1624 
  width: 28px;
1625 
  height: 28px;
1626 
}
1627 
#drupalchat .localhost-avatar-sprite-28.E_4 {
1628 
  background-position: -84px -112px;
1629 
  width: 28px;
1630 
  height: 28px;
1631 
}
1632 
#drupalchat .localhost-avatar-sprite-28.F_4 {
1633 
  background-position: -84px -140px;
1634 
  width: 28px;
1635 
  height: 28px;
1636 
}
1637 
#drupalchat .localhost-avatar-sprite-28.G_4 {
1638 
  background-position: -84px -168px;
1639 
  width: 28px;
1640 
  height: 28px;
1641 
}
1642 
#drupalchat .localhost-avatar-sprite-28.H_4 {
1643 
  background-position: -84px -196px;
1644 
  width: 28px;
1645 
  height: 28px;
1646 
}
1647 
#drupalchat .localhost-avatar-sprite-28.I_4 {
1648 
  background-position: -84px -224px;
1649 
  width: 28px;
1650 
  height: 28px;
1651 
}
1652 
#drupalchat .localhost-avatar-sprite-28.J_4 {
1653 
  background-position: -84px -252px;
1654 
  width: 28px;
1655 
  height: 28px;
1656 
}
1657 
#drupalchat .localhost-avatar-sprite-28.K_4 {
1658 
  background-position: -84px -280px;
1659 
  width: 28px;
1660 
  height: 28px;
1661 
}
1662 
#drupalchat .localhost-avatar-sprite-28.L_4 {
1663 
  background-position: -84px -308px;
1664 
  width: 28px;
1665 
  height: 28px;
1666 
}
1667 
#drupalchat .localhost-avatar-sprite-28.M_4 {
1668 
  background-position: -84px -336px;
1669 
  width: 28px;
1670 
  height: 28px;
1671 
}
1672 
#drupalchat .localhost-avatar-sprite-28.N_4 {
1673 
  background-position: -84px -364px;
1674 
  width: 28px;
1675 
  height: 28px;
1676 
}
1677 
#drupalchat .localhost-avatar-sprite-28.O_4 {
1678 
  background-position: -84px -392px;
1679 
  width: 28px;
1680 
  height: 28px;
1681 
}
1682 
#drupalchat .localhost-avatar-sprite-28.P_4 {
1683 
  background-position: -84px -420px;
1684 
  width: 28px;
1685 
  height: 28px;
1686 
}
1687 
#drupalchat .localhost-avatar-sprite-28.Q_4 {
1688 
  background-position: -84px -448px;
1689 
  width: 28px;
1690 
  height: 28px;
1691 
}
1692 
#drupalchat .localhost-avatar-sprite-28.R_4 {
1693 
  background-position: -84px -476px;
1694 
  width: 28px;
1695 
  height: 28px;
1696 
}
1697 
#drupalchat .localhost-avatar-sprite-28.S_4 {
1698 
  background-position: -84px -504px;
1699 
  width: 28px;
1700 
  height: 28px;
1701 
}
1702 
#drupalchat .localhost-avatar-sprite-28.T_4 {
1703 
  background-position: -84px -532px;
1704 
  width: 28px;
1705 
  height: 28px;
1706 
}
1707 
#drupalchat .localhost-avatar-sprite-28.U_4 {
1708 
  background-position: -84px -560px;
1709 
  width: 28px;
1710 
  height: 28px;
1711 
}
1712 
#drupalchat .localhost-avatar-sprite-28.V_4 {
1713 
  background-position: -84px -588px;
1714 
  width: 28px;
1715 
  height: 28px;
1716 
}
1717 
#drupalchat .localhost-avatar-sprite-28.W_4 {
1718 
  background-position: -84px -616px;
1719 
  width: 28px;
1720 
  height: 28px;
1721 
}
1722 
#drupalchat .localhost-avatar-sprite-28.X_4 {
1723 
  background-position: -84px -644px;
1724 
  width: 28px;
1725 
  height: 28px;
1726 
}
1727 
#drupalchat .localhost-avatar-sprite-28.Y_4 {
1728 
  background-position: -84px -672px;
1729 
  width: 28px;
1730 
  height: 28px;
1731 
}
1732 
#drupalchat .localhost-avatar-sprite-28.Z_4 {
1733 
  background-position: -84px -700px;
1734 
  width: 28px;
1735 
  height: 28px;
1736 
}
1737 
#drupalchat .localhost-avatar-sprite-28.A_5 {
1738 
  background-position: -112px 0;
1739 
  width: 28px;
1740 
  height: 28px;
1741 
}
1742 
#drupalchat .localhost-avatar-sprite-28.B_5 {
1743 
  background-position: -112px -28px;
1744 
  width: 28px;
1745 
  height: 28px;
1746 
}
1747 
#drupalchat .localhost-avatar-sprite-28.C_5 {
1748 
  background-position: -112px -56px;
1749 
  width: 28px;
1750 
  height: 28px;
1751 
}
1752 
#drupalchat .localhost-avatar-sprite-28.D_5 {
1753 
  background-position: -112px -84px;
1754 
  width: 28px;
1755 
  height: 28px;
1756 
}
1757 
#drupalchat .localhost-avatar-sprite-28.E_5 {
1758 
  background-position: -112px -112px;
1759 
  width: 28px;
1760 
  height: 28px;
1761 
}
1762 
#drupalchat .localhost-avatar-sprite-28.F_5 {
1763 
  background-position: -112px -140px;
1764 
  width: 28px;
1765 
  height: 28px;
1766 
}
1767 
#drupalchat .localhost-avatar-sprite-28.G_5 {
1768 
  background-position: -112px -168px;
1769 
  width: 28px;
1770 
  height: 28px;
1771 
}
1772 
#drupalchat .localhost-avatar-sprite-28.H_5 {
1773 
  background-position: -112px -196px;
1774 
  width: 28px;
1775 
  height: 28px;
1776 
}
1777 
#drupalchat .localhost-avatar-sprite-28.I_5 {
1778 
  background-position: -112px -224px;
1779 
  width: 28px;
1780 
  height: 28px;
1781 
}
1782 
#drupalchat .localhost-avatar-sprite-28.J_5 {
1783 
  background-position: -112px -252px;
1784 
  width: 28px;
1785 
  height: 28px;
1786 
}
1787 
#drupalchat .localhost-avatar-sprite-28.K_5 {
1788 
  background-position: -112px -280px;
1789 
  width: 28px;
1790 
  height: 28px;
1791 
}
1792 
#drupalchat .localhost-avatar-sprite-28.L_5 {
1793 
  background-position: -112px -308px;
1794 
  width: 28px;
1795 
  height: 28px;
1796 
}
1797 
#drupalchat .localhost-avatar-sprite-28.M_5 {
1798 
  background-position: -112px -336px;
1799 
  width: 28px;
1800 
  height: 28px;
1801 
}
1802 
#drupalchat .localhost-avatar-sprite-28.N_5 {
1803 
  background-position: -112px -364px;
1804 
  width: 28px;
1805 
  height: 28px;
1806 
}
1807 
#drupalchat .localhost-avatar-sprite-28.O_5 {
1808 
  background-position: -112px -392px;
1809 
  width: 28px;
1810 
  height: 28px;
1811 
}
1812 
#drupalchat .localhost-avatar-sprite-28.P_5 {
1813 
  background-position: -112px -420px;
1814 
  width: 28px;
1815 
  height: 28px;
1816 
}
1817 
#drupalchat .localhost-avatar-sprite-28.Q_5 {
1818 
  background-position: -112px -448px;
1819 
  width: 28px;
1820 
  height: 28px;
1821 
}
1822 
#drupalchat .localhost-avatar-sprite-28.R_5 {
1823 
  background-position: -112px -476px;
1824 
  width: 28px;
1825 
  height: 28px;
1826 
}
1827 
#drupalchat .localhost-avatar-sprite-28.S_5 {
1828 
  background-position: -112px -504px;
1829 
  width: 28px;
1830 
  height: 28px;
1831 
}
1832 
#drupalchat .localhost-avatar-sprite-28.T_5 {
1833 
  background-position: -112px -532px;
1834 
  width: 28px;
1835 
  height: 28px;
1836 
}
1837 
#drupalchat .localhost-avatar-sprite-28.U_5 {
1838 
  background-position: -112px -560px;
1839 
  width: 28px;
1840 
  height: 28px;
1841 
}
1842 
#drupalchat .localhost-avatar-sprite-28.V_5 {
1843 
  background-position: -112px -588px;
1844 
  width: 28px;
1845 
  height: 28px;
1846 
}
1847 
#drupalchat .localhost-avatar-sprite-28.W_5 {
1848 
  background-position: -112px -616px;
1849 
  width: 28px;
1850 
  height: 28px;
1851 
}
1852 
#drupalchat .localhost-avatar-sprite-28.X_5 {
1853 
  background-position: -112px -644px;
1854 
  width: 28px;
1855 
  height: 28px;
1856 
}
1857 
#drupalchat .localhost-avatar-sprite-28.Y_5 {
1858 
  background-position: -112px -672px;
1859 
  width: 28px;
1860 
  height: 28px;
1861 
}
1862 
#drupalchat .localhost-avatar-sprite-28.Z_5 {
1863 
  background-position: -112px -700px;
1864 
  width: 28px;
1865 
  height: 28px;
1866 
}
1867 
#drupalchat .localhost-avatar-sprite-28.A_6 {
1868 
  background-position: -140px 0;
1869 
  width: 28px;
1870 
  height: 28px;
1871 
}
1872 
#drupalchat .localhost-avatar-sprite-28.B_6 {
1873 
  background-position: -140px -28px;
1874 
  width: 28px;
1875 
  height: 28px;
1876 
}
1877 
#drupalchat .localhost-avatar-sprite-28.C_6 {
1878 
  background-position: -140px -56px;
1879 
  width: 28px;
1880 
  height: 28px;
1881 
}
1882 
#drupalchat .localhost-avatar-sprite-28.D_6 {
1883 
  background-position: -140px -84px;
1884 
  width: 28px;
1885 
  height: 28px;
1886 
}
1887 
#drupalchat .localhost-avatar-sprite-28.E_6 {
1888 
  background-position: -140px -112px;
1889 
  width: 28px;
1890 
  height: 28px;
1891 
}
1892 
#drupalchat .localhost-avatar-sprite-28.F_6 {
1893 
  background-position: -140px -140px;
1894 
  width: 28px;
1895 
  height: 28px;
1896 
}
1897 
#drupalchat .localhost-avatar-sprite-28.G_6 {
1898 
  background-position: -140px -168px;
1899 
  width: 28px;
1900 
  height: 28px;
1901 
}
1902 
#drupalchat .localhost-avatar-sprite-28.H_6 {
1903 
  background-position: -140px -196px;
1904 
  width: 28px;
1905 
  height: 28px;
1906 
}
1907 
#drupalchat .localhost-avatar-sprite-28.I_6 {
1908 
  background-position: -140px -224px;
1909 
  width: 28px;
1910 
  height: 28px;
1911 
}
1912 
#drupalchat .localhost-avatar-sprite-28.J_6 {
1913 
  background-position: -140px -252px;
1914 
  width: 28px;
1915 
  height: 28px;
1916 
}
1917 
#drupalchat .localhost-avatar-sprite-28.K_6 {
1918 
  background-position: -140px -280px;
1919 
  width: 28px;
1920 
  height: 28px;
1921 
}
1922 
#drupalchat .localhost-avatar-sprite-28.L_6 {
1923 
  background-position: -140px -308px;
1924 
  width: 28px;
1925 
  height: 28px;
1926 
}
1927 
#drupalchat .localhost-avatar-sprite-28.M_6 {
1928 
  background-position: -140px -336px;
1929 
  width: 28px;
1930 
  height: 28px;
1931 
}
1932 
#drupalchat .localhost-avatar-sprite-28.N_6 {
1933 
  background-position: -140px -364px;
1934 
  width: 28px;
1935 
  height: 28px;
1936 
}
1937 
#drupalchat .localhost-avatar-sprite-28.O_6 {
1938 
  background-position: -140px -392px;
1939 
  width: 28px;
1940 
  height: 28px;
1941 
}
1942 
#drupalchat .localhost-avatar-sprite-28.P_6 {
1943 
  background-position: -140px -420px;
1944 
  width: 28px;
1945 
  height: 28px;
1946 
}
1947 
#drupalchat .localhost-avatar-sprite-28.Q_6 {
1948 
  background-position: -140px -448px;
1949 
  width: 28px;
1950 
  height: 28px;
1951 
}
1952 
#drupalchat .localhost-avatar-sprite-28.R_6 {
1953 
  background-position: -140px -476px;
1954 
  width: 28px;
1955 
  height: 28px;
1956 
}
1957 
#drupalchat .localhost-avatar-sprite-28.S_6 {
1958 
  background-position: -140px -504px;
1959 
  width: 28px;
1960 
  height: 28px;
1961 
}
1962 
#drupalchat .localhost-avatar-sprite-28.T_6 {
1963 
  background-position: -140px -532px;
1964 
  width: 28px;
1965 
  height: 28px;
1966 
}
1967 
#drupalchat .localhost-avatar-sprite-28.U_6 {
1968 
  background-position: -140px -560px;
1969 
  width: 28px;
1970 
  height: 28px;
1971 
}
1972 
#drupalchat .localhost-avatar-sprite-28.V_6 {
1973 
  background-position: -140px -588px;
1974 
  width: 28px;
1975 
  height: 28px;
1976 
}
1977 
#drupalchat .localhost-avatar-sprite-28.W_6 {
1978 
  background-position: -140px -616px;
1979 
  width: 28px;
1980 
  height: 28px;
1981 
}
1982 
#drupalchat .localhost-avatar-sprite-28.X_6 {
1983 
  background-position: -140px -644px;
1984 
  width: 28px;
1985 
  height: 28px;
1986 
}
1987 
#drupalchat .localhost-avatar-sprite-28.Y_6 {
1988 
  background-position: -140px -672px;
1989 
  width: 28px;
1990 
  height: 28px;
1991 
}
1992 
#drupalchat .localhost-avatar-sprite-28.Z_6 {
1993 
  background-position: -140px -700px;
1994 
  width: 28px;
1995 
  height: 28px;
1996 
}
1997 
 
1998 
#drupalchat .localhost-avatar-sprite-28.A_1,
1999 
#drupalchat .localhost-avatar-sprite-28.B_1,
2000 
#drupalchat .localhost-avatar-sprite-28.C_1,
2001 
#drupalchat .localhost-avatar-sprite-28.D_1,
2002 
#drupalchat .localhost-avatar-sprite-28.E_1,
2003 
#drupalchat .localhost-avatar-sprite-28.F_1,
2004 
#drupalchat .localhost-avatar-sprite-28.G_1,
2005 
#drupalchat .localhost-avatar-sprite-28.H_1,
2006 
#drupalchat .localhost-avatar-sprite-28.I_1,
2007 
#drupalchat .localhost-avatar-sprite-28.J_1,
2008 
#drupalchat .localhost-avatar-sprite-28.K_1,
2009 
#drupalchat .localhost-avatar-sprite-28.L_1,
2010 
#drupalchat .localhost-avatar-sprite-28.M_1,
2011 
#drupalchat .localhost-avatar-sprite-28.N_1,
2012 
#drupalchat .localhost-avatar-sprite-28.O_1,
2013 
#drupalchat .localhost-avatar-sprite-28.P_1,
2014 
#drupalchat .localhost-avatar-sprite-28.Q_1,
2015 
#drupalchat .localhost-avatar-sprite-28.R_1,
2016 
#drupalchat .localhost-avatar-sprite-28.S_1,
2017 
#drupalchat .localhost-avatar-sprite-28.T_1,
2018 
#drupalchat .localhost-avatar-sprite-28.U_1,
2019 
#drupalchat .localhost-avatar-sprite-28.V_1,
2020 
#drupalchat .localhost-avatar-sprite-28.W_1,
2021 
#drupalchat .localhost-avatar-sprite-28.X_1,
2022 
#drupalchat .localhost-avatar-sprite-28.Y_1,
2023 
#drupalchat .localhost-avatar-sprite-28.Z_1,
2024 
#drupalchat .localhost-avatar-sprite-28.A_2,
2025 
#drupalchat .localhost-avatar-sprite-28.B_2,
2026 
#drupalchat .localhost-avatar-sprite-28.C_2,
2027 
#drupalchat .localhost-avatar-sprite-28.D_2,
2028 
#drupalchat .localhost-avatar-sprite-28.E_2,
2029 
#drupalchat .localhost-avatar-sprite-28.F_2,
2030 
#drupalchat .localhost-avatar-sprite-28.G_2,
2031 
#drupalchat .localhost-avatar-sprite-28.H_2,
2032 
#drupalchat .localhost-avatar-sprite-28.I_2,
2033 
#drupalchat .localhost-avatar-sprite-28.J_2,
2034 
#drupalchat .localhost-avatar-sprite-28.K_2,
2035 
#drupalchat .localhost-avatar-sprite-28.L_2,
2036 
#drupalchat .localhost-avatar-sprite-28.M_2,
2037 
#drupalchat .localhost-avatar-sprite-28.N_2,
2038 
#drupalchat .localhost-avatar-sprite-28.O_2,
2039 
#drupalchat .localhost-avatar-sprite-28.P_2,
2040 
#drupalchat .localhost-avatar-sprite-28.Q_2,
2041 
#drupalchat .localhost-avatar-sprite-28.R_2,
2042 
#drupalchat .localhost-avatar-sprite-28.S_2,
2043 
#drupalchat .localhost-avatar-sprite-28.T_2,
2044 
#drupalchat .localhost-avatar-sprite-28.U_2,
2045 
#drupalchat .localhost-avatar-sprite-28.V_2,
2046 
#drupalchat .localhost-avatar-sprite-28.W_2,
2047 
#drupalchat .localhost-avatar-sprite-28.X_2,
2048 
#drupalchat .localhost-avatar-sprite-28.Y_2,
2049 
#drupalchat .localhost-avatar-sprite-28.Z_2,
2050 
#drupalchat .localhost-avatar-sprite-28.A_3,
2051 
#drupalchat .localhost-avatar-sprite-28.B_3,
2052 
#drupalchat .localhost-avatar-sprite-28.C_3,
2053 
#drupalchat .localhost-avatar-sprite-28.D_3,
2054 
#drupalchat .localhost-avatar-sprite-28.E_3,
2055 
#drupalchat .localhost-avatar-sprite-28.F_3,
2056 
#drupalchat .localhost-avatar-sprite-28.G_3,
2057 
#drupalchat .localhost-avatar-sprite-28.H_3,
2058 
#drupalchat .localhost-avatar-sprite-28.I_3,
2059 
#drupalchat .localhost-avatar-sprite-28.J_3,
2060 
#drupalchat .localhost-avatar-sprite-28.K_3,
2061 
#drupalchat .localhost-avatar-sprite-28.L_3,
2062 
#drupalchat .localhost-avatar-sprite-28.M_3,
2063 
#drupalchat .localhost-avatar-sprite-28.N_3,
2064 
#drupalchat .localhost-avatar-sprite-28.O_3,
2065 
#drupalchat .localhost-avatar-sprite-28.P_3,
2066 
#drupalchat .localhost-avatar-sprite-28.Q_3,
2067 
#drupalchat .localhost-avatar-sprite-28.R_3,
2068 
#drupalchat .localhost-avatar-sprite-28.S_3,
2069 
#drupalchat .localhost-avatar-sprite-28.T_3,
2070 
#drupalchat .localhost-avatar-sprite-28.U_3,
2071 
#drupalchat .localhost-avatar-sprite-28.V_3,
2072 
#drupalchat .localhost-avatar-sprite-28.W_3,
2073 
#drupalchat .localhost-avatar-sprite-28.X_3,
2074 
#drupalchat .localhost-avatar-sprite-28.Y_3,
2075 
#drupalchat .localhost-avatar-sprite-28.Z_3,
2076 
#drupalchat .localhost-avatar-sprite-28.A_4,
2077 
#drupalchat .localhost-avatar-sprite-28.B_4,
2078 
#drupalchat .localhost-avatar-sprite-28.C_4,
2079 
#drupalchat .localhost-avatar-sprite-28.D_4,
2080 
#drupalchat .localhost-avatar-sprite-28.E_4,
2081 
#drupalchat .localhost-avatar-sprite-28.F_4,
2082 
#drupalchat .localhost-avatar-sprite-28.G_4,
2083 
#drupalchat .localhost-avatar-sprite-28.H_4,
2084 
#drupalchat .localhost-avatar-sprite-28.I_4,
2085 
#drupalchat .localhost-avatar-sprite-28.J_4,
2086 
#drupalchat .localhost-avatar-sprite-28.K_4,
2087 
#drupalchat .localhost-avatar-sprite-28.L_4,
2088 
#drupalchat .localhost-avatar-sprite-28.M_4,
2089 
#drupalchat .localhost-avatar-sprite-28.N_4,
2090 
#drupalchat .localhost-avatar-sprite-28.O_4,
2091 
#drupalchat .localhost-avatar-sprite-28.P_4,
2092 
#drupalchat .localhost-avatar-sprite-28.Q_4,
2093 
#drupalchat .localhost-avatar-sprite-28.R_4,
2094 
#drupalchat .localhost-avatar-sprite-28.S_4,
2095 
#drupalchat .localhost-avatar-sprite-28.T_4,
2096 
#drupalchat .localhost-avatar-sprite-28.U_4,
2097 
#drupalchat .localhost-avatar-sprite-28.V_4,
2098 
#drupalchat .localhost-avatar-sprite-28.W_4,
2099 
#drupalchat .localhost-avatar-sprite-28.X_4,
2100 
#drupalchat .localhost-avatar-sprite-28.Y_4,
2101 
#drupalchat .localhost-avatar-sprite-28.Z_4,
2102 
#drupalchat .localhost-avatar-sprite-28.A_5,
2103 
#drupalchat .localhost-avatar-sprite-28.B_5,
2104 
#drupalchat .localhost-avatar-sprite-28.C_5,
2105 
#drupalchat .localhost-avatar-sprite-28.D_5,
2106 
#drupalchat .localhost-avatar-sprite-28.E_5,
2107 
#drupalchat .localhost-avatar-sprite-28.F_5,
2108 
#drupalchat .localhost-avatar-sprite-28.G_5,
2109 
#drupalchat .localhost-avatar-sprite-28.H_5,
2110 
#drupalchat .localhost-avatar-sprite-28.I_5,
2111 
#drupalchat .localhost-avatar-sprite-28.J_5,
2112 
#drupalchat .localhost-avatar-sprite-28.K_5,
2113 
#drupalchat .localhost-avatar-sprite-28.L_5,
2114 
#drupalchat .localhost-avatar-sprite-28.M_5,
2115 
#drupalchat .localhost-avatar-sprite-28.N_5,
2116 
#drupalchat .localhost-avatar-sprite-28.O_5,
2117 
#drupalchat .localhost-avatar-sprite-28.P_5,
2118 
#drupalchat .localhost-avatar-sprite-28.Q_5,
2119 
#drupalchat .localhost-avatar-sprite-28.R_5,
2120 
#drupalchat .localhost-avatar-sprite-28.S_5,
2121 
#drupalchat .localhost-avatar-sprite-28.T_5,
2122 
#drupalchat .localhost-avatar-sprite-28.U_5,
2123 
#drupalchat .localhost-avatar-sprite-28.V_5,
2124 
#drupalchat .localhost-avatar-sprite-28.W_5,
2125 
#drupalchat .localhost-avatar-sprite-28.X_5,
2126 
#drupalchat .localhost-avatar-sprite-28.Y_5,
2127 
#drupalchat .localhost-avatar-sprite-28.Z_5,
2128 
#drupalchat .localhost-avatar-sprite-28.A_6,
2129 
#drupalchat .localhost-avatar-sprite-28.B_6,
2130 
#drupalchat .localhost-avatar-sprite-28.C_6,
2131 
#drupalchat .localhost-avatar-sprite-28.D_6,
2132 
#drupalchat .localhost-avatar-sprite-28.E_6,
2133 
#drupalchat .localhost-avatar-sprite-28.F_6,
2134 
#drupalchat .localhost-avatar-sprite-28.G_6,
2135 
#drupalchat .localhost-avatar-sprite-28.H_6,
2136 
#drupalchat .localhost-avatar-sprite-28.I_6,
2137 
#drupalchat .localhost-avatar-sprite-28.J_6,
2138 
#drupalchat .localhost-avatar-sprite-28.K_6,
2139 
#drupalchat .localhost-avatar-sprite-28.L_6,
2140 
#drupalchat .localhost-avatar-sprite-28.M_6,
2141 
#drupalchat .localhost-avatar-sprite-28.N_6,
2142 
#drupalchat .localhost-avatar-sprite-28.O_6,
2143 
#drupalchat .localhost-avatar-sprite-28.P_6,
2144 
#drupalchat .localhost-avatar-sprite-28.Q_6,
2145 
#drupalchat .localhost-avatar-sprite-28.R_6,
2146 
#drupalchat .localhost-avatar-sprite-28.S_6,
2147 
#drupalchat .localhost-avatar-sprite-28.T_6,
2148 
#drupalchat .localhost-avatar-sprite-28.U_6,
2149 
#drupalchat .localhost-avatar-sprite-28.V_6,
2150 
#drupalchat .localhost-avatar-sprite-28.W_6,
2151 
#drupalchat .localhost-avatar-sprite-28.X_6,
2152 
#drupalchat .localhost-avatar-sprite-28.Y_6,
2153 
#drupalchat .localhost-avatar-sprite-28.Z_6,
2154 
#drupalchat .localhost-avatar-sprite-28.User_1,
2155 
#drupalchat .localhost-avatar-sprite-28.User_2,
2156 
#drupalchat .localhost-avatar-sprite-28.User_3,
2157 
#drupalchat .localhost-avatar-sprite-28.User_4,
2158 
#drupalchat .localhost-avatar-sprite-28.User_5,
2159 
#drupalchat .localhost-avatar-sprite-28.User_6,
2160 
#drupalchat .localhost-avatar-sprite-28.Male_1,
2161 
#drupalchat .localhost-avatar-sprite-28.Male_2,
2162 
#drupalchat .localhost-avatar-sprite-28.Male_3,
2163 
#drupalchat .localhost-avatar-sprite-28.Male_4,
2164 
#drupalchat .localhost-avatar-sprite-28.Male_5,
2165 
#drupalchat .localhost-avatar-sprite-28.Male_6,
2166 
#drupalchat .localhost-avatar-sprite-28.Female_1,
2167 
#drupalchat .localhost-avatar-sprite-28.Female_2,
2168 
#drupalchat .localhost-avatar-sprite-28.Female_3,
2169 
#drupalchat .localhost-avatar-sprite-28.Female_4,
2170 
#drupalchat .localhost-avatar-sprite-28.Female_5,
2171 
#drupalchat .localhost-avatar-sprite-28.Female_6,
2172 
#drupalchat .localhost-avatar-sprite-28.ChatRoom1_1,
2173 
#drupalchat .localhost-avatar-sprite-28.ChatRoom1_2,
2174 
#drupalchat .localhost-avatar-sprite-28.ChatRoom1_3,
2175 
#drupalchat .localhost-avatar-sprite-28.ChatRoom1_4,
2176 
#drupalchat .localhost-avatar-sprite-28.ChatRoom1_5,
2177 
#drupalchat .localhost-avatar-sprite-28.ChatRoom1_6,
2178 
#drupalchat .localhost-avatar-sprite-28.ChatRoom2_1,
2179 
#drupalchat .localhost-avatar-sprite-28.ChatRoom2_2,
2180 
#drupalchat .localhost-avatar-sprite-28.ChatRoom2_3,
2181 
#drupalchat .localhost-avatar-sprite-28.ChatRoom2_4,
2182 
#drupalchat .localhost-avatar-sprite-28.ChatRoom2_5,
2183 
#drupalchat .localhost-avatar-sprite-28.ChatRoom2_6 {
2184 
  background-image: url("img/avatar_sprite_v2.jpg");
2185 
  /*background-repeat: none;*/
2186 
  background-size: 168px 868px;
2187 
}
2188 
 
2189 
#drupalchat .chatboxcontent {
2190 
  width: 100%;
2191 
  padding: 0;
2192 
}
2193 
 
2194 
#drupalchat .subpanel .contact-list {
2195 
  width: 100%;
2196 
  height: 250px;
2197 
  /* overflow-y: scroll; */
2198 
  background-color: #eceff1;
2199 
}
2200 
 
2201 
#drupalchat img {
2202 
  float: left;
2203 
  height: 28px;
2204 
  width: 28px;
2205 
  -webkit-border-radius: 28px;
2206 
  -moz-border-radius: 28px;
2207 
  border-radius: 28px;
2208 
}
2209 
#drupalchat .subpanel .statuso {
2210 
  display: inline;
2211 
 
2212 
  height: 21px;
2213 
  float: right;
2214 
  padding-top: 10px;
2215 
}
2216 
#drupalchat .statuso.Online {
2217 
  color: rgb(66, 183, 42);
2218 
}
2219 
#drupalchat .statuso.Offline {
2220 
  color: gray;
2221 
}
2222 
 
2223 
#drupalchat .subpanel ul {
2224 
  background: #fff;
2225 
}
2226 
#drupalchat .subpanel ul {
2227 
  border: 0;
2228 
  margin: 0;
2229 
  overflow: auto;
2230 
  width: 100%;
2231 
}
2232 
#drupalchat ul {
2233 
  float: right;
2234 
  list-style: none;
2235 
  margin: 0;
2236 
  padding: 0;
2237 
  width: 100%;
2238 
}
2239 
 
2240 
#drupalchat .subpanel li {
2241 
  background: #fff;
2242 
}
2243 
#drupalchat .subpanel li {
2244 
  clear: both;
2245 
  display: block;
2246 
  float: none;
2247 
  margin: 0;
2248 
  overflow: hidden;
2249 
  padding: 0;
2250 
  position: static;
2251 
  backface-visibility: hidden;
2252 
  -webkit-backface-visibility: hidden;
2253 
}
2254 
 
2255 
/*Contact List*/
2256 
.userfiles {
2257 
  max-width: 156px;
2258 
  padding: 4px 0 4px 0;
2259 
  border-radius: 7px;
2260 
  cursor: pointer;
2261 
}
2262 
a.download-link:before {
2263 
  content: url("/images/extension/blank.png");
2264 
  margin-right: 6px;
2265 
  vertical-align: middle;
2266 
}
2267 
a.download-link[href$=".doc"]:before,
2268 
a.download-link[href$=".rtf"]:before,
2269 
a.download-link[href$=".txt"]:before {
2270 
  content: url("/images/extension/doc.png");
2271 
}
2272 
a.download-link[href$=".docx"]:before {
2273 
  content: url("/images/extension/docx.png");
2274 
}
2275 
a.download-link[href$=".zip"]:before {
2276 
  content: url("/images/extension/zip.png");
2277 
}
2278 
a.download-link[href$=".rar"]:before {
2279 
  content: url("/images/extension/rar.png");
2280 
}
2281 
a.download-link[href$=".mp3"]:before {
2282 
  content: url("/images/extension/mp3.png");
2283 
}
2284 
a.download-link[href$=".mp4"]:before,
2285 
a.download-link[href$=".MP4"]:before {
2286 
  content: url("/images/extension/mp4.png");
2287 
}
2288 
a.download-link[href$=".pdf"]:before {
2289 
  content: url("/images/extension/pdf.png");
2290 
}
2291 
a.download-link[href$=".ppt"]:before {
2292 
  content: url("/images/extension/ppt.png");
2293 
}
2294 
a.download-link[href$=".psd"]:before {
2295 
  content: url("/images/extension/psd.png");
2296 
}
2297 
a.download-link[href$=".xls"]:before {
2298 
  content: url("/images/extension/xls.png");
2299 
}
2300 
a.download-link[href$=".xlsx"]:before {
2301 
  content: url("/images/extension/xlsx.png");
2302 
}
2303 
a.download-link[href$=".xml"]:before {
2304 
  content: url("/images/extension/xml.png");
2305 
}
2306 
 
2307 
.lightbox {
2308 
  position: fixed;
2309 
  top: 0;
2310 
  left: 0;
2311 
  width: 100%;
2312 
  height: 100%;
2313 
  background-color: rgba(0, 0, 0, 0.82);
2314 
  text-align: center;
2315 
  z-index: 10000;
2316 
}
2317 
.lightbox p {
2318 
  text-align: right;
2319 
  color: #fff;
2320 
  margin-right: 20px;
2321 
  font-size: 12px;
2322 
}
2323 
 
2324 
.lightbox #content {
2325 
  vertical-align: middle;
2326 
  padding-left: 20%;
2327 
  padding-right: 20%;
2328 
}
2329 
.lightbox #gcontent {
2330 
  vertical-align: middle;
2331 
  padding-left: 40%;
2332 
  padding-right: 50%;
2333 
}
2334 
 
2335 
.lightbox #content img {
2336 
  box-shadow: 0 0 25px #111;
2337 
  -webkit-box-shadow: 0 0 25px #111;
2338 
  -moz-box-shadow: 0 0 25px #111;
2339 
  max-width: 100%;
2340 
  max-height: 550px;
2341 
  border: 10px solid #95d9cc;
2342 
  border-radius: 10px;
2343 
}
2344 
 
2345 
.participants_list {
2346 
  position: absolute;
2347 
  top: 118px;
2348 
  bottom: 44px;
2349 
  left: 0;
2350 
  right: 0;
2351 
  overflow-y: auto;
2352 
  width: 100%;
2353 
}
2354 
 
2355 
.participants_controls {
2356 
  position: absolute;
2357 
  bottom: 0;
2358 
  left: 0;
2359 
  right: 0;
2360 
  padding: 10px;
2361 
  text-align: center;
2362 
}
2363 
 
2364 
.ul-participants-list .drupalchat-self-profile {
2365 
  display: inline-block;
2366 
  height: 37px;
2367 
  width: 91%;
2368 
}
2369 
 
2370 
.ul-participants-list .drupalchat-self-profile .drupalchat-self-profile-div {
2371 
  display: inline-block;
2372 
  width: 32px;
2373 
}
2374 
 
2375 
.ul-participants-list .drupalchat-self-profile .drupalchat-self-profile-namdiv {
2376 
  display: inline-block;
2377 
  width: 70%;
2378 
  padding: 0;
2379 
  margin: 0;
2380 
  height: 100%;
2381 
  padding-left: 3px;
2382 
}
2383 
 
2384 
.ul-participants-list
2385 
  .drupalchat-self-profile
2386 
  .drupalchat-self-profile-namdiv
2387 
  .drupalchat-profile-un {
2388 
  display: inline;
2389 
  border: 0;
2390 
  padding: 0;
2391 
  margin-left: 7px;
2392 
  margin-top: 6px;
2393 
  position: absolute;
2394 
  float: left;
2395 
  width: 118px;
2396 
  font-size: 13px;
2397 
  overflow: hidden;
2398 
  cursor: pointer;
2399 
  font-weight: bold;
2400 
}
2401 
 
2402 
.ul-participants-list .drupalchat-self-profile .statuso {
2403 
  display: inline;
2404 
  width: 0px;
2405 
  height: 21px;
2406 
  float: right;
2407 
  padding-top: 10px;
2408 
}
2409 
 
2410 
#drupalchat .subpanel .group-list {
2411 
  width: 100%;
2412 
  height: 250px;
2413 
  overflow-y: auto;
2414 
  background-color: #eceff1;
2415 
}
2416 
 
2417 
.statusIN {
2418 
  margin-left: 5px;
2419 
}
2420 
.statusIN:hover {
2421 
  cursor: pointer;
2422 
}
2423 
 
2424 
#gcontent > .participants_list_group {
2425 
  position: absolute;
2426 
  top: 118px;
2427 
  bottom: 44px;
2428 
  left: auto;
2429 
  overflow-y: auto;
2430 
  width: 250px;
2431 
  background-color: #fff;
2432 
}