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

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

Proyectos de Subversion LeadersLinked - Antes de SPA

(root)/public/look-and-field/chat.css – Rev 4151