WebSVN – LeadersLinked - Antes de SPA – Autoría – /public/look-and-field/components/chat/chat.scss

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

Proyectos de Subversion LeadersLinked - Antes de SPA

(root)/public/look-and-field/components/chat/chat.scss @ 3541 – Rev