PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, AI Services / 8.7.4
WPBot – AI ChatBot for Live Support, Lead Generation, AI Services v8.7.4
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 8.5.2 8.5.0 8.4.9 All 531 releases
chatbot / css / admin-style.css

admin-style.css in WPBot – AI ChatBot for Live Support, Lead Generation, AI Services 8.7.4, at css/admin-style.css

3,183 lines 67.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
2
3 .qcld-main-wrapper {
4 background-color: #F5F7FD;
5 font-family: "DM Sans", sans-serif !important;
6 font-optical-sizing: auto;
7 font-size: 16px;
8 font-weight: normal;
9 }
10
11 .wp-chatbot-wrap .fa{
12 font: normal normal normal 14px / 1 FontAwesome !important;
13 }
14
15 /* .chatbot-wpbot-lite_page_wpbot, .chatbot-wpbot-lite_page_wpbot_help_page, .chatbot-wpbot-lite_page_wpbot_openAi, .toplevel_page_wpbot-panel{
16 background-color: #F5F7FD;
17 } */
18
19 .qcld-main-wrapper .h1,
20 .qcld-main-wrapper .h2,
21 .qcld-main-wrapper .h3,
22 .qcld-main-wrapper .h4,
23 .qcld-main-wrapper .h5,
24 .qcld-main-wrapper .h6,
25 .qcld-main-wrapper h1,
26 .qcld-main-wrapper h2,
27 .qcld-main-wrapper h3,
28 .qcld-main-wrapper h4,
29 .qcld-main-wrapper h5,
30 .qcld-main-wrapper h6 {
31 color: #5b4e96 !important;
32 }
33
34 .qcld-wp-chatbot-wrap-header {
35 display: flex;
36 column-gap: 15px;
37 row-gap: 10px;
38 background: #fff;
39 padding: 15px 15px;
40 margin: 20px 20px 20px 0;
41 border-radius: 16px;
42 align-items: center;
43 justify-content: space-between;
44
45 }
46
47 .qcld-wp-chatbot-wrap-header img {
48 max-width: 50px;
49 }
50
51 .qcld-wp-chatbot-wrap-header ul,
52 .qcld-wp-chatbot-wrap-header p,
53 .qcld-wp-chatbot-wrap-header li {
54 margin: 0;
55 }
56
57 .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
58 padding: 12px 25px;
59 background: #ffffff;
60 color: #5B4E96;
61 border: 2px solid #5B4E96;
62 border-radius: 6px;
63 font-weight: bold;
64 }
65
66 .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade:hover {
67 padding: 12px 25px;
68 background: #5B4E96;
69 color: #fff;
70 border: 2px solid #5B4E96;
71 border-radius: 6px;
72 font-weight: bold;
73 text-decoration: none;
74 }
75
76 a.qcld-wp-chatbot-wrap-site__logo {
77 font-size: 22px;
78 color: #000;
79 font-weight: bold;
80 }
81
82 .wp-chatbot-wrap {
83 margin: 20px 20px 20px 0;
84 border-radius: 16px;
85 }
86
87 .wp-chatbot-tabs.wp-chatbot-tabs-style-flip {
88 border-radius: 16px;
89 }
90
91 .wp-chatbot-tabs nav {
92 width: 18%;
93 display: block;
94 float: left;
95 min-width: 240px;
96 margin-right: 24px;
97 position: sticky;
98 top: 0;
99 overflow: unset;
100 padding: 10px;
101 background: #ffffff;
102 border-radius: 16px;
103 }
104
105
106 .wp-chatbot-tabs nav ul li.tab-current a {
107 background: #5B4E96;
108 color: #ffffff;
109 text-decoration: none;
110 }
111
112 .wp-chatbot-tabs nav ul li a:hover {
113 background: #5B4E96;
114 color: #ffffff;
115 text-decoration: none;
116 }
117
118 .wp-chatbot-tabs nav ul li a {
119 padding: 14px 15px;
120 width: 100%;
121 font-size: 16px;
122 font-weight: 500;
123 color: #988FBD;
124 border-radius: 8px;
125 position: relative;
126 display: flex;
127 align-items: center;
128 gap: 15px;
129 }
130
131 .wp-chatbot-tabs nav ul li a span {
132 font-size: 15px;
133 font-weight: 500;
134 }
135
136 .wp-chatbot-tabs-style-flip nav a span.wpwbot-admin-tab-icon {
137 text-transform: capitalize;
138 letter-spacing: 1px;
139 font-weight: 700;
140 font-size: 18px;
141 }
142
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 }
157
158 .wp-chatbot-tabs nav .cxsc-settings_openai_border a span {
159 font-size: 15px;
160 font-weight: 500;
161 }
162
163 .wp-chatbot-tabs nav .cxsc-settings_openai_border a span.wpwbot-admin-tab-icon {
164 text-transform: capitalize;
165 letter-spacing: 1px;
166 font-weight: 700;
167 font-size: 18px;
168 }
169
170 .wp-chatbot-tabs nav .cxsc-settings_openai_border a:hover {
171 background: #5B4E96;
172 color: #ffffff;
173 text-decoration: none;
174 }
175
176 .wp-chatbot-admin-upgrade-pro-sidebar {
177
178 float: left;
179 width: 18%;
180 border-radius: 16px;
181 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
182 padding: 8px;
183 margin: 0 0 0 25px;
184 }
185
186 .wp-chatbot-admin-upgrade-pro-sidebar img {
187 width: 100%;
188 }
189
190
191 .wp-chatbot-admingradient-color {
192 border-radius: 12px;
193 background: white;
194 padding: 15px;
195 }
196
197 .wp-chatbot-tabs-style-flip .content-wrap {
198 border-radius: 16px;
199 }
200
201 ul.feature-list li img {
202 max-width: 18px;
203 }
204
205 a.wp-chatbot-admin-pro-upgrade-button {
206 background: #5B4E96;
207 color: #ffffff;
208 text-decoration: none;
209 padding: 4px 20px;
210 border-radius: 6px;
211 }
212
213 a.wp-chatbot-admin-pro-upgrade-button img {
214 max-width: 20px;
215 }
216
217 h3.wp-chatbot-admincart-title {
218 font-weight: bold;
219 font-size: 20px;
220 }
221
222 .qcld-main-wrapper ul.feature-list li {
223 font-size: 14px;
224 }
225
226 .wp-chatbot-wrap p {
227 font-size: 15px;
228 }
229
230 .qcld-main-wrapper ul.feature-list {
231 margin: 0 0 30px 0;
232 }
233
234 .qcld-swpm-admin-menu-wrap {
235 margin: 0 !important;
236 }
237
238 footer.wp-chatbot-admin-footer {
239 padding: 0 20px 20px 20px;
240 }
241
242 .chatbot-wpbot-lite_page_wpbot footer.wp-chatbot-admin-footer input#submit {
243 padding: 14px 20px;
244 width: auto;
245 font-size: 16px;
246 font-weight: 500;
247 color: #988FBD;
248 border-radius: 8px;
249 position: relative;
250 display: flex;
251 align-items: center;
252 gap: 15px;
253 background: #5B4E96;
254 color: #ffffff;
255 text-decoration: none;
256 margin: 0 0 10px 15px;
257 }
258
259
260 h3.qcld-wpbot-main-tabs-title {
261 border-bottom: 1px solid #eee;
262 padding: 0 0 8px 0;
263 margin: 20px 0 12px 0;
264 font-weight: bold;
265 font-size: 22px !important;
266 }
267
268 .qcld-main-wrapper .nav-tab-wrapper,
269 .qcld-main-wrapper .wrap h2.nav-tab-wrapper,
270 .qcld-main-wrapper h1.nav-tab-wrapper {
271 border-bottom: none;
272 }
273
274 .qcld-main-wrapper .nav-tab {
275 float: left;
276 border: 1px solid #c3c4c7;
277 border-bottom: 1px;
278 margin-left: .5em;
279 padding: 5px 10px;
280 font-size: 14px;
281 line-height: 1.71428571;
282 font-weight: 600;
283 background: #ffffff;
284 color: #5b4e96;
285 text-decoration: none;
286 white-space: nowrap;
287 border: 1px solid #5b4e96;
288 padding: 10px 20px !important;
289 border-radius: 8px;
290 line-height: normal !important;
291 text-decoration: none;
292 }
293
294 .qcld-main-wrapper .nav-tab-active,
295 .qcld-main-wrapper .nav-tab-active:focus,
296 .qcld-main-wrapper .nav-tab-active:focus:active,
297 .qcld-main-wrapper .nav-tab-active:hover {
298 border-bottom: 1px solid #5b4e96;
299 background: #5b4e96;
300 color: #fff;
301 text-decoration: none;
302 }
303
304 .qcld-main-wrapper .btn-primary {
305 border-color: #5b4e96 !important;
306 }
307
308 .qcld-main-wrapper ul.feature-list li img {
309 max-width: 16px;
310 margin: 0 3px 0 0;
311 }
312
313 .qcld-main-wrapper .nav-tab:hover {
314 text-decoration: none;
315 }
316
317 .content-wrap .qcbot_help_secion h4 {
318 padding: 0 0;
319 font-weight: bold;
320 font-size: 16px;
321 }
322
323
324 section.wp-chatbot-tab-container-inner .panel-default>.panel-heading {
325 background: #fff !important;
326 color: #5B4E96 !important;
327 text-decoration: none !important;
328 border-radius: 8px;
329 border: 2px solid #5B4E96;
330 }
331
332 section.wp-chatbot-tab-container-inner .panel-default>.panel-heading+.panel-collapse>.panel-body {
333 border-top-color: #ddd;
334 background: linear-gradient(178deg, #ffffff 70%, #e9e4ff 96%);
335 border: 1px solid #E5E6F2;
336 border-radius: 16px;
337 margin: 15px 0 0 0;
338 }
339
340 section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover {
341 background: #5B4E96 !important;
342 color: #ffffff !important;
343 text-decoration: none !important;
344 border-radius: 8px;
345 }
346
347
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 }
357
358 section.wp-chatbot-tab-container-inner .panel-heading {
359 border-bottom: 0 solid transparent;
360 border-top-left-radius: 0;
361 border-top-right-radius: 0;
362 padding: 0;
363 }
364
365 section.wp-chatbot-tab-container-inner h4.panel-title {
366 padding: 0 !important;
367 }
368
369 section.wp-chatbot-tab-container-inner h4.panel-title a {
370 display: block;
371 padding: 15px 12px;
372 font-size: 16px;
373 }
374
375 .qcld-main-wrapper .nav-tab-small .nav-tab,
376 .qcld-main-wrapper h3 .nav-tab {
377 font-size: 15px !important;
378 }
379
380 .qcld-main-wrapper .cxsc-settings-blocks-notic {
381 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
382 border-radius: 16px;
383 border: 1px solid #E5E6F2;
384 padding: 20px 12px;
385 margin: 0 0 20px 0;
386 }
387
388 .qcld-main-wrapper .cxsc-settings-blocks-notic p.d-ib {
389 padding: 0;
390 margin: 8px 0;
391 font-size: 15px;
392 }
393
394 .wp-chatbot-wrap .form-group {
395 margin-bottom: 15px;
396 border: 1px solid #E5E6F2;
397 padding: 12px 12px;
398 border-radius: 8px;
399 }
400
401 .wp-chatbot-wrap .form-group h4.qc-opt-title {
402 font-weight: bold;
403 }
404
405
406 .wp-chatbot-wrap input:focus {
407 border-color: #e1dbff;
408 box-shadow: 0 0 0 4px #e1dbff, 0 1px 2px 0 #1018280d;
409 }
410
411 .wp-chatbot-wrap input[type=text] {
412 border: 1px solid #E5E6F2;
413 }
414
415
416 .wp-chatbot-wrap .nav-tabs {
417 border-bottom: none;
418 }
419
420 .wp-chatbot-wrap .nav-tabs>li {
421 float: left;
422 margin-bottom: 0;
423 }
424
425 .wp-chatbot-wrap .nav-tabs>li>a {
426 margin-right: .5em;
427 line-height: 1.42857143;
428 border: 1px solid #5b4e96;
429 border-radius: 6px;
430 border: 1px solid #5b4e96;
431 padding: 10px 20px !important;
432 border-radius: 8px;
433 color: #5b4e96;
434 font-size: 15px;
435 font-weight: 600;
436 line-height: normal !important;
437 }
438
439 .wp-chatbot-wrap .nav-tabs>li.active>a,
440 .wp-chatbot-wrap .nav-tabs>li.active>a:focus,
441 .wp-chatbot-wrap .nav-tabs>li.active>a:hover {
442 color: #ffffff;
443 cursor: default;
444 background-color: #5b4e96;
445 border: 1px solid #5b4e96;
446 border-bottom-color: transparent;
447 }
448
449 .wp-chatbot-wrap .nav-tabs {
450 border-bottom: none;
451 margin: 0 0 15px 0;
452 }
453
454 .wp-chatbot-wrap .nav>li>a:focus,
455 .wp-chatbot-wrap .nav>li>a:hover {
456 text-decoration: none;
457 background-color: #5b4e96;
458 border-color: #5b4e96 #eee #ddd;
459 color: #fff;
460 }
461
462
463 .cxsc-settings-blocks.cxsc-settings-faq-blocks {
464 background: #f5f7fd !important;
465 padding: 12px !important;
466 border-radius: 6px;
467 }
468
469 .qcld-faq-block .cxsc-settings-blocks {
470 background: #f5f7fd !important;
471 padding: 12px !important;
472 border-radius: 6px !important;
473 margin: 0 0 15px 0 !important;
474 }
475
476 #wp-chatbot-icon-theme-settings img {
477 width: 100%;
478 }
479
480
481 .qcld-main-wrapper ul.radio-list {
482 display: flex;
483 flex-wrap: wrap;
484 }
485
486 .qcld-main-wrapper ul.radio-list li {
487 width: 156px;
488 margin: 4px 4px;
489 border-radius: 16px;
490 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
491 padding: 12px;
492 text-align: center;
493 position: relative;
494 }
495
496 .qcld-main-wrapper ul.radio-list li img {
497 max-width: 80px;
498 display: block;
499 }
500
501 div#wp-chatbot-icon-theme-settings input[type=radio]:checked::before {
502 content: "\f12a";
503 font-family: dashicons;
504
505 border-radius: 0;
506 width: 100%;
507 height: 100%;
508 margin: 0;
509 background-color: #5b4e96bd !important;
510 line-height: 1.14285714;
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;
524
525 }
526
527 div#wp-chatbot-icon-theme-settings input[type=radio] {
528 background: transparent;
529 border: none;
530 box-shadow: none;
531 }
532
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
545 .wpbot_dashboard_header h1 {
546 margin: 0;
547 padding: 0;
548 font-size: 22px;
549 font-weight: bold;
550 }
551
552 .wpbot_dashboard_header p {
553 margin: 0;
554 padding: 0;
555 }
556
557 .wpbot_single_addon_wrapper {
558 display: flex;
559 flex-wrap: wrap;
560 }
561
562 .wpbot_single_addon_wrapper .wpbot_single_addon {
563 border-radius: 16px;
564 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
565 padding: 8px;
566 text-align: center;
567 width: 266px;
568 margin: 8px 8px;
569 }
570
571 .wpbot_single_addon_wrapper .wpbot_single_addon img {
572 max-width: 120px;
573 }
574
575 .wpbot_single_addon_wrapper .wpbot_single_addon .wpbot_single_content {
576 background: #fff;
577 border-radius: 12px;
578 background: white;
579 padding: 15px;
580 min-height: 288px;
581 background: linear-gradient(174deg, #ffffff 70%, #e9e4ff 96%);
582 }
583
584 .wpbot_addon_title {
585 font-weight: bold;
586 font-size: 17px;
587 padding: 8px 0;
588 }
589
590 .qcld-main-wrapper span.wp_addon_notinstalled {
591 background: #fee3e2;
592 color: #202020;
593 padding: 3px 10px;
594 border-radius: 6px;
595 border: none;
596 margin: 0 0 10px 0;
597 display: inline-block;
598 font-weight: bold;
599 font-size: 13px;
600 }
601
602 .qcld-main-wrapper span.wp_addon_installed {
603 background: green;
604 color: #fff;
605 padding: 3px 10px;
606 border-radius: 6px;
607 border: none;
608 margin: 0 0 10px 0;
609 display: inline-block;
610 font-weight: bold;
611 font-size: 13px;
612 }
613
614 .wpbot_addon_image img {
615 height: 98px;
616 object-fit: cover;
617 }
618
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
626 .wp-chatbot-wrap .wpbot_single_addon p {
627 font-size: 14px;
628 height: 48px;
629 }
630
631 .wpbot_statistics_area {
632 border-radius: 16px;
633 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
634 padding: 8px;
635 text-align: center;
636 }
637
638
639 .qcld-main-wrapper ul.radio-list li label {
640 width: 100%;
641 margin: 0 auto;
642 display: flex;
643 flex-direction: column;
644 align-items: center;
645 }
646
647
648 section.wp-chatbot-tab-container-inner h4.panel-title a {
649 position: relative;
650 }
651
652 section.wp-chatbot-tab-container-inner h4.panel-title a.collapsed:after {
653 content: "\f10f";
654 font-family: dashicons;
655 position: absolute;
656 right: 18px;
657 top: 12px;
658 font-size: 25px;
659 font-weight: normal;
660 }
661
662 section.wp-chatbot-tab-container-inner h4.panel-title a:after {
663 content: "\f14f";
664 font-family: dashicons;
665 position: absolute;
666 right: 18px;
667 top: 12px;
668 font-size: 25px;
669 font-weight: normal;
670 }
671
672 .wpbot_single_addon_wrapper .wpbot_single_addon .wpbot_single_content:hover {
673 background: linear-gradient(1deg, #ffffff 70%, #e9e4ff 96%);
674 }
675
676 a.wp-chatbot-admin-pro-upgrade-button {
677 font-size: 15px;
678 }
679
680 a.wp-chatbot-admin-pro-upgrade-button:hover {
681 color: #fff;
682 background-color: #f0ad4e;
683 }
684
685
686 .qcld-wp-chatbot-wrap-header-doc {
687 display: flex;
688 column-gap: 15px;
689 row-gap: 10px;
690 background: #fff;
691 padding: 15px 15px;
692 margin: 20px 20px 20px 0;
693 border-radius: 16px;
694 align-items: center;
695 justify-content: flex-start;
696 display: flex;
697 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
698 border-radius: 16px;
699 gap: 30px;
700 }
701
702 .qcld-wp-chatbot-wrap-header-doc img {
703 max-width: 480px;
704 height: 250px;
705 object-fit: cover;
706 border-radius: 8px;
707 }
708
709
710 .qcld-wp-chatbot-wrap-header-doc-details a {
711 border: 2px solid #5b4e96;
712 background: #fff;
713 color: #5b4e96;
714 padding: 8px 20px;
715 border-radius: 8px;
716 display: inline-block;
717 margin: 4px 0 0 0;
718 }
719
720 .qcld-wp-chatbot-wrap-header-doc-details a:hover {
721 border: 2px solid #5b4e96;
722 background: #5b4e96;
723 color: #fff;
724 padding: 8px 20px;
725 border-radius: 8px;
726 display: inline-block;
727 margin: 4px 0 0 0;
728 text-decoration: none;
729 }
730
731
732 .qcld-wp-chatbot-wrap-header-doc-details {
733 width: 42%;
734 }
735
736 .qcld-wp-chatbot-wrap-header-doc-details h3 {
737 font-weight: bold;
738 }
739
740 .qcld-wp-chatbot-wrap-header-doc-details p {
741 font-size: 15px;
742 }
743
744
745 .qcld-goPreemium a {
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 }
759
760 .qcld-goPreemium a:hover {
761 display: block;
762 display: flex !important;
763 align-items: center;
764 gap: 8px;
765 background: #5B4E96;
766 padding: 10px 25px !important;
767 border-radius: 8px;
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 }
775
776
777 .qcld-Resetall input {
778 display: block;
779 width: 100%;
780 margin: 5px 0 0 0;
781 padding: 12px 0;
782 font-size: 16px;
783 border: 2px solid #f0ad4e;
784 background: #fff;
785 color: #f0ad4e;
786 border-radius: 8px;
787 }
788
789 .qcld-Resetall input:hover {
790 display: block;
791 width: 100%;
792 margin: 8px 0 0 0;
793 padding: 12px 0;
794 font-size: 16px;
795 border: 2px solid #f0ad4e;
796 background: #f0ad4e;
797 color: #fff;
798 border-radius: 8px;
799 }
800
801 .qcld-main-wrapper .alert.alert-warning {
802 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96% 96%);
803 border-radius: 6px;
804 }
805
806 .wp-chatbot-wrap button.btn.btn-primary {
807 padding: 14px 20px;
808 width: auto;
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 }
821
822 .qcld-main-wrapper h4.qc-opt-dcs {
823 font-size: 18px !important;
824 font-weight: bold !important;
825 padding: 12px 0 12px 0 !important;
826 }
827
828 .cxsc-settings-blocks-addon {
829 font-size: 16px;
830 padding: 6px 0 10px 0;
831 font-weight: bold;
832 }
833
834
835 .qcld-main-wrapper .qcld-seo-help-feature {
836 clear: both;
837 }
838
839 .qcld-main-wrapper .qcld-seo-help-feature H3 {
840 font-weight: bold;
841 font-size: 20px;
842 }
843
844 .qcld-main-wrapper .qcld-seo-help-feature UL {}
845
846 .qcld-main-wrapper .qcld-seo-help-feature UL li {
847 margin: 0;
848 padding: 4px 0;
849 font-size: 15px;
850 }
851
852 .qcld-recommendbot-conv-feature .plugin-card-top {
853 position: relative;
854 padding: 20px 20px 10px;
855 min-height: auto;
856 display: flex;
857 align-items: center;
858 justify-content: space-between;
859 }
860
861 .qcld-recommendbot-conv-feature .plugin-card .action-links {
862 position: relative;
863 top: auto;
864 right: auto;
865 width: auto;
866 }
867
868 .qcld-recommendbot-conv-feature .wrap.recommended-plugins .plugin-card.plugin-card-conversational-forms {
869 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
870 border-radius: 16px;
871 height: auto;
872 }
873
874 .qcld-recommendbot-conv-feature .plugin-icon {
875 position: relative;
876 top: auto;
877 left: auto;
878 width: auto;
879 height: auto;
880 margin: 0;
881 }
882
883 .qcld-recommendbot-conv-feature .plugin-card h3 a {
884 display: flex;
885 flex-direction: row-reverse;
886 align-items: center;
887 }
888
889 .qcld-recommendbot-conv-feature .plugin-icon {
890 position: relative;
891 top: auto;
892 left: auto;
893 width: 80px;
894 height: auto;
895 margin: 0 20px 0 0;
896 }
897
898 .qcld-recommendbot-conv-feature .plugin-card .desc>p,
899 .qcld-recommendbot-conv-feature .plugin-card .name {
900 margin-left: 0 !important;
901 }
902
903 .qcld-recommendbot-conv-feature .plugin-action-buttons {
904 margin-bottom: 0;
905 }
906
907 .qcld-recommendbot-conv-feature .plugin-action-buttons {
908 text-align: center;
909 }
910
911 .qc_menu_area_box {
912 display: flex;
913 justify-content: space-between;
914 border-radius: 16px;
915 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
916 padding: 15px;
917 gap: 15px;
918 overflow: hidden;
919 margin: 0 0 15px 0;
920 }
921
922 .qc_menu_area_box h4 {
923 text-align: center;
924 font-size: 18px !important;
925 font-weight: bold !important;
926 border-bottom: 2px solid #f7f7f7;
927 padding: 0 0 8px 0;
928 margin: 0 0 8px 0;
929 }
930
931 .qc_menu_area {
932
933 width: 50%;
934 background: #fff;
935 border-radius: 16PX;
936 padding: 12px;
937 }
938
939 .qc_menu_list_area.ui-droppable {
940
941 width: 50%;
942 background: #fff;
943 border-radius: 16PX;
944 padding: 12px;
945 }
946
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 }
956
957 .qc_menu_area_box .qc_menu_area_container span {
958 background-image: linear-gradient(to right, #868afa 0%, #5b4e96 51%, #5b4e96 100%);
959 box-shadow: 0 5px 15px #c3c3c3;
960 border: 1px solid #ffffff;
961 color: #fff;
962 display: block;
963 margin: 8px auto;
964 padding: 12px 30px;
965 }
966
967 .qc_menu_area_box .qc_menu_area_container span:hover,
968 .qc_menu_area_box ul li span:hover {
969 background-image: linear-gradient(to right, #5b4e96 0%, #868afa 51%, #868afa 100%);
970 }
971
972 .qc_menu_list_container {
973 position: relative;
974 }
975
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 }
994
995
996 .lp-submenu-wpbot_openAi .swal2-actions {
997 display: flex;
998 width: auto;
999 }
1000
1001 /* Icon-only centered loading overlay for Save settings */
1002 .swal2-popup.qcld-swal-loading-only {
1003 background: transparent !important;
1004 box-shadow: none !important;
1005 padding: 0 !important;
1006 width: auto !important;
1007 min-width: 0 !important;
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
1055 button.swal2-confirm.btn.btn-lg.swal2-styled {
1056 width: auto;
1057 }
1058
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 }
1067
1068
1069 .wp-chatbot-wrap .form-group input[type=checkbox]+label {
1070 position: relative;
1071 width: 18px;
1072 height: 18px;
1073 border: 2px solid #5b4e96;
1074 border-radius: 4px;
1075 top: 0;
1076 left: 0;
1077 transform: translate(0%, 0%);
1078 transition: all ease-out 200ms;
1079 text-indent: 28px;
1080 font: normal normal 30px / 60px "Helvetica";
1081 white-space: nowrap;
1082 color: #555;
1083 -webkit-user-select: none;
1084 -moz-user-select: none;
1085 -ms-user-select: none;
1086 user-select: none;
1087 display: flex;
1088 align-items: center;
1089 }
1090
1091 .wp-chatbot-wrap .form-group input[type=checkbox]+label:after {
1092 content: "";
1093 position: absolute;
1094 width: 0px;
1095 height: 8px;
1096 border-bottom: 3px solid #22b573;
1097 border-left: 3px solid #22b573;
1098 top: 25%;
1099 left: 50%;
1100 transform-origin: bottom left;
1101 transform: rotate(-45deg);
1102 opacity: 0;
1103 transition: all ease-out 200ms;
1104 }
1105
1106 .wp-chatbot-wrap .form-group input[type=checkbox]:checked+label {
1107 border: 2px solid #22b573;
1108 }
1109
1110 .wp-chatbot-wrap .form-group input[type=checkbox]:checked+label:after {
1111 opacity: 1;
1112 width: 22px;
1113 }
1114
1115 .wp-chatbot-wrap .form-group input[type=checkbox] {
1116 display: none;
1117 }
1118
1119
1120 .admin-maxwith.qcld-openai-main-box {
1121 margin: 0 20px 0 0;
1122 padding: 0 20px 15px 20px;
1123 max-width: initial;
1124 box-shadow: none;
1125 border: none;
1126 border-radius: 16px;
1127 }
1128
1129 .admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
1130 display: flex;
1131 }
1132
1133 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
1134 display: inline-block;
1135 width: 360px;
1136 }
1137
1138 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
1139 margin: 0 0 20px 0;
1140 padding: 0;
1141 display: flex;
1142 flex-direction: column;
1143 align-content: flex-start;
1144 border: 15px solid #f5f7fd;
1145 border-radius: 16px;
1146 min-height: 480px;
1147 }
1148
1149 .col-auto.me-auto.ai-settings-title-container {
1150 display: flex;
1151 justify-content: space-between;
1152 padding: 20px;
1153 }
1154
1155 .qcld-wp-chatbot-wrap-header-aisection {
1156 margin: 0 0 0 0;
1157 }
1158
1159 .qcl-openai .row {
1160 margin-right: 0;
1161 margin-left: 0;
1162 }
1163
1164 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container {
1165 display: flex;
1166 justify-content: flex-start;
1167 padding: 8px 20px;
1168 border-radius: 16px;
1169 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
1170 margin: 20px 0 0 0;
1171 gap: 30px;
1172 }
1173
1174 .admin-maxwith.qcld-openai-main-box .tab-content {
1175 padding: 0 12px 0 12px;
1176 width: 100%;
1177 }
1178
1179 .admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card {
1180 width: 100%;
1181 max-width: inherit;
1182 margin: 0 0 8px 0;
1183 padding: 0;
1184 border: none;
1185 box-shadow: none;
1186 background: #fff !important;
1187 color: #5B4E96 !important;
1188 text-decoration: none !important;
1189 border-radius: 8px;
1190 border: 2px solid #5B4E96;
1191 }
1192
1193 .admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card h2 {
1194 margin: 0;
1195 padding: 0;
1196 font-weight: bold;
1197 }
1198
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 }
1208
1209
1210 .admin-maxwith.qcld-openai-main-box button.btn.btn-link:after {
1211 content: "\f14f";
1212 font-family: dashicons;
1213 position: absolute;
1214 right: 18px;
1215 top: 12px;
1216 font-size: 22px;
1217 font-weight: normal;
1218 }
1219
1220
1221 .admin-maxwith.qcld-openai-main-box button.btn.btn-link.collapsed:after{
1222
1223 content: "\f10f";
1224 font-family: dashicons;
1225 position: absolute;
1226 right: 18px;
1227 top: 12px;
1228 font-size: 22px;
1229 font-weight: normal;
1230 }
1231
1232
1233 .admin-maxwith.qcld-openai-main-box .btn.active.focus,
1234 .admin-maxwith.qcld-openai-main-box .btn.active:focus,
1235 .admin-maxwith.qcld-openai-main-box .btn.focus,
1236 .admin-maxwith.qcld-openai-main-box .btn:active.focus,
1237 .admin-maxwith.qcld-openai-main-box .btn:active:focus,
1238 .admin-maxwith.qcld-openai-main-box .btn:focus {
1239 outline: 0 auto -webkit-focus-ring-color;
1240 outline-offset: -2px;
1241 }
1242
1243 .admin-maxwith.qcld-openai-main-box .tab-content .card-body {
1244 padding: 15px;
1245 }
1246
1247 .admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
1248 font-size: 15px;
1249 }
1250
1251 .admin-maxwith.qcld-openai-main-box .tab-content {
1252 font-size: 15px;
1253 }
1254
1255 .admin-maxwith.qcld-openai-main-box .tab-content .alert.alert-info {
1256 margin: 15px 0 0 0;
1257 }
1258 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li a {
1259 padding: 14px 20px;
1260 width: 100%;
1261 font-size: 16px;
1262 font-weight: 500;
1263 color: #988FBD;
1264 border-radius: 8px;
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
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
1294
1295 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]+label,
1296 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]+label {
1297 position: relative;
1298 width: 18px;
1299 height: 18px;
1300 border: 2px solid #5b4e96;
1301 border-radius: 4px;
1302 top: 0;
1303 left: 0;
1304 transform: translate(0%, 0%);
1305 transition: all ease-out 200ms;
1306 text-indent: 28px;
1307 font: normal normal 30px / 60px "Helvetica";
1308 white-space: nowrap;
1309 color: #555;
1310 -webkit-user-select: none;
1311 -moz-user-select: none;
1312 -ms-user-select: none;
1313 user-select: none;
1314 display: flex;
1315 align-items: center;
1316 line-height: 30px;
1317 }
1318
1319 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]+label:after,
1320 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]+label:after {
1321 content: "";
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 }
1334
1335 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]:checked+label,
1336 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]:checked+label {
1337 border: 2px solid #22b573;
1338 }
1339
1340 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]:checked+label:after,
1341 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]:checked+label:after {
1342 opacity: 1;
1343 width: 22px;
1344 }
1345
1346 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox],
1347 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox] {
1348 display: none;
1349 }
1350
1351 div#wp-chatbot-show-pages-list ul li,
1352 div#wp-chatbot-exclude-post-list ul li {
1353 padding: 4px 0;
1354 }
1355
1356 .qcld-main-wrapper div#headingTwoControl a {
1357 font-weight: bold;
1358 }
1359
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 }
1382
1383 .qcl-openai input[type=checkbox]+label:after {
1384 content: "";
1385 position: absolute;
1386 width: 0px;
1387 height: 8px;
1388 border-bottom: 3px solid #22b573;
1389 border-left: 3px solid #22b573;
1390 top: 25%;
1391 left: 50%;
1392 transform-origin: bottom left;
1393 transform: rotate(-45deg);
1394 opacity: 0;
1395 transition: all ease-out 200ms;
1396 }
1397
1398 .qcl-openai input[type=checkbox]:checked+label {
1399 border: 2px solid #22b573;
1400 }
1401
1402 .qcl-openai input[type=checkbox]:checked+label:after {
1403 opacity: 1;
1404 width: 22px;
1405 }
1406
1407 .qcl-openai input[type=checkbox] {
1408 display: none;
1409 }
1410
1411
1412 .qcl-openai .form-check {
1413 margin-bottom: 15px;
1414 border: 1px solid #E5E6F2;
1415 padding: 12px 12px;
1416 border-radius: 8px;
1417 }
1418
1419 .qcl-openai label.form-check-label span {
1420 font-size: 12px;
1421 }
1422
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 }
1435
1436 .qcl-openai a#save_setting {
1437 margin: 0 0 0 0;
1438 }
1439
1440 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]+label {
1441 position: relative;
1442 width: 18px;
1443 height: 18px;
1444 border: 2px solid #5b4e96;
1445 border-radius: 4px;
1446 top: 0;
1447 left: 0;
1448 transform: translate(0%, 0%);
1449 transition: all ease-out 200ms;
1450 text-indent: 28px;
1451 white-space: nowrap;
1452 color: #555;
1453 -webkit-user-select: none;
1454 -moz-user-select: none;
1455 -ms-user-select: none;
1456 user-select: none;
1457 display: flex;
1458 align-items: center;
1459 margin-bottom: 0;
1460 line-height: 30px;
1461 }
1462
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 }
1477
1478 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label {
1479 border: 2px solid #22b573;
1480 }
1481
1482 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label:after {
1483 opacity: 1;
1484 width: 22px;
1485 }
1486
1487 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox] {
1488 display: none;
1489 }
1490
1491
1492 .qcl-openai div#wp-chatbot-openrouter-settings .form-check {
1493 margin-bottom: 15px;
1494 border: 1px solid #E5E6F2;
1495 padding: 12px 12px;
1496 border-radius: 8px;
1497 }
1498
1499 .qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span {
1500 font-size: 12px;
1501 }
1502
1503 .qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span.pro-badge {
1504 font-size: 9px;
1505 font-weight: 400;
1506 color: #ffffff;
1507 background: #5B4E96;
1508 border-radius: 20px;
1509 padding: 2px 8px;
1510 margin-left: 5px;
1511 text-transform: uppercase;
1512 text-indent: initial;
1513 line-height: 16px;
1514 }
1515
1516 .qcl-openai div#wp-chatbot-openrouter-settings a#save_setting {
1517 margin: 0 0 15px 0;
1518 }
1519
1520 #qcld_save_openrouter_setting {
1521 margin: 0 0 15px 0;
1522 }
1523
1524
1525 div#openrouter-settings .tab-content {
1526 padding: 0 12px 0 12px;
1527 width: 100%;
1528 }
1529
1530 .qcl-openai .accordion {
1531 padding: 0 0 0 15px;
1532 }
1533
1534 .qcl-openai .card-body-openrouter {
1535 padding: 0 15px 0 15px;
1536 }
1537
1538
1539 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container h4 {
1540 width: 365px;
1541 }
1542
1543 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container select {
1544 display: none;
1545 }
1546
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 }
1554
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
1564 .avatar-location-cards {
1565 display: inline-flex;
1566 gap: 0;
1567 background: #F3F4F6;
1568 border-radius: 10px;
1569 padding: 4px;
1570 }
1571
1572 .avatar-location-card {
1573 display: flex;
1574 align-items: center;
1575 gap: 6px;
1576 padding: 8px 18px;
1577 border-radius: 8px;
1578 cursor: pointer;
1579 font-size: 13px;
1580 font-weight: 500;
1581 color: #6B7280;
1582 background: transparent;
1583 border: none;
1584 transition: all 0.2s ease;
1585 user-select: none;
1586 }
1587
1588 .avatar-location-card:hover {
1589 color: #374151;
1590 background: #E5E7EB;
1591 }
1592
1593 .avatar-location-card.active {
1594 background: #ffffff;
1595 color: #111827;
1596 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
1597 }
1598
1599 .avatar-location-card svg {
1600 flex-shrink: 0;
1601 color: inherit;
1602 }
1603
1604 .avatar-location-card.active svg {
1605 color: #4B5563;
1606 }
1607
1608 /* AI Provider Cards Wrapper */
1609 .ai-provider-cards-wrapper {
1610 background: #ffffff;
1611 border-radius: 12px;
1612 padding: 20px 24px 20px 6px;
1613 margin: 0 0 0 0;
1614 }
1615
1616 .ai-provider-cards {
1617 display: flex;
1618 gap: 12px;
1619 flex-wrap: wrap;
1620 padding: 4px 0;
1621 }
1622
1623 .ai-provider-card {
1624 display: flex;
1625 flex-direction: column;
1626 align-items: center;
1627 justify-content: center;
1628 gap: 8px;
1629 padding: 8px 12px;
1630 min-width: 110px;
1631 background: #ffffff;
1632 border: 2px solid #E5E7EB;
1633 border-radius: 12px;
1634 cursor: pointer;
1635 position: relative;
1636 transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
1637 user-select: none;
1638 }
1639
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
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
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 }
1662
1663 .ai-provider-card.active .ai-provider-check {
1664 opacity: 1;
1665 transform: scale(1);
1666 }
1667
1668 .ai-provider-icon {
1669 width: 40px;
1670 height: 40px;
1671 display: flex;
1672 align-items: center;
1673 justify-content: center;
1674 }
1675
1676 .ai-provider-icon svg {
1677 width: 32px;
1678 height: 32px;
1679 }
1680
1681 .ai-provider-name {
1682 font-size: 12px;
1683 font-weight: 600;
1684 color: #4B5563;
1685 text-align: center;
1686 white-space: nowrap;
1687 line-height: 1.2;
1688 }
1689
1690 .ai-provider-card.active .ai-provider-name {
1691 color: #1E40AF;
1692 }
1693
1694
1695 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-openai-training-model .row.my-4 {
1696 font-size: 15px;
1697 display: flex;
1698 width: 100%;
1699 align-items: center;
1700 justify-content: center;
1701 min-height: 420px;
1702 text-align: center;
1703 }
1704
1705 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-data_post_converter .row.my-4 {
1706 font-size: 16px;
1707 display: flex;
1708 width: 100%;
1709 align-items: center;
1710 justify-content: center;
1711 min-height: 420px;
1712 text-align: center;
1713 }
1714
1715 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-img_generator .row.my-4 {
1716 font-size: 16px;
1717 display: flex;
1718 width: 100%;
1719 align-items: center;
1720 justify-content: center;
1721 min-height: 420px;
1722 text-align: center;
1723 }
1724
1725 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-content_writer .row.my-4 {
1726 font-size: 16px;
1727 display: flex;
1728 width: 100%;
1729 align-items: center;
1730 justify-content: center;
1731 min-height: 420px;
1732 text-align: center;
1733 }
1734
1735
1736 .qcld-wrap.swpm-admin-menu-wrap {
1737 display: flex;
1738 margin: 15px 0;
1739 }
1740
1741 .qcld_help_wppt_nav_container {
1742 display: flex;
1743 flex-direction: column;
1744 width: 320px;
1745 background: #fff;
1746 border-radius: 16px;
1747 margin: 0 20px 0 0;
1748 }
1749
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
1759 .qcld_help_wppt_nav_container a {
1760 margin: 2px 10px;
1761 }
1762
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 }
1773
1774 .qcld_help_wppt_nav_container a:hover {
1775 margin: 2px 10px;
1776 font-size: 15px;
1777 font-weight: 500;
1778 border: none;
1779 background: #5b4e96;
1780 color: #fff;
1781 padding: 14px 20px !important;
1782 display: flex;
1783 align-items: center;
1784 gap: 15px;
1785 }
1786
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 }
1798
1799
1800 .content_qcbot_help_secion .panel-default>.panel-heading:hover {
1801 background: #5B4E96 !important;
1802 color: #ffffff !important;
1803 text-decoration: none !important;
1804 border-radius: 8px;
1805 }
1806
1807
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
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 }
1826
1827 .content_qcbot_help_secion p {
1828 font-size: 15px;
1829 }
1830
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 }
1840
1841 .content_qcbot_help_secion .panel-title a:after {
1842 content: "\f14f";
1843 position: absolute;
1844 right: 18px;
1845 top: 12px;
1846 font-family: dashicons;
1847 font-size: 24PX;
1848 font-weight: normal;
1849 }
1850
1851
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 }
1860
1861 .content_qcbot_help_secion .panel {
1862 box-shadow: none;
1863 }
1864
1865 .qcbot_help_secion h3 {
1866 font-size: 16px;
1867 font-weight: bold;
1868 }
1869
1870 .qcbot_help_secion ul li {
1871 list-style: inside;
1872 }
1873
1874 .notice.is-dismissible.qcbot-str-top-notic {
1875 width: 98.7%;
1876 }
1877
1878 .qcld-main-wrapper {
1879 margin: 10px 0px 0 2px !important;
1880 }
1881
1882 .content_qcbot_help_secion .section-container {
1883 display: flex;
1884 gap: 30px;
1885 }
1886
1887 .content-wrap .section-container {
1888 display: flex;
1889 gap: 30px;
1890 }
1891
1892 .wpbot_statistics_area h2 {
1893 font-size: 22px;
1894 font-weight: bold;
1895 }
1896
1897
1898 section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover a {
1899 color: #fff;
1900 }
1901
1902 .qcld-main-wrapper a {
1903 text-decoration: none !important;
1904 }
1905
1906 .admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1907 text-decoration: none;
1908 }
1909
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
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
1928 .wp-chatbot-tabs nav ul li a {
1929 color: #695d99;
1930 }
1931
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 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
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 }
2033
2034 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label:after {
2035 content: "";
2036 position: absolute;
2037 width: 0px;
2038 height: 8px;
2039 border-bottom: 3px solid #22b573;
2040 border-left: 3px solid #22b573;
2041 top: 25%;
2042 left: 50%;
2043 transform-origin: bottom left;
2044 transform: rotate(-45deg);
2045 opacity: 0;
2046 transition: all ease-out 200ms;
2047 }
2048
2049 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label {
2050 border: 2px solid #22b573;
2051 }
2052
2053 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label:after {
2054 opacity: 1;
2055 width: 22px;
2056 }
2057
2058 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox] {
2059 display: none;
2060 }
2061
2062 .cxsc-settings_openai_border {
2063 margin-bottom: 6px;
2064 }
2065
2066 div#wp-chatbot-custom-color-options .top-section .row .cxsc-settings-blocks {
2067 padding-top: 0;
2068 }
2069
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
2081
2082
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 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
2143
2144 /* .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
2145 font-size: 18px;
2146 display: block !important;
2147 } */
2148
2149 .lp-submenu-wpbot_openAi .swal2-actions button {
2150 width: auto !important;
2151 padding: 10px 40px !important;
2152 line-height: normal !important;
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 }
2161
2162 .wp-chatbot-wrap hr {
2163 margin-top: 10px;
2164 margin-bottom: 10px;
2165 }
2166
2167
2168 .wp-chatbot-wrap a.nav-tab.sld_click_handle {
2169 margin-right: .5em;
2170 line-height: 1.42857143;
2171 border: 1px solid #5b4e96 !important;
2172 border-radius: 6px !important;
2173 border: 1px solid #5b4e96 !important;
2174 padding: 10px 20px !important;
2175 border-radius: 8px !important;
2176 color: #5b4e96 !important;
2177 font-size: 15px !important;
2178 font-weight: 600;
2179 line-height: normal !important;
2180 background: #fff;
2181 }
2182
2183 .wp-chatbot-wrap a.nav-tab.sld_click_handle:hover, .wp-chatbot-wrap a.nav-tab.sld_click_handle.nav-tab-active{
2184 margin-right: .5em;
2185 line-height: 1.42857143;
2186 border: 1px solid #5b4e96 !important;
2187 border-radius: 6px !important;
2188 border: 1px solid #5b4e96 !important;
2189 padding: 10px 20px !important;
2190 border-radius: 8px !important;
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 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
2239
2240 button.swal2-confirm.btn.btn-lg.swal2-styled {
2241 width: auto !important;
2242 }
2243
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
2254 a#save_setting {
2255 background: #5B4E96;
2256 color: #ffffff;
2257 border: none;
2258 padding: 12px 30px;
2259 }
2260
2261 @media (max-width: 1280px) {
2262 .content-wrap {
2263 width: 50% !important;
2264 }
2265
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 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
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 }
2321
2322
2323 @media (max-width: 640px) {
2324 .qcld-wp-chatbot-wrap-header {
2325 display: flex;
2326 column-gap: 15px;
2327 row-gap: 10px;
2328 background: #fff;
2329 padding: 15px 15px;
2330 margin: 20px 20px 20px 0;
2331 border-radius: 16px;
2332 align-items: center;
2333 justify-content: space-between;
2334 flex-direction: column;
2335 }
2336 ul.qcld-wp-chatbot-wrap-version-wrapper {
2337 display: block;
2338 margin: 15px 0 15px 0;
2339 }
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 {
2365 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 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;
2584 text-align: center;
2585 }
2586 .qcld-openai-system-preset input {
2587 display: none;
2588 }
2589 .qcld-openai-system-preset.is-selected {
2590 background: #f0f6fc;
2591 border-color: #2271b1;
2592 }
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%);
2612 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 }
2622
2623 .qcld-dialogflow-enable-notice {
2624 padding: 15px 0 15px 0;
2625 color: red;
2626 font-weight: bold;
2627 }
2628
2629 a#qcld_save_gemini_setting {
2630 background: #5B4E96;
2631 color: #ffffff;
2632 border: none;
2633 padding: 12px 30px;
2634 }
2635 .card-body-gemini {
2636 padding: 0 15px;
2637 }
2638
2639 div#panelsStayOpen-collapseseven pre {
2640 width: 100%;
2641 display: block;
2642 max-width: 1120px;
2643 }
2644
2645 .card-body-gemini p {
2646 font-size: 16px;
2647 font-weight: bold;
2648 }
2649
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 }
2668
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;
2682 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 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;
2716 display: inline-block;
2717 line-height: 1;
2718 font-weight: 400;
2719 font-weight: normal;
2720 }
2721
2722 .qcl-openai a:focus {
2723 outline: 0 auto -webkit-focus-ring-color;
2724 outline-offset: 0;
2725 border: none !important;
2726 outline: none !important;
2727 box-shadow: none;
2728 }
2729
2730 #qcld_check_connection i{
2731 animation: rotation infinite 3s linear;
2732 }
2733
2734 .wp-chatbot-wrap div#wp-chatbot-custom-color-options .form-group {
2735 min-height: 90px;
2736 }
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;
2763 position: relative;
2764 display: inline-block;
2765 align-items: center;
2766 gap: 15px;
2767 background: #5B4E96;
2768 color: #ffffff;
2769 text-decoration: none;
2770 border-color: #5b4e96 !important;
2771 line-height: normal;
2772 }
2773 div#wpfooter {
2774 display: none;
2775 }
2776
2777 .qcld-btn-primary {
2778
2779 border: none;
2780 }
2781
2782 div#qcld-rag-settings-tab .wrap h3 {
2783 padding: 0 0 8px 0;
2784 margin: 20px 0 12px 0;
2785 font-weight: bold;
2786 font-size: 22px !important;
2787 color: #5b4e96 !important;
2788 }
2789
2790 div#rag-sync .wrap h3 {
2791 padding: 0 0 8px 0;
2792 margin: 10px 0 12px 0;
2793 font-weight: bold;
2794 font-size: 22px !important;
2795 color: #5b4e96 !important;
2796 }
2797
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;
2811 }
2812
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;
2835 position: relative;
2836 display: inline-block;
2837 align-items: center;
2838 gap: 15px;
2839 background: #5B4E96;
2840 color: #ffffff;
2841 text-decoration: none;
2842 border-color: #5b4e96 !important;
2843 line-height: normal;
2844 }
2845
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;
2886 color: #fff;
2887 border-color: #5b4e96;
2888 }
2889
2890 div#rag-database table.widefat {
2891 border: 1px solid #ffffff;
2892 box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
2893 }
2894 div#rag-database .widefat thead td, div#rag-database .widefat thead th {
2895 border-bottom: 1px solid #ffffff;
2896 }
2897
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;
2996 display: inline-block;
2997 align-items: center;
2998 gap: 15px;
2999 background: #5B4E96;
3000 color: #ffffff;
3001 text-decoration: none;
3002 border-color: #5b4e96 !important;
3003 line-height: normal;
3004 }
3005 button#botmaster_submit_googlesheet_btn, button#botmaster_submit_googledoc_btn {
3006 background: #5B4E96;
3007 border-color: #5B4E96;
3008 }
3009 .wpbot-wizard-field select#wizard_ai_provider {
3010 background: transparent;
3011 color: #fff;
3012 width: 100%;
3013 display: block;
3014 max-width: unset;
3015 }
3016 .wpbot-wizard-field select#wizard_ai_provider:hover {
3017 border-color: #5b4e96;
3018 color: #5b4e96;
3019 box-shadow: 0 0 0 1px #5b4e96;
3020 }
3021 div#wizard_api_key_container input#wizard_api_key {
3022 background: transparent;
3023 color: #fff;
3024 }
3025 div#collapseTwoControl input[type=radio]:checked::before {
3026 background-color: #5b4e96;
3027 }
3028 .nav-tab-wrapper.sld_nav_container.wppt_nav_container.qcld_help_wppt_nav_container{
3029 width: 320px !important;
3030 gap: 0;
3031 }
3032 div#rag-settings tbody#rag-knowledge-base-list tr td button {
3033 padding: 6px 20px;
3034 font-weight: bold;
3035 font-size: 12px;
3036 }
3037 div#rag-settings tbody#rag-knowledge-base-list tr td button.button.button-small.button-link-delete.rag-delete-doc{
3038 background: #d14529;
3039 color: #fff;
3040 border-color: #d14529;
3041 }
3042 button#ai-knowledge-base-tab {
3043 animation: pulse 2s infinite;
3044 }
3045 @keyframes pulse {
3046 0% {
3047 transform: scale(1);
3048 }
3049 50% {
3050 transform: scale(1.05);
3051 }
3052 100% {
3053 transform: scale(1);
3054 }
3055 }
3056 footer.wp-chatbot-admin-footer input#submit {
3057 background: #5b4e96;
3058 padding: 12px 30px;
3059 }
3060 footer.wp-chatbot-admin-footer {
3061 padding: 0 20px 20px 20px;
3062 margin: 0 20px;
3063 }
3064 .qcld-wp-chatbot-wrap-header_inn a.button.page-title-action {
3065 padding: 8px 15px;
3066 background: #ffffff;
3067 color: #5B4E96;
3068 border: 2px solid #5B4E96;
3069 border-radius: 6px;
3070 font-weight: bold;
3071 position: absolute;
3072 top: 30px;
3073 left: 280px;
3074 line-height: normal;
3075 min-height: unset;
3076 }
3077 .qcld-wp-chatbot-wrap-header_inn a.button.page-title-action:hover {
3078 padding: 8px 15px;
3079 background: #5B4E96;
3080 color: #fff;
3081 border: 2px solid #5B4E96;
3082 border-radius: 6px;
3083 font-weight: bold;
3084 position: absolute;
3085 top: 31px;
3086 left: 280px;
3087 }
3088 .qcld-session-history_menu_box .btn.btn-primary {
3089 background: #564a8e !important;
3090 color: #fff !important;
3091 }
3092 .qcld-session-history_menu_box a.btn.btn-success {
3093 padding: 8px 24px;
3094 width: auto;
3095 font-size: 15px;
3096 font-weight: 500;
3097 border-radius: 8px;
3098 position: relative;
3099 background: #ffffff;
3100 color: #564a8e;
3101 text-decoration: none;
3102 line-height: normal;
3103 border: 2px solid #564a8e;
3104 }
3105 .qcld-session-history_menu_box a.btn.btn-success:hover {
3106 padding: 8px 24px;
3107 width: auto;
3108 font-size: 15px;
3109 font-weight: 500;
3110 border-radius: 8px;
3111 position: relative;
3112 background: #564a8e;
3113 color: #fff;
3114 text-decoration: none;
3115 line-height: normal;
3116 border: 2px solid #564a8e;
3117 }
3118 .Expandmore {
3119 background: #23ab10;
3120 display: inline-block;
3121 padding: 4px 10px;
3122 font-size: 14px;
3123 border-radius: 6px;
3124 position: relative;
3125 top: -15px;
3126 }
3127 .Collapsemore {
3128 background: #ff0000;
3129 display: inline-block;
3130 padding: 4px 10px;
3131 font-size: 14px;
3132 border-radius: 6px;
3133 position: relative;
3134 top: -15px;
3135 }
3136 .Expandmore span {
3137 color: #fff;
3138 margin: 0 0 0 8px;
3139 padding: 0 5px;
3140 font-size: 18px;
3141 }
3142 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container {
3143 display: flex;
3144 justify-content: flex-start;
3145 align-items: center;
3146 }
3147 .avatar-location-wrapper {
3148 padding: 0 0 25px 0;
3149 }
3150 .avatar-location-card.active {
3151 background: #5b4e96;
3152 color: #ffffff;
3153 }
3154 .avatar-location-card.active svg {
3155 color: #ffffff;
3156 }
3157 .ai-provider-cards {
3158 margin: 0 0 0 0%;
3159 }
3160 .qcld-wp-chatbot-wrap-header_inn_heading a.button.page-title-action {
3161 margin: 0 0 0 4px;
3162 }
3163 label.qcld_label_width_full.qcld_label_width_half {
3164 font-size: 12px;
3165 padding: 6px 0 0 0;
3166 }
3167 .qc_menu_setup_area {
3168 margin: 40px 0 0 0;
3169 }
3170 input#chatbot_content_max_height, input#chatbot_content_max_height_responsive {
3171 width: 170px;
3172 border: 1px solid #eee;
3173 border-radius: 6px;
3174 }
3175 .ai-provider-cards-wrapper h4 {
3176 width: 410px;
3177 }
3178 .ai-provider-cards-wrapper {
3179 display: flex;
3180 }
3181
3182
3183