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

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

2,177 lines 45.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
2
3 .qcld-main-wrapper {
4 background-color: #F5F7FD;
5 font-family: "DM Sans", sans-serif !important;
6 font-optical-sizing: auto;
7 font-size: 16px;
8 font-weight: normal;
9 }
10
11 .wp-chatbot-wrap .fa{
12 font: normal normal normal 14px / 1 FontAwesome !important;
13 }
14
15 .chatbot-wpbot-lite_page_wpbot, .chatbot-wpbot-lite_page_wpbot_help_page, .chatbot-wpbot-lite_page_wpbot_openAi, .toplevel_page_wpbot-panel{
16 background-color: #F5F7FD;
17 }
18
19 .qcld-main-wrapper .h1,
20 .qcld-main-wrapper .h2,
21 .qcld-main-wrapper .h3,
22 .qcld-main-wrapper .h4,
23 .qcld-main-wrapper .h5,
24 .qcld-main-wrapper .h6,
25 .qcld-main-wrapper h1,
26 .qcld-main-wrapper h2,
27 .qcld-main-wrapper h3,
28 .qcld-main-wrapper h4,
29 .qcld-main-wrapper h5,
30 .qcld-main-wrapper h6 {
31 color: #5b4e96 !important;
32 }
33
34 .qcld-wp-chatbot-wrap-header {
35 display: flex;
36 column-gap: 15px;
37 row-gap: 10px;
38 background: #fff;
39 padding: 15px 15px;
40 margin: 20px 20px 20px 0;
41 border-radius: 16px;
42 align-items: center;
43 justify-content: space-between;
44
45 }
46
47 .qcld-wp-chatbot-wrap-header img {
48 max-width: 50px;
49 }
50
51 .qcld-wp-chatbot-wrap-header ul,
52 .qcld-wp-chatbot-wrap-header p,
53 .qcld-wp-chatbot-wrap-header li {
54 margin: 0;
55 }
56
57 .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
58 padding: 12px 25px;
59 background: #ffffff;
60 color: #5B4E96;
61 border: 2px solid #5B4E96;
62 border-radius: 6px;
63 font-weight: bold;
64 }
65
66 .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade:hover {
67 padding: 12px 25px;
68 background: #5B4E96;
69 color: #fff;
70 border: 2px solid #5B4E96;
71 border-radius: 6px;
72 font-weight: bold;
73 text-decoration: none;
74 }
75
76 a.qcld-wp-chatbot-wrap-site__logo {
77 font-size: 22px;
78 color: #000;
79 font-weight: bold;
80 }
81
82 .wp-chatbot-wrap {
83 margin: 20px 20px 20px 0;
84 border-radius: 16px;
85 }
86
87 .wp-chatbot-tabs.wp-chatbot-tabs-style-flip {
88 border-radius: 16px;
89 }
90
91 .wp-chatbot-tabs nav {
92 width: 18%;
93 display: block;
94 float: left;
95 min-width: 240px;
96 margin-right: 24px;
97 position: sticky;
98 top: 0;
99 overflow: unset;
100 padding: 10px;
101 background: #ffffff;
102 border-radius: 16px;
103 }
104
105
106 .wp-chatbot-tabs nav ul li.tab-current a {
107 background: #5B4E96;
108 color: #ffffff;
109 text-decoration: none;
110 }
111
112 .wp-chatbot-tabs nav ul li a:hover {
113 background: #5B4E96;
114 color: #ffffff;
115 text-decoration: none;
116 }
117
118 .wp-chatbot-tabs nav ul li a {
119 padding: 14px 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;
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 #45d72d;
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: 16px;
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 }
915
916 .qc_menu_area_box h4 {
917 text-align: center;
918 font-size: 18px !important;
919 font-weight: bold !important;
920 border-bottom: 2px solid #f7f7f7;
921 padding: 0 0 8px 0;
922 margin: 0 0 8px 0;
923 }
924
925 .qc_menu_area {
926
927 width: 50%;
928 background: #fff;
929 border-radius: 16PX;
930 padding: 12px;
931 }
932
933 .qc_menu_list_area.ui-droppable {
934
935 width: 50%;
936 background: #fff;
937 border-radius: 16PX;
938 padding: 12px;
939 }
940
941 .qc_menu_area_box ul li span {
942 background-image: linear-gradient(to right, #868afa 0%, #5b4e96 51%, #5b4e96 100%);
943 box-shadow: 0 5px 15px #c3c3c3;
944 border: 1px solid #ffffff;
945 color: #fff;
946 display: block;
947 margin: 8px auto;
948 padding: 12px 30px;
949 }
950
951 .qc_menu_area_box .qc_menu_area_container span {
952 background-image: linear-gradient(to right, #868afa 0%, #5b4e96 51%, #5b4e96 100%);
953 box-shadow: 0 5px 15px #c3c3c3;
954 border: 1px solid #ffffff;
955 color: #fff;
956 display: block;
957 margin: 8px auto;
958 padding: 12px 30px;
959 }
960
961 .qc_menu_area_box .qc_menu_area_container span:hover,
962 .qc_menu_area_box ul li span:hover {
963 background-image: linear-gradient(to right, #5b4e96 0%, #868afa 51%, #868afa 100%);
964 }
965
966 .qc_menu_list_container {
967 position: relative;
968 }
969
970 .qc_menu_list_container p {
971 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
972 float: left;
973 position: absolute;
974 transform: rotate(45deg);
975 right: -48px;
976 top: -24px;
977 text-align: center;
978 width: 150px;
979 font-size: 12px;
980 margin: 0;
981 z-index: 999;
982 color: #3c3b3b;
983 font-weight: 600;
984 line-height: 20px;
985 border-radius: 0;
986 padding: 6px 0;
987 }
988
989 /* .qc_menu_list_area.ui-droppable {
990 overflow: hidden;
991 } */
992 .lp-submenu-wpbot_openAi .swal2-actions {
993 display: flex;
994 width: auto;
995 }
996 .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
997 display: block !important;
998 line-height: normal !important;
999 padding: 14px 20px !important;
1000 font-size: 16px;
1001 font-weight: 500;
1002 border-radius: 8px;
1003 }
1004 .lp-submenu-wpbot_openAi button.swal2-confirm.btn.btn-lg.swal2-styled{
1005 width: auto !important;
1006 }
1007
1008 button.swal2-confirm.btn.btn-lg.swal2-styled {
1009 width: auto;
1010 }
1011
1012 div#qc_menu_area {
1013 min-height: 230px;
1014 }
1015 div#collapseTwoControl .row {
1016 padding: 8px 0;
1017 border-bottom: 1px solid #eee;
1018 margin: 0 0;
1019 }
1020
1021
1022 .wp-chatbot-wrap .form-group input[type=checkbox]+label {
1023 position: relative;
1024 width: 18px;
1025 height: 18px;
1026 border: 2px solid #5b4e96;
1027 border-radius: 4px;
1028 top: 0;
1029 left: 0;
1030 transform: translate(0%, 0%);
1031 transition: all ease-out 200ms;
1032 text-indent: 28px;
1033 font: normal normal 30px / 60px "Helvetica";
1034 white-space: nowrap;
1035 color: #555;
1036 -webkit-user-select: none;
1037 -moz-user-select: none;
1038 -ms-user-select: none;
1039 user-select: none;
1040 display: flex;
1041 align-items: center;
1042 }
1043
1044 .wp-chatbot-wrap .form-group input[type=checkbox]+label:after {
1045 content: "";
1046 position: absolute;
1047 width: 0px;
1048 height: 8px;
1049 border-bottom: 3px solid #22b573;
1050 border-left: 3px solid #22b573;
1051 top: 25%;
1052 left: 50%;
1053 transform-origin: bottom left;
1054 transform: rotate(-45deg);
1055 opacity: 0;
1056 transition: all ease-out 200ms;
1057 }
1058
1059 .wp-chatbot-wrap .form-group input[type=checkbox]:checked+label {
1060 border: 2px solid #22b573;
1061 }
1062
1063 .wp-chatbot-wrap .form-group input[type=checkbox]:checked+label:after {
1064 opacity: 1;
1065 width: 22px;
1066 }
1067
1068 .wp-chatbot-wrap .form-group input[type=checkbox] {
1069 display: none;
1070 }
1071
1072
1073 .admin-maxwith.qcld-openai-main-box {
1074 margin: 0 20px 0 0;
1075 padding: 0 20px 15px 20px;
1076 max-width: initial;
1077 box-shadow: none;
1078 border: none;
1079 border-radius: 16px;
1080 }
1081
1082 .admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
1083 display: flex;
1084 }
1085
1086 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
1087 display: inline-block;
1088 width: 360px;
1089 }
1090
1091 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
1092 margin: 0 0 20px 0;
1093 padding: 0;
1094 display: flex;
1095 flex-direction: column;
1096 align-content: flex-start;
1097 border: 15px solid #f5f7fd;
1098 border-radius: 16px;
1099 min-height: 480px;
1100 }
1101
1102 .col-auto.me-auto.ai-settings-title-container {
1103 display: flex;
1104 justify-content: space-between;
1105 padding: 20px;
1106 }
1107
1108 .qcld-wp-chatbot-wrap-header-aisection {
1109 margin: 0 0 0 0;
1110 }
1111
1112 .qcl-openai .row {
1113 margin-right: 0;
1114 margin-left: 0;
1115 }
1116
1117 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container {
1118 display: flex;
1119 justify-content: flex-start;
1120 padding: 20px;
1121 border-radius: 16px;
1122 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
1123 margin: 20px 0 20px 0;
1124 }
1125
1126 .admin-maxwith.qcld-openai-main-box .tab-content {
1127 padding: 0 12px 0 12px;
1128 width: 100%;
1129 }
1130
1131 .admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card {
1132 width: 100%;
1133 max-width: inherit;
1134 margin: 0 0 8px 0;
1135 padding: 0;
1136 border: none;
1137 box-shadow: none;
1138 background: #fff !important;
1139 color: #5B4E96 !important;
1140 text-decoration: none !important;
1141 border-radius: 8px;
1142 border: 2px solid #5B4E96;
1143 }
1144
1145 .admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card h2 {
1146 margin: 0;
1147 padding: 0;
1148 font-weight: bold;
1149 }
1150
1151 .admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1152 font-weight: bold;
1153 display: block;
1154 padding: 15px 12px;
1155 font-size: 16px;
1156 color: #5B4E96;
1157 width: 100%;
1158 text-align: left;
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: "\f056";
1165 position: absolute;
1166 right: 18px;
1167 top: 12px;
1168 }
1169
1170
1171 .admin-maxwith.qcld-openai-main-box button.btn.btn-link:after {
1172 font: normal normal normal 24px / 1 FontAwesome;
1173 content: "\f055";
1174 position: absolute;
1175 right: 18px;
1176 top: 12px;
1177 }
1178
1179
1180 .admin-maxwith.qcld-openai-main-box .btn.active.focus,
1181 .admin-maxwith.qcld-openai-main-box .btn.active:focus,
1182 .admin-maxwith.qcld-openai-main-box .btn.focus,
1183 .admin-maxwith.qcld-openai-main-box .btn:active.focus,
1184 .admin-maxwith.qcld-openai-main-box .btn:active:focus,
1185 .admin-maxwith.qcld-openai-main-box .btn:focus {
1186 outline: 0 auto -webkit-focus-ring-color;
1187 outline-offset: -2px;
1188 }
1189
1190 .admin-maxwith.qcld-openai-main-box .tab-content .card-body {
1191 padding: 15px;
1192 }
1193
1194 .admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
1195 font-size: 15px;
1196 }
1197
1198 .admin-maxwith.qcld-openai-main-box .tab-content {
1199 font-size: 15px;
1200 }
1201
1202 .admin-maxwith.qcld-openai-main-box .tab-content .alert.alert-info {
1203 margin: 15px 0 0 15px;
1204 }
1205
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 div#wp-chatbot-openai-settings 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: 0;
1329 line-height: 30px;
1330 }
1331
1332 .qcl-openai div#wp-chatbot-openai-settings 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 div#wp-chatbot-openai-settings input[type=checkbox]:checked+label {
1348 border: 2px solid #22b573;
1349 }
1350
1351 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]:checked+label:after {
1352 opacity: 1;
1353 width: 22px;
1354 }
1355
1356 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox] {
1357 display: none;
1358 }
1359
1360
1361 .qcl-openai div#wp-chatbot-openai-settings .form-check {
1362 margin-bottom: 15px;
1363 border: 1px solid #E5E6F2;
1364 padding: 12px 12px;
1365 border-radius: 8px;
1366 }
1367
1368 .qcl-openai div#wp-chatbot-openai-settings label.form-check-label span {
1369 font-size: 12px;
1370 }
1371
1372 .qcl-openai div#wp-chatbot-openai-settings 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 div#wp-chatbot-openai-settings a#save_setting {
1386 margin: 0 0 15px 0;
1387 }
1388
1389 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]+label {
1390 position: relative;
1391 width: 18px;
1392 height: 18px;
1393 border: 2px solid #5b4e96;
1394 border-radius: 4px;
1395 top: 0;
1396 left: 0;
1397 transform: translate(0%, 0%);
1398 transition: all ease-out 200ms;
1399 text-indent: 28px;
1400 white-space: nowrap;
1401 color: #555;
1402 -webkit-user-select: none;
1403 -moz-user-select: none;
1404 -ms-user-select: none;
1405 user-select: none;
1406 display: flex;
1407 align-items: center;
1408 margin-bottom: 0;
1409 line-height: 30px;
1410 }
1411
1412 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]+label:after {
1413 content: "";
1414 position: absolute;
1415 width: 0px;
1416 height: 8px;
1417 border-bottom: 3px solid #22b573;
1418 border-left: 3px solid #22b573;
1419 top: 25%;
1420 left: 50%;
1421 transform-origin: bottom left;
1422 transform: rotate(-45deg);
1423 opacity: 0;
1424 transition: all ease-out 200ms;
1425 }
1426
1427 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label {
1428 border: 2px solid #22b573;
1429 }
1430
1431 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label:after {
1432 opacity: 1;
1433 width: 22px;
1434 }
1435
1436 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox] {
1437 display: none;
1438 }
1439
1440
1441 .qcl-openai div#wp-chatbot-openrouter-settings .form-check {
1442 margin-bottom: 15px;
1443 border: 1px solid #E5E6F2;
1444 padding: 12px 12px;
1445 border-radius: 8px;
1446 }
1447
1448 .qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span {
1449 font-size: 12px;
1450 }
1451
1452 .qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span.pro-badge {
1453 font-size: 9px;
1454 font-weight: 400;
1455 color: #ffffff;
1456 background: #5B4E96;
1457 border-radius: 20px;
1458 padding: 2px 8px;
1459 margin-left: 5px;
1460 text-transform: uppercase;
1461 text-indent: initial;
1462 line-height: 16px;
1463 }
1464
1465 .qcl-openai div#wp-chatbot-openrouter-settings a#save_setting {
1466 margin: 0 0 15px 0;
1467 }
1468
1469 #qcld_save_openrouter_setting {
1470 margin: 0 0 15px 0;
1471 }
1472
1473
1474 div#openrouter-settings .tab-content {
1475 padding: 0 12px 0 12px;
1476 width: 100%;
1477 }
1478
1479 .qcl-openai .accordion {
1480 padding: 0 0 0 15px;
1481 }
1482
1483 .qcl-openai .card-body-openrouter {
1484 padding: 0 15px 0 15px;
1485 }
1486
1487
1488 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container h4 {
1489 width: 396px;
1490 }
1491
1492 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container select {
1493 border-color: #ffffff;
1494 width: 220px;
1495 }
1496
1497
1498 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-openai-training-model .row.my-4 {
1499 font-size: 15px;
1500 display: flex;
1501 width: 100%;
1502 align-items: center;
1503 justify-content: center;
1504 min-height: 420px;
1505 text-align: center;
1506 }
1507
1508 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-data_post_converter .row.my-4 {
1509 font-size: 15px;
1510 display: flex;
1511 width: 100%;
1512 align-items: center;
1513 justify-content: center;
1514 min-height: 420px;
1515 text-align: center;
1516 }
1517
1518 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-img_generator .row.my-4 {
1519 font-size: 15px;
1520 display: flex;
1521 width: 100%;
1522 align-items: center;
1523 justify-content: center;
1524 min-height: 420px;
1525 text-align: center;
1526 }
1527
1528 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-content_writer .row.my-4 {
1529 font-size: 15px;
1530 display: flex;
1531 width: 100%;
1532 align-items: center;
1533 justify-content: center;
1534 min-height: 420px;
1535 text-align: center;
1536 }
1537
1538
1539 .qcld-wrap.swpm-admin-menu-wrap {
1540 display: flex;
1541 margin: 15px 0;
1542 }
1543
1544 .qcld_help_wppt_nav_container {
1545 display: flex;
1546 flex-direction: column;
1547 width: 320px;
1548 background: #fff;
1549 border-radius: 16px;
1550 margin: 0 20px 0 0;
1551 }
1552
1553 .content_qcbot_help_secion {
1554 position: relative;
1555 width: 79%;
1556 display: block;
1557 background: #fff;
1558 border-radius: 16px;
1559 padding: 15px 20px;
1560 }
1561
1562 .qcld_help_wppt_nav_container a {
1563 margin: 2px 10px;
1564 }
1565
1566 .qcld_help_wppt_nav_container a {
1567 margin: 2px 10px;
1568 font-size: 15px;
1569 font-weight: 500;
1570 border: none;
1571 padding: 14px 20px !important;
1572 display: flex;
1573 align-items: center;
1574 gap: 15px;
1575 }
1576
1577 .qcld_help_wppt_nav_container a:hover {
1578 margin: 2px 10px;
1579 font-size: 15px;
1580 font-weight: 500;
1581 border: none;
1582 background: #5b4e96;
1583 color: #fff;
1584 padding: 14px 20px !important;
1585 display: flex;
1586 align-items: center;
1587 gap: 15px;
1588 }
1589
1590 .content_qcbot_help_secion .panel-default>.panel-heading {
1591 color: #333;
1592 background-color: #f5f5f5;
1593 border-color: #5B4E96;
1594 background: #fff !important;
1595 color: #5B4E96 !important;
1596 text-decoration: none !important;
1597 border-radius: 8px;
1598 border: 2px solid #5B4E96;
1599 padding: 0;
1600 }
1601
1602
1603 .content_qcbot_help_secion .panel-default>.panel-heading:hover {
1604 background: #5B4E96 !important;
1605 color: #ffffff !important;
1606 text-decoration: none !important;
1607 border-radius: 8px;
1608 }
1609
1610
1611 .content_qcbot_help_secion .panel-default>.panel-heading:hover a{
1612 color: #ffffff !important;
1613 }
1614 .content_qcbot_help_secion .panel-default {
1615 border-color: #dddddd00;
1616 margin-bottom: 10px;
1617 }
1618
1619 .content_qcbot_help_secion .panel-title a {
1620 padding: 10px 15px;
1621 display: block;
1622 position: relative;
1623 display: block;
1624 padding: 15px 12px;
1625 font-size: 16px;
1626 }
1627
1628 .content_qcbot_help_secion p {
1629 font-size: 15px;
1630 }
1631
1632 .content_qcbot_help_secion .panel-title a.collapsed:after {
1633 font: normal normal normal 24px / 1 FontAwesome;
1634 content: "\f055";
1635 position: absolute;
1636 right: 18px;
1637 top: 12px;
1638 }
1639
1640 .content_qcbot_help_secion .panel-title a:after {
1641 font: normal normal normal 24px / 1 FontAwesome;
1642 content: "\f056";
1643 position: absolute;
1644 right: 18px;
1645 top: 12px;
1646 }
1647
1648
1649 .content_qcbot_help_secion .panel-default>.panel-heading+.panel-collapse>.panel-body {
1650 border-top-color: transparent;
1651 background: linear-gradient(181deg, #ffffff 70%, #e9e4ff 96%);
1652 border-radius: 16px;
1653 border: 1px solid #eee;
1654 margin: 8px 0 0 0;
1655 padding: 20px 15px;
1656 }
1657
1658 .content_qcbot_help_secion .panel {
1659 box-shadow: none;
1660 }
1661
1662 .qcbot_help_secion h3 {
1663 font-size: 16px;
1664 font-weight: bold;
1665 }
1666
1667 .qcbot_help_secion ul li {
1668 list-style: inside;
1669 }
1670
1671 .notice.is-dismissible.qcbot-str-top-notic {
1672 width: 98.7%;
1673 }
1674
1675 .qcld-main-wrapper {
1676 margin: 10px 0px 0 2px !important;
1677 }
1678
1679 .content_qcbot_help_secion .section-container {
1680 display: flex;
1681 gap: 30px;
1682 }
1683
1684 .content-wrap .section-container {
1685 display: flex;
1686 gap: 30px;
1687 }
1688
1689 .wpbot_statistics_area h2 {
1690 font-size: 22px;
1691 font-weight: bold;
1692 }
1693
1694
1695 section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover a {
1696 color: #fff;
1697 }
1698
1699 .qcld-main-wrapper a {
1700 text-decoration: none !important;
1701 }
1702
1703 .admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1704 text-decoration: none;
1705 }
1706
1707 .admin-maxwith.qcld-openai-main-box button.btn.btn-link:hover {
1708 font-weight: bold;
1709 display: block;
1710 padding: 15px 12px;
1711 font-size: 16px;
1712 color: #fff;
1713 background: #5B4E96;
1714 width: 100%;
1715 text-align: left;
1716 }
1717
1718 .content-wrap .qcld-seo-help-feature ul {
1719 background: linear-gradient(178deg, #ffffff 70%, #e9e4ff 96%);
1720 border-radius: 6px;
1721 padding: 5px 8px;
1722 border: 1px solid #eee;
1723 }
1724
1725 .wp-chatbot-tabs nav ul li a {
1726 color: #695d99;
1727 }
1728
1729 .wp-chatbot-tabs nav .cxsc-settings_openai_border a {
1730 color: #695d99;
1731 }
1732
1733
1734 .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab {
1735 float: left;
1736 border: 1px solid #c3c4c7;
1737 border-bottom: 1px;
1738 margin-left: .5em;
1739 font-size: 14px;
1740 line-height: 1.71428571;
1741 font-weight: 600;
1742 background: #ffffff;
1743 color: #5b4e96;
1744 text-decoration: none;
1745 white-space: nowrap;
1746 border: 1px solid #5b4e96;
1747 padding: 14px 20px !important;
1748 line-height: normal !important;
1749 border-radius: 6px;
1750
1751 }
1752
1753 .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab:hover, .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab.nav-tab-active {
1754 float: left;
1755 border: 1px solid #c3c4c7;
1756 border-bottom: 1px;
1757 margin-left: .5em;
1758 font-size: 14px;
1759 line-height: 1.71428571;
1760 font-weight: 600;
1761 background: #5b4e96;
1762 color: #fff;
1763 text-decoration: none;
1764 white-space: nowrap;
1765 border: 1px solid #5b4e96;
1766 padding: 14px 20px !important;
1767 line-height: normal !important;
1768
1769 }
1770
1771 .qcld_label_width_full{
1772 width: 100% !important;
1773 }
1774 .cxsc-settings-blocks-font-resize{
1775 font-size: 14px !important;
1776 }
1777
1778 .qcld_thumbnail_theme_prev label{
1779 width: 100% !important;
1780 position: relative;
1781 text-align: center;
1782 }
1783
1784 button.swal2-confirm.btn.btn-lg.swal2-styled {
1785 padding: 14px 20px;
1786 width: 100%;
1787 font-size: 16px;
1788 font-weight: 500;
1789 color: #988FBD;
1790 border-radius: 8px;
1791 position: relative;
1792 display: flex;
1793 align-items: center;
1794 gap: 15px;
1795 background: #5B4E96;
1796 color: #ffffff;
1797 text-decoration: none;
1798 border-color: #5b4e96 !important;
1799 }
1800
1801
1802
1803
1804
1805
1806
1807
1808
1809 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label {
1810 position: relative;
1811 width: 18px;
1812 height: 18px;
1813 border: 2px solid #5b4e96;
1814 border-radius: 4px;
1815 top: 0;
1816 left: 0;
1817 transform: translate(0%, 0%);
1818 transition: all ease-out 200ms;
1819 text-indent: 28px;
1820 font: normal normal 30px / 60px "Helvetica";
1821 white-space: nowrap;
1822 color: #555;
1823 -webkit-user-select: none;
1824 -moz-user-select: none;
1825 -ms-user-select: none;
1826 user-select: none;
1827 display: flex;
1828 align-items: center;
1829 }
1830
1831 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label:after {
1832 content: "";
1833 position: absolute;
1834 width: 0px;
1835 height: 8px;
1836 border-bottom: 3px solid #22b573;
1837 border-left: 3px solid #22b573;
1838 top: 25%;
1839 left: 50%;
1840 transform-origin: bottom left;
1841 transform: rotate(-45deg);
1842 opacity: 0;
1843 transition: all ease-out 200ms;
1844 }
1845
1846 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label {
1847 border: 2px solid #22b573;
1848 }
1849
1850 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label:after {
1851 opacity: 1;
1852 width: 22px;
1853 }
1854
1855 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox] {
1856 display: none;
1857 }
1858
1859 .cxsc-settings_openai_border {
1860 margin-bottom: 6px;
1861 }
1862
1863 div#wp-chatbot-custom-color-options .top-section .row .cxsc-settings-blocks {
1864 padding-top: 0;
1865 }
1866
1867 div#wp-chatbot-post-converter ul.checkbox-list {
1868 display: flex;
1869 flex-wrap: wrap;
1870 gap: 6px;
1871 }
1872 div#wp-chatbot-post-converter ul.checkbox-list .form-check.form-check-inline {
1873 display: inline-block;
1874 min-width: 290px;
1875 margin: 0;
1876 }
1877
1878
1879
1880 div#wp-chatbot-show-pages-list ul.checkbox-list {
1881 display: flex;
1882 flex-wrap: wrap;
1883 gap: 6px;
1884 }
1885
1886 div#wp-chatbot-exclude-post-list ul.checkbox-list {
1887 display: flex;
1888 flex-wrap: wrap;
1889 gap: 6px;
1890 }
1891
1892
1893 div#wp-chatbot-show-pages-list ul.checkbox-list li{
1894 display: inline-block;
1895 min-width: 310px;
1896 margin: 0;
1897 }
1898
1899 div#wp-chatbot-exclude-post-list ul.checkbox-list li{
1900 display: inline-block;
1901 min-width: 310px;
1902 margin: 0;
1903 }
1904 #rotationloader.fa.fa-spinner
1905 {
1906 display: none;
1907 rotate: initial;
1908 -webkit-animation: rotation 2s infinite linear;
1909 }
1910
1911 .docs_icon {
1912 position: absolute;
1913 top: 0;
1914 bottom: 0;
1915 left: 0;
1916 right: 0;
1917 z-index: 9999;
1918 text-align: center;
1919 display: flex;
1920 align-items: center;
1921 justify-content: center;
1922 background: #5b4e968f;
1923 color: #ffffff;
1924 font-size: 60px;
1925 border-radius: 8px;
1926 }
1927 a.qcld-wp-chatbot-wrap--doc_logo {
1928 text-decoration: none !important;
1929 position: relative;
1930 }
1931 .docs_icon i {
1932 background: #5b4e96;
1933 padding: 25px 25px;
1934 border-radius: 50%;
1935 }
1936
1937
1938 .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
1939 font-size: 18px;
1940 display: block !important;
1941 }
1942
1943 .lp-submenu-wpbot_openAi .swal2-actions button {
1944 width: auto !important;
1945 padding: 10px 40px !important;
1946 line-height: normal !important;
1947 }
1948 .lp-submenu-wpbot_openAi .swal2-actions {
1949 display: flex;
1950 }
1951 .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
1952 font-size: 16px !important;
1953 font-weight: 500 !important;
1954 }
1955
1956 .wp-chatbot-wrap hr {
1957 margin-top: 10px;
1958 margin-bottom: 10px;
1959 }
1960
1961
1962 .wp-chatbot-wrap a.nav-tab.sld_click_handle {
1963 margin-right: .5em;
1964 line-height: 1.42857143;
1965 border: 1px solid #5b4e96 !important;
1966 border-radius: 6px !important;
1967 border: 1px solid #5b4e96 !important;
1968 padding: 10px 20px !important;
1969 border-radius: 8px !important;
1970 color: #5b4e96 !important;
1971 font-size: 15px !important;
1972 font-weight: 600;
1973 line-height: normal !important;
1974 background: #fff;
1975 }
1976
1977 .wp-chatbot-wrap a.nav-tab.sld_click_handle:hover, .wp-chatbot-wrap a.nav-tab.sld_click_handle.nav-tab-active{
1978 margin-right: .5em;
1979 line-height: 1.42857143;
1980 border: 1px solid #5b4e96 !important;
1981 border-radius: 6px !important;
1982 border: 1px solid #5b4e96 !important;
1983 padding: 10px 20px !important;
1984 border-radius: 8px !important;
1985 color: #fff !important;
1986 font-size: 15px !important;
1987 font-weight: 600;
1988 line-height: normal !important;
1989 background: #5b4e96;
1990 }
1991
1992
1993
1994
1995
1996
1997
1998
1999 .swal2-actions {
2000 display: flex;
2001 z-index: 1;
2002 box-sizing: border-box;
2003 flex-wrap: wrap;
2004 align-items: center;
2005 justify-content: center;
2006 width: 100%;
2007 margin: 1.25em auto 0;
2008 padding: 0;
2009 }
2010 button.swal2-deny.swal2-styled{
2011 border: 0;
2012 border-radius: .25em;
2013 background: initial;
2014 background-color: #d14529 !important;
2015 color: #fff;
2016 font-size: 1em;
2017 padding: 14px 20px;
2018 width: auto;
2019 font-size: 16px;
2020 font-weight: 500;
2021 color: #988FBD;
2022 border-radius: 8px;
2023 position: relative;
2024 display: flex;
2025 align-items: center;
2026 gap: 15px;
2027 background: #d14529;
2028 color: #ffffff;
2029 text-decoration: none;
2030 border-color: #5b4e96 !important;
2031 }
2032 button.swal2-deny.swal2-styled {
2033 display: block !important;
2034 }
2035
2036 button.swal2-confirm.btn.btn-lg.swal2-styled {
2037 width: auto !important;
2038 }
2039
2040 .chatbot-wpbot-lite_page_wpbot button.swal2-deny.swal2-styled {
2041 display: none !important;
2042 }
2043 a#qcld_save_openrouter_setting {
2044 background: #5B4E96;
2045 color: #ffffff;
2046 border: none;
2047 padding: 12px 30px;
2048 }
2049
2050 a#save_setting {
2051 background: #5B4E96;
2052 color: #ffffff;
2053 border: none;
2054 padding: 12px 30px;
2055 }
2056
2057 @media (max-width: 1280px) {
2058 .content-wrap {
2059 width: 50% !important;
2060 }
2061
2062 .wp-chatbot-admin-upgrade-pro-sidebar {
2063
2064 width: 24% !important;
2065 }
2066
2067 }
2068
2069 @media (max-width: 992px) {
2070 .wp-chatbot-tabs nav {
2071 width: 100% !important;
2072 margin-right: 0 !important;
2073 }
2074 .content-wrap {
2075 width: 100% !important;
2076 }
2077 .wp-chatbot-admin-upgrade-pro-sidebar {
2078 width: 100% !important;
2079 margin: 0 0 0 0 !important;
2080 }
2081 .wp-chatbot-tabs {
2082 display: flex;
2083 flex-wrap: wrap;
2084 gap: 20px;
2085 }
2086 .admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
2087 display: flex;
2088 flex-wrap: wrap;
2089 }
2090 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
2091 width: 100%;
2092 }
2093 .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2094 padding: 12px 5px !important;
2095 }
2096 label.form-check-label span {
2097 display: none;
2098 }
2099 .qc-review-text img {
2100 width: 100%;
2101 }
2102
2103 .content_qcbot_help_secion {
2104 width: 100% !important;
2105 }
2106 .qcld_help_wppt_nav_container {
2107 width: 100% !important;
2108 }
2109 .qcld-wrap.swpm-admin-menu-wrap {
2110 display: flex
2111 ;
2112 margin: 15px 0;
2113 flex-direction: column;
2114 flex-wrap: wrap;
2115 }
2116 }
2117
2118
2119 @media (max-width: 640px) {
2120 .qcld-wp-chatbot-wrap-header {
2121 display: flex;
2122 column-gap: 15px;
2123 row-gap: 10px;
2124 background: #fff;
2125 padding: 15px 15px;
2126 margin: 20px 20px 20px 0;
2127 border-radius: 16px;
2128 align-items: center;
2129 justify-content: space-between;
2130 flex-direction: column;
2131 }
2132 ul.qcld-wp-chatbot-wrap-version-wrapper {
2133 display: block;
2134 margin: 15px 0 15px 0;
2135 }
2136 .qcld-wp-chatbot-wrap-header-doc {
2137 display: flex
2138 ;
2139 column-gap: 15px;
2140 row-gap: 10px;
2141 background: #fff;
2142 padding: 15px 15px;
2143 margin: 20px 20px 20px 0;
2144 border-radius: 16px;
2145 align-items: center;
2146 justify-content: flex-start;
2147 display: flex
2148 ;
2149 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
2150 border-radius: 16px;
2151 gap: 30px;
2152 flex-direction: column;
2153 }
2154 .qcld-wp-chatbot-wrap-header-doc-details {
2155 width: 100%;
2156 }
2157 .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2158 padding: 12px 25px !important;
2159 }
2160 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
2161 display: inline-block;
2162 width: 100%;
2163 }
2164 }
2165
2166 .swal2-popup.swal2-modal.connection-modal button.swal2-deny.swal2-styled{display: none !important;}
2167 .swal2-popup.swal2-modal.connection-modal .swal2-styled.swal2-confirm {
2168 padding: 14px 20px;
2169 width: auto;
2170 font-size: 16px;
2171 align-items: center;
2172 gap: 15px;
2173 background: #5B4E96;
2174 color: #ffffff;
2175 text-decoration: none;
2176 border-color: #5b4e96 !important;
2177 }