PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 6.7.9
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v6.7.9
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.7.9, at css/admin-style.css

1,905 lines 39.4 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 .chatbot-wpbot-lite_page_wpbot, .chatbot-wpbot-lite_page_wpbot_help_page, .chatbot-wpbot-lite_page_wpbot_openAi, .toplevel_page_wpbot-panel{
12 background-color: #F5F7FD;
13 }
14
15 .qcld-main-wrapper .h1,
16 .qcld-main-wrapper .h2,
17 .qcld-main-wrapper .h3,
18 .qcld-main-wrapper .h4,
19 .qcld-main-wrapper .h5,
20 .qcld-main-wrapper .h6,
21 .qcld-main-wrapper h1,
22 .qcld-main-wrapper h2,
23 .qcld-main-wrapper h3,
24 .qcld-main-wrapper h4,
25 .qcld-main-wrapper h5,
26 .qcld-main-wrapper h6 {
27 color: #5b4e96 !important;
28 }
29
30 .qcld-wp-chatbot-wrap-header {
31 display: flex;
32 column-gap: 15px;
33 row-gap: 10px;
34 background: #fff;
35 padding: 15px 15px;
36 margin: 20px 20px 20px 0;
37 border-radius: 16px;
38 align-items: center;
39 justify-content: space-between;
40 }
41
42 .qcld-wp-chatbot-wrap-header img {
43 max-width: 50px;
44 }
45
46 .qcld-wp-chatbot-wrap-header ul,
47 .qcld-wp-chatbot-wrap-header p,
48 .qcld-wp-chatbot-wrap-header li {
49 margin: 0;
50 }
51
52 .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
53 padding: 12px 25px;
54 background: #ffffff;
55 color: #5B4E96;
56 border: 2px solid #5B4E96;
57 border-radius: 6px;
58 font-weight: bold;
59 }
60
61 .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade:hover {
62 padding: 12px 25px;
63 background: #5B4E96;
64 color: #fff;
65 border: 2px solid #5B4E96;
66 border-radius: 6px;
67 font-weight: bold;
68 text-decoration: none;
69 }
70
71 a.qcld-wp-chatbot-wrap-site__logo {
72 font-size: 22px;
73 color: #000;
74 font-weight: bold;
75 }
76
77 .wp-chatbot-wrap {
78 margin: 20px 20px 20px 0;
79 border-radius: 16px;
80 }
81
82 .wp-chatbot-tabs.wp-chatbot-tabs-style-flip {
83 border-radius: 16px;
84 }
85
86 .wp-chatbot-tabs nav {
87 width: 18%;
88 display: block;
89 float: left;
90 min-width: 240px;
91 margin-right: 24px;
92 position: sticky;
93 top: 0;
94 overflow: unset;
95 padding: 10px;
96 background: #ffffff;
97 border-radius: 16px;
98 }
99
100
101 .wp-chatbot-tabs nav ul li.tab-current a {
102 background: #5B4E96;
103 color: #ffffff;
104 text-decoration: none;
105 }
106
107 .wp-chatbot-tabs nav ul li a:hover {
108 background: #5B4E96;
109 color: #ffffff;
110 text-decoration: none;
111 }
112
113 .wp-chatbot-tabs nav ul li a {
114 padding: 14px 20px;
115 width: 100%;
116 font-size: 16px;
117 font-weight: 500;
118 color: #988FBD;
119 border-radius: 8px;
120 position: relative;
121 display: flex;
122 align-items: center;
123 gap: 15px;
124 }
125
126 .wp-chatbot-tabs nav ul li a span {
127 font-size: 15px;
128 font-weight: 500;
129 }
130
131 .wp-chatbot-tabs-style-flip nav a span.wpwbot-admin-tab-icon {
132 text-transform: capitalize;
133 letter-spacing: 1px;
134 font-weight: 700;
135 font-size: 18px;
136 }
137
138
139 .wp-chatbot-tabs nav .cxsc-settings_openai_border a {
140 padding: 14px 20px;
141 width: 100%;
142 font-size: 16px;
143 font-weight: 500;
144 color: #988FBD;
145 border-radius: 8px;
146 position: relative;
147 display: flex;
148 align-items: center;
149 gap: 15px;
150 text-decoration: none;
151 }
152
153 .wp-chatbot-tabs nav .cxsc-settings_openai_border a span {
154 font-size: 15px;
155 font-weight: 500;
156 }
157
158 .wp-chatbot-tabs nav .cxsc-settings_openai_border a span.wpwbot-admin-tab-icon {
159 text-transform: capitalize;
160 letter-spacing: 1px;
161 font-weight: 700;
162 font-size: 18px;
163 }
164
165 .wp-chatbot-tabs nav .cxsc-settings_openai_border a:hover {
166 background: #5B4E96;
167 color: #ffffff;
168 text-decoration: none;
169 }
170
171 .wp-chatbot-admin-upgrade-pro-sidebar {
172
173 float: left;
174 width: 18%;
175 border-radius: 16px;
176 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
177 padding: 8px;
178 margin: 0 0 0 25px;
179 }
180
181 .wp-chatbot-admin-upgrade-pro-sidebar img {
182 width: 100%;
183 }
184
185
186 .wp-chatbot-admingradient-color {
187 border-radius: 12px;
188 background: white;
189 padding: 15px;
190 }
191
192 .wp-chatbot-tabs-style-flip .content-wrap {
193 border-radius: 16px;
194 }
195
196 ul.feature-list li img {
197 max-width: 18px;
198 }
199
200 a.wp-chatbot-admin-pro-upgrade-button {
201 background: #5B4E96;
202 color: #ffffff;
203 text-decoration: none;
204 padding: 4px 20px;
205 border-radius: 6px;
206 }
207
208 a.wp-chatbot-admin-pro-upgrade-button img {
209 max-width: 20px;
210 }
211
212 h3.wp-chatbot-admincart-title {
213 font-weight: bold;
214 font-size: 20px;
215 }
216
217 .qcld-main-wrapper ul.feature-list li {
218 font-size: 14px;
219 }
220
221 .wp-chatbot-wrap p {
222 font-size: 15px;
223 }
224
225 .qcld-main-wrapper ul.feature-list {
226 margin: 0 0 30px 0;
227 }
228
229 .qcld-swpm-admin-menu-wrap {
230 margin: 0 !important;
231 }
232
233 footer.wp-chatbot-admin-footer {
234 padding: 0 20px 20px 20px;
235 }
236
237 footer.wp-chatbot-admin-footer input#submit {
238 padding: 14px 20px;
239 width: 100%;
240 font-size: 16px;
241 font-weight: 500;
242 color: #988FBD;
243 border-radius: 8px;
244 position: relative;
245 display: flex;
246 align-items: center;
247 gap: 15px;
248 background: #5B4E96;
249 color: #ffffff;
250 text-decoration: none;
251 }
252
253
254 h3.qcld-wpbot-main-tabs-title {
255 border-bottom: 1px solid #eee;
256 padding: 0 0 8px 0;
257 margin: 20px 0 12px 0;
258 font-weight: bold;
259 font-size: 22px !important;
260 }
261
262 .qcld-main-wrapper .nav-tab-wrapper,
263 .qcld-main-wrapper .wrap h2.nav-tab-wrapper,
264 .qcld-main-wrapper h1.nav-tab-wrapper {
265 border-bottom: none;
266 }
267
268 .qcld-main-wrapper .nav-tab {
269 float: left;
270 border: 1px solid #c3c4c7;
271 border-bottom: 1px;
272 margin-left: .5em;
273 padding: 5px 10px;
274 font-size: 14px;
275 line-height: 1.71428571;
276 font-weight: 600;
277 background: #ffffff;
278 color: #5b4e96;
279 text-decoration: none;
280 white-space: nowrap;
281 border: 1px solid #5b4e96;
282 padding: 10px 20px !important;
283 border-radius: 8px;
284 line-height: normal !important;
285 text-decoration: none;
286 }
287
288 .qcld-main-wrapper .nav-tab-active,
289 .qcld-main-wrapper .nav-tab-active:focus,
290 .qcld-main-wrapper .nav-tab-active:focus:active,
291 .qcld-main-wrapper .nav-tab-active:hover {
292 border-bottom: 1px solid #5b4e96;
293 background: #5b4e96;
294 color: #fff;
295 text-decoration: none;
296 }
297
298 .qcld-main-wrapper .btn-primary {
299 border-color: #5b4e96 !important;
300 }
301
302 .qcld-main-wrapper ul.feature-list li img {
303 max-width: 16px;
304 margin: 0 3px 0 0;
305 }
306
307 .qcld-main-wrapper .nav-tab:hover {
308 text-decoration: none;
309 }
310
311 .content-wrap .qcbot_help_secion h4 {
312 padding: 0 0;
313 font-weight: bold;
314 font-size: 16px;
315 }
316
317
318 section.wp-chatbot-tab-container-inner .panel-default>.panel-heading {
319 background: #fff !important;
320 color: #5B4E96 !important;
321 text-decoration: none !important;
322 border-radius: 8px;
323 border: 2px solid #5B4E96;
324 }
325
326 section.wp-chatbot-tab-container-inner .panel-default>.panel-heading+.panel-collapse>.panel-body {
327 border-top-color: #ddd;
328 background: linear-gradient(178deg, #ffffff 70%, #e9e4ff 96%);
329 border: 1px solid #E5E6F2;
330 border-radius: 16px;
331 margin: 15px 0 0 0;
332 }
333
334 section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover {
335 background: #5B4E96 !important;
336 color: #ffffff !important;
337 text-decoration: none !important;
338 border-radius: 8px;
339 }
340
341
342 section.wp-chatbot-tab-container-inner .panel {
343 margin-bottom: 0;
344 margin-top: 10px;
345 background-color: #fff;
346 border: none;
347 border-radius: 0;
348 -webkit-box-shadow: none;
349 box-shadow: none;
350 }
351
352 section.wp-chatbot-tab-container-inner .panel-heading {
353 border-bottom: 0 solid transparent;
354 border-top-left-radius: 0;
355 border-top-right-radius: 0;
356 padding: 0;
357 }
358
359 section.wp-chatbot-tab-container-inner h4.panel-title {
360 padding: 0 !important;
361 }
362
363 section.wp-chatbot-tab-container-inner h4.panel-title a {
364 display: block;
365 padding: 15px 12px;
366 font-size: 16px;
367 }
368
369 .qcld-main-wrapper .nav-tab-small .nav-tab,
370 .qcld-main-wrapper h3 .nav-tab {
371 font-size: 15px !important;
372 }
373
374 .qcld-main-wrapper .cxsc-settings-blocks-notic {
375 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
376 border-radius: 16px;
377 border: 1px solid #E5E6F2;
378 padding: 20px 12px;
379 margin: 0 0 20px 0;
380 }
381
382 .qcld-main-wrapper .cxsc-settings-blocks-notic p.d-ib {
383 padding: 0;
384 margin: 8px 0;
385 font-size: 15px;
386 }
387
388 .wp-chatbot-wrap .form-group {
389 margin-bottom: 15px;
390 border: 1px solid #E5E6F2;
391 padding: 12px 12px;
392 border-radius: 8px;
393 }
394
395 .wp-chatbot-wrap .form-group h4.qc-opt-title {
396 font-weight: bold;
397 }
398
399
400 .wp-chatbot-wrap input:focus {
401 border-color: #e1dbff;
402 box-shadow: 0 0 0 4px #e1dbff, 0 1px 2px 0 #1018280d;
403 }
404
405 .wp-chatbot-wrap input[type=text] {
406 border: 1px solid #E5E6F2;
407 }
408
409
410 .wp-chatbot-wrap .nav-tabs {
411 border-bottom: none;
412 }
413
414 .wp-chatbot-wrap .nav-tabs>li {
415 float: left;
416 margin-bottom: 0;
417 }
418
419 .wp-chatbot-wrap .nav-tabs>li>a {
420 margin-right: .5em;
421 line-height: 1.42857143;
422 border: 1px solid #5b4e96;
423 border-radius: 6px;
424 border: 1px solid #5b4e96;
425 padding: 10px 20px !important;
426 border-radius: 8px;
427 color: #5b4e96;
428 font-size: 15px;
429 font-weight: 600;
430 line-height: normal !important;
431 }
432
433 .wp-chatbot-wrap .nav-tabs>li.active>a,
434 .wp-chatbot-wrap .nav-tabs>li.active>a:focus,
435 .wp-chatbot-wrap .nav-tabs>li.active>a:hover {
436 color: #ffffff;
437 cursor: default;
438 background-color: #5b4e96;
439 border: 1px solid #5b4e96;
440 border-bottom-color: transparent;
441 }
442
443 .wp-chatbot-wrap .nav-tabs {
444 border-bottom: none;
445 margin: 0 0 15px 0;
446 }
447
448 .wp-chatbot-wrap .nav>li>a:focus,
449 .wp-chatbot-wrap .nav>li>a:hover {
450 text-decoration: none;
451 background-color: #5b4e96;
452 border-color: #5b4e96 #eee #ddd;
453 color: #fff;
454 }
455
456
457 .cxsc-settings-blocks.cxsc-settings-faq-blocks {
458 background: #f5f7fd !important;
459 padding: 12px !important;
460 border-radius: 6px;
461 }
462
463 .qcld-faq-block .cxsc-settings-blocks {
464 background: #f5f7fd !important;
465 padding: 12px !important;
466 border-radius: 6px !important;
467 margin: 0 0 15px 0 !important;
468 }
469
470 #wp-chatbot-icon-theme-settings img {
471 width: 100%;
472 }
473
474
475 .qcld-main-wrapper ul.radio-list {
476 display: flex;
477 flex-wrap: wrap;
478 }
479
480 .qcld-main-wrapper ul.radio-list li {
481 width: 156px;
482 margin: 4px 4px;
483 border-radius: 16px;
484 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
485 padding: 12px;
486 text-align: center;
487 position: relative;
488 }
489
490 .qcld-main-wrapper ul.radio-list li img {
491 max-width: 80px;
492 display: block;
493 }
494
495 div#wp-chatbot-icon-theme-settings input[type=radio]:checked::before {
496 content: "\f058";
497 font: normal normal normal 14px / 1 FontAwesome;
498 border-radius: 0;
499 width: 100%;
500 height: 100%;
501 margin: 0;
502 background-color: #5b4e96bd;
503 line-height: 1.14285714;
504 position: absolute;
505 top: 0;
506 left: 0;
507 right: 0;
508 border-radius: 16px;
509 z-index: 999;
510 color: #45d72d;
511 display: flex;
512 align-items: flex-start;
513 justify-content: flex-end;
514 font-size: 32px;
515 padding: 0 4px;
516 border: 4px solid #45d72d;
517
518 }
519
520 div#wp-chatbot-icon-theme-settings input[type=radio] {
521 background: transparent;
522 border: none;
523 box-shadow: none;
524 }
525
526 .wpbot_dashboard_header {
527 display: flex;
528 column-gap: 15px;
529 row-gap: 10px;
530 background: #fff;
531 padding: 22px 15px;
532 margin: 20px 0 20px 0;
533 border-radius: 16px;
534 align-items: center;
535 justify-content: space-between;
536 }
537
538 .wpbot_dashboard_header h1 {
539 margin: 0;
540 padding: 0;
541 font-size: 22px;
542 font-weight: bold;
543 }
544
545 .wpbot_dashboard_header p {
546 margin: 0;
547 padding: 0;
548 }
549
550 .wpbot_single_addon_wrapper {
551 display: flex;
552 flex-wrap: wrap;
553 }
554
555 .wpbot_single_addon_wrapper .wpbot_single_addon {
556 border-radius: 16px;
557 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
558 padding: 8px;
559 text-align: center;
560 width: 266px;
561 margin: 8px 8px;
562 }
563
564 .wpbot_single_addon_wrapper .wpbot_single_addon img {
565 max-width: 120px;
566 }
567
568 .wpbot_single_addon_wrapper .wpbot_single_addon .wpbot_single_content {
569 background: #fff;
570 border-radius: 12px;
571 background: white;
572 padding: 15px;
573 min-height: 288px;
574 background: linear-gradient(174deg, #ffffff 70%, #e9e4ff 96%);
575 }
576
577 .wpbot_addon_title {
578 font-weight: bold;
579 font-size: 17px;
580 padding: 8px 0;
581 }
582
583 .qcld-main-wrapper span.wp_addon_notinstalled {
584 background: #fee3e2;
585 color: #202020;
586 padding: 3px 10px;
587 border-radius: 6px;
588 border: none;
589 margin: 0 0 10px 0;
590 display: inline-block;
591 font-weight: bold;
592 font-size: 13px;
593 }
594
595 .qcld-main-wrapper span.wp_addon_installed {
596 background: green;
597 color: #fff;
598 padding: 3px 10px;
599 border-radius: 6px;
600 border: none;
601 margin: 0 0 10px 0;
602 display: inline-block;
603 font-weight: bold;
604 font-size: 13px;
605 }
606
607 .wpbot_addon_image img {
608 height: 98px;
609 object-fit: cover;
610 }
611
612 .wpbot_single_addon a.button.button-secondary {
613 background: #5B4E96;
614 color: #ffffff;
615 text-decoration: none;
616 border: 1px solid #5B4E96;
617 }
618
619 .wp-chatbot-wrap .wpbot_single_addon p {
620 font-size: 14px;
621 height: 48px;
622 }
623
624 .wpbot_statistics_area {
625 border-radius: 16px;
626 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
627 padding: 8px;
628 text-align: center;
629 }
630
631
632 .qcld-main-wrapper ul.radio-list li label {
633 width: 100%;
634 margin: 0 auto;
635 display: flex;
636 flex-direction: column;
637 align-items: center;
638 }
639
640
641 section.wp-chatbot-tab-container-inner h4.panel-title a {
642 position: relative;
643 }
644
645 section.wp-chatbot-tab-container-inner h4.panel-title a.collapsed:after {
646 font: normal normal normal 24px / 1 FontAwesome;
647 content: "\f055";
648 position: absolute;
649 right: 18px;
650 top: 12px;
651 }
652
653 section.wp-chatbot-tab-container-inner h4.panel-title a:after {
654 font: normal normal normal 24px / 1 FontAwesome;
655 content: "\f056";
656 position: absolute;
657 right: 18px;
658 top: 12px;
659 }
660
661 .wpbot_single_addon_wrapper .wpbot_single_addon .wpbot_single_content:hover {
662 background: linear-gradient(1deg, #ffffff 70%, #e9e4ff 96%);
663 }
664
665 a.wp-chatbot-admin-pro-upgrade-button {
666 font-size: 15px;
667 }
668
669 a.wp-chatbot-admin-pro-upgrade-button:hover {
670 color: #fff;
671 background-color: #f0ad4e;
672 }
673
674
675 .qcld-wp-chatbot-wrap-header-doc {
676 display: flex;
677 column-gap: 15px;
678 row-gap: 10px;
679 background: #fff;
680 padding: 15px 15px;
681 margin: 20px 20px 20px 0;
682 border-radius: 16px;
683 align-items: center;
684 justify-content: flex-start;
685 display: flex;
686 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
687 border-radius: 16px;
688 gap: 30px;
689 }
690
691 .qcld-wp-chatbot-wrap-header-doc img {
692 max-width: 480px;
693 height: 250px;
694 object-fit: cover;
695 border-radius: 8px;
696 }
697
698
699 .qcld-wp-chatbot-wrap-header-doc-details a {
700 border: 2px solid #5b4e96;
701 background: #fff;
702 color: #5b4e96;
703 padding: 8px 20px;
704 border-radius: 8px;
705 display: inline-block;
706 margin: 4px 0 0 0;
707 }
708
709 .qcld-wp-chatbot-wrap-header-doc-details a:hover {
710 border: 2px solid #5b4e96;
711 background: #5b4e96;
712 color: #fff;
713 padding: 8px 20px;
714 border-radius: 8px;
715 display: inline-block;
716 margin: 4px 0 0 0;
717 text-decoration: none;
718 }
719
720
721 .qcld-wp-chatbot-wrap-header-doc-details {
722 width: 42%;
723 }
724
725 .qcld-wp-chatbot-wrap-header-doc-details h3 {
726 font-weight: bold;
727 }
728
729 .qcld-wp-chatbot-wrap-header-doc-details p {
730 font-size: 15px;
731 }
732
733
734 .qcld-goPreemium a {
735 display: block;
736 display: flex !important;
737 align-items: center;
738 gap: 8px;
739 background: #EEEDF4;
740 padding: 10px 25px !important;
741 border-radius: 8px;
742 width: 100%;
743 justify-content: center;
744 color: #000 !important;
745 font-weight: bold;
746 font-size: 16px !important;
747 }
748
749 .qcld-goPreemium a:hover {
750 display: block;
751 display: flex !important;
752 align-items: center;
753 gap: 8px;
754 background: #5B4E96;
755 padding: 10px 25px !important;
756 border-radius: 8px;
757 width: 100%;
758 justify-content: center;
759 color: #fff !important;
760 font-weight: bold;
761 font-size: 16px !important;
762 text-decoration: none;
763 }
764
765
766 .qcld-Resetall input {
767 display: block;
768 width: 100%;
769 margin: 5px 0 0 0;
770 padding: 12px 0;
771 font-size: 16px;
772 border: 2px solid #f0ad4e;
773 background: #fff;
774 color: #f0ad4e;
775 border-radius: 8px;
776 }
777
778 .qcld-Resetall input:hover {
779 display: block;
780 width: 100%;
781 margin: 8px 0 0 0;
782 padding: 12px 0;
783 font-size: 16px;
784 border: 2px solid #f0ad4e;
785 background: #f0ad4e;
786 color: #fff;
787 border-radius: 8px;
788 }
789
790 .qcld-main-wrapper .alert.alert-warning {
791 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96% 96%);
792 border-radius: 16px;
793 }
794
795 .wp-chatbot-wrap button.btn.btn-primary {
796 padding: 14px 20px;
797 width: auto;
798 font-size: 16px;
799 font-weight: 500;
800 color: #988FBD;
801 border-radius: 8px;
802 position: relative;
803 display: inline-block;
804 align-items: center;
805 gap: 15px;
806 background: #5B4E96;
807 color: #ffffff;
808 text-decoration: none;
809 }
810
811 .qcld-main-wrapper h4.qc-opt-dcs {
812 font-size: 18px !important;
813 font-weight: bold !important;
814 padding: 12px 0 12px 0 !important;
815 }
816
817 .cxsc-settings-blocks-addon {
818 font-size: 16px;
819 padding: 6px 0 10px 0;
820 font-weight: bold;
821 }
822
823
824 .qcld-main-wrapper .qcld-seo-help-feature {
825 clear: both;
826 }
827
828 .qcld-main-wrapper .qcld-seo-help-feature H3 {
829 font-weight: bold;
830 font-size: 20px;
831 }
832
833 .qcld-main-wrapper .qcld-seo-help-feature UL {}
834
835 .qcld-main-wrapper .qcld-seo-help-feature UL li {
836 margin: 0;
837 padding: 4px 0;
838 font-size: 15px;
839 }
840
841 .qcld-recommendbot-conv-feature .plugin-card-top {
842 position: relative;
843 padding: 20px 20px 10px;
844 min-height: auto;
845 display: flex;
846 align-items: center;
847 justify-content: space-between;
848 }
849
850 .qcld-recommendbot-conv-feature .plugin-card .action-links {
851 position: relative;
852 top: auto;
853 right: auto;
854 width: auto;
855 }
856
857 .qcld-recommendbot-conv-feature .wrap.recommended-plugins .plugin-card.plugin-card-conversational-forms {
858 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
859 border-radius: 16px;
860 height: auto;
861 }
862
863 .qcld-recommendbot-conv-feature .plugin-icon {
864 position: relative;
865 top: auto;
866 left: auto;
867 width: auto;
868 height: auto;
869 margin: 0;
870 }
871
872 .qcld-recommendbot-conv-feature .plugin-card h3 a {
873 display: flex;
874 flex-direction: row-reverse;
875 align-items: center;
876 }
877
878 .qcld-recommendbot-conv-feature .plugin-icon {
879 position: relative;
880 top: auto;
881 left: auto;
882 width: 80px;
883 height: auto;
884 margin: 0 20px 0 0;
885 }
886
887 .qcld-recommendbot-conv-feature .plugin-card .desc>p,
888 .qcld-recommendbot-conv-feature .plugin-card .name {
889 margin-left: 0 !important;
890 }
891
892 .qcld-recommendbot-conv-feature .plugin-action-buttons {
893 margin-bottom: 0;
894 }
895
896 .qcld-recommendbot-conv-feature .plugin-action-buttons {
897 text-align: center;
898 }
899
900 .qc_menu_area_box {
901 display: flex;
902 justify-content: space-between;
903 border-radius: 16px;
904 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
905 padding: 15px;
906 gap: 15px;
907 }
908
909 .qc_menu_area_box h4 {
910 text-align: center;
911 font-size: 18px !important;
912 font-weight: bold !important;
913 border-bottom: 2px solid #f7f7f7;
914 padding: 0 0 8px 0;
915 margin: 0 0 8px 0;
916 }
917
918 .qc_menu_area {
919
920 width: 50%;
921 background: #fff;
922 border-radius: 16PX;
923 padding: 12px;
924 }
925
926 .qc_menu_list_area.ui-droppable {
927
928 width: 50%;
929 background: #fff;
930 border-radius: 16PX;
931 padding: 12px;
932 }
933
934 .qc_menu_area_box ul li span {
935 background-image: linear-gradient(to right, #868afa 0%, #5b4e96 51%, #5b4e96 100%);
936 box-shadow: 0 5px 15px #c3c3c3;
937 border: 1px solid #ffffff;
938 color: #fff;
939 display: block;
940 margin: 8px auto;
941 padding: 12px 30px;
942 }
943
944 .qc_menu_area_box .qc_menu_area_container span {
945 background-image: linear-gradient(to right, #868afa 0%, #5b4e96 51%, #5b4e96 100%);
946 box-shadow: 0 5px 15px #c3c3c3;
947 border: 1px solid #ffffff;
948 color: #fff;
949 display: block;
950 margin: 8px auto;
951 padding: 12px 30px;
952 }
953
954 .qc_menu_area_box .qc_menu_area_container span:hover,
955 .qc_menu_area_box ul li span:hover {
956 background-image: linear-gradient(to right, #5b4e96 0%, #868afa 51%, #868afa 100%);
957 }
958
959 .qc_menu_list_container {
960 position: relative;
961 }
962
963 .qc_menu_list_container p {
964 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
965 float: left;
966 position: absolute;
967 transform: rotate(45deg);
968 right: -48px;
969 top: -24px;
970 text-align: center;
971 width: 150px;
972 font-size: 12px;
973 margin: 0;
974 z-index: 999;
975 color: #3c3b3b;
976 font-weight: 600;
977 line-height: 20px;
978 border-radius: 0;
979 padding: 6px 0;
980 }
981
982 .qc_menu_list_area.ui-droppable {
983 overflow: hidden;
984 }
985
986 div#collapseTwoControl .row {
987 padding: 8px 0;
988 border-bottom: 1px solid #eee;
989 margin: 0 0;
990 }
991
992
993 .wp-chatbot-wrap .form-group input[type=checkbox]+label {
994 position: relative;
995 width: 18px;
996 height: 18px;
997 border: 2px solid #5b4e96;
998 border-radius: 4px;
999 top: 0;
1000 left: 0;
1001 transform: translate(0%, 0%);
1002 transition: all ease-out 200ms;
1003 text-indent: 28px;
1004 font: normal normal 30px / 60px "Helvetica";
1005 white-space: nowrap;
1006 color: #555;
1007 -webkit-user-select: none;
1008 -moz-user-select: none;
1009 -ms-user-select: none;
1010 user-select: none;
1011 display: flex;
1012 align-items: center;
1013 }
1014
1015 .wp-chatbot-wrap .form-group input[type=checkbox]+label:after {
1016 content: "";
1017 position: absolute;
1018 width: 0px;
1019 height: 8px;
1020 border-bottom: 3px solid #22b573;
1021 border-left: 3px solid #22b573;
1022 top: 25%;
1023 left: 50%;
1024 transform-origin: bottom left;
1025 transform: rotate(-45deg);
1026 opacity: 0;
1027 transition: all ease-out 200ms;
1028 }
1029
1030 .wp-chatbot-wrap .form-group input[type=checkbox]:checked+label {
1031 border: 2px solid #22b573;
1032 }
1033
1034 .wp-chatbot-wrap .form-group input[type=checkbox]:checked+label:after {
1035 opacity: 1;
1036 width: 22px;
1037 }
1038
1039 .wp-chatbot-wrap .form-group input[type=checkbox] {
1040 display: none;
1041 }
1042
1043
1044 .admin-maxwith.qcld-openai-main-box {
1045 margin: 0 20px 0 0;
1046 padding: 0 20px 15px 20px;
1047 max-width: initial;
1048 box-shadow: none;
1049 border: none;
1050 border-radius: 16px;
1051 }
1052
1053 .admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
1054 display: flex;
1055 }
1056
1057 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
1058 display: inline-block;
1059 width: 360px;
1060 }
1061
1062 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
1063 margin: 0 0 20px 0;
1064 padding: 0;
1065 display: flex;
1066 flex-direction: column;
1067 align-content: flex-start;
1068 border: 15px solid #f5f7fd;
1069 border-radius: 16px;
1070 min-height: 480px;
1071 }
1072
1073 c.col-auto.me-auto.ai-settings-title-container {
1074 display: flex;
1075 justify-content: space-between;
1076 padding: 20px;
1077 }
1078
1079 .qcld-wp-chatbot-wrap-header-aisection {
1080 margin: 0 0 0 0;
1081 }
1082
1083 .qcl-openai .row {
1084 margin-right: 0;
1085 margin-left: 0;
1086 }
1087
1088 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container {
1089 display: flex;
1090 justify-content: flex-start;
1091 padding: 20px;
1092 border-radius: 16px;
1093 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
1094 margin: 20px 0 20px 0;
1095 }
1096
1097 .admin-maxwith.qcld-openai-main-box .tab-content {
1098 padding: 0 12px 0 12px;
1099 width: 100%;
1100 }
1101
1102 .admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card {
1103 width: 100%;
1104 max-width: inherit;
1105 margin: 0 0 8px 0;
1106 padding: 0;
1107 border: none;
1108 box-shadow: none;
1109 background: #fff !important;
1110 color: #5B4E96 !important;
1111 text-decoration: none !important;
1112 border-radius: 8px;
1113 border: 2px solid #5B4E96;
1114 }
1115
1116 .admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card h2 {
1117 margin: 0;
1118 padding: 0;
1119 font-weight: bold;
1120 }
1121
1122 .admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1123 font-weight: bold;
1124 display: block;
1125 padding: 15px 12px;
1126 font-size: 16px;
1127 color: #5B4E96;
1128 width: 100%;
1129 text-align: left;
1130 }
1131
1132
1133 .admin-maxwith.qcld-openai-main-box button.btn.btn-link.collapsed:after {
1134 font: normal normal normal 24px / 1 FontAwesome;
1135 content: "\f056";
1136 position: absolute;
1137 right: 18px;
1138 top: 12px;
1139 }
1140
1141
1142 .admin-maxwith.qcld-openai-main-box button.btn.btn-link:after {
1143 font: normal normal normal 24px / 1 FontAwesome;
1144 content: "\f055";
1145 position: absolute;
1146 right: 18px;
1147 top: 12px;
1148 }
1149
1150
1151 .admin-maxwith.qcld-openai-main-box .btn.active.focus,
1152 .admin-maxwith.qcld-openai-main-box .btn.active:focus,
1153 .admin-maxwith.qcld-openai-main-box .btn.focus,
1154 .admin-maxwith.qcld-openai-main-box .btn:active.focus,
1155 .admin-maxwith.qcld-openai-main-box .btn:active:focus,
1156 .admin-maxwith.qcld-openai-main-box .btn:focus {
1157 outline: 0 auto -webkit-focus-ring-color;
1158 outline-offset: -2px;
1159 }
1160
1161 .admin-maxwith.qcld-openai-main-box .tab-content .card-body {
1162 padding: 15px;
1163 }
1164
1165 .admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
1166 font-size: 15px;
1167 }
1168
1169 .admin-maxwith.qcld-openai-main-box .tab-content {
1170 font-size: 15px;
1171 }
1172
1173 .admin-maxwith.qcld-openai-main-box .tab-content .alert.alert-info {
1174 margin: 15px 0 0 15px;
1175 }
1176
1177
1178 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li a {
1179 padding: 14px 20px;
1180 width: 100%;
1181 font-size: 16px;
1182 font-weight: 500;
1183 color: #988FBD;
1184 border-radius: 8px;
1185 position: relative;
1186 display: flex;
1187 align-items: center;
1188 gap: 15px;
1189 background: #fff;
1190 text-decoration: none;
1191 border: none;
1192 margin: 2px 0;
1193 }
1194
1195 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li.active a,
1196 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li a:hover {
1197 padding: 14px 20px;
1198 width: 100%;
1199 font-size: 16px;
1200 font-weight: 500;
1201 color: #988FBD;
1202 border-radius: 8px;
1203 position: relative;
1204 display: flex;
1205 align-items: center;
1206 gap: 15px;
1207 background: #5B4E96;
1208 color: #ffffff;
1209 text-decoration: none;
1210 border: none;
1211 margin: 2px 0;
1212 }
1213
1214
1215 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]+label,
1216 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]+label {
1217 position: relative;
1218 width: 18px;
1219 height: 18px;
1220 border: 2px solid #5b4e96;
1221 border-radius: 4px;
1222 top: 0;
1223 left: 0;
1224 transform: translate(0%, 0%);
1225 transition: all ease-out 200ms;
1226 text-indent: 28px;
1227 font: normal normal 30px / 60px "Helvetica";
1228 white-space: nowrap;
1229 color: #555;
1230 -webkit-user-select: none;
1231 -moz-user-select: none;
1232 -ms-user-select: none;
1233 user-select: none;
1234 display: flex;
1235 align-items: center;
1236 line-height: 30px;
1237 }
1238
1239 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]+label:after,
1240 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]+label:after {
1241 content: "";
1242 position: absolute;
1243 width: 0px;
1244 height: 8px;
1245 border-bottom: 3px solid #22b573;
1246 border-left: 3px solid #22b573;
1247 top: 25%;
1248 left: 50%;
1249 transform-origin: bottom left;
1250 transform: rotate(-45deg);
1251 opacity: 0;
1252 transition: all ease-out 200ms;
1253 }
1254
1255 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]:checked+label,
1256 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]:checked+label {
1257 border: 2px solid #22b573;
1258 }
1259
1260 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]:checked+label:after,
1261 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]:checked+label:after {
1262 opacity: 1;
1263 width: 22px;
1264 }
1265
1266 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox],
1267 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox] {
1268 display: none;
1269 }
1270
1271 div#wp-chatbot-show-pages-list ul li,
1272 div#wp-chatbot-exclude-post-list ul li {
1273 padding: 4px 0;
1274 }
1275
1276 .qcld-main-wrapper div#headingTwoControl a {
1277 font-weight: bold;
1278 }
1279
1280 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]+label {
1281 position: relative;
1282 width: 18px;
1283 height: 18px;
1284 border: 2px solid #5b4e96;
1285 border-radius: 4px;
1286 top: 0;
1287 left: 0;
1288 transform: translate(0%, 0%);
1289 transition: all ease-out 200ms;
1290 text-indent: 28px;
1291 white-space: nowrap;
1292 color: #555;
1293 -webkit-user-select: none;
1294 -moz-user-select: none;
1295 -ms-user-select: none;
1296 user-select: none;
1297 display: flex;
1298 align-items: center;
1299 margin-bottom: 0;
1300 line-height: 30px;
1301 }
1302
1303 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]+label:after {
1304 content: "";
1305 position: absolute;
1306 width: 0px;
1307 height: 8px;
1308 border-bottom: 3px solid #22b573;
1309 border-left: 3px solid #22b573;
1310 top: 25%;
1311 left: 50%;
1312 transform-origin: bottom left;
1313 transform: rotate(-45deg);
1314 opacity: 0;
1315 transition: all ease-out 200ms;
1316 }
1317
1318 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]:checked+label {
1319 border: 2px solid #22b573;
1320 }
1321
1322 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]:checked+label:after {
1323 opacity: 1;
1324 width: 22px;
1325 }
1326
1327 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox] {
1328 display: none;
1329 }
1330
1331
1332 .qcl-openai div#wp-chatbot-openai-settings .form-check {
1333 margin-bottom: 15px;
1334 border: 1px solid #E5E6F2;
1335 padding: 12px 12px;
1336 border-radius: 8px;
1337 }
1338
1339 .qcl-openai div#wp-chatbot-openai-settings label.form-check-label span {
1340 font-size: 12px;
1341 }
1342
1343 .qcl-openai div#wp-chatbot-openai-settings label.form-check-label span.pro-badge {
1344 font-size: 9px;
1345 font-weight: 400;
1346 color: #ffffff;
1347 background: #5B4E96;
1348 border-radius: 20px;
1349 padding: 2px 8px;
1350 margin-left: 5px;
1351 text-transform: uppercase;
1352 text-indent: initial;
1353 line-height: 16px;
1354 }
1355
1356 .qcl-openai div#wp-chatbot-openai-settings a#save_setting {
1357 margin: 0 0 15px 0;
1358 }
1359
1360 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]+label {
1361 position: relative;
1362 width: 18px;
1363 height: 18px;
1364 border: 2px solid #5b4e96;
1365 border-radius: 4px;
1366 top: 0;
1367 left: 0;
1368 transform: translate(0%, 0%);
1369 transition: all ease-out 200ms;
1370 text-indent: 28px;
1371 white-space: nowrap;
1372 color: #555;
1373 -webkit-user-select: none;
1374 -moz-user-select: none;
1375 -ms-user-select: none;
1376 user-select: none;
1377 display: flex;
1378 align-items: center;
1379 margin-bottom: 0;
1380 line-height: 30px;
1381 }
1382
1383 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]+label:after {
1384 content: "";
1385 position: absolute;
1386 width: 0px;
1387 height: 8px;
1388 border-bottom: 3px solid #22b573;
1389 border-left: 3px solid #22b573;
1390 top: 25%;
1391 left: 50%;
1392 transform-origin: bottom left;
1393 transform: rotate(-45deg);
1394 opacity: 0;
1395 transition: all ease-out 200ms;
1396 }
1397
1398 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label {
1399 border: 2px solid #22b573;
1400 }
1401
1402 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label:after {
1403 opacity: 1;
1404 width: 22px;
1405 }
1406
1407 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox] {
1408 display: none;
1409 }
1410
1411
1412 .qcl-openai div#wp-chatbot-openrouter-settings .form-check {
1413 margin-bottom: 15px;
1414 border: 1px solid #E5E6F2;
1415 padding: 12px 12px;
1416 border-radius: 8px;
1417 }
1418
1419 .qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span {
1420 font-size: 12px;
1421 }
1422
1423 .qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span.pro-badge {
1424 font-size: 9px;
1425 font-weight: 400;
1426 color: #ffffff;
1427 background: #5B4E96;
1428 border-radius: 20px;
1429 padding: 2px 8px;
1430 margin-left: 5px;
1431 text-transform: uppercase;
1432 text-indent: initial;
1433 line-height: 16px;
1434 }
1435
1436 .qcl-openai div#wp-chatbot-openrouter-settings a#save_setting {
1437 margin: 0 0 15px 0;
1438 }
1439
1440 #qcld_save_openrouter_setting {
1441 margin: 0 0 15px 0;
1442 }
1443
1444
1445 div#openrouter-settings .tab-content {
1446 padding: 0 12px 0 12px;
1447 width: 100%;
1448 }
1449
1450 .qcl-openai .accordion {
1451 padding: 0 0 0 15px;
1452 }
1453
1454 .qcl-openai .card-body-openrouter {
1455 padding: 0 15px 0 15px;
1456 }
1457
1458
1459 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container h4 {
1460 width: 396px;
1461 }
1462
1463 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container select {
1464 border-color: #ffffff;
1465 width: 220px;
1466 }
1467
1468
1469 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-openai-training-model .row.my-4 {
1470 font-size: 15px;
1471 display: flex;
1472 width: 100%;
1473 align-items: center;
1474 justify-content: center;
1475 min-height: 420px;
1476 text-align: center;
1477 }
1478
1479 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-data_post_converter .row.my-4 {
1480 font-size: 15px;
1481 display: flex;
1482 width: 100%;
1483 align-items: center;
1484 justify-content: center;
1485 min-height: 420px;
1486 text-align: center;
1487 }
1488
1489 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-img_generator .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-content_writer .row.my-4 {
1500 font-size: 15px;
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
1510 .qcld-wrap.swpm-admin-menu-wrap {
1511 display: flex;
1512 margin: 15px 0;
1513 }
1514
1515 .qcld_help_wppt_nav_container {
1516 display: flex;
1517 flex-direction: column;
1518 width: 320px;
1519 background: #fff;
1520 border-radius: 16px;
1521 margin: 0 20px 0 0;
1522 }
1523
1524 .content_qcbot_help_secion {
1525 position: relative;
1526 width: 79%;
1527 display: block;
1528 background: #fff;
1529 border-radius: 16px;
1530 padding: 15px 20px;
1531 }
1532
1533 .qcld_help_wppt_nav_container a {
1534 margin: 2px 10px;
1535 }
1536
1537 .qcld_help_wppt_nav_container a {
1538 margin: 2px 10px;
1539 font-size: 15px;
1540 font-weight: 500;
1541 border: none;
1542 padding: 14px 20px !important;
1543 display: flex;
1544 align-items: center;
1545 gap: 15px;
1546 }
1547
1548 .qcld_help_wppt_nav_container a:hover {
1549 margin: 2px 10px;
1550 font-size: 15px;
1551 font-weight: 500;
1552 border: none;
1553 background: #5b4e96;
1554 color: #fff;
1555 padding: 14px 20px !important;
1556 display: flex;
1557 align-items: center;
1558 gap: 15px;
1559 }
1560
1561 .content_qcbot_help_secion .panel-default>.panel-heading {
1562 color: #333;
1563 background-color: #f5f5f5;
1564 border-color: #5B4E96;
1565 background: #fff !important;
1566 color: #5B4E96 !important;
1567 text-decoration: none !important;
1568 border-radius: 8px;
1569 border: 2px solid #5B4E96;
1570 padding: 0;
1571 }
1572
1573
1574 .content_qcbot_help_secion .panel-default>.panel-heading:hover {
1575 background: #5B4E96 !important;
1576 color: #ffffff !important;
1577 text-decoration: none !important;
1578 border-radius: 8px;
1579 }
1580
1581
1582 .content_qcbot_help_secion .panel-default>.panel-heading:hover a{
1583 color: #ffffff !important;
1584 }
1585 .content_qcbot_help_secion .panel-default {
1586 border-color: #dddddd00;
1587 margin-bottom: 10px;
1588 }
1589
1590 .content_qcbot_help_secion .panel-title a {
1591 padding: 10px 15px;
1592 display: block;
1593 position: relative;
1594 display: block;
1595 padding: 15px 12px;
1596 font-size: 16px;
1597 }
1598
1599 .content_qcbot_help_secion p {
1600 font-size: 15px;
1601 }
1602
1603 .content_qcbot_help_secion .panel-title a.collapsed:after {
1604 font: normal normal normal 24px / 1 FontAwesome;
1605 content: "\f055";
1606 position: absolute;
1607 right: 18px;
1608 top: 12px;
1609 }
1610
1611 .content_qcbot_help_secion .panel-title a:after {
1612 font: normal normal normal 24px / 1 FontAwesome;
1613 content: "\f056";
1614 position: absolute;
1615 right: 18px;
1616 top: 12px;
1617 }
1618
1619
1620 .content_qcbot_help_secion .panel-default>.panel-heading+.panel-collapse>.panel-body {
1621 border-top-color: transparent;
1622 background: linear-gradient(181deg, #ffffff 70%, #e9e4ff 96%);
1623 border-radius: 16px;
1624 border: 1px solid #eee;
1625 margin: 8px 0 0 0;
1626 padding: 20px 15px;
1627 }
1628
1629 .content_qcbot_help_secion .panel {
1630 box-shadow: none;
1631 }
1632
1633 .qcbot_help_secion h3 {
1634 font-size: 16px;
1635 font-weight: bold;
1636 }
1637
1638 .qcbot_help_secion ul li {
1639 list-style: inside;
1640 }
1641
1642 .notice.is-dismissible.qcbot-str-top-notic {
1643 width: 98.7%;
1644 }
1645
1646 .qcld-main-wrapper {
1647 margin: 10px 0px 0 2px !important;
1648 }
1649
1650 .content_qcbot_help_secion .section-container {
1651 display: flex;
1652 gap: 30px;
1653 }
1654
1655 .content-wrap .section-container {
1656 display: flex;
1657 gap: 30px;
1658 }
1659
1660 .wpbot_statistics_area h2 {
1661 font-size: 22px;
1662 font-weight: bold;
1663 }
1664
1665
1666 section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover a {
1667 color: #fff;
1668 }
1669
1670 .qcld-main-wrapper a {
1671 text-decoration: none !important;
1672 }
1673
1674 .admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1675 text-decoration: none;
1676 }
1677
1678 .admin-maxwith.qcld-openai-main-box button.btn.btn-link:hover {
1679 font-weight: bold;
1680 display: block;
1681 padding: 15px 12px;
1682 font-size: 16px;
1683 color: #fff;
1684 background: #5B4E96;
1685 width: 100%;
1686 text-align: left;
1687 }
1688
1689 .content-wrap .qcld-seo-help-feature ul {
1690 background: linear-gradient(178deg, #ffffff 70%, #e9e4ff 96%);
1691 border-radius: 6px;
1692 padding: 5px 8px;
1693 border: 1px solid #eee;
1694 }
1695
1696 .wp-chatbot-tabs nav ul li a {
1697 color: #695d99;
1698 }
1699
1700 .wp-chatbot-tabs nav .cxsc-settings_openai_border a {
1701 color: #695d99;
1702 }
1703
1704
1705 .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab {
1706 float: left;
1707 border: 1px solid #c3c4c7;
1708 border-bottom: 1px;
1709 margin-left: .5em;
1710 font-size: 14px;
1711 line-height: 1.71428571;
1712 font-weight: 600;
1713 background: #ffffff;
1714 color: #5b4e96;
1715 text-decoration: none;
1716 white-space: nowrap;
1717 border: 1px solid #5b4e96;
1718 padding: 14px 20px !important;
1719 line-height: normal !important;
1720
1721 }
1722
1723 .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab:hover, .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab.nav-tab-active {
1724 float: left;
1725 border: 1px solid #c3c4c7;
1726 border-bottom: 1px;
1727 margin-left: .5em;
1728 font-size: 14px;
1729 line-height: 1.71428571;
1730 font-weight: 600;
1731 background: #5b4e96;
1732 color: #fff;
1733 text-decoration: none;
1734 white-space: nowrap;
1735 border: 1px solid #5b4e96;
1736 padding: 14px 20px !important;
1737 line-height: normal !important;
1738
1739 }
1740
1741 .qcld_label_width_full{
1742 width: 100% !important;
1743 }
1744 .cxsc-settings-blocks-font-resize{
1745 font-size: 14px !important;
1746 }
1747
1748 .qcld_thumbnail_theme_prev label{
1749 width: 100% !important;
1750 position: relative;
1751 text-align: center;
1752 }
1753
1754 button.swal2-confirm.btn.btn-lg.swal2-styled {
1755 padding: 14px 20px;
1756 width: 100%;
1757 font-size: 16px;
1758 font-weight: 500;
1759 color: #988FBD;
1760 border-radius: 8px;
1761 position: relative;
1762 display: flex;
1763 align-items: center;
1764 gap: 15px;
1765 background: #5B4E96;
1766 color: #ffffff;
1767 text-decoration: none;
1768 border-color: #5b4e96 !important;
1769 }
1770
1771
1772
1773
1774
1775
1776
1777
1778
1779 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label {
1780 position: relative;
1781 width: 18px;
1782 height: 18px;
1783 border: 2px solid #5b4e96;
1784 border-radius: 4px;
1785 top: 0;
1786 left: 0;
1787 transform: translate(0%, 0%);
1788 transition: all ease-out 200ms;
1789 text-indent: 28px;
1790 font: normal normal 30px / 60px "Helvetica";
1791 white-space: nowrap;
1792 color: #555;
1793 -webkit-user-select: none;
1794 -moz-user-select: none;
1795 -ms-user-select: none;
1796 user-select: none;
1797 display: flex;
1798 align-items: center;
1799 }
1800
1801 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label:after {
1802 content: "";
1803 position: absolute;
1804 width: 0px;
1805 height: 8px;
1806 border-bottom: 3px solid #22b573;
1807 border-left: 3px solid #22b573;
1808 top: 25%;
1809 left: 50%;
1810 transform-origin: bottom left;
1811 transform: rotate(-45deg);
1812 opacity: 0;
1813 transition: all ease-out 200ms;
1814 }
1815
1816 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label {
1817 border: 2px solid #22b573;
1818 }
1819
1820 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label:after {
1821 opacity: 1;
1822 width: 22px;
1823 }
1824
1825 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox] {
1826 display: none;
1827 }
1828
1829 .cxsc-settings_openai_border {
1830 margin-bottom: 6px;
1831 }
1832
1833 div#wp-chatbot-custom-color-options .top-section .row .cxsc-settings-blocks {
1834 padding-top: 0;
1835 }
1836
1837 div#wp-chatbot-post-converter ul.checkbox-list {
1838 display: flex;
1839 flex-wrap: wrap;
1840 gap: 6px;
1841 }
1842 div#wp-chatbot-post-converter ul.checkbox-list .form-check.form-check-inline {
1843 display: inline-block;
1844 min-width: 290px;
1845 margin: 0;
1846 }
1847
1848
1849
1850 div#wp-chatbot-show-pages-list ul.checkbox-list {
1851 display: flex;
1852 flex-wrap: wrap;
1853 gap: 6px;
1854 }
1855
1856 div#wp-chatbot-exclude-post-list ul.checkbox-list {
1857 display: flex;
1858 flex-wrap: wrap;
1859 gap: 6px;
1860 }
1861
1862
1863 div#wp-chatbot-show-pages-list ul.checkbox-list li{
1864 display: inline-block;
1865 min-width: 310px;
1866 margin: 0;
1867 }
1868
1869 div#wp-chatbot-exclude-post-list ul.checkbox-list li{
1870 display: inline-block;
1871 min-width: 310px;
1872 margin: 0;
1873 }
1874 #rotationloader.fa.fa-spinner
1875 {
1876 display: none;
1877 rotate: initial;
1878 -webkit-animation: rotation 2s infinite linear;
1879 }
1880
1881 .docs_icon {
1882 position: absolute;
1883 top: 0;
1884 bottom: 0;
1885 left: 0;
1886 right: 0;
1887 z-index: 9999;
1888 text-align: center;
1889 display: flex;
1890 align-items: center;
1891 justify-content: center;
1892 background: #5b4e968f;
1893 color: #ffffff;
1894 font-size: 60px;
1895 border-radius: 8px;
1896 }
1897 a.qcld-wp-chatbot-wrap--doc_logo {
1898 text-decoration: none !important;
1899 position: relative;
1900 }
1901 .docs_icon i {
1902 background: #5b4e96;
1903 padding: 25px 25px;
1904 border-radius: 50%;
1905 }