PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, AI Services / 7.7.9
WPBot – AI ChatBot for Live Support, Lead Generation, AI Services v7.7.9
8.7.5 8.7.4 8.7.3 8.7.2 8.7.1 8.7.0 8.6.9 8.6.8 8.6.7 8.6.6 8.6.5 8.6.4 8.6.2 8.6.1 8.6.0 8.5.9 8.5.8 8.5.7 8.5.6 8.5.5 8.5.4 8.5.3 8.5.2 8.5.0 8.4.9 All 531 releases
chatbot / css / admin-style.css

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

2,674 lines 55.5 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-main-wrapper .alert.alert-warning {
2366 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96% 96%);
2367 border-radius: 6px;
2368 color: #721c24;
2369 background: #f8d7da;
2370 border-color: #f5c6cb;
2371 font-weight: bold;
2372 }
2373 .qcld-wpbot-pricing-filter-form-check {
2374 display: flex;
2375 gap: 10px;
2376 }
2377
2378 .qcld-dialogflow-enable-notice {
2379 padding: 15px 0 15px 0;
2380 color: red;
2381 font-weight: bold;
2382 }
2383
2384 a#qcld_save_gemini_setting {
2385 background: #5B4E96;
2386 color: #ffffff;
2387 border: none;
2388 padding: 12px 30px;
2389 }
2390 .card-body-gemini {
2391 padding: 0 15px;
2392 }
2393
2394 div#panelsStayOpen-collapseseven pre {
2395 width: 100%;
2396 display: block;
2397 max-width: 1120px;
2398 }
2399
2400 .card-body-gemini p {
2401 font-size: 16px;
2402 font-weight: bold;
2403 }
2404
2405 .card-body-openrouter p{
2406 font-size: 16px;
2407 font-weight: bold;
2408 }
2409 div#wp-chatbot-openai-assistants p {
2410 font-size: 16px;
2411 }
2412 button.btn{
2413 outline: none !important;
2414 }
2415 button.btn:focus{
2416 outline: none !important;
2417 }
2418 input:focus {
2419 border-color: #e1dbff;
2420 box-shadow: none !important;
2421 outline: none !important;
2422 }
2423
2424 .wp-chatbot-wrap .qc-opt-language-title{
2425 font-weight: bold !important;
2426 color: #5b4e96 !important;
2427 font-size: 16px;
2428 }
2429
2430 button.qcld_chatbot_custom_icon_button.button, button.wp_chatbot_custom_agent_button.button {
2431 padding: 2px 20px;
2432 width: auto;
2433 font-size: 14px;
2434 font-weight: 500;
2435 color: #988FBD;
2436 border-radius: 8px;
2437 background: #fff;
2438 color: #5B4E96;
2439 text-decoration: none;
2440 margin: 0;
2441 border: 2px solid #5B4E96;
2442
2443 }
2444
2445 button.qcld_chatbot_custom_icon_button.button:hover, button.wp_chatbot_custom_agent_button.button:hover {
2446 background: #5B4E96;
2447 color: #fff;
2448 border: 2px solid #5B4E96;
2449
2450 }
2451
2452
2453 @media (min-width: 993px) and (max-width: 1350px) {
2454 .wp-chatbot-admin-upgrade-pro-sidebar {
2455 width: 25%;
2456 }
2457 }
2458
2459 .wp-chatbot-tabs nav ul li a span.dashicons {
2460 font-size: 20px;
2461 width: auto;
2462 height: auto;
2463 }
2464 .wp-chatbot-tabs nav .cxsc-settings_openai_border a span.dashicons {
2465 font-size: 20px;
2466 }
2467
2468
2469 .dashicons, .dashicons-before:before {
2470 font-family: dashicons;
2471 display: inline-block;
2472 line-height: 1;
2473 font-weight: 400;
2474 font-weight: normal;
2475 }
2476
2477 .qcl-openai a:focus {
2478 outline: 0 auto -webkit-focus-ring-color;
2479 outline-offset: 0;
2480 border: none !important;
2481 outline: none !important;
2482 box-shadow: none;
2483 }
2484
2485 #qcld_check_connection i{
2486 animation: rotation infinite 3s linear;
2487 }
2488
2489 .wp-chatbot-wrap div#wp-chatbot-custom-color-options .form-group {
2490 min-height: 90px;
2491 }
2492
2493 div#promotion-wpchatbot .qc-review-text a {
2494 display: block;
2495 }
2496 .qcld-wp-chatbot-wrap-header-logo {
2497 display: flex;
2498 align-items: center;
2499 gap: 10px;
2500 }
2501 @keyframes rotation{
2502 from{
2503 transform:rotate(360deg);
2504 }
2505
2506 to{
2507 transform:rotate(0deg);
2508 }
2509 }
2510
2511 .qcld-btn-primary {
2512 padding: 14px 30px;
2513 width: auto;
2514 font-size: 16px;
2515 font-weight: 500;
2516 color: #988FBD;
2517 border-radius: 8px;
2518 position: relative;
2519 display: inline-block;
2520 align-items: center;
2521 gap: 15px;
2522 background: #5B4E96;
2523 color: #ffffff;
2524 text-decoration: none;
2525 border-color: #5b4e96 !important;
2526 line-height: normal;
2527 }
2528 div#wpfooter {
2529 display: none;
2530 }
2531
2532 .qcld-btn-primary {
2533
2534 border: none;
2535 }
2536
2537 div#qcld-rag-settings-tab .wrap h3 {
2538 padding: 0 0 8px 0;
2539 margin: 20px 0 12px 0;
2540 font-weight: bold;
2541 font-size: 22px !important;
2542 color: #5b4e96 !important;
2543 }
2544
2545 div#rag-sync .wrap h3 {
2546 padding: 0 0 8px 0;
2547 margin: 10px 0 12px 0;
2548 font-weight: bold;
2549 font-size: 22px !important;
2550 color: #5b4e96 !important;
2551 }
2552
2553 div#rag-settings h2.nav-tab-wrapper a {
2554 margin-right: .5em;
2555 line-height: 1.42857143;
2556 border: 1px solid #5b4e96;
2557 border-radius: 6px;
2558 border: 1px solid #5b4e96;
2559 padding: 10px 20px !important;
2560 border-radius: 8px;
2561 color: #5b4e96;
2562 font-size: 15px;
2563 font-weight: 600;
2564 line-height: normal !important;
2565 background: #fff;
2566 }
2567
2568 div#rag-settings h2.nav-tab-wrapper {
2569 margin: 0;
2570 padding: 0;
2571 border: none;
2572 }
2573
2574 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 {
2575 color: #fff;
2576 background: #5b4e96;
2577 text-decoration: none !important;
2578 border: 1px solid #5b4e96;
2579 }
2580
2581
2582
2583 button#rag-pdf-submit, button#rag-csv-submit, button#rag-xaml-submit, button#rag_embed_btn {
2584 padding: 8px 15px;
2585 width: auto;
2586 font-size: 16px;
2587 font-weight: 500;
2588 color: #988FBD;
2589 border-radius: 8px;
2590 position: relative;
2591 display: inline-block;
2592 align-items: center;
2593 gap: 15px;
2594 background: #5B4E96;
2595 color: #ffffff;
2596 text-decoration: none;
2597 border-color: #5b4e96 !important;
2598 line-height: normal;
2599 }
2600
2601 div#rag-sync .wrap {
2602 border: 1px solid #eee;
2603 padding: 8px 12px;
2604 border-radius: 6px;
2605 }
2606
2607
2608
2609 div#qcld-rag-settings-tab .wrap:first-child {
2610 border: 1px solid #eee;
2611 padding: 8px 12px;
2612 border-radius: 6px;
2613 }
2614
2615
2616 .qcl-openai div#rag-database input[type=checkbox] {
2617 display: block;
2618 }
2619
2620 .tablenav-pages {
2621 text-align: right;
2622 padding: 8px 0;
2623 }
2624 button#botmaster_submit_sitemap_btn {
2625 background: #5B4E96;
2626 border-color: #5B4E96;
2627 }
2628 div#rag-database h3 {
2629 padding: 0 0 8px 0;
2630 margin: 15px 0 8px 0;
2631 font-weight: bold;
2632 font-size: 22px !important;
2633 color: #5b4e96 !important;
2634 }
2635
2636 .qcl-openai div#rag-settings h2.nav-tab-wrapper a:focus {
2637 border: 1px solid #5b4e96 !important;
2638 }
2639 button#rag-delete-all {
2640 background: #5b4e96;
2641 color: #fff;
2642 border-color: #5b4e96;
2643 }
2644
2645 div#rag-database table.widefat {
2646 border: 1px solid #ffffff;
2647 box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
2648 }
2649 div#rag-database .widefat thead td, div#rag-database .widefat thead th {
2650 border-bottom: 1px solid #ffffff;
2651 }
2652
2653 div#rag-database table.widefat thead {
2654 background: #5b4e96;
2655 color: #fff;
2656 }
2657 div#rag-database table.widefat thead th {
2658 color: #fff;
2659 }
2660 .qcl-openai div#rag-database input[type=checkbox] {
2661 display: block;
2662 width: 18px;
2663 height: 18px;
2664 }
2665
2666 div#wp-chatbot-openai-rag input[type=checkbox]+label {
2667 margin-bottom: 0;
2668 }
2669 .qcl-openai input[type=checkbox]+label {
2670 margin-bottom: 0;
2671 }
2672 div#qcld-rag-settings-tab .wrap .mb-3 {
2673 padding: 5px 0;
2674 }