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

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

2,391 lines 49.9 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.collapsed: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: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 .admin-maxwith.qcld-openai-main-box .btn.active.focus,
1182 .admin-maxwith.qcld-openai-main-box .btn.active:focus,
1183 .admin-maxwith.qcld-openai-main-box .btn.focus,
1184 .admin-maxwith.qcld-openai-main-box .btn:active.focus,
1185 .admin-maxwith.qcld-openai-main-box .btn:active:focus,
1186 .admin-maxwith.qcld-openai-main-box .btn:focus {
1187 outline: 0 auto -webkit-focus-ring-color;
1188 outline-offset: -2px;
1189 }
1190
1191 .admin-maxwith.qcld-openai-main-box .tab-content .card-body {
1192 padding: 15px;
1193 }
1194
1195 .admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
1196 font-size: 15px;
1197 }
1198
1199 .admin-maxwith.qcld-openai-main-box .tab-content {
1200 font-size: 15px;
1201 }
1202
1203 .admin-maxwith.qcld-openai-main-box .tab-content .alert.alert-info {
1204 margin: 15px 0 0 15px;
1205 }
1206
1207
1208 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li a {
1209 padding: 14px 20px;
1210 width: 100%;
1211 font-size: 16px;
1212 font-weight: 500;
1213 color: #988FBD;
1214 border-radius: 8px;
1215 position: relative;
1216 display: flex;
1217 align-items: center;
1218 gap: 15px;
1219 background: #fff;
1220 text-decoration: none;
1221 border: none;
1222 margin: 2px 0;
1223 }
1224
1225 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li.active a,
1226 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li a:hover {
1227 padding: 14px 20px;
1228 width: 100%;
1229 font-size: 16px;
1230 font-weight: 500;
1231 color: #988FBD;
1232 border-radius: 8px;
1233 position: relative;
1234 display: flex;
1235 align-items: center;
1236 gap: 15px;
1237 background: #5B4E96;
1238 color: #ffffff;
1239 text-decoration: none;
1240 border: none;
1241 margin: 2px 0;
1242 }
1243
1244
1245 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]+label,
1246 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]+label {
1247 position: relative;
1248 width: 18px;
1249 height: 18px;
1250 border: 2px solid #5b4e96;
1251 border-radius: 4px;
1252 top: 0;
1253 left: 0;
1254 transform: translate(0%, 0%);
1255 transition: all ease-out 200ms;
1256 text-indent: 28px;
1257 font: normal normal 30px / 60px "Helvetica";
1258 white-space: nowrap;
1259 color: #555;
1260 -webkit-user-select: none;
1261 -moz-user-select: none;
1262 -ms-user-select: none;
1263 user-select: none;
1264 display: flex;
1265 align-items: center;
1266 line-height: 30px;
1267 }
1268
1269 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]+label:after,
1270 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]+label:after {
1271 content: "";
1272 position: absolute;
1273 width: 0px;
1274 height: 8px;
1275 border-bottom: 3px solid #22b573;
1276 border-left: 3px solid #22b573;
1277 top: 25%;
1278 left: 50%;
1279 transform-origin: bottom left;
1280 transform: rotate(-45deg);
1281 opacity: 0;
1282 transition: all ease-out 200ms;
1283 }
1284
1285 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]:checked+label,
1286 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]:checked+label {
1287 border: 2px solid #22b573;
1288 }
1289
1290 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]:checked+label:after,
1291 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]:checked+label:after {
1292 opacity: 1;
1293 width: 22px;
1294 }
1295
1296 .wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox],
1297 .wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox] {
1298 display: none;
1299 }
1300
1301 div#wp-chatbot-show-pages-list ul li,
1302 div#wp-chatbot-exclude-post-list ul li {
1303 padding: 4px 0;
1304 }
1305
1306 .qcld-main-wrapper div#headingTwoControl a {
1307 font-weight: bold;
1308 }
1309
1310 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]+label {
1311 position: relative;
1312 width: 18px;
1313 height: 18px;
1314 border: 2px solid #5b4e96;
1315 border-radius: 4px;
1316 top: 0;
1317 left: 0;
1318 transform: translate(0%, 0%);
1319 transition: all ease-out 200ms;
1320 text-indent: 28px;
1321 white-space: nowrap;
1322 color: #555;
1323 -webkit-user-select: none;
1324 -moz-user-select: none;
1325 -ms-user-select: none;
1326 user-select: none;
1327 display: flex;
1328 align-items: center;
1329 margin-bottom: 0;
1330 line-height: 30px;
1331 }
1332
1333 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]+label:after {
1334 content: "";
1335 position: absolute;
1336 width: 0px;
1337 height: 8px;
1338 border-bottom: 3px solid #22b573;
1339 border-left: 3px solid #22b573;
1340 top: 25%;
1341 left: 50%;
1342 transform-origin: bottom left;
1343 transform: rotate(-45deg);
1344 opacity: 0;
1345 transition: all ease-out 200ms;
1346 }
1347
1348 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]:checked+label {
1349 border: 2px solid #22b573;
1350 }
1351
1352 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]:checked+label:after {
1353 opacity: 1;
1354 width: 22px;
1355 }
1356
1357 .qcl-openai div#wp-chatbot-openai-settings input[type=checkbox] {
1358 display: none;
1359 }
1360
1361
1362 .qcl-openai div#wp-chatbot-openai-settings .form-check {
1363 margin-bottom: 15px;
1364 border: 1px solid #E5E6F2;
1365 padding: 12px 12px;
1366 border-radius: 8px;
1367 }
1368
1369 .qcl-openai div#wp-chatbot-openai-settings label.form-check-label span {
1370 font-size: 12px;
1371 }
1372
1373 .qcl-openai div#wp-chatbot-openai-settings label.form-check-label span.pro-badge {
1374 font-size: 9px;
1375 font-weight: 400;
1376 color: #ffffff;
1377 background: #5B4E96;
1378 border-radius: 20px;
1379 padding: 2px 8px;
1380 margin-left: 5px;
1381 text-transform: uppercase;
1382 text-indent: initial;
1383 line-height: 16px;
1384 }
1385
1386 .qcl-openai div#wp-chatbot-openai-settings a#save_setting {
1387 margin: 0 0 15px 0;
1388 }
1389
1390 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]+label {
1391 position: relative;
1392 width: 18px;
1393 height: 18px;
1394 border: 2px solid #5b4e96;
1395 border-radius: 4px;
1396 top: 0;
1397 left: 0;
1398 transform: translate(0%, 0%);
1399 transition: all ease-out 200ms;
1400 text-indent: 28px;
1401 white-space: nowrap;
1402 color: #555;
1403 -webkit-user-select: none;
1404 -moz-user-select: none;
1405 -ms-user-select: none;
1406 user-select: none;
1407 display: flex;
1408 align-items: center;
1409 margin-bottom: 0;
1410 line-height: 30px;
1411 }
1412
1413 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]+label:after {
1414 content: "";
1415 position: absolute;
1416 width: 0px;
1417 height: 8px;
1418 border-bottom: 3px solid #22b573;
1419 border-left: 3px solid #22b573;
1420 top: 25%;
1421 left: 50%;
1422 transform-origin: bottom left;
1423 transform: rotate(-45deg);
1424 opacity: 0;
1425 transition: all ease-out 200ms;
1426 }
1427
1428 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label {
1429 border: 2px solid #22b573;
1430 }
1431
1432 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label:after {
1433 opacity: 1;
1434 width: 22px;
1435 }
1436
1437 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox] {
1438 display: none;
1439 }
1440
1441
1442 .qcl-openai div#wp-chatbot-openrouter-settings .form-check {
1443 margin-bottom: 15px;
1444 border: 1px solid #E5E6F2;
1445 padding: 12px 12px;
1446 border-radius: 8px;
1447 }
1448
1449 .qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span {
1450 font-size: 12px;
1451 }
1452
1453 .qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span.pro-badge {
1454 font-size: 9px;
1455 font-weight: 400;
1456 color: #ffffff;
1457 background: #5B4E96;
1458 border-radius: 20px;
1459 padding: 2px 8px;
1460 margin-left: 5px;
1461 text-transform: uppercase;
1462 text-indent: initial;
1463 line-height: 16px;
1464 }
1465
1466 .qcl-openai div#wp-chatbot-openrouter-settings a#save_setting {
1467 margin: 0 0 15px 0;
1468 }
1469
1470 #qcld_save_openrouter_setting {
1471 margin: 0 0 15px 0;
1472 }
1473
1474
1475 div#openrouter-settings .tab-content {
1476 padding: 0 12px 0 12px;
1477 width: 100%;
1478 }
1479
1480 .qcl-openai .accordion {
1481 padding: 0 0 0 15px;
1482 }
1483
1484 .qcl-openai .card-body-openrouter {
1485 padding: 0 15px 0 15px;
1486 }
1487
1488
1489 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container h4 {
1490 width: 396px;
1491 }
1492
1493 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container select {
1494 border-color: #ffffff;
1495 width: 220px;
1496 }
1497
1498
1499 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-openai-training-model .row.my-4 {
1500 font-size: 15px;
1501 display: flex;
1502 width: 100%;
1503 align-items: center;
1504 justify-content: center;
1505 min-height: 420px;
1506 text-align: center;
1507 }
1508
1509 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-data_post_converter .row.my-4 {
1510 font-size: 15px;
1511 display: flex;
1512 width: 100%;
1513 align-items: center;
1514 justify-content: center;
1515 min-height: 420px;
1516 text-align: center;
1517 }
1518
1519 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-img_generator .row.my-4 {
1520 font-size: 15px;
1521 display: flex;
1522 width: 100%;
1523 align-items: center;
1524 justify-content: center;
1525 min-height: 420px;
1526 text-align: center;
1527 }
1528
1529 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-content_writer .row.my-4 {
1530 font-size: 15px;
1531 display: flex;
1532 width: 100%;
1533 align-items: center;
1534 justify-content: center;
1535 min-height: 420px;
1536 text-align: center;
1537 }
1538
1539
1540 .qcld-wrap.swpm-admin-menu-wrap {
1541 display: flex;
1542 margin: 15px 0;
1543 }
1544
1545 .qcld_help_wppt_nav_container {
1546 display: flex;
1547 flex-direction: column;
1548 width: 320px;
1549 background: #fff;
1550 border-radius: 16px;
1551 margin: 0 20px 0 0;
1552 }
1553
1554 .content_qcbot_help_secion {
1555 position: relative;
1556 width: 79%;
1557 display: block;
1558 background: #fff;
1559 border-radius: 16px;
1560 padding: 15px 20px;
1561 }
1562
1563 .qcld_help_wppt_nav_container a {
1564 margin: 2px 10px;
1565 }
1566
1567 .qcld_help_wppt_nav_container a {
1568 margin: 2px 10px;
1569 font-size: 15px;
1570 font-weight: 500;
1571 border: none;
1572 padding: 14px 20px !important;
1573 display: flex;
1574 align-items: center;
1575 gap: 15px;
1576 }
1577
1578 .qcld_help_wppt_nav_container a:hover {
1579 margin: 2px 10px;
1580 font-size: 15px;
1581 font-weight: 500;
1582 border: none;
1583 background: #5b4e96;
1584 color: #fff;
1585 padding: 14px 20px !important;
1586 display: flex;
1587 align-items: center;
1588 gap: 15px;
1589 }
1590
1591 .content_qcbot_help_secion .panel-default>.panel-heading {
1592 color: #333;
1593 background-color: #f5f5f5;
1594 border-color: #5B4E96;
1595 background: #fff !important;
1596 color: #5B4E96 !important;
1597 text-decoration: none !important;
1598 border-radius: 8px;
1599 border: 2px solid #5B4E96;
1600 padding: 0;
1601 }
1602
1603
1604 .content_qcbot_help_secion .panel-default>.panel-heading:hover {
1605 background: #5B4E96 !important;
1606 color: #ffffff !important;
1607 text-decoration: none !important;
1608 border-radius: 8px;
1609 }
1610
1611
1612 .content_qcbot_help_secion .panel-default>.panel-heading:hover a{
1613 color: #ffffff !important;
1614 }
1615 .content_qcbot_help_secion .panel-default {
1616 border-color: #dddddd00;
1617 margin-bottom: 10px;
1618 }
1619
1620 .content_qcbot_help_secion .panel-title a {
1621 padding: 10px 15px;
1622 display: block;
1623 position: relative;
1624 display: block;
1625 padding: 15px 12px;
1626 font-size: 16px;
1627 }
1628
1629 .content_qcbot_help_secion p {
1630 font-size: 15px;
1631 }
1632
1633 .content_qcbot_help_secion .panel-title a.collapsed:after {
1634 font: normal normal normal 24px / 1 FontAwesome;
1635 content: "\f055";
1636 position: absolute;
1637 right: 18px;
1638 top: 12px;
1639 }
1640
1641 .content_qcbot_help_secion .panel-title a:after {
1642 font: normal normal normal 24px / 1 FontAwesome;
1643 content: "\f056";
1644 position: absolute;
1645 right: 18px;
1646 top: 12px;
1647 }
1648
1649
1650 .content_qcbot_help_secion .panel-default>.panel-heading+.panel-collapse>.panel-body {
1651 border-top-color: transparent;
1652 background: linear-gradient(181deg, #ffffff 70%, #e9e4ff 96%);
1653 border-radius: 16px;
1654 border: 1px solid #eee;
1655 margin: 8px 0 0 0;
1656 padding: 20px 15px;
1657 }
1658
1659 .content_qcbot_help_secion .panel {
1660 box-shadow: none;
1661 }
1662
1663 .qcbot_help_secion h3 {
1664 font-size: 16px;
1665 font-weight: bold;
1666 }
1667
1668 .qcbot_help_secion ul li {
1669 list-style: inside;
1670 }
1671
1672 .notice.is-dismissible.qcbot-str-top-notic {
1673 width: 98.7%;
1674 }
1675
1676 .qcld-main-wrapper {
1677 margin: 10px 0px 0 2px !important;
1678 }
1679
1680 .content_qcbot_help_secion .section-container {
1681 display: flex;
1682 gap: 30px;
1683 }
1684
1685 .content-wrap .section-container {
1686 display: flex;
1687 gap: 30px;
1688 }
1689
1690 .wpbot_statistics_area h2 {
1691 font-size: 22px;
1692 font-weight: bold;
1693 }
1694
1695
1696 section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover a {
1697 color: #fff;
1698 }
1699
1700 .qcld-main-wrapper a {
1701 text-decoration: none !important;
1702 }
1703
1704 .admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1705 text-decoration: none;
1706 }
1707
1708 .admin-maxwith.qcld-openai-main-box button.btn.btn-link:hover {
1709 font-weight: bold;
1710 display: block;
1711 padding: 15px 12px;
1712 font-size: 16px;
1713 color: #fff;
1714 background: #5B4E96;
1715 width: 100%;
1716 text-align: left;
1717 }
1718
1719 .content-wrap .qcld-seo-help-feature ul {
1720 background: linear-gradient(178deg, #ffffff 70%, #e9e4ff 96%);
1721 border-radius: 6px;
1722 padding: 5px 8px;
1723 border: 1px solid #eee;
1724 }
1725
1726 .wp-chatbot-tabs nav ul li a {
1727 color: #695d99;
1728 }
1729
1730 .wp-chatbot-tabs nav .cxsc-settings_openai_border a {
1731 color: #695d99;
1732 }
1733
1734
1735 .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab {
1736 float: left;
1737 border: 1px solid #c3c4c7;
1738 border-bottom: 1px;
1739 margin-left: .5em;
1740 font-size: 14px;
1741 line-height: 1.71428571;
1742 font-weight: 600;
1743 background: #ffffff;
1744 color: #5b4e96;
1745 text-decoration: none;
1746 white-space: nowrap;
1747 border: 1px solid #5b4e96;
1748 padding: 14px 20px !important;
1749 line-height: normal !important;
1750 border-radius: 6px;
1751
1752 }
1753
1754 .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab:hover, .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab.nav-tab-active {
1755 float: left;
1756 border: 1px solid #c3c4c7;
1757 border-bottom: 1px;
1758 margin-left: .5em;
1759 font-size: 14px;
1760 line-height: 1.71428571;
1761 font-weight: 600;
1762 background: #5b4e96;
1763 color: #fff;
1764 text-decoration: none;
1765 white-space: nowrap;
1766 border: 1px solid #5b4e96;
1767 padding: 14px 20px !important;
1768 line-height: normal !important;
1769
1770 }
1771
1772 .qcld_label_width_full{
1773 width: 100% !important;
1774 }
1775 .cxsc-settings-blocks-font-resize{
1776 font-size: 14px !important;
1777 }
1778
1779 .qcld_thumbnail_theme_prev label{
1780 width: 100% !important;
1781 position: relative;
1782 text-align: center;
1783 }
1784
1785 button.swal2-confirm.btn.btn-lg.swal2-styled {
1786 padding: 14px 20px;
1787 width: 100%;
1788 font-size: 16px;
1789 font-weight: 500;
1790 color: #988FBD;
1791 border-radius: 8px;
1792 position: relative;
1793 display: flex;
1794 align-items: center;
1795 gap: 15px;
1796 background: #5B4E96;
1797 color: #ffffff;
1798 text-decoration: none;
1799 border-color: #5b4e96 !important;
1800 }
1801
1802
1803
1804
1805
1806
1807
1808
1809
1810 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label {
1811 position: relative;
1812 width: 18px;
1813 height: 18px;
1814 border: 2px solid #5b4e96;
1815 border-radius: 4px;
1816 top: 0;
1817 left: 0;
1818 transform: translate(0%, 0%);
1819 transition: all ease-out 200ms;
1820 text-indent: 28px;
1821 font: normal normal 30px / 60px "Helvetica";
1822 white-space: nowrap;
1823 color: #555;
1824 -webkit-user-select: none;
1825 -moz-user-select: none;
1826 -ms-user-select: none;
1827 user-select: none;
1828 display: flex;
1829 align-items: center;
1830 }
1831
1832 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label:after {
1833 content: "";
1834 position: absolute;
1835 width: 0px;
1836 height: 8px;
1837 border-bottom: 3px solid #22b573;
1838 border-left: 3px solid #22b573;
1839 top: 25%;
1840 left: 50%;
1841 transform-origin: bottom left;
1842 transform: rotate(-45deg);
1843 opacity: 0;
1844 transition: all ease-out 200ms;
1845 }
1846
1847 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label {
1848 border: 2px solid #22b573;
1849 }
1850
1851 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label:after {
1852 opacity: 1;
1853 width: 22px;
1854 }
1855
1856 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox] {
1857 display: none;
1858 }
1859
1860 .cxsc-settings_openai_border {
1861 margin-bottom: 6px;
1862 }
1863
1864 div#wp-chatbot-custom-color-options .top-section .row .cxsc-settings-blocks {
1865 padding-top: 0;
1866 }
1867
1868 div#wp-chatbot-post-converter ul.checkbox-list {
1869 display: flex;
1870 flex-wrap: wrap;
1871 gap: 6px;
1872 }
1873 div#wp-chatbot-post-converter ul.checkbox-list .form-check.form-check-inline {
1874 display: inline-block;
1875 min-width: 290px;
1876 margin: 0;
1877 }
1878
1879
1880
1881 div#wp-chatbot-show-pages-list ul.checkbox-list {
1882 display: flex;
1883 flex-wrap: wrap;
1884 gap: 6px;
1885 }
1886
1887 div#wp-chatbot-exclude-post-list ul.checkbox-list {
1888 display: flex;
1889 flex-wrap: wrap;
1890 gap: 6px;
1891 }
1892
1893
1894 div#wp-chatbot-show-pages-list ul.checkbox-list li{
1895 display: inline-block;
1896 min-width: 310px;
1897 margin: 0;
1898 }
1899
1900 div#wp-chatbot-exclude-post-list ul.checkbox-list li{
1901 display: inline-block;
1902 min-width: 310px;
1903 margin: 0;
1904 }
1905 #rotationloader.fa.fa-spinner
1906 {
1907 display: none;
1908 rotate: initial;
1909 -webkit-animation: rotation 2s infinite linear;
1910 }
1911
1912 .docs_icon {
1913 position: absolute;
1914 top: 0;
1915 bottom: 0;
1916 left: 0;
1917 right: 0;
1918 z-index: 1;
1919 text-align: center;
1920 display: flex;
1921 align-items: center;
1922 justify-content: center;
1923 background: #5b4e968f;
1924 color: #ffffff;
1925 font-size: 60px;
1926 border-radius: 8px;
1927 }
1928 a.qcld-wp-chatbot-wrap--doc_logo {
1929 text-decoration: none !important;
1930 position: relative;
1931 }
1932 .docs_icon i {
1933 background: #5b4e96;
1934 padding: 25px 25px;
1935 border-radius: 50%;
1936 }
1937
1938
1939 .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
1940 font-size: 18px;
1941 display: block !important;
1942 }
1943
1944 .lp-submenu-wpbot_openAi .swal2-actions button {
1945 width: auto !important;
1946 padding: 10px 40px !important;
1947 line-height: normal !important;
1948 }
1949 .lp-submenu-wpbot_openAi .swal2-actions {
1950 display: flex;
1951 }
1952 .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
1953 font-size: 16px !important;
1954 font-weight: 500 !important;
1955 }
1956
1957 .wp-chatbot-wrap hr {
1958 margin-top: 10px;
1959 margin-bottom: 10px;
1960 }
1961
1962
1963 .wp-chatbot-wrap a.nav-tab.sld_click_handle {
1964 margin-right: .5em;
1965 line-height: 1.42857143;
1966 border: 1px solid #5b4e96 !important;
1967 border-radius: 6px !important;
1968 border: 1px solid #5b4e96 !important;
1969 padding: 10px 20px !important;
1970 border-radius: 8px !important;
1971 color: #5b4e96 !important;
1972 font-size: 15px !important;
1973 font-weight: 600;
1974 line-height: normal !important;
1975 background: #fff;
1976 }
1977
1978 .wp-chatbot-wrap a.nav-tab.sld_click_handle:hover, .wp-chatbot-wrap a.nav-tab.sld_click_handle.nav-tab-active{
1979 margin-right: .5em;
1980 line-height: 1.42857143;
1981 border: 1px solid #5b4e96 !important;
1982 border-radius: 6px !important;
1983 border: 1px solid #5b4e96 !important;
1984 padding: 10px 20px !important;
1985 border-radius: 8px !important;
1986 color: #fff !important;
1987 font-size: 15px !important;
1988 font-weight: 600;
1989 line-height: normal !important;
1990 background: #5b4e96;
1991 }
1992
1993
1994
1995
1996
1997
1998
1999
2000 .swal2-actions {
2001 display: flex;
2002 z-index: 1;
2003 box-sizing: border-box;
2004 flex-wrap: wrap;
2005 align-items: center;
2006 justify-content: center;
2007 width: 100%;
2008 margin: 1.25em auto 0;
2009 padding: 0;
2010 }
2011 button.swal2-deny.swal2-styled{
2012 border: 0;
2013 border-radius: .25em;
2014 background: initial;
2015 background-color: #d14529 !important;
2016 color: #fff;
2017 font-size: 1em;
2018 padding: 14px 20px;
2019 width: auto;
2020 font-size: 16px;
2021 font-weight: 500;
2022 color: #988FBD;
2023 border-radius: 8px;
2024 position: relative;
2025 display: flex;
2026 align-items: center;
2027 gap: 15px;
2028 background: #d14529;
2029 color: #ffffff;
2030 text-decoration: none;
2031 border-color: #5b4e96 !important;
2032 }
2033 button.swal2-deny.swal2-styled {
2034 display: block !important;
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 }