PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 6.2.1
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v6.2.1
8.7.8 8.7.7 8.7.6 8.7.5 8.7.4 8.7.3 8.7.2 8.7.1 8.7.0 8.6.9 8.6.8 8.6.7 8.6.6 8.6.5 8.6.4 8.6.2 8.6.1 8.6.0 8.5.9 8.5.8 8.5.7 8.5.6 8.5.5 8.5.4 8.5.3 All 534 releases
← All changes | css/admin-style.css +1831 -3192 8.7.76.2.1 View file →
@@ -1,3781 +1,2420 @@
1 -@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
1 +.wp-chatbot-tabs-style-flip nav a span {
2 + text-transform: uppercase;
3 + letter-spacing: 1px;
4 + font-weight: 700;
5 + font-size: 0.625em;
6 +}
2 7
3 -/* WPBot design tokens — change colors here to theme the whole admin UI */
4 -:root {
5 - --woobot-primary: #5B4E96;
6 - --woobot-primary-color: #5B4E96;
7 - --woobot-primary-dark: #463a7a;
8 - --woobot-primary-soft: #f3f1fa;
9 - --woobot-primary-border: #e4e0f2;
10 - --woobot-surface: #ffffff;
11 - --woobot-page-bg: #F5F7FD;
12 - --woobot-text: #2d2a3a;
13 - --woobot-muted: #6b6680;
14 - --woobot-danger: #e25563;
15 - --woobot-nav-muted: #988FBD;
16 - --woobot-primary-rgb: 91, 78, 150;
8 +.wp-chatbot-tabs-style-flip nav ul li span {
9 + display: inline-block;
10 + padding-right: 5px;
17 11 }
18 -
19 -.qcld-main-wrapper {
20 - --woobot-primary: #5B4E96;
21 - --woobot-primary-color: #5B4E96;
22 - --woobot-primary-dark: #463a7a;
23 - --woobot-primary-soft: #f3f1fa;
24 - --woobot-primary-border: #e4e0f2;
25 - --woobot-surface: #ffffff;
26 - --woobot-page-bg: #F5F7FD;
27 - --woobot-text: #2d2a3a;
28 - --woobot-muted: #6b6680;
29 - --woobot-danger: #e25563;
30 - --woobot-nav-muted: #988FBD;
31 - --woobot-primary-rgb: 91, 78, 150;
32 - background-color: var(--woobot-page-bg);
33 - font-family: "DM Sans", sans-serif !important;
34 - font-optical-sizing: auto;
12 +.wp-chatbot-tabs-style-flip nav ul li span.wpwbot-admin-tab-icon {
13 + width: 25px;
35 14 font-size: 16px;
15 +}
16 +.wp-chatbot-wrap strong {
36 17 font-weight: normal;
37 18 }
38 -
39 -.wp-chatbot-wrap .fa{
40 - font: normal normal normal 14px / 1 FontAwesome !important;
19 +.wp-chatbot-wrap .d-ib{
20 + display: inline-block;
41 21 }
42 -
43 -/* .chatbot-wpbot-lite_page_wpbot, .chatbot-wpbot-lite_page_wpbot_help_page, .chatbot-wpbot-lite_page_wpbot_openAi, .toplevel_page_wpbot-panel{
44 - background-color: var(--woobot-page-bg);
45 -} */
46 -
47 -.qcld-main-wrapper .h1,
48 -.qcld-main-wrapper .h2,
49 -.qcld-main-wrapper .h3,
50 -.qcld-main-wrapper .h4,
51 -.qcld-main-wrapper .h5,
52 -.qcld-main-wrapper .h6,
53 -.qcld-main-wrapper h1,
54 -.qcld-main-wrapper h2,
55 -.qcld-main-wrapper h3,
56 -.qcld-main-wrapper h4,
57 -.qcld-main-wrapper h5,
58 -.qcld-main-wrapper h6 {
59 - color: var(--woobot-primary) !important;
22 +button.swal2-confirm.btn.btn-lg.swal2-styled {
23 + font-size: 18px;
60 24 }
61 -
62 -.qcld-wp-chatbot-wrap-header {
63 - display: flex;
64 - column-gap: 15px;
65 - row-gap: 10px;
66 - background: #fff;
67 - padding: 15px 15px;
68 - margin: 20px 20px 20px 0;
69 - border-radius: 16px;
70 - align-items: center;
71 - justify-content: space-between;
72 -
25 +a.wpbot_addons_link span {
26 + margin: 0px 28px 0 20px;
73 27 }
74 -
75 -.qcld-wp-chatbot-wrap-header img {
76 - max-width: 50px;
28 +a.wpbot_addons_link .fa{
29 + font-size: 16px;
77 30 }
78 -
79 -.qcld-wp-chatbot-wrap-header ul,
80 -.qcld-wp-chatbot-wrap-header p,
81 -.qcld-wp-chatbot-wrap-header li {
82 - margin: 0;
31 +.wp-chatbot-admin-header, .wp-chatbot-admin-footer {
32 + padding: 25px;
83 33 }
84 -
85 -.qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
86 - padding: 12px 25px;
87 - background: #ffffff;
88 - color: var(--woobot-primary);
89 - border: 2px solid var(--woobot-primary);
90 - border-radius: 6px;
91 - font-weight: bold;
34 +.wp-chatbot-admin-header h2 {
35 + color: #ffffff;
92 36 }
93 -
94 -.qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade:hover {
95 - padding: 12px 25px;
96 - background: var(--woobot-primary);
37 +.wp-chatbot-version h3 {
97 38 color: #fff;
98 - border: 2px solid var(--woobot-primary);
99 - border-radius: 6px;
100 - font-weight: bold;
101 - text-decoration: none;
39 + padding: 6px;
40 + display: inline-table;
41 + background: #7d7474;
42 + text-transform: uppercase;
43 + letter-spacing: 2px;
44 + text-shadow: 0 0 2px #000;
45 + font-size: 18px;
102 46 }
103 -
104 -a.qcld-wp-chatbot-wrap-site__logo {
105 - font-size: 22px;
106 - color: #000;
107 - font-weight: bold;
47 +.wp-chatbot-version p a {
48 + color: #989898;
108 49 }
109 -
110 -.wp-chatbot-wrap {
111 - margin: 20px 20px 20px 0;
112 - border-radius: 16px;
50 +.wp-chatbot-language-center-summmery {
51 + background: #2cacca;
52 + margin: -1em -1em 1em;
53 + padding: 20px;
113 54 }
114 -
115 -.wp-chatbot-tabs.wp-chatbot-tabs-style-flip {
116 - border-radius: 16px;
55 +.wp-chatbot-language-center-summmery p {
56 + color: #eef5f7;
57 + font-size: 16px;
58 + margin: 0;
117 59 }
118 -
119 -.wp-chatbot-tabs nav {
120 - width: 18%;
60 +.wp-chatbot-language-center-summmery p a {
61 + color: #eef5f7;
62 + text-decoration: underline;
63 +}
64 +input[type="text"].shop-jarvis-button-text {
121 65 display: block;
122 - float: left;
123 - min-width: 240px;
124 - margin-right: 24px;
125 - position: sticky;
126 - top: 0;
127 - overflow: unset;
128 - padding: 10px;
129 - background: #ffffff;
130 - border-radius: 16px;
66 + width: 700px !important;
131 67 }
68 +/*CHECKBOX*/
132 69
133 70
134 -.wp-chatbot-tabs nav ul li.tab-current a {
135 - background: var(--woobot-primary);
136 - color: #ffffff;
137 - text-decoration: none;
71 +
72 +*, *:before, *:after {
73 + -webkit-box-sizing: border-box;
74 + box-sizing: border-box;
138 75 }
139 -
140 -.wp-chatbot-tabs nav ul li a:hover {
141 - background: var(--woobot-primary);
142 - color: #ffffff;
143 - text-decoration: none;
76 +.wp-chatbot-wrap form {
77 + width: 400px;
144 78 }
145 -
146 -.wp-chatbot-tabs nav ul li a {
147 - padding: 14px 15px;
148 - width: 100%;
79 +legend {
149 80 font-size: 16px;
150 - font-weight: 500;
151 - color: var(--woobot-nav-muted);
152 - border-radius: 8px;
153 - position: relative;
154 - display: flex;
155 - align-items: center;
156 - gap: 15px;
81 + font-family: monospace;
157 82 }
158 -
159 -.wp-chatbot-tabs nav ul li a span {
160 - font-size: 15px;
161 - font-weight: 500;
83 +fieldset {
84 + padding: 15px;
162 85 }
163 -
164 -.wp-chatbot-tabs-style-flip nav a span.wpwbot-admin-tab-icon {
165 - text-transform: capitalize;
166 - letter-spacing: 1px;
167 - font-weight: 700;
168 - font-size: 18px;
86 +#wp-chatbot-admin-form input[type=checkbox] {
87 + opacity: 0;
88 + float: left;
169 89 }
170 -
171 -
172 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a {
173 - padding: 14px 15px;
174 - width: 100%;
175 - font-size: 16px;
176 - font-weight: 500;
177 - color: var(--woobot-nav-muted);
178 - border-radius: 8px;
90 +.interaction-re-target label {
91 + width: inherit !important;
92 +}
93 +#wp-chatbot-admin-form input[type=checkbox] + label {
94 + margin: 0 0 0 36px;
179 95 position: relative;
180 - display: flex;
181 - align-items: center;
182 - gap: 15px;
183 - text-decoration: none;
96 + cursor: pointer;
97 + font-size: 12px;
98 + float: left;
99 + width: inherit !important;
184 100 }
185 -
186 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a span {
187 - font-size: 15px;
188 - font-weight: 500;
101 +#wp-chatbot-admin-form input[type=checkbox] + label ~ label {
102 + margin: 0 0 0 40px;
189 103 }
190 -
191 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a span.wpwbot-admin-tab-icon {
192 - text-transform: capitalize;
193 - letter-spacing: 1px;
194 - font-weight: 700;
195 - font-size: 18px;
104 +#wp-chatbot-admin-form input[type=checkbox] + label::before {
105 + content: ' ';
106 + position: absolute;
107 + left: -35px;
108 + top: -3px;
109 + width: 25px;
110 + height: 25px;
111 + display: block;
112 + background: white;
113 + border: 1px solid #A9A9A9;
196 114 }
197 -
198 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a:hover {
199 - background: var(--woobot-primary);
200 - color: #ffffff;
201 - text-decoration: none;
115 +#wp-chatbot-admin-form input[type=checkbox] + label::after {
116 + content: ' ';
117 + position: absolute;
118 + left: -35px;
119 + top: -3px;
120 + width: 23px;
121 + height: 23px;
122 + display: block;
123 + z-index: 1;
124 + background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE4MS4yIDI3MyAxNyAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxODEuMiAyNzMgMTcgMTYiPjxwYXRoIGQ9Ik0tMzA2LjMgNTEuMmwtMTEzLTExM2MtOC42LTguNi0yNC04LjYtMzQuMyAwbC01MDYuOSA1MDYuOS0yMTIuNC0yMTIuNGMtOC42LTguNi0yNC04LjYtMzQuMyAwbC0xMTMgMTEzYy04LjYgOC42LTguNiAyNCAwIDM0LjNsMjMxLjIgMjMxLjIgMTEzIDExM2M4LjYgOC42IDI0IDguNiAzNC4zIDBsMTEzLTExMyA1MjQtNTI0YzctMTAuMyA3LTI1LjctMS42LTM2eiIvPjxwYXRoIGZpbGw9IiMzNzM3MzciIGQ9Ik0xOTcuNiAyNzcuMmwtMS42LTEuNmMtLjEtLjEtLjMtLjEtLjUgMGwtNy40IDcuNC0zLjEtMy4xYy0uMS0uMS0uMy0uMS0uNSAwbC0xLjYgMS42Yy0uMS4xLS4xLjMgMCAuNWwzLjMgMy4zIDEuNiAxLjZjLjEuMS4zLjEuNSAwbDEuNi0xLjYgNy42LTcuNmMuMy0uMS4zLS4zLjEtLjV6Ii8+PHBhdGggZD0iTTExODcuMSAxNDMuN2wtNTYuNS01Ni41Yy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTI1My41IDI1My41LTEwNi4yLTEwNi4yYy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTU2LjUgNTYuNWMtNS4xIDUuMS01LjEgMTIgMCAxNy4xbDExNC43IDExNC43IDU2LjUgNTYuNWM1LjEgNS4xIDEyIDUuMSAxNy4xIDBsNTYuNS01Ni41IDI2Mi0yNjJjNS4yLTMuNCA1LjItMTIgLjEtMTcuMXpNMTYzNC4xIDE2OS40bC0zNy43LTM3LjdjLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0xNjkuNSAxNjkuNS03MC4yLTcxLjljLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0zNy43IDM3LjdjLTMuNCAzLjQtMy40IDguNiAwIDEybDc3LjEgNzcuMSAzNy43IDM3LjdjMy40IDMuNCA4LjYgMy40IDEyIDBsMzcuNy0zNy43IDE3NC43LTE3Ni40YzEuNi0xLjcgMS42LTYuOS0uMS0xMC4zeiIvPjwvc3ZnPg==') no-repeat center center;
125 + -ms-transition: all .2s ease;
126 + -webkit-transition: all .2s ease;
127 + transition: all .3s ease;
128 + -ms-transform: scale(0);
129 + -webkit-transform: scale(0);
130 + transform: scale(0);
131 + opacity: 0;
202 132 }
133 +#wp-chatbot-admin-form input[type=checkbox]:checked + label::after {
134 + -ms-transform: scale(1);
135 + -webkit-transform: scale(1);
136 + transform: scale(1);
137 + opacity: 1;
138 +}
139 +/*ICON CSS*/
203 140
204 -.wp-chatbot-admin-upgrade-pro-sidebar {
205 141
206 - float: left;
207 - width: 18%;
208 - border-radius: 16px;
209 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
210 - padding: 8px;
211 - margin: 0 0 0 25px;
212 -}
213 142
214 -.wp-chatbot-admin-upgrade-pro-sidebar img {
215 - width: 100%;
143 +ul.radio-list {
144 + margin: 0;
145 + padding: 0;
216 146 }
217 -
218 -
219 -.wp-chatbot-admingradient-color {
220 - border-radius: 12px;
221 - background: white;
222 - padding: 15px;
147 +ul.radio-list li {
148 + width: 15%;
149 + list-style: none;
150 + display: inline-block;
151 + text-align: center;
223 152 }
224 -
225 -.wp-chatbot-tabs-style-flip .content-wrap {
226 - border-radius: 16px;
153 +ul.radio-list li img, ul.radio-list li input {
154 + display: inline-table;
155 + vertical-align: middle;
227 156 }
228 -
229 -ul.feature-list li img {
230 - max-width: 18px;
157 +ul.radio-list li input[type=radio] {
158 + background: #E3E4E4;
231 159 }
232 -
233 -a.wp-chatbot-admin-pro-upgrade-button {
234 - background: var(--woobot-primary);
235 - color: #ffffff;
236 - text-decoration: none;
237 - padding: 4px 20px;
238 - border-radius: 6px;
160 +ul.radio-list li img {
161 + border-radius: 50%;
162 + box-shadow: 0px 0px 15px #c7dbec;
163 + width: 65px;
164 + display: block;
165 + margin: 5px auto;
239 166 }
240 -
241 -a.wp-chatbot-admin-pro-upgrade-button img {
242 - max-width: 20px;
167 +/*container style css after adding tab*/
168 + .panel-title > a:before {
169 + float: right !important;
170 + font-family: FontAwesome;
171 + content: "\f056";
172 + padding-right: 5px;
243 173 }
244 -
245 -h3.wp-chatbot-admincart-title {
246 - font-weight: bold;
247 - font-size: 20px;
174 + .panel-title > a.collapsed:before {
175 + float: right !important;
176 + content: "\f055";
248 177 }
249 -
250 -.qcld-main-wrapper ul.feature-list li {
251 - font-size: 14px;
178 + h2 {
179 + color: #ff9800;
252 180 }
253 -
254 -.wp-chatbot-wrap p {
255 - font-size: 15px;
181 + a {
182 + text-decoration: none;
183 + /* display: block; */
256 184 }
257 -
258 -.qcld-main-wrapper ul.feature-list {
259 - margin: 0 0 30px 0;
185 + .panel-default>.panel-heading {
186 + color: #fff;
187 + background-color: #FF9800;
188 + border-color: #ff9800;
260 189 }
261 -
262 -.qcld-swpm-admin-menu-wrap {
263 - margin: 0 !important;
190 +.form-container {
191 + background-color: #32373c;
192 + border: 1px solid #cccccc;
193 + border-radius: 5px;
264 194 }
265 -
266 -footer.wp-chatbot-admin-footer {
267 - padding: 0 20px 20px 20px;
195 +.qc-opt-description {
196 + font-weight: normal;
268 197 }
269 -
270 -.chatbot-wpbot-lite_page_wpbot footer.wp-chatbot-admin-footer input#submit {
271 - padding: 14px 20px;
272 - width: auto;
273 - font-size: 16px;
274 - font-weight: 500;
275 - color: var(--woobot-nav-muted);
276 - border-radius: 8px;
277 - position: relative;
278 - display: flex;
279 - align-items: center;
280 - gap: 15px;
281 - background: var(--woobot-primary);
282 - color: #ffffff;
283 - text-decoration: none;
284 - margin: 0 0 10px 15px;
198 +.qc-opt-title-font {
199 + font-weight: normal;
200 + font-size: 14px !important;
285 201 }
286 -
287 -
288 -h3.qcld-wpbot-main-tabs-title {
289 - border-bottom: 1px solid #eee;
290 - padding: 0 0 8px 0;
291 - margin: 20px 0 12px 0;
292 - font-weight: bold;
293 - font-size: 22px !important;
202 +.qc-opt-dcs-font {
203 + font-size: 14px !important;
294 204 }
295 -
296 -.qcld-main-wrapper .nav-tab-wrapper,
297 -.qcld-main-wrapper .wrap h2.nav-tab-wrapper,
298 -.qcld-main-wrapper h1.nav-tab-wrapper {
299 - border-bottom: none;
205 +.input-sm {
206 + width: 50px !important;
300 207 }
301 -
302 -.qcld-main-wrapper .nav-tab {
303 - float: left;
304 - border: 1px solid #c3c4c7;
305 - border-bottom: 1px;
306 - margin-left: .5em;
307 - padding: 5px 10px;
308 - font-size: 14px;
309 - line-height: 1.71428571;
310 - font-weight: 600;
311 - background: #ffffff;
312 - color: var(--woobot-primary);
313 - text-decoration: none;
314 - white-space: nowrap;
315 - border: 1px solid var(--woobot-primary);
316 - padding: 10px 20px !important;
317 - border-radius: 8px;
318 - line-height: normal !important;
319 - text-decoration: none;
208 +.thumbnail.theme_prev {
209 + max-width: 100%;
210 + height: auto;
320 211 }
321 -
322 -.qcld-main-wrapper .nav-tab-active,
323 -.qcld-main-wrapper .nav-tab-active:focus,
324 -.qcld-main-wrapper .nav-tab-active:focus:active,
325 -.qcld-main-wrapper .nav-tab-active:hover {
326 - border-bottom: 1px solid var(--woobot-primary);
327 - background: var(--woobot-primary);
328 - color: #fff;
329 - text-decoration: none;
212 +.ge-canvas {
213 + padding: 0 15px;
330 214 }
215 +/** wpwbot load control style **/
331 216
332 -.qcld-main-wrapper .btn-primary {
333 - border-color: var(--woobot-primary) !important;
217 +#wp-chatbot-show-pages-list ul {
218 + margin: 0;
219 + padding: 14px 0 0 88px;
334 220 }
335 -
336 -.qcld-main-wrapper ul.feature-list li img {
337 - max-width: 16px;
338 - margin: 0 3px 0 0;
221 +#wp-chatbot-show-pages-list ul li {
222 + display: block;
223 + list-style: none;
224 + padding: 5px 0;
225 + clear: both;
339 226 }
340 -
341 -.qcld-main-wrapper .nav-tab:hover {
342 - text-decoration: none;
227 +#wp-chatbot-show-pages-list ul li:after {
228 + content: "";
229 + display: table;
230 + width: 100%;
231 + height: 1px;
343 232 }
344 -
345 -.content-wrap .qcbot_help_secion h4 {
346 - padding: 0 0;
347 - font-weight: bold;
348 - font-size: 16px;
233 +.radio-inline {
234 + font-size: 12px;
235 + line-height: 24px;
349 236 }
350 -
351 -
352 -section.wp-chatbot-tab-container-inner .panel-default>.panel-heading {
353 - background: #fff !important;
354 - color: var(--woobot-primary) !important;
355 - text-decoration: none !important;
356 - border-radius: 8px;
357 - border: 2px solid var(--woobot-primary);
237 +.wp-chatbot-settings-instruction {
238 + font-size: 12px;
239 + padding: 8px 0px;
358 240 }
359 -
360 -section.wp-chatbot-tab-container-inner .panel-default>.panel-heading+.panel-collapse>.panel-body {
361 - border-top-color: #ddd;
362 - background: linear-gradient(178deg, #ffffff 70%, #e9e4ff 96%);
363 - border: 1px solid #E5E6F2;
364 - border-radius: 16px;
365 - margin: 15px 0 0 0;
241 +#wp-chatbot-admin-form .content-wrap .nav-tabs > li > a {
242 + font-size: 16px;
366 243 }
367 -
368 -section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover {
369 - background: var(--woobot-primary) !important;
370 - color: #ffffff !important;
371 - text-decoration: none !important;
372 - border-radius: 8px;
244 +#wp-chatbot-admin-form .content-wrap .nav-tabs > li > a:active {
245 + outline: 0;
373 246 }
374 -
375 -
376 -section.wp-chatbot-tab-container-inner .panel {
377 - margin-bottom: 0;
378 - margin-top: 10px;
379 - background-color: #fff;
247 +input[disabled]#shirtcode-selector {
248 + width: 110px;
249 + text-align: center;
380 250 border: none;
381 - border-radius: 0;
382 - -webkit-box-shadow: none;
251 + color: inherit;
252 + background: none;
383 253 box-shadow: none;
384 -}
385 -
386 -section.wp-chatbot-tab-container-inner .panel-heading {
387 - border-bottom: 0 solid transparent;
388 - border-top-left-radius: 0;
389 - border-top-right-radius: 0;
254 + margin: 0;
390 255 padding: 0;
391 256 }
392 -
393 -section.wp-chatbot-tab-container-inner h4.panel-title {
394 - padding: 0 !important;
257 +.tab-content textarea {
258 + width: 100%;
259 + font-size: 14px;
395 260 }
396 -
397 -section.wp-chatbot-tab-container-inner h4.panel-title a {
398 - display: block;
399 - padding: 15px 12px;
261 +.content-wrap section h4 {
262 + margin-top: 0;
263 + padding-top: 0;
400 264 font-size: 16px;
265 + font-weight: bold !important;
401 266 }
402 -
403 -.qcld-main-wrapper .nav-tab-small .nav-tab,
404 -.qcld-main-wrapper h3 .nav-tab {
405 - font-size: 15px !important;
267 +.wp-chatbot-support-cross {
268 + display: inline-block;
269 + height: 30px;
270 + width: 30px;
271 + margin-right: 5px;
272 + padding: 5px;
273 + background-color: #e0e5ea;
274 + border-radius: 10%;
275 + text-align: center;
406 276 }
407 -
408 -.qcld-main-wrapper .cxsc-settings-blocks-notic {
409 - background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
410 - border-radius: 16px;
411 - border: 1px solid #E5E6F2;
412 - padding: 20px 12px;
413 - margin: 0 0 20px 0;
277 +.wp-chatbot-support-cross:hover {
278 + cursor: all-scroll;
414 279 }
415 -
416 -.qcld-main-wrapper .cxsc-settings-blocks-notic p.d-ib {
417 - padding: 0;
418 - margin: 8px 0;
419 - font-size: 15px;
280 +.wp-chatbot-support-cross i {
281 + font-size: 20px;
420 282 }
421 -
422 -.wp-chatbot-wrap .form-group {
423 - margin-bottom: 15px;
424 - border: 1px solid #E5E6F2;
425 - padding: 12px 12px;
426 - border-radius: 8px;
283 +.wpbot_free_messenger_adds {
284 + white-space: unset !important;
285 + line-height: normal !important;
286 + margin-top: 12px;
287 + /* margin-left: -12px !important; */
288 + color: #dca219 !important;
289 + background: #fff;
290 + margin-right: 12px;
291 + font-size: 13px !important;
292 + border-radius: 6px;
293 + cursor: pointer;
427 294 }
428 -
429 -.wp-chatbot-wrap .form-group h4.qc-opt-title {
295 +.wpbot_free_messenger_adds:hover {
296 + background: #ddd;
297 + color: #987c0d !important;
298 +}
299 +span.qcld-chatbot-product-category, span.qcld-chatbot-support-items, span.qcld-chatbot-wildcard, span.qcld-chatbot-suggest-email, span.qcld-chatbot-reset-btn, #wp-chatbot-loadmore, .wp-chatbot-loadmore, span.qcld-chatbot-suggest-phone {
300 + color: #000000;
301 + background-image: linear-gradient(to right, #868afa 0%, #8fd3f4 51%, #2faafa 100%);
302 + background-size: 200% auto;
303 + box-shadow: 0 5px 15px #c3c3c3;
304 + border: 1px solid #ffffff;
305 +}
306 +.qc_menu_area {
307 + display: block;
308 + width: 500px;
309 + float: left;
310 +}
311 +.qc_menu_area_container {
312 + min-height: 400px;
313 + height: auto;
314 + padding: 10px;
315 + background: #eee;
316 + border: 1px solid #d4d4d4;
317 +}
318 +.qc_menu_list_area {
319 + display: block;
320 + width: 300px;
321 + float: right;
322 +}
323 +.qc_menu_list_container {
324 + min-height: 400px;
325 + height: auto;
326 + padding: 10px;
327 + background: #eee;
328 + border: 1px solid #d4d4d4;
329 +}
330 +.qc_menu_list_container p {
331 + background: #ddd;
332 + padding: 5px;
333 + text-align: center;
430 334 font-weight: bold;
431 335 }
432 -
433 -
434 -.wp-chatbot-wrap input:focus {
435 - border-color: #e1dbff;
436 - box-shadow: 0 0 0 4px #e1dbff, 0 1px 2px 0 #1018280d;
336 +.qc_menu_list_container span {
337 + width: 100%
437 338 }
438 -
439 -.wp-chatbot-wrap input[type=text] {
440 - border: 1px solid #E5E6F2;
339 +#qc_menu_area span {
340 + width: 380px !important;
341 + display: block !important;
342 + margin-left: 0;
441 343 }
442 -
443 -
444 -.wp-chatbot-wrap .nav-tabs {
445 - border-bottom: none;
344 +.qc_menu_list_container span {
345 + width: 278px;
446 346 }
447 -
448 -.wp-chatbot-wrap .nav-tabs>li {
449 - float: left;
450 - margin-bottom: 0;
347 +.qcld_wpbot_download_statuses {
348 + margin-top: 10px
451 349 }
452 -
453 -.wp-chatbot-wrap .nav-tabs>li>a {
454 - margin-right: .5em;
455 - line-height: 1.42857143;
456 - border: 1px solid var(--woobot-primary);
457 - border-radius: 6px;
458 - border: 1px solid var(--woobot-primary);
459 - padding: 10px 20px !important;
460 - border-radius: 8px;
461 - color: var(--woobot-primary);
462 - font-size: 15px;
463 - font-weight: 600;
464 - line-height: normal !important;
350 +/* wpbot addons section */
351 +
352 +.wpbot_addons_section {
353 + margin-right: unset !important;
354 + margin-left: unset !important;
355 + margin-bottom: 10px;
356 + background: #32373c;
357 + padding-bottom: 20px;
358 + border-radius: 0px 0px 5px 5px;
465 359 }
466 -
467 -.wp-chatbot-wrap .nav-tabs>li.active>a,
468 -.wp-chatbot-wrap .nav-tabs>li.active>a:focus,
469 -.wp-chatbot-wrap .nav-tabs>li.active>a:hover {
470 - color: #ffffff;
471 - cursor: default;
472 - background-color: var(--woobot-primary);
473 - border: 1px solid var(--woobot-primary);
474 - border-bottom-color: transparent;
360 +.wpbot_single_addon {
361 + width: 30%;
362 + margin-right: 1%;
363 + display: inline-block;
364 + margin-bottom: 14px;
365 + padding: 5px;
366 + border: 1px solid #eee;
475 367 }
476 -
477 -.wp-chatbot-wrap .nav-tabs {
478 - border-bottom: none;
479 - margin: 0 0 15px 0;
368 +.wpbot_single_addon:hover {
369 + border: 1px solid #d2d2d2;
370 + border-radius: 10px;
480 371 }
481 -
482 -.wp-chatbot-wrap .nav>li>a:focus,
483 -.wp-chatbot-wrap .nav>li>a:hover {
484 - text-decoration: none;
485 - background-color: var(--woobot-primary);
486 - border-color: var(--woobot-primary) #eee #ddd;
487 - color: #fff;
372 +.wpbot_single_content {
488 373 }
489 -
490 -
491 -.cxsc-settings-blocks.cxsc-settings-faq-blocks {
492 - background: var(--woobot-page-bg) !important;
493 - padding: 12px !important;
494 - border-radius: 6px;
374 +.wpbot_addon_image {
375 + float: left;
376 + margin-right: 10px;
495 377 }
496 -
497 -.qcld-faq-block .cxsc-settings-blocks {
498 - background: var(--woobot-page-bg) !important;
499 - padding: 12px !important;
500 - border-radius: 6px !important;
501 - margin: 0 0 15px 0 !important;
378 +.wpbot_addon_image img {
379 + width: 60px;
502 380 }
503 -
504 -#wp-chatbot-icon-theme-settings img {
505 - width: 100%;
381 +.wpbot_addon_content {
382 + display: inline-block;
506 383 }
507 -
508 -
509 -.qcld-main-wrapper ul.radio-list {
510 - display: flex;
511 - flex-wrap: wrap;
384 +.wpbot_addon_title {
385 + font-size: 15px;
386 + font-weight: bold;
512 387 }
513 -
514 -.qcld-main-wrapper ul.radio-list li {
515 - width: 156px;
516 - margin: 4px 4px;
517 - border-radius: 16px;
518 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
519 - padding: 12px;
520 - text-align: center;
521 - position: relative;
388 +.wpbot_addon_details {
522 389 }
523 -
524 -.qcld-main-wrapper ul.radio-list li img {
525 - max-width: 80px;
526 - display: block;
390 +.wpbot_addon_details p {
391 + margin-bottom: 0;
527 392 }
528 -
529 -div#wp-chatbot-icon-theme-settings input[type=radio]:checked::before {
530 - content: "\f12a";
531 - font-family: dashicons;
532 -
533 - border-radius: 0;
534 - width: 100%;
535 - height: 100%;
536 - margin: 0;
537 - background-color: color-mix(in srgb, var(--woobot-primary) 74%, transparent) !important;
538 - line-height: 1.14285714;
539 - position: absolute;
540 - top: 0;
541 - left: 0;
542 - right: 0;
543 - border-radius: 16px;
544 - z-index: 999;
545 - color: #45d72d;
546 - display: flex;
547 - align-items: flex-start;
548 - justify-content: flex-end;
549 - font-size: 32px;
550 - padding: 0 4px;
551 - border: 4px solid transparent;
552 -
393 +.wp_addon_installed {
394 + font-size: 11px;
395 + margin: 4px 0px;
396 + background: #0b8a0bad;
397 + color: #fff;
398 + text-align: center;
399 + border-radius: 3px;
400 + padding: 2px 6px;
553 401 }
554 -
555 -div#wp-chatbot-icon-theme-settings input[type=radio] {
556 - background: transparent;
557 - border: none;
558 - box-shadow: none;
402 +.wp_addon_notinstalled {
403 + font-size: 11px;
404 + margin: 2px 0px;
405 + background: #dc1671ab;
406 + color: #fff;
407 + text-align: center;
408 + border-radius: 3px;
409 + padding: 2px 6px;
559 410 }
560 -
561 411 .wpbot_dashboard_header {
562 - display: flex;
563 - column-gap: 15px;
564 - row-gap: 10px;
565 - background: #fff;
566 - padding: 22px 15px;
567 - margin: 20px 0 20px 0;
568 - border-radius: 16px;
569 - align-items: center;
570 - justify-content: space-between;
412 + margin-right: unset !important;
413 + margin-left: unset !important;
414 + background: #32373c;
415 + color: #fff;
416 + text-align: center;
417 + border-radius: 5px 5px 0px 0px;
571 418 }
572 -
573 419 .wpbot_dashboard_header h1 {
574 - margin: 0;
575 - padding: 0;
576 - font-size: 22px;
577 - font-weight: bold;
420 + font-size: 30px;
421 + line-height: 100px;
422 + margin: 0px;
578 423 }
579 -
580 -.wpbot_dashboard_header p {
581 - margin: 0;
582 - padding: 0;
583 -}
584 -
585 424 .wpbot_single_addon_wrapper {
586 - display: flex;
587 - flex-wrap: wrap;
425 + background: #eee;
426 + padding: 20px;
588 427 }
589 -
590 -.wpbot_single_addon_wrapper .wpbot_single_addon {
591 - border-radius: 16px;
592 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
593 - padding: 8px;
594 - text-align: center;
595 - width: 266px;
596 - margin: 8px 8px;
428 +.wpbot_statistics_area {
429 + background: #fff;
597 430 }
598 -
599 -.wpbot_single_addon_wrapper .wpbot_single_addon img {
600 - max-width: 120px;
431 +.wpbot_statistics_area h2 {
432 + margin: 0px;
433 + background: #fff;
434 + font-size: 20px;
435 + padding: 10px 20px;
436 + border-bottom: 1px solid #eee;
437 + margin-bottom: 10px;
601 438 }
602 -
603 -.wpbot_single_addon_wrapper .wpbot_single_addon .wpbot_single_content {
604 - background: #fff;
605 - border-radius: 12px;
606 - background: white;
607 - padding: 15px;
608 - min-height: 288px;
609 - background: linear-gradient(174deg, #ffffff 70%, #e9e4ff 96%);
439 +.wpbot_report {
440 + padding-left: 20px;
441 + padding-bottom: 10px;
610 442 }
611 -
612 -.wpbot_addon_title {
613 - font-weight: bold;
614 - font-size: 17px;
615 - padding: 8px 0;
443 +.wpbot_report p {
616 444 }
617 -
618 -.qcld-main-wrapper span.wp_addon_notinstalled {
619 - background: #fee3e2;
620 - color: #202020;
621 - padding: 3px 10px;
622 - border-radius: 6px;
623 - border: none;
624 - margin: 0 0 10px 0;
445 +.wpbot_report_key {
446 + width: 180px;
625 447 display: inline-block;
626 448 font-weight: bold;
627 - font-size: 13px;
628 449 }
629 -
630 -.qcld-main-wrapper span.wp_addon_installed {
631 - background: green;
632 - color: #fff;
633 - padding: 3px 10px;
634 - border-radius: 6px;
635 - border: none;
636 - margin: 0 0 10px 0;
450 +.wpbot_report_value {
637 451 display: inline-block;
452 + margin-left: 15px;
638 453 font-weight: bold;
639 - font-size: 13px;
640 454 }
641 -
642 -.wpbot_addon_image img {
643 - height: 98px;
644 - object-fit: cover;
455 +.wpbot_report_value a {
645 456 }
646 -
647 -.wpbot_single_addon a.button.button-secondary {
648 - background: var(--woobot-primary);
649 - color: #ffffff;
650 - text-decoration: none;
651 - border: 1px solid var(--woobot-primary);
457 +.vc_col-sm-6 {
458 + width: 48%;
459 + float: left;
460 + margin-right: 1%;
652 461 }
653 -
654 -.wp-chatbot-wrap .wpbot_single_addon p {
655 - font-size: 14px;
656 - height: 48px;
462 +.vc_column_container {
463 + padding-left: 0;
464 + padding-right: 0;
657 465 }
658 -
659 -.wpbot_statistics_area {
660 - border-radius: 16px;
661 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
662 - padding: 8px;
663 - text-align: center;
664 -}
665 -
666 -
667 -.qcld-main-wrapper ul.radio-list li label {
466 +.vc_column_container>.vc_column-inner {
467 + box-sizing: border-box;
468 + padding-left: 15px;
469 + padding-right: 15px;
668 470 width: 100%;
669 - margin: 0 auto;
670 - display: flex;
671 - flex-direction: column;
672 - align-items: center;
673 471 }
674 -
675 -
676 -section.wp-chatbot-tab-container-inner h4.panel-title a {
472 +.to-icon-box {
677 473 position: relative;
678 474 }
679 -
680 -section.wp-chatbot-tab-container-inner h4.panel-title a.collapsed:after {
681 - content: "\f10f";
682 - font-family: dashicons;
475 +.txt-left {
476 + text-align: left;
477 +}
478 +.to-icon.fa-4x {
479 + font-size: 42px;
480 + width: 52px;
481 + height: 52px;
482 + line-height: 52px;
483 +}
484 +.to-icon-box i {
683 485 position: absolute;
684 - right: 18px;
685 - top: 12px;
686 - font-size: 25px;
687 - font-weight: normal;
688 486 }
689 -
690 -section.wp-chatbot-tab-container-inner h4.panel-title a:after {
691 - content: "\f14f";
692 - font-family: dashicons;
693 - position: absolute;
694 - right: 18px;
695 - top: 12px;
696 - font-size: 25px;
697 - font-weight: normal;
487 +.to-icon-box.left .to-icon-txt.fa-4x-txt {
488 + margin-left: 58px;
698 489 }
699 -
700 -.wpbot_single_addon_wrapper .wpbot_single_addon .wpbot_single_content:hover {
701 - background: linear-gradient(1deg, #ffffff 70%, #e9e4ff 96%);
490 +.to-icon-box.left .to-icon-txt {
491 + margin-left: 30px;
492 + margin-right: 6%;
702 493 }
703 -
704 -a.wp-chatbot-admin-pro-upgrade-button {
705 - font-size: 15px;
494 +.to-icon-txt {
495 + position: relative;
706 496 }
707 -
708 -a.wp-chatbot-admin-pro-upgrade-button:hover {
497 +.qc_wpbot_pro {
498 + background: red;
499 + padding: 4px;
709 500 color: #fff;
710 - background-color: #f0ad4e;
501 + font-size: 13px;
502 + border-radius: 7px;
711 503 }
712 -
713 -
714 -.qcld-wp-chatbot-wrap-header-doc {
715 - display: flex;
716 - column-gap: 15px;
717 - row-gap: 10px;
718 - background: #fff;
719 - padding: 15px 15px;
720 - margin: 20px 20px 20px 0;
721 - border-radius: 16px;
722 - align-items: center;
723 - justify-content: flex-start;
724 - display: flex;
725 - background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
726 - border-radius: 16px;
727 - gap: 30px;
504 +.to-accordion-title {
505 + position: relative;
506 + line-height: 30px;
507 + padding: 5px 0;
508 + margin: 0 !important;
509 + cursor: pointer;
728 510 }
729 -
730 -.qcld-wp-chatbot-wrap-header-doc img {
731 - max-width: 480px;
732 - height: 250px;
733 - object-fit: cover;
734 - border-radius: 8px;
735 -}
736 -
737 -
738 -.qcld-wp-chatbot-wrap-header-doc-details a {
739 - border: 2px solid var(--woobot-primary);
740 - background: #fff;
741 - color: var(--woobot-primary);
742 - padding: 8px 20px;
743 - border-radius: 8px;
511 +.to-accordion-open {
744 512 display: inline-block;
745 - margin: 4px 0 0 0;
513 + float: right;
514 + margin: 0 10px;
515 + text-align: center;
516 + width: 30px;
517 + height: 30px;
518 + opacity: 0.85;
519 + font-weight: 100;
520 + border-radius: 100%;
521 + -o-border-radius: 100%;
522 + -moz-border-radius: 100%;
523 + -webkit-border-radius: 100%;
746 524 }
747 -
748 -.qcld-wp-chatbot-wrap-header-doc-details a:hover {
749 - border: 2px solid var(--woobot-primary);
750 - background: var(--woobot-primary);
751 - color: #fff;
752 - padding: 8px 20px;
753 - border-radius: 8px;
754 - display: inline-block;
755 - margin: 4px 0 0 0;
756 - text-decoration: none;
525 +.qc_accordion_content_third, .qc_accordion_content_second, .qc_accordion_content_first {
526 + display: none;
527 + transition: all 0.5s ease-in-out;
757 528 }
758 -
759 -
760 -.qcld-wp-chatbot-wrap-header-doc-details {
761 - width: 42%;
529 +.wpb_wrapper h3 {
530 + font-size: 20px;
762 531 }
763 -
764 -.qcld-wp-chatbot-wrap-header-doc-details h3 {
765 - font-weight: bold;
532 +.qcbot_help_secion {
533 + margin-bottom: 20px;
534 + border: unset;
535 + padding: 25px !important;
536 + -webkit-box-shadow: 3px 4px 10px 0px rgba(0,0,0,0.75);
537 + -moz-box-shadow: 3px 4px 10px 0px rgba(0,0,0,0.75);
538 + box-shadow: 3px 4px 10px 0px rgba(0,0,0,0.75);
766 539 }
767 -
768 -.qcld-wp-chatbot-wrap-header-doc-details p {
769 - font-size: 15px;
540 +.df-connect-error {
541 + color: #ff0000;
542 + font-weight: 700;
770 543 }
771 544
772 545
773 -.qcld-goPreemium a {
774 - display: block;
775 - display: flex !important;
776 - align-items: center;
777 - gap: 8px;
778 - background: #EEEDF4;
779 - padding: 10px 25px !important;
780 - border-radius: 8px;
781 - width: 100%;
782 - justify-content: center;
783 - color: #000 !important;
784 - font-weight: bold;
785 - font-size: 16px !important;
546 +.getting_gtarted_section .qcbot_help_secion {
547 + box-shadow: none;
548 + background: #fff;
786 549 }
787 -
788 -.qcld-goPreemium a:hover {
789 - display: block;
790 - display: flex !important;
791 - align-items: center;
792 - gap: 8px;
793 - background: var(--woobot-primary);
794 - padding: 10px 25px !important;
795 - border-radius: 8px;
796 - width: 100%;
797 - justify-content: center;
798 - color: #fff !important;
799 - font-weight: bold;
800 - font-size: 16px !important;
801 - text-decoration: none;
550 +.getting_gtarted_section .qcbot_help_secion h2{
551 + font-size: 18px;
552 + color: #333;
553 + font-weight: bold;
802 554 }
803 -
804 -
805 -.qcld-Resetall input {
806 - display: block;
807 - width: 100%;
808 - margin: 5px 0 0 0;
809 - padding: 12px 0;
810 - font-size: 16px;
811 - border: 2px solid #f0ad4e;
812 - background: #fff;
813 - color: #f0ad4e;
814 - border-radius: 8px;
555 +.getting_gtarted_section .to-accordion-title {
556 +position: relative;
557 + line-height: 30px;
558 + padding: 5px 6px !important;
559 + margin: 0 0 8px 0 !important;
560 + cursor: pointer;
561 + border: 1px solid #222;
562 + color: #fff;
563 + background: #32373c;
564 + font-size: 18px !important;
815 565 }
816 566
817 -.qcld-Resetall input:hover {
818 - display: block;
819 - width: 100%;
820 - margin: 8px 0 0 0;
821 - padding: 12px 0;
822 - font-size: 16px;
823 - border: 2px solid #f0ad4e;
824 - background: #f0ad4e;
825 - color: #fff;
826 - border-radius: 8px;
567 +.getting_gtarted_section p{
568 + color: #060606;
569 + font-size: 15px;
827 570 }
828 -
829 -.qcld-main-wrapper .alert.alert-warning {
830 - background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96% 96%);
831 - border-radius: 6px;
571 +.getting_gtarted_section .to-icon.fa-4x {
572 + color: #333;
832 573 }
833 -
834 -.wp-chatbot-wrap button.btn.btn-primary {
835 - padding: 14px 20px;
836 - width: auto;
837 - font-size: 16px;
838 - font-weight: 500;
839 - color: var(--woobot-nav-muted);
840 - border-radius: 8px;
841 - position: relative;
842 - display: inline-block;
843 - align-items: center;
844 - gap: 15px;
845 - background: var(--woobot-primary);
846 - color: #ffffff;
847 - text-decoration: none;
574 +.getting_gtarted_section .to-icon-box.left.txt-left {
575 + display: flex;
576 + align-items: center;
848 577 }
849 -
850 -.qcld-main-wrapper h4.qc-opt-dcs {
851 - font-size: 18px !important;
852 - font-weight: bold !important;
853 - padding: 12px 0 12px 0 !important;
578 +.getting_gtarted_section .wpb_wrapper h3 {
579 + font-size: 20px;
580 + color: #060606;
854 581 }
855 582
856 -.cxsc-settings-blocks-addon {
857 - font-size: 16px;
858 - padding: 6px 0 10px 0;
859 - font-weight: bold;
583 +.getting_gtarted_section .wpb_wrapper {
584 + color: #060606;
860 585 }
861 -
862 -
863 -.qcld-main-wrapper .qcld-seo-help-feature {
864 - clear: both;
586 +.getting_gtarted_section .qcbot_help_secion {
587 + padding: 0 !important;
865 588 }
866 -
867 -.qcld-main-wrapper .qcld-seo-help-feature H3 {
868 - font-weight: bold;
869 - font-size: 20px;
589 +.getting_gtarted_section .content-wrap section {
590 + padding: 0 !important;
870 591 }
871 592
872 -.qcld-main-wrapper .qcld-seo-help-feature UL {}
873 -
874 -.qcld-main-wrapper .qcld-seo-help-feature UL li {
875 - margin: 0;
876 - padding: 4px 0;
877 - font-size: 15px;
593 +.getting_gtarted_section .wpb_wrapper {
594 + color: #060606;
595 + font-size: 15px;
878 596 }
879 597
880 -.qcld-recommendbot-conv-feature .plugin-card-top {
881 - position: relative;
882 - padding: 20px 20px 10px;
883 - min-height: auto;
884 - display: flex;
885 - align-items: center;
886 - justify-content: space-between;
598 +.getting_gtarted_section .col-xs-12{
599 + padding-right: 0 !important;
600 + padding-left: 0 !important;
887 601 }
888 602
889 -.qcld-recommendbot-conv-feature .plugin-card .action-links {
890 - position: relative;
891 - top: auto;
892 - right: auto;
893 - width: auto;
603 +a.FormBuilder {
604 + display: inline-block;
605 + background: #337ab7;
606 + color: #fff;
607 + padding: 8px;
608 + margin: 0 0 12px 0;
609 + border-radius: 5px;
894 610 }
895 -
896 -.qcld-recommendbot-conv-feature .wrap.recommended-plugins .plugin-card.plugin-card-conversational-forms {
897 - background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
898 - border-radius: 16px;
899 - height: auto;
611 +a.FormBuilder:hover {
612 + text-decoration:none;
613 + color:#fff;
900 614 }
901 -
902 -.qcld-recommendbot-conv-feature .plugin-icon {
903 - position: relative;
904 - top: auto;
905 - left: auto;
906 - width: auto;
907 - height: auto;
908 - margin: 0;
615 +.to-icon-box.left.txt-left {
616 + min-height: 110px;
909 617 }
910 -
911 -.qcld-recommendbot-conv-feature .plugin-card h3 a {
912 - display: flex;
913 - flex-direction: row-reverse;
914 - align-items: center;
618 +a.wpbot_free_messenger_adds {
619 +background: #2f3236 !important;
620 + color: #ffffff !important;
621 + padding: 12px 12px !important;
622 + line-height: 19px !important;
623 + font-size: 12px !important;
624 + text-align: center !important;
625 + border: 1px solid #4d565f;
915 626 }
916 627
917 -.qcld-recommendbot-conv-feature .plugin-icon {
918 - position: relative;
919 - top: auto;
920 - left: auto;
921 - width: 80px;
922 - height: auto;
923 - margin: 0 20px 0 0;
628 +a.wpbot_free_messenger_adds:hover {
629 + background: #337ab7 !important;
630 + color: #fff !important;
924 631 }
925 632
926 -.qcld-recommendbot-conv-feature .plugin-card .desc>p,
927 -.qcld-recommendbot-conv-feature .plugin-card .name {
928 - margin-left: 0 !important;
633 +#section-flip-1 .to-icon-box.left .to-icon-txt.fa-4x-txt {
634 + margin-left: 0;
929 635 }
930 636
931 -.qcld-recommendbot-conv-feature .plugin-action-buttons {
932 - margin-bottom: 0;
637 +#section-flip-1 .vc_column_container>.vc_column-inner {
638 + box-sizing: border-box;
639 + padding-left: 0;
640 + padding-right: 0;
641 + width: 100%;
933 642 }
934 -
935 -.qcld-recommendbot-conv-feature .plugin-action-buttons {
936 - text-align: center;
643 +.getting_gtarted_section .wpb_wrapper h3 > span{
644 + color:#000;
645 + font-weight: bold;
937 646 }
938 647
939 -.qc_menu_area_box {
940 - display: flex;
941 - justify-content: space-between;
942 - border-radius: 16px;
943 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
944 - padding: 15px;
945 - gap: 15px;
946 - overflow: hidden;
947 - margin: 0 0 15px 0;
948 -}
949 648
950 -.qc_menu_area_box h4 {
951 - text-align: center;
952 - font-size: 18px !important;
953 - font-weight: bold !important;
954 - border-bottom: 2px solid #f7f7f7;
955 - padding: 0 0 8px 0;
956 - margin: 0 0 8px 0;
649 +.qc_wpbot_pro {
650 + color: #fff !important;
957 651 }
958 652
959 -.qc_menu_area {
960 653
961 - width: 50%;
962 - background: #fff;
963 - border-radius: 16PX;
964 - padding: 12px;
654 +/* Table Css for slider list page */
655 +.qchero_slider_table_area {
656 + margin-top: 20px;
965 657 }
966 -
967 -.qc_menu_list_area.ui-droppable {
968 -
969 - width: 50%;
970 - background: #fff;
971 - border-radius: 16PX;
972 - padding: 12px;
658 +.sld_payment_table {
659 + margin: 0 0 40px 0;
660 + width: 100%;
661 + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
662 + display: table;
973 663 }
974 -
975 -.qc_menu_area_box ul li span {
976 - background-image: linear-gradient(to right, #868afa 0%, var(--woobot-primary) 51%, var(--woobot-primary) 100%);
977 - box-shadow: 0 5px 15px #c3c3c3;
978 - border: 1px solid #ffffff;
979 - color: #fff;
664 +.sld_responsive_head {
665 + display: none;
666 +}
667 +#sld_page_check {
980 668 display: block;
981 - margin: 8px auto;
982 - padding: 12px 30px;
669 + overflow: hidden;
670 + position: relative;
671 + left: -185%;
672 + top: -39px;
983 673 }
984 674
985 -.qc_menu_area_box .qc_menu_area_container span {
986 - background-image: linear-gradient(to right, #868afa 0%, var(--woobot-primary) 51%, var(--woobot-primary) 100%);
987 - box-shadow: 0 5px 15px #c3c3c3;
988 - border: 1px solid #ffffff;
989 - color: #fff;
990 - display: block;
991 - margin: 8px auto;
992 - padding: 12px 30px;
675 +@media only screen and (min-width: 320px) and (max-width: 767px) {
676 +.sld_payment_cell {
677 + display: block !important;
993 678 }
994 -
995 -.qc_menu_area_box .qc_menu_area_container span:hover,
996 -.qc_menu_area_box ul li span:hover {
997 - background-image: linear-gradient(to right, var(--woobot-primary) 0%, #868afa 51%, #868afa 100%);
679 +.sld_payment_row {
680 + display: block !important;
998 681 }
999 -
1000 -.qc_menu_list_container {
1001 - position: relative;
682 +.header {
683 + display: none !important;
1002 684 }
1003 -
1004 -.qc_menu_list_container p {
1005 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
1006 - float: none;
1007 - position: relative;
1008 - transform: none;
1009 - right: 0;
1010 - top: 0;
1011 - text-align: center;
1012 - width: 100%;
1013 - font-size: 12px;
1014 - margin: 0;
1015 - z-index: 999;
1016 - color: #3c3b3b;
1017 - font-weight: 600;
1018 - line-height: 20px;
1019 - border-radius: 0;
1020 - padding: 6px 0;
685 +.sld_responsive_head {
686 + display: block;
687 + float: left;
688 + width: 100px;
689 + font-size: 14px;
690 + font-weight: bold;
1021 691 }
1022 -
1023 -
1024 -.lp-submenu-wpbot_openAi .swal2-actions {
1025 - display: flex;
1026 - width: auto;
1027 692 }
1028 693
1029 -/* Icon-only centered loading overlay for Save settings */
1030 -.swal2-popup.qcld-swal-loading-only {
1031 - background: transparent !important;
1032 - box-shadow: none !important;
1033 - padding: 0 !important;
1034 - width: auto !important;
1035 - min-width: 0 !important;
694 +@media only screen and (max-width: 1020px) {
695 +#sld_page_check {
696 + left: 0%;
697 + top: 0px;
1036 698 }
1037 -.swal2-popup.qcld-swal-loading-only .swal2-header,
1038 -.swal2-popup.qcld-swal-loading-only .swal2-title,
1039 -.swal2-popup.qcld-swal-loading-only .swal2-actions,
1040 -.swal2-popup.qcld-swal-loading-only .swal2-footer,
1041 -.swal2-popup.qcld-swal-loading-only .swal2-close {
1042 - display: none !important;
1043 699 }
1044 -.swal2-popup.qcld-swal-loading-only .swal2-html-container {
1045 - margin: 0 !important;
1046 - padding: 0 !important;
1047 - overflow: visible !important;
1048 - color: transparent !important;
700 +.sld_payment_row {
701 + display: table-row;
702 + background: #fff;
1049 703 }
1050 -.qcld-save-settings-spinner {
1051 - position: relative;
1052 - width: 56px;
1053 - height: 56px;
1054 - margin: 0 auto;
704 +.sld_payment_row:nth-of-type(odd) {
705 + background: #e9e9e9;
1055 706 }
1056 -.qcld-save-settings-spinner::before,
1057 -.qcld-save-settings-spinner::after {
1058 - content: '';
1059 - position: absolute;
1060 - inset: 0;
1061 - border-radius: 50%;
1062 - border: 4px solid transparent;
707 +.sld_payment_row.header {
708 + font-weight: 900;
709 + background: #0073aa;
1063 710 }
1064 -.qcld-save-settings-spinner::before {
1065 - border-top-color: #8b5cf6;
1066 - border-right-color: #8b5cf6;
1067 - animation: qcld-save-settings-spin 0.9s linear infinite;
711 +.sld_payment_row.header .sld_payment_cell {
712 + color: #fff;
1068 713 }
1069 -.qcld-save-settings-spinner::after {
1070 - inset: 8px;
1071 - border-bottom-color: #ffffff;
1072 - border-left-color: #ffffff;
1073 - animation: qcld-save-settings-spin 0.7s linear infinite reverse;
714 +.sld_payment_cell {
715 + padding: 15px 12px;
716 + display: table-cell;
717 + color: #555;
718 + vertical-align: middle;
1074 719 }
1075 -@keyframes qcld-save-settings-spin {
1076 - 0% { transform: rotate(0deg); }
1077 - 100% { transform: rotate(360deg); }
720 +.sld_menu_title, .form_wrapper_sliderhero {
721 + background-color: #fff;
722 + padding: 15px;
723 + border-left: 3px solid #0073aa;
724 + margin-top: 12px;
1078 725 }
1079 -.lp-submenu-wpbot_openAi button.swal2-confirm.btn.btn-lg.swal2-styled{
1080 - width: auto !important;
726 +.sld_menu_title h2 {
727 + font-size: 26px;
728 + text-transform: uppercase;
729 + color: #000;
730 + font-weight: normal;
1081 731 }
1082 732
1083 -button.swal2-confirm.btn.btn-lg.swal2-styled {
1084 - width: auto;
733 +
734 +
735 +.wp-chatbot-version h3 {
736 + color: #fff;
737 + padding: 8px;
738 + display: inline-table;
739 + background: #337ab7;
740 + text-transform: uppercase;
741 + letter-spacing: 1px;
742 + text-shadow: 0 0 2px #000;
743 + font-size: 15px;
744 + line-height: 20px;
745 + border-radius: 5px;
1085 746 }
1086 -
1087 -div#qc_menu_area {
1088 - min-height: 230px;
747 +a.wpchatbot-Upgrade {
748 + background: #f0ad4e;
749 + padding: 8px;
750 + border-radius: 5px;
751 + font-size: 15px;
752 + text-transform: uppercase;
753 + color: #fff;
1089 754 }
1090 -div#collapseTwoControl .row {
1091 - padding: 8px 0;
1092 - border-bottom: 1px solid #eee;
1093 - margin: 0 0;
755 +a.wpchatbot-Upgrade:hover {
756 +background: #337ab7;
757 +text-decoration:none;
758 +color: #fff;
1094 759 }
760 +a.wpbot_free_messenger_adds {
761 + background: #f0ad4e !important;
762 + color: #000 !important;
763 +}
1095 764
1096 -
1097 -.wp-chatbot-wrap .form-group input[type=checkbox]+label {
1098 - position: relative;
1099 - width: 18px;
1100 - height: 18px;
1101 - border: 2px solid var(--woobot-primary);
1102 - border-radius: 4px;
1103 - top: 0;
1104 - left: 0;
1105 - transform: translate(0%, 0%);
1106 - transition: all ease-out 200ms;
1107 - text-indent: 28px;
1108 - font: normal normal 30px / 60px "Helvetica";
1109 - white-space: nowrap;
1110 - color: #555;
1111 - -webkit-user-select: none;
1112 - -moz-user-select: none;
1113 - -ms-user-select: none;
1114 - user-select: none;
1115 - display: flex;
1116 - align-items: center;
765 +a.wpbot_free_messenger_adds:hover {
766 + background: #337ab7 !important;
767 + color: #fff !important;
1117 768 }
1118 769
1119 -.wp-chatbot-wrap .form-group input[type=checkbox]+label:after {
1120 - content: "";
1121 - position: absolute;
1122 - width: 0px;
1123 - height: 8px;
1124 - border-bottom: 3px solid #22b573;
1125 - border-left: 3px solid #22b573;
1126 - top: 25%;
1127 - left: 50%;
1128 - transform-origin: bottom left;
1129 - transform: rotate(-45deg);
1130 - opacity: 0;
1131 - transition: all ease-out 200ms;
770 +.cxsc-settings-blocks-notic p {
771 + font-size: 14px;
772 + line-height: 28px;
1132 773 }
1133 -
1134 -.wp-chatbot-wrap .form-group input[type=checkbox]:checked+label {
1135 - border: 2px solid #22b573;
774 +.cxsc-settings-blocks-notic {
775 + box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
776 + padding: 12px;
777 + margin: 0 0 20px 0;
778 + border-radius: 6px;
779 + border: 1px solid #8c8f949c;
1136 780 }
1137 -
1138 -.wp-chatbot-wrap .form-group input[type=checkbox]:checked+label:after {
1139 - opacity: 1;
1140 - width: 22px;
781 +.cxsc-settings_openai_border{
782 + border-bottom: 1px solid #4d565f;
1141 783 }
1142 -
1143 -.wp-chatbot-wrap .form-group input[type=checkbox] {
1144 - display: none;
784 +.cxsc-settings-blocks-addon{
785 + box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
786 + padding: 12px;
787 + margin: 0 0 20px 0;
788 + border-radius: 6px;
789 + border: 1px solid #8c8f949c;
790 + font-size: 15px;
791 + line-height: 25px;
792 + width: 75%;
1145 793 }
1146 794
1147 795
1148 -.admin-maxwith.qcld-openai-main-box {
1149 - margin: 0 20px 0 0;
1150 - padding: 0 20px 15px 20px;
1151 - max-width: initial;
1152 - box-shadow: none;
1153 - border: none;
1154 - border-radius: 16px;
796 +.wp-chatbot-tabs-style-flip .cxsc-settings_openai_border span.wpwbot-admin-tab-icon {
797 + width: 25px;
798 + font-size: 16px;
1155 799 }
1156 -
1157 -.admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
1158 - display: flex;
800 +.wp-chatbot-tabs-style-flip .cxsc-settings_openai_border span {
801 + display: inline-block;
802 + padding-right: 5px;
1159 803 }
1160 804
1161 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
1162 - display: inline-block;
1163 - width: 360px;
1164 -}
805 +/**************** open AI *********************/
1165 806
1166 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
1167 - margin: 0 0 20px 0;
1168 - padding: 0;
1169 - display: flex;
1170 - flex-direction: column;
1171 - align-content: flex-start;
1172 - border: 15px solid var(--woobot-page-bg);
1173 - border-radius: 16px;
1174 - min-height: 480px;
807 +.admin-maxwith{
808 + max-width: 1100px !important;
809 + padding: 0;
1175 810 }
1176 -
1177 -.col-auto.me-auto.ai-settings-title-container {
1178 - display: flex;
1179 - justify-content: space-between;
1180 - padding: 20px;
811 +.rl-col-custom{
812 + flex: 0 0 auto;
813 + width: 26px !important;
1181 814 }
1182 815
1183 -.qcld-wp-chatbot-wrap-header-aisection {
1184 - margin: 0 0 0 0;
1185 -}
1186 816
1187 -.qcl-openai .row {
1188 - margin-right: 0;
1189 - margin-left: 0;
817 +.qc_openai_addon_settings_options{
818 + background: #fff;
819 + padding: 20px;
820 + margin: 20px 0;
821 + -webkit-border-radius: 10px;
822 + border-radius: 10px;
1190 823 }
1191 824
1192 -.admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container {
1193 - display: flex;
1194 - justify-content: flex-start;
1195 - padding: 8px 20px;
1196 - border-radius: 16px;
1197 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
1198 - margin: 20px 0 0 0;
1199 - gap: 30px;
825 +.qcl-openai body {
826 + margin: 0;
827 + font-family: var(--bs-font-sans-serif);
828 + font-size: 1rem;
829 + font-weight: 400;
830 + line-height: 1.5;
831 + color: #212529;
832 + background-color: #fff;
833 + -webkit-text-size-adjust: 100%;
834 + -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1200 835 }
1201 -
1202 -.admin-maxwith.qcld-openai-main-box .tab-content {
1203 - padding: 0 12px 0 12px;
1204 - width: 100%;
836 +.qcl-openai hr {
837 + margin: 1rem 0;
838 + color: inherit;
839 + background-color: currentColor;
840 + border: 0;
841 + opacity: 0.25;
1205 842 }
1206 843
1207 -.admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card {
1208 - width: 100%;
1209 - max-width: inherit;
1210 - margin: 0 0 8px 0;
1211 - padding: 0;
1212 - border: none;
1213 - box-shadow: none;
1214 - background: #fff !important;
1215 - color: var(--woobot-primary) !important;
1216 - text-decoration: none !important;
1217 - border-radius: 8px;
1218 - border: 2px solid var(--woobot-primary);
844 +.qcl-openai h4{
845 + font-size: 1.5rem;
1219 846 }
1220 -
1221 -.admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card h2 {
1222 - margin: 0;
1223 - padding: 0;
1224 - font-weight: bold;
847 +.qcl-openai h4 {
848 + margin-top: 0;
849 + margin-bottom: 0.5rem;
850 + font-weight: 500;
851 + line-height: 1.2;
852 + font-size: calc(1.275rem + 0.3vw);
1225 853 }
1226 854
1227 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1228 - font-weight: bold;
1229 - display: block;
1230 - padding: 15px 12px;
1231 - font-size: 16px;
1232 - color: var(--woobot-primary);
1233 - width: 100%;
1234 - text-align: left;
1235 -}
1236 855
1237 -
1238 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link:after {
1239 - content: "\f14f";
1240 - font-family: dashicons;
1241 - position: absolute;
1242 - right: 18px;
1243 - top: 12px;
1244 - font-size: 22px;
1245 - font-weight: normal;
856 +.qcl-openai table {
857 + width: 100%;
858 + margin: 20px 0 0 0;
1246 859 }
1247 -
1248 -
1249 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link.collapsed:after{
1250 -
1251 - content: "\f10f";
1252 - font-family: dashicons;
1253 - position: absolute;
1254 - right: 18px;
1255 - top: 12px;
1256 - font-size: 22px;
1257 - font-weight: normal;
860 +.qcl-openai td {
861 + border-width: 1px;
862 + padding: 10px 7px;
1258 863 }
1259 -
1260 -
1261 -.admin-maxwith.qcld-openai-main-box .btn.active.focus,
1262 -.admin-maxwith.qcld-openai-main-box .btn.active:focus,
1263 -.admin-maxwith.qcld-openai-main-box .btn.focus,
1264 -.admin-maxwith.qcld-openai-main-box .btn:active.focus,
1265 -.admin-maxwith.qcld-openai-main-box .btn:active:focus,
1266 -.admin-maxwith.qcld-openai-main-box .btn:focus {
1267 - outline: 0 auto -webkit-focus-ring-color;
1268 - outline-offset: -2px;
864 +.qcl-openai a {
865 + cursor: pointer;
1269 866 }
1270 867
1271 -.admin-maxwith.qcld-openai-main-box .tab-content .card-body {
1272 - padding: 15px;
868 +.qcl-openai .gx-0 {
869 + --bs-gutter-x: 0;
1273 870 }
1274 -
1275 -.admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
1276 - font-size: 15px;
871 +.qcl-openai .row {
872 + display: flex;
873 + flex-wrap: wrap;
874 + margin-top: calc(var(--bs-gutter-y) * -1);
875 + margin-right: calc(var(--bs-gutter-x) * -.5);
876 + margin-left: calc(var(--bs-gutter-x) * -.5);
1277 877 }
1278 878
1279 -.admin-maxwith.qcld-openai-main-box .tab-content {
1280 - font-size: 15px;
1281 -}
879 +@media (min-width: 576px){
880 + .qcl-openai .p-sm-3 {
881 + padding: 1rem !important;
882 + }
1282 883
1283 -.admin-maxwith.qcld-openai-main-box .tab-content .alert.alert-info {
1284 - margin: 15px 0 0 0;
1285 884 }
1286 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li a {
1287 - padding: 14px 20px;
1288 - width: 100%;
1289 - font-size: 16px;
1290 - font-weight: 500;
1291 - color: var(--woobot-nav-muted);
1292 - border-radius: 8px;
1293 - position: relative;
1294 - display: flex;
1295 - align-items: center;
1296 - gap: 15px;
1297 - background: #fff;
1298 - text-decoration: none;
1299 - border: none;
1300 - margin: 2px 0;
885 +/*.qcl-openai .bg-dark {
886 + background-color: #212529 !important;
887 +}*/
888 +.qcl-openai .row > {
889 + flex-shrink: 0;
890 + width: 100%;
891 + max-width: 100%;
892 + padding-right: 20px;
893 + padding-left: 20px;
894 + margin-top: var(--bs-gutter-y);
1301 895 }
1302 896
1303 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li.active a,
1304 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li a:hover {
1305 - padding: 14px 20px;
1306 - width: 100%;
1307 - font-size: 16px;
1308 - font-weight: 500;
1309 - color: var(--woobot-nav-muted);
1310 - border-radius: 8px;
1311 - position: relative;
1312 - display: flex;
1313 - align-items: center;
1314 - gap: 15px;
1315 - background: var(--woobot-primary);
1316 - color: #ffffff;
1317 - text-decoration: none;
1318 - border: none;
1319 - margin: 2px 0;
1320 -}
897 +@media (min-width: 576px){
898 + .qcl-openai .p-sm-4 {
899 + padding: 1.5rem !important;
900 + }
1321 901
1322 -
1323 -.wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]+label,
1324 -.wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]+label {
1325 - position: relative;
1326 - width: 18px;
1327 - height: 18px;
1328 - border: 2px solid var(--woobot-primary);
1329 - border-radius: 4px;
1330 - top: 0;
1331 - left: 0;
1332 - transform: translate(0%, 0%);
1333 - transition: all ease-out 200ms;
1334 - text-indent: 28px;
1335 - font: normal normal 30px / 60px "Helvetica";
1336 - white-space: nowrap;
1337 - color: #555;
1338 - -webkit-user-select: none;
1339 - -moz-user-select: none;
1340 - -ms-user-select: none;
1341 - user-select: none;
1342 - display: flex;
1343 - align-items: center;
1344 - line-height: 30px;
1345 902 }
903 +@media (min-width: 576px){
904 + .qcl-openai .col-sm-10 {
905 + flex: 0 0 auto;
906 + width: 83.33333333%;
907 + }
1346 908
1347 -.wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]+label:after,
1348 -.wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]+label:after {
1349 - content: "";
1350 - position: absolute;
1351 - width: 0px;
1352 - height: 8px;
1353 - border-bottom: 3px solid #22b573;
1354 - border-left: 3px solid #22b573;
1355 - top: 25%;
1356 - left: 50%;
1357 - transform-origin: bottom left;
1358 - transform: rotate(-45deg);
1359 - opacity: 0;
1360 - transition: all ease-out 200ms;
1361 909 }
1362 -
1363 -.wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]:checked+label,
1364 -.wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]:checked+label {
1365 - border: 2px solid #22b573;
910 +.qcl-openai .row > * {
911 + flex-shrink: 0;
912 + width: 100%;
913 + max-width: 100%;
914 + padding-right: calc(var(--bs-gutter-x) * .5);
915 + padding-left: calc(var(--bs-gutter-x) * .5);
916 + margin-top: var(--bs-gutter-y);
1366 917 }
1367 918
1368 -.wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]:checked+label:after,
1369 -.wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]:checked+label:after {
1370 - opacity: 1;
1371 - width: 22px;
1372 -}
919 +/*.qcl-openai .bg-dark {
920 + background-color: #212529 !important;
921 +}*/
922 +@media (min-width: 576px){
923 + .qcl-openai .p-sm-3 {
924 + padding: 1rem !important;
925 + }
1373 926
1374 -.wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox],
1375 -.wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox] {
1376 - display: none;
1377 927 }
1378 -
1379 -div#wp-chatbot-show-pages-list ul li,
1380 -div#wp-chatbot-exclude-post-list ul li {
1381 - padding: 4px 0;
928 +/*.qcl-openai .bg-dark {
929 + background-color: #212529 !important;
930 +}*/
931 +.qcl-openai .ms-auto {
932 + margin-left: auto !important;
1382 933 }
1383 -
1384 -.qcld-main-wrapper div#headingTwoControl a {
1385 - font-weight: bold;
934 +.qcl-openai .row > * {
935 + flex-shrink: 0;
936 + width: 100%;
937 + max-width: 100%;
938 + padding-right:20px;
939 + padding-left: 20px;
940 + margin-top: var(--bs-gutter-y);
1386 941 }
1387 942
1388 -.qcl-openai input[type=checkbox]+label {
1389 - position: relative;
1390 - width: 18px;
1391 - height: 18px;
1392 - border: 2px solid var(--woobot-primary);
1393 - border-radius: 4px;
1394 - top: 0;
1395 - left: 0;
1396 - transform: translate(0%, 0%);
1397 - transition: all ease-out 200ms;
1398 - text-indent: 28px;
1399 - white-space: nowrap;
1400 - color: #555;
1401 - -webkit-user-select: none;
1402 - -moz-user-select: none;
1403 - -ms-user-select: none;
1404 - user-select: none;
1405 - display: flex;
1406 - align-items: center;
1407 - margin-bottom: 10px;
1408 - line-height: 30px;
943 +.qcl-openai [type=button]:not(:disabled) {
944 + cursor: pointer;
1409 945 }
1410 -
1411 -.qcl-openai input[type=checkbox]+label:after {
1412 - content: "";
1413 - position: absolute;
1414 - width: 0px;
1415 - height: 8px;
1416 - border-bottom: 3px solid #22b573;
1417 - border-left: 3px solid #22b573;
1418 - top: 25%;
1419 - left: 50%;
1420 - transform-origin: bottom left;
1421 - transform: rotate(-45deg);
1422 - opacity: 0;
1423 - transition: all ease-out 200ms;
946 +.qcl-openai button:not(:disabled) {
947 + cursor: pointer;
1424 948 }
1425 -
1426 -.qcl-openai input[type=checkbox]:checked+label {
1427 - border: 2px solid #22b573;
949 +.qcl-openai .mb-3 {
950 + margin-bottom: 1rem !important;
1428 951 }
1429 952
1430 -.qcl-openai input[type=checkbox]:checked+label:after {
1431 - opacity: 1;
1432 - width: 22px;
953 +.qcl-openai .my-4 {
954 + margin-top: 1.5rem !important;
955 + margin-bottom: 1.5rem !important;
1433 956 }
1434 -
1435 -.qcl-openai input[type=checkbox] {
1436 - display: none;
957 +.qcl-openai .form-switch {
958 + padding-left: 2.5em;
1437 959 }
1438 -
1439 -
1440 960 .qcl-openai .form-check {
1441 - margin-bottom: 15px;
1442 - border: 1px solid #E5E6F2;
1443 - padding: 12px 12px;
1444 - border-radius: 8px;
961 + display: block;
962 + min-height: 1.5rem;
963 + padding-left: 1.5em;
964 + margin-bottom: 0.125rem;
1445 965 }
1446 966
1447 -.qcl-openai label.form-check-label span {
1448 - font-size: 12px;
967 +@media (min-width: 576px) {
968 +.qcl-openai .p-sm-0 {
969 + padding: 0 !important;
1449 970 }
1450 -
1451 -.qcl-openai label.form-check-label span.pro-badge {
1452 - font-size: 9px;
1453 - font-weight: 400;
1454 - color: #ffffff;
1455 - background: var(--woobot-primary);
1456 - border-radius: 20px;
1457 - padding: 2px 8px;
1458 - margin-left: 5px;
1459 - text-transform: uppercase;
1460 - text-indent: initial;
1461 - line-height: 16px;
1462 971 }
972 +.qcl-openai .card-body {
973 + flex: 1 1 auto;
974 + padding: 1rem 1rem;
975 +}
1463 976
1464 -.qcl-openai a#save_setting {
1465 - margin: 0 0 0 0;
977 +.qcl-openai .card {
978 + position: relative;
979 + display: -webkit-box;
980 + display: -ms-flexbox;
981 + display: flex;
982 + padding: 0 !important;
983 + max-width: 100% !important;
984 + margin-top: 0px;
985 + -webkit-box-orient: vertical;
986 + -webkit-box-direction: normal;
987 + -ms-flex-direction: column;
988 + flex-direction: column;
989 + min-width: 0;
990 + word-wrap: break-word;
991 + background-color: #fff;
992 + background-clip: border-box;
993 + border: 1px solid rgba(0,0,0,.125);
994 + border-radius: 0.25rem;
1466 995 }
1467 996
1468 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]+label {
1469 - position: relative;
1470 - width: 18px;
1471 - height: 18px;
1472 - border: 2px solid var(--woobot-primary);
1473 - border-radius: 4px;
1474 - top: 0;
1475 - left: 0;
1476 - transform: translate(0%, 0%);
1477 - transition: all ease-out 200ms;
1478 - text-indent: 28px;
1479 - white-space: nowrap;
1480 - color: #555;
1481 - -webkit-user-select: none;
1482 - -moz-user-select: none;
1483 - -ms-user-select: none;
1484 - user-select: none;
1485 - display: flex;
1486 - align-items: center;
1487 - margin-bottom: 0;
1488 - line-height: 30px;
1489 -}
1490 997
1491 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]+label:after {
1492 - content: "";
1493 - position: absolute;
1494 - width: 0px;
1495 - height: 8px;
1496 - border-bottom: 3px solid #22b573;
1497 - border-left: 3px solid #22b573;
1498 - top: 25%;
1499 - left: 50%;
1500 - transform-origin: bottom left;
1501 - transform: rotate(-45deg);
1502 - opacity: 0;
1503 - transition: all ease-out 200ms;
998 +.qcl-openai .card-header:first-child {
999 + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
1504 1000 }
1505 -
1506 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label {
1507 - border: 2px solid #22b573;
1001 +.qcl-openai .py-sm-4 {
1002 + padding-top: 1.5rem !important;
1003 + padding-bottom: 1.5rem !important;
1508 1004 }
1509 -
1510 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label:after {
1511 - opacity: 1;
1512 - width: 22px;
1005 +.qcl-openai .bg-dark {
1006 + background-color: #212529 !important;
1513 1007 }
1514 -
1515 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox] {
1516 - display: none;
1008 +.qcl-openai .text-white {
1009 + color: #fff !important;
1517 1010 }
1518 -
1519 -
1520 -.qcl-openai div#wp-chatbot-openrouter-settings .form-check {
1521 - margin-bottom: 15px;
1522 - border: 1px solid #E5E6F2;
1523 - padding: 12px 12px;
1524 - border-radius: 8px;
1011 +.qcl-openai .border-0 {
1012 + border: 0 !important;
1525 1013 }
1526 -
1527 -.qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span {
1528 - font-size: 12px;
1014 +.qcl-openai .card-header {
1015 + padding: 0.75rem 1.25rem;
1016 + margin-bottom: 0;
1017 + background-color: rgba(0,0,0,.03);
1018 + border-bottom: 1px solid rgba(0,0,0,.125);
1529 1019 }
1530 -
1531 -.qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span.pro-badge {
1532 - font-size: 9px;
1533 - font-weight: 400;
1534 - color: #ffffff;
1535 - background: var(--woobot-primary);
1536 - border-radius: 20px;
1537 - padding: 2px 8px;
1538 - margin-left: 5px;
1539 - text-transform: uppercase;
1540 - text-indent: initial;
1541 - line-height: 16px;
1020 +.qcl-openai .card-header h2{
1021 + margin-top: 0 !important;
1022 + margin-bottom: 0 !important;
1542 1023 }
1543 -
1544 -.qcl-openai div#wp-chatbot-openrouter-settings a#save_setting {
1545 - margin: 0 0 15px 0;
1024 +.qcl-openai #wp-chatbot-openai-training-model{
1025 + padding-top: 20px;
1026 + padding-bottom: 20px;
1546 1027 }
1547 -
1548 -#qcld_save_openrouter_setting {
1549 - margin: 0 0 15px 0;
1028 +.qcl-openai .form-check {
1029 + display: block;
1030 + min-height: 1.5rem;
1031 + padding-left: 1.5em;
1032 + margin-bottom: 0.125rem;
1550 1033 }
1551 -
1552 -
1553 -div#openrouter-settings .tab-content {
1554 - padding: 0 12px 0 12px;
1555 - width: 100%;
1034 +.qcl-openai .form-check .form-check-input {
1035 + float: left;
1036 + margin-left: -1.5em;
1556 1037 }
1557 -
1558 -.qcl-openai .accordion {
1559 - padding: 0 0 0 15px;
1038 +.qcl-openai .form-check-input {
1039 + width: 1em;
1040 + height: 1em;
1041 + margin-top: 0.25em;
1042 + vertical-align: top;
1043 + background-color: #fff;
1044 + background-repeat: no-repeat;
1045 + background-position: center;
1046 + background-size: contain;
1047 + border: 1px solid rgba(0, 0, 0, 0.25);
1048 + -webkit-appearance: none;
1049 + -moz-appearance: none;
1050 + appearance: none;
1051 + -webkit-print-color-adjust: exact;
1052 + color-adjust: exact;
1560 1053 }
1561 -
1562 -.qcl-openai .card-body-openrouter {
1563 - padding: 0 15px 0 15px;
1054 +.qcl-openai .form-check-input:active {
1055 + filter: brightness(90%);
1564 1056 }
1565 -
1566 -
1567 -.admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container h4 {
1568 - width: 365px;
1057 +.qcl-openai .form-check-input:focus {
1058 + border-color: #86b7fe;
1059 + outline: 0;
1060 + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
1569 1061 }
1570 -
1571 -.admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container select {
1572 - display: none;
1062 +.qcl-openai .form-check-input:checked {
1063 + background-color: #0d6efd;
1064 + border-color: #0d6efd;
1573 1065 }
1574 -
1575 -/* Avatar Location Selector */
1576 -.avatar-location-wrapper {
1577 - background: #ffffff;
1578 - border-radius: 12px;
1579 - padding: 0 0 25px 0;
1580 - margin: 0 0 0 0;
1066 +.qcl-openai .form-check-input:checked[type=checkbox] {
1067 + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
1581 1068 }
1582 -
1583 -.avatar-location-title {
1584 - font-size: 13px;
1585 - font-weight: 600;
1586 - color: #6B7280;
1587 - margin: 0 0 10px 0;
1588 - text-transform: none;
1589 - letter-spacing: 0;
1069 +.qcl-openai .form-check-input:checked[type=radio] {
1070 + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
1590 1071 }
1591 -
1592 -.avatar-location-cards {
1593 - display: inline-flex;
1594 - gap: 0;
1595 - background: #F3F4F6;
1596 - border-radius: 10px;
1597 - padding: 4px;
1072 +.qcl-openai .form-check-input:disabled {
1073 + pointer-events: none;
1074 + filter: none;
1075 + opacity: 0.5;
1598 1076 }
1599 -
1600 -.avatar-location-card {
1601 - display: flex;
1602 - align-items: center;
1603 - gap: 6px;
1604 - padding: 8px 18px;
1605 - border-radius: 8px;
1606 - cursor: pointer;
1607 - font-size: 13px;
1608 - font-weight: 500;
1609 - color: #6B7280;
1610 - background: transparent;
1611 - border: none;
1612 - transition: all 0.2s ease;
1613 - user-select: none;
1077 +.qcl-openai .form-check-input:disabled ~ .form-check-label {
1078 + opacity: 0.5;
1614 1079 }
1615 -
1616 -.avatar-location-card:hover {
1617 - color: #374151;
1618 - background: #E5E7EB;
1080 +.qcl-openai .form-check-input[type=checkbox] {
1081 + border-radius: 0.25em;
1619 1082 }
1620 -
1621 -.avatar-location-card.active {
1622 - background: #ffffff;
1623 - color: #111827;
1624 - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
1083 +.qcl-openai .form-check-input[type=checkbox]:indeterminate {
1084 + background-color: #0d6efd;
1085 + border-color: #0d6efd;
1086 + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
1625 1087 }
1626 -
1627 -.avatar-location-card svg {
1628 - flex-shrink: 0;
1629 - color: inherit;
1088 +.qcl-openai .form-check-input[type=radio] {
1089 + border-radius: 50%;
1630 1090 }
1631 -
1632 -.avatar-location-card.active svg {
1633 - color: #4B5563;
1091 +.qcl-openai .form-check-input[disabled] ~ .form-check-label {
1092 + opacity: 0.5;
1634 1093 }
1635 -
1636 -/* AI Provider Cards Wrapper */
1637 -.ai-provider-cards-wrapper {
1638 - background: #ffffff;
1639 - border-radius: 12px;
1640 - padding: 20px 24px 20px 6px;
1641 - margin: 0 0 0 0;
1094 +.qcl-openai .form-switch {
1095 + padding-left: 2.5em;
1642 1096 }
1643 -
1644 -.ai-provider-cards {
1645 - display: flex;
1646 - gap: 12px;
1647 - flex-wrap: wrap;
1648 - padding: 4px 0;
1097 +.qcl-openai .form-switch .form-check-input {
1098 + width: 2em;
1099 + margin-left: -2.5em;
1100 + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
1101 + background-position: left center;
1102 + border-radius: 2em;
1103 + transition: background-position 0.15s ease-in-out;
1649 1104 }
1650 -
1651 -.ai-provider-card {
1652 - display: flex;
1653 - flex-direction: column;
1654 - align-items: center;
1655 - justify-content: center;
1656 - gap: 8px;
1657 - padding: 8px 12px;
1658 - min-width: 110px;
1659 - background: #ffffff;
1660 - border: 2px solid #E5E7EB;
1661 - border-radius: 12px;
1662 - cursor: pointer;
1663 - position: relative;
1664 - transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
1665 - user-select: none;
1105 +.qcl-openai .form-switch .form-check-input:focus {
1106 + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
1666 1107 }
1667 -
1668 -.ai-provider-card:hover {
1669 - border-color: #93C5FD;
1670 - background: #F0F7FF;
1671 - transform: translateY(-2px);
1672 - box-shadow: 0 4px 12px rgba(37, 99, 235, 0.10);
1108 +.qcl-openai .form-switch .form-check-input:checked {
1109 + background-position: right center;
1110 + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
1673 1111 }
1674 -
1675 -.ai-provider-card.active {
1676 - border-color: #2563EB;
1677 - background: #EFF6FF;
1678 - box-shadow: 0 2px 8px rgba(37, 99, 235, 0.13);
1112 +.qcl-openai .form-check-inline {
1113 + display: inline-block;
1114 + margin-right: 1rem;
1679 1115 }
1680 -
1681 -.ai-provider-check {
1682 - position: absolute;
1683 - top: 6px;
1684 - right: 6px;
1685 - opacity: 0;
1686 - transform: scale(0.5);
1687 - transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
1688 - line-height: 0;
1116 +.qcl-openai .form-check-inline .form-check-input ~ .valid-feedback {
1117 + margin-left: 0.5em;
1689 1118 }
1690 -
1691 -.ai-provider-card.active .ai-provider-check {
1692 - opacity: 1;
1693 - transform: scale(1);
1119 +.qcl-openai .form-check-inline .form-check-input ~ .invalid-feedback {
1120 + margin-left: 0.5em;
1694 1121 }
1695 1122
1696 -.ai-provider-icon {
1697 - width: 40px;
1698 - height: 40px;
1699 - display: flex;
1700 - align-items: center;
1701 - justify-content: center;
1123 +.qcl-openai .form-range {
1124 + width: 100%;
1125 + height: 1.5rem;
1126 + padding: 0;
1127 + background-color: transparent;
1128 + -webkit-appearance: none;
1129 + -moz-appearance: none;
1130 + appearance: none;
1702 1131 }
1703 -
1704 -.ai-provider-icon svg {
1705 - width: 32px;
1706 - height: 32px;
1132 +.qcl-openai .form-range:focus {
1133 + outline: 0;
1707 1134 }
1708 -
1709 -.ai-provider-name {
1710 - font-size: 12px;
1711 - font-weight: 600;
1712 - color: #4B5563;
1713 - text-align: center;
1714 - white-space: nowrap;
1715 - line-height: 1.2;
1135 +.qcl-openai .form-range:focus::-webkit-slider-thumb {
1136 + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
1716 1137 }
1717 -
1718 -.ai-provider-card.active .ai-provider-name {
1719 - color: #1E40AF;
1138 +.qcl-openai .form-range:focus::-moz-range-thumb {
1139 + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
1720 1140 }
1721 -
1722 -
1723 -.admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-openai-training-model .row.my-4 {
1724 - font-size: 15px;
1725 - display: flex;
1726 - width: 100%;
1727 - align-items: center;
1728 - justify-content: center;
1729 - min-height: 420px;
1730 - text-align: center;
1141 +.qcl-openai .form-range::-moz-focus-outer {
1142 + border: 0;
1731 1143 }
1732 -
1733 -.admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-data_post_converter .row.my-4 {
1734 - font-size: 16px;
1735 - display: flex;
1736 - width: 100%;
1737 - align-items: center;
1738 - justify-content: center;
1739 - min-height: 420px;
1740 - text-align: center;
1144 +.qcl-openai .form-range::-webkit-slider-thumb {
1145 + width: 1rem;
1146 + height: 1rem;
1147 + margin-top: -0.25rem;
1148 + background-color: #0d6efd;
1149 + border: 0;
1150 + border-radius: 1rem;
1151 + -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1152 + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1153 + -webkit-appearance: none;
1154 + appearance: none;
1741 1155 }
1742 -
1743 -.admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-img_generator .row.my-4 {
1744 - font-size: 16px;
1745 - display: flex;
1746 - width: 100%;
1747 - align-items: center;
1748 - justify-content: center;
1749 - min-height: 420px;
1750 - text-align: center;
1156 +.qcl-openai .form-range::-webkit-slider-thumb:active {
1157 + background-color: #b6d4fe;
1751 1158 }
1752 -
1753 -.admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-content_writer .row.my-4 {
1754 - font-size: 16px;
1755 - display: flex;
1756 - width: 100%;
1757 - align-items: center;
1758 - justify-content: center;
1759 - min-height: 420px;
1760 - text-align: center;
1159 +.qcl-openai .form-range::-webkit-slider-runnable-track {
1160 + width: 100%;
1161 + height: 0.5rem;
1162 + color: transparent;
1163 + cursor: pointer;
1164 + background-color: #dee2e6;
1165 + border-color: transparent;
1166 + border-radius: 1rem;
1761 1167 }
1762 -
1763 -
1764 -.qcld-wrap.swpm-admin-menu-wrap {
1765 - display: flex;
1766 - margin: 15px 0;
1168 +.qcl-openai .form-range::-moz-range-thumb {
1169 + width: 1rem;
1170 + height: 1rem;
1171 + background-color: #0d6efd;
1172 + border: 0;
1173 + border-radius: 1rem;
1174 + -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1175 + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1176 + -moz-appearance: none;
1177 + appearance: none;
1767 1178 }
1768 -
1769 -.qcld_help_wppt_nav_container {
1770 - display: flex;
1771 - flex-direction: column;
1772 - width: 320px;
1773 - background: #fff;
1774 - border-radius: 16px;
1775 - margin: 0 20px 0 0;
1179 +.qcl-openai .form-range::-moz-range-thumb:active {
1180 + background-color: #b6d4fe;
1776 1181 }
1777 -
1778 -.content_qcbot_help_secion {
1779 - position: relative;
1780 - width: 79%;
1781 - display: block;
1782 - background: #fff;
1783 - border-radius: 16px;
1784 - padding: 15px 20px;
1182 +.qcl-openai .form-range::-moz-range-track {
1183 + width: 100%;
1184 + height: 0.5rem;
1185 + color: transparent;
1186 + cursor: pointer;
1187 + background-color: #dee2e6;
1188 + border-color: transparent;
1189 + border-radius: 1rem;
1785 1190 }
1786 -
1787 -.qcld_help_wppt_nav_container a {
1788 - margin: 2px 10px;
1191 +.qcl-openai .form-range:disabled {
1192 + pointer-events: none;
1789 1193 }
1790 -
1791 -.qcld_help_wppt_nav_container a {
1792 - margin: 2px 10px;
1793 - font-size: 15px;
1794 - font-weight: 500;
1795 - border: none;
1796 - padding: 14px 20px !important;
1797 - display: flex;
1798 - align-items: center;
1799 - gap: 15px;
1194 +.qcl-openai .form-range:disabled::-webkit-slider-thumb {
1195 + background-color: #adb5bd;
1800 1196 }
1801 -
1802 -.qcld_help_wppt_nav_container a:hover {
1803 - margin: 2px 10px;
1804 - font-size: 15px;
1805 - font-weight: 500;
1806 - border: none;
1807 - background: var(--woobot-primary);
1808 - color: #fff;
1809 - padding: 14px 20px !important;
1810 - display: flex;
1811 - align-items: center;
1812 - gap: 15px;
1197 +.qcl-openai .form-range:disabled::-moz-range-thumb {
1198 + background-color: #adb5bd;
1813 1199 }
1814 1200
1815 -.content_qcbot_help_secion .panel-default>.panel-heading {
1816 - color: #333;
1817 - background-color: #f5f5f5;
1818 - border-color: var(--woobot-primary);
1819 - background: #fff !important;
1820 - color: var(--woobot-primary) !important;
1821 - text-decoration: none !important;
1822 - border-radius: 8px;
1823 - border: 2px solid var(--woobot-primary);
1824 - padding: 0;
1201 +.qcl-openai .text-end {
1202 + text-align: right !important;
1825 1203 }
1826 1204
1827 -
1828 -.content_qcbot_help_secion .panel-default>.panel-heading:hover {
1829 - background: var(--woobot-primary) !important;
1830 - color: #ffffff !important;
1831 - text-decoration: none !important;
1832 - border-radius: 8px;
1205 +.qcl-openai .form-label {
1206 + margin-bottom: 0.5rem;
1833 1207 }
1834 -
1835 -
1836 -.content_qcbot_help_secion .panel-default>.panel-heading:hover a{
1837 - color: #ffffff !important;
1208 +.qcl-openai .col-form-label {
1209 + padding-top: calc(0.375rem + 1px);
1210 + padding-bottom: calc(0.375rem + 1px);
1211 + margin-bottom: 0;
1212 + font-size: inherit;
1213 + line-height: 1.5;
1838 1214 }
1839 -.content_qcbot_help_secion .panel-default {
1840 - border-color: #dddddd00;
1841 - margin-bottom: 10px;
1215 +.qcl-openai .col-form-label-lg {
1216 + padding-top: calc(0.5rem + 1px);
1217 + padding-bottom: calc(0.5rem + 1px);
1218 + font-size: 1.25rem;
1842 1219 }
1843 1220
1844 -.content_qcbot_help_secion .panel-title a {
1845 - padding: 10px 15px;
1846 - display: block;
1847 - position: relative;
1848 - display: block;
1849 - padding: 15px 12px;
1850 - font-size: 16px;
1851 - font-weight: bold;
1852 - color: var(--woobot-primary);
1221 +.qcl-openai .col-8 {
1222 + flex: 0 0 auto;
1223 + width: 66.66666667%;
1224 + padding-left: 0px !important;
1853 1225 }
1854 1226
1855 -.content_qcbot_help_secion p {
1856 - font-size: 15px;
1227 +.qcl-openai .form-select {
1228 + display: block;
1229 + width: 100%;
1230 + padding: 0.375rem 2.25rem 0.375rem 0.75rem;
1231 + -moz-padding-start: calc(0.75rem - 3px);
1232 + font-size: 15px;
1233 + font-weight: 400;
1234 + line-height: 1.5;
1235 + color: #212529;
1236 + background-color: #fff;
1237 + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
1238 + background-repeat: no-repeat;
1239 + background-position: right 0.75rem center;
1240 + background-size: 16px 12px;
1241 + border: 1px solid #ced4da;
1242 + border-radius: 0.25rem;
1243 + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1244 + -webkit-appearance: none;
1245 + -moz-appearance: none;
1246 + appearance: none;
1857 1247 }
1858 -
1859 -.content_qcbot_help_secion .panel-title a.collapsed:after {
1860 - content: "\f10f";
1861 - position: absolute;
1862 - right: 18px;
1863 - top: 12px;
1864 - font-family: dashicons;
1865 - font-size: 24PX;
1866 - font-weight: normal;
1248 +.qcl-openai .form-select:focus {
1249 + border-color: #86b7fe;
1250 + outline: 0;
1251 + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
1867 1252 }
1868 -
1869 -.content_qcbot_help_secion .panel-title a:after {
1870 - content: "\f14f";
1871 - position: absolute;
1872 - right: 18px;
1873 - top: 12px;
1874 - font-family: dashicons;
1875 - font-size: 24PX;
1876 - font-weight: normal;
1253 +.qcl-openai .form-select:disabled {
1254 + background-color: #e9ecef;
1877 1255 }
1878 -
1879 -
1880 -.content_qcbot_help_secion .panel-default>.panel-heading+.panel-collapse>.panel-body {
1881 - border-top-color: transparent;
1882 - background: linear-gradient(181deg, #ffffff 70%, #e9e4ff 96%);
1883 - border-radius: 16px;
1884 - border: 1px solid #eee;
1885 - margin: 8px 0 0 0;
1886 - padding: 20px 15px;
1256 +.qcl-openai .form-select:-moz-focusring {
1257 + color: transparent;
1258 + text-shadow: 0 0 0 #212529;
1887 1259 }
1888 -
1889 -.content_qcbot_help_secion .panel {
1890 - box-shadow: none;
1260 +.qcl-openai .form-select[multiple] {
1261 + padding-right: 0.75rem;
1262 + background-image: none;
1891 1263 }
1892 -
1893 -.qcbot_help_secion h3 {
1894 - font-size: 16px;
1895 - font-weight: bold;
1264 +.qcl-openai .form-select[size]:not([size="1"]) {
1265 + padding-right: 0.75rem;
1266 + background-image: none;
1896 1267 }
1897 -
1898 -.qcbot_help_secion ul li {
1899 - list-style: inside;
1268 +.qcl-openai .form-select-sm {
1269 + padding-top: 0.25rem;
1270 + padding-bottom: 0.25rem;
1271 + padding-left: 0.5rem;
1272 + font-size: 0.875rem;
1900 1273 }
1901 -
1902 -.notice.is-dismissible.qcbot-str-top-notic {
1903 - width: 98.7%;
1274 +.qcl-openai .form-select-lg {
1275 + padding-top: 0.5rem;
1276 + padding-bottom: 0.5rem;
1277 + padding-left: 1rem;
1278 + font-size: 1.25rem;
1904 1279 }
1905 1280
1906 -.qcld-main-wrapper {
1907 - margin: 10px 0px 0 2px !important;
1281 +.qcl-openai .card-footer:last-child {
1282 + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
1908 1283 }
1909 -
1910 -.content_qcbot_help_secion .section-container {
1911 - display: flex;
1912 - gap: 30px;
1284 +.qcl-openai .py-sm-4 {
1285 + padding-top: 1.5rem !important;
1286 + padding-bottom: 1.5rem !important;
1913 1287 }
1914 1288
1915 -.content-wrap .section-container {
1916 - display: flex;
1917 - gap: 30px;
1289 +.p-sm-4{
1290 + border-left: 20px solid #000;
1291 + border-right: 20px solid #000;
1292 + padding-bottom: 20px;
1293 +}
1294 +.qcl-openai .col-4 {
1295 + flex: 0 0 auto;
1296 + width: 33.33333333%;
1918 1297 }
1919 -
1920 -.wpbot_statistics_area h2 {
1921 - font-size: 22px;
1922 - font-weight: bold;
1298 +.qcl-openai small{
1299 + font-size: 0.875em;
1300 + color:#3c434a;
1301 + font-weight: 300;
1923 1302 }
1924 -
1925 -
1926 -section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover a {
1927 - color: #fff;
1303 +.qcl-openai label{
1304 + color:#3c434a;
1305 + display: inline-block;
1306 + max-width: 100%;
1307 + margin-bottom: 5px;
1308 + font-weight: 700;
1309 +
1928 1310 }
1929 -
1930 -.qcld-main-wrapper a {
1931 - text-decoration: none !important;
1311 +.qcl-openai .bg-dark {
1312 + background-color: #21252900 !important;
1932 1313 }
1933 -
1934 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1935 - text-decoration: none;
1314 +.qcl-openai .card-header{
1315 + background-color: #212529 !important;
1936 1316 }
1937 -
1938 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link:hover {
1939 - font-weight: bold;
1940 - display: block;
1941 - padding: 15px 12px;
1942 - font-size: 16px;
1943 - color: #fff;
1944 - background: var(--woobot-primary);
1945 - width: 100%;
1946 - text-align: left;
1317 +.qcl-openai .accordion .card-header{
1318 + background-color: #21252900 !important;
1947 1319 }
1948 -
1949 -.content-wrap .qcld-seo-help-feature ul {
1950 - background: linear-gradient(178deg, #ffffff 70%, #e9e4ff 96%);
1951 - border-radius: 6px;
1952 - padding: 5px 8px;
1953 - border: 1px solid #eee;
1320 +.qcl-openai .accordion .card-body {
1321 + border: 25px solid #21252900;
1954 1322 }
1955 -
1956 -.wp-chatbot-tabs nav ul li a {
1957 - color: #695d99;
1323 +.qcl-openai .card-body {
1324 + flex: 1 1 auto;
1325 + padding: 1rem 1rem;
1326 + border: 25px solid #212529;
1958 1327 }
1959 1328
1960 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a {
1961 - color: #695d99;
1329 +.card-header button{
1330 + outline: none !important;
1331 + color: #3c434a;
1332 + font-weight: 700;
1962 1333 }
1963 -
1964 -
1965 -.qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab {
1966 - float: left;
1967 - border: 1px solid #c3c4c7;
1968 - border-bottom: 1px;
1969 - margin-left: .5em;
1970 - font-size: 16px;
1971 - line-height: 1.71428571;
1972 - font-weight: 600;
1973 - background: #ffffff;
1974 - color: var(--woobot-primary);
1975 - text-decoration: none;
1976 - white-space: nowrap;
1977 - border: 1px solid var(--woobot-primary);
1978 - padding: 14px 20px !important;
1979 - line-height: normal !important;
1980 - border-radius: 6px;
1981 -
1334 +.qcl-openai .accordion .card .card-header{
1335 + margin: 8px 8px;
1982 1336 }
1983 -
1984 -.qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab:hover, .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab.nav-tab-active {
1985 - float: left;
1986 - border: 1px solid #c3c4c7;
1987 - border-bottom: 1px;
1988 - margin-left: .5em;
1989 - font-size: 16px;
1990 - line-height: 1.71428571;
1991 - font-weight: 600;
1992 - background: var(--woobot-primary);
1993 - color: #fff;
1994 - text-decoration: none;
1995 - white-space: nowrap;
1996 - border: 1px solid var(--woobot-primary);
1997 - padding: 14px 20px !important;
1998 - line-height: normal !important;
1999 -
1337 +.qcl-openai .accordion .card {
1338 + border: none !important;
2000 1339 }
2001 -
2002 -.qcld_label_width_full{
2003 - width: 100% !important;
1340 +.qcl-openai .card-footer.bg-dark.text-white.py-sm-4.border-0 {
1341 + display: none;
2004 1342 }
2005 -.cxsc-settings-blocks-font-resize{
2006 - font-size: 14px !important;
1343 +.qcl-openai .nav>li>a {
1344 + position: relative;
1345 + display: block;
1346 + padding: 15px 20px;
2007 1347 }
2008 -
2009 -.qcld_thumbnail_theme_prev label{
2010 - width: 100% !important;
2011 - position: relative;
2012 - text-align: center;
1348 +.qcl-openai .card-header a{
1349 + outline: none;
2013 1350 }
2014 -
2015 -button.swal2-confirm.btn.btn-lg.swal2-styled {
2016 - padding: 14px 20px;
2017 - width: 100%;
2018 - font-size: 16px;
2019 - font-weight: 500;
2020 - color: var(--woobot-nav-muted);
2021 - border-radius: 8px;
2022 - position: relative;
2023 - display: flex;
2024 - align-items: center;
2025 - gap: 15px;
2026 - background: var(--woobot-primary);
2027 - color: #ffffff;
2028 - text-decoration: none;
2029 - border-color: var(--woobot-primary) !important;
1351 +.qcl-openai ul.nav.nav-tabs {
1352 + margin: 8px 0 0 18px;
2030 1353 }
2031 -
2032 -
2033 -
2034 -
2035 -
2036 -
2037 -
2038 -
2039 -
2040 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label {
2041 - position: relative;
2042 - width: 18px;
2043 - height: 18px;
2044 - border: 2px solid var(--woobot-primary);
2045 - border-radius: 4px;
2046 - top: 0;
2047 - left: 0;
2048 - transform: translate(0%, 0%);
2049 - transition: all ease-out 200ms;
2050 - text-indent: 28px;
2051 - font: normal normal 30px / 60px "Helvetica";
2052 - white-space: nowrap;
2053 - color: #555;
2054 - -webkit-user-select: none;
2055 - -moz-user-select: none;
2056 - -ms-user-select: none;
2057 - user-select: none;
2058 - display: flex;
2059 - align-items: center;
1354 +.qcl-openai a:focus {
1355 + outline: 0 !important;
1356 + outline-offset: 0 !important;
2060 1357 }
2061 -
2062 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label:after {
2063 - content: "";
2064 - position: absolute;
2065 - width: 0px;
2066 - height: 8px;
2067 - border-bottom: 3px solid #22b573;
2068 - border-left: 3px solid #22b573;
2069 - top: 25%;
2070 - left: 50%;
2071 - transform-origin: bottom left;
2072 - transform: rotate(-45deg);
2073 - opacity: 0;
2074 - transition: all ease-out 200ms;
1358 +.qcl-openai .nav-tabs>li.active>a, .qcl-openai .nav-tabs>li.active>a:focus, .qcl-openai .nav-tabs>li.active>a:hover {
1359 + color: #fff;
1360 + cursor: default;
1361 + background-color: #212529;
1362 + border: 1px solid #ddd;
1363 + border-bottom-color: transparent;
2075 1364 }
2076 -
2077 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label {
2078 - border: 2px solid #22b573;
1365 +.qcl-openai .accordion .card-header {
1366 + background-color: #212529 !important;
1367 + color: #fff !important;
2079 1368 }
2080 -
2081 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label:after {
2082 - opacity: 1;
2083 - width: 22px;
1369 +.qcl-openai .accordion .card-header button{
1370 +
1371 + color: #fff !important;
2084 1372 }
2085 -
2086 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox] {
2087 - display: none;
1373 +.qcl-openai .tab-content {
1374 + padding: 0 0 20px 0;
2088 1375 }
2089 -
2090 -.cxsc-settings_openai_border {
2091 - margin-bottom: 6px;
1376 +.qcl-openai .table>tbody>tr>td, .qcl-openai .table>tbody>tr>th, .qcl-openai .table>tfoot>tr>td, .qcl-openai .table>tfoot>tr>th, .qcl-openai .table>thead>tr>td, .qcl-openai .table>thead>tr>th {
1377 + padding: 8px;
1378 + line-height: 1.42857143;
1379 + vertical-align: middle;
1380 + border-top: 1px solid #ddd;
2092 1381 }
2093 -
2094 -div#wp-chatbot-custom-color-options .top-section .row .cxsc-settings-blocks {
2095 - padding-top: 0;
1382 +.qcl-openai h4 {
1383 + margin-top: 20px;
1384 + margin-bottom: 0;
2096 1385 }
2097 1386
2098 -div#wp-chatbot-post-converter ul.checkbox-list {
2099 - display: flex;
2100 - flex-wrap: wrap;
2101 - gap: 6px;
1387 +.qcl-openai .accordion .card-header button {
1388 + width: 100% !important;
1389 + text-align: justify !important;
1390 + padding: 15px 10px !important;
2102 1391 }
2103 -div#wp-chatbot-post-converter ul.checkbox-list .form-check.form-check-inline {
2104 - display: inline-block;
2105 - min-width: 290px;
2106 - margin: 0;
1392 +.qcl-openai .card-header {
1393 + padding: 0 !important;
2107 1394 }
2108 1395
2109 1396
2110 1397
2111 -div#wp-chatbot-show-pages-list ul.checkbox-list {
2112 - display: flex;
2113 - flex-wrap: wrap;
2114 - gap: 6px;
1398 +.qcl-openai .form-switch input[type=checkbox] {
1399 + height: 25px;
1400 + width: 25px;
1401 +
2115 1402 }
1403 +.qcl-openai .form-switch input[type=checkbox]{
1404 + height: 15px;
1405 + width: 25px;
2116 1406
2117 -div#wp-chatbot-exclude-post-list ul.checkbox-list {
2118 - display: flex;
2119 - flex-wrap: wrap;
2120 - gap: 6px;
2121 1407 }
2122 -
2123 -
2124 -div#wp-chatbot-show-pages-list ul.checkbox-list li{
2125 - display: inline-block;
2126 - min-width: 310px;
2127 - margin: 0;
1408 +.qcl-openai input[type=checkbox] + label {
1409 + margin: 0;
2128 1410 }
2129 -
2130 -div#wp-chatbot-exclude-post-list ul.checkbox-list li{
2131 - display: inline-block;
2132 - min-width: 310px;
2133 - margin: 0;
1411 +.qcl-openai div#wp-chatbot-post-converter {
1412 + min-height: auto;
2134 1413 }
2135 -#rotationloader
2136 - {
2137 - display: none;
2138 - rotate: initial;
2139 - -webkit-animation: rotation 2s infinite linear;
1414 +.qcl-openai .my0-py25 {
1415 + margin-top: 0 !important;
1416 + margin-bottom: 0 !important;
1417 + padding: 25px 0;
2140 1418 }
2141 1419
2142 -.docs_icon {
2143 -position: absolute;
2144 - top: 0;
2145 - bottom: 0;
2146 - left: 0;
2147 - right: 0;
2148 - z-index: 1;
2149 - text-align: center;
2150 - display: flex;
2151 - align-items: center;
2152 - justify-content: center;
2153 - background: color-mix(in srgb, var(--woobot-primary) 56%, transparent);
2154 - color: #ffffff;
2155 - font-size: 60px;
2156 - border-radius: 8px;
1420 +.qcl-openai .form-check-inline {
1421 + margin-bottom: 15px !important;
2157 1422 }
2158 -a.qcld-wp-chatbot-wrap--doc_logo {
2159 - text-decoration: none !important;
2160 - position: relative;
1423 +.qcl-openai form {
1424 + width: auto !important;
2161 1425 }
2162 -.docs_icon span {
2163 - background: var(--woobot-primary);
2164 - padding: 25px 25px;
2165 - border-radius: 50%;
2166 - font-size: 82px;
2167 - width: auto;
2168 - height: auto;
1426 +
1427 +.qcl-openai .form-check-inline {
1428 + padding-left: 15px !important;
2169 1429 }
2170 1430
2171 1431
2172 -/* .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
2173 - font-size: 18px;
2174 - display: block !important;
2175 -} */
2176 1432
2177 -.lp-submenu-wpbot_openAi .swal2-actions button {
2178 - width: auto !important;
2179 - padding: 10px 40px !important;
2180 - line-height: normal !important;
1433 +
1434 +#wp-chatbot-post-converter .form-check-inline input[type=checkbox]:checked::before {
1435 + height: 24px;
1436 + width: 24px;
2181 1437 }
2182 -.lp-submenu-wpbot_openAi .swal2-actions {
2183 - display: flex;
1438 +#wp-chatbot-post-converter .form-check-inline input[type=checkbox], #wp-chatbot-post-converter .form-check-inline input[type=radio] {
1439 + height: 24px;
1440 + width: 24px;
1441 + min-width: 24px;
2184 1442 }
2185 -.lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
2186 - font-size: 16px !important;
2187 - font-weight: 500 !important;
1443 +#wp-chatbot-post-converter input[type=checkbox]:focus{
1444 + outline: 0px auto -webkit-focus-ring-color !important;
1445 + outline-offset: 0px !important;
2188 1446 }
2189 1447
2190 -.wp-chatbot-wrap hr {
2191 - margin-top: 10px;
2192 - margin-bottom: 10px;
2193 -}
2194 1448
2195 1449
2196 -.wp-chatbot-wrap a.nav-tab.sld_click_handle {
2197 - margin-right: .5em;
2198 - line-height: 1.42857143;
2199 - border: 1px solid var(--woobot-primary) !important;
2200 - border-radius: 6px !important;
2201 - border: 1px solid var(--woobot-primary) !important;
2202 - padding: 10px 20px !important;
2203 - border-radius: 8px !important;
2204 - color: var(--woobot-primary) !important;
2205 - font-size: 15px !important;
2206 - font-weight: 600;
2207 - line-height: normal !important;
2208 - background: #fff;
1450 +.qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con {
1451 + padding: 15px 15px 15px 0px;
1452 + min-width: 15%;
1453 +display: inline-block;
2209 1454 }
2210 1455
2211 -.wp-chatbot-wrap a.nav-tab.sld_click_handle:hover, .wp-chatbot-wrap a.nav-tab.sld_click_handle.nav-tab-active{
2212 - margin-right: .5em;
2213 - line-height: 1.42857143;
2214 - border: 1px solid var(--woobot-primary) !important;
2215 - border-radius: 6px !important;
2216 - border: 1px solid var(--woobot-primary) !important;
2217 - padding: 10px 20px !important;
2218 - border-radius: 8px !important;
2219 - color: #fff !important;
2220 - font-size: 15px !important;
2221 - font-weight: 600;
2222 - line-height: normal !important;
2223 - background: var(--woobot-primary);
1456 +.qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con label{
1457 + display: block;
2224 1458 }
2225 1459
1460 +.qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con input[type=url],
1461 +.qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con input[type=text]{
1462 + width:100%;
1463 +}
2226 1464
2227 -
2228 -
2229 -
2230 -
2231 -
2232 -
2233 -.swal2-actions {
2234 - display: flex;
2235 - z-index: 1;
2236 - box-sizing: border-box;
2237 - flex-wrap: wrap;
2238 - align-items: center;
2239 - justify-content: center;
2240 - width: 100%;
2241 - margin: 1.25em auto 0;
2242 - padding: 0;
1465 +.qcld-seohelp_ai_wrap {
1466 + padding: 15px;
2243 1467 }
2244 -button.swal2-deny.swal2-styled{
2245 - border: 0;
2246 - border-radius: .25em;
2247 - background: initial;
2248 - background-color: #d14529 !important;
2249 - color: #fff;
2250 - font-size: 1em;
2251 - padding: 14px 20px;
2252 - width: auto;
2253 - font-size: 16px;
2254 - font-weight: 500;
2255 - color: var(--woobot-nav-muted);
2256 - border-radius: 8px;
2257 - position: relative;
2258 - display: flex;
2259 - align-items: center;
2260 - gap: 15px;
2261 - background: #d14529;
2262 - color: #ffffff;
2263 - text-decoration: none;
2264 - border-color: var(--woobot-primary) !important;
2265 -}
2266 1468
2267 1469
2268 -button.swal2-confirm.btn.btn-lg.swal2-styled {
2269 - width: auto !important;
1470 +.qcld-seohelp ul.nav-tab-wrapper {
1471 + padding-left: 0px;
1472 + margin-top: 0;
2270 1473 }
2271 1474
2272 -.chatbot-wpbot-lite_page_wpbot button.swal2-deny.swal2-styled {
2273 - display: none !important;
1475 +.qcld-seo-help .nav-tab-wrapper a.nav-tab{
1476 +background: #fff;
1477 +color: #50575e;
2274 1478 }
2275 -a#qcld_save_openrouter_setting {
2276 - background: var(--woobot-primary);
2277 - color: #ffffff;
2278 - border: none;
2279 - padding: 12px 30px;
1479 +.qcld-seo-help .nav-tab-wrapper .ui-tabs-active a{
1480 +background: #6c757d;
1481 +outline: none;
1482 +color: #fff;
2280 1483 }
2281 1484
2282 -a#save_setting {
2283 - background: var(--woobot-primary);
2284 - color: #ffffff;
2285 - border: none;
2286 - padding: 12px 30px;
1485 +.qcld-seohelp.qcld-seohelp_ai_wrap .form-group label {
1486 + display: inline-block;
1487 + min-width: 35%;
1488 + max-width: 35%;
2287 1489 }
2288 1490
2289 -@media (max-width: 1280px) {
2290 -.content-wrap {
2291 - width: 50% !important;
1491 +.qcld_seo_lang_text {
1492 + width: 50%;
2292 1493 }
2293 1494
2294 -.wp-chatbot-admin-upgrade-pro-sidebar {
2295 -
2296 - width: 24% !important;
1495 +.text-center{
1496 + text-align: center;
2297 1497 }
2298 -
1498 +.qcld_seo_generator_button .spinner{
1499 + display: none;
2299 1500 }
2300 -
2301 -@media (max-width: 992px) {
2302 -.wp-chatbot-tabs nav {
2303 - width: 100% !important;
2304 - margin-right: 0 !important;
1501 +.button.qcld_seo_generator_stop{
1502 + display: none;
2305 1503 }
2306 -.content-wrap {
2307 - width: 100% !important;
1504 +.qcld_seo-alert{
1505 + border: 1px solid #ccc;
1506 + padding: 10px;
1507 + margin-top: 10px;
1508 + border-radius: 5px;
1509 + background: #fff;
2308 1510 }
2309 -.wp-chatbot-admin-upgrade-pro-sidebar {
2310 - width: 100% !important;
2311 - margin: 0 0 0 0 !important;
1511 +.qcld_seo-alert h4{
1512 + font-size: 20px;
1513 + margin-top: 0;
1514 + margin-bottom: 10px;
1515 + color: #f00;
2312 1516 }
2313 -.wp-chatbot-tabs {
2314 - display: flex;
2315 - flex-wrap: wrap;
2316 - gap: 20px;
1517 +.qcld_seo-alert code{
1518 + margin-bottom: 5px;
1519 + display: inline-block;
1520 + border-radius: 4px;
2317 1521 }
2318 -.admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
2319 - display: flex;
2320 - flex-wrap: wrap;
1522 +.qcld_seo-alert p{
1523 + margin: 2px 0;
2321 1524 }
2322 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
2323 - width: 100%;
1525 +.qcld_seo-alert-form{
1526 + margin-bottom: 10px;
2324 1527 }
2325 -.qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2326 - padding: 12px 5px !important;
1528 +.qcld_seo-alert-form p{
1529 + color: #f00;
1530 + font-size: 16px;
1531 + font-weight: bold;
2327 1532 }
2328 -label.form-check-label span {
2329 - display: none;
1533 +
1534 +.qcld_image_grid{
1535 + display: flex;
1536 + flex-wrap: wrap;
1537 + flex-direction: row;
2330 1538 }
2331 -.qc-review-text img {
2332 - width: 100%;
2333 -}
2334 1539
2335 -.content_qcbot_help_secion {
2336 - width: 100% !important;
1540 +.qcld_image-grid_wrap{
1541 + position: relative;
1542 + padding: 0px 0px;
1543 + margin: 5px 5px;
1544 + width: 32%;
1545 + overflow: hidden;
2337 1546 }
2338 -.qcld_help_wppt_nav_container {
2339 - width: 100% !important;
1547 +.qcld-plan-tab-text{
1548 + border: none;
1549 + background: none !important;
1550 + display: inline-block;
1551 + padding: 0;
1552 + margin: 0;
1553 + line-height: 0.6;
1554 + font-size: 15px;
2340 1555 }
2341 -.qcld-wrap.swpm-admin-menu-wrap {
2342 - display: flex
2343 -;
2344 - margin: 15px 0;
2345 - flex-direction: column;
2346 - flex-wrap: wrap;
1556 +.qcld_image-grid_wrap .qcld_image-item{
1557 + padding: 0px 0px;
1558 + margin: 0px 0px !important;
1559 + width: 100%;
2347 1560 }
1561 +
1562 +.qcld_image-grid_wrap .qcld_seo_download{
1563 + opacity: 0;
1564 + transition: opacity .3s;
1565 + position: absolute;
1566 + top: 0;
1567 + right: 0;
1568 + bottom: 0;
1569 + left: 0;
1570 + cursor: pointer;
1571 + background: rgba(0,0,0,.65);
1572 + color: #eee;
1573 + text-align: center;
1574 + font-size: 14px;
1575 + line-height: 1;
1576 + display: flex;
1577 + justify-content: center;
1578 + align-items: center;
1579 + flex-direction: column;
2348 1580 }
2349 1581
1582 +.qcld_image-grid_wrap.uploading .qcld_seo_download,
1583 +.qcld_image-grid_wrap:hover .qcld_seo_download{
1584 + opacity: 1;
1585 + transition: ease 0.3s all;
1586 +}
2350 1587
2351 -@media (max-width: 640px) {
2352 -.qcld-wp-chatbot-wrap-header {
2353 - display: flex;
2354 - column-gap: 15px;
2355 - row-gap: 10px;
2356 - background: #fff;
2357 - padding: 15px 15px;
2358 - margin: 20px 20px 20px 0;
2359 - border-radius: 16px;
2360 - align-items: center;
2361 - justify-content: space-between;
2362 - flex-direction: column;
1588 +.qcld_image-grid_wrap .qcld_seo_download img {
1589 + height: 40px;
1590 + opacity: .7;
2363 1591 }
2364 -ul.qcld-wp-chatbot-wrap-version-wrapper {
2365 - display: block;
2366 - margin: 15px 0 15px 0;
1592 +
1593 +.qcld_seo-bulk-addition {
1594 + padding: 10px;
1595 + background: #e3e3e3;
1596 + border-radius: 5px;
1597 + border: 1px solid #ccc;
1598 + margin-left: 16px;
1599 + margin-bottom: 20px;
1600 + display: none;
1601 + max-width: 50%;
2367 1602 }
2368 -.qcld-wp-chatbot-wrap-header-doc {
2369 - display: flex
2370 -;
2371 - column-gap: 15px;
2372 - row-gap: 10px;
2373 - background: #fff;
2374 - padding: 15px 15px;
2375 - margin: 20px 20px 20px 0;
2376 - border-radius: 16px;
2377 - align-items: center;
2378 - justify-content: flex-start;
2379 - display: flex
2380 -;
2381 - background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
2382 - border-radius: 16px;
2383 - gap: 30px;
2384 - flex-direction: column;
1603 +
1604 +.qcld_seo-grid-three {
1605 + display: grid;
1606 + grid-template-columns: repeat(3,1fr);
1607 + grid-column-gap: 20px;
1608 + grid-row-gap: 20px;
1609 + grid-template-rows: auto auto;
2385 1610 }
2386 -.qcld-wp-chatbot-wrap-header-doc-details {
2387 - width: 100%;
1611 +.qcld-seohelp-input-field label.form-check-label.form-check-label {
1612 + margin: 0 0 0 20px;
1613 + position: relative;
1614 + cursor: pointer;
1615 + font-size: 12px;
1616 + float: left;
1617 + width: inherit !important;
2388 1618 }
2389 - .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2390 - padding: 12px 25px !important;
2391 - }
2392 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
2393 - display: inline-block;
2394 - width: 100%;
2395 -}
1619 +.qcld-seohelp-input-field label.form-check-label.form-check-label:before {
1620 + content: ' ';
1621 + position: absolute;
1622 + left: -35px;
1623 + top: -3px;
1624 + width: 25px;
1625 + height: 25px;
1626 + display: block;
1627 + background: white;
1628 + border: 1px solid #A9A9A9;
2396 1629 }
2397 1630
2398 -.swal2-popup.swal2-modal.connection-modal button.swal2-deny.swal2-styled{display: none !important;}
2399 -.swal2-popup.swal2-modal.connection-modal .swal2-styled.swal2-confirm {
2400 - padding: 14px 20px;
2401 - width: auto;
2402 - font-size: 16px;
2403 - align-items: center;
2404 - gap: 15px;
2405 - background: var(--woobot-primary);
2406 - color: #ffffff;
2407 - text-decoration: none;
2408 - border-color: var(--woobot-primary) !important;
2409 -}
1631 +/* .qcld-seohelp-input-field input#qcld_article_heading_img {
1632 + width: 2em;
1633 + margin-left: -2.5em;
1634 + background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e) !important;
1635 + background-position: left center;
1636 + border-radius: 2em;
1637 + transition: background-position 0.15s ease-in-out;
1638 +} */
2410 1639
2411 -.wrap.qcld-main-wrapper a:focus {
2412 - outline: none !important;
2413 - outline-offset: 0 !important;
2414 - box-shadow: none !important;
1640 +.qcld-seohelp-input-field input[type=checkbox] + label::after {
1641 + content: ' ';
1642 + position: absolute;
1643 + left: -35px;
1644 + top: -3px;
1645 + width: 23px;
1646 + height: 23px;
1647 + display: block;
1648 + z-index: 1;
1649 + background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE4MS4yIDI3MyAxNyAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxODEuMiAyNzMgMTcgMTYiPjxwYXRoIGQ9Ik0tMzA2LjMgNTEuMmwtMTEzLTExM2MtOC42LTguNi0yNC04LjYtMzQuMyAwbC01MDYuOSA1MDYuOS0yMTIuNC0yMTIuNGMtOC42LTguNi0yNC04LjYtMzQuMyAwbC0xMTMgMTEzYy04LjYgOC42LTguNiAyNCAwIDM0LjNsMjMxLjIgMjMxLjIgMTEzIDExM2M4LjYgOC42IDI0IDguNiAzNC4zIDBsMTEzLTExMyA1MjQtNTI0YzctMTAuMyA3LTI1LjctMS42LTM2eiIvPjxwYXRoIGZpbGw9IiMzNzM3MzciIGQ9Ik0xOTcuNiAyNzcuMmwtMS42LTEuNmMtLjEtLjEtLjMtLjEtLjUgMGwtNy40IDcuNC0zLjEtMy4xYy0uMS0uMS0uMy0uMS0uNSAwbC0xLjYgMS42Yy0uMS4xLS4xLjMgMCAuNWwzLjMgMy4zIDEuNiAxLjZjLjEuMS4zLjEuNSAwbDEuNi0xLjYgNy42LTcuNmMuMy0uMS4zLS4zLjEtLjV6Ii8+PHBhdGggZD0iTTExODcuMSAxNDMuN2wtNTYuNS01Ni41Yy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTI1My41IDI1My41LTEwNi4yLTEwNi4yYy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTU2LjUgNTYuNWMtNS4xIDUuMS01LjEgMTIgMCAxNy4xbDExNC43IDExNC43IDU2LjUgNTYuNWM1LjEgNS4xIDEyIDUuMSAxNy4xIDBsNTYuNS01Ni41IDI2Mi0yNjJjNS4yLTMuNCA1LjItMTIgLjEtMTcuMXpNMTYzNC4xIDE2OS40bC0zNy43LTM3LjdjLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0xNjkuNSAxNjkuNS03MC4yLTcxLjljLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0zNy43IDM3LjdjLTMuNCAzLjQtMy40IDguNiAwIDEybDc3LjEgNzcuMSAzNy43IDM3LjdjMy40IDMuNCA4LjYgMy40IDEyIDBsMzcuNy0zNy43IDE3NC43LTE3Ni40YzEuNi0xLjcgMS42LTYuOS0uMS0xMC4zeiIvPjwvc3ZnPg==) no-repeat center center;
1650 + -ms-transition: all .2s ease;
1651 + -webkit-transition: all .2s ease;
1652 + transition: all .3s ease;
1653 + -ms-transform: scale(0);
1654 + -webkit-transform: scale(0);
1655 + transform: scale(0);
1656 + opacity: 0;
2415 1657 }
2416 -
2417 -p.qc-opt-dcs-font-faq {
2418 - font-weight: bold;
1658 +.qcld-seohelp-input-field input[type=checkbox]:checked + label::after {
1659 + -ms-transform: scale(1);
1660 + -webkit-transform: scale(1);
1661 + transform: scale(1);
1662 + opacity: 1;
2419 1663 }
2420 -
2421 -
2422 -.qcld-general-settings-connection-notic {
2423 - background: #eee;
2424 - border: 2px solid var(--woobot-primary);
2425 - border-radius: 8px;
2426 - margin: 0 0 15px 0;
2427 - padding: 12px;
2428 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
2429 - position: relative;
1664 +.qcld-seohelp .btn-info.spinning,
1665 +.qc_seo_linkcheck.spinning,
1666 +#qcld_article_keyword_suggestion.spinning {
1667 +background-color: #212121;
1668 +padding-right: 40px;
1669 +position: relative;
2430 1670 }
2431 -.qcld-general-settings-connection-notic p{
2432 - margin: 6px 0 6px 0;
2433 - padding: 0;
2434 - font-size: 15px;
2435 - font-weight: 500;
1671 +.qcld-seohelp textarea#qcld_content_result_msg {
1672 + height: 20rem;
2436 1673 }
2437 1674
2438 -
2439 -.qcld-general-settings-close {
2440 - position: absolute;
2441 - top: -10px;
2442 - right: 3px;
2443 - transition: all 200ms;
2444 - font-size: 30px;
2445 - font-weight: bold;
2446 - text-decoration: none;
2447 - color: var(--woobot-primary);
1675 +.qcld_seo-single-content-form{
1676 +width: 100% !important;
2448 1677 }
2449 -.qcld-general-settings-close:hover {
2450 - color: orange;
1678 +.qcld-seohelp .btn-info.spinning:after,
1679 +#qcld_article_keyword_suggestion.spinning:after,
1680 +#qcld_article_keyword_suggestion.spinning:after {
1681 +content: '';
1682 +right: 6px;
1683 +top: 50%;
1684 +width: 0;
1685 +height: 0;
1686 +box-shadow: 0px 0px 0 1px transparent;
1687 +position: absolute;
1688 +border-radius: 50%;
1689 +-webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
1690 + animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
2451 1691 }
2452 -#qcld-show-more-wrapper-box {
2453 - margin-top: 0;
2454 - position:relative;
1692 +.qcld-seohelp .btn-info.spinning:before,
1693 +#qcld_article_keyword_suggestion.spinning:before,
1694 +#qcld_article_keyword_suggestion.spinning:before {
1695 +content: "";
1696 +width: 0px;
1697 +height: 0px;
1698 +border-radius: 50%;
1699 +right: 0px;
1700 +top: 50%;
1701 +position: absolute;
1702 +border: 2px solid #fff;
1703 +border-right: 3px solid #27ae60;
1704 +-webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
1705 + animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
2455 1706 }
2456 -#qcld-show-more-wrapper-box .qcld-show-more-text {
2457 -/* width: 660px; */
2458 - margin-bottom: 5px;
2459 - padding: 0 0;
2460 - position:relative;
2461 - display: block;
1707 +@-webkit-keyframes rotate360 {
1708 +100% {
1709 + -webkit-transform: rotate(360deg);
1710 + transform: rotate(360deg);
2462 1711 }
2463 -#qcld-show-more-wrapper-box .qcld-show-more-show-more {
2464 -color: #ffffff;
2465 - position: relative;
2466 - padding: 60px 0 0 0;
2467 - height: 60px;
2468 - text-align: center;
2469 - background: #f1f1f1;
2470 - cursor: pointer;
2471 - background: linear-gradient(to bottom, rgb(255 255 255 / 24%) 0%, rgb(188 174 255) 100%);
2472 - margin: -39px 0 0 0;
2473 - border-radius: 0 0 15px 15px;
2474 - z-index: 99999;
2475 - font-weight: bold;
2476 1712 }
2477 -
2478 -#qcld-show-more-wrapper-box .qcld-show-more-show-more-height {
2479 - height: 338px;
2480 - overflow:hidden;
1713 +@keyframes rotate360 {
1714 +100% {
1715 + -webkit-transform: rotate(360deg);
1716 + transform: rotate(360deg);
2481 1717 }
2482 -
2483 -#qcld-show-more-wrapper-box .qcld-show-more-show-more i {
2484 - display: block;
2485 - padding: 0 0 0 0;
2486 - background: var(--woobot-primary);
2487 - width: 30px;
2488 - height: 30px;
2489 - line-height: 30px;
2490 - border-radius: 50%;
2491 - margin: -15px auto 0 auto;
2492 - font-size: 18px !important;
2493 - color: #fff;
2494 1718 }
2495 -
2496 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]+label {
2497 - position: relative;
2498 - width: 18px;
2499 - height: 18px;
2500 - border: 2px solid var(--woobot-primary);
2501 - border-radius: 4px;
2502 - top: 0;
2503 - left: 0;
2504 - transform: translate(0%, 0%);
2505 - transition: all ease-out 200ms;
2506 - text-indent: 28px;
2507 - white-space: nowrap;
2508 - color: #555;
2509 - -webkit-user-select: none;
2510 - -moz-user-select: none;
2511 - -ms-user-select: none;
2512 - user-select: none;
2513 - display: flex;
2514 - align-items: center;
2515 - margin-bottom: 0;
2516 - line-height: 30px;
1719 +@-webkit-keyframes exist {
1720 +100% {
1721 + width: 15px;
1722 + height: 15px;
1723 + margin: -8px 5px 0 0;
2517 1724 }
2518 -
2519 -
2520 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]+label:after {
2521 - content: "";
2522 - position: absolute;
2523 - width: 0px;
2524 - height: 8px;
2525 - border-bottom: 3px solid #22b573;
2526 - border-left: 3px solid #22b573;
2527 - top: 25%;
2528 - left: 50%;
2529 - transform-origin: bottom left;
2530 - transform: rotate(-45deg);
2531 - opacity: 0;
2532 - transition: all ease-out 200ms;
2533 1725 }
2534 -
2535 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label {
2536 - border: 2px solid #22b573;
1726 +@keyframes exist {
1727 +100% {
1728 + width: 15px;
1729 + height: 15px;
1730 + margin: -8px 5px 0 0;
2537 1731 }
2538 -
2539 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label:after {
2540 - opacity: 1;
2541 - width: 22px;
2542 1732 }
2543 -
2544 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox] {
2545 - display: none;
1733 +.qcld-seohelp input[type=checkbox] {
1734 + opacity: 0;
1735 + float: left;
2546 1736 }
2547 1737
2548 -
2549 -.qcl-openai div#wp-chatbot-gemini-settings .form-check {
2550 - margin-bottom: 15px;
2551 - border: 1px solid #E5E6F2;
2552 - padding: 12px 12px;
2553 - border-radius: 8px;
1738 +ul.checkbox-list {
1739 + margin: 18px 0 0 0;
2554 1740 }
2555 1741
2556 -.qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span {
2557 - font-size: 12px;
1742 +ul.checkbox-list li {
1743 + display: inline-block;
1744 + padding: 0 8px;
2558 1745 }
2559 -
2560 -.qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span.pro-badge {
2561 - font-size: 9px;
2562 - font-weight: 400;
2563 - color: #ffffff;
2564 - background: var(--woobot-primary);
2565 - border-radius: 20px;
2566 - padding: 2px 8px;
2567 - margin-left: 5px;
2568 - text-transform: uppercase;
2569 - text-indent: initial;
2570 - line-height: 16px;
1746 +ul.checkbox-list li label {
1747 + font-weight: normal !important;
1748 + font-size: 14px !important;
2571 1749 }
2572 1750
2573 -.qcl-openai div#wp-chatbot-gemini-settings a#save_setting {
2574 - margin: 0 0 15px 0;
1751 +ul.checkbox-list li input[type=checkbox] + label::before {
1752 + content: ' ';
1753 + position: absolute;
1754 + left: -28px !important;
1755 + top: 0 !important;
1756 + width: 20px !important;
1757 + height: 20px !important;
1758 + display: block;
1759 + background: white;
1760 + border: 1px solid #A9A9A9;
2575 1761 }
2576 1762
1763 +ul.checkbox-list li input[type=checkbox] + label::after {
1764 + left: -26px !important;
1765 + top: 0 !important;
1766 + width: 16px !important;
1767 + height: 16px !important;
2577 1768
2578 -
2579 -span.qcls_openAI_customized {
2580 - background: yellow;
2581 1769 }
2582 -.admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
2583 - font-size: 16px;
2584 - line-height: 28px;
1770 +.cxsc-settings-blocks-addon {
1771 + width: 100% !important;
2585 1772 }
2586 -textarea#qcld_openai_system_content {
2587 - height: 120px;
2588 - line-height: 28px;
1773 +.plugin-card {
1774 + width: 100% !important;
2589 1775 }
2590 -.qcld-openai-system-presets {
2591 - display: flex;
2592 - gap: 10px;
2593 - margin: 12px 0;
2594 - overflow-x: auto;
2595 - padding-bottom: 8px;
2596 - scroll-snap-type: x proximity;
2597 - flex-wrap: wrap;
1776 +
1777 +
1778 +.wp-chatbot-wrap .d-ib {
1779 + display: inline-block;
1780 + color: #fff;
2598 1781 }
2599 -.qcld-openai-system-preset {
2600 - align-items: center;
2601 - border: 1px solid #dcdcde;
2602 - border-radius: 6px;
2603 - cursor: pointer;
2604 - display: flex;
2605 - flex: 0 0 220px;
2606 - gap: 10px;
2607 - justify-content: center;
2608 - margin: 0;
2609 - min-height: 70px;
2610 - padding: 12px;
2611 - scroll-snap-align: start;
2612 - text-align: center;
1782 +.cxsc-settings-blocks-notic {
1783 + background: #32373c;
2613 1784 }
2614 -.qcld-openai-system-preset input {
2615 - display: none;
1785 +.content.form-container.qcbot_help_secion {
1786 + background: none;
1787 + box-shadow: none;
1788 + padding: 0 !important;
2616 1789 }
2617 -.qcld-openai-system-preset.is-selected {
2618 - background: #f0f6fc;
2619 - border-color: #2271b1;
1790 +.qcbot_help_secion h3 {
1791 + font-size: 16px;
1792 + padding: 0 0 10px 0;
2620 1793 }
2621 -.qcld-openai-system-preset-content {
2622 - display: grid;
2623 - gap: 4px;
2624 - line-height: 22px;
1794 +.qcbot_help_secion h2 {
1795 + font-size: 26px;
2625 1796 }
2626 -.qcld-openai-system-preset-title {
2627 - color: #1d2327;
2628 - font-weight: 600;
1797 +
1798 +.wppt_nav_container .nav-tab-active, .wppt_nav_container .nav-tab-active:focus, .wppt_nav_container .nav-tab-active:focus:active, .wppt_nav_container .nav-tab-active:hover {
1799 + border-bottom: 1px solid #f0f0f1;
1800 + background: #337ab7;
1801 + color: #fff;
1802 + text-decoration: none !important;
2629 1803 }
2630 -.qcld-openai-system-preset-value {
2631 - display: none;
1804 +.wppt_nav_container a:focus, .wppt_nav_container a:hover {
1805 + color: #23527c;
1806 + text-decoration: none !important;
2632 1807 }
2633 -@media (max-width: 782px) {
2634 - .qcld-openai-system-preset {
2635 - flex-basis: 180px;
2636 - }
1808 +.notification-block-inner h2{
1809 + margin-top: -25px;
2637 1810 }
2638 -.qcld-main-wrapper .alert.alert-warning {
2639 - background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96% 96%);
2640 - border-radius: 6px;
2641 - color: #721c24;
2642 - background: #f8d7da;
2643 - border-color: #f5c6cb;
2644 - font-weight: bold;
1811 +.notification-block-inner .qc_menu_setup_area h2 {
1812 + margin-top: 0;
2645 1813 }
2646 -.qcld-wpbot-pricing-filter-form-check {
2647 - display: flex;
2648 - gap: 10px;
1814 +.h2, h2 {
1815 + font-size: 20px !important;
1816 + font-weight: bold !important;
2649 1817 }
2650 1818
2651 -.qcld-dialogflow-enable-notice {
2652 - padding: 15px 0 15px 0;
2653 - color: red;
2654 - font-weight: bold;
1819 +.wp-chatbot-tab-container-inner .nav-tabs>li.active>a, .wp-chatbot-tab-container-inner .nav-tabs>li.active>a:focus, .wp-chatbot-tab-container-inner .nav-tabs>li.active>a:hover {
1820 + color: #fff !important;
1821 + cursor: default;
1822 + background-color: #337ab7 !important;
1823 + border: 1px solid #ddd;
1824 + border-bottom-color: transparent;
2655 1825 }
2656 1826
2657 -a#qcld_save_gemini_setting {
2658 - background: var(--woobot-primary);
2659 - color: #ffffff;
2660 - border: none;
2661 - padding: 12px 30px;
1827 +.plugin-icon {
1828 + position: absolute;
1829 + top: 20px;
1830 + left: 20px;
1831 + width: 90px;
1832 + height: 90px;
1833 + margin: 0 20px 20px 0;
2662 1834 }
2663 -.card-body-gemini {
2664 - padding: 0 15px;
1835 +.plugin-card {
1836 + height: auto !important;
2665 1837 }
2666 -
2667 -div#panelsStayOpen-collapseseven pre {
2668 - width: 100%;
2669 - display: block;
2670 - max-width: 1120px;
1838 +.plugin-card-top {
1839 + position: relative;
1840 + padding: 20px 20px 10px;
1841 + min-height: 135px;
1842 + display: flex;
1843 + align-items: center;
2671 1844 }
2672 -
2673 -.card-body-gemini p {
2674 - font-size: 16px;
2675 - font-weight: bold;
1845 +#section-flip-5 .wp-chatbot-language-center-summmery {
1846 + DISPLAY: NONE !important;
2676 1847 }
2677 -
2678 -.card-body-openrouter p{
2679 - font-size: 16px;
2680 - font-weight: bold;
1848 +.wp-chatbot-wrap .d-ib i{
1849 + color: #f0ad4e !important;
2681 1850 }
2682 -div#wp-chatbot-openai-assistants p {
2683 - font-size: 16px;
1851 +.cxsc-settings-blocks-notic p{
1852 + margin: 0 !important;
2684 1853 }
2685 -button.btn{
2686 - outline: none !important;
1854 +.wrap.swpm-admin-menu-wrap {
1855 + background: #32373c;
1856 + padding: 10px 10px;
1857 + border-radius: 6px;
1858 + width: 100%;
1859 + max-width: 1220px;
2687 1860 }
2688 -button.btn:focus{
2689 - outline: none !important;
1861 +.wrap.swpm-admin-menu-wrap .container {
1862 + padding-right: 0;
1863 + padding-left: 0;
2690 1864 }
2691 -input:focus {
2692 - border-color: #e1dbff;
2693 - box-shadow: none !important;
2694 - outline: none !important;
1865 +
1866 +.wrap.swpm-admin-menu-wrap .cxsc-settings-blocks-notic {
1867 + border: none;
2695 1868 }
2696 1869
2697 -.wp-chatbot-wrap .qc-opt-language-title{
2698 - font-weight: bold !important;
2699 - color: var(--woobot-primary) !important;
2700 - font-size: 16px;
1870 +.wrap.swpm-admin-menu-wrap .nav-tab-wrapper, .wrap.swpm-admin-menu-wrap .wrap h2.nav-tab-wrapper, .wrap.swpm-admin-menu-wrap h1.nav-tab-wrapper {
1871 + border-bottom: none;
2701 1872 }
2702 1873
2703 -button.qcld_chatbot_custom_icon_button.button, button.wp_chatbot_custom_agent_button.button {
2704 - padding: 2px 20px;
2705 - width: auto;
2706 - font-size: 14px;
2707 - font-weight: 500;
2708 - color: var(--woobot-nav-muted);
2709 - border-radius: 8px;
2710 - background: #fff;
2711 - color: var(--woobot-primary);
2712 - text-decoration: none;
2713 - margin: 0;
2714 - border: 2px solid var(--woobot-primary);
1874 +.wrap.swpm-admin-menu-wrap .nav-tab {
1875 + float: left;
1876 + border: none;
1877 + border-bottom: none;
1878 + margin-left: 0.5em;
1879 + padding: 10px 25px;
1880 + font-size: 14px;
1881 + line-height: 1.71428571;
1882 + font-weight: 600;
1883 + background: #fff;
1884 + color: #222;
1885 + border-radius: 6px;
1886 + text-decoration: none;
1887 + white-space: nowrap;
1888 +}
2715 1889
1890 +.wrap.swpm-admin-menu-wrap .wppt_nav_container .nav-tab-active{
1891 + border-bottom: none;
1892 + background-color: #337ab7 !important;
1893 + color: #fff;
2716 1894 }
2717 1895
2718 -button.qcld_chatbot_custom_icon_button.button:hover, button.wp_chatbot_custom_agent_button.button:hover {
2719 - background: var(--woobot-primary);
2720 - color: #fff;
2721 - border: 2px solid var(--woobot-primary);
1896 +.content.form-container.qcbot_help_secion {
1897 + border: 1px solid #4a4a4a;
1898 + padding: 8px 20px !important;
1899 +}
2722 1900
1901 +.wrap.swpm-admin-menu-wrap .qcbot_help_secion h2.wppt_nav_container.qcld-plan-tab-text .nav-tab {
1902 + float: left;
1903 + border: none;
1904 + border-bottom: none;
1905 + margin-left: 0;
1906 + padding: 0 0;
1907 + font-size: 14px;
1908 + line-height: 10px;
1909 + font-weight: 600;
1910 + background: #fff;
1911 + color: #222;
1912 + border-radius: 6px;
1913 + text-decoration: none;
1914 + white-space: nowrap;
2723 1915 }
2724 1916
2725 1917
2726 -@media (min-width: 993px) and (max-width: 1350px) {
2727 -.wp-chatbot-admin-upgrade-pro-sidebar {
2728 - width: 25%;
1918 +.qcl-openai .row > * {
1919 + flex-shrink: 0;
1920 + width: 100%;
1921 + max-width: 1200px;
1922 + padding-right: 0;
1923 + padding-left: 0;
2729 1924 }
1925 +.card-header.bg-dark.text-white.py-sm-4.border-0 {
1926 + padding: 0 20px !important;
2730 1927 }
2731 -
2732 -.wp-chatbot-tabs nav ul li a span.dashicons {
2733 - font-size: 20px;
2734 - width: auto;
2735 - height: auto;
1928 +.qcl-openai .card-body {
1929 + border: 20px solid #212529;
1930 + padding: 20px 20px !important;
2736 1931 }
2737 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a span.dashicons {
2738 - font-size: 20px;
1932 +.qcl-openai .p-sm-3 {
1933 + padding: 0 !important;
2739 1934 }
2740 -
2741 -
2742 -.dashicons, .dashicons-before:before {
2743 - font-family: dashicons;
2744 - display: inline-block;
2745 - line-height: 1;
2746 - font-weight: 400;
2747 - font-weight: normal;
1935 +.qcl-openai ul.nav.nav-tabs {
1936 + margin: 8px 0 0 0;
2748 1937 }
2749 -
2750 -.qcl-openai a:focus {
2751 - outline: 0 auto -webkit-focus-ring-color;
2752 - outline-offset: 0;
2753 - border: none !important;
2754 - outline: none !important;
2755 - box-shadow: none;
1938 +.qcl-openai .card-header {
1939 + background-color: #212529 !important;
1940 + border-radius: 6px 6px 0 0 !important;
2756 1941 }
2757 1942
2758 -#qcld_check_connection i{
2759 - animation: rotation infinite 3s linear;
1943 +.wrapTexttop {
1944 + background: #464b50;
1945 + padding: 8px 20px;
2760 1946 }
2761 -
2762 -.wp-chatbot-wrap div#wp-chatbot-custom-color-options .form-group {
2763 - min-height: 90px;
1947 +.wrapTexttop-lite {
1948 + box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
1949 + margin-bottom: 20px;
1950 + padding: 15px;
2764 1951 }
2765 -
2766 -div#promotion-wpchatbot .qc-review-text a {
2767 - display: block;
1952 +div#promotion-wpchatbot {
1953 + max-width: 1165px;
1954 + margin-left: 0;
2768 1955 }
2769 -.qcld-wp-chatbot-wrap-header-logo {
2770 - display: flex;
2771 - align-items: center;
2772 - gap: 10px;
1956 +.notice.is-dismissible {
1957 + max-width: 1165px;
1958 + margin-left: 0;
2773 1959 }
2774 -@keyframes rotation{
2775 - from{
2776 - transform:rotate(360deg);
2777 - }
2778 -
2779 - to{
2780 - transform:rotate(0deg);
2781 - }
2782 -}
2783 1960
2784 -.qcld-btn-primary {
2785 - padding: 14px 30px;
2786 - width: auto;
2787 - font-size: 16px;
2788 - font-weight: 500;
2789 - color: var(--woobot-nav-muted);
2790 - border-radius: 8px;
2791 - position: relative;
2792 - display: inline-block;
2793 - align-items: center;
2794 - gap: 15px;
2795 - background: var(--woobot-primary);
2796 - color: #ffffff;
2797 - text-decoration: none;
2798 - border-color: var(--woobot-primary) !important;
2799 - line-height: normal;
1961 +div#promotion-wpchatbot {
1962 + background: #c13825 !important;
1963 + padding: 0 !important;
1964 + padding-right: 0 !important;
2800 1965 }
2801 -div#wpfooter {
2802 - display: none;
1966 +div#promotion-wpchatbot .notice-dismiss:before {
1967 + color: #fff !important;
2803 1968 }
2804 1969
2805 -.qcld-btn-primary {
2806 1970
2807 - border: none;
2808 -}
2809 1971
2810 -div#qcld-rag-settings-tab .wrap h3 {
2811 - padding: 0 0 8px 0;
2812 - margin: 20px 0 12px 0;
2813 - font-weight: bold;
2814 - font-size: 22px !important;
2815 - color: var(--woobot-primary) !important;
1972 +
1973 +.form-container {
1974 + background-color: #2e2e2e;
2816 1975 }
2817 -
2818 -div#rag-sync .wrap h3 {
2819 - padding: 0 0 8px 0;
2820 - margin: 10px 0 12px 0;
2821 - font-weight: bold;
2822 - font-size: 22px !important;
2823 - color: var(--woobot-primary) !important;
1976 +.wp-chatbot-wrap form {
1977 + width: 1170px !important;
2824 1978 }
2825 -
2826 -div#rag-settings h2.nav-tab-wrapper a {
2827 - margin-right: 0;
2828 - line-height: 1.42857143;
2829 - border: 1px solid var(--woobot-primary);
2830 - border-radius: 6px;
2831 - border: 1px solid var(--woobot-primary);
2832 - padding: 10px 20px !important;
2833 - border-radius: 8px;
2834 - color: var(--woobot-primary);
2835 - font-size: 15px;
2836 - font-weight: 600;
2837 - line-height: normal !important;
2838 - background: #fff;
1979 +.container.form-container {
1980 + position: relative;
2839 1981 }
2840 -
2841 -div#rag-settings h2.nav-tab-wrapper {
2842 - margin: 0;
2843 - padding: 0;
2844 - border: none;
1982 +.container.form-container:before {
1983 + content: '';
1984 + position: absolute;
1985 + background: url("../../chatbot/images/hud-left-dark.png") top left;
1986 + left: -6px;
1987 + width: 40px;
1988 + height: 100%;
1989 + z-index: 999;
1990 + top: 0;
1991 + background-repeat: repeat !important;
2845 1992 }
2846 -
2847 -div#rag-settings h2.nav-tab-wrapper a:hover, div#rag-settings h2.nav-tab-wrapper a.nav-tab-active, div#rag-settings h2.nav-tab-wrapper a:focus {
2848 - color: #fff;
2849 - background: var(--woobot-primary);
2850 - text-decoration: none !important;
2851 - border: 1px solid var(--woobot-primary);
1993 +.container.form-container:after {
1994 + content: '';
1995 + position: absolute;
1996 + background: url("../../chatbot/images/hud-righ-dark.png") top right;
1997 + width: 41px;
1998 + height: 100%;
1999 + right: -22px;
2000 + width: 28px;
2001 + z-index: 999;
2002 + top: 0;
2003 + background-repeat: repeat !important;
2852 2004 }
2853 2005
2854 2006
2855 2007
2856 -button#rag-pdf-submit, button#rag-csv-submit, button#rag-xaml-submit, button#rag_embed_btn {
2857 - padding: 8px 15px;
2858 - width: auto;
2859 - font-size: 16px;
2860 - font-weight: 500;
2861 - color: var(--woobot-nav-muted);
2862 - border-radius: 8px;
2863 - position: relative;
2864 - display: inline-block;
2865 - align-items: center;
2866 - gap: 15px;
2867 - background: var(--woobot-primary);
2868 - color: #ffffff;
2869 - text-decoration: none;
2870 - border-color: var(--woobot-primary) !important;
2871 - line-height: normal;
2008 +form#wp-chatbot-admin-form {
2009 + position: relative;
2872 2010 }
2011 +form#wp-chatbot-admin-form:before {
2012 + content: '';
2013 + position: absolute;
2014 + background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2015 + /* left: -15px; */
2016 + width: 100%;
2017 + height: 34px;
2018 + z-index: 999;
2019 + top: -7px;
2020 + background-repeat: no-repeat;
2021 +}
2873 2022
2874 -div#rag-sync .wrap {
2875 - border: 1px solid #eee;
2876 - padding: 8px 12px;
2877 - border-radius: 6px;
2023 +
2024 +.wp-chatbot-wrap form {
2025 + max-width: 1170px !important;
2026 + width: 96% !important;
2878 2027 }
2028 +.container.form-container {
2029 + position: relative;
2030 + width: 100% !important;
2031 + max-width: 1170px;
2032 +}
2033 +.qc-review-text img {
2034 + max-width: 1170px;
2035 +}
2879 2036
2880 2037
2038 +path{stroke-dasharray:300;stroke-dashoffset:300;stroke:#c3a477;stroke-width:2px;-webkit-animation:draw ease-out infinite;animation:draw ease-out infinite}
2039 +#l1{-webkit-animation-duration:3s;animation-duration:3s}
2040 +#l2{-webkit-animation-duration:5.5s;animation-duration:5.5s}
2041 +#l3{-webkit-animation-duration:2s;animation-duration:2s}
2042 +#l4{-webkit-animation-duration:5.5s;animation-duration:5.5s}@-webkit-keyframes draw{50%{stroke-dashoffset:0}100%{stroke-dashoffset:-300}}@keyframes draw{50%{stroke-dashoffset:0}100%{stroke-dashoffset:-300}}
2043 +.lineanimation{position:absolute;top:-64px;z-index:99999999;left:-10px;right:0;margin:0 auto;width:257px;max-width:257px;height:90px;overflow:hidden;bottom:0}
2044 +.lineanimation svg{width:250px;height:95px}.lineanimation svg{width:250px;height:150px;overflow:hidden}.lineanimation path{stroke:#5e5e5e}
2881 2045
2882 -div#qcld-rag-settings-tab .wrap:first-child {
2883 - border: 1px solid #eee;
2884 - padding: 8px 12px;
2885 - border-radius: 6px;
2886 -}
2887 2046
2888 2047
2889 -.qcl-openai div#rag-database input[type=checkbox] {
2890 - display: block;
2891 -}
2892 2048
2893 -.tablenav-pages {
2894 - text-align: right;
2895 - padding: 8px 0;
2896 -}
2897 -button#botmaster_submit_sitemap_btn {
2898 - background: var(--woobot-primary);
2899 - border-color: var(--woobot-primary);
2900 -}
2901 -div#rag-database h3 {
2902 - padding: 0 0 8px 0;
2903 - margin: 15px 0 8px 0;
2904 - font-weight: bold;
2905 - font-size: 22px !important;
2906 - color: var(--woobot-primary) !important;
2907 -}
2908 2049
2909 -.qcl-openai div#rag-settings h2.nav-tab-wrapper a:focus {
2910 - border: 1px solid var(--woobot-primary) !important;
2911 -}
2912 -button#rag-delete-all {
2913 - background: var(--woobot-primary);
2914 - color: #fff;
2915 - border-color: var(--woobot-primary);
2916 -}
2917 2050
2918 -div#rag-database table.widefat {
2919 - border: 1px solid #ffffff;
2920 - box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
2921 -}
2922 -div#rag-database .widefat thead td, div#rag-database .widefat thead th {
2923 - border-bottom: 1px solid #ffffff;
2924 -}
2925 2051
2926 -div#rag-database table.widefat thead {
2927 - background: var(--woobot-primary);
2928 - color: #fff;
2929 -}
2930 -div#rag-database table.widefat thead th {
2931 - color: #fff;
2932 -}
2933 -.qcl-openai div#rag-database input[type=checkbox] {
2934 - display: block;
2935 - width: 18px;
2936 - height: 18px;
2937 -}
2938 -div#wp-chatbot-openai-rag input[type=checkbox]+label {
2939 - margin-bottom: 0;
2940 -}
2941 -.qcl-openai input[type=checkbox]+label {
2942 - margin-bottom: 0;
2943 -}
2944 -div#qcld-rag-settings-tab .wrap .mb-3 {
2945 - padding: 5px 0;
2946 -}
2947 -div#rag-database input#search-submit {
2948 - background: var(--woobot-primary);
2949 - color: #fff;
2950 - border-color: var(--woobot-primary);
2951 -}
2952 -.rag_embed_cpts_wrapper {
2953 - display: flex;
2954 - flex-direction: column;
2955 - gap: 6px;
2956 -}
2957 -div#wp-chatbot-gemini-settings .input-group {
2958 - display: flex;
2959 - gap: 10px;
2960 -}
2961 -div#wp-chatbot-grok-settings a#qcld_save_grok_setting {
2962 - background: var(--woobot-primary);
2963 - color: #ffffff;
2964 - border: none;
2965 - padding: 12px 30px;
2966 -}
2967 -button#qcld_gemini_fetch_models {
2968 - background: var(--woobot-primary);
2969 - color: #ffffff;
2970 - border: none;
2971 -}
2972 -.wp-chatbot-wrap label.block.text-sm.font-medium.text-gray-700.mb-2.qc-opt-language-title {
2973 - display: block;
2974 - padding: 0 0 5px 0;
2975 -}
2976 -select#qcld_language_center_select {
2977 - padding: 0 0 0 0;
2978 - margin: 0 0 6px 0;
2979 - padding: 0 4px;
2980 - min-width: 220px;
2981 -}
2982 -select#qcld_language_center_select:focus {
2983 - border-color: var(--woobot-primary);
2984 - color: var(--woobot-primary);
2985 - box-shadow: 0 0 0 1px var(--woobot-primary);
2986 -}
2987 -div#common-ai-settings h2 a {
2988 - background: var(--woobot-primary);
2989 - color: #ffffff;
2990 - display: inline-block !important;
2991 - font-size: 16px;
2992 - padding: 8px 15px;
2993 - border-radius: 8px;
2994 -}
2995 -div#common-ai-settings h2.nav-tab-wrapper {
2996 - border: none;
2997 -}
2998 -div#qcld-rate-settings-tab {
2999 - display: block !important;
3000 -}
3001 -div#common-ai-settings .form-check {
3002 - margin-bottom: 15px;
3003 - border: 0px solid #E5E6F2;
3004 - padding: 12px 12px;
3005 - border-radius: 8px;
3006 -}
3007 -.cxsc-settings-blocks.cxsc-settings-blocks-style input[type=radio]:checked::before {
3008 - width: 1.5rem;
3009 - height: 1.5rem;
3010 - margin: -1px 0 0 -1px;
3011 -}
3012 -.cxsc-settings-blocks.cxsc-settings-blocks-style .radio-inline input[type=radio] {
3013 - width: 1.5rem;
3014 - height: 1.5rem;
3015 -}
3016 -button#rag-docx-submit, button#rag-migrate-btn, button#rag-media-docx-btn, button#qcld-rag-list-docx-btn, button#rag-media-pdf-btn, button#qcld-rag-list-pdf-btn {
3017 - padding: 8px 15px;
3018 - width: auto;
3019 - font-size: 16px;
3020 - font-weight: 500;
3021 - color: var(--woobot-nav-muted);
3022 - border-radius: 8px;
3023 - position: relative;
3024 - display: inline-block;
3025 - align-items: center;
3026 - gap: 15px;
3027 - background: var(--woobot-primary);
3028 - color: #ffffff;
3029 - text-decoration: none;
3030 - border-color: var(--woobot-primary) !important;
3031 - line-height: normal;
3032 -}
3033 -button#botmaster_submit_googlesheet_btn, button#botmaster_submit_googledoc_btn {
3034 - background: var(--woobot-primary);
3035 - border-color: var(--woobot-primary);
3036 -}
3037 -.wpbot-wizard-field select#wizard_ai_provider {
3038 - background: transparent;
3039 - color: #fff;
3040 - width: 100%;
3041 - display: block;
3042 - max-width: unset;
3043 -}
3044 -.wpbot-wizard-field select#wizard_ai_provider:hover {
3045 - border-color: var(--woobot-primary);
3046 - color: var(--woobot-primary);
3047 - box-shadow: 0 0 0 1px var(--woobot-primary);
3048 -}
3049 -div#wizard_api_key_container input#wizard_api_key {
3050 - background: transparent;
3051 - color: #fff;
3052 -}
3053 -div#collapseTwoControl input[type=radio]:checked::before {
3054 - background-color: var(--woobot-primary);
3055 -}
3056 -.nav-tab-wrapper.sld_nav_container.wppt_nav_container.qcld_help_wppt_nav_container{
3057 - width: 320px !important;
3058 - gap: 0;
3059 -}
3060 -div#rag-settings tbody#rag-knowledge-base-list tr td button {
3061 - padding: 6px 20px;
3062 - font-weight: bold;
3063 - font-size: 12px;
3064 -}
3065 -div#rag-settings tbody#rag-knowledge-base-list tr td button.button.button-small.button-link-delete.rag-delete-doc{
3066 - background: #d14529;
3067 - color: #fff;
3068 - border-color: #d14529;
3069 -}
3070 -button#ai-knowledge-base-tab {
3071 - animation: pulse 2s infinite;
3072 -}
3073 -@keyframes pulse {
3074 - 0% {
3075 - transform: scale(1);
3076 - }
3077 - 50% {
3078 - transform: scale(1.05);
3079 - }
3080 - 100% {
3081 - transform: scale(1);
3082 - }
3083 -}
3084 -footer.wp-chatbot-admin-footer input#submit {
3085 - background: var(--woobot-primary);
3086 - padding: 12px 30px;
3087 -}
3088 -footer.wp-chatbot-admin-footer {
3089 - padding: 0 20px 20px 20px;
3090 - margin: 0 20px;
3091 -}
3092 -.qcld-wp-chatbot-wrap-header_inn a.button.page-title-action {
3093 - padding: 8px 15px;
3094 - background: #ffffff;
3095 - color: var(--woobot-primary);
3096 - border: 2px solid var(--woobot-primary);
3097 - border-radius: 6px;
3098 - font-weight: bold;
3099 - position: absolute;
3100 - top: 30px;
3101 - left: 280px;
3102 - line-height: normal;
3103 - min-height: unset;
3104 -}
3105 -.qcld-wp-chatbot-wrap-header_inn a.button.page-title-action:hover {
3106 - padding: 8px 15px;
3107 - background: var(--woobot-primary);
3108 - color: #fff;
3109 - border: 2px solid var(--woobot-primary);
3110 - border-radius: 6px;
3111 - font-weight: bold;
3112 - position: absolute;
3113 - top: 31px;
3114 - left: 280px;
3115 -}
3116 -.qcld-session-history_menu_box .btn.btn-primary {
3117 - background: var(--woobot-primary) !important;
3118 - color: #fff !important;
3119 -}
3120 -.qcld-session-history_menu_box a.btn.btn-success {
3121 - padding: 8px 24px;
3122 - width: auto;
3123 - font-size: 15px;
3124 - font-weight: 500;
3125 - border-radius: 8px;
3126 - position: relative;
3127 - background: #ffffff;
3128 - color: var(--woobot-primary);
3129 - text-decoration: none;
3130 - line-height: normal;
3131 - border: 2px solid var(--woobot-primary);
3132 -}
3133 -.qcld-session-history_menu_box a.btn.btn-success:hover {
3134 - padding: 8px 24px;
3135 - width: auto;
3136 - font-size: 15px;
3137 - font-weight: 500;
3138 - border-radius: 8px;
3139 - position: relative;
3140 - background: var(--woobot-primary);
3141 - color: #fff;
3142 - text-decoration: none;
3143 - line-height: normal;
3144 - border: 2px solid var(--woobot-primary);
3145 -}
3146 -.Expandmore {
3147 - background: #23ab10;
3148 - display: inline-block;
3149 - padding: 4px 10px;
3150 - font-size: 14px;
3151 - border-radius: 6px;
3152 - position: relative;
3153 - top: -15px;
3154 -}
3155 -.Collapsemore {
3156 - background: #ff0000;
3157 - display: inline-block;
3158 - padding: 4px 10px;
3159 - font-size: 14px;
3160 - border-radius: 6px;
3161 - position: relative;
3162 - top: -15px;
3163 -}
3164 -.Expandmore span {
3165 - color: #fff;
3166 - margin: 0 0 0 8px;
3167 - padding: 0 5px;
3168 - font-size: 18px;
3169 -}
3170 -.admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container {
3171 - display: flex;
3172 - justify-content: flex-start;
3173 - align-items: center;
3174 -}
3175 -.avatar-location-wrapper {
3176 - padding: 0 0 25px 0;
3177 -}
3178 -.avatar-location-card.active {
3179 - background: var(--woobot-primary);
3180 - color: #ffffff;
3181 -}
3182 -.avatar-location-card.active svg {
3183 - color: #ffffff;
3184 -}
3185 -.ai-provider-cards {
3186 - margin: 0 0 0 0%;
3187 -}
3188 -.qcld-wp-chatbot-wrap-header_inn_heading a.button.page-title-action {
3189 - margin: 0 0 0 4px;
3190 -}
3191 -label.qcld_label_width_full.qcld_label_width_half {
3192 - font-size: 12px;
3193 - padding: 6px 0 0 0;
3194 -}
3195 -.qc_menu_setup_area {
3196 - margin: 40px 0 0 0;
3197 -}
3198 -input#chatbot_content_max_height, input#chatbot_content_max_height_responsive {
3199 - width: 170px;
3200 - border: 1px solid #eee;
3201 - border-radius: 6px;
3202 -}
3203 -.ai-provider-cards-wrapper h4 {
3204 - width: 410px;
3205 -}
3206 -.ai-provider-cards-wrapper {
3207 - display: flex;
3208 -}
3209 2052
3210 -/* AI Actions page — match WPBot Control Panel layout */
3211 -body.chatbot-wpbot-lite_page_wpbot_ai_actions,
3212 -body.chatbot-wpbot-lite_page_wbcs-botsessions-page,
3213 -body.wpbot-panel_page_wbcs-botsessions-page {
3214 - background-color: var(--woobot-page-bg);
3215 -}
3216 2053
3217 -.wp-chatbot-tabs.qcld-ai-actions-layout {
3218 - display: flex;
3219 - align-items: flex-start;
3220 - gap: 20px;
3221 - overflow: visible;
2054 +/* 09-11-2024 - CSS Updated*/
2055 +
2056 +.wp-chatbot-wrap-outer .wp-chatbot-wrap {
2057 + position: relative;
2058 + max-width: 1170px;
3222 2059 }
3223 -
3224 -.wp-chatbot-tabs.qcld-ai-actions-layout > nav {
3225 - width: 240px;
3226 - min-width: 240px;
3227 - flex-shrink: 0;
3228 - float: none;
3229 - margin-right: 0;
3230 - position: sticky;
3231 - top: 32px;
2060 +.wp-chatbot-wrap-outer .wp-chatbot-wrap:before {
2061 + content: '';
2062 + position: absolute;
2063 + background: url("../../chatbot/images/hud-left-dark.png") top left;
2064 + left: -6px;
2065 + width: 40px;
2066 + height: 100%;
2067 + z-index: 999;
2068 + top: 0;
2069 + background-repeat: repeat !important;
3232 2070 }
3233 -
3234 -.wp-chatbot-tabs.qcld-ai-actions-layout .content-wrap {
3235 - flex: 1 1 auto;
3236 - min-width: 0;
3237 - width: auto !important;
3238 - float: none;
3239 - padding: 24px;
3240 - background: #fff;
3241 - border-radius: 16px;
2071 +.wp-chatbot-wrap-outer .wp-chatbot-wrap:after {
2072 + content: '';
2073 + position: absolute;
2074 + background: url("../../chatbot/images/hud-righ-dark.png") top right;
2075 + width: 41px;
2076 + height: 100%;
2077 + right: -22px;
2078 + width: 28px;
2079 + z-index: 999;
2080 + top: 0;
2081 + background-repeat: repeat !important;
3242 2082 }
3243 -
3244 -.wp-chatbot-tabs.qcld-ai-actions-layout .qcld-ai-actions-playground {
3245 - width: 360px;
3246 - min-width: 320px;
3247 - flex-shrink: 0;
3248 - float: none;
3249 - margin: 0;
3250 - padding: 0;
3251 - background: transparent;
3252 - position: sticky;
3253 - top: 32px;
2083 +.card-header{
2084 + position: relative;
2085 + max-width: 1190px;
3254 2086 }
3255 -
3256 -.qcld-ai-actions-layout .ai-saved-actions-submenu {
3257 - list-style: none;
3258 - margin: 4px 0 0;
3259 - padding: 0 0 6px;
2087 +.card-header:before {
2088 + content: '';
2089 + position: absolute;
2090 + background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2091 + /* left: -15px; */
2092 + width: 100%;
2093 + height: 34px;
2094 + z-index: 9999999;
2095 + top: -7px;
2096 + background-repeat: no-repeat;
2097 + background-size: cover;
3260 2098 }
3261 -
3262 -.qcld-ai-actions-layout .ai-saved-actions-submenu li a {
3263 - padding: 10px 12px 10px 48px;
3264 - font-size: 14px;
3265 - font-weight: 500;
3266 - color: var(--woobot-nav-muted);
3267 - border-radius: 8px;
2099 +.card-header .wpbot_dashboard_header {
2100 + background: #222222;
3268 2101 }
3269 -
3270 -.qcld-ai-actions-layout .ai-saved-actions-submenu li.tab-current a,
3271 -.qcld-ai-actions-layout .ai-saved-actions-submenu li a:hover {
3272 - background: var(--woobot-primary);
3273 - color: #fff;
2102 +.card-header .wpbot_addons_section {
2103 + background: #222222;
3274 2104 }
3275 2105
3276 -.qcld-ai-actions-layout .ai-no-saved-actions {
3277 - padding: 8px 12px 8px 48px;
3278 - color: var(--woobot-nav-muted);
3279 - font-size: 13px;
3280 - font-style: italic;
3281 -}
3282 2106
3283 -.qcld-ai-actions-layout .ai-sidebar-parent-link {
3284 - position: relative;
3285 -}
3286 2107
3287 -.qcld-ai-actions-layout .qcld-ai-saved-toggle {
3288 - margin-left: auto;
3289 - font-size: 16px;
3290 - width: 16px;
3291 - height: 16px;
3292 -}
3293 2108
3294 -.qcld-ai-template-grid {
3295 - display: grid;
3296 - grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
3297 - gap: 16px;
3298 - margin-top: 20px;
3299 -}
3300 2109
3301 -.qcld-ai-actions-page .ai-template-card {
3302 - background: #fff;
3303 - border: 1px solid #E5E6F2;
3304 - border-radius: 16px;
3305 - padding: 22px 16px;
3306 - cursor: pointer;
3307 - text-align: center;
3308 - transition: all 0.2s ease;
3309 -}
3310 2110
3311 -.qcld-ai-actions-page .ai-template-card:hover {
3312 - border-color: var(--woobot-primary);
3313 - box-shadow: 0 8px 20px rgba(var(--woobot-primary-rgb), 0.12);
3314 - transform: translateY(-2px);
3315 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
3316 -}
3317 2111
3318 -.qcld-ai-actions-page .ai-template-card-icon {
3319 - color: var(--woobot-primary);
3320 - margin-bottom: 12px;
3321 -}
3322 2112
3323 -.qcld-ai-actions-page .ai-template-card-icon .dashicons {
3324 - font-size: 36px;
3325 - width: 36px;
3326 - height: 36px;
3327 -}
3328 2113
3329 -.qcld-ai-actions-page .ai-template-card h4 {
3330 - margin: 0 0 8px;
3331 - font-size: 15px;
3332 - font-weight: 700;
3333 - color: var(--woobot-primary);
3334 -}
2114 +/* 09-20-2024 - CSS Updated*/
3335 2115
3336 -.qcld-ai-actions-page .ai-template-card p {
3337 - margin: 0;
3338 - font-size: 13px;
3339 - color: #6b638f;
3340 - line-height: 1.45;
2116 +.qcl-openai .card.admin-maxwith .wp-chatbot-wrap {
2117 + position: relative;
2118 + max-width: 1170px;
3341 2119 }
3342 -
3343 -.qcld-ai-actions-alert {
3344 - color: #fff;
3345 - background: #e64340;
3346 - padding: 12px 16px;
3347 - border-radius: 8px;
3348 - margin-bottom: 20px;
2120 +.qcl-openai .card.admin-maxwith:before {
2121 + content: '';
2122 + position: absolute;
2123 + background: url("../../chatbot/images/hud-left-dark.png") top left;
2124 + left: -15px;
2125 + width: 40px;
2126 + height: 100%;
2127 + z-index: 999;
2128 + top: 0;
2129 + background-repeat: repeat !important;
3349 2130 }
3350 -
3351 -.qcld-ai-action-edit-head {
3352 - display: flex;
3353 - justify-content: space-between;
3354 - align-items: center;
3355 - gap: 12px;
3356 - margin-bottom: 16px;
3357 - border-bottom: 1px solid #E5E6F2;
3358 - padding-bottom: 12px;
2131 +.qcl-openai .card.admin-maxwith:after {
2132 + content: '';
2133 + position: absolute;
2134 + background: url("../../chatbot/images/hud-righ-dark.png") top right;
2135 + width: 41px;
2136 + height: 100%;
2137 + right: -15px;
2138 + width: 28px;
2139 + z-index: 999;
2140 + top: 0;
2141 + background-repeat: repeat !important;
3359 2142 }
3360 -
3361 -.qcld-ai-action-edit-head .qcld-wpbot-main-tabs-title {
3362 - margin: 0;
3363 - border-bottom: 0;
3364 - padding: 0;
2143 +.qcl-openai .wp-chatbot-wrap-outer .card-header.bg-dark{
2144 + position: relative;
2145 + max-width: 1190px;
3365 2146 }
3366 -
3367 -.qcld-ai-action-edit-actions {
3368 - display: flex;
3369 - align-items: center;
3370 - gap: 10px;
3371 - flex-wrap: wrap;
3372 - justify-content: flex-end;
2147 +.qcl-openai .wp-chatbot-wrap-outer .card-header.bg-dark:before {
2148 + content: '';
2149 + position: absolute;
2150 + background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2151 + /* left: -15px; */
2152 + width: 100%;
2153 + height: 34px;
2154 + z-index: 9999999;
2155 + top: -7px;
2156 + background-repeat: no-repeat;
2157 + background-size: cover;
3373 2158 }
3374 -
3375 -.qcld-ai-actions-page .qcld-ai-goto-new-action {
3376 - padding: 10px 18px;
3377 - font-size: 14px;
3378 - line-height: 1.2;
3379 - white-space: nowrap;
2159 +.qcl-openai .wp-chatbot-wrap-outer .wpbot_dashboard_header {
2160 + background: #222222;
3380 2161 }
3381 -
3382 -.qcld-ai-actions-page .remove-ai-form {
3383 - color: #e64340;
3384 - border: 1px solid #e64340;
3385 - background: #fff;
3386 - border-radius: 8px;
2162 +.qcl-openai .wp-chatbot-wrap-outer .wpbot_addons_section {
2163 + background: #222222;
3387 2164 }
3388 -
3389 -.qcld-ai-actions-page .remove-ai-form:hover {
3390 - background: #e64340;
3391 - color: #fff;
2165 +.qcl-openai h4 {
2166 + padding: 20px 20px 0 20px;
3392 2167 }
3393 -
3394 -.qcld-ai-actions-page .wpbot-ai-inner-tabs {
3395 - margin-bottom: 20px;
2168 +.qcl-openai .card-header.bg-dark.text-white.py-sm-4.border-0 {
2169 + padding: 0 0 !important;
3396 2170 }
3397 -
3398 -.qcld-ai-history-pro-tab {
3399 - opacity: 0.65;
3400 - cursor: not-allowed !important;
2171 +.qcl-openai .qcl-openai .card-body {
2172 + border: 20px solid #222222;
3401 2173 }
3402 -
3403 -.qcld-ai-actions-page .qc_wpbot_pro {
3404 - background: #e64340;
3405 - color: #fff;
3406 - font-size: 10px;
3407 - padding: 2px 6px;
3408 - border-radius: 4px;
3409 - margin-left: 5px;
3410 - vertical-align: middle;
2174 +.qcl-openai .card-header.bg-dark {
2175 + background-color: #222222 !important;
3411 2176 }
3412 -
3413 -.qcld-ai-actions-page .form-group label,
3414 -.qcld-ai-actions-page .qcld-ai-email-field label {
3415 - display: block;
3416 - font-weight: 600;
3417 - margin-bottom: 6px;
3418 - color: var(--woobot-primary);
2177 +.qcl-openai {
2178 + margin: 20px 0 0 0;
3419 2179 }
3420 -
3421 -.qcld-ai-actions-page .form-group.qcld-ai-email-toggle {
3422 - display: flex;
3423 - align-items: center;
3424 - border: none;
3425 - padding: 4px 0 10px;
3426 - margin-bottom: 8px;
2180 +.qcl-openai .accordion .card-header:before{
2181 + content: none;
2182 + position: relative;
3427 2183 }
3428 2184
3429 -.qcld-ai-actions-page .wp-chatbot-wrap .form-group.qcld-ai-email-toggle input[type=checkbox] {
3430 - position: absolute;
3431 - opacity: 0;
3432 - width: 1px;
3433 - height: 1px;
3434 - pointer-events: none;
3435 -}
3436 2185
3437 -.qcld-ai-actions-page .wp-chatbot-wrap .form-group.qcld-ai-email-toggle input[type=checkbox] + label {
3438 - position: relative;
3439 - display: flex;
3440 - align-items: center;
3441 - width: auto;
3442 - height: auto;
3443 - min-height: 22px;
3444 - margin: 0;
3445 - padding: 0 0 0 34px;
3446 - border: none;
3447 - border-radius: 0;
3448 - text-indent: 0;
3449 - font: 600 16px/22px "DM Sans", sans-serif;
3450 - color: var(--woobot-primary);
3451 - cursor: pointer;
3452 - white-space: nowrap;
3453 - user-select: none;
3454 -}
2186 +/* 09-25-2024 - CSS Updated*/
3455 2187
3456 -.qcld-ai-actions-page .wp-chatbot-wrap .form-group.qcld-ai-email-toggle input[type=checkbox] + label:before {
3457 - content: "";
3458 - position: absolute;
3459 - left: 0;
3460 - top: 50%;
3461 - width: 22px;
3462 - height: 22px;
3463 - margin-top: -11px;
3464 - border: 2px solid var(--woobot-primary);
3465 - border-radius: 4px;
3466 - background: #fff;
3467 - box-sizing: border-box;
3468 - transition: all ease-out 200ms;
2188 +.qcld-help-debug .wrap.swpm-admin-menu-wrap{
2189 + position: relative;
2190 + max-width: 1170px;
3469 2191 }
3470 -
3471 -.qcld-ai-actions-page .wp-chatbot-wrap .form-group.qcld-ai-email-toggle input[type=checkbox] + label:after {
3472 - content: "";
3473 - position: absolute;
3474 - left: 7px;
3475 - top: 8px;
3476 - width: 6px;
3477 - height: 11px;
3478 - margin-top: -7px;
3479 - border-bottom: 2px solid #fff;
3480 - border-right: 2px solid #fff;
3481 - border-left: none;
3482 - transform: rotate(45deg);
3483 - opacity: 0;
3484 - transition: opacity ease-out 200ms;
2192 +.qcld-help-debug .wrap.swpm-admin-menu-wrap:before {
2193 + content: '';
2194 + position: absolute;
2195 + background: url("../../chatbot/images/hud-left-dark.png") top left;
2196 + left: -6px;
2197 + width: 40px;
2198 + height: 100%;
2199 + z-index: 999;
2200 + top: 0;
2201 + background-repeat: repeat !important;
3485 2202 }
3486 -
3487 -.qcld-ai-actions-page .wp-chatbot-wrap .form-group.qcld-ai-email-toggle input[type=checkbox]:checked + label {
3488 - border: none;
2203 +.qcld-help-debug .wrap.swpm-admin-menu-wrap:after {
2204 + content: '';
2205 + position: absolute;
2206 + background: url("../../chatbot/images/hud-righ-dark.png") top right;
2207 + width: 41px;
2208 + height: 100%;
2209 + right: -22px;
2210 + width: 28px;
2211 + z-index: 999;
2212 + top: 0;
2213 + background-repeat: repeat !important;
3489 2214 }
3490 -
3491 -.qcld-ai-actions-page .wp-chatbot-wrap .form-group.qcld-ai-email-toggle input[type=checkbox]:checked + label:before {
3492 - background: #22b573;
3493 - border-color: #22b573;
2215 +.qcld-help-debug {
2216 + position: relative;
2217 + max-width: 1190px;
2218 + margin: 24px 0 0 0;
3494 2219 }
3495 -
3496 -.qcld-ai-actions-page .wp-chatbot-wrap .form-group.qcld-ai-email-toggle input[type=checkbox]:checked + label:after {
3497 - opacity: 1;
3498 - width: 6px;
2220 +.qcld-help-debug:before {
2221 + content: '';
2222 + position: absolute;
2223 + background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2224 + /* left: -15px; */
2225 + width: 100%;
2226 + height: 34px;
2227 + z-index: 9999999;
2228 + top: -7px;
2229 + background-repeat: no-repeat;
2230 + background-size: cover;
3499 2231 }
3500 -
3501 -.qcld-ai-actions-page .form-group input[type="text"],
3502 -.qcld-ai-actions-page .form-group textarea,
3503 -.qcld-ai-actions-page .qcld-ai-email-field input[type="text"] {
3504 - width: 100%;
3505 - max-width: 100%;
3506 - border: 1px solid #E5E6F2;
3507 - border-radius: 8px;
3508 - padding: 10px 12px;
2232 +.card-header .wpbot_dashboard_header {
2233 + background: #222222;
3509 2234 }
3510 -
3511 -.qcld-ai-email-field {
3512 - margin-top: 12px;
2235 +.card-header .wpbot_addons_section {
2236 + background: #222222;
3513 2237 }
3514 2238
3515 -.qcld-ai-field-hint,
3516 -.qcld-ai-muted {
3517 - margin: 6px 0 0;
3518 - font-size: 13px;
3519 - color: #888;
3520 - font-style: italic;
2239 +.qcld-help-debug .wrap.swpm-admin-menu-wrap {
2240 + background: #222222;
2241 + padding: 20px 20px;
2242 + border-radius: 6px;
2243 + width: 100%;
2244 + max-width: 1220px;
3521 2245 }
3522 -
3523 -.qcld-ai-save-footer {
3524 - display: flex;
3525 - flex-direction: column;
3526 - align-items: flex-start;
3527 - gap: 12px;
3528 - padding: 16px 0 0;
2246 +.qcld-help-debug .nav-tab-wrapper, .qcld-help-debug .wrap h2.nav-tab-wrapper, .qcld-help-debug h1.nav-tab-wrapper{
2247 + border-bottom: 0px solid #c3c4c7;
2248 + margin: 0;
2249 + padding-top: 25px;
2250 + padding-bottom: 0;
2251 + line-height: inherit;
3529 2252 }
3530 2253
3531 -.qcld-ai-save-footer .cxsc-settings-blocks-notic {
3532 - width: 100%;
2254 +@media (min-width: 1200px) {
2255 + .qcld-help-debug .container {
2256 + width: auto !important;
2257 + }
3533 2258 }
3534 2259
3535 -.qcld-ai-save-footer .cxsc-settings-blocks-notic a {
3536 - color: var(--woobot-primary);
3537 - font-weight: 700;
2260 +.qcld-help-debug .notice, .qcld-help-debug div.error, .qcld-help-debug div.updated {
2261 + background: #1c1c1c;
2262 + border: 1px solid #222222;
2263 + border-left-width: 4px;
2264 + box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
2265 + margin: 5px 15px 2px;
2266 + padding: 1px 12px;
2267 + margin: 20px 0 0 0 !important;
3538 2268 }
3539 2269
3540 -.qcld-ai-playground {
3541 - background: #fff;
3542 - border-radius: 16px;
3543 - overflow: hidden;
3544 - box-shadow: 0 8px 24px rgba(var(--woobot-primary-rgb), 0.08);
3545 - border: 1px solid #E5E6F2;
3546 -}
3547 2270
3548 -.qcld-ai-playground-header {
3549 - background: var(--woobot-primary);
3550 - color: #fff;
3551 - padding: 14px 16px;
3552 - font-weight: 700;
3553 - text-align: center;
3554 - position: relative;
2271 +header.wp-chatbot-admin-header h3 {
2272 + color: #fff !important;
3555 2273 }
3556 -
3557 -.qcld-ai-playground-header #ai-playground-refresh {
3558 - position: absolute;
3559 - right: 12px;
3560 - top: 10px;
3561 - background: transparent;
3562 - border: none;
3563 - color: #fff;
3564 - cursor: pointer;
3565 - padding: 0;
2274 +.qcbot-str-top-notic {
2275 + max-width: 1170px;
2276 + padding: 0 !IMPORTANT;
2277 + margin: 20px 0 0 0;
3566 2278 }
3567 -
3568 -.qcld-ai-playground-header #ai-playground-refresh .dashicons {
3569 - font-size: 20px;
3570 - width: 20px;
3571 - height: 20px;
2279 +#rotationloader.fa.fa-spinner {
2280 + display: none;
2281 + rotate: initial;
2282 + -webkit-animation: rotation 2s infinite linear;
3572 2283 }
3573 -
3574 -#ai-actions-playground-container {
3575 - padding: 16px;
3576 - display: flex;
3577 - flex-direction: column;
3578 - height: 420px;
3579 - overflow-y: auto;
3580 - background: var(--woobot-page-bg);
2284 +.btn-secondary {
2285 + color: #fff;
2286 + background-color: #6c757d;
2287 + border-color: #6c757d;
3581 2288 }
3582 -
3583 -#ai-actions-playground-messages {
3584 - display: flex;
3585 - flex-direction: column;
3586 - justify-content: flex-end;
3587 - flex: 1;
2289 +.btn-dark {
2290 + color: #fff;
2291 + background-color: #343a40;
2292 + border-color: #343a40;
3588 2293 }
3589 2294
3590 -.qcld-ai-pg-bot-row {
3591 - display: flex;
3592 - gap: 10px;
3593 - align-items: flex-end;
3594 - margin-bottom: 12px;
2295 +.qcbot_help_secion .panel.panel-default a.nav-tab.qcld-plan-tab-text {
2296 + margin: 0 !important;
2297 + padding: 0 !important;
2298 + line-height: normal !important;
2299 + float: none !important;
3595 2300 }
3596 -
3597 -.qcld-ai-pg-user-row {
3598 - display: flex;
3599 - justify-content: flex-end;
3600 - margin-bottom: 12px;
2301 +.qcbot_help_secion .panel.panel-default h3.wppt_nav_container.qcld-plan-tab-text {
2302 + margin: 0 0 0 0;
2303 + padding: 0 0 0 0;
2304 + line-height: normal !important;
3601 2305 }
3602 -
3603 -.qcld-ai-pg-avatar {
3604 - width: 36px;
3605 - height: 36px;
3606 - background: var(--woobot-primary);
3607 - border-radius: 50%;
3608 - flex-shrink: 0;
3609 - background-size: cover;
3610 - background-position: center;
2306 +.qcbot_help_secion .panel.panel-default a.collapsed {
2307 + display: inline-block;
2308 + width: 100%;
3611 2309 }
3612 -
3613 -.qcld-ai-pg-bubble {
3614 - background: #fff;
3615 - padding: 12px;
3616 - border-radius: 16px;
3617 - border-bottom-left-radius: 4px;
3618 - box-shadow: 0 2px 6px rgba(var(--woobot-primary-rgb), 0.08);
3619 - width: 100%;
3620 - max-width: 80%;
3621 - font-size: 13px;
3622 - color: #333;
3623 - line-height: 1.45;
3624 - overflow-wrap: break-word;
2310 +.qcbot_help_secion .panel.panel-default h4.panel-title a {
2311 + display: inline-block;
2312 + width: 100%;
2313 + outline: none !important;
2314 + box-shadow: none !important;
3625 2315 }
3626 2316
3627 -.qcld-ai-pg-bubble p {
3628 - margin: 0 0 10px;
3629 - font-size: 13px;
2317 +.wp-chatbot-wrap-outer {
2318 + position: relative;
3630 2319 }
3631 -
3632 -.qcld-ai-pg-bubble.is-loading {
3633 - color: var(--woobot-nav-muted);
2320 +.wp-chatbot-wrap-outer:before {
2321 + content: '';
2322 + position: absolute;
2323 + background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2324 + left: 0px;
2325 + width: 100%;
2326 + height: 34px;
2327 + z-index: 999;
2328 + top: -7px;
2329 + background-repeat: no-repeat;
2330 + width: 1190px;
3634 2331 }
3635 2332
3636 -.qcld-ai-pg-user-bubble {
3637 - background: var(--woobot-primary);
3638 - color: #fff;
3639 - padding: 8px 12px;
3640 - border-radius: 16px;
3641 - border-bottom-right-radius: 4px;
3642 - max-width: 80%;
3643 - font-size: 13px;
2333 +section.wp-chatbot-tab-container-inner .block-inner .cxsc-settings-blocks {
2334 + display: inline-flex !important;
2335 + flex-direction: column;
2336 + width: 100%;
3644 2337 }
3645 -
3646 -#ai-actions-live-preview {
3647 - display: flex;
3648 - flex-wrap: wrap;
3649 - gap: 6px;
2338 +section.wp-chatbot-tab-container-inner .cxsc-settings-blocks-style {
2339 + display: flex !important;
2340 + flex-wrap: nowrap;
2341 + flex-direction: column;
2342 + gap: 0;
2343 + justify-content: center;
3650 2344 }
3651 -
3652 -.playground-ai-action-btn {
3653 - background: #fff;
3654 - border: 1px solid var(--woobot-primary);
3655 - padding: 6px 12px;
3656 - border-radius: 16px;
3657 - font-size: 12px;
3658 - color: var(--woobot-primary);
3659 - cursor: pointer;
3660 - display: inline-block;
3661 - transition: all 0.2s;
2345 +.qc-opt-dcs-font {
2346 + font-size: 14px !important;
2347 + padding: 5px 12px 0 12px;
2348 + margin: 0 0 0 0;
3662 2349 }
3663 -
3664 -.playground-ai-action-btn:hover {
3665 - background: var(--woobot-primary);
3666 - color: #fff;
2350 +div.mce-panel {
2351 + border: 1px solid #dcdcde !important;
3667 2352 }
3668 -
3669 -.playground-ai-action-btn.is-empty {
3670 - cursor: default;
3671 - border-color: #E5E6F2;
3672 - color: #888;
3673 - background: #f7f7fb;
2353 +ul.radio-list-custom {
2354 + width: 260px;
3674 2355 }
3675 -
3676 -.playground-ai-action-btn.is-empty:hover {
3677 - background: #f7f7fb;
3678 - color: #888;
2356 +ul.radio-list-custom li {
2357 + width: 49% !important;
3679 2358 }
3680 -
3681 -.qcld-ai-pg-form-data {
3682 - background: var(--woobot-page-bg);
3683 - padding: 10px;
3684 - border-left: 3px solid var(--woobot-primary);
3685 - margin: 10px 0;
3686 - border-radius: 6px;
2359 +.cxsc-settings-blocks ul.radio-list input[type=checkbox], .cxsc-settings-blocks ul.radio-list input[type=radio] {
2360 + margin: 0!important;
3687 2361 }
3688 2362
3689 -.qcld-ai-pg-form-data strong {
3690 - display: block;
3691 - margin-bottom: 5px;
3692 - color: var(--woobot-primary);
3693 - text-transform: capitalize;
3694 -}
3695 2363
3696 -.qcld-ai-pg-form-data ul {
3697 - margin: 0;
3698 - padding-left: 15px;
3699 - font-size: 13px;
3700 - color: #333;
2364 +.qcl-openai div#wp-chatbot-openai-help .card-body {
2365 + border: 0 solid #21252900;
3701 2366 }
3702 2367
3703 -.qcld-ai-playground-footer {
3704 - padding: 12px;
3705 - background: #fff;
3706 - border-top: 1px solid #E5E6F2;
3707 - display: flex;
3708 - gap: 8px;
3709 - align-items: center;
3710 -}
3711 2368
3712 -.qcld-ai-playground-footer #playground-input {
3713 - width: 100%;
3714 - background: var(--woobot-page-bg);
3715 - border: 1px solid #E5E6F2;
3716 - border-radius: 20px;
3717 - padding: 10px 14px;
3718 - color: #333;
3719 - font-size: 13px;
3720 - outline: none;
2369 +.wp-chatbot-wrap-outer .wpbot_single_content {
2370 + display: flex;
3721 2371 }
3722 -
3723 -.qcld-ai-playground-footer #playground-send-btn {
3724 - border: none;
3725 - border-radius: 50%;
3726 - width: 40px;
3727 - height: 40px;
3728 - background: var(--woobot-primary);
3729 - color: #fff;
3730 - cursor: pointer;
3731 - display: flex;
3732 - align-items: center;
3733 - justify-content: center;
3734 - flex-shrink: 0;
2372 +.wp-chatbot-wrap-outer .wpbot_single_addon {
2373 + width: 32%;
2374 + margin-right: 1%;
2375 + display: inline-block;
2376 + margin-bottom: 14px;
2377 + padding: 5px;
2378 + border: 1px solid #eee;
2379 + background: #fff;
2380 + padding: 18px 8px;
2381 + border-radius: 6px;
3735 2382 }
3736 2383
3737 -.qcld-ai-playground-footer #playground-send-btn .dashicons {
3738 - font-size: 18px;
3739 - width: 18px;
3740 - height: 18px;
3741 - line-height: 1;
2384 +body .qcbot-str-top-notic {
2385 + max-width: initial !important;
2386 + padding: 0 !important;
2387 + margin: 20px 20px 0 0 !important;
2388 + padding: 15px 15px 15px 0 !important;
2389 + border: none !important;
2390 + border-radius: 6px !important;
2391 + box-shadow: 0px 4px 6px 1px #ebebeb !important;
2392 + margin: 20px 20px 0 0 !important;
3742 2393 }
3743 2394
3744 -.qcld-ai-actions-page .ai-content-pane {
3745 - animation: qcldAiFadeIn 0.3s ease-in-out;
2395 +.wrap {
2396 + margin: 0 !important;
3746 2397 }
3747 2398
3748 -div#ai-saved-actions-container h2.nav-tab-wrapper.wpbot-ai-inner-tabs {
3749 - padding: 0 0 12px 0;
3750 - border: none;
2399 +body .wrap .qcbot-str-top-notic {
2400 + margin: 20px 20px 20px 0 !important;
3751 2401 }
3752 2402
3753 -@keyframes qcldAiFadeIn {
3754 - from { opacity: 0; transform: translateY(5px); }
3755 - to { opacity: 1; transform: translateY(0); }
2403 +.content-wrap form-group label {
2404 + width: auto !important;
2405 + display: inline-block;
2406 + font-weight: bold;
3756 2407 }
3757 -
3758 -@media (max-width: 1280px) {
3759 - .wp-chatbot-tabs.qcld-ai-actions-layout .content-wrap {
3760 - width: auto !important;
3761 - }
3762 - .wp-chatbot-tabs.qcld-ai-actions-layout .qcld-ai-actions-playground {
3763 - width: 300px;
3764 - min-width: 280px;
3765 - }
2408 +.form-group label {
2409 + width: auto !important;
3766 2410 }
3767 2411
3768 -@media (max-width: 992px) {
3769 - .wp-chatbot-tabs.qcld-ai-actions-layout {
3770 - flex-wrap: wrap;
3771 - }
3772 - .wp-chatbot-tabs.qcld-ai-actions-layout > nav,
3773 - .wp-chatbot-tabs.qcld-ai-actions-layout .content-wrap,
3774 - .wp-chatbot-tabs.qcld-ai-actions-layout .qcld-ai-actions-playground {
3775 - width: 100% !important;
3776 - min-width: 0;
3777 - position: static;
3778 - }
2412 +div#promotion-wpchatbot {
2413 + max-width: inherit;
2414 + margin-left: 0;
2415 + border: none;
2416 + margin: 12px 20px 20px 0;
3779 2417 }
3780 -
3781 -
2418 +div#promotion-wpchatbot a{
2419 + display: block;
2420 +}