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

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

2,443 lines 51.1 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 20px;
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 20px;
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: "\f058";
503 font: normal normal normal 14px / 1 FontAwesome;
504 border-radius: 0;
505 width: 100%;
506 height: 100%;
507 margin: 0;
508 background-color: #5b4e96bd !important;
509 line-height: 1.14285714;
510 position: absolute;
511 top: 0;
512 left: 0;
513 right: 0;
514 border-radius: 16px;
515 z-index: 999;
516 color: #45d72d;
517 display: flex;
518 align-items: flex-start;
519 justify-content: flex-end;
520 font-size: 32px;
521 padding: 0 4px;
522 border: 4px solid transparent;
523
524 }
525
526 div#wp-chatbot-icon-theme-settings input[type=radio] {
527 background: transparent;
528 border: none;
529 box-shadow: none;
530 }
531
532 .wpbot_dashboard_header {
533 display: flex;
534 column-gap: 15px;
535 row-gap: 10px;
536 background: #fff;
537 padding: 22px 15px;
538 margin: 20px 0 20px 0;
539 border-radius: 16px;
540 align-items: center;
541 justify-content: space-between;
542 }
543
544 .wpbot_dashboard_header h1 {
545 margin: 0;
546 padding: 0;
547 font-size: 22px;
548 font-weight: bold;
549 }
550
551 .wpbot_dashboard_header p {
552 margin: 0;
553 padding: 0;
554 }
555
556 .wpbot_single_addon_wrapper {
557 display: flex;
558 flex-wrap: wrap;
559 }
560
561 .wpbot_single_addon_wrapper .wpbot_single_addon {
562 border-radius: 16px;
563 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
564 padding: 8px;
565 text-align: center;
566 width: 266px;
567 margin: 8px 8px;
568 }
569
570 .wpbot_single_addon_wrapper .wpbot_single_addon img {
571 max-width: 120px;
572 }
573
574 .wpbot_single_addon_wrapper .wpbot_single_addon .wpbot_single_content {
575 background: #fff;
576 border-radius: 12px;
577 background: white;
578 padding: 15px;
579 min-height: 288px;
580 background: linear-gradient(174deg, #ffffff 70%, #e9e4ff 96%);
581 }
582
583 .wpbot_addon_title {
584 font-weight: bold;
585 font-size: 17px;
586 padding: 8px 0;
587 }
588
589 .qcld-main-wrapper span.wp_addon_notinstalled {
590 background: #fee3e2;
591 color: #202020;
592 padding: 3px 10px;
593 border-radius: 6px;
594 border: none;
595 margin: 0 0 10px 0;
596 display: inline-block;
597 font-weight: bold;
598 font-size: 13px;
599 }
600
601 .qcld-main-wrapper span.wp_addon_installed {
602 background: green;
603 color: #fff;
604 padding: 3px 10px;
605 border-radius: 6px;
606 border: none;
607 margin: 0 0 10px 0;
608 display: inline-block;
609 font-weight: bold;
610 font-size: 13px;
611 }
612
613 .wpbot_addon_image img {
614 height: 98px;
615 object-fit: cover;
616 }
617
618 .wpbot_single_addon a.button.button-secondary {
619 background: #5B4E96;
620 color: #ffffff;
621 text-decoration: none;
622 border: 1px solid #5B4E96;
623 }
624
625 .wp-chatbot-wrap .wpbot_single_addon p {
626 font-size: 14px;
627 height: 48px;
628 }
629
630 .wpbot_statistics_area {
631 border-radius: 16px;
632 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
633 padding: 8px;
634 text-align: center;
635 }
636
637
638 .qcld-main-wrapper ul.radio-list li label {
639 width: 100%;
640 margin: 0 auto;
641 display: flex;
642 flex-direction: column;
643 align-items: center;
644 }
645
646
647 section.wp-chatbot-tab-container-inner h4.panel-title a {
648 position: relative;
649 }
650
651 section.wp-chatbot-tab-container-inner h4.panel-title a.collapsed:after {
652 font: normal normal normal 24px / 1 FontAwesome;
653 content: "\f055";
654 position: absolute;
655 right: 18px;
656 top: 12px;
657 }
658
659 section.wp-chatbot-tab-container-inner h4.panel-title a:after {
660 font: normal normal normal 24px / 1 FontAwesome;
661 content: "\f056";
662 position: absolute;
663 right: 18px;
664 top: 12px;
665 }
666
667 .wpbot_single_addon_wrapper .wpbot_single_addon .wpbot_single_content:hover {
668 background: linear-gradient(1deg, #ffffff 70%, #e9e4ff 96%);
669 }
670
671 a.wp-chatbot-admin-pro-upgrade-button {
672 font-size: 15px;
673 }
674
675 a.wp-chatbot-admin-pro-upgrade-button:hover {
676 color: #fff;
677 background-color: #f0ad4e;
678 }
679
680
681 .qcld-wp-chatbot-wrap-header-doc {
682 display: flex;
683 column-gap: 15px;
684 row-gap: 10px;
685 background: #fff;
686 padding: 15px 15px;
687 margin: 20px 20px 20px 0;
688 border-radius: 16px;
689 align-items: center;
690 justify-content: flex-start;
691 display: flex;
692 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
693 border-radius: 16px;
694 gap: 30px;
695 }
696
697 .qcld-wp-chatbot-wrap-header-doc img {
698 max-width: 480px;
699 height: 250px;
700 object-fit: cover;
701 border-radius: 8px;
702 }
703
704
705 .qcld-wp-chatbot-wrap-header-doc-details a {
706 border: 2px solid #5b4e96;
707 background: #fff;
708 color: #5b4e96;
709 padding: 8px 20px;
710 border-radius: 8px;
711 display: inline-block;
712 margin: 4px 0 0 0;
713 }
714
715 .qcld-wp-chatbot-wrap-header-doc-details a:hover {
716 border: 2px solid #5b4e96;
717 background: #5b4e96;
718 color: #fff;
719 padding: 8px 20px;
720 border-radius: 8px;
721 display: inline-block;
722 margin: 4px 0 0 0;
723 text-decoration: none;
724 }
725
726
727 .qcld-wp-chatbot-wrap-header-doc-details {
728 width: 42%;
729 }
730
731 .qcld-wp-chatbot-wrap-header-doc-details h3 {
732 font-weight: bold;
733 }
734
735 .qcld-wp-chatbot-wrap-header-doc-details p {
736 font-size: 15px;
737 }
738
739
740 .qcld-goPreemium a {
741 display: block;
742 display: flex !important;
743 align-items: center;
744 gap: 8px;
745 background: #EEEDF4;
746 padding: 10px 25px !important;
747 border-radius: 8px;
748 width: 100%;
749 justify-content: center;
750 color: #000 !important;
751 font-weight: bold;
752 font-size: 16px !important;
753 }
754
755 .qcld-goPreemium a:hover {
756 display: block;
757 display: flex !important;
758 align-items: center;
759 gap: 8px;
760 background: #5B4E96;
761 padding: 10px 25px !important;
762 border-radius: 8px;
763 width: 100%;
764 justify-content: center;
765 color: #fff !important;
766 font-weight: bold;
767 font-size: 16px !important;
768 text-decoration: none;
769 }
770
771
772 .qcld-Resetall input {
773 display: block;
774 width: 100%;
775 margin: 5px 0 0 0;
776 padding: 12px 0;
777 font-size: 16px;
778 border: 2px solid #f0ad4e;
779 background: #fff;
780 color: #f0ad4e;
781 border-radius: 8px;
782 }
783
784 .qcld-Resetall input:hover {
785 display: block;
786 width: 100%;
787 margin: 8px 0 0 0;
788 padding: 12px 0;
789 font-size: 16px;
790 border: 2px solid #f0ad4e;
791 background: #f0ad4e;
792 color: #fff;
793 border-radius: 8px;
794 }
795
796 .qcld-main-wrapper .alert.alert-warning {
797 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96% 96%);
798 border-radius: 6px;
799 }
800
801 .wp-chatbot-wrap button.btn.btn-primary {
802 padding: 14px 20px;
803 width: auto;
804 font-size: 16px;
805 font-weight: 500;
806 color: #988FBD;
807 border-radius: 8px;
808 position: relative;
809 display: inline-block;
810 align-items: center;
811 gap: 15px;
812 background: #5B4E96;
813 color: #ffffff;
814 text-decoration: none;
815 }
816
817 .qcld-main-wrapper h4.qc-opt-dcs {
818 font-size: 18px !important;
819 font-weight: bold !important;
820 padding: 12px 0 12px 0 !important;
821 }
822
823 .cxsc-settings-blocks-addon {
824 font-size: 16px;
825 padding: 6px 0 10px 0;
826 font-weight: bold;
827 }
828
829
830 .qcld-main-wrapper .qcld-seo-help-feature {
831 clear: both;
832 }
833
834 .qcld-main-wrapper .qcld-seo-help-feature H3 {
835 font-weight: bold;
836 font-size: 20px;
837 }
838
839 .qcld-main-wrapper .qcld-seo-help-feature UL {}
840
841 .qcld-main-wrapper .qcld-seo-help-feature UL li {
842 margin: 0;
843 padding: 4px 0;
844 font-size: 15px;
845 }
846
847 .qcld-recommendbot-conv-feature .plugin-card-top {
848 position: relative;
849 padding: 20px 20px 10px;
850 min-height: auto;
851 display: flex;
852 align-items: center;
853 justify-content: space-between;
854 }
855
856 .qcld-recommendbot-conv-feature .plugin-card .action-links {
857 position: relative;
858 top: auto;
859 right: auto;
860 width: auto;
861 }
862
863 .qcld-recommendbot-conv-feature .wrap.recommended-plugins .plugin-card.plugin-card-conversational-forms {
864 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
865 border-radius: 16px;
866 height: auto;
867 }
868
869 .qcld-recommendbot-conv-feature .plugin-icon {
870 position: relative;
871 top: auto;
872 left: auto;
873 width: auto;
874 height: auto;
875 margin: 0;
876 }
877
878 .qcld-recommendbot-conv-feature .plugin-card h3 a {
879 display: flex;
880 flex-direction: row-reverse;
881 align-items: center;
882 }
883
884 .qcld-recommendbot-conv-feature .plugin-icon {
885 position: relative;
886 top: auto;
887 left: auto;
888 width: 80px;
889 height: auto;
890 margin: 0 20px 0 0;
891 }
892
893 .qcld-recommendbot-conv-feature .plugin-card .desc>p,
894 .qcld-recommendbot-conv-feature .plugin-card .name {
895 margin-left: 0 !important;
896 }
897
898 .qcld-recommendbot-conv-feature .plugin-action-buttons {
899 margin-bottom: 0;
900 }
901
902 .qcld-recommendbot-conv-feature .plugin-action-buttons {
903 text-align: center;
904 }
905
906 .qc_menu_area_box {
907 display: flex;
908 justify-content: space-between;
909 border-radius: 16px;
910 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
911 padding: 15px;
912 gap: 15px;
913 overflow: hidden;
914 margin: 0 0 15px 0;
915 }
916
917 .qc_menu_area_box h4 {
918 text-align: center;
919 font-size: 18px !important;
920 font-weight: bold !important;
921 border-bottom: 2px solid #f7f7f7;
922 padding: 0 0 8px 0;
923 margin: 0 0 8px 0;
924 }
925
926 .qc_menu_area {
927
928 width: 50%;
929 background: #fff;
930 border-radius: 16PX;
931 padding: 12px;
932 }
933
934 .qc_menu_list_area.ui-droppable {
935
936 width: 50%;
937 background: #fff;
938 border-radius: 16PX;
939 padding: 12px;
940 }
941
942 .qc_menu_area_box ul li span {
943 background-image: linear-gradient(to right, #868afa 0%, #5b4e96 51%, #5b4e96 100%);
944 box-shadow: 0 5px 15px #c3c3c3;
945 border: 1px solid #ffffff;
946 color: #fff;
947 display: block;
948 margin: 8px auto;
949 padding: 12px 30px;
950 }
951
952 .qc_menu_area_box .qc_menu_area_container span {
953 background-image: linear-gradient(to right, #868afa 0%, #5b4e96 51%, #5b4e96 100%);
954 box-shadow: 0 5px 15px #c3c3c3;
955 border: 1px solid #ffffff;
956 color: #fff;
957 display: block;
958 margin: 8px auto;
959 padding: 12px 30px;
960 }
961
962 .qc_menu_area_box .qc_menu_area_container span:hover,
963 .qc_menu_area_box ul li span:hover {
964 background-image: linear-gradient(to right, #5b4e96 0%, #868afa 51%, #868afa 100%);
965 }
966
967 .qc_menu_list_container {
968 position: relative;
969 }
970
971 .qc_menu_list_container p {
972 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
973 float: none;
974 position: relative;
975 transform: none;
976 right: 0;
977 top: 0;
978 text-align: center;
979 width: 100%;
980 font-size: 12px;
981 margin: 0;
982 z-index: 999;
983 color: #3c3b3b;
984 font-weight: 600;
985 line-height: 20px;
986 border-radius: 0;
987 padding: 6px 0;
988 }
989
990
991 .lp-submenu-wpbot_openAi .swal2-actions {
992 display: flex;
993 width: auto;
994 }
995 .lp-submenu-wpbot_openAi button.swal2-confirm.btn.btn-lg.swal2-styled{
996 width: auto !important;
997 }
998
999 button.swal2-confirm.btn.btn-lg.swal2-styled {
1000 width: auto;
1001 }
1002
1003 div#qc_menu_area {
1004 min-height: 230px;
1005 }
1006 div#collapseTwoControl .row {
1007 padding: 8px 0;
1008 border-bottom: 1px solid #eee;
1009 margin: 0 0;
1010 }
1011
1012
1013 .wp-chatbot-wrap .form-group input[type=checkbox]+label {
1014 position: relative;
1015 width: 18px;
1016 height: 18px;
1017 border: 2px solid #5b4e96;
1018 border-radius: 4px;
1019 top: 0;
1020 left: 0;
1021 transform: translate(0%, 0%);
1022 transition: all ease-out 200ms;
1023 text-indent: 28px;
1024 font: normal normal 30px / 60px "Helvetica";
1025 white-space: nowrap;
1026 color: #555;
1027 -webkit-user-select: none;
1028 -moz-user-select: none;
1029 -ms-user-select: none;
1030 user-select: none;
1031 display: flex;
1032 align-items: center;
1033 }
1034
1035 .wp-chatbot-wrap .form-group input[type=checkbox]+label:after {
1036 content: "";
1037 position: absolute;
1038 width: 0px;
1039 height: 8px;
1040 border-bottom: 3px solid #22b573;
1041 border-left: 3px solid #22b573;
1042 top: 25%;
1043 left: 50%;
1044 transform-origin: bottom left;
1045 transform: rotate(-45deg);
1046 opacity: 0;
1047 transition: all ease-out 200ms;
1048 }
1049
1050 .wp-chatbot-wrap .form-group input[type=checkbox]:checked+label {
1051 border: 2px solid #22b573;
1052 }
1053
1054 .wp-chatbot-wrap .form-group input[type=checkbox]:checked+label:after {
1055 opacity: 1;
1056 width: 22px;
1057 }
1058
1059 .wp-chatbot-wrap .form-group input[type=checkbox] {
1060 display: none;
1061 }
1062
1063
1064 .admin-maxwith.qcld-openai-main-box {
1065 margin: 0 20px 0 0;
1066 padding: 0 20px 15px 20px;
1067 max-width: initial;
1068 box-shadow: none;
1069 border: none;
1070 border-radius: 16px;
1071 }
1072
1073 .admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
1074 display: flex;
1075 }
1076
1077 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
1078 display: inline-block;
1079 width: 360px;
1080 }
1081
1082 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
1083 margin: 0 0 20px 0;
1084 padding: 0;
1085 display: flex;
1086 flex-direction: column;
1087 align-content: flex-start;
1088 border: 15px solid #f5f7fd;
1089 border-radius: 16px;
1090 min-height: 480px;
1091 }
1092
1093 .col-auto.me-auto.ai-settings-title-container {
1094 display: flex;
1095 justify-content: space-between;
1096 padding: 20px;
1097 }
1098
1099 .qcld-wp-chatbot-wrap-header-aisection {
1100 margin: 0 0 0 0;
1101 }
1102
1103 .qcl-openai .row {
1104 margin-right: 0;
1105 margin-left: 0;
1106 }
1107
1108 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container {
1109 display: flex;
1110 justify-content: flex-start;
1111 padding: 20px;
1112 border-radius: 16px;
1113 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
1114 margin: 20px 0 20px 0;
1115 }
1116
1117 .admin-maxwith.qcld-openai-main-box .tab-content {
1118 padding: 0 12px 0 12px;
1119 width: 100%;
1120 }
1121
1122 .admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card {
1123 width: 100%;
1124 max-width: inherit;
1125 margin: 0 0 8px 0;
1126 padding: 0;
1127 border: none;
1128 box-shadow: none;
1129 background: #fff !important;
1130 color: #5B4E96 !important;
1131 text-decoration: none !important;
1132 border-radius: 8px;
1133 border: 2px solid #5B4E96;
1134 }
1135
1136 .admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card h2 {
1137 margin: 0;
1138 padding: 0;
1139 font-weight: bold;
1140 }
1141
1142 .admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1143 font-weight: bold;
1144 display: block;
1145 padding: 15px 12px;
1146 font-size: 16px;
1147 color: #5B4E96;
1148 width: 100%;
1149 text-align: left;
1150 }
1151
1152
1153 .admin-maxwith.qcld-openai-main-box button.btn.btn-link:after {
1154 font: normal normal normal 24px / 1 FontAwesome;
1155 content: "\f056";
1156 position: absolute;
1157 right: 18px;
1158 top: 12px;
1159 }
1160
1161
1162 .admin-maxwith.qcld-openai-main-box button.btn.btn-link.collapsed:after{
1163 font: normal normal normal 24px / 1 FontAwesome;
1164 content: "\f055";
1165 position: absolute;
1166 right: 18px;
1167 top: 12px;
1168 }
1169
1170
1171 .admin-maxwith.qcld-openai-main-box .btn.active.focus,
1172 .admin-maxwith.qcld-openai-main-box .btn.active:focus,
1173 .admin-maxwith.qcld-openai-main-box .btn.focus,
1174 .admin-maxwith.qcld-openai-main-box .btn:active.focus,
1175 .admin-maxwith.qcld-openai-main-box .btn:active:focus,
1176 .admin-maxwith.qcld-openai-main-box .btn:focus {
1177 outline: 0 auto -webkit-focus-ring-color;
1178 outline-offset: -2px;
1179 }
1180
1181 .admin-maxwith.qcld-openai-main-box .tab-content .card-body {
1182 padding: 15px;
1183 }
1184
1185 .admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
1186 font-size: 15px;
1187 }
1188
1189 .admin-maxwith.qcld-openai-main-box .tab-content {
1190 font-size: 15px;
1191 }
1192
1193 .admin-maxwith.qcld-openai-main-box .tab-content .alert.alert-info {
1194 margin: 15px 0 0 15px;
1195 }
1196
1197
1198 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li a {
1199 padding: 14px 20px;
1200 width: 100%;
1201 font-size: 16px;
1202 font-weight: 500;
1203 color: #988FBD;
1204 border-radius: 8px;
1205 position: relative;
1206 display: flex;
1207 align-items: center;
1208 gap: 15px;
1209 background: #fff;
1210 text-decoration: none;
1211 border: none;
1212 margin: 2px 0;
1213 }
1214
1215 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li.active a,
1216 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li a:hover {
1217 padding: 14px 20px;
1218 width: 100%;
1219 font-size: 16px;
1220 font-weight: 500;
1221 color: #988FBD;
1222 border-radius: 8px;
1223 position: relative;
1224 display: flex;
1225 align-items: center;
1226 gap: 15px;
1227 background: #5B4E96;
1228 color: #ffffff;
1229 text-decoration: none;
1230 border: none;
1231 margin: 2px 0;
1232 }
1233
1234
1235 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]+label,
1236 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]+label {
1237 position: relative;
1238 width: 18px;
1239 height: 18px;
1240 border: 2px solid #5b4e96;
1241 border-radius: 4px;
1242 top: 0;
1243 left: 0;
1244 transform: translate(0%, 0%);
1245 transition: all ease-out 200ms;
1246 text-indent: 28px;
1247 font: normal normal 30px / 60px "Helvetica";
1248 white-space: nowrap;
1249 color: #555;
1250 -webkit-user-select: none;
1251 -moz-user-select: none;
1252 -ms-user-select: none;
1253 user-select: none;
1254 display: flex;
1255 align-items: center;
1256 line-height: 30px;
1257 }
1258
1259 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]+label:after,
1260 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]+label:after {
1261 content: "";
1262 position: absolute;
1263 width: 0px;
1264 height: 8px;
1265 border-bottom: 3px solid #22b573;
1266 border-left: 3px solid #22b573;
1267 top: 25%;
1268 left: 50%;
1269 transform-origin: bottom left;
1270 transform: rotate(-45deg);
1271 opacity: 0;
1272 transition: all ease-out 200ms;
1273 }
1274
1275 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]:checked+label,
1276 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]:checked+label {
1277 border: 2px solid #22b573;
1278 }
1279
1280 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]:checked+label:after,
1281 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]:checked+label:after {
1282 opacity: 1;
1283 width: 22px;
1284 }
1285
1286 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox],
1287 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox] {
1288 display: none;
1289 }
1290
1291 div#wp-chatbot-show-pages-list ul li,
1292 div#wp-chatbot-exclude-post-list ul li {
1293 padding: 4px 0;
1294 }
1295
1296 .qcld-main-wrapper div#headingTwoControl a {
1297 font-weight: bold;
1298 }
1299
1300 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]+label {
1301 position: relative;
1302 width: 18px;
1303 height: 18px;
1304 border: 2px solid #5b4e96;
1305 border-radius: 4px;
1306 top: 0;
1307 left: 0;
1308 transform: translate(0%, 0%);
1309 transition: all ease-out 200ms;
1310 text-indent: 28px;
1311 white-space: nowrap;
1312 color: #555;
1313 -webkit-user-select: none;
1314 -moz-user-select: none;
1315 -ms-user-select: none;
1316 user-select: none;
1317 display: flex;
1318 align-items: center;
1319 margin-bottom: 0;
1320 line-height: 30px;
1321 }
1322
1323 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]+label:after {
1324 content: "";
1325 position: absolute;
1326 width: 0px;
1327 height: 8px;
1328 border-bottom: 3px solid #22b573;
1329 border-left: 3px solid #22b573;
1330 top: 25%;
1331 left: 50%;
1332 transform-origin: bottom left;
1333 transform: rotate(-45deg);
1334 opacity: 0;
1335 transition: all ease-out 200ms;
1336 }
1337
1338 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]:checked+label {
1339 border: 2px solid #22b573;
1340 }
1341
1342 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]:checked+label:after {
1343 opacity: 1;
1344 width: 22px;
1345 }
1346
1347 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox] {
1348 display: none;
1349 }
1350
1351
1352 .qcl-openai div#wp-chatbot-openai-settings .form-check {
1353 margin-bottom: 15px;
1354 border: 1px solid #E5E6F2;
1355 padding: 12px 12px;
1356 border-radius: 8px;
1357 }
1358
1359 .qcl-openai div#wp-chatbot-openai-settings label.form-check-label span {
1360 font-size: 12px;
1361 }
1362
1363 .qcl-openai div#wp-chatbot-openai-settings label.form-check-label span.pro-badge {
1364 font-size: 9px;
1365 font-weight: 400;
1366 color: #ffffff;
1367 background: #5B4E96;
1368 border-radius: 20px;
1369 padding: 2px 8px;
1370 margin-left: 5px;
1371 text-transform: uppercase;
1372 text-indent: initial;
1373 line-height: 16px;
1374 }
1375
1376 .qcl-openai div#wp-chatbot-openai-settings a#save_setting {
1377 margin: 0 0 15px 0;
1378 }
1379
1380 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]+label {
1381 position: relative;
1382 width: 18px;
1383 height: 18px;
1384 border: 2px solid #5b4e96;
1385 border-radius: 4px;
1386 top: 0;
1387 left: 0;
1388 transform: translate(0%, 0%);
1389 transition: all ease-out 200ms;
1390 text-indent: 28px;
1391 white-space: nowrap;
1392 color: #555;
1393 -webkit-user-select: none;
1394 -moz-user-select: none;
1395 -ms-user-select: none;
1396 user-select: none;
1397 display: flex;
1398 align-items: center;
1399 margin-bottom: 0;
1400 line-height: 30px;
1401 }
1402
1403 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]+label:after {
1404 content: "";
1405 position: absolute;
1406 width: 0px;
1407 height: 8px;
1408 border-bottom: 3px solid #22b573;
1409 border-left: 3px solid #22b573;
1410 top: 25%;
1411 left: 50%;
1412 transform-origin: bottom left;
1413 transform: rotate(-45deg);
1414 opacity: 0;
1415 transition: all ease-out 200ms;
1416 }
1417
1418 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label {
1419 border: 2px solid #22b573;
1420 }
1421
1422 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label:after {
1423 opacity: 1;
1424 width: 22px;
1425 }
1426
1427 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox] {
1428 display: none;
1429 }
1430
1431
1432 .qcl-openai div#wp-chatbot-openrouter-settings .form-check {
1433 margin-bottom: 15px;
1434 border: 1px solid #E5E6F2;
1435 padding: 12px 12px;
1436 border-radius: 8px;
1437 }
1438
1439 .qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span {
1440 font-size: 12px;
1441 }
1442
1443 .qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span.pro-badge {
1444 font-size: 9px;
1445 font-weight: 400;
1446 color: #ffffff;
1447 background: #5B4E96;
1448 border-radius: 20px;
1449 padding: 2px 8px;
1450 margin-left: 5px;
1451 text-transform: uppercase;
1452 text-indent: initial;
1453 line-height: 16px;
1454 }
1455
1456 .qcl-openai div#wp-chatbot-openrouter-settings a#save_setting {
1457 margin: 0 0 15px 0;
1458 }
1459
1460 #qcld_save_openrouter_setting {
1461 margin: 0 0 15px 0;
1462 }
1463
1464
1465 div#openrouter-settings .tab-content {
1466 padding: 0 12px 0 12px;
1467 width: 100%;
1468 }
1469
1470 .qcl-openai .accordion {
1471 padding: 0 0 0 15px;
1472 }
1473
1474 .qcl-openai .card-body-openrouter {
1475 padding: 0 15px 0 15px;
1476 }
1477
1478
1479 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container h4 {
1480 width: 396px;
1481 }
1482
1483 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container select {
1484 border-color: #ffffff;
1485 width: 220px;
1486 }
1487
1488
1489 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-openai-training-model .row.my-4 {
1490 font-size: 15px;
1491 display: flex;
1492 width: 100%;
1493 align-items: center;
1494 justify-content: center;
1495 min-height: 420px;
1496 text-align: center;
1497 }
1498
1499 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-data_post_converter .row.my-4 {
1500 font-size: 16px;
1501 display: flex;
1502 width: 100%;
1503 align-items: center;
1504 justify-content: center;
1505 min-height: 420px;
1506 text-align: center;
1507 }
1508
1509 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-img_generator .row.my-4 {
1510 font-size: 16px;
1511 display: flex;
1512 width: 100%;
1513 align-items: center;
1514 justify-content: center;
1515 min-height: 420px;
1516 text-align: center;
1517 }
1518
1519 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-content_writer .row.my-4 {
1520 font-size: 16px;
1521 display: flex;
1522 width: 100%;
1523 align-items: center;
1524 justify-content: center;
1525 min-height: 420px;
1526 text-align: center;
1527 }
1528
1529
1530 .qcld-wrap.swpm-admin-menu-wrap {
1531 display: flex;
1532 margin: 15px 0;
1533 }
1534
1535 .qcld_help_wppt_nav_container {
1536 display: flex;
1537 flex-direction: column;
1538 width: 320px;
1539 background: #fff;
1540 border-radius: 16px;
1541 margin: 0 20px 0 0;
1542 }
1543
1544 .content_qcbot_help_secion {
1545 position: relative;
1546 width: 79%;
1547 display: block;
1548 background: #fff;
1549 border-radius: 16px;
1550 padding: 15px 20px;
1551 }
1552
1553 .qcld_help_wppt_nav_container a {
1554 margin: 2px 10px;
1555 }
1556
1557 .qcld_help_wppt_nav_container a {
1558 margin: 2px 10px;
1559 font-size: 15px;
1560 font-weight: 500;
1561 border: none;
1562 padding: 14px 20px !important;
1563 display: flex;
1564 align-items: center;
1565 gap: 15px;
1566 }
1567
1568 .qcld_help_wppt_nav_container a:hover {
1569 margin: 2px 10px;
1570 font-size: 15px;
1571 font-weight: 500;
1572 border: none;
1573 background: #5b4e96;
1574 color: #fff;
1575 padding: 14px 20px !important;
1576 display: flex;
1577 align-items: center;
1578 gap: 15px;
1579 }
1580
1581 .content_qcbot_help_secion .panel-default>.panel-heading {
1582 color: #333;
1583 background-color: #f5f5f5;
1584 border-color: #5B4E96;
1585 background: #fff !important;
1586 color: #5B4E96 !important;
1587 text-decoration: none !important;
1588 border-radius: 8px;
1589 border: 2px solid #5B4E96;
1590 padding: 0;
1591 }
1592
1593
1594 .content_qcbot_help_secion .panel-default>.panel-heading:hover {
1595 background: #5B4E96 !important;
1596 color: #ffffff !important;
1597 text-decoration: none !important;
1598 border-radius: 8px;
1599 }
1600
1601
1602 .content_qcbot_help_secion .panel-default>.panel-heading:hover a{
1603 color: #ffffff !important;
1604 }
1605 .content_qcbot_help_secion .panel-default {
1606 border-color: #dddddd00;
1607 margin-bottom: 10px;
1608 }
1609
1610 .content_qcbot_help_secion .panel-title a {
1611 padding: 10px 15px;
1612 display: block;
1613 position: relative;
1614 display: block;
1615 padding: 15px 12px;
1616 font-size: 16px;
1617 font-weight: bold;
1618 color: #5B4E96;
1619 }
1620
1621 .content_qcbot_help_secion p {
1622 font-size: 15px;
1623 }
1624
1625 .content_qcbot_help_secion .panel-title a.collapsed:after {
1626 font: normal normal normal 24px / 1 FontAwesome;
1627 content: "\f055";
1628 position: absolute;
1629 right: 18px;
1630 top: 12px;
1631 }
1632
1633 .content_qcbot_help_secion .panel-title a:after {
1634 font: normal normal normal 24px / 1 FontAwesome;
1635 content: "\f056";
1636 position: absolute;
1637 right: 18px;
1638 top: 12px;
1639 }
1640
1641
1642 .content_qcbot_help_secion .panel-default>.panel-heading+.panel-collapse>.panel-body {
1643 border-top-color: transparent;
1644 background: linear-gradient(181deg, #ffffff 70%, #e9e4ff 96%);
1645 border-radius: 16px;
1646 border: 1px solid #eee;
1647 margin: 8px 0 0 0;
1648 padding: 20px 15px;
1649 }
1650
1651 .content_qcbot_help_secion .panel {
1652 box-shadow: none;
1653 }
1654
1655 .qcbot_help_secion h3 {
1656 font-size: 16px;
1657 font-weight: bold;
1658 }
1659
1660 .qcbot_help_secion ul li {
1661 list-style: inside;
1662 }
1663
1664 .notice.is-dismissible.qcbot-str-top-notic {
1665 width: 98.7%;
1666 }
1667
1668 .qcld-main-wrapper {
1669 margin: 10px 0px 0 2px !important;
1670 }
1671
1672 .content_qcbot_help_secion .section-container {
1673 display: flex;
1674 gap: 30px;
1675 }
1676
1677 .content-wrap .section-container {
1678 display: flex;
1679 gap: 30px;
1680 }
1681
1682 .wpbot_statistics_area h2 {
1683 font-size: 22px;
1684 font-weight: bold;
1685 }
1686
1687
1688 section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover a {
1689 color: #fff;
1690 }
1691
1692 .qcld-main-wrapper a {
1693 text-decoration: none !important;
1694 }
1695
1696 .admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1697 text-decoration: none;
1698 }
1699
1700 .admin-maxwith.qcld-openai-main-box button.btn.btn-link:hover {
1701 font-weight: bold;
1702 display: block;
1703 padding: 15px 12px;
1704 font-size: 16px;
1705 color: #fff;
1706 background: #5B4E96;
1707 width: 100%;
1708 text-align: left;
1709 }
1710
1711 .content-wrap .qcld-seo-help-feature ul {
1712 background: linear-gradient(178deg, #ffffff 70%, #e9e4ff 96%);
1713 border-radius: 6px;
1714 padding: 5px 8px;
1715 border: 1px solid #eee;
1716 }
1717
1718 .wp-chatbot-tabs nav ul li a {
1719 color: #695d99;
1720 }
1721
1722 .wp-chatbot-tabs nav .cxsc-settings_openai_border a {
1723 color: #695d99;
1724 }
1725
1726
1727 .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab {
1728 float: left;
1729 border: 1px solid #c3c4c7;
1730 border-bottom: 1px;
1731 margin-left: .5em;
1732 font-size: 16px;
1733 line-height: 1.71428571;
1734 font-weight: 600;
1735 background: #ffffff;
1736 color: #5b4e96;
1737 text-decoration: none;
1738 white-space: nowrap;
1739 border: 1px solid #5b4e96;
1740 padding: 14px 20px !important;
1741 line-height: normal !important;
1742 border-radius: 6px;
1743
1744 }
1745
1746 .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab:hover, .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab.nav-tab-active {
1747 float: left;
1748 border: 1px solid #c3c4c7;
1749 border-bottom: 1px;
1750 margin-left: .5em;
1751 font-size: 16px;
1752 line-height: 1.71428571;
1753 font-weight: 600;
1754 background: #5b4e96;
1755 color: #fff;
1756 text-decoration: none;
1757 white-space: nowrap;
1758 border: 1px solid #5b4e96;
1759 padding: 14px 20px !important;
1760 line-height: normal !important;
1761
1762 }
1763
1764 .qcld_label_width_full{
1765 width: 100% !important;
1766 }
1767 .cxsc-settings-blocks-font-resize{
1768 font-size: 14px !important;
1769 }
1770
1771 .qcld_thumbnail_theme_prev label{
1772 width: 100% !important;
1773 position: relative;
1774 text-align: center;
1775 }
1776
1777 button.swal2-confirm.btn.btn-lg.swal2-styled {
1778 padding: 14px 20px;
1779 width: 100%;
1780 font-size: 16px;
1781 font-weight: 500;
1782 color: #988FBD;
1783 border-radius: 8px;
1784 position: relative;
1785 display: flex;
1786 align-items: center;
1787 gap: 15px;
1788 background: #5B4E96;
1789 color: #ffffff;
1790 text-decoration: none;
1791 border-color: #5b4e96 !important;
1792 }
1793
1794
1795
1796
1797
1798
1799
1800
1801
1802 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label {
1803 position: relative;
1804 width: 18px;
1805 height: 18px;
1806 border: 2px solid #5b4e96;
1807 border-radius: 4px;
1808 top: 0;
1809 left: 0;
1810 transform: translate(0%, 0%);
1811 transition: all ease-out 200ms;
1812 text-indent: 28px;
1813 font: normal normal 30px / 60px "Helvetica";
1814 white-space: nowrap;
1815 color: #555;
1816 -webkit-user-select: none;
1817 -moz-user-select: none;
1818 -ms-user-select: none;
1819 user-select: none;
1820 display: flex;
1821 align-items: center;
1822 }
1823
1824 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label:after {
1825 content: "";
1826 position: absolute;
1827 width: 0px;
1828 height: 8px;
1829 border-bottom: 3px solid #22b573;
1830 border-left: 3px solid #22b573;
1831 top: 25%;
1832 left: 50%;
1833 transform-origin: bottom left;
1834 transform: rotate(-45deg);
1835 opacity: 0;
1836 transition: all ease-out 200ms;
1837 }
1838
1839 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label {
1840 border: 2px solid #22b573;
1841 }
1842
1843 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label:after {
1844 opacity: 1;
1845 width: 22px;
1846 }
1847
1848 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox] {
1849 display: none;
1850 }
1851
1852 .cxsc-settings_openai_border {
1853 margin-bottom: 6px;
1854 }
1855
1856 div#wp-chatbot-custom-color-options .top-section .row .cxsc-settings-blocks {
1857 padding-top: 0;
1858 }
1859
1860 div#wp-chatbot-post-converter ul.checkbox-list {
1861 display: flex;
1862 flex-wrap: wrap;
1863 gap: 6px;
1864 }
1865 div#wp-chatbot-post-converter ul.checkbox-list .form-check.form-check-inline {
1866 display: inline-block;
1867 min-width: 290px;
1868 margin: 0;
1869 }
1870
1871
1872
1873 div#wp-chatbot-show-pages-list ul.checkbox-list {
1874 display: flex;
1875 flex-wrap: wrap;
1876 gap: 6px;
1877 }
1878
1879 div#wp-chatbot-exclude-post-list ul.checkbox-list {
1880 display: flex;
1881 flex-wrap: wrap;
1882 gap: 6px;
1883 }
1884
1885
1886 div#wp-chatbot-show-pages-list ul.checkbox-list li{
1887 display: inline-block;
1888 min-width: 310px;
1889 margin: 0;
1890 }
1891
1892 div#wp-chatbot-exclude-post-list ul.checkbox-list li{
1893 display: inline-block;
1894 min-width: 310px;
1895 margin: 0;
1896 }
1897 #rotationloader.fa.fa-spinner
1898 {
1899 display: none;
1900 rotate: initial;
1901 -webkit-animation: rotation 2s infinite linear;
1902 }
1903
1904 .docs_icon {
1905 position: absolute;
1906 top: 0;
1907 bottom: 0;
1908 left: 0;
1909 right: 0;
1910 z-index: 1;
1911 text-align: center;
1912 display: flex;
1913 align-items: center;
1914 justify-content: center;
1915 background: #5b4e968f;
1916 color: #ffffff;
1917 font-size: 60px;
1918 border-radius: 8px;
1919 }
1920 a.qcld-wp-chatbot-wrap--doc_logo {
1921 text-decoration: none !important;
1922 position: relative;
1923 }
1924 .docs_icon i {
1925 background: #5b4e96;
1926 padding: 25px 25px;
1927 border-radius: 50%;
1928 }
1929
1930
1931 /* .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
1932 font-size: 18px;
1933 display: block !important;
1934 } */
1935
1936 .lp-submenu-wpbot_openAi .swal2-actions button {
1937 width: auto !important;
1938 padding: 10px 40px !important;
1939 line-height: normal !important;
1940 }
1941 .lp-submenu-wpbot_openAi .swal2-actions {
1942 display: flex;
1943 }
1944 .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
1945 font-size: 16px !important;
1946 font-weight: 500 !important;
1947 }
1948
1949 .wp-chatbot-wrap hr {
1950 margin-top: 10px;
1951 margin-bottom: 10px;
1952 }
1953
1954
1955 .wp-chatbot-wrap a.nav-tab.sld_click_handle {
1956 margin-right: .5em;
1957 line-height: 1.42857143;
1958 border: 1px solid #5b4e96 !important;
1959 border-radius: 6px !important;
1960 border: 1px solid #5b4e96 !important;
1961 padding: 10px 20px !important;
1962 border-radius: 8px !important;
1963 color: #5b4e96 !important;
1964 font-size: 15px !important;
1965 font-weight: 600;
1966 line-height: normal !important;
1967 background: #fff;
1968 }
1969
1970 .wp-chatbot-wrap a.nav-tab.sld_click_handle:hover, .wp-chatbot-wrap a.nav-tab.sld_click_handle.nav-tab-active{
1971 margin-right: .5em;
1972 line-height: 1.42857143;
1973 border: 1px solid #5b4e96 !important;
1974 border-radius: 6px !important;
1975 border: 1px solid #5b4e96 !important;
1976 padding: 10px 20px !important;
1977 border-radius: 8px !important;
1978 color: #fff !important;
1979 font-size: 15px !important;
1980 font-weight: 600;
1981 line-height: normal !important;
1982 background: #5b4e96;
1983 }
1984
1985
1986
1987
1988
1989
1990
1991
1992 .swal2-actions {
1993 display: flex;
1994 z-index: 1;
1995 box-sizing: border-box;
1996 flex-wrap: wrap;
1997 align-items: center;
1998 justify-content: center;
1999 width: 100%;
2000 margin: 1.25em auto 0;
2001 padding: 0;
2002 }
2003 button.swal2-deny.swal2-styled{
2004 border: 0;
2005 border-radius: .25em;
2006 background: initial;
2007 background-color: #d14529 !important;
2008 color: #fff;
2009 font-size: 1em;
2010 padding: 14px 20px;
2011 width: auto;
2012 font-size: 16px;
2013 font-weight: 500;
2014 color: #988FBD;
2015 border-radius: 8px;
2016 position: relative;
2017 display: flex;
2018 align-items: center;
2019 gap: 15px;
2020 background: #d14529;
2021 color: #ffffff;
2022 text-decoration: none;
2023 border-color: #5b4e96 !important;
2024 }
2025
2026
2027 button.swal2-confirm.btn.btn-lg.swal2-styled {
2028 width: auto !important;
2029 }
2030
2031 .chatbot-wpbot-lite_page_wpbot button.swal2-deny.swal2-styled {
2032 display: none !important;
2033 }
2034 a#qcld_save_openrouter_setting {
2035 background: #5B4E96;
2036 color: #ffffff;
2037 border: none;
2038 padding: 12px 30px;
2039 }
2040
2041 a#save_setting {
2042 background: #5B4E96;
2043 color: #ffffff;
2044 border: none;
2045 padding: 12px 30px;
2046 }
2047
2048 @media (max-width: 1280px) {
2049 .content-wrap {
2050 width: 50% !important;
2051 }
2052
2053 .wp-chatbot-admin-upgrade-pro-sidebar {
2054
2055 width: 24% !important;
2056 }
2057
2058 }
2059
2060 @media (max-width: 992px) {
2061 .wp-chatbot-tabs nav {
2062 width: 100% !important;
2063 margin-right: 0 !important;
2064 }
2065 .content-wrap {
2066 width: 100% !important;
2067 }
2068 .wp-chatbot-admin-upgrade-pro-sidebar {
2069 width: 100% !important;
2070 margin: 0 0 0 0 !important;
2071 }
2072 .wp-chatbot-tabs {
2073 display: flex;
2074 flex-wrap: wrap;
2075 gap: 20px;
2076 }
2077 .admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
2078 display: flex;
2079 flex-wrap: wrap;
2080 }
2081 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
2082 width: 100%;
2083 }
2084 .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2085 padding: 12px 5px !important;
2086 }
2087 label.form-check-label span {
2088 display: none;
2089 }
2090 .qc-review-text img {
2091 width: 100%;
2092 }
2093
2094 .content_qcbot_help_secion {
2095 width: 100% !important;
2096 }
2097 .qcld_help_wppt_nav_container {
2098 width: 100% !important;
2099 }
2100 .qcld-wrap.swpm-admin-menu-wrap {
2101 display: flex
2102 ;
2103 margin: 15px 0;
2104 flex-direction: column;
2105 flex-wrap: wrap;
2106 }
2107 }
2108
2109
2110 @media (max-width: 640px) {
2111 .qcld-wp-chatbot-wrap-header {
2112 display: flex;
2113 column-gap: 15px;
2114 row-gap: 10px;
2115 background: #fff;
2116 padding: 15px 15px;
2117 margin: 20px 20px 20px 0;
2118 border-radius: 16px;
2119 align-items: center;
2120 justify-content: space-between;
2121 flex-direction: column;
2122 }
2123 ul.qcld-wp-chatbot-wrap-version-wrapper {
2124 display: block;
2125 margin: 15px 0 15px 0;
2126 }
2127 .qcld-wp-chatbot-wrap-header-doc {
2128 display: flex
2129 ;
2130 column-gap: 15px;
2131 row-gap: 10px;
2132 background: #fff;
2133 padding: 15px 15px;
2134 margin: 20px 20px 20px 0;
2135 border-radius: 16px;
2136 align-items: center;
2137 justify-content: flex-start;
2138 display: flex
2139 ;
2140 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
2141 border-radius: 16px;
2142 gap: 30px;
2143 flex-direction: column;
2144 }
2145 .qcld-wp-chatbot-wrap-header-doc-details {
2146 width: 100%;
2147 }
2148 .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2149 padding: 12px 25px !important;
2150 }
2151 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
2152 display: inline-block;
2153 width: 100%;
2154 }
2155 }
2156
2157 .swal2-popup.swal2-modal.connection-modal button.swal2-deny.swal2-styled{display: none !important;}
2158 .swal2-popup.swal2-modal.connection-modal .swal2-styled.swal2-confirm {
2159 padding: 14px 20px;
2160 width: auto;
2161 font-size: 16px;
2162 align-items: center;
2163 gap: 15px;
2164 background: #5B4E96;
2165 color: #ffffff;
2166 text-decoration: none;
2167 border-color: #5b4e96 !important;
2168 }
2169
2170 .wrap.qcld-main-wrapper a:focus {
2171 outline: none !important;
2172 outline-offset: 0 !important;
2173 box-shadow: none !important;
2174 }
2175
2176 p.qc-opt-dcs-font-faq {
2177 font-weight: bold;
2178 }
2179
2180
2181 .qcld-general-settings-connection-notic {
2182 background: #eee;
2183 border: 2px solid #5b4e96;
2184 border-radius: 8px;
2185 margin: 0 0 15px 0;
2186 padding: 12px;
2187 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
2188 position: relative;
2189 }
2190 .qcld-general-settings-connection-notic p{
2191 margin: 6px 0 6px 0;
2192 padding: 0;
2193 font-size: 15px;
2194 font-weight: 500;
2195 }
2196
2197
2198 .qcld-general-settings-close {
2199 position: absolute;
2200 top: -10px;
2201 right: 3px;
2202 transition: all 200ms;
2203 font-size: 30px;
2204 font-weight: bold;
2205 text-decoration: none;
2206 color: #5b4e96;
2207 }
2208 .qcld-general-settings-close:hover {
2209 color: orange;
2210 }
2211 #qcld-show-more-wrapper-box {
2212 margin-top: 0;
2213 position:relative;
2214 }
2215 #qcld-show-more-wrapper-box .qcld-show-more-text {
2216 /* width: 660px; */
2217 margin-bottom: 5px;
2218 padding: 0 0;
2219 position:relative;
2220 display: block;
2221 }
2222 #qcld-show-more-wrapper-box .qcld-show-more-show-more {
2223 color: #ffffff;
2224 position: relative;
2225 padding: 60px 0 0 0;
2226 height: 60px;
2227 text-align: center;
2228 background: #f1f1f1;
2229 cursor: pointer;
2230 background: linear-gradient(to bottom, rgb(255 255 255 / 24%) 0%, rgb(188 174 255) 100%);
2231 margin: -39px 0 0 0;
2232 border-radius: 0 0 15px 15px;
2233 z-index: 99999;
2234 font-weight: bold;
2235 }
2236
2237 #qcld-show-more-wrapper-box .qcld-show-more-show-more-height {
2238 height: 190px;
2239 overflow:hidden;
2240 }
2241
2242 #qcld-show-more-wrapper-box .qcld-show-more-show-more i {
2243 display: block;
2244 padding: 6px 0 0 0;
2245 background: #5b4e96;
2246 width: 30px;
2247 height: 30px;
2248 line-height: 30px;
2249 border-radius: 50%;
2250 margin: -15px auto 0 auto;
2251 font-size: 18px !important;
2252 color: #fff;
2253 }
2254
2255 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]+label {
2256 position: relative;
2257 width: 18px;
2258 height: 18px;
2259 border: 2px solid #5b4e96;
2260 border-radius: 4px;
2261 top: 0;
2262 left: 0;
2263 transform: translate(0%, 0%);
2264 transition: all ease-out 200ms;
2265 text-indent: 28px;
2266 white-space: nowrap;
2267 color: #555;
2268 -webkit-user-select: none;
2269 -moz-user-select: none;
2270 -ms-user-select: none;
2271 user-select: none;
2272 display: flex;
2273 align-items: center;
2274 margin-bottom: 0;
2275 line-height: 30px;
2276 }
2277
2278
2279 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]+label:after {
2280 content: "";
2281 position: absolute;
2282 width: 0px;
2283 height: 8px;
2284 border-bottom: 3px solid #22b573;
2285 border-left: 3px solid #22b573;
2286 top: 25%;
2287 left: 50%;
2288 transform-origin: bottom left;
2289 transform: rotate(-45deg);
2290 opacity: 0;
2291 transition: all ease-out 200ms;
2292 }
2293
2294 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label {
2295 border: 2px solid #22b573;
2296 }
2297
2298 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label:after {
2299 opacity: 1;
2300 width: 22px;
2301 }
2302
2303 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox] {
2304 display: none;
2305 }
2306
2307
2308 .qcl-openai div#wp-chatbot-gemini-settings .form-check {
2309 margin-bottom: 15px;
2310 border: 1px solid #E5E6F2;
2311 padding: 12px 12px;
2312 border-radius: 8px;
2313 }
2314
2315 .qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span {
2316 font-size: 12px;
2317 }
2318
2319 .qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span.pro-badge {
2320 font-size: 9px;
2321 font-weight: 400;
2322 color: #ffffff;
2323 background: #5B4E96;
2324 border-radius: 20px;
2325 padding: 2px 8px;
2326 margin-left: 5px;
2327 text-transform: uppercase;
2328 text-indent: initial;
2329 line-height: 16px;
2330 }
2331
2332 .qcl-openai div#wp-chatbot-gemini-settings a#save_setting {
2333 margin: 0 0 15px 0;
2334 }
2335
2336
2337
2338 span.qcls_openAI_customized {
2339 background: yellow;
2340 }
2341 .admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
2342 font-size: 16px;
2343 line-height: 28px;
2344 }
2345 textarea#qcld_openai_system_content {
2346 height: 120px;
2347 line-height: 28px;
2348 }
2349 .qcld-main-wrapper .alert.alert-warning {
2350 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96% 96%);
2351 border-radius: 6px;
2352 color: #721c24;
2353 background: #f8d7da;
2354 border-color: #f5c6cb;
2355 font-weight: bold;
2356 }
2357 .qcld-wpbot-pricing-filter-form-check {
2358 display: flex;
2359 gap: 10px;
2360 }
2361
2362 .qcld-dialogflow-enable-notice {
2363 padding: 15px 0 15px 0;
2364 color: red;
2365 font-weight: bold;
2366 }
2367
2368 a#qcld_save_gemini_setting {
2369 background: #5B4E96;
2370 color: #ffffff;
2371 border: none;
2372 padding: 12px 30px;
2373 }
2374 .card-body-gemini {
2375 padding: 0 15px;
2376 }
2377
2378 div#panelsStayOpen-collapseseven pre {
2379 width: 100%;
2380 display: block;
2381 max-width: 1120px;
2382 }
2383
2384 .card-body-gemini p {
2385 font-size: 16px;
2386 font-weight: bold;
2387 }
2388
2389 .card-body-openrouter p{
2390 font-size: 16px;
2391 font-weight: bold;
2392 }
2393 div#wp-chatbot-openai-assistants p {
2394 font-size: 16px;
2395 }
2396 button.btn{
2397 outline: none !important;
2398 }
2399 button.btn:focus{
2400 outline: none !important;
2401 }
2402 input:focus {
2403 border-color: #e1dbff;
2404 box-shadow: none !important;
2405 outline: none !important;
2406 }
2407
2408 .wp-chatbot-wrap .qc-opt-language-title{
2409 font-weight: bold !important;
2410 color: #5b4e96 !important;
2411 font-size: 16px;
2412 }
2413
2414 button.qcld_chatbot_custom_icon_button.button, button.wp_chatbot_custom_agent_button.button {
2415 padding: 2px 20px;
2416 width: auto;
2417 font-size: 14px;
2418 font-weight: 500;
2419 color: #988FBD;
2420 border-radius: 8px;
2421 background: #fff;
2422 color: #5B4E96;
2423 text-decoration: none;
2424 margin: 0;
2425 border: 2px solid #5B4E96;
2426
2427 }
2428
2429 button.qcld_chatbot_custom_icon_button.button:hover, button.wp_chatbot_custom_agent_button.button:hover {
2430 background: #5B4E96;
2431 color: #fff;
2432 border: 2px solid #5B4E96;
2433
2434 }
2435
2436
2437 @media (min-width: 993px) and (max-width: 1350px) {
2438 .wp-chatbot-admin-upgrade-pro-sidebar {
2439 width: 25%;
2440 }
2441 }
2442
2443