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

1,947 lines 40.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 .lp-submenu-wpbot_openAi .swal2-actions {
986 display: flex;
987 width: auto;
988 }
989 .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
990 display: block !important;
991 line-height: normal !important;
992 padding: 14px 20px !important;
993 font-size: 16px;
994 font-weight: 500;
995 border-radius: 8px;
996 }
997 .lp-submenu-wpbot_openAi button.swal2-confirm.btn.btn-lg.swal2-styled{
998 width: auto;
999 }
1000 div#qc_menu_area {
1001 min-height: 230px;
1002 }
1003 div#collapseTwoControl .row {
1004 padding: 8px 0;
1005 border-bottom: 1px solid #eee;
1006 margin: 0 0;
1007 }
1008
1009
1010 .wp-chatbot-wrap .form-group input[type=checkbox]+label {
1011 position: relative;
1012 width: 18px;
1013 height: 18px;
1014 border: 2px solid #5b4e96;
1015 border-radius: 4px;
1016 top: 0;
1017 left: 0;
1018 transform: translate(0%, 0%);
1019 transition: all ease-out 200ms;
1020 text-indent: 28px;
1021 font: normal normal 30px / 60px "Helvetica";
1022 white-space: nowrap;
1023 color: #555;
1024 -webkit-user-select: none;
1025 -moz-user-select: none;
1026 -ms-user-select: none;
1027 user-select: none;
1028 display: flex;
1029 align-items: center;
1030 }
1031
1032 .wp-chatbot-wrap .form-group input[type=checkbox]+label:after {
1033 content: "";
1034 position: absolute;
1035 width: 0px;
1036 height: 8px;
1037 border-bottom: 3px solid #22b573;
1038 border-left: 3px solid #22b573;
1039 top: 25%;
1040 left: 50%;
1041 transform-origin: bottom left;
1042 transform: rotate(-45deg);
1043 opacity: 0;
1044 transition: all ease-out 200ms;
1045 }
1046
1047 .wp-chatbot-wrap .form-group input[type=checkbox]:checked+label {
1048 border: 2px solid #22b573;
1049 }
1050
1051 .wp-chatbot-wrap .form-group input[type=checkbox]:checked+label:after {
1052 opacity: 1;
1053 width: 22px;
1054 }
1055
1056 .wp-chatbot-wrap .form-group input[type=checkbox] {
1057 display: none;
1058 }
1059
1060
1061 .admin-maxwith.qcld-openai-main-box {
1062 margin: 0 20px 0 0;
1063 padding: 0 20px 15px 20px;
1064 max-width: initial;
1065 box-shadow: none;
1066 border: none;
1067 border-radius: 16px;
1068 }
1069
1070 .admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
1071 display: flex;
1072 }
1073
1074 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
1075 display: inline-block;
1076 width: 360px;
1077 }
1078
1079 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
1080 margin: 0 0 20px 0;
1081 padding: 0;
1082 display: flex;
1083 flex-direction: column;
1084 align-content: flex-start;
1085 border: 15px solid #f5f7fd;
1086 border-radius: 16px;
1087 min-height: 480px;
1088 }
1089
1090 c.col-auto.me-auto.ai-settings-title-container {
1091 display: flex;
1092 justify-content: space-between;
1093 padding: 20px;
1094 }
1095
1096 .qcld-wp-chatbot-wrap-header-aisection {
1097 margin: 0 0 0 0;
1098 }
1099
1100 .qcl-openai .row {
1101 margin-right: 0;
1102 margin-left: 0;
1103 }
1104
1105 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container {
1106 display: flex;
1107 justify-content: flex-start;
1108 padding: 20px;
1109 border-radius: 16px;
1110 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
1111 margin: 20px 0 20px 0;
1112 }
1113
1114 .admin-maxwith.qcld-openai-main-box .tab-content {
1115 padding: 0 12px 0 12px;
1116 width: 100%;
1117 }
1118
1119 .admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card {
1120 width: 100%;
1121 max-width: inherit;
1122 margin: 0 0 8px 0;
1123 padding: 0;
1124 border: none;
1125 box-shadow: none;
1126 background: #fff !important;
1127 color: #5B4E96 !important;
1128 text-decoration: none !important;
1129 border-radius: 8px;
1130 border: 2px solid #5B4E96;
1131 }
1132
1133 .admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card h2 {
1134 margin: 0;
1135 padding: 0;
1136 font-weight: bold;
1137 }
1138
1139 .admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1140 font-weight: bold;
1141 display: block;
1142 padding: 15px 12px;
1143 font-size: 16px;
1144 color: #5B4E96;
1145 width: 100%;
1146 text-align: left;
1147 }
1148
1149
1150 .admin-maxwith.qcld-openai-main-box button.btn.btn-link.collapsed:after {
1151 font: normal normal normal 24px / 1 FontAwesome;
1152 content: "\f056";
1153 position: absolute;
1154 right: 18px;
1155 top: 12px;
1156 }
1157
1158
1159 .admin-maxwith.qcld-openai-main-box button.btn.btn-link:after {
1160 font: normal normal normal 24px / 1 FontAwesome;
1161 content: "\f055";
1162 position: absolute;
1163 right: 18px;
1164 top: 12px;
1165 }
1166
1167
1168 .admin-maxwith.qcld-openai-main-box .btn.active.focus,
1169 .admin-maxwith.qcld-openai-main-box .btn.active:focus,
1170 .admin-maxwith.qcld-openai-main-box .btn.focus,
1171 .admin-maxwith.qcld-openai-main-box .btn:active.focus,
1172 .admin-maxwith.qcld-openai-main-box .btn:active:focus,
1173 .admin-maxwith.qcld-openai-main-box .btn:focus {
1174 outline: 0 auto -webkit-focus-ring-color;
1175 outline-offset: -2px;
1176 }
1177
1178 .admin-maxwith.qcld-openai-main-box .tab-content .card-body {
1179 padding: 15px;
1180 }
1181
1182 .admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
1183 font-size: 15px;
1184 }
1185
1186 .admin-maxwith.qcld-openai-main-box .tab-content {
1187 font-size: 15px;
1188 }
1189
1190 .admin-maxwith.qcld-openai-main-box .tab-content .alert.alert-info {
1191 margin: 15px 0 0 15px;
1192 }
1193
1194
1195 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li a {
1196 padding: 14px 20px;
1197 width: 100%;
1198 font-size: 16px;
1199 font-weight: 500;
1200 color: #988FBD;
1201 border-radius: 8px;
1202 position: relative;
1203 display: flex;
1204 align-items: center;
1205 gap: 15px;
1206 background: #fff;
1207 text-decoration: none;
1208 border: none;
1209 margin: 2px 0;
1210 }
1211
1212 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li.active a,
1213 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li a:hover {
1214 padding: 14px 20px;
1215 width: 100%;
1216 font-size: 16px;
1217 font-weight: 500;
1218 color: #988FBD;
1219 border-radius: 8px;
1220 position: relative;
1221 display: flex;
1222 align-items: center;
1223 gap: 15px;
1224 background: #5B4E96;
1225 color: #ffffff;
1226 text-decoration: none;
1227 border: none;
1228 margin: 2px 0;
1229 }
1230
1231
1232 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]+label,
1233 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]+label {
1234 position: relative;
1235 width: 18px;
1236 height: 18px;
1237 border: 2px solid #5b4e96;
1238 border-radius: 4px;
1239 top: 0;
1240 left: 0;
1241 transform: translate(0%, 0%);
1242 transition: all ease-out 200ms;
1243 text-indent: 28px;
1244 font: normal normal 30px / 60px "Helvetica";
1245 white-space: nowrap;
1246 color: #555;
1247 -webkit-user-select: none;
1248 -moz-user-select: none;
1249 -ms-user-select: none;
1250 user-select: none;
1251 display: flex;
1252 align-items: center;
1253 line-height: 30px;
1254 }
1255
1256 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]+label:after,
1257 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]+label:after {
1258 content: "";
1259 position: absolute;
1260 width: 0px;
1261 height: 8px;
1262 border-bottom: 3px solid #22b573;
1263 border-left: 3px solid #22b573;
1264 top: 25%;
1265 left: 50%;
1266 transform-origin: bottom left;
1267 transform: rotate(-45deg);
1268 opacity: 0;
1269 transition: all ease-out 200ms;
1270 }
1271
1272 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]:checked+label,
1273 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]:checked+label {
1274 border: 2px solid #22b573;
1275 }
1276
1277 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]:checked+label:after,
1278 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]:checked+label:after {
1279 opacity: 1;
1280 width: 22px;
1281 }
1282
1283 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox],
1284 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox] {
1285 display: none;
1286 }
1287
1288 div#wp-chatbot-show-pages-list ul li,
1289 div#wp-chatbot-exclude-post-list ul li {
1290 padding: 4px 0;
1291 }
1292
1293 .qcld-main-wrapper div#headingTwoControl a {
1294 font-weight: bold;
1295 }
1296
1297 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]+label {
1298 position: relative;
1299 width: 18px;
1300 height: 18px;
1301 border: 2px solid #5b4e96;
1302 border-radius: 4px;
1303 top: 0;
1304 left: 0;
1305 transform: translate(0%, 0%);
1306 transition: all ease-out 200ms;
1307 text-indent: 28px;
1308 white-space: nowrap;
1309 color: #555;
1310 -webkit-user-select: none;
1311 -moz-user-select: none;
1312 -ms-user-select: none;
1313 user-select: none;
1314 display: flex;
1315 align-items: center;
1316 margin-bottom: 0;
1317 line-height: 30px;
1318 }
1319
1320 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]+label:after {
1321 content: "";
1322 position: absolute;
1323 width: 0px;
1324 height: 8px;
1325 border-bottom: 3px solid #22b573;
1326 border-left: 3px solid #22b573;
1327 top: 25%;
1328 left: 50%;
1329 transform-origin: bottom left;
1330 transform: rotate(-45deg);
1331 opacity: 0;
1332 transition: all ease-out 200ms;
1333 }
1334
1335 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]:checked+label {
1336 border: 2px solid #22b573;
1337 }
1338
1339 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]:checked+label:after {
1340 opacity: 1;
1341 width: 22px;
1342 }
1343
1344 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox] {
1345 display: none;
1346 }
1347
1348
1349 .qcl-openai div#wp-chatbot-openai-settings .form-check {
1350 margin-bottom: 15px;
1351 border: 1px solid #E5E6F2;
1352 padding: 12px 12px;
1353 border-radius: 8px;
1354 }
1355
1356 .qcl-openai div#wp-chatbot-openai-settings label.form-check-label span {
1357 font-size: 12px;
1358 }
1359
1360 .qcl-openai div#wp-chatbot-openai-settings label.form-check-label span.pro-badge {
1361 font-size: 9px;
1362 font-weight: 400;
1363 color: #ffffff;
1364 background: #5B4E96;
1365 border-radius: 20px;
1366 padding: 2px 8px;
1367 margin-left: 5px;
1368 text-transform: uppercase;
1369 text-indent: initial;
1370 line-height: 16px;
1371 }
1372
1373 .qcl-openai div#wp-chatbot-openai-settings a#save_setting {
1374 margin: 0 0 15px 0;
1375 }
1376
1377 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]+label {
1378 position: relative;
1379 width: 18px;
1380 height: 18px;
1381 border: 2px solid #5b4e96;
1382 border-radius: 4px;
1383 top: 0;
1384 left: 0;
1385 transform: translate(0%, 0%);
1386 transition: all ease-out 200ms;
1387 text-indent: 28px;
1388 white-space: nowrap;
1389 color: #555;
1390 -webkit-user-select: none;
1391 -moz-user-select: none;
1392 -ms-user-select: none;
1393 user-select: none;
1394 display: flex;
1395 align-items: center;
1396 margin-bottom: 0;
1397 line-height: 30px;
1398 }
1399
1400 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]+label:after {
1401 content: "";
1402 position: absolute;
1403 width: 0px;
1404 height: 8px;
1405 border-bottom: 3px solid #22b573;
1406 border-left: 3px solid #22b573;
1407 top: 25%;
1408 left: 50%;
1409 transform-origin: bottom left;
1410 transform: rotate(-45deg);
1411 opacity: 0;
1412 transition: all ease-out 200ms;
1413 }
1414
1415 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label {
1416 border: 2px solid #22b573;
1417 }
1418
1419 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label:after {
1420 opacity: 1;
1421 width: 22px;
1422 }
1423
1424 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox] {
1425 display: none;
1426 }
1427
1428
1429 .qcl-openai div#wp-chatbot-openrouter-settings .form-check {
1430 margin-bottom: 15px;
1431 border: 1px solid #E5E6F2;
1432 padding: 12px 12px;
1433 border-radius: 8px;
1434 }
1435
1436 .qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span {
1437 font-size: 12px;
1438 }
1439
1440 .qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span.pro-badge {
1441 font-size: 9px;
1442 font-weight: 400;
1443 color: #ffffff;
1444 background: #5B4E96;
1445 border-radius: 20px;
1446 padding: 2px 8px;
1447 margin-left: 5px;
1448 text-transform: uppercase;
1449 text-indent: initial;
1450 line-height: 16px;
1451 }
1452
1453 .qcl-openai div#wp-chatbot-openrouter-settings a#save_setting {
1454 margin: 0 0 15px 0;
1455 }
1456
1457 #qcld_save_openrouter_setting {
1458 margin: 0 0 15px 0;
1459 }
1460
1461
1462 div#openrouter-settings .tab-content {
1463 padding: 0 12px 0 12px;
1464 width: 100%;
1465 }
1466
1467 .qcl-openai .accordion {
1468 padding: 0 0 0 15px;
1469 }
1470
1471 .qcl-openai .card-body-openrouter {
1472 padding: 0 15px 0 15px;
1473 }
1474
1475
1476 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container h4 {
1477 width: 396px;
1478 }
1479
1480 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container select {
1481 border-color: #ffffff;
1482 width: 220px;
1483 }
1484
1485
1486 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-openai-training-model .row.my-4 {
1487 font-size: 15px;
1488 display: flex;
1489 width: 100%;
1490 align-items: center;
1491 justify-content: center;
1492 min-height: 420px;
1493 text-align: center;
1494 }
1495
1496 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-data_post_converter .row.my-4 {
1497 font-size: 15px;
1498 display: flex;
1499 width: 100%;
1500 align-items: center;
1501 justify-content: center;
1502 min-height: 420px;
1503 text-align: center;
1504 }
1505
1506 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-img_generator .row.my-4 {
1507 font-size: 15px;
1508 display: flex;
1509 width: 100%;
1510 align-items: center;
1511 justify-content: center;
1512 min-height: 420px;
1513 text-align: center;
1514 }
1515
1516 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-content_writer .row.my-4 {
1517 font-size: 15px;
1518 display: flex;
1519 width: 100%;
1520 align-items: center;
1521 justify-content: center;
1522 min-height: 420px;
1523 text-align: center;
1524 }
1525
1526
1527 .qcld-wrap.swpm-admin-menu-wrap {
1528 display: flex;
1529 margin: 15px 0;
1530 }
1531
1532 .qcld_help_wppt_nav_container {
1533 display: flex;
1534 flex-direction: column;
1535 width: 320px;
1536 background: #fff;
1537 border-radius: 16px;
1538 margin: 0 20px 0 0;
1539 }
1540
1541 .content_qcbot_help_secion {
1542 position: relative;
1543 width: 79%;
1544 display: block;
1545 background: #fff;
1546 border-radius: 16px;
1547 padding: 15px 20px;
1548 }
1549
1550 .qcld_help_wppt_nav_container a {
1551 margin: 2px 10px;
1552 }
1553
1554 .qcld_help_wppt_nav_container a {
1555 margin: 2px 10px;
1556 font-size: 15px;
1557 font-weight: 500;
1558 border: none;
1559 padding: 14px 20px !important;
1560 display: flex;
1561 align-items: center;
1562 gap: 15px;
1563 }
1564
1565 .qcld_help_wppt_nav_container a:hover {
1566 margin: 2px 10px;
1567 font-size: 15px;
1568 font-weight: 500;
1569 border: none;
1570 background: #5b4e96;
1571 color: #fff;
1572 padding: 14px 20px !important;
1573 display: flex;
1574 align-items: center;
1575 gap: 15px;
1576 }
1577
1578 .content_qcbot_help_secion .panel-default>.panel-heading {
1579 color: #333;
1580 background-color: #f5f5f5;
1581 border-color: #5B4E96;
1582 background: #fff !important;
1583 color: #5B4E96 !important;
1584 text-decoration: none !important;
1585 border-radius: 8px;
1586 border: 2px solid #5B4E96;
1587 padding: 0;
1588 }
1589
1590
1591 .content_qcbot_help_secion .panel-default>.panel-heading:hover {
1592 background: #5B4E96 !important;
1593 color: #ffffff !important;
1594 text-decoration: none !important;
1595 border-radius: 8px;
1596 }
1597
1598
1599 .content_qcbot_help_secion .panel-default>.panel-heading:hover a{
1600 color: #ffffff !important;
1601 }
1602 .content_qcbot_help_secion .panel-default {
1603 border-color: #dddddd00;
1604 margin-bottom: 10px;
1605 }
1606
1607 .content_qcbot_help_secion .panel-title a {
1608 padding: 10px 15px;
1609 display: block;
1610 position: relative;
1611 display: block;
1612 padding: 15px 12px;
1613 font-size: 16px;
1614 }
1615
1616 .content_qcbot_help_secion p {
1617 font-size: 15px;
1618 }
1619
1620 .content_qcbot_help_secion .panel-title a.collapsed:after {
1621 font: normal normal normal 24px / 1 FontAwesome;
1622 content: "\f055";
1623 position: absolute;
1624 right: 18px;
1625 top: 12px;
1626 }
1627
1628 .content_qcbot_help_secion .panel-title a:after {
1629 font: normal normal normal 24px / 1 FontAwesome;
1630 content: "\f056";
1631 position: absolute;
1632 right: 18px;
1633 top: 12px;
1634 }
1635
1636
1637 .content_qcbot_help_secion .panel-default>.panel-heading+.panel-collapse>.panel-body {
1638 border-top-color: transparent;
1639 background: linear-gradient(181deg, #ffffff 70%, #e9e4ff 96%);
1640 border-radius: 16px;
1641 border: 1px solid #eee;
1642 margin: 8px 0 0 0;
1643 padding: 20px 15px;
1644 }
1645
1646 .content_qcbot_help_secion .panel {
1647 box-shadow: none;
1648 }
1649
1650 .qcbot_help_secion h3 {
1651 font-size: 16px;
1652 font-weight: bold;
1653 }
1654
1655 .qcbot_help_secion ul li {
1656 list-style: inside;
1657 }
1658
1659 .notice.is-dismissible.qcbot-str-top-notic {
1660 width: 98.7%;
1661 }
1662
1663 .qcld-main-wrapper {
1664 margin: 10px 0px 0 2px !important;
1665 }
1666
1667 .content_qcbot_help_secion .section-container {
1668 display: flex;
1669 gap: 30px;
1670 }
1671
1672 .content-wrap .section-container {
1673 display: flex;
1674 gap: 30px;
1675 }
1676
1677 .wpbot_statistics_area h2 {
1678 font-size: 22px;
1679 font-weight: bold;
1680 }
1681
1682
1683 section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover a {
1684 color: #fff;
1685 }
1686
1687 .qcld-main-wrapper a {
1688 text-decoration: none !important;
1689 }
1690
1691 .admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1692 text-decoration: none;
1693 }
1694
1695 .admin-maxwith.qcld-openai-main-box button.btn.btn-link:hover {
1696 font-weight: bold;
1697 display: block;
1698 padding: 15px 12px;
1699 font-size: 16px;
1700 color: #fff;
1701 background: #5B4E96;
1702 width: 100%;
1703 text-align: left;
1704 }
1705
1706 .content-wrap .qcld-seo-help-feature ul {
1707 background: linear-gradient(178deg, #ffffff 70%, #e9e4ff 96%);
1708 border-radius: 6px;
1709 padding: 5px 8px;
1710 border: 1px solid #eee;
1711 }
1712
1713 .wp-chatbot-tabs nav ul li a {
1714 color: #695d99;
1715 }
1716
1717 .wp-chatbot-tabs nav .cxsc-settings_openai_border a {
1718 color: #695d99;
1719 }
1720
1721
1722 .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab {
1723 float: left;
1724 border: 1px solid #c3c4c7;
1725 border-bottom: 1px;
1726 margin-left: .5em;
1727 font-size: 14px;
1728 line-height: 1.71428571;
1729 font-weight: 600;
1730 background: #ffffff;
1731 color: #5b4e96;
1732 text-decoration: none;
1733 white-space: nowrap;
1734 border: 1px solid #5b4e96;
1735 padding: 14px 20px !important;
1736 line-height: normal !important;
1737
1738 }
1739
1740 .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab:hover, .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab.nav-tab-active {
1741 float: left;
1742 border: 1px solid #c3c4c7;
1743 border-bottom: 1px;
1744 margin-left: .5em;
1745 font-size: 14px;
1746 line-height: 1.71428571;
1747 font-weight: 600;
1748 background: #5b4e96;
1749 color: #fff;
1750 text-decoration: none;
1751 white-space: nowrap;
1752 border: 1px solid #5b4e96;
1753 padding: 14px 20px !important;
1754 line-height: normal !important;
1755
1756 }
1757
1758 .qcld_label_width_full{
1759 width: 100% !important;
1760 }
1761 .cxsc-settings-blocks-font-resize{
1762 font-size: 14px !important;
1763 }
1764
1765 .qcld_thumbnail_theme_prev label{
1766 width: 100% !important;
1767 position: relative;
1768 text-align: center;
1769 }
1770
1771 button.swal2-confirm.btn.btn-lg.swal2-styled {
1772 padding: 14px 20px;
1773 width: 100%;
1774 font-size: 16px;
1775 font-weight: 500;
1776 color: #988FBD;
1777 border-radius: 8px;
1778 position: relative;
1779 display: flex;
1780 align-items: center;
1781 gap: 15px;
1782 background: #5B4E96;
1783 color: #ffffff;
1784 text-decoration: none;
1785 border-color: #5b4e96 !important;
1786 }
1787
1788
1789
1790
1791
1792
1793
1794
1795
1796 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label {
1797 position: relative;
1798 width: 18px;
1799 height: 18px;
1800 border: 2px solid #5b4e96;
1801 border-radius: 4px;
1802 top: 0;
1803 left: 0;
1804 transform: translate(0%, 0%);
1805 transition: all ease-out 200ms;
1806 text-indent: 28px;
1807 font: normal normal 30px / 60px "Helvetica";
1808 white-space: nowrap;
1809 color: #555;
1810 -webkit-user-select: none;
1811 -moz-user-select: none;
1812 -ms-user-select: none;
1813 user-select: none;
1814 display: flex;
1815 align-items: center;
1816 }
1817
1818 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label:after {
1819 content: "";
1820 position: absolute;
1821 width: 0px;
1822 height: 8px;
1823 border-bottom: 3px solid #22b573;
1824 border-left: 3px solid #22b573;
1825 top: 25%;
1826 left: 50%;
1827 transform-origin: bottom left;
1828 transform: rotate(-45deg);
1829 opacity: 0;
1830 transition: all ease-out 200ms;
1831 }
1832
1833 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label {
1834 border: 2px solid #22b573;
1835 }
1836
1837 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label:after {
1838 opacity: 1;
1839 width: 22px;
1840 }
1841
1842 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox] {
1843 display: none;
1844 }
1845
1846 .cxsc-settings_openai_border {
1847 margin-bottom: 6px;
1848 }
1849
1850 div#wp-chatbot-custom-color-options .top-section .row .cxsc-settings-blocks {
1851 padding-top: 0;
1852 }
1853
1854 div#wp-chatbot-post-converter ul.checkbox-list {
1855 display: flex;
1856 flex-wrap: wrap;
1857 gap: 6px;
1858 }
1859 div#wp-chatbot-post-converter ul.checkbox-list .form-check.form-check-inline {
1860 display: inline-block;
1861 min-width: 290px;
1862 margin: 0;
1863 }
1864
1865
1866
1867 div#wp-chatbot-show-pages-list ul.checkbox-list {
1868 display: flex;
1869 flex-wrap: wrap;
1870 gap: 6px;
1871 }
1872
1873 div#wp-chatbot-exclude-post-list ul.checkbox-list {
1874 display: flex;
1875 flex-wrap: wrap;
1876 gap: 6px;
1877 }
1878
1879
1880 div#wp-chatbot-show-pages-list ul.checkbox-list li{
1881 display: inline-block;
1882 min-width: 310px;
1883 margin: 0;
1884 }
1885
1886 div#wp-chatbot-exclude-post-list ul.checkbox-list li{
1887 display: inline-block;
1888 min-width: 310px;
1889 margin: 0;
1890 }
1891 #rotationloader.fa.fa-spinner
1892 {
1893 display: none;
1894 rotate: initial;
1895 -webkit-animation: rotation 2s infinite linear;
1896 }
1897
1898 .docs_icon {
1899 position: absolute;
1900 top: 0;
1901 bottom: 0;
1902 left: 0;
1903 right: 0;
1904 z-index: 9999;
1905 text-align: center;
1906 display: flex;
1907 align-items: center;
1908 justify-content: center;
1909 background: #5b4e968f;
1910 color: #ffffff;
1911 font-size: 60px;
1912 border-radius: 8px;
1913 }
1914 a.qcld-wp-chatbot-wrap--doc_logo {
1915 text-decoration: none !important;
1916 position: relative;
1917 }
1918 .docs_icon i {
1919 background: #5b4e96;
1920 padding: 25px 25px;
1921 border-radius: 50%;
1922 }
1923
1924
1925 .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
1926 font-size: 18px;
1927 display: block !important;
1928 }
1929
1930 .lp-submenu-wpbot_openAi .swal2-actions button {
1931 width: auto !important;
1932 padding: 10px 40px !important;
1933 line-height: normal !important;
1934 }
1935 .lp-submenu-wpbot_openAi .swal2-actions {
1936 display: flex;
1937 }
1938 .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
1939 font-size: 16px !important;
1940 font-weight: 500 !important;
1941 }
1942
1943 .wp-chatbot-wrap hr {
1944 margin-top: 10px;
1945 margin-bottom: 10px;
1946 }
1947