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

2,401 lines 50.0 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 !important;
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: 6px;
799 }
800
801 .wp-chatbot-wrap button.btn.btn-primary {
802 padding: 14px 20px;
803 width: auto;
804 font-size: 16px;
805 font-weight: 500;
806 color: #988FBD;
807 border-radius: 8px;
808 position: relative;
809 display: inline-block;
810 align-items: center;
811 gap: 15px;
812 background: #5B4E96;
813 color: #ffffff;
814 text-decoration: none;
815 }
816
817 .qcld-main-wrapper h4.qc-opt-dcs {
818 font-size: 18px !important;
819 font-weight: bold !important;
820 padding: 12px 0 12px 0 !important;
821 }
822
823 .cxsc-settings-blocks-addon {
824 font-size: 16px;
825 padding: 6px 0 10px 0;
826 font-weight: bold;
827 }
828
829
830 .qcld-main-wrapper .qcld-seo-help-feature {
831 clear: both;
832 }
833
834 .qcld-main-wrapper .qcld-seo-help-feature H3 {
835 font-weight: bold;
836 font-size: 20px;
837 }
838
839 .qcld-main-wrapper .qcld-seo-help-feature UL {}
840
841 .qcld-main-wrapper .qcld-seo-help-feature UL li {
842 margin: 0;
843 padding: 4px 0;
844 font-size: 15px;
845 }
846
847 .qcld-recommendbot-conv-feature .plugin-card-top {
848 position: relative;
849 padding: 20px 20px 10px;
850 min-height: auto;
851 display: flex;
852 align-items: center;
853 justify-content: space-between;
854 }
855
856 .qcld-recommendbot-conv-feature .plugin-card .action-links {
857 position: relative;
858 top: auto;
859 right: auto;
860 width: auto;
861 }
862
863 .qcld-recommendbot-conv-feature .wrap.recommended-plugins .plugin-card.plugin-card-conversational-forms {
864 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
865 border-radius: 16px;
866 height: auto;
867 }
868
869 .qcld-recommendbot-conv-feature .plugin-icon {
870 position: relative;
871 top: auto;
872 left: auto;
873 width: auto;
874 height: auto;
875 margin: 0;
876 }
877
878 .qcld-recommendbot-conv-feature .plugin-card h3 a {
879 display: flex;
880 flex-direction: row-reverse;
881 align-items: center;
882 }
883
884 .qcld-recommendbot-conv-feature .plugin-icon {
885 position: relative;
886 top: auto;
887 left: auto;
888 width: 80px;
889 height: auto;
890 margin: 0 20px 0 0;
891 }
892
893 .qcld-recommendbot-conv-feature .plugin-card .desc>p,
894 .qcld-recommendbot-conv-feature .plugin-card .name {
895 margin-left: 0 !important;
896 }
897
898 .qcld-recommendbot-conv-feature .plugin-action-buttons {
899 margin-bottom: 0;
900 }
901
902 .qcld-recommendbot-conv-feature .plugin-action-buttons {
903 text-align: center;
904 }
905
906 .qc_menu_area_box {
907 display: flex;
908 justify-content: space-between;
909 border-radius: 16px;
910 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
911 padding: 15px;
912 gap: 15px;
913 overflow: hidden;
914 margin: 0 0 15px 0;
915 }
916
917 .qc_menu_area_box h4 {
918 text-align: center;
919 font-size: 18px !important;
920 font-weight: bold !important;
921 border-bottom: 2px solid #f7f7f7;
922 padding: 0 0 8px 0;
923 margin: 0 0 8px 0;
924 }
925
926 .qc_menu_area {
927
928 width: 50%;
929 background: #fff;
930 border-radius: 16PX;
931 padding: 12px;
932 }
933
934 .qc_menu_list_area.ui-droppable {
935
936 width: 50%;
937 background: #fff;
938 border-radius: 16PX;
939 padding: 12px;
940 }
941
942 .qc_menu_area_box ul li span {
943 background-image: linear-gradient(to right, #868afa 0%, #5b4e96 51%, #5b4e96 100%);
944 box-shadow: 0 5px 15px #c3c3c3;
945 border: 1px solid #ffffff;
946 color: #fff;
947 display: block;
948 margin: 8px auto;
949 padding: 12px 30px;
950 }
951
952 .qc_menu_area_box .qc_menu_area_container span {
953 background-image: linear-gradient(to right, #868afa 0%, #5b4e96 51%, #5b4e96 100%);
954 box-shadow: 0 5px 15px #c3c3c3;
955 border: 1px solid #ffffff;
956 color: #fff;
957 display: block;
958 margin: 8px auto;
959 padding: 12px 30px;
960 }
961
962 .qc_menu_area_box .qc_menu_area_container span:hover,
963 .qc_menu_area_box ul li span:hover {
964 background-image: linear-gradient(to right, #5b4e96 0%, #868afa 51%, #868afa 100%);
965 }
966
967 .qc_menu_list_container {
968 position: relative;
969 }
970
971 .qc_menu_list_container p {
972 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
973 float: none;
974 position: relative;
975 transform: none;
976 right: 0;
977 top: 0;
978 text-align: center;
979 width: 100%;
980 font-size: 12px;
981 margin: 0;
982 z-index: 999;
983 color: #3c3b3b;
984 font-weight: 600;
985 line-height: 20px;
986 border-radius: 0;
987 padding: 6px 0;
988 }
989
990 /* .qc_menu_list_area.ui-droppable {
991 overflow: hidden;
992 } */
993 .lp-submenu-wpbot_openAi .swal2-actions {
994 display: flex;
995 width: auto;
996 }
997 /* .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
998 display: block !important;
999 line-height: normal !important;
1000 padding: 14px 20px !important;
1001 font-size: 16px;
1002 font-weight: 500;
1003 border-radius: 8px;
1004 } */
1005 .lp-submenu-wpbot_openAi button.swal2-confirm.btn.btn-lg.swal2-styled{
1006 width: auto !important;
1007 }
1008
1009 button.swal2-confirm.btn.btn-lg.swal2-styled {
1010 width: auto;
1011 }
1012
1013 div#qc_menu_area {
1014 min-height: 230px;
1015 }
1016 div#collapseTwoControl .row {
1017 padding: 8px 0;
1018 border-bottom: 1px solid #eee;
1019 margin: 0 0;
1020 }
1021
1022
1023 .wp-chatbot-wrap .form-group input[type=checkbox]+label {
1024 position: relative;
1025 width: 18px;
1026 height: 18px;
1027 border: 2px solid #5b4e96;
1028 border-radius: 4px;
1029 top: 0;
1030 left: 0;
1031 transform: translate(0%, 0%);
1032 transition: all ease-out 200ms;
1033 text-indent: 28px;
1034 font: normal normal 30px / 60px "Helvetica";
1035 white-space: nowrap;
1036 color: #555;
1037 -webkit-user-select: none;
1038 -moz-user-select: none;
1039 -ms-user-select: none;
1040 user-select: none;
1041 display: flex;
1042 align-items: center;
1043 }
1044
1045 .wp-chatbot-wrap .form-group input[type=checkbox]+label:after {
1046 content: "";
1047 position: absolute;
1048 width: 0px;
1049 height: 8px;
1050 border-bottom: 3px solid #22b573;
1051 border-left: 3px solid #22b573;
1052 top: 25%;
1053 left: 50%;
1054 transform-origin: bottom left;
1055 transform: rotate(-45deg);
1056 opacity: 0;
1057 transition: all ease-out 200ms;
1058 }
1059
1060 .wp-chatbot-wrap .form-group input[type=checkbox]:checked+label {
1061 border: 2px solid #22b573;
1062 }
1063
1064 .wp-chatbot-wrap .form-group input[type=checkbox]:checked+label:after {
1065 opacity: 1;
1066 width: 22px;
1067 }
1068
1069 .wp-chatbot-wrap .form-group input[type=checkbox] {
1070 display: none;
1071 }
1072
1073
1074 .admin-maxwith.qcld-openai-main-box {
1075 margin: 0 20px 0 0;
1076 padding: 0 20px 15px 20px;
1077 max-width: initial;
1078 box-shadow: none;
1079 border: none;
1080 border-radius: 16px;
1081 }
1082
1083 .admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
1084 display: flex;
1085 }
1086
1087 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
1088 display: inline-block;
1089 width: 360px;
1090 }
1091
1092 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
1093 margin: 0 0 20px 0;
1094 padding: 0;
1095 display: flex;
1096 flex-direction: column;
1097 align-content: flex-start;
1098 border: 15px solid #f5f7fd;
1099 border-radius: 16px;
1100 min-height: 480px;
1101 }
1102
1103 .col-auto.me-auto.ai-settings-title-container {
1104 display: flex;
1105 justify-content: space-between;
1106 padding: 20px;
1107 }
1108
1109 .qcld-wp-chatbot-wrap-header-aisection {
1110 margin: 0 0 0 0;
1111 }
1112
1113 .qcl-openai .row {
1114 margin-right: 0;
1115 margin-left: 0;
1116 }
1117
1118 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container {
1119 display: flex;
1120 justify-content: flex-start;
1121 padding: 20px;
1122 border-radius: 16px;
1123 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
1124 margin: 20px 0 20px 0;
1125 }
1126
1127 .admin-maxwith.qcld-openai-main-box .tab-content {
1128 padding: 0 12px 0 12px;
1129 width: 100%;
1130 }
1131
1132 .admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card {
1133 width: 100%;
1134 max-width: inherit;
1135 margin: 0 0 8px 0;
1136 padding: 0;
1137 border: none;
1138 box-shadow: none;
1139 background: #fff !important;
1140 color: #5B4E96 !important;
1141 text-decoration: none !important;
1142 border-radius: 8px;
1143 border: 2px solid #5B4E96;
1144 }
1145
1146 .admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card h2 {
1147 margin: 0;
1148 padding: 0;
1149 font-weight: bold;
1150 }
1151
1152 .admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1153 font-weight: bold;
1154 display: block;
1155 padding: 15px 12px;
1156 font-size: 16px;
1157 color: #5B4E96;
1158 width: 100%;
1159 text-align: left;
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: "\f056";
1166 position: absolute;
1167 right: 18px;
1168 top: 12px;
1169 }
1170
1171
1172 .admin-maxwith.qcld-openai-main-box button.btn.btn-link.collapsed:after {
1173 font: normal normal normal 24px / 1 FontAwesome;
1174 content: "\f055";
1175 position: absolute;
1176 right: 18px;
1177 top: 12px;
1178 }
1179
1180
1181
1182
1183 .admin-maxwith.qcld-openai-main-box .btn.active.focus,
1184 .admin-maxwith.qcld-openai-main-box .btn.active:focus,
1185 .admin-maxwith.qcld-openai-main-box .btn.focus,
1186 .admin-maxwith.qcld-openai-main-box .btn:active.focus,
1187 .admin-maxwith.qcld-openai-main-box .btn:active:focus,
1188 .admin-maxwith.qcld-openai-main-box .btn:focus {
1189 outline: 0 auto -webkit-focus-ring-color;
1190 outline-offset: -2px;
1191 }
1192
1193 .admin-maxwith.qcld-openai-main-box .tab-content .card-body {
1194 padding: 15px;
1195 }
1196
1197 .admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
1198 font-size: 15px;
1199 }
1200
1201 .admin-maxwith.qcld-openai-main-box .tab-content {
1202 font-size: 15px;
1203 }
1204
1205 .admin-maxwith.qcld-openai-main-box .tab-content .alert.alert-info {
1206 margin: 15px 0 0 15px;
1207 }
1208
1209
1210 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li a {
1211 padding: 14px 20px;
1212 width: 100%;
1213 font-size: 16px;
1214 font-weight: 500;
1215 color: #988FBD;
1216 border-radius: 8px;
1217 position: relative;
1218 display: flex;
1219 align-items: center;
1220 gap: 15px;
1221 background: #fff;
1222 text-decoration: none;
1223 border: none;
1224 margin: 2px 0;
1225 }
1226
1227 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li.active a,
1228 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li a:hover {
1229 padding: 14px 20px;
1230 width: 100%;
1231 font-size: 16px;
1232 font-weight: 500;
1233 color: #988FBD;
1234 border-radius: 8px;
1235 position: relative;
1236 display: flex;
1237 align-items: center;
1238 gap: 15px;
1239 background: #5B4E96;
1240 color: #ffffff;
1241 text-decoration: none;
1242 border: none;
1243 margin: 2px 0;
1244 }
1245
1246
1247 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]+label,
1248 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]+label {
1249 position: relative;
1250 width: 18px;
1251 height: 18px;
1252 border: 2px solid #5b4e96;
1253 border-radius: 4px;
1254 top: 0;
1255 left: 0;
1256 transform: translate(0%, 0%);
1257 transition: all ease-out 200ms;
1258 text-indent: 28px;
1259 font: normal normal 30px / 60px "Helvetica";
1260 white-space: nowrap;
1261 color: #555;
1262 -webkit-user-select: none;
1263 -moz-user-select: none;
1264 -ms-user-select: none;
1265 user-select: none;
1266 display: flex;
1267 align-items: center;
1268 line-height: 30px;
1269 }
1270
1271 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]+label:after,
1272 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]+label:after {
1273 content: "";
1274 position: absolute;
1275 width: 0px;
1276 height: 8px;
1277 border-bottom: 3px solid #22b573;
1278 border-left: 3px solid #22b573;
1279 top: 25%;
1280 left: 50%;
1281 transform-origin: bottom left;
1282 transform: rotate(-45deg);
1283 opacity: 0;
1284 transition: all ease-out 200ms;
1285 }
1286
1287 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]:checked+label,
1288 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]:checked+label {
1289 border: 2px solid #22b573;
1290 }
1291
1292 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]:checked+label:after,
1293 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]:checked+label:after {
1294 opacity: 1;
1295 width: 22px;
1296 }
1297
1298 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox],
1299 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox] {
1300 display: none;
1301 }
1302
1303 div#wp-chatbot-show-pages-list ul li,
1304 div#wp-chatbot-exclude-post-list ul li {
1305 padding: 4px 0;
1306 }
1307
1308 .qcld-main-wrapper div#headingTwoControl a {
1309 font-weight: bold;
1310 }
1311
1312 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]+label {
1313 position: relative;
1314 width: 18px;
1315 height: 18px;
1316 border: 2px solid #5b4e96;
1317 border-radius: 4px;
1318 top: 0;
1319 left: 0;
1320 transform: translate(0%, 0%);
1321 transition: all ease-out 200ms;
1322 text-indent: 28px;
1323 white-space: nowrap;
1324 color: #555;
1325 -webkit-user-select: none;
1326 -moz-user-select: none;
1327 -ms-user-select: none;
1328 user-select: none;
1329 display: flex;
1330 align-items: center;
1331 margin-bottom: 0;
1332 line-height: 30px;
1333 }
1334
1335 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]+label:after {
1336 content: "";
1337 position: absolute;
1338 width: 0px;
1339 height: 8px;
1340 border-bottom: 3px solid #22b573;
1341 border-left: 3px solid #22b573;
1342 top: 25%;
1343 left: 50%;
1344 transform-origin: bottom left;
1345 transform: rotate(-45deg);
1346 opacity: 0;
1347 transition: all ease-out 200ms;
1348 }
1349
1350 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]:checked+label {
1351 border: 2px solid #22b573;
1352 }
1353
1354 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]:checked+label:after {
1355 opacity: 1;
1356 width: 22px;
1357 }
1358
1359 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox] {
1360 display: none;
1361 }
1362
1363
1364 .qcl-openai div#wp-chatbot-openai-settings .form-check {
1365 margin-bottom: 15px;
1366 border: 1px solid #E5E6F2;
1367 padding: 12px 12px;
1368 border-radius: 8px;
1369 }
1370
1371 .qcl-openai div#wp-chatbot-openai-settings label.form-check-label span {
1372 font-size: 12px;
1373 }
1374
1375 .qcl-openai div#wp-chatbot-openai-settings label.form-check-label span.pro-badge {
1376 font-size: 9px;
1377 font-weight: 400;
1378 color: #ffffff;
1379 background: #5B4E96;
1380 border-radius: 20px;
1381 padding: 2px 8px;
1382 margin-left: 5px;
1383 text-transform: uppercase;
1384 text-indent: initial;
1385 line-height: 16px;
1386 }
1387
1388 .qcl-openai div#wp-chatbot-openai-settings a#save_setting {
1389 margin: 0 0 15px 0;
1390 }
1391
1392 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]+label {
1393 position: relative;
1394 width: 18px;
1395 height: 18px;
1396 border: 2px solid #5b4e96;
1397 border-radius: 4px;
1398 top: 0;
1399 left: 0;
1400 transform: translate(0%, 0%);
1401 transition: all ease-out 200ms;
1402 text-indent: 28px;
1403 white-space: nowrap;
1404 color: #555;
1405 -webkit-user-select: none;
1406 -moz-user-select: none;
1407 -ms-user-select: none;
1408 user-select: none;
1409 display: flex;
1410 align-items: center;
1411 margin-bottom: 0;
1412 line-height: 30px;
1413 }
1414
1415 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]+label:after {
1416 content: "";
1417 position: absolute;
1418 width: 0px;
1419 height: 8px;
1420 border-bottom: 3px solid #22b573;
1421 border-left: 3px solid #22b573;
1422 top: 25%;
1423 left: 50%;
1424 transform-origin: bottom left;
1425 transform: rotate(-45deg);
1426 opacity: 0;
1427 transition: all ease-out 200ms;
1428 }
1429
1430 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label {
1431 border: 2px solid #22b573;
1432 }
1433
1434 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label:after {
1435 opacity: 1;
1436 width: 22px;
1437 }
1438
1439 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox] {
1440 display: none;
1441 }
1442
1443
1444 .qcl-openai div#wp-chatbot-openrouter-settings .form-check {
1445 margin-bottom: 15px;
1446 border: 1px solid #E5E6F2;
1447 padding: 12px 12px;
1448 border-radius: 8px;
1449 }
1450
1451 .qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span {
1452 font-size: 12px;
1453 }
1454
1455 .qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span.pro-badge {
1456 font-size: 9px;
1457 font-weight: 400;
1458 color: #ffffff;
1459 background: #5B4E96;
1460 border-radius: 20px;
1461 padding: 2px 8px;
1462 margin-left: 5px;
1463 text-transform: uppercase;
1464 text-indent: initial;
1465 line-height: 16px;
1466 }
1467
1468 .qcl-openai div#wp-chatbot-openrouter-settings a#save_setting {
1469 margin: 0 0 15px 0;
1470 }
1471
1472 #qcld_save_openrouter_setting {
1473 margin: 0 0 15px 0;
1474 }
1475
1476
1477 div#openrouter-settings .tab-content {
1478 padding: 0 12px 0 12px;
1479 width: 100%;
1480 }
1481
1482 .qcl-openai .accordion {
1483 padding: 0 0 0 15px;
1484 }
1485
1486 .qcl-openai .card-body-openrouter {
1487 padding: 0 15px 0 15px;
1488 }
1489
1490
1491 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container h4 {
1492 width: 396px;
1493 }
1494
1495 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container select {
1496 border-color: #ffffff;
1497 width: 220px;
1498 }
1499
1500
1501 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-openai-training-model .row.my-4 {
1502 font-size: 15px;
1503 display: flex;
1504 width: 100%;
1505 align-items: center;
1506 justify-content: center;
1507 min-height: 420px;
1508 text-align: center;
1509 }
1510
1511 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-data_post_converter .row.my-4 {
1512 font-size: 15px;
1513 display: flex;
1514 width: 100%;
1515 align-items: center;
1516 justify-content: center;
1517 min-height: 420px;
1518 text-align: center;
1519 }
1520
1521 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-img_generator .row.my-4 {
1522 font-size: 15px;
1523 display: flex;
1524 width: 100%;
1525 align-items: center;
1526 justify-content: center;
1527 min-height: 420px;
1528 text-align: center;
1529 }
1530
1531 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-content_writer .row.my-4 {
1532 font-size: 15px;
1533 display: flex;
1534 width: 100%;
1535 align-items: center;
1536 justify-content: center;
1537 min-height: 420px;
1538 text-align: center;
1539 }
1540
1541
1542 .qcld-wrap.swpm-admin-menu-wrap {
1543 display: flex;
1544 margin: 15px 0;
1545 }
1546
1547 .qcld_help_wppt_nav_container {
1548 display: flex;
1549 flex-direction: column;
1550 width: 320px;
1551 background: #fff;
1552 border-radius: 16px;
1553 margin: 0 20px 0 0;
1554 }
1555
1556 .content_qcbot_help_secion {
1557 position: relative;
1558 width: 79%;
1559 display: block;
1560 background: #fff;
1561 border-radius: 16px;
1562 padding: 15px 20px;
1563 }
1564
1565 .qcld_help_wppt_nav_container a {
1566 margin: 2px 10px;
1567 }
1568
1569 .qcld_help_wppt_nav_container a {
1570 margin: 2px 10px;
1571 font-size: 15px;
1572 font-weight: 500;
1573 border: none;
1574 padding: 14px 20px !important;
1575 display: flex;
1576 align-items: center;
1577 gap: 15px;
1578 }
1579
1580 .qcld_help_wppt_nav_container a:hover {
1581 margin: 2px 10px;
1582 font-size: 15px;
1583 font-weight: 500;
1584 border: none;
1585 background: #5b4e96;
1586 color: #fff;
1587 padding: 14px 20px !important;
1588 display: flex;
1589 align-items: center;
1590 gap: 15px;
1591 }
1592
1593 .content_qcbot_help_secion .panel-default>.panel-heading {
1594 color: #333;
1595 background-color: #f5f5f5;
1596 border-color: #5B4E96;
1597 background: #fff !important;
1598 color: #5B4E96 !important;
1599 text-decoration: none !important;
1600 border-radius: 8px;
1601 border: 2px solid #5B4E96;
1602 padding: 0;
1603 }
1604
1605
1606 .content_qcbot_help_secion .panel-default>.panel-heading:hover {
1607 background: #5B4E96 !important;
1608 color: #ffffff !important;
1609 text-decoration: none !important;
1610 border-radius: 8px;
1611 }
1612
1613
1614 .content_qcbot_help_secion .panel-default>.panel-heading:hover a{
1615 color: #ffffff !important;
1616 }
1617 .content_qcbot_help_secion .panel-default {
1618 border-color: #dddddd00;
1619 margin-bottom: 10px;
1620 }
1621
1622 .content_qcbot_help_secion .panel-title a {
1623 padding: 10px 15px;
1624 display: block;
1625 position: relative;
1626 display: block;
1627 padding: 15px 12px;
1628 font-size: 16px;
1629 }
1630
1631 .content_qcbot_help_secion p {
1632 font-size: 15px;
1633 }
1634
1635 .content_qcbot_help_secion .panel-title a.collapsed:after {
1636 font: normal normal normal 24px / 1 FontAwesome;
1637 content: "\f055";
1638 position: absolute;
1639 right: 18px;
1640 top: 12px;
1641 }
1642
1643 .content_qcbot_help_secion .panel-title a:after {
1644 font: normal normal normal 24px / 1 FontAwesome;
1645 content: "\f056";
1646 position: absolute;
1647 right: 18px;
1648 top: 12px;
1649 }
1650
1651
1652 .content_qcbot_help_secion .panel-default>.panel-heading+.panel-collapse>.panel-body {
1653 border-top-color: transparent;
1654 background: linear-gradient(181deg, #ffffff 70%, #e9e4ff 96%);
1655 border-radius: 16px;
1656 border: 1px solid #eee;
1657 margin: 8px 0 0 0;
1658 padding: 20px 15px;
1659 }
1660
1661 .content_qcbot_help_secion .panel {
1662 box-shadow: none;
1663 }
1664
1665 .qcbot_help_secion h3 {
1666 font-size: 16px;
1667 font-weight: bold;
1668 }
1669
1670 .qcbot_help_secion ul li {
1671 list-style: inside;
1672 }
1673
1674 .notice.is-dismissible.qcbot-str-top-notic {
1675 width: 98.7%;
1676 }
1677
1678 .qcld-main-wrapper {
1679 margin: 10px 0px 0 2px !important;
1680 }
1681
1682 .content_qcbot_help_secion .section-container {
1683 display: flex;
1684 gap: 30px;
1685 }
1686
1687 .content-wrap .section-container {
1688 display: flex;
1689 gap: 30px;
1690 }
1691
1692 .wpbot_statistics_area h2 {
1693 font-size: 22px;
1694 font-weight: bold;
1695 }
1696
1697
1698 section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover a {
1699 color: #fff;
1700 }
1701
1702 .qcld-main-wrapper a {
1703 text-decoration: none !important;
1704 }
1705
1706 .admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1707 text-decoration: none;
1708 }
1709
1710 .admin-maxwith.qcld-openai-main-box button.btn.btn-link:hover {
1711 font-weight: bold;
1712 display: block;
1713 padding: 15px 12px;
1714 font-size: 16px;
1715 color: #fff;
1716 background: #5B4E96;
1717 width: 100%;
1718 text-align: left;
1719 }
1720
1721 .content-wrap .qcld-seo-help-feature ul {
1722 background: linear-gradient(178deg, #ffffff 70%, #e9e4ff 96%);
1723 border-radius: 6px;
1724 padding: 5px 8px;
1725 border: 1px solid #eee;
1726 }
1727
1728 .wp-chatbot-tabs nav ul li a {
1729 color: #695d99;
1730 }
1731
1732 .wp-chatbot-tabs nav .cxsc-settings_openai_border a {
1733 color: #695d99;
1734 }
1735
1736
1737 .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab {
1738 float: left;
1739 border: 1px solid #c3c4c7;
1740 border-bottom: 1px;
1741 margin-left: .5em;
1742 font-size: 14px;
1743 line-height: 1.71428571;
1744 font-weight: 600;
1745 background: #ffffff;
1746 color: #5b4e96;
1747 text-decoration: none;
1748 white-space: nowrap;
1749 border: 1px solid #5b4e96;
1750 padding: 14px 20px !important;
1751 line-height: normal !important;
1752 border-radius: 6px;
1753
1754 }
1755
1756 .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab:hover, .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab.nav-tab-active {
1757 float: left;
1758 border: 1px solid #c3c4c7;
1759 border-bottom: 1px;
1760 margin-left: .5em;
1761 font-size: 14px;
1762 line-height: 1.71428571;
1763 font-weight: 600;
1764 background: #5b4e96;
1765 color: #fff;
1766 text-decoration: none;
1767 white-space: nowrap;
1768 border: 1px solid #5b4e96;
1769 padding: 14px 20px !important;
1770 line-height: normal !important;
1771
1772 }
1773
1774 .qcld_label_width_full{
1775 width: 100% !important;
1776 }
1777 .cxsc-settings-blocks-font-resize{
1778 font-size: 14px !important;
1779 }
1780
1781 .qcld_thumbnail_theme_prev label{
1782 width: 100% !important;
1783 position: relative;
1784 text-align: center;
1785 }
1786
1787 button.swal2-confirm.btn.btn-lg.swal2-styled {
1788 padding: 14px 20px;
1789 width: 100%;
1790 font-size: 16px;
1791 font-weight: 500;
1792 color: #988FBD;
1793 border-radius: 8px;
1794 position: relative;
1795 display: flex;
1796 align-items: center;
1797 gap: 15px;
1798 background: #5B4E96;
1799 color: #ffffff;
1800 text-decoration: none;
1801 border-color: #5b4e96 !important;
1802 }
1803
1804
1805
1806
1807
1808
1809
1810
1811
1812 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label {
1813 position: relative;
1814 width: 18px;
1815 height: 18px;
1816 border: 2px solid #5b4e96;
1817 border-radius: 4px;
1818 top: 0;
1819 left: 0;
1820 transform: translate(0%, 0%);
1821 transition: all ease-out 200ms;
1822 text-indent: 28px;
1823 font: normal normal 30px / 60px "Helvetica";
1824 white-space: nowrap;
1825 color: #555;
1826 -webkit-user-select: none;
1827 -moz-user-select: none;
1828 -ms-user-select: none;
1829 user-select: none;
1830 display: flex;
1831 align-items: center;
1832 }
1833
1834 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label:after {
1835 content: "";
1836 position: absolute;
1837 width: 0px;
1838 height: 8px;
1839 border-bottom: 3px solid #22b573;
1840 border-left: 3px solid #22b573;
1841 top: 25%;
1842 left: 50%;
1843 transform-origin: bottom left;
1844 transform: rotate(-45deg);
1845 opacity: 0;
1846 transition: all ease-out 200ms;
1847 }
1848
1849 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label {
1850 border: 2px solid #22b573;
1851 }
1852
1853 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label:after {
1854 opacity: 1;
1855 width: 22px;
1856 }
1857
1858 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox] {
1859 display: none;
1860 }
1861
1862 .cxsc-settings_openai_border {
1863 margin-bottom: 6px;
1864 }
1865
1866 div#wp-chatbot-custom-color-options .top-section .row .cxsc-settings-blocks {
1867 padding-top: 0;
1868 }
1869
1870 div#wp-chatbot-post-converter ul.checkbox-list {
1871 display: flex;
1872 flex-wrap: wrap;
1873 gap: 6px;
1874 }
1875 div#wp-chatbot-post-converter ul.checkbox-list .form-check.form-check-inline {
1876 display: inline-block;
1877 min-width: 290px;
1878 margin: 0;
1879 }
1880
1881
1882
1883 div#wp-chatbot-show-pages-list ul.checkbox-list {
1884 display: flex;
1885 flex-wrap: wrap;
1886 gap: 6px;
1887 }
1888
1889 div#wp-chatbot-exclude-post-list ul.checkbox-list {
1890 display: flex;
1891 flex-wrap: wrap;
1892 gap: 6px;
1893 }
1894
1895
1896 div#wp-chatbot-show-pages-list ul.checkbox-list li{
1897 display: inline-block;
1898 min-width: 310px;
1899 margin: 0;
1900 }
1901
1902 div#wp-chatbot-exclude-post-list ul.checkbox-list li{
1903 display: inline-block;
1904 min-width: 310px;
1905 margin: 0;
1906 }
1907 #rotationloader.fa.fa-spinner
1908 {
1909 display: none;
1910 rotate: initial;
1911 -webkit-animation: rotation 2s infinite linear;
1912 }
1913
1914 .docs_icon {
1915 position: absolute;
1916 top: 0;
1917 bottom: 0;
1918 left: 0;
1919 right: 0;
1920 z-index: 1;
1921 text-align: center;
1922 display: flex;
1923 align-items: center;
1924 justify-content: center;
1925 background: #5b4e968f;
1926 color: #ffffff;
1927 font-size: 60px;
1928 border-radius: 8px;
1929 }
1930 a.qcld-wp-chatbot-wrap--doc_logo {
1931 text-decoration: none !important;
1932 position: relative;
1933 }
1934 .docs_icon i {
1935 background: #5b4e96;
1936 padding: 25px 25px;
1937 border-radius: 50%;
1938 }
1939
1940
1941 /* .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
1942 font-size: 18px;
1943 display: block !important;
1944 } */
1945
1946 .lp-submenu-wpbot_openAi .swal2-actions button {
1947 width: auto !important;
1948 padding: 10px 40px !important;
1949 line-height: normal !important;
1950 }
1951 .lp-submenu-wpbot_openAi .swal2-actions {
1952 display: flex;
1953 }
1954 .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
1955 font-size: 16px !important;
1956 font-weight: 500 !important;
1957 }
1958
1959 .wp-chatbot-wrap hr {
1960 margin-top: 10px;
1961 margin-bottom: 10px;
1962 }
1963
1964
1965 .wp-chatbot-wrap a.nav-tab.sld_click_handle {
1966 margin-right: .5em;
1967 line-height: 1.42857143;
1968 border: 1px solid #5b4e96 !important;
1969 border-radius: 6px !important;
1970 border: 1px solid #5b4e96 !important;
1971 padding: 10px 20px !important;
1972 border-radius: 8px !important;
1973 color: #5b4e96 !important;
1974 font-size: 15px !important;
1975 font-weight: 600;
1976 line-height: normal !important;
1977 background: #fff;
1978 }
1979
1980 .wp-chatbot-wrap a.nav-tab.sld_click_handle:hover, .wp-chatbot-wrap a.nav-tab.sld_click_handle.nav-tab-active{
1981 margin-right: .5em;
1982 line-height: 1.42857143;
1983 border: 1px solid #5b4e96 !important;
1984 border-radius: 6px !important;
1985 border: 1px solid #5b4e96 !important;
1986 padding: 10px 20px !important;
1987 border-radius: 8px !important;
1988 color: #fff !important;
1989 font-size: 15px !important;
1990 font-weight: 600;
1991 line-height: normal !important;
1992 background: #5b4e96;
1993 }
1994
1995
1996
1997
1998
1999
2000
2001
2002 .swal2-actions {
2003 display: flex;
2004 z-index: 1;
2005 box-sizing: border-box;
2006 flex-wrap: wrap;
2007 align-items: center;
2008 justify-content: center;
2009 width: 100%;
2010 margin: 1.25em auto 0;
2011 padding: 0;
2012 }
2013 button.swal2-deny.swal2-styled{
2014 border: 0;
2015 border-radius: .25em;
2016 background: initial;
2017 background-color: #d14529 !important;
2018 color: #fff;
2019 font-size: 1em;
2020 padding: 14px 20px;
2021 width: auto;
2022 font-size: 16px;
2023 font-weight: 500;
2024 color: #988FBD;
2025 border-radius: 8px;
2026 position: relative;
2027 display: flex;
2028 align-items: center;
2029 gap: 15px;
2030 background: #d14529;
2031 color: #ffffff;
2032 text-decoration: none;
2033 border-color: #5b4e96 !important;
2034 }
2035
2036
2037 button.swal2-confirm.btn.btn-lg.swal2-styled {
2038 width: auto !important;
2039 }
2040
2041 .chatbot-wpbot-lite_page_wpbot button.swal2-deny.swal2-styled {
2042 display: none !important;
2043 }
2044 a#qcld_save_openrouter_setting {
2045 background: #5B4E96;
2046 color: #ffffff;
2047 border: none;
2048 padding: 12px 30px;
2049 }
2050
2051 a#save_setting {
2052 background: #5B4E96;
2053 color: #ffffff;
2054 border: none;
2055 padding: 12px 30px;
2056 }
2057
2058 @media (max-width: 1280px) {
2059 .content-wrap {
2060 width: 50% !important;
2061 }
2062
2063 .wp-chatbot-admin-upgrade-pro-sidebar {
2064
2065 width: 24% !important;
2066 }
2067
2068 }
2069
2070 @media (max-width: 992px) {
2071 .wp-chatbot-tabs nav {
2072 width: 100% !important;
2073 margin-right: 0 !important;
2074 }
2075 .content-wrap {
2076 width: 100% !important;
2077 }
2078 .wp-chatbot-admin-upgrade-pro-sidebar {
2079 width: 100% !important;
2080 margin: 0 0 0 0 !important;
2081 }
2082 .wp-chatbot-tabs {
2083 display: flex;
2084 flex-wrap: wrap;
2085 gap: 20px;
2086 }
2087 .admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
2088 display: flex;
2089 flex-wrap: wrap;
2090 }
2091 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
2092 width: 100%;
2093 }
2094 .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2095 padding: 12px 5px !important;
2096 }
2097 label.form-check-label span {
2098 display: none;
2099 }
2100 .qc-review-text img {
2101 width: 100%;
2102 }
2103
2104 .content_qcbot_help_secion {
2105 width: 100% !important;
2106 }
2107 .qcld_help_wppt_nav_container {
2108 width: 100% !important;
2109 }
2110 .qcld-wrap.swpm-admin-menu-wrap {
2111 display: flex
2112 ;
2113 margin: 15px 0;
2114 flex-direction: column;
2115 flex-wrap: wrap;
2116 }
2117 }
2118
2119
2120 @media (max-width: 640px) {
2121 .qcld-wp-chatbot-wrap-header {
2122 display: flex;
2123 column-gap: 15px;
2124 row-gap: 10px;
2125 background: #fff;
2126 padding: 15px 15px;
2127 margin: 20px 20px 20px 0;
2128 border-radius: 16px;
2129 align-items: center;
2130 justify-content: space-between;
2131 flex-direction: column;
2132 }
2133 ul.qcld-wp-chatbot-wrap-version-wrapper {
2134 display: block;
2135 margin: 15px 0 15px 0;
2136 }
2137 .qcld-wp-chatbot-wrap-header-doc {
2138 display: flex
2139 ;
2140 column-gap: 15px;
2141 row-gap: 10px;
2142 background: #fff;
2143 padding: 15px 15px;
2144 margin: 20px 20px 20px 0;
2145 border-radius: 16px;
2146 align-items: center;
2147 justify-content: flex-start;
2148 display: flex
2149 ;
2150 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
2151 border-radius: 16px;
2152 gap: 30px;
2153 flex-direction: column;
2154 }
2155 .qcld-wp-chatbot-wrap-header-doc-details {
2156 width: 100%;
2157 }
2158 .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2159 padding: 12px 25px !important;
2160 }
2161 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
2162 display: inline-block;
2163 width: 100%;
2164 }
2165 }
2166
2167 .swal2-popup.swal2-modal.connection-modal button.swal2-deny.swal2-styled{display: none !important;}
2168 .swal2-popup.swal2-modal.connection-modal .swal2-styled.swal2-confirm {
2169 padding: 14px 20px;
2170 width: auto;
2171 font-size: 16px;
2172 align-items: center;
2173 gap: 15px;
2174 background: #5B4E96;
2175 color: #ffffff;
2176 text-decoration: none;
2177 border-color: #5b4e96 !important;
2178 }
2179
2180 .wrap.qcld-main-wrapper a:focus {
2181 outline: none !important;
2182 outline-offset: 0 !important;
2183 box-shadow: none !important;
2184 }
2185
2186 p.qc-opt-dcs-font-faq {
2187 font-weight: bold;
2188 }
2189
2190
2191 .qcld-general-settings-connection-notic {
2192 background: #eee;
2193 border: 2px solid #5b4e96;
2194 border-radius: 8px;
2195 margin: 0 0 15px 0;
2196 padding: 12px;
2197 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
2198 position: relative;
2199 }
2200 .qcld-general-settings-connection-notic p{
2201 margin: 6px 0 6px 0;
2202 padding: 0;
2203 font-size: 15px;
2204 font-weight: 500;
2205 }
2206
2207
2208 .qcld-general-settings-close {
2209 position: absolute;
2210 top: -10px;
2211 right: 3px;
2212 transition: all 200ms;
2213 font-size: 30px;
2214 font-weight: bold;
2215 text-decoration: none;
2216 color: #5b4e96;
2217 }
2218 .qcld-general-settings-close:hover {
2219 color: orange;
2220 }
2221
2222
2223
2224
2225
2226
2227
2228
2229
2230
2231
2232
2233
2234
2235
2236
2237
2238
2239
2240
2241
2242 #qcld-show-more-wrapper-box {
2243 margin-top: 0;
2244 position:relative;
2245 }
2246 #qcld-show-more-wrapper-box .qcld-show-more-text {
2247 /* width: 660px; */
2248 margin-bottom: 5px;
2249 padding: 0 0;
2250 position:relative;
2251 display: block;
2252 }
2253 #qcld-show-more-wrapper-box .qcld-show-more-show-more {
2254 color: #ffffff;
2255 position: relative;
2256 padding: 60px 0 0 0;
2257 height: 60px;
2258 text-align: center;
2259 background: #f1f1f1;
2260 cursor: pointer;
2261 background: linear-gradient(to bottom, rgb(255 255 255 / 24%) 0%, rgb(188 174 255) 100%);
2262 margin: -39px 0 0 0;
2263 border-radius: 0 0 15px 15px;
2264 z-index: 99999;
2265 font-weight: bold;
2266 }
2267
2268 #qcld-show-more-wrapper-box .qcld-show-more-show-more-height {
2269 height: 190px;
2270 overflow:hidden;
2271 }
2272
2273 #qcld-show-more-wrapper-box .qcld-show-more-show-more i {
2274 display: block;
2275 padding: 6px 0 0 0;
2276 background: #5b4e96;
2277 width: 30px;
2278 height: 30px;
2279 line-height: 30px;
2280 border-radius: 50%;
2281 margin: -15px auto 0 auto;
2282 font-size: 18px !important;
2283 color: #fff;
2284 }
2285
2286 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]+label {
2287 position: relative;
2288 width: 18px;
2289 height: 18px;
2290 border: 2px solid #5b4e96;
2291 border-radius: 4px;
2292 top: 0;
2293 left: 0;
2294 transform: translate(0%, 0%);
2295 transition: all ease-out 200ms;
2296 text-indent: 28px;
2297 white-space: nowrap;
2298 color: #555;
2299 -webkit-user-select: none;
2300 -moz-user-select: none;
2301 -ms-user-select: none;
2302 user-select: none;
2303 display: flex;
2304 align-items: center;
2305 margin-bottom: 0;
2306 line-height: 30px;
2307 }
2308
2309
2310 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]+label:after {
2311 content: "";
2312 position: absolute;
2313 width: 0px;
2314 height: 8px;
2315 border-bottom: 3px solid #22b573;
2316 border-left: 3px solid #22b573;
2317 top: 25%;
2318 left: 50%;
2319 transform-origin: bottom left;
2320 transform: rotate(-45deg);
2321 opacity: 0;
2322 transition: all ease-out 200ms;
2323 }
2324
2325 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label {
2326 border: 2px solid #22b573;
2327 }
2328
2329 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label:after {
2330 opacity: 1;
2331 width: 22px;
2332 }
2333
2334 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox] {
2335 display: none;
2336 }
2337
2338
2339 .qcl-openai div#wp-chatbot-gemini-settings .form-check {
2340 margin-bottom: 15px;
2341 border: 1px solid #E5E6F2;
2342 padding: 12px 12px;
2343 border-radius: 8px;
2344 }
2345
2346 .qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span {
2347 font-size: 12px;
2348 }
2349
2350 .qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span.pro-badge {
2351 font-size: 9px;
2352 font-weight: 400;
2353 color: #ffffff;
2354 background: #5B4E96;
2355 border-radius: 20px;
2356 padding: 2px 8px;
2357 margin-left: 5px;
2358 text-transform: uppercase;
2359 text-indent: initial;
2360 line-height: 16px;
2361 }
2362
2363 .qcl-openai div#wp-chatbot-gemini-settings a#save_setting {
2364 margin: 0 0 15px 0;
2365 }
2366
2367
2368
2369 span.qcls_openAI_customized {
2370 background: yellow;
2371 }
2372 .admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
2373 font-size: 16px;
2374 line-height: 28px;
2375 }
2376 textarea#qcld_openai_system_content {
2377 height: 120px;
2378 line-height: 28px;
2379 }
2380 .qcld-main-wrapper .alert.alert-warning {
2381 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96% 96%);
2382 border-radius: 6px;
2383 color: #721c24;
2384 background: #f8d7da;
2385 border-color: #f5c6cb;
2386 font-weight: bold;
2387 }
2388 .qcld-wpbot-pricing-filter-form-check {
2389 display: flex;
2390 gap: 10px;
2391 }
2392
2393 .qcld-dialogflow-enable-notice {
2394 padding: 15px 0 15px 0;
2395 color: red;
2396 font-weight: bold;
2397 }
2398
2399 div#panelsStayOpen-collapseseven pre {
2400 max-width: 1200px;
2401 }