PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 7.7.1
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v7.7.1
8.7.8 8.7.7 8.7.6 8.7.5 8.7.4 8.7.3 8.7.2 8.7.1 8.7.0 8.6.9 8.6.8 8.6.7 8.6.6 8.6.5 8.6.4 8.6.2 8.6.1 8.6.0 8.5.9 8.5.8 8.5.7 8.5.6 8.5.5 8.5.4 8.5.3 All 534 releases
chatbot / css / admin-style.css

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

2,638 lines 54.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 15px;
1206 }
1207
1208
1209 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li a {
1210 padding: 14px 20px;
1211 width: 100%;
1212 font-size: 16px;
1213 font-weight: 500;
1214 color: #988FBD;
1215 border-radius: 8px;
1216 position: relative;
1217 display: flex;
1218 align-items: center;
1219 gap: 15px;
1220 background: #fff;
1221 text-decoration: none;
1222 border: none;
1223 margin: 2px 0;
1224 }
1225
1226 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li.active a,
1227 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li a:hover {
1228 padding: 14px 20px;
1229 width: 100%;
1230 font-size: 16px;
1231 font-weight: 500;
1232 color: #988FBD;
1233 border-radius: 8px;
1234 position: relative;
1235 display: flex;
1236 align-items: center;
1237 gap: 15px;
1238 background: #5B4E96;
1239 color: #ffffff;
1240 text-decoration: none;
1241 border: none;
1242 margin: 2px 0;
1243 }
1244
1245
1246 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]+label,
1247 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]+label {
1248 position: relative;
1249 width: 18px;
1250 height: 18px;
1251 border: 2px solid #5b4e96;
1252 border-radius: 4px;
1253 top: 0;
1254 left: 0;
1255 transform: translate(0%, 0%);
1256 transition: all ease-out 200ms;
1257 text-indent: 28px;
1258 font: normal normal 30px / 60px "Helvetica";
1259 white-space: nowrap;
1260 color: #555;
1261 -webkit-user-select: none;
1262 -moz-user-select: none;
1263 -ms-user-select: none;
1264 user-select: none;
1265 display: flex;
1266 align-items: center;
1267 line-height: 30px;
1268 }
1269
1270 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]+label:after,
1271 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]+label:after {
1272 content: "";
1273 position: absolute;
1274 width: 0px;
1275 height: 8px;
1276 border-bottom: 3px solid #22b573;
1277 border-left: 3px solid #22b573;
1278 top: 25%;
1279 left: 50%;
1280 transform-origin: bottom left;
1281 transform: rotate(-45deg);
1282 opacity: 0;
1283 transition: all ease-out 200ms;
1284 }
1285
1286 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]:checked+label,
1287 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]:checked+label {
1288 border: 2px solid #22b573;
1289 }
1290
1291 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]:checked+label:after,
1292 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]:checked+label:after {
1293 opacity: 1;
1294 width: 22px;
1295 }
1296
1297 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox],
1298 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox] {
1299 display: none;
1300 }
1301
1302 div#wp-chatbot-show-pages-list ul li,
1303 div#wp-chatbot-exclude-post-list ul li {
1304 padding: 4px 0;
1305 }
1306
1307 .qcld-main-wrapper div#headingTwoControl a {
1308 font-weight: bold;
1309 }
1310
1311 .qcl-openai input[type=checkbox]+label {
1312 position: relative;
1313 width: 18px;
1314 height: 18px;
1315 border: 2px solid #5b4e96;
1316 border-radius: 4px;
1317 top: 0;
1318 left: 0;
1319 transform: translate(0%, 0%);
1320 transition: all ease-out 200ms;
1321 text-indent: 28px;
1322 white-space: nowrap;
1323 color: #555;
1324 -webkit-user-select: none;
1325 -moz-user-select: none;
1326 -ms-user-select: none;
1327 user-select: none;
1328 display: flex;
1329 align-items: center;
1330 margin-bottom: 10px;
1331 line-height: 30px;
1332 }
1333
1334 .qcl-openai input[type=checkbox]+label:after {
1335 content: "";
1336 position: absolute;
1337 width: 0px;
1338 height: 8px;
1339 border-bottom: 3px solid #22b573;
1340 border-left: 3px solid #22b573;
1341 top: 25%;
1342 left: 50%;
1343 transform-origin: bottom left;
1344 transform: rotate(-45deg);
1345 opacity: 0;
1346 transition: all ease-out 200ms;
1347 }
1348
1349 .qcl-openai input[type=checkbox]:checked+label {
1350 border: 2px solid #22b573;
1351 }
1352
1353 .qcl-openai input[type=checkbox]:checked+label:after {
1354 opacity: 1;
1355 width: 22px;
1356 }
1357
1358 .qcl-openai input[type=checkbox] {
1359 display: none;
1360 }
1361
1362
1363 .qcl-openai .form-check {
1364 margin-bottom: 15px;
1365 border: 1px solid #E5E6F2;
1366 padding: 12px 12px;
1367 border-radius: 8px;
1368 }
1369
1370 .qcl-openai label.form-check-label span {
1371 font-size: 12px;
1372 }
1373
1374 .qcl-openai label.form-check-label span.pro-badge {
1375 font-size: 9px;
1376 font-weight: 400;
1377 color: #ffffff;
1378 background: #5B4E96;
1379 border-radius: 20px;
1380 padding: 2px 8px;
1381 margin-left: 5px;
1382 text-transform: uppercase;
1383 text-indent: initial;
1384 line-height: 16px;
1385 }
1386
1387 .qcl-openai a#save_setting {
1388 margin: 0 0 15px 0;
1389 }
1390
1391 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]+label {
1392 position: relative;
1393 width: 18px;
1394 height: 18px;
1395 border: 2px solid #5b4e96;
1396 border-radius: 4px;
1397 top: 0;
1398 left: 0;
1399 transform: translate(0%, 0%);
1400 transition: all ease-out 200ms;
1401 text-indent: 28px;
1402 white-space: nowrap;
1403 color: #555;
1404 -webkit-user-select: none;
1405 -moz-user-select: none;
1406 -ms-user-select: none;
1407 user-select: none;
1408 display: flex;
1409 align-items: center;
1410 margin-bottom: 0;
1411 line-height: 30px;
1412 }
1413
1414 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]+label:after {
1415 content: "";
1416 position: absolute;
1417 width: 0px;
1418 height: 8px;
1419 border-bottom: 3px solid #22b573;
1420 border-left: 3px solid #22b573;
1421 top: 25%;
1422 left: 50%;
1423 transform-origin: bottom left;
1424 transform: rotate(-45deg);
1425 opacity: 0;
1426 transition: all ease-out 200ms;
1427 }
1428
1429 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label {
1430 border: 2px solid #22b573;
1431 }
1432
1433 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label:after {
1434 opacity: 1;
1435 width: 22px;
1436 }
1437
1438 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox] {
1439 display: none;
1440 }
1441
1442
1443 .qcl-openai div#wp-chatbot-openrouter-settings .form-check {
1444 margin-bottom: 15px;
1445 border: 1px solid #E5E6F2;
1446 padding: 12px 12px;
1447 border-radius: 8px;
1448 }
1449
1450 .qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span {
1451 font-size: 12px;
1452 }
1453
1454 .qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span.pro-badge {
1455 font-size: 9px;
1456 font-weight: 400;
1457 color: #ffffff;
1458 background: #5B4E96;
1459 border-radius: 20px;
1460 padding: 2px 8px;
1461 margin-left: 5px;
1462 text-transform: uppercase;
1463 text-indent: initial;
1464 line-height: 16px;
1465 }
1466
1467 .qcl-openai div#wp-chatbot-openrouter-settings a#save_setting {
1468 margin: 0 0 15px 0;
1469 }
1470
1471 #qcld_save_openrouter_setting {
1472 margin: 0 0 15px 0;
1473 }
1474
1475
1476 div#openrouter-settings .tab-content {
1477 padding: 0 12px 0 12px;
1478 width: 100%;
1479 }
1480
1481 .qcl-openai .accordion {
1482 padding: 0 0 0 15px;
1483 }
1484
1485 .qcl-openai .card-body-openrouter {
1486 padding: 0 15px 0 15px;
1487 }
1488
1489
1490 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container h4 {
1491 width: 396px;
1492 }
1493
1494 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container select {
1495 border-color: #ffffff;
1496 width: 220px;
1497 }
1498
1499
1500 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-openai-training-model .row.my-4 {
1501 font-size: 15px;
1502 display: flex;
1503 width: 100%;
1504 align-items: center;
1505 justify-content: center;
1506 min-height: 420px;
1507 text-align: center;
1508 }
1509
1510 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-data_post_converter .row.my-4 {
1511 font-size: 16px;
1512 display: flex;
1513 width: 100%;
1514 align-items: center;
1515 justify-content: center;
1516 min-height: 420px;
1517 text-align: center;
1518 }
1519
1520 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-img_generator .row.my-4 {
1521 font-size: 16px;
1522 display: flex;
1523 width: 100%;
1524 align-items: center;
1525 justify-content: center;
1526 min-height: 420px;
1527 text-align: center;
1528 }
1529
1530 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-content_writer .row.my-4 {
1531 font-size: 16px;
1532 display: flex;
1533 width: 100%;
1534 align-items: center;
1535 justify-content: center;
1536 min-height: 420px;
1537 text-align: center;
1538 }
1539
1540
1541 .qcld-wrap.swpm-admin-menu-wrap {
1542 display: flex;
1543 margin: 15px 0;
1544 }
1545
1546 .qcld_help_wppt_nav_container {
1547 display: flex;
1548 flex-direction: column;
1549 width: 320px;
1550 background: #fff;
1551 border-radius: 16px;
1552 margin: 0 20px 0 0;
1553 }
1554
1555 .content_qcbot_help_secion {
1556 position: relative;
1557 width: 79%;
1558 display: block;
1559 background: #fff;
1560 border-radius: 16px;
1561 padding: 15px 20px;
1562 }
1563
1564 .qcld_help_wppt_nav_container a {
1565 margin: 2px 10px;
1566 }
1567
1568 .qcld_help_wppt_nav_container a {
1569 margin: 2px 10px;
1570 font-size: 15px;
1571 font-weight: 500;
1572 border: none;
1573 padding: 14px 20px !important;
1574 display: flex;
1575 align-items: center;
1576 gap: 15px;
1577 }
1578
1579 .qcld_help_wppt_nav_container a:hover {
1580 margin: 2px 10px;
1581 font-size: 15px;
1582 font-weight: 500;
1583 border: none;
1584 background: #5b4e96;
1585 color: #fff;
1586 padding: 14px 20px !important;
1587 display: flex;
1588 align-items: center;
1589 gap: 15px;
1590 }
1591
1592 .content_qcbot_help_secion .panel-default>.panel-heading {
1593 color: #333;
1594 background-color: #f5f5f5;
1595 border-color: #5B4E96;
1596 background: #fff !important;
1597 color: #5B4E96 !important;
1598 text-decoration: none !important;
1599 border-radius: 8px;
1600 border: 2px solid #5B4E96;
1601 padding: 0;
1602 }
1603
1604
1605 .content_qcbot_help_secion .panel-default>.panel-heading:hover {
1606 background: #5B4E96 !important;
1607 color: #ffffff !important;
1608 text-decoration: none !important;
1609 border-radius: 8px;
1610 }
1611
1612
1613 .content_qcbot_help_secion .panel-default>.panel-heading:hover a{
1614 color: #ffffff !important;
1615 }
1616 .content_qcbot_help_secion .panel-default {
1617 border-color: #dddddd00;
1618 margin-bottom: 10px;
1619 }
1620
1621 .content_qcbot_help_secion .panel-title a {
1622 padding: 10px 15px;
1623 display: block;
1624 position: relative;
1625 display: block;
1626 padding: 15px 12px;
1627 font-size: 16px;
1628 font-weight: bold;
1629 color: #5B4E96;
1630 }
1631
1632 .content_qcbot_help_secion p {
1633 font-size: 15px;
1634 }
1635
1636 .content_qcbot_help_secion .panel-title a.collapsed:after {
1637 content: "\f10f";
1638 position: absolute;
1639 right: 18px;
1640 top: 12px;
1641 font-family: dashicons;
1642 font-size: 24PX;
1643 font-weight: normal;
1644 }
1645
1646 .content_qcbot_help_secion .panel-title a:after {
1647 content: "\f14f";
1648 position: absolute;
1649 right: 18px;
1650 top: 12px;
1651 font-family: dashicons;
1652 font-size: 24PX;
1653 font-weight: normal;
1654 }
1655
1656
1657 .content_qcbot_help_secion .panel-default>.panel-heading+.panel-collapse>.panel-body {
1658 border-top-color: transparent;
1659 background: linear-gradient(181deg, #ffffff 70%, #e9e4ff 96%);
1660 border-radius: 16px;
1661 border: 1px solid #eee;
1662 margin: 8px 0 0 0;
1663 padding: 20px 15px;
1664 }
1665
1666 .content_qcbot_help_secion .panel {
1667 box-shadow: none;
1668 }
1669
1670 .qcbot_help_secion h3 {
1671 font-size: 16px;
1672 font-weight: bold;
1673 }
1674
1675 .qcbot_help_secion ul li {
1676 list-style: inside;
1677 }
1678
1679 .notice.is-dismissible.qcbot-str-top-notic {
1680 width: 98.7%;
1681 }
1682
1683 .qcld-main-wrapper {
1684 margin: 10px 0px 0 2px !important;
1685 }
1686
1687 .content_qcbot_help_secion .section-container {
1688 display: flex;
1689 gap: 30px;
1690 }
1691
1692 .content-wrap .section-container {
1693 display: flex;
1694 gap: 30px;
1695 }
1696
1697 .wpbot_statistics_area h2 {
1698 font-size: 22px;
1699 font-weight: bold;
1700 }
1701
1702
1703 section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover a {
1704 color: #fff;
1705 }
1706
1707 .qcld-main-wrapper a {
1708 text-decoration: none !important;
1709 }
1710
1711 .admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1712 text-decoration: none;
1713 }
1714
1715 .admin-maxwith.qcld-openai-main-box button.btn.btn-link:hover {
1716 font-weight: bold;
1717 display: block;
1718 padding: 15px 12px;
1719 font-size: 16px;
1720 color: #fff;
1721 background: #5B4E96;
1722 width: 100%;
1723 text-align: left;
1724 }
1725
1726 .content-wrap .qcld-seo-help-feature ul {
1727 background: linear-gradient(178deg, #ffffff 70%, #e9e4ff 96%);
1728 border-radius: 6px;
1729 padding: 5px 8px;
1730 border: 1px solid #eee;
1731 }
1732
1733 .wp-chatbot-tabs nav ul li a {
1734 color: #695d99;
1735 }
1736
1737 .wp-chatbot-tabs nav .cxsc-settings_openai_border a {
1738 color: #695d99;
1739 }
1740
1741
1742 .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab {
1743 float: left;
1744 border: 1px solid #c3c4c7;
1745 border-bottom: 1px;
1746 margin-left: .5em;
1747 font-size: 16px;
1748 line-height: 1.71428571;
1749 font-weight: 600;
1750 background: #ffffff;
1751 color: #5b4e96;
1752 text-decoration: none;
1753 white-space: nowrap;
1754 border: 1px solid #5b4e96;
1755 padding: 14px 20px !important;
1756 line-height: normal !important;
1757 border-radius: 6px;
1758
1759 }
1760
1761 .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab:hover, .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab.nav-tab-active {
1762 float: left;
1763 border: 1px solid #c3c4c7;
1764 border-bottom: 1px;
1765 margin-left: .5em;
1766 font-size: 16px;
1767 line-height: 1.71428571;
1768 font-weight: 600;
1769 background: #5b4e96;
1770 color: #fff;
1771 text-decoration: none;
1772 white-space: nowrap;
1773 border: 1px solid #5b4e96;
1774 padding: 14px 20px !important;
1775 line-height: normal !important;
1776
1777 }
1778
1779 .qcld_label_width_full{
1780 width: 100% !important;
1781 }
1782 .cxsc-settings-blocks-font-resize{
1783 font-size: 14px !important;
1784 }
1785
1786 .qcld_thumbnail_theme_prev label{
1787 width: 100% !important;
1788 position: relative;
1789 text-align: center;
1790 }
1791
1792 button.swal2-confirm.btn.btn-lg.swal2-styled {
1793 padding: 14px 20px;
1794 width: 100%;
1795 font-size: 16px;
1796 font-weight: 500;
1797 color: #988FBD;
1798 border-radius: 8px;
1799 position: relative;
1800 display: flex;
1801 align-items: center;
1802 gap: 15px;
1803 background: #5B4E96;
1804 color: #ffffff;
1805 text-decoration: none;
1806 border-color: #5b4e96 !important;
1807 }
1808
1809
1810
1811
1812
1813
1814
1815
1816
1817 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label {
1818 position: relative;
1819 width: 18px;
1820 height: 18px;
1821 border: 2px solid #5b4e96;
1822 border-radius: 4px;
1823 top: 0;
1824 left: 0;
1825 transform: translate(0%, 0%);
1826 transition: all ease-out 200ms;
1827 text-indent: 28px;
1828 font: normal normal 30px / 60px "Helvetica";
1829 white-space: nowrap;
1830 color: #555;
1831 -webkit-user-select: none;
1832 -moz-user-select: none;
1833 -ms-user-select: none;
1834 user-select: none;
1835 display: flex;
1836 align-items: center;
1837 }
1838
1839 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label:after {
1840 content: "";
1841 position: absolute;
1842 width: 0px;
1843 height: 8px;
1844 border-bottom: 3px solid #22b573;
1845 border-left: 3px solid #22b573;
1846 top: 25%;
1847 left: 50%;
1848 transform-origin: bottom left;
1849 transform: rotate(-45deg);
1850 opacity: 0;
1851 transition: all ease-out 200ms;
1852 }
1853
1854 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label {
1855 border: 2px solid #22b573;
1856 }
1857
1858 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label:after {
1859 opacity: 1;
1860 width: 22px;
1861 }
1862
1863 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox] {
1864 display: none;
1865 }
1866
1867 .cxsc-settings_openai_border {
1868 margin-bottom: 6px;
1869 }
1870
1871 div#wp-chatbot-custom-color-options .top-section .row .cxsc-settings-blocks {
1872 padding-top: 0;
1873 }
1874
1875 div#wp-chatbot-post-converter ul.checkbox-list {
1876 display: flex;
1877 flex-wrap: wrap;
1878 gap: 6px;
1879 }
1880 div#wp-chatbot-post-converter ul.checkbox-list .form-check.form-check-inline {
1881 display: inline-block;
1882 min-width: 290px;
1883 margin: 0;
1884 }
1885
1886
1887
1888 div#wp-chatbot-show-pages-list ul.checkbox-list {
1889 display: flex;
1890 flex-wrap: wrap;
1891 gap: 6px;
1892 }
1893
1894 div#wp-chatbot-exclude-post-list ul.checkbox-list {
1895 display: flex;
1896 flex-wrap: wrap;
1897 gap: 6px;
1898 }
1899
1900
1901 div#wp-chatbot-show-pages-list ul.checkbox-list li{
1902 display: inline-block;
1903 min-width: 310px;
1904 margin: 0;
1905 }
1906
1907 div#wp-chatbot-exclude-post-list ul.checkbox-list li{
1908 display: inline-block;
1909 min-width: 310px;
1910 margin: 0;
1911 }
1912 #rotationloader
1913 {
1914 display: none;
1915 rotate: initial;
1916 -webkit-animation: rotation 2s infinite linear;
1917 }
1918
1919 .docs_icon {
1920 position: absolute;
1921 top: 0;
1922 bottom: 0;
1923 left: 0;
1924 right: 0;
1925 z-index: 1;
1926 text-align: center;
1927 display: flex;
1928 align-items: center;
1929 justify-content: center;
1930 background: #5b4e968f;
1931 color: #ffffff;
1932 font-size: 60px;
1933 border-radius: 8px;
1934 }
1935 a.qcld-wp-chatbot-wrap--doc_logo {
1936 text-decoration: none !important;
1937 position: relative;
1938 }
1939 .docs_icon span {
1940 background: #5b4e96;
1941 padding: 25px 25px;
1942 border-radius: 50%;
1943 font-size: 82px;
1944 width: auto;
1945 height: auto;
1946 }
1947
1948
1949 /* .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
1950 font-size: 18px;
1951 display: block !important;
1952 } */
1953
1954 .lp-submenu-wpbot_openAi .swal2-actions button {
1955 width: auto !important;
1956 padding: 10px 40px !important;
1957 line-height: normal !important;
1958 }
1959 .lp-submenu-wpbot_openAi .swal2-actions {
1960 display: flex;
1961 }
1962 .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
1963 font-size: 16px !important;
1964 font-weight: 500 !important;
1965 }
1966
1967 .wp-chatbot-wrap hr {
1968 margin-top: 10px;
1969 margin-bottom: 10px;
1970 }
1971
1972
1973 .wp-chatbot-wrap a.nav-tab.sld_click_handle {
1974 margin-right: .5em;
1975 line-height: 1.42857143;
1976 border: 1px solid #5b4e96 !important;
1977 border-radius: 6px !important;
1978 border: 1px solid #5b4e96 !important;
1979 padding: 10px 20px !important;
1980 border-radius: 8px !important;
1981 color: #5b4e96 !important;
1982 font-size: 15px !important;
1983 font-weight: 600;
1984 line-height: normal !important;
1985 background: #fff;
1986 }
1987
1988 .wp-chatbot-wrap a.nav-tab.sld_click_handle:hover, .wp-chatbot-wrap a.nav-tab.sld_click_handle.nav-tab-active{
1989 margin-right: .5em;
1990 line-height: 1.42857143;
1991 border: 1px solid #5b4e96 !important;
1992 border-radius: 6px !important;
1993 border: 1px solid #5b4e96 !important;
1994 padding: 10px 20px !important;
1995 border-radius: 8px !important;
1996 color: #fff !important;
1997 font-size: 15px !important;
1998 font-weight: 600;
1999 line-height: normal !important;
2000 background: #5b4e96;
2001 }
2002
2003
2004
2005
2006
2007
2008
2009
2010 .swal2-actions {
2011 display: flex;
2012 z-index: 1;
2013 box-sizing: border-box;
2014 flex-wrap: wrap;
2015 align-items: center;
2016 justify-content: center;
2017 width: 100%;
2018 margin: 1.25em auto 0;
2019 padding: 0;
2020 }
2021 button.swal2-deny.swal2-styled{
2022 border: 0;
2023 border-radius: .25em;
2024 background: initial;
2025 background-color: #d14529 !important;
2026 color: #fff;
2027 font-size: 1em;
2028 padding: 14px 20px;
2029 width: auto;
2030 font-size: 16px;
2031 font-weight: 500;
2032 color: #988FBD;
2033 border-radius: 8px;
2034 position: relative;
2035 display: flex;
2036 align-items: center;
2037 gap: 15px;
2038 background: #d14529;
2039 color: #ffffff;
2040 text-decoration: none;
2041 border-color: #5b4e96 !important;
2042 }
2043
2044
2045 button.swal2-confirm.btn.btn-lg.swal2-styled {
2046 width: auto !important;
2047 }
2048
2049 .chatbot-wpbot-lite_page_wpbot button.swal2-deny.swal2-styled {
2050 display: none !important;
2051 }
2052 a#qcld_save_openrouter_setting {
2053 background: #5B4E96;
2054 color: #ffffff;
2055 border: none;
2056 padding: 12px 30px;
2057 }
2058
2059 a#save_setting {
2060 background: #5B4E96;
2061 color: #ffffff;
2062 border: none;
2063 padding: 12px 30px;
2064 }
2065
2066 @media (max-width: 1280px) {
2067 .content-wrap {
2068 width: 50% !important;
2069 }
2070
2071 .wp-chatbot-admin-upgrade-pro-sidebar {
2072
2073 width: 24% !important;
2074 }
2075
2076 }
2077
2078 @media (max-width: 992px) {
2079 .wp-chatbot-tabs nav {
2080 width: 100% !important;
2081 margin-right: 0 !important;
2082 }
2083 .content-wrap {
2084 width: 100% !important;
2085 }
2086 .wp-chatbot-admin-upgrade-pro-sidebar {
2087 width: 100% !important;
2088 margin: 0 0 0 0 !important;
2089 }
2090 .wp-chatbot-tabs {
2091 display: flex;
2092 flex-wrap: wrap;
2093 gap: 20px;
2094 }
2095 .admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
2096 display: flex;
2097 flex-wrap: wrap;
2098 }
2099 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
2100 width: 100%;
2101 }
2102 .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2103 padding: 12px 5px !important;
2104 }
2105 label.form-check-label span {
2106 display: none;
2107 }
2108 .qc-review-text img {
2109 width: 100%;
2110 }
2111
2112 .content_qcbot_help_secion {
2113 width: 100% !important;
2114 }
2115 .qcld_help_wppt_nav_container {
2116 width: 100% !important;
2117 }
2118 .qcld-wrap.swpm-admin-menu-wrap {
2119 display: flex
2120 ;
2121 margin: 15px 0;
2122 flex-direction: column;
2123 flex-wrap: wrap;
2124 }
2125 }
2126
2127
2128 @media (max-width: 640px) {
2129 .qcld-wp-chatbot-wrap-header {
2130 display: flex;
2131 column-gap: 15px;
2132 row-gap: 10px;
2133 background: #fff;
2134 padding: 15px 15px;
2135 margin: 20px 20px 20px 0;
2136 border-radius: 16px;
2137 align-items: center;
2138 justify-content: space-between;
2139 flex-direction: column;
2140 }
2141 ul.qcld-wp-chatbot-wrap-version-wrapper {
2142 display: block;
2143 margin: 15px 0 15px 0;
2144 }
2145 .qcld-wp-chatbot-wrap-header-doc {
2146 display: flex
2147 ;
2148 column-gap: 15px;
2149 row-gap: 10px;
2150 background: #fff;
2151 padding: 15px 15px;
2152 margin: 20px 20px 20px 0;
2153 border-radius: 16px;
2154 align-items: center;
2155 justify-content: flex-start;
2156 display: flex
2157 ;
2158 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
2159 border-radius: 16px;
2160 gap: 30px;
2161 flex-direction: column;
2162 }
2163 .qcld-wp-chatbot-wrap-header-doc-details {
2164 width: 100%;
2165 }
2166 .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2167 padding: 12px 25px !important;
2168 }
2169 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
2170 display: inline-block;
2171 width: 100%;
2172 }
2173 }
2174
2175 .swal2-popup.swal2-modal.connection-modal button.swal2-deny.swal2-styled{display: none !important;}
2176 .swal2-popup.swal2-modal.connection-modal .swal2-styled.swal2-confirm {
2177 padding: 14px 20px;
2178 width: auto;
2179 font-size: 16px;
2180 align-items: center;
2181 gap: 15px;
2182 background: #5B4E96;
2183 color: #ffffff;
2184 text-decoration: none;
2185 border-color: #5b4e96 !important;
2186 }
2187
2188 .wrap.qcld-main-wrapper a:focus {
2189 outline: none !important;
2190 outline-offset: 0 !important;
2191 box-shadow: none !important;
2192 }
2193
2194 p.qc-opt-dcs-font-faq {
2195 font-weight: bold;
2196 }
2197
2198
2199 .qcld-general-settings-connection-notic {
2200 background: #eee;
2201 border: 2px solid #5b4e96;
2202 border-radius: 8px;
2203 margin: 0 0 15px 0;
2204 padding: 12px;
2205 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
2206 position: relative;
2207 }
2208 .qcld-general-settings-connection-notic p{
2209 margin: 6px 0 6px 0;
2210 padding: 0;
2211 font-size: 15px;
2212 font-weight: 500;
2213 }
2214
2215
2216 .qcld-general-settings-close {
2217 position: absolute;
2218 top: -10px;
2219 right: 3px;
2220 transition: all 200ms;
2221 font-size: 30px;
2222 font-weight: bold;
2223 text-decoration: none;
2224 color: #5b4e96;
2225 }
2226 .qcld-general-settings-close:hover {
2227 color: orange;
2228 }
2229 #qcld-show-more-wrapper-box {
2230 margin-top: 0;
2231 position:relative;
2232 }
2233 #qcld-show-more-wrapper-box .qcld-show-more-text {
2234 /* width: 660px; */
2235 margin-bottom: 5px;
2236 padding: 0 0;
2237 position:relative;
2238 display: block;
2239 }
2240 #qcld-show-more-wrapper-box .qcld-show-more-show-more {
2241 color: #ffffff;
2242 position: relative;
2243 padding: 60px 0 0 0;
2244 height: 60px;
2245 text-align: center;
2246 background: #f1f1f1;
2247 cursor: pointer;
2248 background: linear-gradient(to bottom, rgb(255 255 255 / 24%) 0%, rgb(188 174 255) 100%);
2249 margin: -39px 0 0 0;
2250 border-radius: 0 0 15px 15px;
2251 z-index: 99999;
2252 font-weight: bold;
2253 }
2254
2255 #qcld-show-more-wrapper-box .qcld-show-more-show-more-height {
2256 height: 190px;
2257 overflow:hidden;
2258 }
2259
2260 #qcld-show-more-wrapper-box .qcld-show-more-show-more i {
2261 display: block;
2262 padding: 0 0 0 0;
2263 background: #5b4e96;
2264 width: 30px;
2265 height: 30px;
2266 line-height: 30px;
2267 border-radius: 50%;
2268 margin: -15px auto 0 auto;
2269 font-size: 18px !important;
2270 color: #fff;
2271 }
2272
2273 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]+label {
2274 position: relative;
2275 width: 18px;
2276 height: 18px;
2277 border: 2px solid #5b4e96;
2278 border-radius: 4px;
2279 top: 0;
2280 left: 0;
2281 transform: translate(0%, 0%);
2282 transition: all ease-out 200ms;
2283 text-indent: 28px;
2284 white-space: nowrap;
2285 color: #555;
2286 -webkit-user-select: none;
2287 -moz-user-select: none;
2288 -ms-user-select: none;
2289 user-select: none;
2290 display: flex;
2291 align-items: center;
2292 margin-bottom: 0;
2293 line-height: 30px;
2294 }
2295
2296
2297 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]+label:after {
2298 content: "";
2299 position: absolute;
2300 width: 0px;
2301 height: 8px;
2302 border-bottom: 3px solid #22b573;
2303 border-left: 3px solid #22b573;
2304 top: 25%;
2305 left: 50%;
2306 transform-origin: bottom left;
2307 transform: rotate(-45deg);
2308 opacity: 0;
2309 transition: all ease-out 200ms;
2310 }
2311
2312 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label {
2313 border: 2px solid #22b573;
2314 }
2315
2316 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label:after {
2317 opacity: 1;
2318 width: 22px;
2319 }
2320
2321 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox] {
2322 display: none;
2323 }
2324
2325
2326 .qcl-openai div#wp-chatbot-gemini-settings .form-check {
2327 margin-bottom: 15px;
2328 border: 1px solid #E5E6F2;
2329 padding: 12px 12px;
2330 border-radius: 8px;
2331 }
2332
2333 .qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span {
2334 font-size: 12px;
2335 }
2336
2337 .qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span.pro-badge {
2338 font-size: 9px;
2339 font-weight: 400;
2340 color: #ffffff;
2341 background: #5B4E96;
2342 border-radius: 20px;
2343 padding: 2px 8px;
2344 margin-left: 5px;
2345 text-transform: uppercase;
2346 text-indent: initial;
2347 line-height: 16px;
2348 }
2349
2350 .qcl-openai div#wp-chatbot-gemini-settings a#save_setting {
2351 margin: 0 0 15px 0;
2352 }
2353
2354
2355
2356 span.qcls_openAI_customized {
2357 background: yellow;
2358 }
2359 .admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
2360 font-size: 16px;
2361 line-height: 28px;
2362 }
2363 textarea#qcld_openai_system_content {
2364 height: 120px;
2365 line-height: 28px;
2366 }
2367 .qcld-main-wrapper .alert.alert-warning {
2368 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96% 96%);
2369 border-radius: 6px;
2370 color: #721c24;
2371 background: #f8d7da;
2372 border-color: #f5c6cb;
2373 font-weight: bold;
2374 }
2375 .qcld-wpbot-pricing-filter-form-check {
2376 display: flex;
2377 gap: 10px;
2378 }
2379
2380 .qcld-dialogflow-enable-notice {
2381 padding: 15px 0 15px 0;
2382 color: red;
2383 font-weight: bold;
2384 }
2385
2386 a#qcld_save_gemini_setting {
2387 background: #5B4E96;
2388 color: #ffffff;
2389 border: none;
2390 padding: 12px 30px;
2391 }
2392 .card-body-gemini {
2393 padding: 0 15px;
2394 }
2395
2396 div#panelsStayOpen-collapseseven pre {
2397 width: 100%;
2398 display: block;
2399 max-width: 1120px;
2400 }
2401
2402 .card-body-gemini p {
2403 font-size: 16px;
2404 font-weight: bold;
2405 }
2406
2407 .card-body-openrouter p{
2408 font-size: 16px;
2409 font-weight: bold;
2410 }
2411 div#wp-chatbot-openai-assistants p {
2412 font-size: 16px;
2413 }
2414 button.btn{
2415 outline: none !important;
2416 }
2417 button.btn:focus{
2418 outline: none !important;
2419 }
2420 input:focus {
2421 border-color: #e1dbff;
2422 box-shadow: none !important;
2423 outline: none !important;
2424 }
2425
2426 .wp-chatbot-wrap .qc-opt-language-title{
2427 font-weight: bold !important;
2428 color: #5b4e96 !important;
2429 font-size: 16px;
2430 }
2431
2432 button.qcld_chatbot_custom_icon_button.button, button.wp_chatbot_custom_agent_button.button {
2433 padding: 2px 20px;
2434 width: auto;
2435 font-size: 14px;
2436 font-weight: 500;
2437 color: #988FBD;
2438 border-radius: 8px;
2439 background: #fff;
2440 color: #5B4E96;
2441 text-decoration: none;
2442 margin: 0;
2443 border: 2px solid #5B4E96;
2444
2445 }
2446
2447 button.qcld_chatbot_custom_icon_button.button:hover, button.wp_chatbot_custom_agent_button.button:hover {
2448 background: #5B4E96;
2449 color: #fff;
2450 border: 2px solid #5B4E96;
2451
2452 }
2453
2454
2455 @media (min-width: 993px) and (max-width: 1350px) {
2456 .wp-chatbot-admin-upgrade-pro-sidebar {
2457 width: 25%;
2458 }
2459 }
2460
2461 .wp-chatbot-tabs nav ul li a span.dashicons {
2462 font-size: 20px;
2463 width: auto;
2464 height: auto;
2465 }
2466 .wp-chatbot-tabs nav .cxsc-settings_openai_border a span.dashicons {
2467 font-size: 20px;
2468 }
2469
2470
2471 .dashicons, .dashicons-before:before {
2472 font-family: dashicons;
2473 display: inline-block;
2474 line-height: 1;
2475 font-weight: 400;
2476 font-weight: normal;
2477 }
2478
2479 .qcl-openai a:focus {
2480 outline: 0 auto -webkit-focus-ring-color;
2481 outline-offset: 0;
2482 border: none !important;
2483 outline: none !important;
2484 box-shadow: none;
2485 }
2486
2487 #qcld_check_connection i{
2488 animation: rotation infinite 3s linear;
2489 }
2490
2491 .wp-chatbot-wrap div#wp-chatbot-custom-color-options .form-group {
2492 min-height: 90px;
2493 }
2494
2495 div#promotion-wpchatbot .qc-review-text a {
2496 display: block;
2497 }
2498 .qcld-wp-chatbot-wrap-header-logo {
2499 display: flex;
2500 align-items: center;
2501 gap: 10px;
2502 }
2503 @keyframes rotation{
2504 from{
2505 transform:rotate(360deg);
2506 }
2507
2508 to{
2509 transform:rotate(0deg);
2510 }
2511 }
2512
2513 .qcld-btn-primary {
2514 padding: 14px 30px;
2515 width: auto;
2516 font-size: 16px;
2517 font-weight: 500;
2518 color: #988FBD;
2519 border-radius: 8px;
2520 position: relative;
2521 display: inline-block;
2522 align-items: center;
2523 gap: 15px;
2524 background: #5B4E96;
2525 color: #ffffff;
2526 text-decoration: none;
2527 border-color: #5b4e96 !important;
2528 line-height: normal;
2529 }
2530 div#wpfooter {
2531 display: none;
2532 }
2533
2534 .qcld-btn-primary {
2535
2536 border: none;
2537 }
2538
2539 div#qcld-rag-settings-tab .wrap h3 {
2540 padding: 0 0 8px 0;
2541 margin: 20px 0 12px 0;
2542 font-weight: bold;
2543 font-size: 22px !important;
2544 color: #5b4e96 !important;
2545 }
2546
2547 div#rag-sync .wrap h3 {
2548 padding: 0 0 8px 0;
2549 margin: 10px 0 12px 0;
2550 font-weight: bold;
2551 font-size: 22px !important;
2552 color: #5b4e96 !important;
2553 }
2554
2555 div#rag-settings h2.nav-tab-wrapper a {
2556 margin-right: .5em;
2557 line-height: 1.42857143;
2558 border: 1px solid #5b4e96;
2559 border-radius: 6px;
2560 border: 1px solid #5b4e96;
2561 padding: 10px 20px !important;
2562 border-radius: 8px;
2563 color: #5b4e96;
2564 font-size: 15px;
2565 font-weight: 600;
2566 line-height: normal !important;
2567 background: #fff;
2568 }
2569
2570 div#rag-settings h2.nav-tab-wrapper {
2571 margin: 0;
2572 padding: 0;
2573 border: none;
2574 }
2575
2576 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 {
2577 color: #fff;
2578 background: #5b4e96;
2579 text-decoration: none !important;
2580 border: 1px solid #5b4e96;
2581 }
2582
2583
2584
2585 button#rag-pdf-submit, button#rag-csv-submit, button#rag-xaml-submit, button#rag_embed_btn {
2586 padding: 8px 15px;
2587 width: auto;
2588 font-size: 16px;
2589 font-weight: 500;
2590 color: #988FBD;
2591 border-radius: 8px;
2592 position: relative;
2593 display: inline-block;
2594 align-items: center;
2595 gap: 15px;
2596 background: #5B4E96;
2597 color: #ffffff;
2598 text-decoration: none;
2599 border-color: #5b4e96 !important;
2600 line-height: normal;
2601 }
2602
2603 div#rag-sync .wrap {
2604 border: 1px solid #eee;
2605 padding: 8px 12px;
2606 border-radius: 6px;
2607 }
2608
2609
2610
2611 div#qcld-rag-settings-tab .wrap:first-child {
2612 border: 1px solid #eee;
2613 padding: 8px 12px;
2614 border-radius: 6px;
2615 }
2616
2617
2618 .qcl-openai div#rag-database input[type=checkbox] {
2619 display: block;
2620 }
2621
2622 .tablenav-pages {
2623 text-align: right;
2624 padding: 8px 0;
2625 }
2626 button#botmaster_submit_sitemap_btn {
2627 background: #5B4E96;
2628 border-color: #5B4E96;
2629 }
2630 div#rag-database h3 {
2631 padding: 0 0 8px 0;
2632 margin: 15px 0 8px 0;
2633 font-weight: bold;
2634 font-size: 22px !important;
2635 color: #5b4e96 !important;
2636 }
2637
2638