PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, AI Services / 8.5.9
WPBot – AI ChatBot for Live Support, Lead Generation, AI Services v8.5.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 8.5.9, at css/admin-style.css

3,146 lines 65.2 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: 8px 20px;
1117 border-radius: 16px;
1118 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
1119 margin: 20px 0 0 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: 365px;
1490 }
1491
1492 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container select {
1493 display: none;
1494 }
1495
1496 /* Avatar Location Selector */
1497 .avatar-location-wrapper {
1498 background: #ffffff;
1499 border-radius: 12px;
1500 padding: 0 0 25px 0;
1501 margin: 0 0 0 0;
1502 }
1503
1504 .avatar-location-title {
1505 font-size: 13px;
1506 font-weight: 600;
1507 color: #6B7280;
1508 margin: 0 0 10px 0;
1509 text-transform: none;
1510 letter-spacing: 0;
1511 }
1512
1513 .avatar-location-cards {
1514 display: inline-flex;
1515 gap: 0;
1516 background: #F3F4F6;
1517 border-radius: 10px;
1518 padding: 4px;
1519 }
1520
1521 .avatar-location-card {
1522 display: flex;
1523 align-items: center;
1524 gap: 6px;
1525 padding: 8px 18px;
1526 border-radius: 8px;
1527 cursor: pointer;
1528 font-size: 13px;
1529 font-weight: 500;
1530 color: #6B7280;
1531 background: transparent;
1532 border: none;
1533 transition: all 0.2s ease;
1534 user-select: none;
1535 }
1536
1537 .avatar-location-card:hover {
1538 color: #374151;
1539 background: #E5E7EB;
1540 }
1541
1542 .avatar-location-card.active {
1543 background: #ffffff;
1544 color: #111827;
1545 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
1546 }
1547
1548 .avatar-location-card svg {
1549 flex-shrink: 0;
1550 color: inherit;
1551 }
1552
1553 .avatar-location-card.active svg {
1554 color: #4B5563;
1555 }
1556
1557 /* AI Provider Cards Wrapper */
1558 .ai-provider-cards-wrapper {
1559 background: #ffffff;
1560 border-radius: 12px;
1561 padding: 20px 24px 20px 6px;
1562 margin: 0 0 0 0;
1563 }
1564
1565 .ai-provider-cards {
1566 display: flex;
1567 gap: 12px;
1568 flex-wrap: wrap;
1569 padding: 4px 0;
1570 }
1571
1572 .ai-provider-card {
1573 display: flex;
1574 flex-direction: column;
1575 align-items: center;
1576 justify-content: center;
1577 gap: 8px;
1578 padding: 8px 12px;
1579 min-width: 110px;
1580 background: #ffffff;
1581 border: 2px solid #E5E7EB;
1582 border-radius: 12px;
1583 cursor: pointer;
1584 position: relative;
1585 transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
1586 user-select: none;
1587 }
1588
1589 .ai-provider-card:hover {
1590 border-color: #93C5FD;
1591 background: #F0F7FF;
1592 transform: translateY(-2px);
1593 box-shadow: 0 4px 12px rgba(37, 99, 235, 0.10);
1594 }
1595
1596 .ai-provider-card.active {
1597 border-color: #2563EB;
1598 background: #EFF6FF;
1599 box-shadow: 0 2px 8px rgba(37, 99, 235, 0.13);
1600 }
1601
1602 .ai-provider-check {
1603 position: absolute;
1604 top: 6px;
1605 right: 6px;
1606 opacity: 0;
1607 transform: scale(0.5);
1608 transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
1609 line-height: 0;
1610 }
1611
1612 .ai-provider-card.active .ai-provider-check {
1613 opacity: 1;
1614 transform: scale(1);
1615 }
1616
1617 .ai-provider-icon {
1618 width: 40px;
1619 height: 40px;
1620 display: flex;
1621 align-items: center;
1622 justify-content: center;
1623 }
1624
1625 .ai-provider-icon svg {
1626 width: 32px;
1627 height: 32px;
1628 }
1629
1630 .ai-provider-name {
1631 font-size: 12px;
1632 font-weight: 600;
1633 color: #4B5563;
1634 text-align: center;
1635 white-space: nowrap;
1636 line-height: 1.2;
1637 }
1638
1639 .ai-provider-card.active .ai-provider-name {
1640 color: #1E40AF;
1641 }
1642
1643
1644 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-openai-training-model .row.my-4 {
1645 font-size: 15px;
1646 display: flex;
1647 width: 100%;
1648 align-items: center;
1649 justify-content: center;
1650 min-height: 420px;
1651 text-align: center;
1652 }
1653
1654 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-data_post_converter .row.my-4 {
1655 font-size: 16px;
1656 display: flex;
1657 width: 100%;
1658 align-items: center;
1659 justify-content: center;
1660 min-height: 420px;
1661 text-align: center;
1662 }
1663
1664 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-img_generator .row.my-4 {
1665 font-size: 16px;
1666 display: flex;
1667 width: 100%;
1668 align-items: center;
1669 justify-content: center;
1670 min-height: 420px;
1671 text-align: center;
1672 }
1673
1674 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-content_writer .row.my-4 {
1675 font-size: 16px;
1676 display: flex;
1677 width: 100%;
1678 align-items: center;
1679 justify-content: center;
1680 min-height: 420px;
1681 text-align: center;
1682 }
1683
1684
1685 .qcld-wrap.swpm-admin-menu-wrap {
1686 display: flex;
1687 margin: 15px 0;
1688 }
1689
1690 .qcld_help_wppt_nav_container {
1691 display: flex;
1692 flex-direction: column;
1693 width: 320px;
1694 background: #fff;
1695 border-radius: 16px;
1696 margin: 0 20px 0 0;
1697 }
1698
1699 .content_qcbot_help_secion {
1700 position: relative;
1701 width: 79%;
1702 display: block;
1703 background: #fff;
1704 border-radius: 16px;
1705 padding: 15px 20px;
1706 }
1707
1708 .qcld_help_wppt_nav_container a {
1709 margin: 2px 10px;
1710 }
1711
1712 .qcld_help_wppt_nav_container a {
1713 margin: 2px 10px;
1714 font-size: 15px;
1715 font-weight: 500;
1716 border: none;
1717 padding: 14px 20px !important;
1718 display: flex;
1719 align-items: center;
1720 gap: 15px;
1721 }
1722
1723 .qcld_help_wppt_nav_container a:hover {
1724 margin: 2px 10px;
1725 font-size: 15px;
1726 font-weight: 500;
1727 border: none;
1728 background: #5b4e96;
1729 color: #fff;
1730 padding: 14px 20px !important;
1731 display: flex;
1732 align-items: center;
1733 gap: 15px;
1734 }
1735
1736 .content_qcbot_help_secion .panel-default>.panel-heading {
1737 color: #333;
1738 background-color: #f5f5f5;
1739 border-color: #5B4E96;
1740 background: #fff !important;
1741 color: #5B4E96 !important;
1742 text-decoration: none !important;
1743 border-radius: 8px;
1744 border: 2px solid #5B4E96;
1745 padding: 0;
1746 }
1747
1748
1749 .content_qcbot_help_secion .panel-default>.panel-heading:hover {
1750 background: #5B4E96 !important;
1751 color: #ffffff !important;
1752 text-decoration: none !important;
1753 border-radius: 8px;
1754 }
1755
1756
1757 .content_qcbot_help_secion .panel-default>.panel-heading:hover a{
1758 color: #ffffff !important;
1759 }
1760 .content_qcbot_help_secion .panel-default {
1761 border-color: #dddddd00;
1762 margin-bottom: 10px;
1763 }
1764
1765 .content_qcbot_help_secion .panel-title a {
1766 padding: 10px 15px;
1767 display: block;
1768 position: relative;
1769 display: block;
1770 padding: 15px 12px;
1771 font-size: 16px;
1772 font-weight: bold;
1773 color: #5B4E96;
1774 }
1775
1776 .content_qcbot_help_secion p {
1777 font-size: 15px;
1778 }
1779
1780 .content_qcbot_help_secion .panel-title a.collapsed:after {
1781 content: "\f10f";
1782 position: absolute;
1783 right: 18px;
1784 top: 12px;
1785 font-family: dashicons;
1786 font-size: 24PX;
1787 font-weight: normal;
1788 }
1789
1790 .content_qcbot_help_secion .panel-title a:after {
1791 content: "\f14f";
1792 position: absolute;
1793 right: 18px;
1794 top: 12px;
1795 font-family: dashicons;
1796 font-size: 24PX;
1797 font-weight: normal;
1798 }
1799
1800
1801 .content_qcbot_help_secion .panel-default>.panel-heading+.panel-collapse>.panel-body {
1802 border-top-color: transparent;
1803 background: linear-gradient(181deg, #ffffff 70%, #e9e4ff 96%);
1804 border-radius: 16px;
1805 border: 1px solid #eee;
1806 margin: 8px 0 0 0;
1807 padding: 20px 15px;
1808 }
1809
1810 .content_qcbot_help_secion .panel {
1811 box-shadow: none;
1812 }
1813
1814 .qcbot_help_secion h3 {
1815 font-size: 16px;
1816 font-weight: bold;
1817 }
1818
1819 .qcbot_help_secion ul li {
1820 list-style: inside;
1821 }
1822
1823 .notice.is-dismissible.qcbot-str-top-notic {
1824 width: 98.7%;
1825 }
1826
1827 .qcld-main-wrapper {
1828 margin: 10px 0px 0 2px !important;
1829 }
1830
1831 .content_qcbot_help_secion .section-container {
1832 display: flex;
1833 gap: 30px;
1834 }
1835
1836 .content-wrap .section-container {
1837 display: flex;
1838 gap: 30px;
1839 }
1840
1841 .wpbot_statistics_area h2 {
1842 font-size: 22px;
1843 font-weight: bold;
1844 }
1845
1846
1847 section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover a {
1848 color: #fff;
1849 }
1850
1851 .qcld-main-wrapper a {
1852 text-decoration: none !important;
1853 }
1854
1855 .admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1856 text-decoration: none;
1857 }
1858
1859 .admin-maxwith.qcld-openai-main-box button.btn.btn-link:hover {
1860 font-weight: bold;
1861 display: block;
1862 padding: 15px 12px;
1863 font-size: 16px;
1864 color: #fff;
1865 background: #5B4E96;
1866 width: 100%;
1867 text-align: left;
1868 }
1869
1870 .content-wrap .qcld-seo-help-feature ul {
1871 background: linear-gradient(178deg, #ffffff 70%, #e9e4ff 96%);
1872 border-radius: 6px;
1873 padding: 5px 8px;
1874 border: 1px solid #eee;
1875 }
1876
1877 .wp-chatbot-tabs nav ul li a {
1878 color: #695d99;
1879 }
1880
1881 .wp-chatbot-tabs nav .cxsc-settings_openai_border a {
1882 color: #695d99;
1883 }
1884
1885
1886 .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab {
1887 float: left;
1888 border: 1px solid #c3c4c7;
1889 border-bottom: 1px;
1890 margin-left: .5em;
1891 font-size: 16px;
1892 line-height: 1.71428571;
1893 font-weight: 600;
1894 background: #ffffff;
1895 color: #5b4e96;
1896 text-decoration: none;
1897 white-space: nowrap;
1898 border: 1px solid #5b4e96;
1899 padding: 14px 20px !important;
1900 line-height: normal !important;
1901 border-radius: 6px;
1902
1903 }
1904
1905 .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab:hover, .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab.nav-tab-active {
1906 float: left;
1907 border: 1px solid #c3c4c7;
1908 border-bottom: 1px;
1909 margin-left: .5em;
1910 font-size: 16px;
1911 line-height: 1.71428571;
1912 font-weight: 600;
1913 background: #5b4e96;
1914 color: #fff;
1915 text-decoration: none;
1916 white-space: nowrap;
1917 border: 1px solid #5b4e96;
1918 padding: 14px 20px !important;
1919 line-height: normal !important;
1920
1921 }
1922
1923 .qcld_label_width_full{
1924 width: 100% !important;
1925 }
1926 .cxsc-settings-blocks-font-resize{
1927 font-size: 14px !important;
1928 }
1929
1930 .qcld_thumbnail_theme_prev label{
1931 width: 100% !important;
1932 position: relative;
1933 text-align: center;
1934 }
1935
1936 button.swal2-confirm.btn.btn-lg.swal2-styled {
1937 padding: 14px 20px;
1938 width: 100%;
1939 font-size: 16px;
1940 font-weight: 500;
1941 color: #988FBD;
1942 border-radius: 8px;
1943 position: relative;
1944 display: flex;
1945 align-items: center;
1946 gap: 15px;
1947 background: #5B4E96;
1948 color: #ffffff;
1949 text-decoration: none;
1950 border-color: #5b4e96 !important;
1951 }
1952
1953
1954
1955
1956
1957
1958
1959
1960
1961 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label {
1962 position: relative;
1963 width: 18px;
1964 height: 18px;
1965 border: 2px solid #5b4e96;
1966 border-radius: 4px;
1967 top: 0;
1968 left: 0;
1969 transform: translate(0%, 0%);
1970 transition: all ease-out 200ms;
1971 text-indent: 28px;
1972 font: normal normal 30px / 60px "Helvetica";
1973 white-space: nowrap;
1974 color: #555;
1975 -webkit-user-select: none;
1976 -moz-user-select: none;
1977 -ms-user-select: none;
1978 user-select: none;
1979 display: flex;
1980 align-items: center;
1981 }
1982
1983 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label:after {
1984 content: "";
1985 position: absolute;
1986 width: 0px;
1987 height: 8px;
1988 border-bottom: 3px solid #22b573;
1989 border-left: 3px solid #22b573;
1990 top: 25%;
1991 left: 50%;
1992 transform-origin: bottom left;
1993 transform: rotate(-45deg);
1994 opacity: 0;
1995 transition: all ease-out 200ms;
1996 }
1997
1998 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label {
1999 border: 2px solid #22b573;
2000 }
2001
2002 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label:after {
2003 opacity: 1;
2004 width: 22px;
2005 }
2006
2007 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox] {
2008 display: none;
2009 }
2010
2011 .cxsc-settings_openai_border {
2012 margin-bottom: 6px;
2013 }
2014
2015 div#wp-chatbot-custom-color-options .top-section .row .cxsc-settings-blocks {
2016 padding-top: 0;
2017 }
2018
2019 div#wp-chatbot-post-converter ul.checkbox-list {
2020 display: flex;
2021 flex-wrap: wrap;
2022 gap: 6px;
2023 }
2024 div#wp-chatbot-post-converter ul.checkbox-list .form-check.form-check-inline {
2025 display: inline-block;
2026 min-width: 290px;
2027 margin: 0;
2028 }
2029
2030
2031
2032 div#wp-chatbot-show-pages-list ul.checkbox-list {
2033 display: flex;
2034 flex-wrap: wrap;
2035 gap: 6px;
2036 }
2037
2038 div#wp-chatbot-exclude-post-list ul.checkbox-list {
2039 display: flex;
2040 flex-wrap: wrap;
2041 gap: 6px;
2042 }
2043
2044
2045 div#wp-chatbot-show-pages-list ul.checkbox-list li{
2046 display: inline-block;
2047 min-width: 310px;
2048 margin: 0;
2049 }
2050
2051 div#wp-chatbot-exclude-post-list ul.checkbox-list li{
2052 display: inline-block;
2053 min-width: 310px;
2054 margin: 0;
2055 }
2056 #rotationloader
2057 {
2058 display: none;
2059 rotate: initial;
2060 -webkit-animation: rotation 2s infinite linear;
2061 }
2062
2063 .docs_icon {
2064 position: absolute;
2065 top: 0;
2066 bottom: 0;
2067 left: 0;
2068 right: 0;
2069 z-index: 1;
2070 text-align: center;
2071 display: flex;
2072 align-items: center;
2073 justify-content: center;
2074 background: #5b4e968f;
2075 color: #ffffff;
2076 font-size: 60px;
2077 border-radius: 8px;
2078 }
2079 a.qcld-wp-chatbot-wrap--doc_logo {
2080 text-decoration: none !important;
2081 position: relative;
2082 }
2083 .docs_icon span {
2084 background: #5b4e96;
2085 padding: 25px 25px;
2086 border-radius: 50%;
2087 font-size: 82px;
2088 width: auto;
2089 height: auto;
2090 }
2091
2092
2093 /* .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
2094 font-size: 18px;
2095 display: block !important;
2096 } */
2097
2098 .lp-submenu-wpbot_openAi .swal2-actions button {
2099 width: auto !important;
2100 padding: 10px 40px !important;
2101 line-height: normal !important;
2102 }
2103 .lp-submenu-wpbot_openAi .swal2-actions {
2104 display: flex;
2105 }
2106 .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
2107 font-size: 16px !important;
2108 font-weight: 500 !important;
2109 }
2110
2111 .wp-chatbot-wrap hr {
2112 margin-top: 10px;
2113 margin-bottom: 10px;
2114 }
2115
2116
2117 .wp-chatbot-wrap a.nav-tab.sld_click_handle {
2118 margin-right: .5em;
2119 line-height: 1.42857143;
2120 border: 1px solid #5b4e96 !important;
2121 border-radius: 6px !important;
2122 border: 1px solid #5b4e96 !important;
2123 padding: 10px 20px !important;
2124 border-radius: 8px !important;
2125 color: #5b4e96 !important;
2126 font-size: 15px !important;
2127 font-weight: 600;
2128 line-height: normal !important;
2129 background: #fff;
2130 }
2131
2132 .wp-chatbot-wrap a.nav-tab.sld_click_handle:hover, .wp-chatbot-wrap a.nav-tab.sld_click_handle.nav-tab-active{
2133 margin-right: .5em;
2134 line-height: 1.42857143;
2135 border: 1px solid #5b4e96 !important;
2136 border-radius: 6px !important;
2137 border: 1px solid #5b4e96 !important;
2138 padding: 10px 20px !important;
2139 border-radius: 8px !important;
2140 color: #fff !important;
2141 font-size: 15px !important;
2142 font-weight: 600;
2143 line-height: normal !important;
2144 background: #5b4e96;
2145 }
2146
2147
2148
2149
2150
2151
2152
2153
2154 .swal2-actions {
2155 display: flex;
2156 z-index: 1;
2157 box-sizing: border-box;
2158 flex-wrap: wrap;
2159 align-items: center;
2160 justify-content: center;
2161 width: 100%;
2162 margin: 1.25em auto 0;
2163 padding: 0;
2164 }
2165 button.swal2-deny.swal2-styled{
2166 border: 0;
2167 border-radius: .25em;
2168 background: initial;
2169 background-color: #d14529 !important;
2170 color: #fff;
2171 font-size: 1em;
2172 padding: 14px 20px;
2173 width: auto;
2174 font-size: 16px;
2175 font-weight: 500;
2176 color: #988FBD;
2177 border-radius: 8px;
2178 position: relative;
2179 display: flex;
2180 align-items: center;
2181 gap: 15px;
2182 background: #d14529;
2183 color: #ffffff;
2184 text-decoration: none;
2185 border-color: #5b4e96 !important;
2186 }
2187
2188
2189 button.swal2-confirm.btn.btn-lg.swal2-styled {
2190 width: auto !important;
2191 }
2192
2193 .chatbot-wpbot-lite_page_wpbot button.swal2-deny.swal2-styled {
2194 display: none !important;
2195 }
2196 a#qcld_save_openrouter_setting {
2197 background: #5B4E96;
2198 color: #ffffff;
2199 border: none;
2200 padding: 12px 30px;
2201 }
2202
2203 a#save_setting {
2204 background: #5B4E96;
2205 color: #ffffff;
2206 border: none;
2207 padding: 12px 30px;
2208 }
2209
2210 @media (max-width: 1280px) {
2211 .content-wrap {
2212 width: 50% !important;
2213 }
2214
2215 .wp-chatbot-admin-upgrade-pro-sidebar {
2216
2217 width: 24% !important;
2218 }
2219
2220 }
2221
2222 @media (max-width: 992px) {
2223 .wp-chatbot-tabs nav {
2224 width: 100% !important;
2225 margin-right: 0 !important;
2226 }
2227 .content-wrap {
2228 width: 100% !important;
2229 }
2230 .wp-chatbot-admin-upgrade-pro-sidebar {
2231 width: 100% !important;
2232 margin: 0 0 0 0 !important;
2233 }
2234 .wp-chatbot-tabs {
2235 display: flex;
2236 flex-wrap: wrap;
2237 gap: 20px;
2238 }
2239 .admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
2240 display: flex;
2241 flex-wrap: wrap;
2242 }
2243 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
2244 width: 100%;
2245 }
2246 .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2247 padding: 12px 5px !important;
2248 }
2249 label.form-check-label span {
2250 display: none;
2251 }
2252 .qc-review-text img {
2253 width: 100%;
2254 }
2255
2256 .content_qcbot_help_secion {
2257 width: 100% !important;
2258 }
2259 .qcld_help_wppt_nav_container {
2260 width: 100% !important;
2261 }
2262 .qcld-wrap.swpm-admin-menu-wrap {
2263 display: flex
2264 ;
2265 margin: 15px 0;
2266 flex-direction: column;
2267 flex-wrap: wrap;
2268 }
2269 }
2270
2271
2272 @media (max-width: 640px) {
2273 .qcld-wp-chatbot-wrap-header {
2274 display: flex;
2275 column-gap: 15px;
2276 row-gap: 10px;
2277 background: #fff;
2278 padding: 15px 15px;
2279 margin: 20px 20px 20px 0;
2280 border-radius: 16px;
2281 align-items: center;
2282 justify-content: space-between;
2283 flex-direction: column;
2284 }
2285 ul.qcld-wp-chatbot-wrap-version-wrapper {
2286 display: block;
2287 margin: 15px 0 15px 0;
2288 }
2289 .qcld-wp-chatbot-wrap-header-doc {
2290 display: flex
2291 ;
2292 column-gap: 15px;
2293 row-gap: 10px;
2294 background: #fff;
2295 padding: 15px 15px;
2296 margin: 20px 20px 20px 0;
2297 border-radius: 16px;
2298 align-items: center;
2299 justify-content: flex-start;
2300 display: flex
2301 ;
2302 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
2303 border-radius: 16px;
2304 gap: 30px;
2305 flex-direction: column;
2306 }
2307 .qcld-wp-chatbot-wrap-header-doc-details {
2308 width: 100%;
2309 }
2310 .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2311 padding: 12px 25px !important;
2312 }
2313 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
2314 display: inline-block;
2315 width: 100%;
2316 }
2317 }
2318
2319 .swal2-popup.swal2-modal.connection-modal button.swal2-deny.swal2-styled{display: none !important;}
2320 .swal2-popup.swal2-modal.connection-modal .swal2-styled.swal2-confirm {
2321 padding: 14px 20px;
2322 width: auto;
2323 font-size: 16px;
2324 align-items: center;
2325 gap: 15px;
2326 background: #5B4E96;
2327 color: #ffffff;
2328 text-decoration: none;
2329 border-color: #5b4e96 !important;
2330 }
2331
2332 .wrap.qcld-main-wrapper a:focus {
2333 outline: none !important;
2334 outline-offset: 0 !important;
2335 box-shadow: none !important;
2336 }
2337
2338 p.qc-opt-dcs-font-faq {
2339 font-weight: bold;
2340 }
2341
2342
2343 .qcld-general-settings-connection-notic {
2344 background: #eee;
2345 border: 2px solid #5b4e96;
2346 border-radius: 8px;
2347 margin: 0 0 15px 0;
2348 padding: 12px;
2349 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
2350 position: relative;
2351 }
2352 .qcld-general-settings-connection-notic p{
2353 margin: 6px 0 6px 0;
2354 padding: 0;
2355 font-size: 15px;
2356 font-weight: 500;
2357 }
2358
2359
2360 .qcld-general-settings-close {
2361 position: absolute;
2362 top: -10px;
2363 right: 3px;
2364 transition: all 200ms;
2365 font-size: 30px;
2366 font-weight: bold;
2367 text-decoration: none;
2368 color: #5b4e96;
2369 }
2370 .qcld-general-settings-close:hover {
2371 color: orange;
2372 }
2373 #qcld-show-more-wrapper-box {
2374 margin-top: 0;
2375 position:relative;
2376 }
2377 #qcld-show-more-wrapper-box .qcld-show-more-text {
2378 /* width: 660px; */
2379 margin-bottom: 5px;
2380 padding: 0 0;
2381 position:relative;
2382 display: block;
2383 }
2384 #qcld-show-more-wrapper-box .qcld-show-more-show-more {
2385 color: #ffffff;
2386 position: relative;
2387 padding: 60px 0 0 0;
2388 height: 60px;
2389 text-align: center;
2390 background: #f1f1f1;
2391 cursor: pointer;
2392 background: linear-gradient(to bottom, rgb(255 255 255 / 24%) 0%, rgb(188 174 255) 100%);
2393 margin: -39px 0 0 0;
2394 border-radius: 0 0 15px 15px;
2395 z-index: 99999;
2396 font-weight: bold;
2397 }
2398
2399 #qcld-show-more-wrapper-box .qcld-show-more-show-more-height {
2400 height: 190px;
2401 overflow:hidden;
2402 }
2403
2404 #qcld-show-more-wrapper-box .qcld-show-more-show-more i {
2405 display: block;
2406 padding: 0 0 0 0;
2407 background: #5b4e96;
2408 width: 30px;
2409 height: 30px;
2410 line-height: 30px;
2411 border-radius: 50%;
2412 margin: -15px auto 0 auto;
2413 font-size: 18px !important;
2414 color: #fff;
2415 }
2416
2417 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]+label {
2418 position: relative;
2419 width: 18px;
2420 height: 18px;
2421 border: 2px solid #5b4e96;
2422 border-radius: 4px;
2423 top: 0;
2424 left: 0;
2425 transform: translate(0%, 0%);
2426 transition: all ease-out 200ms;
2427 text-indent: 28px;
2428 white-space: nowrap;
2429 color: #555;
2430 -webkit-user-select: none;
2431 -moz-user-select: none;
2432 -ms-user-select: none;
2433 user-select: none;
2434 display: flex;
2435 align-items: center;
2436 margin-bottom: 0;
2437 line-height: 30px;
2438 }
2439
2440
2441 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]+label:after {
2442 content: "";
2443 position: absolute;
2444 width: 0px;
2445 height: 8px;
2446 border-bottom: 3px solid #22b573;
2447 border-left: 3px solid #22b573;
2448 top: 25%;
2449 left: 50%;
2450 transform-origin: bottom left;
2451 transform: rotate(-45deg);
2452 opacity: 0;
2453 transition: all ease-out 200ms;
2454 }
2455
2456 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label {
2457 border: 2px solid #22b573;
2458 }
2459
2460 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label:after {
2461 opacity: 1;
2462 width: 22px;
2463 }
2464
2465 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox] {
2466 display: none;
2467 }
2468
2469
2470 .qcl-openai div#wp-chatbot-gemini-settings .form-check {
2471 margin-bottom: 15px;
2472 border: 1px solid #E5E6F2;
2473 padding: 12px 12px;
2474 border-radius: 8px;
2475 }
2476
2477 .qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span {
2478 font-size: 12px;
2479 }
2480
2481 .qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span.pro-badge {
2482 font-size: 9px;
2483 font-weight: 400;
2484 color: #ffffff;
2485 background: #5B4E96;
2486 border-radius: 20px;
2487 padding: 2px 8px;
2488 margin-left: 5px;
2489 text-transform: uppercase;
2490 text-indent: initial;
2491 line-height: 16px;
2492 }
2493
2494 .qcl-openai div#wp-chatbot-gemini-settings a#save_setting {
2495 margin: 0 0 15px 0;
2496 }
2497
2498
2499
2500 span.qcls_openAI_customized {
2501 background: yellow;
2502 }
2503 .admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
2504 font-size: 16px;
2505 line-height: 28px;
2506 }
2507 textarea#qcld_openai_system_content {
2508 height: 120px;
2509 line-height: 28px;
2510 }
2511 .qcld-openai-system-presets {
2512 display: flex;
2513 gap: 10px;
2514 margin: 12px 0;
2515 overflow-x: auto;
2516 padding-bottom: 8px;
2517 scroll-snap-type: x proximity;
2518 flex-wrap: wrap;
2519 }
2520 .qcld-openai-system-preset {
2521 align-items: center;
2522 border: 1px solid #dcdcde;
2523 border-radius: 6px;
2524 cursor: pointer;
2525 display: flex;
2526 flex: 0 0 220px;
2527 gap: 10px;
2528 justify-content: center;
2529 margin: 0;
2530 min-height: 70px;
2531 padding: 12px;
2532 scroll-snap-align: start;
2533 text-align: center;
2534 }
2535 .qcld-openai-system-preset input {
2536 display: none;
2537 }
2538 .qcld-openai-system-preset.is-selected {
2539 background: #f0f6fc;
2540 border-color: #2271b1;
2541 }
2542 .qcld-openai-system-preset-content {
2543 display: grid;
2544 gap: 4px;
2545 line-height: 22px;
2546 }
2547 .qcld-openai-system-preset-title {
2548 color: #1d2327;
2549 font-weight: 600;
2550 }
2551 .qcld-openai-system-preset-value {
2552 display: none;
2553 }
2554 @media (max-width: 782px) {
2555 .qcld-openai-system-preset {
2556 flex-basis: 180px;
2557 }
2558 }
2559 .qcld-main-wrapper .alert.alert-warning {
2560 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96% 96%);
2561 border-radius: 6px;
2562 color: #721c24;
2563 background: #f8d7da;
2564 border-color: #f5c6cb;
2565 font-weight: bold;
2566 }
2567 .qcld-wpbot-pricing-filter-form-check {
2568 display: flex;
2569 gap: 10px;
2570 }
2571
2572 .qcld-dialogflow-enable-notice {
2573 padding: 15px 0 15px 0;
2574 color: red;
2575 font-weight: bold;
2576 }
2577
2578 a#qcld_save_gemini_setting {
2579 background: #5B4E96;
2580 color: #ffffff;
2581 border: none;
2582 padding: 12px 30px;
2583 }
2584 .card-body-gemini {
2585 padding: 0 15px;
2586 }
2587
2588 div#panelsStayOpen-collapseseven pre {
2589 width: 100%;
2590 display: block;
2591 max-width: 1120px;
2592 }
2593
2594 .card-body-gemini p {
2595 font-size: 16px;
2596 font-weight: bold;
2597 }
2598
2599 .card-body-openrouter p{
2600 font-size: 16px;
2601 font-weight: bold;
2602 }
2603 div#wp-chatbot-openai-assistants p {
2604 font-size: 16px;
2605 }
2606 button.btn{
2607 outline: none !important;
2608 }
2609 button.btn:focus{
2610 outline: none !important;
2611 }
2612 input:focus {
2613 border-color: #e1dbff;
2614 box-shadow: none !important;
2615 outline: none !important;
2616 }
2617
2618 .wp-chatbot-wrap .qc-opt-language-title{
2619 font-weight: bold !important;
2620 color: #5b4e96 !important;
2621 font-size: 16px;
2622 }
2623
2624 button.qcld_chatbot_custom_icon_button.button, button.wp_chatbot_custom_agent_button.button {
2625 padding: 2px 20px;
2626 width: auto;
2627 font-size: 14px;
2628 font-weight: 500;
2629 color: #988FBD;
2630 border-radius: 8px;
2631 background: #fff;
2632 color: #5B4E96;
2633 text-decoration: none;
2634 margin: 0;
2635 border: 2px solid #5B4E96;
2636
2637 }
2638
2639 button.qcld_chatbot_custom_icon_button.button:hover, button.wp_chatbot_custom_agent_button.button:hover {
2640 background: #5B4E96;
2641 color: #fff;
2642 border: 2px solid #5B4E96;
2643
2644 }
2645
2646
2647 @media (min-width: 993px) and (max-width: 1350px) {
2648 .wp-chatbot-admin-upgrade-pro-sidebar {
2649 width: 25%;
2650 }
2651 }
2652
2653 .wp-chatbot-tabs nav ul li a span.dashicons {
2654 font-size: 20px;
2655 width: auto;
2656 height: auto;
2657 }
2658 .wp-chatbot-tabs nav .cxsc-settings_openai_border a span.dashicons {
2659 font-size: 20px;
2660 }
2661
2662
2663 .dashicons, .dashicons-before:before {
2664 font-family: dashicons;
2665 display: inline-block;
2666 line-height: 1;
2667 font-weight: 400;
2668 font-weight: normal;
2669 }
2670
2671 .qcl-openai a:focus {
2672 outline: 0 auto -webkit-focus-ring-color;
2673 outline-offset: 0;
2674 border: none !important;
2675 outline: none !important;
2676 box-shadow: none;
2677 }
2678
2679 #qcld_check_connection i{
2680 animation: rotation infinite 3s linear;
2681 }
2682
2683 .wp-chatbot-wrap div#wp-chatbot-custom-color-options .form-group {
2684 min-height: 90px;
2685 }
2686
2687 div#promotion-wpchatbot .qc-review-text a {
2688 display: block;
2689 }
2690 .qcld-wp-chatbot-wrap-header-logo {
2691 display: flex;
2692 align-items: center;
2693 gap: 10px;
2694 }
2695 @keyframes rotation{
2696 from{
2697 transform:rotate(360deg);
2698 }
2699
2700 to{
2701 transform:rotate(0deg);
2702 }
2703 }
2704
2705 .qcld-btn-primary {
2706 padding: 14px 30px;
2707 width: auto;
2708 font-size: 16px;
2709 font-weight: 500;
2710 color: #988FBD;
2711 border-radius: 8px;
2712 position: relative;
2713 display: inline-block;
2714 align-items: center;
2715 gap: 15px;
2716 background: #5B4E96;
2717 color: #ffffff;
2718 text-decoration: none;
2719 border-color: #5b4e96 !important;
2720 line-height: normal;
2721 }
2722 div#wpfooter {
2723 display: none;
2724 }
2725
2726 .qcld-btn-primary {
2727
2728 border: none;
2729 }
2730
2731 div#qcld-rag-settings-tab .wrap h3 {
2732 padding: 0 0 8px 0;
2733 margin: 20px 0 12px 0;
2734 font-weight: bold;
2735 font-size: 22px !important;
2736 color: #5b4e96 !important;
2737 }
2738
2739 div#rag-sync .wrap h3 {
2740 padding: 0 0 8px 0;
2741 margin: 10px 0 12px 0;
2742 font-weight: bold;
2743 font-size: 22px !important;
2744 color: #5b4e96 !important;
2745 }
2746
2747 div#rag-settings h2.nav-tab-wrapper a {
2748 margin-right: 0;
2749 line-height: 1.42857143;
2750 border: 1px solid #5b4e96;
2751 border-radius: 6px;
2752 border: 1px solid #5b4e96;
2753 padding: 10px 20px !important;
2754 border-radius: 8px;
2755 color: #5b4e96;
2756 font-size: 15px;
2757 font-weight: 600;
2758 line-height: normal !important;
2759 background: #fff;
2760 }
2761
2762 div#rag-settings h2.nav-tab-wrapper {
2763 margin: 0;
2764 padding: 0;
2765 border: none;
2766 }
2767
2768 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 {
2769 color: #fff;
2770 background: #5b4e96;
2771 text-decoration: none !important;
2772 border: 1px solid #5b4e96;
2773 }
2774
2775
2776
2777 button#rag-pdf-submit, button#rag-csv-submit, button#rag-xaml-submit, button#rag_embed_btn {
2778 padding: 8px 15px;
2779 width: auto;
2780 font-size: 16px;
2781 font-weight: 500;
2782 color: #988FBD;
2783 border-radius: 8px;
2784 position: relative;
2785 display: inline-block;
2786 align-items: center;
2787 gap: 15px;
2788 background: #5B4E96;
2789 color: #ffffff;
2790 text-decoration: none;
2791 border-color: #5b4e96 !important;
2792 line-height: normal;
2793 }
2794
2795 div#rag-sync .wrap {
2796 border: 1px solid #eee;
2797 padding: 8px 12px;
2798 border-radius: 6px;
2799 }
2800
2801
2802
2803 div#qcld-rag-settings-tab .wrap:first-child {
2804 border: 1px solid #eee;
2805 padding: 8px 12px;
2806 border-radius: 6px;
2807 }
2808
2809
2810 .qcl-openai div#rag-database input[type=checkbox] {
2811 display: block;
2812 }
2813
2814 .tablenav-pages {
2815 text-align: right;
2816 padding: 8px 0;
2817 }
2818 button#botmaster_submit_sitemap_btn {
2819 background: #5B4E96;
2820 border-color: #5B4E96;
2821 }
2822 div#rag-database h3 {
2823 padding: 0 0 8px 0;
2824 margin: 15px 0 8px 0;
2825 font-weight: bold;
2826 font-size: 22px !important;
2827 color: #5b4e96 !important;
2828 }
2829
2830 .qcl-openai div#rag-settings h2.nav-tab-wrapper a:focus {
2831 border: 1px solid #5b4e96 !important;
2832 }
2833 button#rag-delete-all {
2834 background: #5b4e96;
2835 color: #fff;
2836 border-color: #5b4e96;
2837 }
2838
2839 div#rag-database table.widefat {
2840 border: 1px solid #ffffff;
2841 box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
2842 }
2843 div#rag-database .widefat thead td, div#rag-database .widefat thead th {
2844 border-bottom: 1px solid #ffffff;
2845 }
2846
2847 div#rag-database table.widefat thead {
2848 background: #5b4e96;
2849 color: #fff;
2850 }
2851 div#rag-database table.widefat thead th {
2852 color: #fff;
2853 }
2854 .qcl-openai div#rag-database input[type=checkbox] {
2855 display: block;
2856 width: 18px;
2857 height: 18px;
2858 }
2859
2860 div#wp-chatbot-openai-rag input[type=checkbox]+label {
2861 margin-bottom: 0;
2862 }
2863 .qcl-openai input[type=checkbox]+label {
2864 margin-bottom: 0;
2865 }
2866 div#qcld-rag-settings-tab .wrap .mb-3 {
2867 padding: 5px 0;
2868 }
2869
2870 div#rag-database input#search-submit {
2871 background: #5b4e96;
2872 color: #fff;
2873 border-color: #5b4e96;
2874 }
2875 .rag_embed_cpts_wrapper {
2876 display: flex;
2877 flex-direction: column;
2878 gap: 6px;
2879 }
2880
2881 div#wp-chatbot-gemini-settings .input-group {
2882 display: flex;
2883 gap: 10px;
2884 }
2885 div#wp-chatbot-grok-settings a#qcld_save_grok_setting {
2886 background: #5B4E96;
2887 color: #ffffff;
2888 border: none;
2889 padding: 12px 30px;
2890 }
2891
2892 button#qcld_gemini_fetch_models {
2893 background: #5B4E96;
2894 color: #ffffff;
2895 border: none;
2896 }
2897 .wp-chatbot-wrap label.block.text-sm.font-medium.text-gray-700.mb-2.qc-opt-language-title {
2898 display: block;
2899 padding: 0 0 5px 0;
2900 }
2901 select#qcld_language_center_select {
2902 padding: 0 0 0 0;
2903 margin: 0 0 6px 0;
2904 padding: 0 4px;
2905 min-width: 220px;
2906 }
2907
2908 select#qcld_language_center_select:focus {
2909 border-color: #5b4e96;
2910 color: #5b4e96;
2911 box-shadow: 0 0 0 1px #5b4e96;
2912 }
2913
2914 div#common-ai-settings h2 a {
2915 background: #5B4E96;
2916 color: #ffffff;
2917 display: inline-block !important;
2918 font-size: 16px;
2919 padding: 8px 15px;
2920 border-radius: 8px;
2921 }
2922
2923 div#common-ai-settings h2.nav-tab-wrapper {
2924 border: none;
2925 }
2926 div#qcld-rate-settings-tab {
2927 display: block !important;
2928 }
2929 div#common-ai-settings .form-check {
2930 margin-bottom: 15px;
2931 border: 0px solid #E5E6F2;
2932 padding: 12px 12px;
2933 border-radius: 8px;
2934 }
2935 .cxsc-settings-blocks.cxsc-settings-blocks-style input[type=radio]:checked::before {
2936 width: 1.5rem;
2937 height: 1.5rem;
2938 margin: -1px 0 0 -1px;
2939 }
2940
2941 .cxsc-settings-blocks.cxsc-settings-blocks-style .radio-inline input[type=radio] {
2942 width: 1.5rem;
2943 height: 1.5rem;
2944 }
2945
2946 button#rag-docx-submit, button#rag-migrate-btn, button#rag-media-docx-btn, button#qcld-rag-list-docx-btn, button#rag-media-pdf-btn, button#qcld-rag-list-pdf-btn {
2947 padding: 8px 15px;
2948 width: auto;
2949 font-size: 16px;
2950 font-weight: 500;
2951 color: #988FBD;
2952 border-radius: 8px;
2953 position: relative;
2954 display: inline-block;
2955 align-items: center;
2956 gap: 15px;
2957 background: #5B4E96;
2958 color: #ffffff;
2959 text-decoration: none;
2960 border-color: #5b4e96 !important;
2961 line-height: normal;
2962 }
2963
2964
2965 button#botmaster_submit_googlesheet_btn, button#botmaster_submit_googledoc_btn {
2966 background: #5B4E96;
2967 border-color: #5B4E96;
2968 }
2969
2970 .wpbot-wizard-field select#wizard_ai_provider {
2971 background: transparent;
2972 color: #fff;
2973 width: 100%;
2974 display: block;
2975 max-width: unset;
2976 }
2977 .wpbot-wizard-field select#wizard_ai_provider:hover {
2978 border-color: #5b4e96;
2979 color: #5b4e96;
2980 box-shadow: 0 0 0 1px #5b4e96;
2981 }
2982 div#wizard_api_key_container input#wizard_api_key {
2983 background: transparent;
2984 color: #fff;
2985 }
2986
2987
2988
2989 div#collapseTwoControl input[type=radio]:checked::before {
2990 background-color: #5b4e96;
2991 }
2992
2993 .nav-tab-wrapper.sld_nav_container.wppt_nav_container.qcld_help_wppt_nav_container{
2994 width: 320px !important;
2995 gap: 0;
2996 }
2997 div#rag-settings tbody#rag-knowledge-base-list tr td button {
2998 padding: 6px 20px;
2999 font-weight: bold;
3000 font-size: 12px;
3001 }
3002 div#rag-settings tbody#rag-knowledge-base-list tr td button.button.button-small.button-link-delete.rag-delete-doc{
3003 background: #d14529;
3004 color: #fff;
3005 border-color: #d14529;
3006 }
3007
3008 button#ai-knowledge-base-tab {
3009 animation: pulse 2s infinite;
3010 }
3011
3012 @keyframes pulse {
3013 0% {
3014 transform: scale(1);
3015 }
3016 50% {
3017 transform: scale(1.05);
3018 }
3019 100% {
3020 transform: scale(1);
3021 }
3022 }
3023 footer.wp-chatbot-admin-footer input#submit {
3024 background: #5b4e96;
3025 padding: 12px 30px;
3026 }
3027 footer.wp-chatbot-admin-footer {
3028 padding: 0 20px 20px 20px;
3029 margin: 0 20px;
3030 }
3031 .qcld-wp-chatbot-wrap-header_inn a.button.page-title-action {
3032 padding: 8px 15px;
3033 background: #ffffff;
3034 color: #5B4E96;
3035 border: 2px solid #5B4E96;
3036 border-radius: 6px;
3037 font-weight: bold;
3038 position: absolute;
3039 top: 30px;
3040 left: 280px;
3041 line-height: normal;
3042 min-height: unset;
3043 }
3044 .qcld-wp-chatbot-wrap-header_inn a.button.page-title-action:hover {
3045 padding: 8px 15px;
3046 background: #5B4E96;
3047 color: #fff;
3048 border: 2px solid #5B4E96;
3049 border-radius: 6px;
3050 font-weight: bold;
3051 position: absolute;
3052 top: 31px;
3053 left: 280px;
3054 }
3055
3056 .qcld-session-history_menu_box .btn.btn-primary {
3057 background: #564a8e !important;
3058 color: #fff !important;
3059 }
3060 .qcld-session-history_menu_box a.btn.btn-success {
3061 padding: 8px 24px;
3062 width: auto;
3063 font-size: 15px;
3064 font-weight: 500;
3065 border-radius: 8px;
3066 position: relative;
3067 background: #ffffff;
3068 color: #564a8e;
3069 text-decoration: none;
3070 line-height: normal;
3071 border: 2px solid #564a8e;
3072 }
3073 .qcld-session-history_menu_box a.btn.btn-success:hover {
3074 padding: 8px 24px;
3075 width: auto;
3076 font-size: 15px;
3077 font-weight: 500;
3078 border-radius: 8px;
3079 position: relative;
3080 background: #564a8e;
3081 color: #fff;
3082 text-decoration: none;
3083 line-height: normal;
3084 border: 2px solid #564a8e;
3085 }
3086
3087
3088
3089 .Expandmore {
3090 background: #23ab10;
3091 display: inline-block;
3092 padding: 4px 10px;
3093 font-size: 14px;
3094 border-radius: 6px;
3095 position: relative;
3096 top: -15px;
3097 }
3098
3099 .Collapsemore {
3100 background: #ff0000;
3101 display: inline-block;
3102 padding: 4px 10px;
3103 font-size: 14px;
3104 border-radius: 6px;
3105 position: relative;
3106 top: -15px;
3107
3108 }
3109
3110 .Expandmore span {
3111 color: #fff;
3112 margin: 0 0 0 8px;
3113 padding: 0 5px;
3114 font-size: 18px;
3115 }
3116
3117 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container {
3118 display: flex;
3119 justify-content: flex-start;
3120 align-items: center;
3121 }
3122
3123 .avatar-location-wrapper {
3124 padding: 0 0 25px 0;
3125 }
3126 .avatar-location-card.active {
3127 background: #5b4e96;
3128 color: #ffffff;
3129 }
3130 .avatar-location-card.active svg {
3131 color: #ffffff;
3132 }
3133
3134 .ai-provider-cards {
3135 margin: 0 0 0 25%;
3136 }
3137 .qcld-wp-chatbot-wrap-header_inn_heading a.button.page-title-action {
3138 margin: 0 0 0 4px;
3139 }
3140 @media (max-width: 880px) {
3141
3142 .ai-provider-cards {
3143 margin: 0 0 0 0;
3144 }
3145
3146 }