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

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