Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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