PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 8.5.4
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v8.5.4
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 8.5.2 8.5.0 All 532 releases
chatbot / css / admin-style.css

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

2,940 lines 61.6 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 .lp-submenu-wpbot_openAi button.swal2-confirm.btn.btn-lg.swal2-styled{
1001 width: auto !important;
1002 }
1003
1004 button.swal2-confirm.btn.btn-lg.swal2-styled {
1005 width: auto;
1006 }
1007
1008 div#qc_menu_area {
1009 min-height: 230px;
1010 }
1011 div#collapseTwoControl .row {
1012 padding: 8px 0;
1013 border-bottom: 1px solid #eee;
1014 margin: 0 0;
1015 }
1016
1017
1018 .wp-chatbot-wrap .form-group input[type=checkbox]+label {
1019 position: relative;
1020 width: 18px;
1021 height: 18px;
1022 border: 2px solid #5b4e96;
1023 border-radius: 4px;
1024 top: 0;
1025 left: 0;
1026 transform: translate(0%, 0%);
1027 transition: all ease-out 200ms;
1028 text-indent: 28px;
1029 font: normal normal 30px / 60px "Helvetica";
1030 white-space: nowrap;
1031 color: #555;
1032 -webkit-user-select: none;
1033 -moz-user-select: none;
1034 -ms-user-select: none;
1035 user-select: none;
1036 display: flex;
1037 align-items: center;
1038 }
1039
1040 .wp-chatbot-wrap .form-group input[type=checkbox]+label:after {
1041 content: "";
1042 position: absolute;
1043 width: 0px;
1044 height: 8px;
1045 border-bottom: 3px solid #22b573;
1046 border-left: 3px solid #22b573;
1047 top: 25%;
1048 left: 50%;
1049 transform-origin: bottom left;
1050 transform: rotate(-45deg);
1051 opacity: 0;
1052 transition: all ease-out 200ms;
1053 }
1054
1055 .wp-chatbot-wrap .form-group input[type=checkbox]:checked+label {
1056 border: 2px solid #22b573;
1057 }
1058
1059 .wp-chatbot-wrap .form-group input[type=checkbox]:checked+label:after {
1060 opacity: 1;
1061 width: 22px;
1062 }
1063
1064 .wp-chatbot-wrap .form-group input[type=checkbox] {
1065 display: none;
1066 }
1067
1068
1069 .admin-maxwith.qcld-openai-main-box {
1070 margin: 0 20px 0 0;
1071 padding: 0 20px 15px 20px;
1072 max-width: initial;
1073 box-shadow: none;
1074 border: none;
1075 border-radius: 16px;
1076 }
1077
1078 .admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
1079 display: flex;
1080 }
1081
1082 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
1083 display: inline-block;
1084 width: 360px;
1085 }
1086
1087 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
1088 margin: 0 0 20px 0;
1089 padding: 0;
1090 display: flex;
1091 flex-direction: column;
1092 align-content: flex-start;
1093 border: 15px solid #f5f7fd;
1094 border-radius: 16px;
1095 min-height: 480px;
1096 }
1097
1098 .col-auto.me-auto.ai-settings-title-container {
1099 display: flex;
1100 justify-content: space-between;
1101 padding: 20px;
1102 }
1103
1104 .qcld-wp-chatbot-wrap-header-aisection {
1105 margin: 0 0 0 0;
1106 }
1107
1108 .qcl-openai .row {
1109 margin-right: 0;
1110 margin-left: 0;
1111 }
1112
1113 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container {
1114 display: flex;
1115 justify-content: flex-start;
1116 padding: 20px;
1117 border-radius: 16px;
1118 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
1119 margin: 20px 0 20px 0;
1120 gap: 30px;
1121 }
1122
1123 .admin-maxwith.qcld-openai-main-box .tab-content {
1124 padding: 0 12px 0 12px;
1125 width: 100%;
1126 }
1127
1128 .admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card {
1129 width: 100%;
1130 max-width: inherit;
1131 margin: 0 0 8px 0;
1132 padding: 0;
1133 border: none;
1134 box-shadow: none;
1135 background: #fff !important;
1136 color: #5B4E96 !important;
1137 text-decoration: none !important;
1138 border-radius: 8px;
1139 border: 2px solid #5B4E96;
1140 }
1141
1142 .admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card h2 {
1143 margin: 0;
1144 padding: 0;
1145 font-weight: bold;
1146 }
1147
1148 .admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1149 font-weight: bold;
1150 display: block;
1151 padding: 15px 12px;
1152 font-size: 16px;
1153 color: #5B4E96;
1154 width: 100%;
1155 text-align: left;
1156 }
1157
1158
1159 .admin-maxwith.qcld-openai-main-box button.btn.btn-link:after {
1160 content: "\f14f";
1161 font-family: dashicons;
1162 position: absolute;
1163 right: 18px;
1164 top: 12px;
1165 font-size: 22px;
1166 font-weight: normal;
1167 }
1168
1169
1170 .admin-maxwith.qcld-openai-main-box button.btn.btn-link.collapsed:after{
1171
1172 content: "\f10f";
1173 font-family: dashicons;
1174 position: absolute;
1175 right: 18px;
1176 top: 12px;
1177 font-size: 22px;
1178 font-weight: normal;
1179 }
1180
1181
1182 .admin-maxwith.qcld-openai-main-box .btn.active.focus,
1183 .admin-maxwith.qcld-openai-main-box .btn.active:focus,
1184 .admin-maxwith.qcld-openai-main-box .btn.focus,
1185 .admin-maxwith.qcld-openai-main-box .btn:active.focus,
1186 .admin-maxwith.qcld-openai-main-box .btn:active:focus,
1187 .admin-maxwith.qcld-openai-main-box .btn:focus {
1188 outline: 0 auto -webkit-focus-ring-color;
1189 outline-offset: -2px;
1190 }
1191
1192 .admin-maxwith.qcld-openai-main-box .tab-content .card-body {
1193 padding: 15px;
1194 }
1195
1196 .admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
1197 font-size: 15px;
1198 }
1199
1200 .admin-maxwith.qcld-openai-main-box .tab-content {
1201 font-size: 15px;
1202 }
1203
1204 .admin-maxwith.qcld-openai-main-box .tab-content .alert.alert-info {
1205 margin: 15px 0 0 0;
1206 }
1207 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li a {
1208 padding: 14px 20px;
1209 width: 100%;
1210 font-size: 16px;
1211 font-weight: 500;
1212 color: #988FBD;
1213 border-radius: 8px;
1214 position: relative;
1215 display: flex;
1216 align-items: center;
1217 gap: 15px;
1218 background: #fff;
1219 text-decoration: none;
1220 border: none;
1221 margin: 2px 0;
1222 }
1223
1224 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li.active a,
1225 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li a:hover {
1226 padding: 14px 20px;
1227 width: 100%;
1228 font-size: 16px;
1229 font-weight: 500;
1230 color: #988FBD;
1231 border-radius: 8px;
1232 position: relative;
1233 display: flex;
1234 align-items: center;
1235 gap: 15px;
1236 background: #5B4E96;
1237 color: #ffffff;
1238 text-decoration: none;
1239 border: none;
1240 margin: 2px 0;
1241 }
1242
1243
1244 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]+label,
1245 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]+label {
1246 position: relative;
1247 width: 18px;
1248 height: 18px;
1249 border: 2px solid #5b4e96;
1250 border-radius: 4px;
1251 top: 0;
1252 left: 0;
1253 transform: translate(0%, 0%);
1254 transition: all ease-out 200ms;
1255 text-indent: 28px;
1256 font: normal normal 30px / 60px "Helvetica";
1257 white-space: nowrap;
1258 color: #555;
1259 -webkit-user-select: none;
1260 -moz-user-select: none;
1261 -ms-user-select: none;
1262 user-select: none;
1263 display: flex;
1264 align-items: center;
1265 line-height: 30px;
1266 }
1267
1268 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]+label:after,
1269 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]+label:after {
1270 content: "";
1271 position: absolute;
1272 width: 0px;
1273 height: 8px;
1274 border-bottom: 3px solid #22b573;
1275 border-left: 3px solid #22b573;
1276 top: 25%;
1277 left: 50%;
1278 transform-origin: bottom left;
1279 transform: rotate(-45deg);
1280 opacity: 0;
1281 transition: all ease-out 200ms;
1282 }
1283
1284 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]:checked+label,
1285 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]:checked+label {
1286 border: 2px solid #22b573;
1287 }
1288
1289 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]:checked+label:after,
1290 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]:checked+label:after {
1291 opacity: 1;
1292 width: 22px;
1293 }
1294
1295 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox],
1296 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox] {
1297 display: none;
1298 }
1299
1300 div#wp-chatbot-show-pages-list ul li,
1301 div#wp-chatbot-exclude-post-list ul li {
1302 padding: 4px 0;
1303 }
1304
1305 .qcld-main-wrapper div#headingTwoControl a {
1306 font-weight: bold;
1307 }
1308
1309 .qcl-openai input[type=checkbox]+label {
1310 position: relative;
1311 width: 18px;
1312 height: 18px;
1313 border: 2px solid #5b4e96;
1314 border-radius: 4px;
1315 top: 0;
1316 left: 0;
1317 transform: translate(0%, 0%);
1318 transition: all ease-out 200ms;
1319 text-indent: 28px;
1320 white-space: nowrap;
1321 color: #555;
1322 -webkit-user-select: none;
1323 -moz-user-select: none;
1324 -ms-user-select: none;
1325 user-select: none;
1326 display: flex;
1327 align-items: center;
1328 margin-bottom: 10px;
1329 line-height: 30px;
1330 }
1331
1332 .qcl-openai input[type=checkbox]+label:after {
1333 content: "";
1334 position: absolute;
1335 width: 0px;
1336 height: 8px;
1337 border-bottom: 3px solid #22b573;
1338 border-left: 3px solid #22b573;
1339 top: 25%;
1340 left: 50%;
1341 transform-origin: bottom left;
1342 transform: rotate(-45deg);
1343 opacity: 0;
1344 transition: all ease-out 200ms;
1345 }
1346
1347 .qcl-openai input[type=checkbox]:checked+label {
1348 border: 2px solid #22b573;
1349 }
1350
1351 .qcl-openai input[type=checkbox]:checked+label:after {
1352 opacity: 1;
1353 width: 22px;
1354 }
1355
1356 .qcl-openai input[type=checkbox] {
1357 display: none;
1358 }
1359
1360
1361 .qcl-openai .form-check {
1362 margin-bottom: 15px;
1363 border: 1px solid #E5E6F2;
1364 padding: 12px 12px;
1365 border-radius: 8px;
1366 }
1367
1368 .qcl-openai label.form-check-label span {
1369 font-size: 12px;
1370 }
1371
1372 .qcl-openai label.form-check-label span.pro-badge {
1373 font-size: 9px;
1374 font-weight: 400;
1375 color: #ffffff;
1376 background: #5B4E96;
1377 border-radius: 20px;
1378 padding: 2px 8px;
1379 margin-left: 5px;
1380 text-transform: uppercase;
1381 text-indent: initial;
1382 line-height: 16px;
1383 }
1384
1385 .qcl-openai a#save_setting {
1386 margin: 0 0 0 0;
1387 }
1388
1389 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]+label {
1390 position: relative;
1391 width: 18px;
1392 height: 18px;
1393 border: 2px solid #5b4e96;
1394 border-radius: 4px;
1395 top: 0;
1396 left: 0;
1397 transform: translate(0%, 0%);
1398 transition: all ease-out 200ms;
1399 text-indent: 28px;
1400 white-space: nowrap;
1401 color: #555;
1402 -webkit-user-select: none;
1403 -moz-user-select: none;
1404 -ms-user-select: none;
1405 user-select: none;
1406 display: flex;
1407 align-items: center;
1408 margin-bottom: 0;
1409 line-height: 30px;
1410 }
1411
1412 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]+label:after {
1413 content: "";
1414 position: absolute;
1415 width: 0px;
1416 height: 8px;
1417 border-bottom: 3px solid #22b573;
1418 border-left: 3px solid #22b573;
1419 top: 25%;
1420 left: 50%;
1421 transform-origin: bottom left;
1422 transform: rotate(-45deg);
1423 opacity: 0;
1424 transition: all ease-out 200ms;
1425 }
1426
1427 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label {
1428 border: 2px solid #22b573;
1429 }
1430
1431 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label:after {
1432 opacity: 1;
1433 width: 22px;
1434 }
1435
1436 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox] {
1437 display: none;
1438 }
1439
1440
1441 .qcl-openai div#wp-chatbot-openrouter-settings .form-check {
1442 margin-bottom: 15px;
1443 border: 1px solid #E5E6F2;
1444 padding: 12px 12px;
1445 border-radius: 8px;
1446 }
1447
1448 .qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span {
1449 font-size: 12px;
1450 }
1451
1452 .qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span.pro-badge {
1453 font-size: 9px;
1454 font-weight: 400;
1455 color: #ffffff;
1456 background: #5B4E96;
1457 border-radius: 20px;
1458 padding: 2px 8px;
1459 margin-left: 5px;
1460 text-transform: uppercase;
1461 text-indent: initial;
1462 line-height: 16px;
1463 }
1464
1465 .qcl-openai div#wp-chatbot-openrouter-settings a#save_setting {
1466 margin: 0 0 15px 0;
1467 }
1468
1469 #qcld_save_openrouter_setting {
1470 margin: 0 0 15px 0;
1471 }
1472
1473
1474 div#openrouter-settings .tab-content {
1475 padding: 0 12px 0 12px;
1476 width: 100%;
1477 }
1478
1479 .qcl-openai .accordion {
1480 padding: 0 0 0 15px;
1481 }
1482
1483 .qcl-openai .card-body-openrouter {
1484 padding: 0 15px 0 15px;
1485 }
1486
1487
1488 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container h4 {
1489 width: 396px;
1490 }
1491
1492 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container select {
1493 border-color: #ffffff;
1494 width: 220px;
1495 }
1496
1497
1498 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-openai-training-model .row.my-4 {
1499 font-size: 15px;
1500 display: flex;
1501 width: 100%;
1502 align-items: center;
1503 justify-content: center;
1504 min-height: 420px;
1505 text-align: center;
1506 }
1507
1508 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-data_post_converter .row.my-4 {
1509 font-size: 16px;
1510 display: flex;
1511 width: 100%;
1512 align-items: center;
1513 justify-content: center;
1514 min-height: 420px;
1515 text-align: center;
1516 }
1517
1518 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-img_generator .row.my-4 {
1519 font-size: 16px;
1520 display: flex;
1521 width: 100%;
1522 align-items: center;
1523 justify-content: center;
1524 min-height: 420px;
1525 text-align: center;
1526 }
1527
1528 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-content_writer .row.my-4 {
1529 font-size: 16px;
1530 display: flex;
1531 width: 100%;
1532 align-items: center;
1533 justify-content: center;
1534 min-height: 420px;
1535 text-align: center;
1536 }
1537
1538
1539 .qcld-wrap.swpm-admin-menu-wrap {
1540 display: flex;
1541 margin: 15px 0;
1542 }
1543
1544 .qcld_help_wppt_nav_container {
1545 display: flex;
1546 flex-direction: column;
1547 width: 320px;
1548 background: #fff;
1549 border-radius: 16px;
1550 margin: 0 20px 0 0;
1551 }
1552
1553 .content_qcbot_help_secion {
1554 position: relative;
1555 width: 79%;
1556 display: block;
1557 background: #fff;
1558 border-radius: 16px;
1559 padding: 15px 20px;
1560 }
1561
1562 .qcld_help_wppt_nav_container a {
1563 margin: 2px 10px;
1564 }
1565
1566 .qcld_help_wppt_nav_container a {
1567 margin: 2px 10px;
1568 font-size: 15px;
1569 font-weight: 500;
1570 border: none;
1571 padding: 14px 20px !important;
1572 display: flex;
1573 align-items: center;
1574 gap: 15px;
1575 }
1576
1577 .qcld_help_wppt_nav_container a:hover {
1578 margin: 2px 10px;
1579 font-size: 15px;
1580 font-weight: 500;
1581 border: none;
1582 background: #5b4e96;
1583 color: #fff;
1584 padding: 14px 20px !important;
1585 display: flex;
1586 align-items: center;
1587 gap: 15px;
1588 }
1589
1590 .content_qcbot_help_secion .panel-default>.panel-heading {
1591 color: #333;
1592 background-color: #f5f5f5;
1593 border-color: #5B4E96;
1594 background: #fff !important;
1595 color: #5B4E96 !important;
1596 text-decoration: none !important;
1597 border-radius: 8px;
1598 border: 2px solid #5B4E96;
1599 padding: 0;
1600 }
1601
1602
1603 .content_qcbot_help_secion .panel-default>.panel-heading:hover {
1604 background: #5B4E96 !important;
1605 color: #ffffff !important;
1606 text-decoration: none !important;
1607 border-radius: 8px;
1608 }
1609
1610
1611 .content_qcbot_help_secion .panel-default>.panel-heading:hover a{
1612 color: #ffffff !important;
1613 }
1614 .content_qcbot_help_secion .panel-default {
1615 border-color: #dddddd00;
1616 margin-bottom: 10px;
1617 }
1618
1619 .content_qcbot_help_secion .panel-title a {
1620 padding: 10px 15px;
1621 display: block;
1622 position: relative;
1623 display: block;
1624 padding: 15px 12px;
1625 font-size: 16px;
1626 font-weight: bold;
1627 color: #5B4E96;
1628 }
1629
1630 .content_qcbot_help_secion p {
1631 font-size: 15px;
1632 }
1633
1634 .content_qcbot_help_secion .panel-title a.collapsed:after {
1635 content: "\f10f";
1636 position: absolute;
1637 right: 18px;
1638 top: 12px;
1639 font-family: dashicons;
1640 font-size: 24PX;
1641 font-weight: normal;
1642 }
1643
1644 .content_qcbot_help_secion .panel-title a:after {
1645 content: "\f14f";
1646 position: absolute;
1647 right: 18px;
1648 top: 12px;
1649 font-family: dashicons;
1650 font-size: 24PX;
1651 font-weight: normal;
1652 }
1653
1654
1655 .content_qcbot_help_secion .panel-default>.panel-heading+.panel-collapse>.panel-body {
1656 border-top-color: transparent;
1657 background: linear-gradient(181deg, #ffffff 70%, #e9e4ff 96%);
1658 border-radius: 16px;
1659 border: 1px solid #eee;
1660 margin: 8px 0 0 0;
1661 padding: 20px 15px;
1662 }
1663
1664 .content_qcbot_help_secion .panel {
1665 box-shadow: none;
1666 }
1667
1668 .qcbot_help_secion h3 {
1669 font-size: 16px;
1670 font-weight: bold;
1671 }
1672
1673 .qcbot_help_secion ul li {
1674 list-style: inside;
1675 }
1676
1677 .notice.is-dismissible.qcbot-str-top-notic {
1678 width: 98.7%;
1679 }
1680
1681 .qcld-main-wrapper {
1682 margin: 10px 0px 0 2px !important;
1683 }
1684
1685 .content_qcbot_help_secion .section-container {
1686 display: flex;
1687 gap: 30px;
1688 }
1689
1690 .content-wrap .section-container {
1691 display: flex;
1692 gap: 30px;
1693 }
1694
1695 .wpbot_statistics_area h2 {
1696 font-size: 22px;
1697 font-weight: bold;
1698 }
1699
1700
1701 section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover a {
1702 color: #fff;
1703 }
1704
1705 .qcld-main-wrapper a {
1706 text-decoration: none !important;
1707 }
1708
1709 .admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1710 text-decoration: none;
1711 }
1712
1713 .admin-maxwith.qcld-openai-main-box button.btn.btn-link:hover {
1714 font-weight: bold;
1715 display: block;
1716 padding: 15px 12px;
1717 font-size: 16px;
1718 color: #fff;
1719 background: #5B4E96;
1720 width: 100%;
1721 text-align: left;
1722 }
1723
1724 .content-wrap .qcld-seo-help-feature ul {
1725 background: linear-gradient(178deg, #ffffff 70%, #e9e4ff 96%);
1726 border-radius: 6px;
1727 padding: 5px 8px;
1728 border: 1px solid #eee;
1729 }
1730
1731 .wp-chatbot-tabs nav ul li a {
1732 color: #695d99;
1733 }
1734
1735 .wp-chatbot-tabs nav .cxsc-settings_openai_border a {
1736 color: #695d99;
1737 }
1738
1739
1740 .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab {
1741 float: left;
1742 border: 1px solid #c3c4c7;
1743 border-bottom: 1px;
1744 margin-left: .5em;
1745 font-size: 16px;
1746 line-height: 1.71428571;
1747 font-weight: 600;
1748 background: #ffffff;
1749 color: #5b4e96;
1750 text-decoration: none;
1751 white-space: nowrap;
1752 border: 1px solid #5b4e96;
1753 padding: 14px 20px !important;
1754 line-height: normal !important;
1755 border-radius: 6px;
1756
1757 }
1758
1759 .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab:hover, .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab.nav-tab-active {
1760 float: left;
1761 border: 1px solid #c3c4c7;
1762 border-bottom: 1px;
1763 margin-left: .5em;
1764 font-size: 16px;
1765 line-height: 1.71428571;
1766 font-weight: 600;
1767 background: #5b4e96;
1768 color: #fff;
1769 text-decoration: none;
1770 white-space: nowrap;
1771 border: 1px solid #5b4e96;
1772 padding: 14px 20px !important;
1773 line-height: normal !important;
1774
1775 }
1776
1777 .qcld_label_width_full{
1778 width: 100% !important;
1779 }
1780 .cxsc-settings-blocks-font-resize{
1781 font-size: 14px !important;
1782 }
1783
1784 .qcld_thumbnail_theme_prev label{
1785 width: 100% !important;
1786 position: relative;
1787 text-align: center;
1788 }
1789
1790 button.swal2-confirm.btn.btn-lg.swal2-styled {
1791 padding: 14px 20px;
1792 width: 100%;
1793 font-size: 16px;
1794 font-weight: 500;
1795 color: #988FBD;
1796 border-radius: 8px;
1797 position: relative;
1798 display: flex;
1799 align-items: center;
1800 gap: 15px;
1801 background: #5B4E96;
1802 color: #ffffff;
1803 text-decoration: none;
1804 border-color: #5b4e96 !important;
1805 }
1806
1807
1808
1809
1810
1811
1812
1813
1814
1815 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label {
1816 position: relative;
1817 width: 18px;
1818 height: 18px;
1819 border: 2px solid #5b4e96;
1820 border-radius: 4px;
1821 top: 0;
1822 left: 0;
1823 transform: translate(0%, 0%);
1824 transition: all ease-out 200ms;
1825 text-indent: 28px;
1826 font: normal normal 30px / 60px "Helvetica";
1827 white-space: nowrap;
1828 color: #555;
1829 -webkit-user-select: none;
1830 -moz-user-select: none;
1831 -ms-user-select: none;
1832 user-select: none;
1833 display: flex;
1834 align-items: center;
1835 }
1836
1837 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label:after {
1838 content: "";
1839 position: absolute;
1840 width: 0px;
1841 height: 8px;
1842 border-bottom: 3px solid #22b573;
1843 border-left: 3px solid #22b573;
1844 top: 25%;
1845 left: 50%;
1846 transform-origin: bottom left;
1847 transform: rotate(-45deg);
1848 opacity: 0;
1849 transition: all ease-out 200ms;
1850 }
1851
1852 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label {
1853 border: 2px solid #22b573;
1854 }
1855
1856 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label:after {
1857 opacity: 1;
1858 width: 22px;
1859 }
1860
1861 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox] {
1862 display: none;
1863 }
1864
1865 .cxsc-settings_openai_border {
1866 margin-bottom: 6px;
1867 }
1868
1869 div#wp-chatbot-custom-color-options .top-section .row .cxsc-settings-blocks {
1870 padding-top: 0;
1871 }
1872
1873 div#wp-chatbot-post-converter ul.checkbox-list {
1874 display: flex;
1875 flex-wrap: wrap;
1876 gap: 6px;
1877 }
1878 div#wp-chatbot-post-converter ul.checkbox-list .form-check.form-check-inline {
1879 display: inline-block;
1880 min-width: 290px;
1881 margin: 0;
1882 }
1883
1884
1885
1886 div#wp-chatbot-show-pages-list ul.checkbox-list {
1887 display: flex;
1888 flex-wrap: wrap;
1889 gap: 6px;
1890 }
1891
1892 div#wp-chatbot-exclude-post-list ul.checkbox-list {
1893 display: flex;
1894 flex-wrap: wrap;
1895 gap: 6px;
1896 }
1897
1898
1899 div#wp-chatbot-show-pages-list ul.checkbox-list li{
1900 display: inline-block;
1901 min-width: 310px;
1902 margin: 0;
1903 }
1904
1905 div#wp-chatbot-exclude-post-list ul.checkbox-list li{
1906 display: inline-block;
1907 min-width: 310px;
1908 margin: 0;
1909 }
1910 #rotationloader
1911 {
1912 display: none;
1913 rotate: initial;
1914 -webkit-animation: rotation 2s infinite linear;
1915 }
1916
1917 .docs_icon {
1918 position: absolute;
1919 top: 0;
1920 bottom: 0;
1921 left: 0;
1922 right: 0;
1923 z-index: 1;
1924 text-align: center;
1925 display: flex;
1926 align-items: center;
1927 justify-content: center;
1928 background: #5b4e968f;
1929 color: #ffffff;
1930 font-size: 60px;
1931 border-radius: 8px;
1932 }
1933 a.qcld-wp-chatbot-wrap--doc_logo {
1934 text-decoration: none !important;
1935 position: relative;
1936 }
1937 .docs_icon span {
1938 background: #5b4e96;
1939 padding: 25px 25px;
1940 border-radius: 50%;
1941 font-size: 82px;
1942 width: auto;
1943 height: auto;
1944 }
1945
1946
1947 /* .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
1948 font-size: 18px;
1949 display: block !important;
1950 } */
1951
1952 .lp-submenu-wpbot_openAi .swal2-actions button {
1953 width: auto !important;
1954 padding: 10px 40px !important;
1955 line-height: normal !important;
1956 }
1957 .lp-submenu-wpbot_openAi .swal2-actions {
1958 display: flex;
1959 }
1960 .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
1961 font-size: 16px !important;
1962 font-weight: 500 !important;
1963 }
1964
1965 .wp-chatbot-wrap hr {
1966 margin-top: 10px;
1967 margin-bottom: 10px;
1968 }
1969
1970
1971 .wp-chatbot-wrap a.nav-tab.sld_click_handle {
1972 margin-right: .5em;
1973 line-height: 1.42857143;
1974 border: 1px solid #5b4e96 !important;
1975 border-radius: 6px !important;
1976 border: 1px solid #5b4e96 !important;
1977 padding: 10px 20px !important;
1978 border-radius: 8px !important;
1979 color: #5b4e96 !important;
1980 font-size: 15px !important;
1981 font-weight: 600;
1982 line-height: normal !important;
1983 background: #fff;
1984 }
1985
1986 .wp-chatbot-wrap a.nav-tab.sld_click_handle:hover, .wp-chatbot-wrap a.nav-tab.sld_click_handle.nav-tab-active{
1987 margin-right: .5em;
1988 line-height: 1.42857143;
1989 border: 1px solid #5b4e96 !important;
1990 border-radius: 6px !important;
1991 border: 1px solid #5b4e96 !important;
1992 padding: 10px 20px !important;
1993 border-radius: 8px !important;
1994 color: #fff !important;
1995 font-size: 15px !important;
1996 font-weight: 600;
1997 line-height: normal !important;
1998 background: #5b4e96;
1999 }
2000
2001
2002
2003
2004
2005
2006
2007
2008 .swal2-actions {
2009 display: flex;
2010 z-index: 1;
2011 box-sizing: border-box;
2012 flex-wrap: wrap;
2013 align-items: center;
2014 justify-content: center;
2015 width: 100%;
2016 margin: 1.25em auto 0;
2017 padding: 0;
2018 }
2019 button.swal2-deny.swal2-styled{
2020 border: 0;
2021 border-radius: .25em;
2022 background: initial;
2023 background-color: #d14529 !important;
2024 color: #fff;
2025 font-size: 1em;
2026 padding: 14px 20px;
2027 width: auto;
2028 font-size: 16px;
2029 font-weight: 500;
2030 color: #988FBD;
2031 border-radius: 8px;
2032 position: relative;
2033 display: flex;
2034 align-items: center;
2035 gap: 15px;
2036 background: #d14529;
2037 color: #ffffff;
2038 text-decoration: none;
2039 border-color: #5b4e96 !important;
2040 }
2041
2042
2043 button.swal2-confirm.btn.btn-lg.swal2-styled {
2044 width: auto !important;
2045 }
2046
2047 .chatbot-wpbot-lite_page_wpbot button.swal2-deny.swal2-styled {
2048 display: none !important;
2049 }
2050 a#qcld_save_openrouter_setting {
2051 background: #5B4E96;
2052 color: #ffffff;
2053 border: none;
2054 padding: 12px 30px;
2055 }
2056
2057 a#save_setting {
2058 background: #5B4E96;
2059 color: #ffffff;
2060 border: none;
2061 padding: 12px 30px;
2062 }
2063
2064 @media (max-width: 1280px) {
2065 .content-wrap {
2066 width: 50% !important;
2067 }
2068
2069 .wp-chatbot-admin-upgrade-pro-sidebar {
2070
2071 width: 24% !important;
2072 }
2073
2074 }
2075
2076 @media (max-width: 992px) {
2077 .wp-chatbot-tabs nav {
2078 width: 100% !important;
2079 margin-right: 0 !important;
2080 }
2081 .content-wrap {
2082 width: 100% !important;
2083 }
2084 .wp-chatbot-admin-upgrade-pro-sidebar {
2085 width: 100% !important;
2086 margin: 0 0 0 0 !important;
2087 }
2088 .wp-chatbot-tabs {
2089 display: flex;
2090 flex-wrap: wrap;
2091 gap: 20px;
2092 }
2093 .admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
2094 display: flex;
2095 flex-wrap: wrap;
2096 }
2097 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
2098 width: 100%;
2099 }
2100 .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2101 padding: 12px 5px !important;
2102 }
2103 label.form-check-label span {
2104 display: none;
2105 }
2106 .qc-review-text img {
2107 width: 100%;
2108 }
2109
2110 .content_qcbot_help_secion {
2111 width: 100% !important;
2112 }
2113 .qcld_help_wppt_nav_container {
2114 width: 100% !important;
2115 }
2116 .qcld-wrap.swpm-admin-menu-wrap {
2117 display: flex
2118 ;
2119 margin: 15px 0;
2120 flex-direction: column;
2121 flex-wrap: wrap;
2122 }
2123 }
2124
2125
2126 @media (max-width: 640px) {
2127 .qcld-wp-chatbot-wrap-header {
2128 display: flex;
2129 column-gap: 15px;
2130 row-gap: 10px;
2131 background: #fff;
2132 padding: 15px 15px;
2133 margin: 20px 20px 20px 0;
2134 border-radius: 16px;
2135 align-items: center;
2136 justify-content: space-between;
2137 flex-direction: column;
2138 }
2139 ul.qcld-wp-chatbot-wrap-version-wrapper {
2140 display: block;
2141 margin: 15px 0 15px 0;
2142 }
2143 .qcld-wp-chatbot-wrap-header-doc {
2144 display: flex
2145 ;
2146 column-gap: 15px;
2147 row-gap: 10px;
2148 background: #fff;
2149 padding: 15px 15px;
2150 margin: 20px 20px 20px 0;
2151 border-radius: 16px;
2152 align-items: center;
2153 justify-content: flex-start;
2154 display: flex
2155 ;
2156 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
2157 border-radius: 16px;
2158 gap: 30px;
2159 flex-direction: column;
2160 }
2161 .qcld-wp-chatbot-wrap-header-doc-details {
2162 width: 100%;
2163 }
2164 .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2165 padding: 12px 25px !important;
2166 }
2167 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
2168 display: inline-block;
2169 width: 100%;
2170 }
2171 }
2172
2173 .swal2-popup.swal2-modal.connection-modal button.swal2-deny.swal2-styled{display: none !important;}
2174 .swal2-popup.swal2-modal.connection-modal .swal2-styled.swal2-confirm {
2175 padding: 14px 20px;
2176 width: auto;
2177 font-size: 16px;
2178 align-items: center;
2179 gap: 15px;
2180 background: #5B4E96;
2181 color: #ffffff;
2182 text-decoration: none;
2183 border-color: #5b4e96 !important;
2184 }
2185
2186 .wrap.qcld-main-wrapper a:focus {
2187 outline: none !important;
2188 outline-offset: 0 !important;
2189 box-shadow: none !important;
2190 }
2191
2192 p.qc-opt-dcs-font-faq {
2193 font-weight: bold;
2194 }
2195
2196
2197 .qcld-general-settings-connection-notic {
2198 background: #eee;
2199 border: 2px solid #5b4e96;
2200 border-radius: 8px;
2201 margin: 0 0 15px 0;
2202 padding: 12px;
2203 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
2204 position: relative;
2205 }
2206 .qcld-general-settings-connection-notic p{
2207 margin: 6px 0 6px 0;
2208 padding: 0;
2209 font-size: 15px;
2210 font-weight: 500;
2211 }
2212
2213
2214 .qcld-general-settings-close {
2215 position: absolute;
2216 top: -10px;
2217 right: 3px;
2218 transition: all 200ms;
2219 font-size: 30px;
2220 font-weight: bold;
2221 text-decoration: none;
2222 color: #5b4e96;
2223 }
2224 .qcld-general-settings-close:hover {
2225 color: orange;
2226 }
2227 #qcld-show-more-wrapper-box {
2228 margin-top: 0;
2229 position:relative;
2230 }
2231 #qcld-show-more-wrapper-box .qcld-show-more-text {
2232 /* width: 660px; */
2233 margin-bottom: 5px;
2234 padding: 0 0;
2235 position:relative;
2236 display: block;
2237 }
2238 #qcld-show-more-wrapper-box .qcld-show-more-show-more {
2239 color: #ffffff;
2240 position: relative;
2241 padding: 60px 0 0 0;
2242 height: 60px;
2243 text-align: center;
2244 background: #f1f1f1;
2245 cursor: pointer;
2246 background: linear-gradient(to bottom, rgb(255 255 255 / 24%) 0%, rgb(188 174 255) 100%);
2247 margin: -39px 0 0 0;
2248 border-radius: 0 0 15px 15px;
2249 z-index: 99999;
2250 font-weight: bold;
2251 }
2252
2253 #qcld-show-more-wrapper-box .qcld-show-more-show-more-height {
2254 height: 190px;
2255 overflow:hidden;
2256 }
2257
2258 #qcld-show-more-wrapper-box .qcld-show-more-show-more i {
2259 display: block;
2260 padding: 0 0 0 0;
2261 background: #5b4e96;
2262 width: 30px;
2263 height: 30px;
2264 line-height: 30px;
2265 border-radius: 50%;
2266 margin: -15px auto 0 auto;
2267 font-size: 18px !important;
2268 color: #fff;
2269 }
2270
2271 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]+label {
2272 position: relative;
2273 width: 18px;
2274 height: 18px;
2275 border: 2px solid #5b4e96;
2276 border-radius: 4px;
2277 top: 0;
2278 left: 0;
2279 transform: translate(0%, 0%);
2280 transition: all ease-out 200ms;
2281 text-indent: 28px;
2282 white-space: nowrap;
2283 color: #555;
2284 -webkit-user-select: none;
2285 -moz-user-select: none;
2286 -ms-user-select: none;
2287 user-select: none;
2288 display: flex;
2289 align-items: center;
2290 margin-bottom: 0;
2291 line-height: 30px;
2292 }
2293
2294
2295 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]+label:after {
2296 content: "";
2297 position: absolute;
2298 width: 0px;
2299 height: 8px;
2300 border-bottom: 3px solid #22b573;
2301 border-left: 3px solid #22b573;
2302 top: 25%;
2303 left: 50%;
2304 transform-origin: bottom left;
2305 transform: rotate(-45deg);
2306 opacity: 0;
2307 transition: all ease-out 200ms;
2308 }
2309
2310 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label {
2311 border: 2px solid #22b573;
2312 }
2313
2314 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label:after {
2315 opacity: 1;
2316 width: 22px;
2317 }
2318
2319 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox] {
2320 display: none;
2321 }
2322
2323
2324 .qcl-openai div#wp-chatbot-gemini-settings .form-check {
2325 margin-bottom: 15px;
2326 border: 1px solid #E5E6F2;
2327 padding: 12px 12px;
2328 border-radius: 8px;
2329 }
2330
2331 .qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span {
2332 font-size: 12px;
2333 }
2334
2335 .qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span.pro-badge {
2336 font-size: 9px;
2337 font-weight: 400;
2338 color: #ffffff;
2339 background: #5B4E96;
2340 border-radius: 20px;
2341 padding: 2px 8px;
2342 margin-left: 5px;
2343 text-transform: uppercase;
2344 text-indent: initial;
2345 line-height: 16px;
2346 }
2347
2348 .qcl-openai div#wp-chatbot-gemini-settings a#save_setting {
2349 margin: 0 0 15px 0;
2350 }
2351
2352
2353
2354 span.qcls_openAI_customized {
2355 background: yellow;
2356 }
2357 .admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
2358 font-size: 16px;
2359 line-height: 28px;
2360 }
2361 textarea#qcld_openai_system_content {
2362 height: 120px;
2363 line-height: 28px;
2364 }
2365 .qcld-openai-system-presets {
2366 display: flex;
2367 gap: 10px;
2368 margin: 12px 0;
2369 overflow-x: auto;
2370 padding-bottom: 8px;
2371 scroll-snap-type: x proximity;
2372 flex-wrap: wrap;
2373 }
2374 .qcld-openai-system-preset {
2375 align-items: center;
2376 border: 1px solid #dcdcde;
2377 border-radius: 6px;
2378 cursor: pointer;
2379 display: flex;
2380 flex: 0 0 220px;
2381 gap: 10px;
2382 justify-content: center;
2383 margin: 0;
2384 min-height: 70px;
2385 padding: 12px;
2386 scroll-snap-align: start;
2387 text-align: center;
2388 }
2389 .qcld-openai-system-preset input {
2390 display: none;
2391 }
2392 .qcld-openai-system-preset.is-selected {
2393 background: #f0f6fc;
2394 border-color: #2271b1;
2395 }
2396 .qcld-openai-system-preset-content {
2397 display: grid;
2398 gap: 4px;
2399 line-height: 22px;
2400 }
2401 .qcld-openai-system-preset-title {
2402 color: #1d2327;
2403 font-weight: 600;
2404 }
2405 .qcld-openai-system-preset-value {
2406 display: none;
2407 }
2408 @media (max-width: 782px) {
2409 .qcld-openai-system-preset {
2410 flex-basis: 180px;
2411 }
2412 }
2413 .qcld-main-wrapper .alert.alert-warning {
2414 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96% 96%);
2415 border-radius: 6px;
2416 color: #721c24;
2417 background: #f8d7da;
2418 border-color: #f5c6cb;
2419 font-weight: bold;
2420 }
2421 .qcld-wpbot-pricing-filter-form-check {
2422 display: flex;
2423 gap: 10px;
2424 }
2425
2426 .qcld-dialogflow-enable-notice {
2427 padding: 15px 0 15px 0;
2428 color: red;
2429 font-weight: bold;
2430 }
2431
2432 a#qcld_save_gemini_setting {
2433 background: #5B4E96;
2434 color: #ffffff;
2435 border: none;
2436 padding: 12px 30px;
2437 }
2438 .card-body-gemini {
2439 padding: 0 15px;
2440 }
2441
2442 div#panelsStayOpen-collapseseven pre {
2443 width: 100%;
2444 display: block;
2445 max-width: 1120px;
2446 }
2447
2448 .card-body-gemini p {
2449 font-size: 16px;
2450 font-weight: bold;
2451 }
2452
2453 .card-body-openrouter p{
2454 font-size: 16px;
2455 font-weight: bold;
2456 }
2457 div#wp-chatbot-openai-assistants p {
2458 font-size: 16px;
2459 }
2460 button.btn{
2461 outline: none !important;
2462 }
2463 button.btn:focus{
2464 outline: none !important;
2465 }
2466 input:focus {
2467 border-color: #e1dbff;
2468 box-shadow: none !important;
2469 outline: none !important;
2470 }
2471
2472 .wp-chatbot-wrap .qc-opt-language-title{
2473 font-weight: bold !important;
2474 color: #5b4e96 !important;
2475 font-size: 16px;
2476 }
2477
2478 button.qcld_chatbot_custom_icon_button.button, button.wp_chatbot_custom_agent_button.button {
2479 padding: 2px 20px;
2480 width: auto;
2481 font-size: 14px;
2482 font-weight: 500;
2483 color: #988FBD;
2484 border-radius: 8px;
2485 background: #fff;
2486 color: #5B4E96;
2487 text-decoration: none;
2488 margin: 0;
2489 border: 2px solid #5B4E96;
2490
2491 }
2492
2493 button.qcld_chatbot_custom_icon_button.button:hover, button.wp_chatbot_custom_agent_button.button:hover {
2494 background: #5B4E96;
2495 color: #fff;
2496 border: 2px solid #5B4E96;
2497
2498 }
2499
2500
2501 @media (min-width: 993px) and (max-width: 1350px) {
2502 .wp-chatbot-admin-upgrade-pro-sidebar {
2503 width: 25%;
2504 }
2505 }
2506
2507 .wp-chatbot-tabs nav ul li a span.dashicons {
2508 font-size: 20px;
2509 width: auto;
2510 height: auto;
2511 }
2512 .wp-chatbot-tabs nav .cxsc-settings_openai_border a span.dashicons {
2513 font-size: 20px;
2514 }
2515
2516
2517 .dashicons, .dashicons-before:before {
2518 font-family: dashicons;
2519 display: inline-block;
2520 line-height: 1;
2521 font-weight: 400;
2522 font-weight: normal;
2523 }
2524
2525 .qcl-openai a:focus {
2526 outline: 0 auto -webkit-focus-ring-color;
2527 outline-offset: 0;
2528 border: none !important;
2529 outline: none !important;
2530 box-shadow: none;
2531 }
2532
2533 #qcld_check_connection i{
2534 animation: rotation infinite 3s linear;
2535 }
2536
2537 .wp-chatbot-wrap div#wp-chatbot-custom-color-options .form-group {
2538 min-height: 90px;
2539 }
2540
2541 div#promotion-wpchatbot .qc-review-text a {
2542 display: block;
2543 }
2544 .qcld-wp-chatbot-wrap-header-logo {
2545 display: flex;
2546 align-items: center;
2547 gap: 10px;
2548 }
2549 @keyframes rotation{
2550 from{
2551 transform:rotate(360deg);
2552 }
2553
2554 to{
2555 transform:rotate(0deg);
2556 }
2557 }
2558
2559 .qcld-btn-primary {
2560 padding: 14px 30px;
2561 width: auto;
2562 font-size: 16px;
2563 font-weight: 500;
2564 color: #988FBD;
2565 border-radius: 8px;
2566 position: relative;
2567 display: inline-block;
2568 align-items: center;
2569 gap: 15px;
2570 background: #5B4E96;
2571 color: #ffffff;
2572 text-decoration: none;
2573 border-color: #5b4e96 !important;
2574 line-height: normal;
2575 }
2576 div#wpfooter {
2577 display: none;
2578 }
2579
2580 .qcld-btn-primary {
2581
2582 border: none;
2583 }
2584
2585 div#qcld-rag-settings-tab .wrap h3 {
2586 padding: 0 0 8px 0;
2587 margin: 20px 0 12px 0;
2588 font-weight: bold;
2589 font-size: 22px !important;
2590 color: #5b4e96 !important;
2591 }
2592
2593 div#rag-sync .wrap h3 {
2594 padding: 0 0 8px 0;
2595 margin: 10px 0 12px 0;
2596 font-weight: bold;
2597 font-size: 22px !important;
2598 color: #5b4e96 !important;
2599 }
2600
2601 div#rag-settings h2.nav-tab-wrapper a {
2602 margin-right: 0;
2603 line-height: 1.42857143;
2604 border: 1px solid #5b4e96;
2605 border-radius: 6px;
2606 border: 1px solid #5b4e96;
2607 padding: 10px 20px !important;
2608 border-radius: 8px;
2609 color: #5b4e96;
2610 font-size: 15px;
2611 font-weight: 600;
2612 line-height: normal !important;
2613 background: #fff;
2614 }
2615
2616 div#rag-settings h2.nav-tab-wrapper {
2617 margin: 0;
2618 padding: 0;
2619 border: none;
2620 }
2621
2622 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 {
2623 color: #fff;
2624 background: #5b4e96;
2625 text-decoration: none !important;
2626 border: 1px solid #5b4e96;
2627 }
2628
2629
2630
2631 button#rag-pdf-submit, button#rag-csv-submit, button#rag-xaml-submit, button#rag_embed_btn {
2632 padding: 8px 15px;
2633 width: auto;
2634 font-size: 16px;
2635 font-weight: 500;
2636 color: #988FBD;
2637 border-radius: 8px;
2638 position: relative;
2639 display: inline-block;
2640 align-items: center;
2641 gap: 15px;
2642 background: #5B4E96;
2643 color: #ffffff;
2644 text-decoration: none;
2645 border-color: #5b4e96 !important;
2646 line-height: normal;
2647 }
2648
2649 div#rag-sync .wrap {
2650 border: 1px solid #eee;
2651 padding: 8px 12px;
2652 border-radius: 6px;
2653 }
2654
2655
2656
2657 div#qcld-rag-settings-tab .wrap:first-child {
2658 border: 1px solid #eee;
2659 padding: 8px 12px;
2660 border-radius: 6px;
2661 }
2662
2663
2664 .qcl-openai div#rag-database input[type=checkbox] {
2665 display: block;
2666 }
2667
2668 .tablenav-pages {
2669 text-align: right;
2670 padding: 8px 0;
2671 }
2672 button#botmaster_submit_sitemap_btn {
2673 background: #5B4E96;
2674 border-color: #5B4E96;
2675 }
2676 div#rag-database h3 {
2677 padding: 0 0 8px 0;
2678 margin: 15px 0 8px 0;
2679 font-weight: bold;
2680 font-size: 22px !important;
2681 color: #5b4e96 !important;
2682 }
2683
2684 .qcl-openai div#rag-settings h2.nav-tab-wrapper a:focus {
2685 border: 1px solid #5b4e96 !important;
2686 }
2687 button#rag-delete-all {
2688 background: #5b4e96;
2689 color: #fff;
2690 border-color: #5b4e96;
2691 }
2692
2693 div#rag-database table.widefat {
2694 border: 1px solid #ffffff;
2695 box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
2696 }
2697 div#rag-database .widefat thead td, div#rag-database .widefat thead th {
2698 border-bottom: 1px solid #ffffff;
2699 }
2700
2701 div#rag-database table.widefat thead {
2702 background: #5b4e96;
2703 color: #fff;
2704 }
2705 div#rag-database table.widefat thead th {
2706 color: #fff;
2707 }
2708 .qcl-openai div#rag-database input[type=checkbox] {
2709 display: block;
2710 width: 18px;
2711 height: 18px;
2712 }
2713
2714 div#wp-chatbot-openai-rag input[type=checkbox]+label {
2715 margin-bottom: 0;
2716 }
2717 .qcl-openai input[type=checkbox]+label {
2718 margin-bottom: 0;
2719 }
2720 div#qcld-rag-settings-tab .wrap .mb-3 {
2721 padding: 5px 0;
2722 }
2723
2724 div#rag-database input#search-submit {
2725 background: #5b4e96;
2726 color: #fff;
2727 border-color: #5b4e96;
2728 }
2729 .rag_embed_cpts_wrapper {
2730 display: flex;
2731 flex-direction: column;
2732 gap: 6px;
2733 }
2734
2735 div#wp-chatbot-gemini-settings .input-group {
2736 display: flex;
2737 gap: 10px;
2738 }
2739 div#wp-chatbot-grok-settings a#qcld_save_grok_setting {
2740 background: #5B4E96;
2741 color: #ffffff;
2742 border: none;
2743 padding: 12px 30px;
2744 }
2745
2746 button#qcld_gemini_fetch_models {
2747 background: #5B4E96;
2748 color: #ffffff;
2749 border: none;
2750 }
2751 .wp-chatbot-wrap label.block.text-sm.font-medium.text-gray-700.mb-2.qc-opt-language-title {
2752 display: block;
2753 padding: 0 0 5px 0;
2754 }
2755 select#qcld_language_center_select {
2756 padding: 0 0 0 0;
2757 margin: 0 0 6px 0;
2758 padding: 0 4px;
2759 min-width: 220px;
2760 }
2761
2762 select#qcld_language_center_select:focus {
2763 border-color: #5b4e96;
2764 color: #5b4e96;
2765 box-shadow: 0 0 0 1px #5b4e96;
2766 }
2767
2768 div#common-ai-settings h2 a {
2769 background: #5B4E96;
2770 color: #ffffff;
2771 display: inline-block !important;
2772 font-size: 16px;
2773 padding: 8px 15px;
2774 border-radius: 8px;
2775 }
2776
2777 div#common-ai-settings h2.nav-tab-wrapper {
2778 border: none;
2779 }
2780 div#qcld-rate-settings-tab {
2781 display: block !important;
2782 }
2783 div#common-ai-settings .form-check {
2784 margin-bottom: 15px;
2785 border: 0px solid #E5E6F2;
2786 padding: 12px 12px;
2787 border-radius: 8px;
2788 }
2789 .cxsc-settings-blocks.cxsc-settings-blocks-style input[type=radio]:checked::before {
2790 width: 1.5rem;
2791 height: 1.5rem;
2792 margin: -1px 0 0 -1px;
2793 }
2794
2795 .cxsc-settings-blocks.cxsc-settings-blocks-style .radio-inline input[type=radio] {
2796 width: 1.5rem;
2797 height: 1.5rem;
2798 }
2799
2800 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 {
2801 padding: 8px 15px;
2802 width: auto;
2803 font-size: 16px;
2804 font-weight: 500;
2805 color: #988FBD;
2806 border-radius: 8px;
2807 position: relative;
2808 display: inline-block;
2809 align-items: center;
2810 gap: 15px;
2811 background: #5B4E96;
2812 color: #ffffff;
2813 text-decoration: none;
2814 border-color: #5b4e96 !important;
2815 line-height: normal;
2816 }
2817
2818
2819 button#botmaster_submit_googlesheet_btn, button#botmaster_submit_googledoc_btn {
2820 background: #5B4E96;
2821 border-color: #5B4E96;
2822 }
2823
2824 .wpbot-wizard-field select#wizard_ai_provider {
2825 background: transparent;
2826 color: #fff;
2827 width: 100%;
2828 display: block;
2829 max-width: unset;
2830 }
2831 .wpbot-wizard-field select#wizard_ai_provider:hover {
2832 border-color: #5b4e96;
2833 color: #5b4e96;
2834 box-shadow: 0 0 0 1px #5b4e96;
2835 }
2836 div#wizard_api_key_container input#wizard_api_key {
2837 background: transparent;
2838 color: #fff;
2839 }
2840
2841
2842
2843 div#collapseTwoControl input[type=radio]:checked::before {
2844 background-color: #5b4e96;
2845 }
2846
2847 .nav-tab-wrapper.sld_nav_container.wppt_nav_container.qcld_help_wppt_nav_container{
2848 width: 320px !important;
2849 gap: 0;
2850 }
2851 div#rag-settings tbody#rag-knowledge-base-list tr td button {
2852 padding: 6px 20px;
2853 font-weight: bold;
2854 font-size: 12px;
2855 }
2856 div#rag-settings tbody#rag-knowledge-base-list tr td button.button.button-small.button-link-delete.rag-delete-doc{
2857 background: #d14529;
2858 color: #fff;
2859 border-color: #d14529;
2860 }
2861
2862 button#ai-knowledge-base-tab {
2863 animation: pulse 2s infinite;
2864 }
2865
2866 @keyframes pulse {
2867 0% {
2868 transform: scale(1);
2869 }
2870 50% {
2871 transform: scale(1.05);
2872 }
2873 100% {
2874 transform: scale(1);
2875 }
2876 }
2877 footer.wp-chatbot-admin-footer input#submit {
2878 background: #5b4e96;
2879 padding: 12px 30px;
2880 }
2881 footer.wp-chatbot-admin-footer {
2882 padding: 0 20px 20px 20px;
2883 margin: 0 20px;
2884 }
2885 .qcld-wp-chatbot-wrap-header_inn a.button.page-title-action {
2886 padding: 8px 15px;
2887 background: #ffffff;
2888 color: #5B4E96;
2889 border: 2px solid #5B4E96;
2890 border-radius: 6px;
2891 font-weight: bold;
2892 position: absolute;
2893 top: 30px;
2894 left: 280px;
2895 line-height: normal;
2896 min-height: unset;
2897 }
2898 .qcld-wp-chatbot-wrap-header_inn a.button.page-title-action:hover {
2899 padding: 8px 15px;
2900 background: #5B4E96;
2901 color: #fff;
2902 border: 2px solid #5B4E96;
2903 border-radius: 6px;
2904 font-weight: bold;
2905 position: absolute;
2906 top: 31px;
2907 left: 280px;
2908 }
2909
2910 .qcld-session-history_menu_box .btn.btn-primary {
2911 background: #564a8e !important;
2912 color: #fff !important;
2913 }
2914 .qcld-session-history_menu_box a.btn.btn-success {
2915 padding: 8px 24px;
2916 width: auto;
2917 font-size: 15px;
2918 font-weight: 500;
2919 border-radius: 8px;
2920 position: relative;
2921 background: #ffffff;
2922 color: #564a8e;
2923 text-decoration: none;
2924 line-height: normal;
2925 border: 2px solid #564a8e;
2926 }
2927 .qcld-session-history_menu_box a.btn.btn-success:hover {
2928 padding: 8px 24px;
2929 width: auto;
2930 font-size: 15px;
2931 font-weight: 500;
2932 border-radius: 8px;
2933 position: relative;
2934 background: #564a8e;
2935 color: #fff;
2936 text-decoration: none;
2937 line-height: normal;
2938 border: 2px solid #564a8e;
2939 }
2940