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

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

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