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

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

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