← All changes | includes/chat-sessions/css/history-style.css +160 -47 8.7.4 → 8.8.0 View file →

		@@ -1,4 +1,19 @@
	1	+/* WPBot design tokens — change colors here to theme the whole admin UI */
	2	+:root {
	3	+ --woobot-primary: #5B4E96;
	4	+ --woobot-primary-color: #5B4E96;
	5	+ --woobot-primary-dark: #463a7a;
	6	+ --woobot-primary-soft: #f3f1fa;
	7	+ --woobot-primary-border: #e4e0f2;
	8	+ --woobot-surface: #ffffff;
	9	+ --woobot-page-bg: #F5F7FD;
	10	+ --woobot-text: #2d2a3a;
	11	+ --woobot-muted: #6b6680;
	12	+ --woobot-danger: #e25563;
	13	+ --woobot-nav-muted: #988FBD;
	14	+ --woobot-primary-rgb: 91, 78, 150;
	15	+}
1	16	.wp-chatbot-messages-wrapper{padding: 15px;padding-left: 43px;padding-right: 43px;}
2	17	.wp-chatbot-messages-wrapper ul{overflow:inherit !Important}
3	18	.sld_menu_title_align {
4	19	text-align: right;
		@@ -106,9 +121,10 @@
106	121	padding: 20px;
107	122	margin: 20px 0 0 0;
108	123	border-radius: 16px;
109	124	justify-content: space-between;
110		- width: 98%;
	125	+ width: 100%;
	126	+ box-sizing: border-box;
111	127	flex-direction: column;
112	128	}
113	129	.qcld-session-history_menu_title h2 {
114	130	margin: 0 !important;
		@@ -114,9 +130,9 @@
114	130	margin: 0 !important;
115	131	padding: 0 !important;
116	132	font-weight: 700;
117	133	font-size: 24px;
118		- color: #5B4E96 !important;
	134	+ color: var(--woobot-primary) !important;
119	135	line-height: normal;
120	136	}
121	137	.qcld-session-history_menu_box form#wpcs_form_sessions {
122	138	row-gap: 10px;
		@@ -124,8 +140,9 @@
124	140	padding: 20px;
125	141	margin: 20px 0 0 0;
126	142	border-radius: 16px;
127	143	width: 100%;
	144	+ box-sizing: border-box;
128	145	}
129	146	.qcld-session-history_menu_box .btn.btn-primary {
130	147	padding: 8px 24px;
131	148	width: auto;
		@@ -182,15 +199,15 @@
182	199	border: 2px solid var(--woobot-primary-color);
183	200	}
184	201
185	202	.qcld-session-history_menu_box table#chatsession-table a:not(.btn) {
186		- color: #5B4E96;
	203	+ color: var(--woobot-primary);
187	204	font-weight: 500;
188	205	text-decoration: none;
189	206	}
190	207
191	208	.qcld-session-history_menu_box table#chatsession-table a:not(.btn):hover {
192		- color: #463a7a;
	209	+ color: var(--woobot-primary-dark);
193	210	text-decoration: underline;
194	211	}
195	212
196	213	table#chatsession-table {
		@@ -367,9 +384,9 @@
367	384	left: 50%;
368	385	transform: translate(-50%, -50%);
369	386	margin: 0;
370	387	padding: 0;
371		- border: 1px solid #e4e0f2;
	388	+ border: 1px solid var(--woobot-primary-border);
372	389	width: calc(100% - 40px);
373	390	max-width: 720px;
374	391	height: auto;
375	392	max-height: min(860px, calc(100vh - 48px));
		@@ -374,9 +391,9 @@
374	391	height: auto;
375	392	max-height: min(860px, calc(100vh - 48px));
376	393	background: #fff;
377	394	border-radius: 16px;
378		- box-shadow: 0 16px 48px rgba(91, 78, 150, 0.22);
	395	+ box-shadow: 0 16px 48px rgba(var(--woobot-primary-rgb), 0.22);
379	396	overflow: hidden;
380	397	display: flex;
381	398	flex-direction: column;
382	399	}
		@@ -386,9 +403,9 @@
386	403	top: 12px;
387	404	right: 12px;
388	405	z-index: 10001;
389	406	color: #fff;
390		- background: #5B4E96;
	407	+ background: var(--woobot-primary);
391	408	font-size: 20px;
392	409	font-weight: 600;
393	410	cursor: pointer;
394	411	height: 32px;
		@@ -395,14 +412,14 @@
395	412	width: 32px;
396	413	border-radius: 50%;
397	414	text-align: center;
398	415	line-height: 30px;
399		- box-shadow: 0 2px 8px rgba(91, 78, 150, 0.25);
	416	+ box-shadow: 0 2px 8px rgba(var(--woobot-primary-rgb), 0.25);
400	417	transition: background 0.15s ease;
401	418	}
402	419
403	420	div#session_details_modal .details_session_close:hover {
404		- background: #463a7a;
	421	+ background: var(--woobot-primary-dark);
405	422	}
406	423
407	424	div#session_details_modal .details_modal_body {
408	425	display: flex;
		@@ -432,9 +449,9 @@
432	449	}
433	450
434	451	/* Source URL bar inside modal */
435	452	div#session_details_modal li.session_start_url {
436		- background: #5B4E96 !important;
	453	+ background: var(--woobot-primary) !important;
437	454	padding: 12px 16px;
438	455	margin: 0 0 16px;
439	456	color: #fff;
440	457	border-radius: 10px;
		@@ -454,16 +471,16 @@
454	471
455	472	/* Chat bubbles in modal */
456	473	div#session_details_modal .wp-chatbot-paragraph {
457	474	background: #fff !important;
458		- border: 1px solid #e4e0f2;
	475	+ border: 1px solid var(--woobot-primary-border);
459	476	padding: 10px 14px !important;
460	477	border-radius: 12px !important;
461		- box-shadow: 0 1px 3px rgba(91, 78, 150, 0.06);
	478	+ box-shadow: 0 1px 3px rgba(var(--woobot-primary-rgb), 0.06);
462	479	}
463	480
464	481	div#session_details_modal li.wp-chat-user-msg .wp-chatbot-paragraph {
465		- background: #f3f1fa !important;
	482	+ background: var(--woobot-primary-soft) !important;
466	483	border-color: #ddd6f3;
467	484	}
468	485
469	486	div#session_details_modal .wp-chatbot-avatar img {
		@@ -469,9 +486,9 @@
469	486	div#session_details_modal .wp-chatbot-avatar img {
470	487	width: 36px !important;
471	488	height: 36px !important;
472	489	border-radius: 50%;
473		- border: 2px solid #e4e0f2;
	490	+ border: 2px solid var(--woobot-primary-border);
474	491	}
475	492
476	493	/* Email reply panel */
477	494	div#session_details_modal .email-reply-container {
		@@ -477,9 +494,9 @@
477	494	div#session_details_modal .email-reply-container {
478	495	flex: 0 0 auto;
479	496	margin: 0 !important;
480	497	padding: 18px 20px 20px !important;
481		- border-top: 1px solid #e4e0f2 !important;
	498	+ border-top: 1px solid var(--woobot-primary-border) !important;
482	499	background: #fff !important;
483	500	border-radius: 0 !important;
484	501	}
485	502
		@@ -489,18 +506,18 @@
489	506	align-items: center;
490	507	gap: 8px 14px;
491	508	margin: 0 0 12px;
492	509	font-size: 13px;
493		- color: #2d2a3a;
	510	+ color: var(--woobot-text);
494	511	}
495	512
496	513	div#session_details_modal .email-reply-container .email-reply-meta strong {
497		- color: #5B4E96;
	514	+ color: var(--woobot-primary);
498	515	font-weight: 600;
499	516	}
500	517
501	518	div#session_details_modal .email-reply-container .email-reply-meta a {
502		- color: #5B4E96;
	519	+ color: var(--woobot-primary);
503	520	font-weight: 500;
504	521	}
505	522
506	523	div#session_details_modal .email-reply-container #reply_from_email,
		@@ -507,13 +524,13 @@
507	524	div#session_details_modal .email-reply-container #reply_subject,
508	525	div#session_details_modal .email-reply-container #reply_message {
509	526	width: 100%;
510	527	box-sizing: border-box;
511		- border: 1px solid #e4e0f2;
	528	+ border: 1px solid var(--woobot-primary-border);
512	529	border-radius: 8px;
513	530	padding: 10px 12px;
514	531	font-size: 13px;
515		- color: #2d2a3a;
	532	+ color: var(--woobot-text);
516	533	background: #fff;
517	534	box-shadow: none;
518	535	outline: none;
519	536	transition: border-color 0.15s ease, box-shadow 0.15s ease;
		@@ -528,10 +545,10 @@
528	545
529	546	div#session_details_modal .email-reply-container #reply_from_email:focus,
530	547	div#session_details_modal .email-reply-container #reply_subject:focus,
531	548	div#session_details_modal .email-reply-container #reply_message:focus {
532		- border-color: #5B4E96;
533		- box-shadow: 0 0 0 3px rgba(91, 78, 150, 0.15);
	549	+ border-color: var(--woobot-primary);
	550	+ box-shadow: 0 0 0 3px rgba(var(--woobot-primary-rgb), 0.15);
534	551	}
535	552
536	553	div#session_details_modal .email-reply-container .form-group {
537	554	margin-bottom: 10px !important;
		@@ -537,9 +554,9 @@
537	554	margin-bottom: 10px !important;
538	555	}
539	556
540	557	div#session_details_modal .email-reply-container #btn_send_reply_email {
541		- background: #5B4E96 !important;
	558	+ background: var(--woobot-primary) !important;
542	559	color: #fff !important;
543	560	border: none !important;
544	561	padding: 10px 20px !important;
545	562	border-radius: 8px !important;
		@@ -549,9 +566,9 @@
549	566	transition: background 0.15s ease;
550	567	}
551	568
552	569	div#session_details_modal .email-reply-container #btn_send_reply_email:hover:not(:disabled) {
553		- background: #463a7a !important;
	570	+ background: var(--woobot-primary-dark) !important;
554	571	}
555	572
556	573	div#session_details_modal .email-reply-container #btn_send_reply_email:disabled {
557	574	opacity: 0.55;
		@@ -574,9 +591,9 @@
574	591	top: 50%;
575	592	width: 50px;
576	593	height: 50px;
577	594	font-size: 0;
578		- color: #5B4E96;
	595	+ color: var(--woobot-primary);
579	596	display: inline-block !important;
580	597	margin: -25px 0 0 -25px;
581	598	text-indent: -9999em;
582	599	-webkit-transform: translateZ(0);
		@@ -586,9 +603,9 @@
586	603	.lead{
587	604	font-size:13px;
588	605	}
589	606	.loader div {
590		- background-color: #5B4E96;
	607	+ background-color: var(--woobot-primary);
591	608	display: inline-block;
592	609	float: none;
593	610	position: absolute;
594	611	top: 0;
		@@ -811,9 +828,9 @@
811	828	padding: 14px 30px;
812	829	width: auto;
813	830	font-size: 16px;
814	831	font-weight: 500;
815		- color: #988FBD;
	832	+ color: var(--woobot-nav-muted);
816	833	border-radius: 8px;
817	834	position: relative;
818	835	display: inline-block;
819	836	align-items: center;
		@@ -862,9 +879,9 @@
862	879	}
863	880
864	881
865	882	.qcld-session-history_menu_box .btn.btn-primary {
866		- background: #564a8e !important;
	883	+ background: var(--woobot-primary) !important;
867	884	color: #fff !important;
868	885	margin: 0 0 3px 0;
869	886	}
870	887	.qcld-session-history_menu_box a.btn.btn-success {
		@@ -874,12 +891,12 @@
874	891	font-weight: 500;
875	892	border-radius: 8px;
876	893	position: relative;
877	894	background: #ffffff;
878		- color: #564a8e;
	895	+ color: var(--woobot-primary);
879	896	text-decoration: none;
880	897	line-height: normal;
881		- border: 2px solid #564a8e;
	898	+ border: 2px solid var(--woobot-primary);
882	899	}
883	900	.qcld-session-history_menu_box a.btn.btn-success:hover {
884	901	padding: 8px 24px;
885	902	width: auto;
		@@ -886,13 +903,13 @@
886	903	font-size: 15px;
887	904	font-weight: 500;
888	905	border-radius: 8px;
889	906	position: relative;
890		- background: #564a8e;
	907	+ background: var(--woobot-primary);
891	908	color: #fff;
892	909	text-decoration: none;
893	910	line-height: normal;
894		- border: 2px solid #564a8e;
	911	+ border: 2px solid var(--woobot-primary);
895	912	}
896	913
897	914	li.session_start_url span {
898	915	font-weight: bold;
		@@ -897,9 +914,9 @@
897	914	li.session_start_url span {
898	915	font-weight: bold;
899	916	}
900	917	li.session_start_url {
901		- background: #5B4E96 !important;
	918	+ background: var(--woobot-primary) !important;
902	919	padding: 8px 8px;
903	920	color: #fff;
904	921	border-radius: 6px;
905	922	}
		@@ -925,10 +942,10 @@
925	942	visibility: hidden;
926	943	pointer-events: none;
927	944	transform: translateY(100%);
928	945	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
929		- box-shadow: 0 -8px 28px rgba(91, 78, 150, 0.12);
930		- border-top: 1px solid #e4e0f2;
	946	+ box-shadow: 0 -8px 28px rgba(var(--woobot-primary-rgb), 0.12);
	947	+ border-top: 1px solid var(--woobot-primary-border);
931	948	max-height: 55vh;
932	949	overflow-y: auto;
933	950	box-sizing: border-box;
934	951	}
		@@ -964,8 +981,9 @@
964	981	}
965	982
966	983	/* ─── Modern Sessions UI (plugin palette) ─────────────────────────────────── */
967	984	.qcld-session-history_menu_box {
	985	+ --woobot-primary: #5B4E96;
968	986	--woobot-primary-color: #5B4E96;
969	987	--woobot-primary-dark: #463a7a;
970	988	--woobot-primary-soft: #f3f1fa;
971	989	--woobot-primary-border: #e4e0f2;
		@@ -1027,9 +1045,9 @@
1027	1045	width: 18px;
1028	1046	height: 18px;
1029	1047	background: #fff;
1030	1048	border-radius: 50%;
1031		- box-shadow: 0 1px 3px rgba(91, 78, 150, 0.25);
	1049	+ box-shadow: 0 1px 3px rgba(var(--woobot-primary-rgb), 0.25);
1032	1050	transition: transform 0.2s ease;
1033	1051	}
1034	1052
1035	1053	.qcld-session-email-notice__input:checked + .qcld-session-email-notice__switch {
		@@ -1171,9 +1189,9 @@
1171	1189
1172	1190	.qcld-session-history_menu_box div.dt-container select.dt-input:focus,
1173	1191	.qcld-session-history_menu_box div.dt-container input.dt-input:focus {
1174	1192	border-color: var(--woobot-primary-color);
1175		- box-shadow: 0 0 0 3px rgba(91, 78, 150, 0.15);
	1193	+ box-shadow: 0 0 0 3px rgba(var(--woobot-primary-rgb), 0.15);
1176	1194	}
1177	1195
1178	1196	/* Sessions table */
1179	1197	.qcld-session-history_menu_box .chatsession_table_area {
		@@ -1242,10 +1260,10 @@
1242	1260	display: inline-flex;
1243	1261	align-items: center;
1244	1262	justify-content: center;
1245	1263	gap: 4px;
1246		- margin: 2px 4px 2px 0;
1247		- padding: 7px 12px;
	1264	+ margin: 2px 2px 2px 0;
	1265	+ padding: 7px 10px;
1248	1266	border-radius: 8px;
1249	1267	font-size: 12px;
1250	1268	font-weight: 600;
1251	1269	line-height: 1.2;
		@@ -1256,9 +1274,9 @@
1256	1274	}
1257	1275
1258	1276	.qcld-session-history_menu_box table#chatsession-table a.btn.btn-danger,
1259	1277	.qcld-session-history_menu_box table#chatsession-table .btn.btn-danger {
1260		- background: #e25563;
	1278	+ background: var(--woobot-danger);
1261	1279	color: #fff;
1262	1280	}
1263	1281
1264	1282	.qcld-session-history_menu_box table#chatsession-table a.btn.btn-danger:hover,
		@@ -1380,9 +1398,9 @@
1380	1398	.wpbot-session-details-page .wpbot-session-chat-card {
1381	1399	background: #fff;
1382	1400	border: 1px solid var(--woobot-primary-border);
1383	1401	border-radius: 16px;
1384		- box-shadow: 0 6px 22px rgba(91, 78, 150, 0.06);
	1402	+ box-shadow: 0 6px 22px rgba(var(--woobot-primary-rgb), 0.06);
1385	1403	width: 100%;
1386	1404	box-sizing: border-box;
1387	1405	}
1388	1406
		@@ -1561,9 +1579,9 @@
1561	1579	background: #fff !important;
1562	1580	border: 1px solid var(--woobot-primary-border);
1563	1581	padding: 10px 14px !important;
1564	1582	border-radius: 12px !important;
1565		- box-shadow: 0 1px 3px rgba(91, 78, 150, 0.06);
	1583	+ box-shadow: 0 1px 3px rgba(var(--woobot-primary-rgb), 0.06);
1566	1584	text-align: left !important;
1567	1585	}
1568	1586
1569	1587	.wpbot-session-details-page li.wp-chat-user-msg .wp-chatbot-paragraph {
		@@ -1597,9 +1615,9 @@
1597	1615	color: #fff;
1598	1616	font-size: 14px;
1599	1617	font-weight: 600;
1600	1618	font-family: inherit;
1601		- box-shadow: 0 10px 28px rgba(91, 78, 150, 0.35);
	1619	+ box-shadow: 0 10px 28px rgba(var(--woobot-primary-rgb), 0.35);
1602	1620	cursor: pointer;
1603	1621	transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
1604	1622	}
1605	1623
		@@ -1611,9 +1629,9 @@
1611	1629	.wpbot-session-details-page .wpbot-reply-fab:hover,
1612	1630	.wpbot-session-details-page .wpbot-reply-fab.is-active {
1613	1631	background: var(--woobot-primary-dark);
1614	1632	transform: translateY(-2px);
1615		- box-shadow: 0 12px 32px rgba(91, 78, 150, 0.4);
	1633	+ box-shadow: 0 12px 32px rgba(var(--woobot-primary-rgb), 0.4);
1616	1634	}
1617	1635
1618	1636	.wpbot-session-details-page .wpbot-reply-panel {
1619	1637	position: fixed;
		@@ -1627,9 +1645,9 @@
1627	1645	flex-direction: column;
1628	1646	background: #fff;
1629	1647	border: 1px solid var(--woobot-primary-border);
1630	1648	border-radius: 16px;
1631		- box-shadow: 0 16px 40px rgba(91, 78, 150, 0.2);
	1649	+ box-shadow: 0 16px 40px rgba(var(--woobot-primary-rgb), 0.2);
1632	1650	opacity: 0;
1633	1651	visibility: hidden;
1634	1652	transform: translateY(12px) scale(0.98);
1635	1653	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
		@@ -1739,9 +1757,9 @@
1739	1757
1740	1758	.wpbot-session-details-page .email-reply-container .form-control:focus,
1741	1759	.wpbot-session-details-page .forward-session-wrapper #details_session_email:focus {
1742	1760	border-color: var(--woobot-primary);
1743		- box-shadow: 0 0 0 3px rgba(91, 78, 150, 0.15);
	1761	+ box-shadow: 0 0 0 3px rgba(var(--woobot-primary-rgb), 0.15);
1744	1762	}
1745	1763
1746	1764	.wpbot-session-details-page .forward-session-wrapper {
1747	1765	display: flex;
		@@ -1839,9 +1857,9 @@
1839	1857	background: #fff;
1840	1858	border: 1px solid var(--woobot-primary-border);
1841	1859	border-radius: 16px;
1842	1860	padding: 48px 36px;
1843		- box-shadow: 0 8px 28px rgba(91, 78, 150, 0.08);
	1861	+ box-shadow: 0 8px 28px rgba(var(--woobot-primary-rgb), 0.08);
1844	1862	}
1845	1863
1846	1864	.wpbot-ai-insight-page .wpbot-ai-insight-locked__icon {
1847	1865	display: flex;
		@@ -1927,8 +1945,95 @@
1927	1945	width: 100%;
1928	1946	max-width: 1280px;
1929	1947	margin: 0 auto;
1930	1948	}
	1949	+
	1950	+/* Sessions page shell — match other WPBot admin pages */
	1951	+body.chatbot-wpbot-lite_page_wbcs-botsessions-page,
	1952	+body.wpbot-panel_page_wbcs-botsessions-page {
	1953	+ background-color: var(--woobot-page-bg);
	1954	+}
	1955	+
	1956	+.qcld-chat-sessions-wrap {
	1957	+ font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	1958	+}
	1959	+
	1960	+.qcld-chat-sessions-wrap .qcld-wp-chatbot-wrap-header,
	1961	+.qcld-chat-sessions-wrap .qcld-wp-chatbot-wrap-header_inn,
	1962	+.qcld-chat-sessions-wrap .qchero_sliders_list_wrapper.qcld-session-history_menu_box,
	1963	+.qcld-chat-sessions-wrap .sld_menu_title.qcld_session_chat_menu_title,
	1964	+.qcld-chat-sessions-wrap .qcld-session-no-record-found,
	1965	+.qcld-chat-sessions-wrap .wpbot-ai-insight-page {
	1966	+ max-width: 1280px;
	1967	+ width: 100%;
	1968	+ box-sizing: border-box;
	1969	+ margin-left: auto;
	1970	+ margin-right: auto;
	1971	+}
	1972	+
	1973	+.qcld-chat-sessions-wrap .qcld-wp-chatbot-wrap-header_inn {
	1974	+ background: #fff;
	1975	+ border-radius: 16px;
	1976	+ padding: 20px;
	1977	+}
	1978	+
	1979	+.qcld-chat-sessions-wrap .qcld-wp-chatbot-wrap-header_inn_heading h1.wp-heading-inline {
	1980	+ display: block;
	1981	+ border-bottom: 1px solid #eee;
	1982	+ padding: 0 0 15px 0;
	1983	+ margin: 0 0 16px 0;
	1984	+ font-weight: 700;
	1985	+ font-size: 22px !important;
	1986	+ color: var(--woobot-primary) !important;
	1987	+ line-height: 1.3;
	1988	+}
	1989	+
	1990	+.qcld-chat-sessions-wrap .qcld-chat-sessions-tabs {
	1991	+ display: flex;
	1992	+ flex-wrap: wrap;
	1993	+ gap: 10px;
	1994	+ border: none;
	1995	+ padding: 0;
	1996	+ margin: 0;
	1997	+}
	1998	+
	1999	+.qcld-chat-sessions-wrap .qcld-chat-sessions-tabs .nav-tab {
	2000	+ display: inline-flex;
	2001	+ align-items: center;
	2002	+ gap: 8px;
	2003	+ float: none;
	2004	+ margin: 0;
	2005	+}
	2006	+
	2007	+.qcld-chat-sessions-wrap .qcld-chat-sessions-tabs .nav-tab .dashicons {
	2008	+ font-size: 18px;
	2009	+ width: 18px;
	2010	+ height: 18px;
	2011	+ line-height: 18px;
	2012	+}
	2013	+
	2014	+.qcld-chat-sessions-wrap .qcld-chat-sessions-tabs .nav-tab:hover,
	2015	+.qcld-chat-sessions-wrap .qcld-chat-sessions-tabs .nav-tab:focus {
	2016	+ background: var(--woobot-primary);
	2017	+ color: #fff;
	2018	+ border-color: var(--woobot-primary);
	2019	+ box-shadow: none;
	2020	+ outline: none;
	2021	+}
	2022	+
	2023	+.qcld-chat-sessions-tab-content {
	2024	+ margin-top: 0;
	2025	+}
	2026	+
	2027	+.qcld-chat-sessions-wrap .wpbot-ai-insight-page {
	2028	+ max-width: 1280px;
	2029	+ margin: 20px auto 40px auto;
	2030	+}
	2031	+
	2032	+.qcld-chat-sessions-wrap form#wpcs_form_sessions {
	2033	+ width: 100% !important;
	2034	+}
	2035	+
1931	2036	@media screen and (max-width: 782px) {
1932	2037	.wpbot-ai-insight-page {
1933	2038	margin: 12px 0 24px;
1934	2039	}
		@@ -1935,6 +2040,14 @@
1935	2040
1936	2041	.wpbot-ai-insight-page .wpbot-ai-insight-locked {
1937	2042	padding: 36px 20px;
1938	2043	border-radius: 12px;
	2044	+ }
	2045	+
	2046	+ .qcld-chat-sessions-wrap .qcld-wp-chatbot-wrap-header,
	2047	+ .qcld-chat-sessions-wrap .qcld-wp-chatbot-wrap-header_inn,
	2048	+ .qcld-chat-sessions-wrap .qchero_sliders_list_wrapper.qcld-session-history_menu_box,
	2049	+ .qcld-chat-sessions-wrap .sld_menu_title.qcld_session_chat_menu_title,
	2050	+ .qcld-chat-sessions-wrap .wpbot-ai-insight-page {
	2051	+ margin-right: 0;
1939	2052	}
1940	2053	}