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

Proyectos de Subversion LeadersLinked - Antes de SPA

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