PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 3.6.2
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v3.6.2
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 +358 -2786 8.7.33.6.2 View file →
@@ -1,3182 +1,754 @@
1 -@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
1 +.wp-chatbot-tabs-style-flip nav a span {
2 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 -}
3 + text-transform: uppercase;
10 4
11 -.wp-chatbot-wrap .fa{
12 - font: normal normal normal 14px / 1 FontAwesome !important;
13 -}
5 + letter-spacing: 1px;
14 6
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 -} */
7 + font-weight: 700;
18 8
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 -}
9 + font-size: 0.625em;
33 10
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 11 }
46 12
47 -.qcld-wp-chatbot-wrap-header img {
48 - max-width: 50px;
49 -}
13 +.wp-chatbot-tabs-style-flip nav ul li span{
50 14
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 -}
15 + display: inline-block;
56 16
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 -}
17 + padding-right: 5px;
65 18
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 19 }
75 20
76 -a.qcld-wp-chatbot-wrap-site__logo {
77 - font-size: 22px;
78 - color: #000;
79 - font-weight: bold;
80 -}
21 +.wp-chatbot-tabs-style-flip nav ul li span.wpwbot-admin-tab-icon{
81 22
82 -.wp-chatbot-wrap {
83 - margin: 20px 20px 20px 0;
84 - border-radius: 16px;
85 -}
23 + width: 25px;
86 24
87 -.wp-chatbot-tabs.wp-chatbot-tabs-style-flip {
88 - border-radius: 16px;
89 -}
25 + font-size: 16px;
90 26
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 27
105 28
106 -.wp-chatbot-tabs nav ul li.tab-current a {
107 - background: #5B4E96;
108 - color: #ffffff;
109 - text-decoration: none;
110 29 }
111 30
112 -.wp-chatbot-tabs nav ul li a:hover {
113 - background: #5B4E96;
114 - color: #ffffff;
115 - text-decoration: none;
116 -}
117 31
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 32
131 -.wp-chatbot-tabs nav ul li a span {
132 - font-size: 15px;
133 - font-weight: 500;
134 -}
33 +.wp-chatbot-wrap strong {
135 34
136 -.wp-chatbot-tabs-style-flip nav a span.wpwbot-admin-tab-icon {
137 - text-transform: capitalize;
138 - letter-spacing: 1px;
139 - font-weight: 700;
140 - font-size: 18px;
141 -}
35 + font-weight: normal;
142 36
143 -
144 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a {
145 - padding: 14px 15px;
146 - width: 100%;
147 - 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 37 }
157 38
158 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a span {
159 - font-size: 15px;
160 - font-weight: 500;
161 -}
162 39
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;
168 -}
169 40
170 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a:hover {
171 - background: #5B4E96;
172 - color: #ffffff;
173 - text-decoration: none;
174 -}
41 +.wp-chatbot-admin-header, .wp-chatbot-admin-footer {
175 42
176 -.wp-chatbot-admin-upgrade-pro-sidebar {
43 + padding: 25px;
177 44
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;
184 45 }
185 46
186 -.wp-chatbot-admin-upgrade-pro-sidebar img {
187 - width: 100%;
188 -}
189 47
190 48
191 -.wp-chatbot-admingradient-color {
192 - border-radius: 12px;
193 - background: white;
194 - padding: 15px;
195 -}
49 +.wp-chatbot-admin-header h2 {
196 50
197 -.wp-chatbot-tabs-style-flip .content-wrap {
198 - border-radius: 16px;
199 -}
51 + color: #ffffff;
200 52
201 -ul.feature-list li img {
202 - max-width: 18px;
203 53 }
204 54
205 -a.wp-chatbot-admin-pro-upgrade-button {
206 - background: #5B4E96;
207 - color: #ffffff;
208 - text-decoration: none;
209 - padding: 4px 20px;
210 - border-radius: 6px;
211 -}
212 55
213 -a.wp-chatbot-admin-pro-upgrade-button img {
214 - max-width: 20px;
215 -}
216 56
217 -h3.wp-chatbot-admincart-title {
218 - font-weight: bold;
219 - font-size: 20px;
220 -}
57 +.wp-chatbot-version h3 {
221 58
222 -.qcld-main-wrapper ul.feature-list li {
223 - font-size: 14px;
224 -}
59 + color: #fff;
225 60
226 -.wp-chatbot-wrap p {
227 - font-size: 15px;
228 -}
61 + padding: 6px;
229 62
230 -.qcld-main-wrapper ul.feature-list {
231 - margin: 0 0 30px 0;
232 -}
63 + display: inline-table;
233 64
234 -.qcld-swpm-admin-menu-wrap {
235 - margin: 0 !important;
236 -}
65 + background: #7d7474;
237 66
238 -footer.wp-chatbot-admin-footer {
239 - padding: 0 20px 20px 20px;
240 -}
67 + text-transform: uppercase;
241 68
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 -}
69 + letter-spacing: 2px;
258 70
71 + text-shadow: 0 0 2px #000;
259 72
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 -}
73 + font-size: 18px;
267 74
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 75 }
273 76
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 77
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;
300 - color: #fff;
301 - text-decoration: none;
302 -}
303 78
304 -.qcld-main-wrapper .btn-primary {
305 - border-color: #5b4e96 !important;
306 -}
79 +.wp-chatbot-version p a {
307 80
308 -.qcld-main-wrapper ul.feature-list li img {
309 - max-width: 16px;
310 - margin: 0 3px 0 0;
311 -}
81 + color: #989898;
312 82
313 -.qcld-main-wrapper .nav-tab:hover {
314 - text-decoration: none;
315 83 }
316 84
317 -.content-wrap .qcbot_help_secion h4 {
318 - padding: 0 0;
319 - font-weight: bold;
320 - font-size: 16px;
321 -}
322 85
323 86
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;
330 -}
87 +.wp-chatbot-language-center-summmery {
331 88
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;
338 -}
89 + background: #2cacca;
339 90
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 -}
91 + margin: -1em -1em 1em;
346 92
93 + padding: 20px;
347 94
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;
356 95 }
357 96
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;
363 -}
364 97
365 -section.wp-chatbot-tab-container-inner h4.panel-title {
366 - padding: 0 !important;
367 -}
368 98
369 -section.wp-chatbot-tab-container-inner h4.panel-title a {
370 - display: block;
371 - padding: 15px 12px;
372 - font-size: 16px;
373 -}
99 +.wp-chatbot-language-center-summmery p {
374 100
375 -.qcld-main-wrapper .nav-tab-small .nav-tab,
376 -.qcld-main-wrapper h3 .nav-tab {
377 - font-size: 15px !important;
378 -}
101 + color: #eef5f7;
379 102
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;
386 -}
103 + font-size: 16px;
387 104
388 -.qcld-main-wrapper .cxsc-settings-blocks-notic p.d-ib {
389 - padding: 0;
390 - margin: 8px 0;
391 - font-size: 15px;
392 -}
105 + margin: 0;
393 106
394 -.wp-chatbot-wrap .form-group {
395 - margin-bottom: 15px;
396 - border: 1px solid #E5E6F2;
397 - padding: 12px 12px;
398 - border-radius: 8px;
399 107 }
400 108
401 -.wp-chatbot-wrap .form-group h4.qc-opt-title {
402 - font-weight: bold;
403 -}
109 +.wp-chatbot-language-center-summmery p a{
404 110
111 + color: #eef5f7;
405 112
406 -.wp-chatbot-wrap input:focus {
407 - border-color: #e1dbff;
408 - box-shadow: 0 0 0 4px #e1dbff, 0 1px 2px 0 #1018280d;
409 -}
113 + text-decoration: underline;
410 114
411 -.wp-chatbot-wrap input[type=text] {
412 - border: 1px solid #E5E6F2;
413 115 }
414 116
415 117
416 -.wp-chatbot-wrap .nav-tabs {
417 - border-bottom: none;
418 -}
419 118
420 -.wp-chatbot-wrap .nav-tabs>li {
421 - float: left;
422 - margin-bottom: 0;
423 -}
424 119
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;
437 -}
438 120
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 -}
121 +input[type="text"].shop-jarvis-button-text {
448 122
449 -.wp-chatbot-wrap .nav-tabs {
450 - border-bottom: none;
451 - margin: 0 0 15px 0;
452 -}
123 + display: block;
453 124
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 -}
125 + width: 700px !important;
461 126
462 -
463 -.cxsc-settings-blocks.cxsc-settings-faq-blocks {
464 - background: #f5f7fd !important;
465 - padding: 12px !important;
466 - border-radius: 6px;
467 127 }
468 128
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 129
476 -#wp-chatbot-icon-theme-settings img {
477 - width: 100%;
478 -}
479 130
131 +/*CHECKBOX*/
480 132
481 -.qcld-main-wrapper ul.radio-list {
482 - display: flex;
483 - flex-wrap: wrap;
484 -}
485 133
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 134
496 -.qcld-main-wrapper ul.radio-list li img {
497 - max-width: 80px;
498 - display: block;
499 -}
135 +*, *:before, *:after {
500 136
501 -div#wp-chatbot-icon-theme-settings input[type=radio]:checked::before {
502 - content: "\f12a";
503 - font-family: dashicons;
137 + -webkit-box-sizing: border-box;
504 138
505 - border-radius: 0;
506 - width: 100%;
507 - height: 100%;
508 - margin: 0;
509 - background-color: #5b4e96bd !important;
510 - line-height: 1.14285714;
511 - 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;
139 + box-sizing: border-box;
524 140
525 141 }
526 142
527 -div#wp-chatbot-icon-theme-settings input[type=radio] {
528 - background: transparent;
529 - border: none;
530 - box-shadow: none;
531 -}
532 143
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 144
545 -.wpbot_dashboard_header h1 {
546 - margin: 0;
547 - padding: 0;
548 - font-size: 22px;
549 - font-weight: bold;
550 -}
145 +.wp-chatbot-wrap form {
551 146
552 -.wpbot_dashboard_header p {
553 - margin: 0;
554 - padding: 0;
555 -}
147 + width: 400px;
556 148
557 -.wpbot_single_addon_wrapper {
558 - display: flex;
559 - flex-wrap: wrap;
560 149 }
561 150
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;
566 - text-align: center;
567 - width: 266px;
568 - margin: 8px 8px;
569 -}
570 151
571 -.wpbot_single_addon_wrapper .wpbot_single_addon img {
572 - max-width: 120px;
573 -}
574 152
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%);
582 -}
153 +legend {
583 154
584 -.wpbot_addon_title {
585 - font-weight: bold;
586 - font-size: 17px;
587 - padding: 8px 0;
588 -}
155 + font-size: 16px;
589 156
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;
600 -}
157 + font-family: monospace;
601 158
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;
612 159 }
613 160
614 -.wpbot_addon_image img {
615 - height: 98px;
616 - object-fit: cover;
617 -}
618 161
619 -.wpbot_single_addon a.button.button-secondary {
620 - background: #5B4E96;
621 - color: #ffffff;
622 - text-decoration: none;
623 - border: 1px solid #5B4E96;
624 -}
625 162
626 -.wp-chatbot-wrap .wpbot_single_addon p {
627 - font-size: 14px;
628 - height: 48px;
629 -}
163 +fieldset {
630 164
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;
636 -}
165 + padding: 15px;
637 166
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 167 }
646 168
647 169
648 -section.wp-chatbot-tab-container-inner h4.panel-title a {
649 - position: relative;
650 -}
651 170
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;
659 - font-weight: normal;
660 -}
171 +#wp-chatbot-admin-form input[type=checkbox] {
661 172
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;
669 - font-weight: normal;
670 -}
173 + opacity: 0;
671 174
672 -.wpbot_single_addon_wrapper .wpbot_single_addon .wpbot_single_content:hover {
673 - background: linear-gradient(1deg, #ffffff 70%, #e9e4ff 96%);
674 -}
175 + float: left;
675 176
676 -a.wp-chatbot-admin-pro-upgrade-button {
677 - font-size: 15px;
678 177 }
679 178
680 -a.wp-chatbot-admin-pro-upgrade-button:hover {
681 - color: #fff;
682 - background-color: #f0ad4e;
683 -}
684 179
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;
180 +.interaction-re-target label {
181 + width: inherit !important;
700 182 }
183 +#wp-chatbot-admin-form input[type=checkbox] + label {
701 184
702 -.qcld-wp-chatbot-wrap-header-doc img {
703 - max-width: 480px;
704 - height: 250px;
705 - object-fit: cover;
706 - border-radius: 8px;
707 -}
185 + margin: 0 0 0 20px;
708 186
187 + position: relative;
709 188
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 -}
189 + cursor: pointer;
719 190
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 -}
191 + font-size: 12px;
730 192
193 + float: left;
194 + width: inherit !important;
731 195
732 -.qcld-wp-chatbot-wrap-header-doc-details {
733 - width: 42%;
734 196 }
735 197
736 -.qcld-wp-chatbot-wrap-header-doc-details h3 {
737 - font-weight: bold;
738 -}
739 198
740 -.qcld-wp-chatbot-wrap-header-doc-details p {
741 - font-size: 15px;
742 -}
743 199
200 +#wp-chatbot-admin-form input[type=checkbox] + label ~ label {
744 201
745 -.qcld-goPreemium a {
746 - 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;
758 -}
202 + margin: 0 0 0 40px;
759 203
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;
768 - width: 100%;
769 - justify-content: center;
770 - color: #fff !important;
771 - font-weight: bold;
772 - font-size: 16px !important;
773 - text-decoration: none;
774 204 }
775 205
776 206
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;
787 -}
788 207
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;
799 -}
208 +#wp-chatbot-admin-form input[type=checkbox] + label::before {
800 209
801 -.qcld-main-wrapper .alert.alert-warning {
802 - background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96% 96%);
803 - border-radius: 6px;
804 -}
210 + content: ' ';
805 211
806 -.wp-chatbot-wrap button.btn.btn-primary {
807 - padding: 14px 20px;
808 - width: auto;
809 - 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 -}
212 + position: absolute;
821 213
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;
826 -}
214 + left: -35px;
827 215
828 -.cxsc-settings-blocks-addon {
829 - font-size: 16px;
830 - padding: 6px 0 10px 0;
831 - font-weight: bold;
832 -}
216 + top: -3px;
833 217
218 + width: 25px;
834 219
835 -.qcld-main-wrapper .qcld-seo-help-feature {
836 - clear: both;
837 -}
220 + height: 25px;
838 221
839 -.qcld-main-wrapper .qcld-seo-help-feature H3 {
840 - font-weight: bold;
841 - font-size: 20px;
842 -}
222 + display: block;
843 223
844 -.qcld-main-wrapper .qcld-seo-help-feature UL {}
224 + background: white;
845 225
846 -.qcld-main-wrapper .qcld-seo-help-feature UL li {
847 - margin: 0;
848 - padding: 4px 0;
849 - font-size: 15px;
850 -}
226 + border: 1px solid #A9A9A9;
851 227
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;
859 228 }
860 229
861 -.qcld-recommendbot-conv-feature .plugin-card .action-links {
862 - position: relative;
863 - top: auto;
864 - right: auto;
865 - width: auto;
866 -}
867 230
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 231
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 -}
232 +#wp-chatbot-admin-form input[type=checkbox] + label::after {
882 233
883 -.qcld-recommendbot-conv-feature .plugin-card h3 a {
884 - display: flex;
885 - flex-direction: row-reverse;
886 - align-items: center;
887 -}
234 + content: ' ';
888 235
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 -}
236 + position: absolute;
897 237
898 -.qcld-recommendbot-conv-feature .plugin-card .desc>p,
899 -.qcld-recommendbot-conv-feature .plugin-card .name {
900 - margin-left: 0 !important;
901 -}
238 + left: -35px;
902 239
903 -.qcld-recommendbot-conv-feature .plugin-action-buttons {
904 - margin-bottom: 0;
905 -}
240 + top: -3px;
906 241
907 -.qcld-recommendbot-conv-feature .plugin-action-buttons {
908 - text-align: center;
909 -}
242 + width: 23px;
910 243
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;
920 -}
244 + height: 23px;
921 245
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;
929 -}
246 + display: block;
930 247
931 -.qc_menu_area {
248 + z-index: 1;
932 249
933 - width: 50%;
934 - background: #fff;
935 - border-radius: 16PX;
936 - padding: 12px;
937 -}
250 + background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE4MS4yIDI3MyAxNyAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxODEuMiAyNzMgMTcgMTYiPjxwYXRoIGQ9Ik0tMzA2LjMgNTEuMmwtMTEzLTExM2MtOC42LTguNi0yNC04LjYtMzQuMyAwbC01MDYuOSA1MDYuOS0yMTIuNC0yMTIuNGMtOC42LTguNi0yNC04LjYtMzQuMyAwbC0xMTMgMTEzYy04LjYgOC42LTguNiAyNCAwIDM0LjNsMjMxLjIgMjMxLjIgMTEzIDExM2M4LjYgOC42IDI0IDguNiAzNC4zIDBsMTEzLTExMyA1MjQtNTI0YzctMTAuMyA3LTI1LjctMS42LTM2eiIvPjxwYXRoIGZpbGw9IiMzNzM3MzciIGQ9Ik0xOTcuNiAyNzcuMmwtMS42LTEuNmMtLjEtLjEtLjMtLjEtLjUgMGwtNy40IDcuNC0zLjEtMy4xYy0uMS0uMS0uMy0uMS0uNSAwbC0xLjYgMS42Yy0uMS4xLS4xLjMgMCAuNWwzLjMgMy4zIDEuNiAxLjZjLjEuMS4zLjEuNSAwbDEuNi0xLjYgNy42LTcuNmMuMy0uMS4zLS4zLjEtLjV6Ii8+PHBhdGggZD0iTTExODcuMSAxNDMuN2wtNTYuNS01Ni41Yy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTI1My41IDI1My41LTEwNi4yLTEwNi4yYy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTU2LjUgNTYuNWMtNS4xIDUuMS01LjEgMTIgMCAxNy4xbDExNC43IDExNC43IDU2LjUgNTYuNWM1LjEgNS4xIDEyIDUuMSAxNy4xIDBsNTYuNS01Ni41IDI2Mi0yNjJjNS4yLTMuNCA1LjItMTIgLjEtMTcuMXpNMTYzNC4xIDE2OS40bC0zNy43LTM3LjdjLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0xNjkuNSAxNjkuNS03MC4yLTcxLjljLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0zNy43IDM3LjdjLTMuNCAzLjQtMy40IDguNiAwIDEybDc3LjEgNzcuMSAzNy43IDM3LjdjMy40IDMuNCA4LjYgMy40IDEyIDBsMzcuNy0zNy43IDE3NC43LTE3Ni40YzEuNi0xLjcgMS42LTYuOS0uMS0xMC4zeiIvPjwvc3ZnPg==') no-repeat center center;
938 251
939 -.qc_menu_list_area.ui-droppable {
252 + -ms-transition: all .2s ease;
940 253
941 - width: 50%;
942 - background: #fff;
943 - border-radius: 16PX;
944 - padding: 12px;
945 -}
254 + -webkit-transition: all .2s ease;
946 255
947 -.qc_menu_area_box ul li span {
948 - background-image: linear-gradient(to right, #868afa 0%, #5b4e96 51%, #5b4e96 100%);
949 - box-shadow: 0 5px 15px #c3c3c3;
950 - border: 1px solid #ffffff;
951 - color: #fff;
952 - display: block;
953 - margin: 8px auto;
954 - padding: 12px 30px;
955 -}
256 + transition: all .3s ease;
956 257
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;
962 - display: block;
963 - margin: 8px auto;
964 - padding: 12px 30px;
965 -}
258 + -ms-transform: scale(0);
966 259
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 -}
260 + -webkit-transform: scale(0);
971 261
972 -.qc_menu_list_container {
973 - position: relative;
974 -}
262 + transform: scale(0);
975 263
976 -.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;
993 -}
264 + opacity: 0;
994 265
995 -
996 -.lp-submenu-wpbot_openAi .swal2-actions {
997 - display: flex;
998 - width: auto;
999 266 }
1000 267
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;
1008 -}
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;
1015 -}
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;
1021 -}
1022 -.qcld-save-settings-spinner {
1023 - position: relative;
1024 - width: 56px;
1025 - height: 56px;
1026 - margin: 0 auto;
1027 -}
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;
1035 -}
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;
1040 -}
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;
1046 -}
1047 -@keyframes qcld-save-settings-spin {
1048 - 0% { transform: rotate(0deg); }
1049 - 100% { transform: rotate(360deg); }
1050 -}
1051 -.lp-submenu-wpbot_openAi button.swal2-confirm.btn.btn-lg.swal2-styled{
1052 - width: auto !important;
1053 -}
1054 268
1055 -button.swal2-confirm.btn.btn-lg.swal2-styled {
1056 - width: auto;
1057 -}
1058 269
1059 -div#qc_menu_area {
1060 - min-height: 230px;
1061 -}
1062 -div#collapseTwoControl .row {
1063 - padding: 8px 0;
1064 - border-bottom: 1px solid #eee;
1065 - margin: 0 0;
1066 -}
270 +#wp-chatbot-admin-form input[type=checkbox]:checked + label::after {
1067 271
272 + -ms-transform: scale(1);
1068 273
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;
1089 -}
274 + -webkit-transform: scale(1);
1090 275
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;
1104 -}
276 + transform: scale(1);
1105 277
1106 -.wp-chatbot-wrap .form-group input[type=checkbox]:checked+label {
1107 - border: 2px solid #22b573;
1108 -}
278 + opacity: 1;
1109 279
1110 -.wp-chatbot-wrap .form-group input[type=checkbox]:checked+label:after {
1111 - opacity: 1;
1112 - width: 22px;
1113 280 }
1114 281
1115 -.wp-chatbot-wrap .form-group input[type=checkbox] {
1116 - display: none;
1117 -}
1118 282
1119 283
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 -}
284 +/*ICON CSS*/
1128 285
1129 -.admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
1130 - display: flex;
1131 -}
1132 286
1133 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
1134 - display: inline-block;
1135 - width: 360px;
1136 -}
1137 287
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 -}
288 +ul.radio-list {
1148 289
1149 -.col-auto.me-auto.ai-settings-title-container {
1150 - display: flex;
1151 - justify-content: space-between;
1152 - padding: 20px;
1153 -}
290 + margin: 0;
1154 291
1155 -.qcld-wp-chatbot-wrap-header-aisection {
1156 - margin: 0 0 0 0;
1157 -}
292 + padding: 0;
1158 293
1159 -.qcl-openai .row {
1160 - margin-right: 0;
1161 - margin-left: 0;
1162 294 }
1163 295
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;
1172 -}
1173 296
1174 -.admin-maxwith.qcld-openai-main-box .tab-content {
1175 - padding: 0 12px 0 12px;
1176 - width: 100%;
1177 -}
1178 297
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 -}
298 +ul.radio-list li {
1192 299
1193 -.admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card h2 {
1194 - margin: 0;
1195 - padding: 0;
1196 - font-weight: bold;
1197 -}
300 + width: 15%;
1198 301
1199 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1200 - 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 -}
302 + list-style: none;
1208 303
304 + display: inline-block;
1209 305
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;
1218 -}
306 + text-align: center;
1219 307
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;
1230 308 }
1231 309
1232 310
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;
1241 -}
1242 311
1243 -.admin-maxwith.qcld-openai-main-box .tab-content .card-body {
1244 - padding: 15px;
1245 -}
312 +ul.radio-list li img, ul.radio-list li input {
1246 313
1247 -.admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
1248 - font-size: 15px;
1249 -}
314 + display: inline-table;
1250 315
1251 -.admin-maxwith.qcld-openai-main-box .tab-content {
1252 - font-size: 15px;
1253 -}
316 + vertical-align: middle;
1254 317
1255 -.admin-maxwith.qcld-openai-main-box .tab-content .alert.alert-info {
1256 - margin: 15px 0 0 0;
1257 318 }
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;
1265 - 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 -}
1274 319
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;
1292 -}
1293 320
1294 321
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;
1317 -}
322 +ul.radio-list li input[type=radio] {
1318 323
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: "";
1322 - 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 -}
324 + background: #E3E4E4;
1334 325
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;
1338 326 }
1339 327
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;
1344 -}
1345 328
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;
1349 -}
1350 329
1351 -div#wp-chatbot-show-pages-list ul li,
1352 -div#wp-chatbot-exclude-post-list ul li {
1353 - padding: 4px 0;
1354 -}
330 +ul.radio-list li img {
1355 331
1356 -.qcld-main-wrapper div#headingTwoControl a {
1357 - font-weight: bold;
1358 -}
332 + border-radius: 50%;
1359 333
1360 -.qcl-openai input[type=checkbox]+label {
1361 - 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 - line-height: 30px;
1381 -}
334 + box-shadow: 0px 0px 15px #c7dbec;
1382 335
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;
1396 -}
336 + width: 65px;
1397 337
1398 -.qcl-openai input[type=checkbox]:checked+label {
1399 - border: 2px solid #22b573;
1400 -}
338 + display: block;
1401 339
1402 -.qcl-openai input[type=checkbox]:checked+label:after {
1403 - opacity: 1;
1404 - width: 22px;
1405 -}
340 + margin: 5px auto;
1406 341
1407 -.qcl-openai input[type=checkbox] {
1408 - display: none;
1409 342 }
1410 343
1411 344
1412 -.qcl-openai .form-check {
1413 - margin-bottom: 15px;
1414 - border: 1px solid #E5E6F2;
1415 - padding: 12px 12px;
1416 - border-radius: 8px;
1417 -}
1418 345
1419 -.qcl-openai label.form-check-label span {
1420 - font-size: 12px;
1421 -}
346 +/*container style css after adding tab*/
1422 347
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;
1434 -}
348 +.form-container {
1435 349
1436 -.qcl-openai a#save_setting {
1437 - margin: 0 0 0 0;
1438 -}
350 + background-color: #32373c;
1439 351
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;
1461 -}
352 + border: 1px solid #cccccc;
1462 353
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;
1476 -}
354 + border-radius: 5px;
1477 355
1478 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label {
1479 - border: 2px solid #22b573;
1480 356 }
1481 357
1482 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label:after {
1483 - opacity: 1;
1484 - width: 22px;
1485 -}
1486 358
1487 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox] {
1488 - display: none;
1489 -}
1490 359
360 +.qc-opt-description {
1491 361
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;
1497 -}
362 + font-weight: normal;
1498 363
1499 -.qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span {
1500 - font-size: 12px;
1501 364 }
1502 365
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;
1514 -}
1515 366
1516 -.qcl-openai div#wp-chatbot-openrouter-settings a#save_setting {
1517 - margin: 0 0 15px 0;
1518 -}
1519 367
1520 -#qcld_save_openrouter_setting {
1521 - margin: 0 0 15px 0;
1522 -}
368 +.qc-opt-title-font {
1523 369
370 + font-weight: normal;
1524 371
1525 -div#openrouter-settings .tab-content {
1526 - padding: 0 12px 0 12px;
1527 - width: 100%;
1528 -}
372 + font-size: 14px !important;
1529 373
1530 -.qcl-openai .accordion {
1531 - padding: 0 0 0 15px;
1532 374 }
1533 375
1534 -.qcl-openai .card-body-openrouter {
1535 - padding: 0 15px 0 15px;
1536 -}
1537 376
1538 377
1539 -.admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container h4 {
1540 - width: 365px;
1541 -}
378 +.qc-opt-dcs-font {
1542 379
1543 -.admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container select {
1544 - display: none;
1545 -}
380 + font-size: 14px !important;
1546 381
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;
1553 382 }
1554 383
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;
1562 -}
1563 384
1564 -.avatar-location-cards {
1565 - display: inline-flex;
1566 - gap: 0;
1567 - background: #F3F4F6;
1568 - border-radius: 10px;
1569 - padding: 4px;
1570 -}
1571 385
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 -}
386 +.input-sm {
1587 387
1588 -.avatar-location-card:hover {
1589 - color: #374151;
1590 - background: #E5E7EB;
1591 -}
388 + width: 50px !important;
1592 389
1593 -.avatar-location-card.active {
1594 - background: #ffffff;
1595 - color: #111827;
1596 - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
1597 390 }
1598 391
1599 -.avatar-location-card svg {
1600 - flex-shrink: 0;
1601 - color: inherit;
1602 -}
1603 392
1604 -.avatar-location-card.active svg {
1605 - color: #4B5563;
1606 -}
1607 393
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;
1614 -}
394 +.thumbnail.theme_prev {
1615 395
1616 -.ai-provider-cards {
1617 - display: flex;
1618 - gap: 12px;
1619 - flex-wrap: wrap;
1620 - padding: 4px 0;
1621 -}
396 + max-width: 100%;
1622 397
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;
1635 - position: relative;
1636 - transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
1637 - user-select: none;
1638 -}
398 + height: auto;
1639 399
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);
1645 -}
1646 400
1647 -.ai-provider-card.active {
1648 - border-color: #2563EB;
1649 - background: #EFF6FF;
1650 - box-shadow: 0 2px 8px rgba(37, 99, 235, 0.13);
1651 -}
1652 401
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;
1661 402 }
1662 403
1663 -.ai-provider-card.active .ai-provider-check {
1664 - opacity: 1;
1665 - transform: scale(1);
1666 -}
1667 404
1668 -.ai-provider-icon {
1669 - width: 40px;
1670 - height: 40px;
1671 - display: flex;
1672 - align-items: center;
1673 - justify-content: center;
1674 -}
1675 405
1676 -.ai-provider-icon svg {
1677 - width: 32px;
1678 - height: 32px;
1679 -}
406 +.ge-canvas {
1680 407
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 -}
408 + padding: 0 15px;
1689 409
1690 -.ai-provider-card.active .ai-provider-name {
1691 - color: #1E40AF;
1692 410 }
1693 411
1694 412
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;
1703 -}
1704 413
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;
1713 -}
414 +/** wpwbot load control style **/
1714 415
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;
1723 -}
416 +#wp-chatbot-show-pages-list ul {
1724 417
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;
1733 -}
418 + margin: 0;
1734 419
420 + padding: 14px 0 0 88px;
1735 421
1736 -.qcld-wrap.swpm-admin-menu-wrap {
1737 - display: flex;
1738 - margin: 15px 0;
1739 422 }
1740 423
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;
1748 -}
1749 424
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 425
1759 -.qcld_help_wppt_nav_container a {
1760 - margin: 2px 10px;
1761 -}
426 +#wp-chatbot-show-pages-list ul li {
1762 427
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;
1772 -}
428 + display: block;
1773 429
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;
1780 - color: #fff;
1781 - padding: 14px 20px !important;
1782 - display: flex;
1783 - align-items: center;
1784 - gap: 15px;
1785 -}
430 + list-style: none;
1786 431
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;
1797 -}
432 + padding: 5px 0;
1798 433
434 + clear: both;
1799 435
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;
1805 436 }
1806 437
1807 438
1808 -.content_qcbot_help_secion .panel-default>.panel-heading:hover a{
1809 - color: #ffffff !important;
1810 -}
1811 -.content_qcbot_help_secion .panel-default {
1812 - border-color: #dddddd00;
1813 - margin-bottom: 10px;
1814 -}
1815 439
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;
1825 -}
440 +#wp-chatbot-show-pages-list ul li:after {
1826 441
1827 -.content_qcbot_help_secion p {
1828 - font-size: 15px;
1829 -}
442 + content: "";
1830 443
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;
1839 -}
444 + display: table;
1840 445
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;
1849 -}
446 + width: 100%;
1850 447
448 + height: 1px;
1851 449
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;
1859 450 }
1860 451
1861 -.content_qcbot_help_secion .panel {
1862 - box-shadow: none;
1863 -}
1864 452
1865 -.qcbot_help_secion h3 {
1866 - font-size: 16px;
1867 - font-weight: bold;
1868 -}
1869 453
1870 -.qcbot_help_secion ul li {
1871 - list-style: inside;
1872 -}
454 +.radio-inline {
1873 455
1874 -.notice.is-dismissible.qcbot-str-top-notic {
1875 - width: 98.7%;
1876 -}
456 + font-size: 12px;
1877 457
1878 -.qcld-main-wrapper {
1879 - margin: 10px 0px 0 2px !important;
1880 -}
458 + line-height: 24px;
1881 459
1882 -.content_qcbot_help_secion .section-container {
1883 - display: flex;
1884 - gap: 30px;
1885 460 }
1886 461
1887 -.content-wrap .section-container {
1888 - display: flex;
1889 - gap: 30px;
1890 -}
1891 462
1892 -.wpbot_statistics_area h2 {
1893 - font-size: 22px;
1894 - font-weight: bold;
1895 -}
1896 463
464 +.wp-chatbot-settings-instruction {
1897 465
1898 -section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover a {
1899 - color: #fff;
1900 -}
466 + font-size: 12px;
1901 467
1902 -.qcld-main-wrapper a {
1903 - text-decoration: none !important;
1904 -}
468 + padding: 8px 0px;
1905 469
1906 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1907 - text-decoration: none;
1908 470 }
1909 471
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;
1919 -}
1920 472
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;
1926 -}
1927 473
1928 -.wp-chatbot-tabs nav ul li a {
1929 - color: #695d99;
1930 -}
474 +#wp-chatbot-admin-form .content-wrap .nav-tabs > li > a {
1931 475
1932 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a {
1933 - color: #695d99;
1934 -}
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 -
1954 -}
1955 -
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;
1971 -
1972 -}
1973 -
1974 -.qcld_label_width_full{
1975 - width: 100% !important;
1976 -}
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;
1989 - width: 100%;
1990 476 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;
2002 -}
2003 477
2004 -
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 478 }
2033 479
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;
2047 -}
2048 480
2049 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label {
2050 - border: 2px solid #22b573;
2051 -}
2052 481
2053 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label:after {
2054 - opacity: 1;
2055 - width: 22px;
2056 -}
482 +#wp-chatbot-admin-form .content-wrap .nav-tabs > li > a:active {
2057 483
2058 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox] {
2059 - display: none;
2060 -}
484 + outline: 0;
2061 485
2062 -.cxsc-settings_openai_border {
2063 - margin-bottom: 6px;
2064 486 }
2065 487
2066 -div#wp-chatbot-custom-color-options .top-section .row .cxsc-settings-blocks {
2067 - padding-top: 0;
2068 -}
2069 488
2070 -div#wp-chatbot-post-converter ul.checkbox-list {
2071 - display: flex;
2072 - flex-wrap: wrap;
2073 - gap: 6px;
2074 -}
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;
2079 -}
2080 489
490 +input[disabled]#shirtcode-selector {
2081 491
492 + width: 110px;
2082 493
2083 -div#wp-chatbot-show-pages-list ul.checkbox-list {
2084 - display: flex;
2085 - flex-wrap: wrap;
2086 - gap: 6px;
2087 -}
2088 -
2089 -div#wp-chatbot-exclude-post-list ul.checkbox-list {
2090 - display: flex;
2091 - flex-wrap: wrap;
2092 - gap: 6px;
2093 -}
2094 -
2095 -
2096 -div#wp-chatbot-show-pages-list ul.checkbox-list li{
2097 - display: inline-block;
2098 - min-width: 310px;
2099 - margin: 0;
2100 -}
2101 -
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 494 text-align: center;
2122 - display: flex;
2123 - align-items: center;
2124 - justify-content: center;
2125 - background: #5b4e968f;
2126 - color: #ffffff;
2127 - font-size: 60px;
2128 - border-radius: 8px;
2129 -}
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 495
496 + border: none;
2143 497
2144 -/* .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
2145 - font-size: 18px;
2146 - display: block !important;
2147 -} */
498 + color: inherit;
2148 499
2149 -.lp-submenu-wpbot_openAi .swal2-actions button {
2150 - width: auto !important;
2151 - padding: 10px 40px !important;
2152 - line-height: normal !important;
2153 -}
2154 -.lp-submenu-wpbot_openAi .swal2-actions {
2155 - display: flex;
2156 -}
2157 -.lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
2158 - font-size: 16px !important;
2159 - font-weight: 500 !important;
2160 -}
500 + background: none;
2161 501
2162 -.wp-chatbot-wrap hr {
2163 - margin-top: 10px;
2164 - margin-bottom: 10px;
2165 -}
502 + box-shadow: none;
2166 503
504 + margin: 0;
2167 505
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;
2191 - color: #fff !important;
2192 - font-size: 15px !important;
2193 - font-weight: 600;
2194 - line-height: normal !important;
2195 - background: #5b4e96;
2196 -}
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 506 padding: 0;
2215 -}
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;
2237 -}
2238 507
2239 -
2240 -button.swal2-confirm.btn.btn-lg.swal2-styled {
2241 - width: auto !important;
2242 508 }
2243 509
2244 -.chatbot-wpbot-lite_page_wpbot button.swal2-deny.swal2-styled {
2245 - display: none !important;
2246 -}
2247 -a#qcld_save_openrouter_setting {
2248 - background: #5B4E96;
2249 - color: #ffffff;
2250 - border: none;
2251 - padding: 12px 30px;
2252 -}
2253 510
2254 -a#save_setting {
2255 - background: #5B4E96;
2256 - color: #ffffff;
2257 - border: none;
2258 - padding: 12px 30px;
2259 -}
2260 511
2261 -@media (max-width: 1280px) {
2262 -.content-wrap {
2263 - width: 50% !important;
2264 -}
512 +.tab-content textarea {
2265 513
2266 -.wp-chatbot-admin-upgrade-pro-sidebar {
2267 -
2268 - width: 24% !important;
2269 -}
2270 -
2271 -}
2272 -
2273 -@media (max-width: 992px) {
2274 -.wp-chatbot-tabs nav {
2275 - width: 100% !important;
2276 - margin-right: 0 !important;
2277 -}
2278 -.content-wrap {
2279 - width: 100% !important;
2280 -}
2281 -.wp-chatbot-admin-upgrade-pro-sidebar {
2282 - width: 100% !important;
2283 - margin: 0 0 0 0 !important;
2284 -}
2285 -.wp-chatbot-tabs {
2286 - display: flex;
2287 - flex-wrap: wrap;
2288 - gap: 20px;
2289 -}
2290 -.admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
2291 - display: flex;
2292 - flex-wrap: wrap;
2293 -}
2294 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
2295 514 width: 100%;
2296 -}
2297 -.qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2298 - padding: 12px 5px !important;
2299 -}
2300 -label.form-check-label span {
2301 - display: none;
2302 -}
2303 -.qc-review-text img {
2304 - width: 100%;
2305 -}
2306 515
2307 -.content_qcbot_help_secion {
2308 - width: 100% !important;
2309 -}
2310 -.qcld_help_wppt_nav_container {
2311 - width: 100% !important;
2312 -}
2313 -.qcld-wrap.swpm-admin-menu-wrap {
2314 - display: flex
2315 -;
2316 - margin: 15px 0;
2317 - flex-direction: column;
2318 - flex-wrap: wrap;
2319 -}
2320 -}
516 + font-size: 14px;
2321 517
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;
2335 518 }
2336 -ul.qcld-wp-chatbot-wrap-version-wrapper {
2337 - display: block;
2338 - margin: 15px 0 15px 0;
519 +.content-wrap section h4 {
520 + margin-top: 0;
521 + padding-top: 0;
522 + font-size: 16px;
523 + font-weight: bold !important;
2339 524 }
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;
2357 -}
2358 -.qcld-wp-chatbot-wrap-header-doc-details {
2359 - width: 100%;
2360 -}
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 {
525 +.wp-chatbot-support-cross{
2365 526 display: inline-block;
2366 - width: 100%;
2367 -}
2368 -}
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;
2381 -}
2382 -
2383 -.wrap.qcld-main-wrapper a:focus {
2384 - outline: none !important;
2385 - outline-offset: 0 !important;
2386 - box-shadow: none !important;
2387 -}
2388 -
2389 -p.qc-opt-dcs-font-faq {
2390 - font-weight: bold;
2391 -}
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;
2402 -}
2403 -.qcld-general-settings-connection-notic p{
2404 - margin: 6px 0 6px 0;
2405 - padding: 0;
2406 - font-size: 15px;
2407 - font-weight: 500;
2408 -}
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;
2420 -}
2421 -.qcld-general-settings-close:hover {
2422 - color: orange;
2423 -}
2424 -#qcld-show-more-wrapper-box {
2425 - margin-top: 0;
2426 - position:relative;
2427 -}
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;
2434 -}
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;
2448 -}
2449 -
2450 -#qcld-show-more-wrapper-box .qcld-show-more-show-more-height {
2451 - height: 338px;
2452 - overflow:hidden;
2453 -}
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 527 height: 30px;
2461 - line-height: 30px;
2462 - border-radius: 50%;
2463 - margin: -15px auto 0 auto;
2464 - font-size: 18px !important;
2465 - color: #fff;
2466 -}
2467 -
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;
2489 -}
2490 -
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;
2505 -}
2506 -
2507 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label {
2508 - border: 2px solid #22b573;
2509 -}
2510 -
2511 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label:after {
2512 - opacity: 1;
2513 - width: 22px;
2514 -}
2515 -
2516 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox] {
2517 - display: none;
2518 -}
2519 -
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;
2526 -}
2527 -
2528 -.qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span {
2529 - font-size: 12px;
2530 -}
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;
2543 -}
2544 -
2545 -.qcl-openai div#wp-chatbot-gemini-settings a#save_setting {
2546 - margin: 0 0 15px 0;
2547 -}
2548 -
2549 -
2550 -
2551 -span.qcls_openAI_customized {
2552 - background: yellow;
2553 -}
2554 -.admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
2555 - font-size: 16px;
2556 - line-height: 28px;
2557 -}
2558 -textarea#qcld_openai_system_content {
2559 - height: 120px;
2560 - line-height: 28px;
2561 -}
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;
2570 -}
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;
528 + width:30px;
529 + margin-right: 5px;
530 + padding:5px;
531 + background-color: #e0e5ea;
532 + border-radius: 10%;
2584 533 text-align: center;
2585 534 }
2586 -.qcld-openai-system-preset input {
2587 - display: none;
535 +.wp-chatbot-support-cross:hover{
536 + cursor: all-scroll;
2588 537 }
2589 -.qcld-openai-system-preset.is-selected {
2590 - background: #f0f6fc;
2591 - border-color: #2271b1;
538 +.wp-chatbot-support-cross i{
539 + font-size: 20px;
2592 540 }
2593 -.qcld-openai-system-preset-content {
2594 - display: grid;
2595 - gap: 4px;
2596 - line-height: 22px;
2597 -}
2598 -.qcld-openai-system-preset-title {
2599 - color: #1d2327;
2600 - font-weight: 600;
2601 -}
2602 -.qcld-openai-system-preset-value {
2603 - display: none;
2604 -}
2605 -@media (max-width: 782px) {
2606 - .qcld-openai-system-preset {
2607 - flex-basis: 180px;
2608 - }
2609 -}
2610 -.qcld-main-wrapper .alert.alert-warning {
2611 - background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96% 96%);
541 +.wpbot_free_messenger_adds{ white-space: unset !important;
542 + line-height: normal !important;
543 + margin-top: 12px;
544 + /* margin-left: -12px !important; */
545 + color: #dca219 !important;
546 + background: #fff;
547 + margin-right: 12px;
548 + font-size: 13px !important;
2612 549 border-radius: 6px;
2613 - color: #721c24;
2614 - background: #f8d7da;
2615 - border-color: #f5c6cb;
2616 - font-weight: bold;
2617 -}
2618 -.qcld-wpbot-pricing-filter-form-check {
2619 - display: flex;
2620 - gap: 10px;
2621 -}
550 + cursor: pointer;}
551 +.wpbot_free_messenger_adds:hover{
552 + background: #ddd;
553 + color: #987c0d !important;
2622 554
2623 -.qcld-dialogflow-enable-notice {
2624 - padding: 15px 0 15px 0;
2625 - color: red;
2626 - font-weight: bold;
2627 555 }
2628 556
2629 -a#qcld_save_gemini_setting {
2630 - background: #5B4E96;
2631 - color: #ffffff;
2632 - border: none;
2633 - padding: 12px 30px;
557 + 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 {
558 + color: #000000;
559 + background-image: linear-gradient(to right, #868afa 0%, #8fd3f4 51%, #2faafa 100%);
560 + background-size: 200% auto;
561 + box-shadow: 0 5px 15px #c3c3c3;
562 + border: 1px solid #ffffff;
2634 563 }
2635 -.card-body-gemini {
2636 - padding: 0 15px;
2637 -}
2638 564
2639 -div#panelsStayOpen-collapseseven pre {
2640 - width: 100%;
565 + .qc_menu_area{
2641 566 display: block;
2642 - max-width: 1120px;
2643 -}
2644 -
2645 -.card-body-gemini p {
2646 - font-size: 16px;
567 + width: 500px;
568 + float:left;
569 + }
570 + .qc_menu_area_container{
571 + min-height: 400px;
572 + height: auto;
573 + padding: 10px;
574 + background: #eee;
575 + border: 1px solid #d4d4d4;
576 + }
577 + .qc_menu_list_area{
578 + display: block;
579 + width: 300px;
580 + float:right;
581 + }
582 + .qc_menu_list_container{
583 + min-height: 400px;
584 + height: auto;
585 + padding: 10px;
586 + background: #eee;
587 + border: 1px solid #d4d4d4;
588 + }
589 + .qc_menu_list_container p{
590 + background: #ddd;
591 + padding: 5px;
592 + text-align: center;
2647 593 font-weight: bold;
2648 -}
594 + }
595 + .qc_menu_list_container span{width:100%}
596 + #qc_menu_area span{width:380px !important;display:block !important;margin-left: 0;}
597 + .qc_menu_list_container span{width: 278px;}
598 + .qcld_wpbot_download_statuses{margin-top:10px}
599 +
600 +/* wpbot addons section */
601 +
602 + .wpbot_addons_section{margin-right: unset !important;
603 + margin-left: unset !important;
604 + margin-bottom: 10px;
605 + background: #32373c;
606 + padding-bottom: 20px;
607 + border-radius: 0px 0px 5px 5px;}
608 +.wpbot_single_addon{width: 30%;
609 + margin-right: 1%;
610 + display: inline-block;
611 + margin-bottom: 14px;padding: 5px;border: 1px solid #eee;}
612 + .wpbot_single_addon:hover{ border: 1px solid #d2d2d2;
613 + border-radius: 10px;}
614 +.wpbot_single_content{}
615 +.wpbot_addon_image{ float: left;
616 + margin-right: 10px;}
617 +.wpbot_addon_image img{width: 60px;}
618 +.wpbot_addon_content{display: inline-block;}
619 +.wpbot_addon_title{font-size: 15px;
620 + font-weight: bold;}
621 +.wpbot_addon_details{}
622 +.wpbot_addon_details p{margin-bottom: 0;}
623 +.wp_addon_installed{font-size: 11px;
624 + margin: 4px 0px;
625 + background: #0b8a0bad;
626 + color: #fff;
2649 627
2650 -.card-body-openrouter p{
2651 - font-size: 16px;
2652 - font-weight: bold;
2653 -}
2654 -div#wp-chatbot-openai-assistants p {
2655 - font-size: 16px;
2656 -}
2657 -button.btn{
2658 - outline: none !important;
2659 -}
2660 -button.btn:focus{
2661 - outline: none !important;
2662 -}
2663 -input:focus {
2664 - border-color: #e1dbff;
2665 - box-shadow: none !important;
2666 - outline: none !important;
2667 -}
628 + text-align: center;
629 + border-radius: 3px;
630 + padding: 2px 6px;}
631 +.wp_addon_notinstalled{ font-size: 11px;
632 + margin: 2px 0px;
633 + background: #dc1671ab;
634 + color: #fff;
635 + text-align: center;
636 + border-radius: 3px;
637 + padding: 2px 6px;}
2668 638
2669 -.wp-chatbot-wrap .qc-opt-language-title{
2670 - font-weight: bold !important;
2671 - color: #5b4e96 !important;
2672 - font-size: 16px;
2673 -}
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;
639 + .wpbot_dashboard_header{margin-right: unset !important;
640 + margin-left: unset !important;
641 + background: #32373c;
642 + color: #fff;
643 + text-align: center;border-radius: 5px 5px 0px 0px;}
644 + .wpbot_dashboard_header h1{ font-size: 30px;
645 + line-height: 100px;
646 + margin: 0px;}
647 + .wpbot_single_addon_wrapper{background: #eee;padding: 20px;}
648 + .wpbot_statistics_area{background: #fff;}
649 + .wpbot_statistics_area h2{ margin: 0px;
2682 650 background: #fff;
2683 - color: #5B4E96;
2684 - text-decoration: none;
2685 - margin: 0;
2686 - border: 2px solid #5B4E96;
2687 -
2688 -}
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 -
2695 -}
2696 -
2697 -
2698 -@media (min-width: 993px) and (max-width: 1350px) {
2699 -.wp-chatbot-admin-upgrade-pro-sidebar {
2700 - width: 25%;
2701 -}
2702 -}
2703 -
2704 -.wp-chatbot-tabs nav ul li a span.dashicons {
2705 651 font-size: 20px;
2706 - width: auto;
2707 - height: auto;
2708 -}
2709 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a span.dashicons {
2710 - font-size: 20px;
2711 -}
2712 -
2713 -
2714 -.dashicons, .dashicons-before:before {
2715 - font-family: dashicons;
652 + padding: 10px 20px; border-bottom: 1px solid #eee;
653 + margin-bottom: 10px;}
654 + .wpbot_report{padding-left: 20px;
655 + padding-bottom: 10px;}
656 + .wpbot_report p{}
657 + .wpbot_report_key{width: 180px;
2716 658 display: inline-block;
2717 - line-height: 1;
2718 - font-weight: 400;
2719 - font-weight: normal;
2720 -}
659 + font-weight: bold;}
660 + .wpbot_report_value{ display: inline-block;
661 + margin-left: 15px;
662 + font-weight: bold;}
663 + .wpbot_report_value a{}
2721 664
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;
665 +.vc_col-sm-6 {
666 + width: 48%;
667 + float: left;
668 + margin-right: 1%;
2728 669 }
2729 670
2730 -#qcld_check_connection i{
2731 - animation: rotation infinite 3s linear;
671 +.vc_column_container {
672 + padding-left: 0;
673 + padding-right: 0;
2732 674 }
2733 675
2734 -.wp-chatbot-wrap div#wp-chatbot-custom-color-options .form-group {
2735 - min-height: 90px;
676 +.vc_column_container>.vc_column-inner {
677 + box-sizing: border-box;
678 + padding-left: 15px;
679 + padding-right: 15px;
680 + width: 100%;
2736 681 }
2737 -
2738 -div#promotion-wpchatbot .qc-review-text a {
2739 - display: block;
2740 -}
2741 -.qcld-wp-chatbot-wrap-header-logo {
2742 - display: flex;
2743 - align-items: center;
2744 - gap: 10px;
2745 -}
2746 -@keyframes rotation{
2747 - from{
2748 - transform:rotate(360deg);
2749 - }
2750 -
2751 - to{
2752 - transform:rotate(0deg);
2753 - }
2754 -}
2755 -
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;
682 +.to-icon-box {
2763 683 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;
2772 684 }
2773 -div#wpfooter {
2774 - display: none;
685 +.txt-left {
686 + text-align: left;
2775 687 }
2776 688
2777 -.qcld-btn-primary {
2778 -
2779 - border: none;
689 +.to-icon.fa-4x {
690 + font-size: 52px;
691 + width: 52px;
692 + height: 52px;
693 + line-height: 52px;
2780 694 }
2781 695
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;
696 +.to-icon-box i {
697 + position: absolute;
2788 698 }
2789 699
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;
700 +.to-icon-box.left .to-icon-txt.fa-4x-txt {
701 + margin-left: 75px;
2796 702 }
2797 703
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;
704 +.to-icon-box.left .to-icon-txt {
705 + margin-left: 30px;
706 + margin-right: 6%;
2811 707 }
2812 708
2813 -div#rag-settings h2.nav-tab-wrapper {
2814 - margin: 0;
2815 - padding: 0;
2816 - border: none;
2817 -}
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;
2824 -}
2825 -
2826 -
2827 -
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;
709 +.to-icon-txt {
2835 710 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;
2844 711 }
2845 712
2846 -div#rag-sync .wrap {
2847 - border: 1px solid #eee;
2848 - padding: 8px 12px;
2849 - border-radius: 6px;
2850 -}
2851 -
2852 -
2853 -
2854 -div#qcld-rag-settings-tab .wrap:first-child {
2855 - border: 1px solid #eee;
2856 - padding: 8px 12px;
2857 - border-radius: 6px;
2858 -}
2859 -
2860 -
2861 -.qcl-openai div#rag-database input[type=checkbox] {
2862 - display: block;
2863 -}
2864 -
2865 -.tablenav-pages {
2866 - text-align: right;
2867 - padding: 8px 0;
2868 -}
2869 -button#botmaster_submit_sitemap_btn {
2870 - background: #5B4E96;
2871 - border-color: #5B4E96;
2872 -}
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 -
2881 -.qcl-openai div#rag-settings h2.nav-tab-wrapper a:focus {
2882 - border: 1px solid #5b4e96 !important;
2883 -}
2884 -button#rag-delete-all {
2885 - background: #5b4e96;
713 +.qc_wpbot_pro{
714 + background: red;
715 + padding: 4px;
2886 716 color: #fff;
2887 - border-color: #5b4e96;
717 + font-size: 13px;
718 + border-radius: 7px;
2888 719 }
2889 -
2890 -div#rag-database table.widefat {
2891 - border: 1px solid #ffffff;
2892 - box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
720 +.to-accordion-title {
721 + position: relative;
722 + line-height: 30px;
723 + padding: 5px 0;
724 + margin: 0 !important;
725 + cursor: pointer;
2893 726 }
2894 -div#rag-database .widefat thead td, div#rag-database .widefat thead th {
2895 - border-bottom: 1px solid #ffffff;
2896 -}
2897 727
2898 -div#rag-database table.widefat thead {
2899 - background: #5b4e96;
2900 - color: #fff;
2901 -}
2902 -div#rag-database table.widefat thead th {
2903 - color: #fff;
2904 -}
2905 -.qcl-openai div#rag-database input[type=checkbox] {
2906 - display: block;
2907 - width: 18px;
2908 - height: 18px;
2909 -}
2910 -div#wp-chatbot-openai-rag input[type=checkbox]+label {
2911 - margin-bottom: 0;
2912 -}
2913 -.qcl-openai input[type=checkbox]+label {
2914 - margin-bottom: 0;
2915 -}
2916 -div#qcld-rag-settings-tab .wrap .mb-3 {
2917 - padding: 5px 0;
2918 -}
2919 -div#rag-database input#search-submit {
2920 - background: #5b4e96;
2921 - color: #fff;
2922 - border-color: #5b4e96;
2923 -}
2924 -.rag_embed_cpts_wrapper {
2925 - display: flex;
2926 - flex-direction: column;
2927 - gap: 6px;
2928 -}
2929 -div#wp-chatbot-gemini-settings .input-group {
2930 - display: flex;
2931 - gap: 10px;
2932 -}
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;
728 +.to-accordion-open {
2996 729 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;
730 + float: right;
731 + margin: 0 10px;
732 + text-align: center;
733 + width: 30px;
734 + height: 30px;
735 + opacity: 0.85;
736 + font-weight: 100;
737 + border-radius: 100%;
738 + -o-border-radius: 100%;
739 + -moz-border-radius: 100%;
740 + -webkit-border-radius: 100%;
3004 741 }
3005 -button#botmaster_submit_googlesheet_btn, button#botmaster_submit_googledoc_btn {
3006 - background: #5B4E96;
3007 - border-color: #5B4E96;
742 +
743 +.qc_accordion_content_third, .qc_accordion_content_second, .qc_accordion_content_first{display:none;transition: all 0.5s ease-in-out;}
744 +.wpb_wrapper h3 {
745 + font-size: 20px;
3008 746 }
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 -
3182 -
747 +.qcbot_help_secion{
748 + margin-bottom: 20px;
749 + border: unset;
750 + padding: 25px !important;
751 +-webkit-box-shadow: 3px 4px 10px 0px rgba(0,0,0,0.75);
752 +-moz-box-shadow: 3px 4px 10px 0px rgba(0,0,0,0.75);
753 +box-shadow: 3px 4px 10px 0px rgba(0,0,0,0.75);
754 +}