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