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

2,510 lines 52.3 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 15px;
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 15px;
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: "\f12a";
503 font-family: dashicons;
504
505 border-radius: 0;
506 width: 100%;
507 height: 100%;
508 margin: 0;
509 background-color: #5b4e96bd !important;
510 line-height: 1.14285714;
511 position: absolute;
512 top: 0;
513 left: 0;
514 right: 0;
515 border-radius: 16px;
516 z-index: 999;
517 color: #45d72d;
518 display: flex;
519 align-items: flex-start;
520 justify-content: flex-end;
521 font-size: 32px;
522 padding: 0 4px;
523 border: 4px solid transparent;
524
525 }
526
527 div#wp-chatbot-icon-theme-settings input[type=radio] {
528 background: transparent;
529 border: none;
530 box-shadow: none;
531 }
532
533 .wpbot_dashboard_header {
534 display: flex;
535 column-gap: 15px;
536 row-gap: 10px;
537 background: #fff;
538 padding: 22px 15px;
539 margin: 20px 0 20px 0;
540 border-radius: 16px;
541 align-items: center;
542 justify-content: space-between;
543 }
544
545 .wpbot_dashboard_header h1 {
546 margin: 0;
547 padding: 0;
548 font-size: 22px;
549 font-weight: bold;
550 }
551
552 .wpbot_dashboard_header p {
553 margin: 0;
554 padding: 0;
555 }
556
557 .wpbot_single_addon_wrapper {
558 display: flex;
559 flex-wrap: wrap;
560 }
561
562 .wpbot_single_addon_wrapper .wpbot_single_addon {
563 border-radius: 16px;
564 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
565 padding: 8px;
566 text-align: center;
567 width: 266px;
568 margin: 8px 8px;
569 }
570
571 .wpbot_single_addon_wrapper .wpbot_single_addon img {
572 max-width: 120px;
573 }
574
575 .wpbot_single_addon_wrapper .wpbot_single_addon .wpbot_single_content {
576 background: #fff;
577 border-radius: 12px;
578 background: white;
579 padding: 15px;
580 min-height: 288px;
581 background: linear-gradient(174deg, #ffffff 70%, #e9e4ff 96%);
582 }
583
584 .wpbot_addon_title {
585 font-weight: bold;
586 font-size: 17px;
587 padding: 8px 0;
588 }
589
590 .qcld-main-wrapper span.wp_addon_notinstalled {
591 background: #fee3e2;
592 color: #202020;
593 padding: 3px 10px;
594 border-radius: 6px;
595 border: none;
596 margin: 0 0 10px 0;
597 display: inline-block;
598 font-weight: bold;
599 font-size: 13px;
600 }
601
602 .qcld-main-wrapper span.wp_addon_installed {
603 background: green;
604 color: #fff;
605 padding: 3px 10px;
606 border-radius: 6px;
607 border: none;
608 margin: 0 0 10px 0;
609 display: inline-block;
610 font-weight: bold;
611 font-size: 13px;
612 }
613
614 .wpbot_addon_image img {
615 height: 98px;
616 object-fit: cover;
617 }
618
619 .wpbot_single_addon a.button.button-secondary {
620 background: #5B4E96;
621 color: #ffffff;
622 text-decoration: none;
623 border: 1px solid #5B4E96;
624 }
625
626 .wp-chatbot-wrap .wpbot_single_addon p {
627 font-size: 14px;
628 height: 48px;
629 }
630
631 .wpbot_statistics_area {
632 border-radius: 16px;
633 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
634 padding: 8px;
635 text-align: center;
636 }
637
638
639 .qcld-main-wrapper ul.radio-list li label {
640 width: 100%;
641 margin: 0 auto;
642 display: flex;
643 flex-direction: column;
644 align-items: center;
645 }
646
647
648 section.wp-chatbot-tab-container-inner h4.panel-title a {
649 position: relative;
650 }
651
652 section.wp-chatbot-tab-container-inner h4.panel-title a.collapsed:after {
653 content: "\f10f";
654 font-family: dashicons;
655 position: absolute;
656 right: 18px;
657 top: 12px;
658 font-size: 25px;
659 font-weight: normal;
660 }
661
662 section.wp-chatbot-tab-container-inner h4.panel-title a:after {
663 content: "\f14f";
664 font-family: dashicons;
665 position: absolute;
666 right: 18px;
667 top: 12px;
668 font-size: 25px;
669 font-weight: normal;
670 }
671
672 .wpbot_single_addon_wrapper .wpbot_single_addon .wpbot_single_content:hover {
673 background: linear-gradient(1deg, #ffffff 70%, #e9e4ff 96%);
674 }
675
676 a.wp-chatbot-admin-pro-upgrade-button {
677 font-size: 15px;
678 }
679
680 a.wp-chatbot-admin-pro-upgrade-button:hover {
681 color: #fff;
682 background-color: #f0ad4e;
683 }
684
685
686 .qcld-wp-chatbot-wrap-header-doc {
687 display: flex;
688 column-gap: 15px;
689 row-gap: 10px;
690 background: #fff;
691 padding: 15px 15px;
692 margin: 20px 20px 20px 0;
693 border-radius: 16px;
694 align-items: center;
695 justify-content: flex-start;
696 display: flex;
697 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
698 border-radius: 16px;
699 gap: 30px;
700 }
701
702 .qcld-wp-chatbot-wrap-header-doc img {
703 max-width: 480px;
704 height: 250px;
705 object-fit: cover;
706 border-radius: 8px;
707 }
708
709
710 .qcld-wp-chatbot-wrap-header-doc-details a {
711 border: 2px solid #5b4e96;
712 background: #fff;
713 color: #5b4e96;
714 padding: 8px 20px;
715 border-radius: 8px;
716 display: inline-block;
717 margin: 4px 0 0 0;
718 }
719
720 .qcld-wp-chatbot-wrap-header-doc-details a:hover {
721 border: 2px solid #5b4e96;
722 background: #5b4e96;
723 color: #fff;
724 padding: 8px 20px;
725 border-radius: 8px;
726 display: inline-block;
727 margin: 4px 0 0 0;
728 text-decoration: none;
729 }
730
731
732 .qcld-wp-chatbot-wrap-header-doc-details {
733 width: 42%;
734 }
735
736 .qcld-wp-chatbot-wrap-header-doc-details h3 {
737 font-weight: bold;
738 }
739
740 .qcld-wp-chatbot-wrap-header-doc-details p {
741 font-size: 15px;
742 }
743
744
745 .qcld-goPreemium a {
746 display: block;
747 display: flex !important;
748 align-items: center;
749 gap: 8px;
750 background: #EEEDF4;
751 padding: 10px 25px !important;
752 border-radius: 8px;
753 width: 100%;
754 justify-content: center;
755 color: #000 !important;
756 font-weight: bold;
757 font-size: 16px !important;
758 }
759
760 .qcld-goPreemium a:hover {
761 display: block;
762 display: flex !important;
763 align-items: center;
764 gap: 8px;
765 background: #5B4E96;
766 padding: 10px 25px !important;
767 border-radius: 8px;
768 width: 100%;
769 justify-content: center;
770 color: #fff !important;
771 font-weight: bold;
772 font-size: 16px !important;
773 text-decoration: none;
774 }
775
776
777 .qcld-Resetall input {
778 display: block;
779 width: 100%;
780 margin: 5px 0 0 0;
781 padding: 12px 0;
782 font-size: 16px;
783 border: 2px solid #f0ad4e;
784 background: #fff;
785 color: #f0ad4e;
786 border-radius: 8px;
787 }
788
789 .qcld-Resetall input:hover {
790 display: block;
791 width: 100%;
792 margin: 8px 0 0 0;
793 padding: 12px 0;
794 font-size: 16px;
795 border: 2px solid #f0ad4e;
796 background: #f0ad4e;
797 color: #fff;
798 border-radius: 8px;
799 }
800
801 .qcld-main-wrapper .alert.alert-warning {
802 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96% 96%);
803 border-radius: 6px;
804 }
805
806 .wp-chatbot-wrap button.btn.btn-primary {
807 padding: 14px 20px;
808 width: auto;
809 font-size: 16px;
810 font-weight: 500;
811 color: #988FBD;
812 border-radius: 8px;
813 position: relative;
814 display: inline-block;
815 align-items: center;
816 gap: 15px;
817 background: #5B4E96;
818 color: #ffffff;
819 text-decoration: none;
820 }
821
822 .qcld-main-wrapper h4.qc-opt-dcs {
823 font-size: 18px !important;
824 font-weight: bold !important;
825 padding: 12px 0 12px 0 !important;
826 }
827
828 .cxsc-settings-blocks-addon {
829 font-size: 16px;
830 padding: 6px 0 10px 0;
831 font-weight: bold;
832 }
833
834
835 .qcld-main-wrapper .qcld-seo-help-feature {
836 clear: both;
837 }
838
839 .qcld-main-wrapper .qcld-seo-help-feature H3 {
840 font-weight: bold;
841 font-size: 20px;
842 }
843
844 .qcld-main-wrapper .qcld-seo-help-feature UL {}
845
846 .qcld-main-wrapper .qcld-seo-help-feature UL li {
847 margin: 0;
848 padding: 4px 0;
849 font-size: 15px;
850 }
851
852 .qcld-recommendbot-conv-feature .plugin-card-top {
853 position: relative;
854 padding: 20px 20px 10px;
855 min-height: auto;
856 display: flex;
857 align-items: center;
858 justify-content: space-between;
859 }
860
861 .qcld-recommendbot-conv-feature .plugin-card .action-links {
862 position: relative;
863 top: auto;
864 right: auto;
865 width: auto;
866 }
867
868 .qcld-recommendbot-conv-feature .wrap.recommended-plugins .plugin-card.plugin-card-conversational-forms {
869 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
870 border-radius: 16px;
871 height: auto;
872 }
873
874 .qcld-recommendbot-conv-feature .plugin-icon {
875 position: relative;
876 top: auto;
877 left: auto;
878 width: auto;
879 height: auto;
880 margin: 0;
881 }
882
883 .qcld-recommendbot-conv-feature .plugin-card h3 a {
884 display: flex;
885 flex-direction: row-reverse;
886 align-items: center;
887 }
888
889 .qcld-recommendbot-conv-feature .plugin-icon {
890 position: relative;
891 top: auto;
892 left: auto;
893 width: 80px;
894 height: auto;
895 margin: 0 20px 0 0;
896 }
897
898 .qcld-recommendbot-conv-feature .plugin-card .desc>p,
899 .qcld-recommendbot-conv-feature .plugin-card .name {
900 margin-left: 0 !important;
901 }
902
903 .qcld-recommendbot-conv-feature .plugin-action-buttons {
904 margin-bottom: 0;
905 }
906
907 .qcld-recommendbot-conv-feature .plugin-action-buttons {
908 text-align: center;
909 }
910
911 .qc_menu_area_box {
912 display: flex;
913 justify-content: space-between;
914 border-radius: 16px;
915 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
916 padding: 15px;
917 gap: 15px;
918 overflow: hidden;
919 margin: 0 0 15px 0;
920 }
921
922 .qc_menu_area_box h4 {
923 text-align: center;
924 font-size: 18px !important;
925 font-weight: bold !important;
926 border-bottom: 2px solid #f7f7f7;
927 padding: 0 0 8px 0;
928 margin: 0 0 8px 0;
929 }
930
931 .qc_menu_area {
932
933 width: 50%;
934 background: #fff;
935 border-radius: 16PX;
936 padding: 12px;
937 }
938
939 .qc_menu_list_area.ui-droppable {
940
941 width: 50%;
942 background: #fff;
943 border-radius: 16PX;
944 padding: 12px;
945 }
946
947 .qc_menu_area_box ul li span {
948 background-image: linear-gradient(to right, #868afa 0%, #5b4e96 51%, #5b4e96 100%);
949 box-shadow: 0 5px 15px #c3c3c3;
950 border: 1px solid #ffffff;
951 color: #fff;
952 display: block;
953 margin: 8px auto;
954 padding: 12px 30px;
955 }
956
957 .qc_menu_area_box .qc_menu_area_container span {
958 background-image: linear-gradient(to right, #868afa 0%, #5b4e96 51%, #5b4e96 100%);
959 box-shadow: 0 5px 15px #c3c3c3;
960 border: 1px solid #ffffff;
961 color: #fff;
962 display: block;
963 margin: 8px auto;
964 padding: 12px 30px;
965 }
966
967 .qc_menu_area_box .qc_menu_area_container span:hover,
968 .qc_menu_area_box ul li span:hover {
969 background-image: linear-gradient(to right, #5b4e96 0%, #868afa 51%, #868afa 100%);
970 }
971
972 .qc_menu_list_container {
973 position: relative;
974 }
975
976 .qc_menu_list_container p {
977 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
978 float: none;
979 position: relative;
980 transform: none;
981 right: 0;
982 top: 0;
983 text-align: center;
984 width: 100%;
985 font-size: 12px;
986 margin: 0;
987 z-index: 999;
988 color: #3c3b3b;
989 font-weight: 600;
990 line-height: 20px;
991 border-radius: 0;
992 padding: 6px 0;
993 }
994
995
996 .lp-submenu-wpbot_openAi .swal2-actions {
997 display: flex;
998 width: auto;
999 }
1000 .lp-submenu-wpbot_openAi button.swal2-confirm.btn.btn-lg.swal2-styled{
1001 width: auto !important;
1002 }
1003
1004 button.swal2-confirm.btn.btn-lg.swal2-styled {
1005 width: auto;
1006 }
1007
1008 div#qc_menu_area {
1009 min-height: 230px;
1010 }
1011 div#collapseTwoControl .row {
1012 padding: 8px 0;
1013 border-bottom: 1px solid #eee;
1014 margin: 0 0;
1015 }
1016
1017
1018 .wp-chatbot-wrap .form-group input[type=checkbox]+label {
1019 position: relative;
1020 width: 18px;
1021 height: 18px;
1022 border: 2px solid #5b4e96;
1023 border-radius: 4px;
1024 top: 0;
1025 left: 0;
1026 transform: translate(0%, 0%);
1027 transition: all ease-out 200ms;
1028 text-indent: 28px;
1029 font: normal normal 30px / 60px "Helvetica";
1030 white-space: nowrap;
1031 color: #555;
1032 -webkit-user-select: none;
1033 -moz-user-select: none;
1034 -ms-user-select: none;
1035 user-select: none;
1036 display: flex;
1037 align-items: center;
1038 }
1039
1040 .wp-chatbot-wrap .form-group input[type=checkbox]+label:after {
1041 content: "";
1042 position: absolute;
1043 width: 0px;
1044 height: 8px;
1045 border-bottom: 3px solid #22b573;
1046 border-left: 3px solid #22b573;
1047 top: 25%;
1048 left: 50%;
1049 transform-origin: bottom left;
1050 transform: rotate(-45deg);
1051 opacity: 0;
1052 transition: all ease-out 200ms;
1053 }
1054
1055 .wp-chatbot-wrap .form-group input[type=checkbox]:checked+label {
1056 border: 2px solid #22b573;
1057 }
1058
1059 .wp-chatbot-wrap .form-group input[type=checkbox]:checked+label:after {
1060 opacity: 1;
1061 width: 22px;
1062 }
1063
1064 .wp-chatbot-wrap .form-group input[type=checkbox] {
1065 display: none;
1066 }
1067
1068
1069 .admin-maxwith.qcld-openai-main-box {
1070 margin: 0 20px 0 0;
1071 padding: 0 20px 15px 20px;
1072 max-width: initial;
1073 box-shadow: none;
1074 border: none;
1075 border-radius: 16px;
1076 }
1077
1078 .admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
1079 display: flex;
1080 }
1081
1082 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
1083 display: inline-block;
1084 width: 360px;
1085 }
1086
1087 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
1088 margin: 0 0 20px 0;
1089 padding: 0;
1090 display: flex;
1091 flex-direction: column;
1092 align-content: flex-start;
1093 border: 15px solid #f5f7fd;
1094 border-radius: 16px;
1095 min-height: 480px;
1096 }
1097
1098 .col-auto.me-auto.ai-settings-title-container {
1099 display: flex;
1100 justify-content: space-between;
1101 padding: 20px;
1102 }
1103
1104 .qcld-wp-chatbot-wrap-header-aisection {
1105 margin: 0 0 0 0;
1106 }
1107
1108 .qcl-openai .row {
1109 margin-right: 0;
1110 margin-left: 0;
1111 }
1112
1113 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container {
1114 display: flex;
1115 justify-content: flex-start;
1116 padding: 20px;
1117 border-radius: 16px;
1118 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
1119 margin: 20px 0 20px 0;
1120 }
1121
1122 .admin-maxwith.qcld-openai-main-box .tab-content {
1123 padding: 0 12px 0 12px;
1124 width: 100%;
1125 }
1126
1127 .admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card {
1128 width: 100%;
1129 max-width: inherit;
1130 margin: 0 0 8px 0;
1131 padding: 0;
1132 border: none;
1133 box-shadow: none;
1134 background: #fff !important;
1135 color: #5B4E96 !important;
1136 text-decoration: none !important;
1137 border-radius: 8px;
1138 border: 2px solid #5B4E96;
1139 }
1140
1141 .admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card h2 {
1142 margin: 0;
1143 padding: 0;
1144 font-weight: bold;
1145 }
1146
1147 .admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1148 font-weight: bold;
1149 display: block;
1150 padding: 15px 12px;
1151 font-size: 16px;
1152 color: #5B4E96;
1153 width: 100%;
1154 text-align: left;
1155 }
1156
1157
1158 .admin-maxwith.qcld-openai-main-box button.btn.btn-link:after {
1159 content: "\f14f";
1160 font-family: dashicons;
1161 position: absolute;
1162 right: 18px;
1163 top: 12px;
1164 font-size: 22px;
1165 font-weight: normal;
1166 }
1167
1168
1169 .admin-maxwith.qcld-openai-main-box button.btn.btn-link.collapsed:after{
1170
1171 content: "\f10f";
1172 font-family: dashicons;
1173 position: absolute;
1174 right: 18px;
1175 top: 12px;
1176 font-size: 22px;
1177 font-weight: normal;
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: 16px;
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: 16px;
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: 16px;
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 font-weight: bold;
1628 color: #5B4E96;
1629 }
1630
1631 .content_qcbot_help_secion p {
1632 font-size: 15px;
1633 }
1634
1635 .content_qcbot_help_secion .panel-title a.collapsed:after {
1636 content: "\f10f";
1637 position: absolute;
1638 right: 18px;
1639 top: 12px;
1640 font-family: dashicons;
1641 font-size: 24PX;
1642 font-weight: normal;
1643 }
1644
1645 .content_qcbot_help_secion .panel-title a:after {
1646 content: "\f14f";
1647 position: absolute;
1648 right: 18px;
1649 top: 12px;
1650 font-family: dashicons;
1651 font-size: 24PX;
1652 font-weight: normal;
1653 }
1654
1655
1656 .content_qcbot_help_secion .panel-default>.panel-heading+.panel-collapse>.panel-body {
1657 border-top-color: transparent;
1658 background: linear-gradient(181deg, #ffffff 70%, #e9e4ff 96%);
1659 border-radius: 16px;
1660 border: 1px solid #eee;
1661 margin: 8px 0 0 0;
1662 padding: 20px 15px;
1663 }
1664
1665 .content_qcbot_help_secion .panel {
1666 box-shadow: none;
1667 }
1668
1669 .qcbot_help_secion h3 {
1670 font-size: 16px;
1671 font-weight: bold;
1672 }
1673
1674 .qcbot_help_secion ul li {
1675 list-style: inside;
1676 }
1677
1678 .notice.is-dismissible.qcbot-str-top-notic {
1679 width: 98.7%;
1680 }
1681
1682 .qcld-main-wrapper {
1683 margin: 10px 0px 0 2px !important;
1684 }
1685
1686 .content_qcbot_help_secion .section-container {
1687 display: flex;
1688 gap: 30px;
1689 }
1690
1691 .content-wrap .section-container {
1692 display: flex;
1693 gap: 30px;
1694 }
1695
1696 .wpbot_statistics_area h2 {
1697 font-size: 22px;
1698 font-weight: bold;
1699 }
1700
1701
1702 section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover a {
1703 color: #fff;
1704 }
1705
1706 .qcld-main-wrapper a {
1707 text-decoration: none !important;
1708 }
1709
1710 .admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1711 text-decoration: none;
1712 }
1713
1714 .admin-maxwith.qcld-openai-main-box button.btn.btn-link:hover {
1715 font-weight: bold;
1716 display: block;
1717 padding: 15px 12px;
1718 font-size: 16px;
1719 color: #fff;
1720 background: #5B4E96;
1721 width: 100%;
1722 text-align: left;
1723 }
1724
1725 .content-wrap .qcld-seo-help-feature ul {
1726 background: linear-gradient(178deg, #ffffff 70%, #e9e4ff 96%);
1727 border-radius: 6px;
1728 padding: 5px 8px;
1729 border: 1px solid #eee;
1730 }
1731
1732 .wp-chatbot-tabs nav ul li a {
1733 color: #695d99;
1734 }
1735
1736 .wp-chatbot-tabs nav .cxsc-settings_openai_border a {
1737 color: #695d99;
1738 }
1739
1740
1741 .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab {
1742 float: left;
1743 border: 1px solid #c3c4c7;
1744 border-bottom: 1px;
1745 margin-left: .5em;
1746 font-size: 16px;
1747 line-height: 1.71428571;
1748 font-weight: 600;
1749 background: #ffffff;
1750 color: #5b4e96;
1751 text-decoration: none;
1752 white-space: nowrap;
1753 border: 1px solid #5b4e96;
1754 padding: 14px 20px !important;
1755 line-height: normal !important;
1756 border-radius: 6px;
1757
1758 }
1759
1760 .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab:hover, .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab.nav-tab-active {
1761 float: left;
1762 border: 1px solid #c3c4c7;
1763 border-bottom: 1px;
1764 margin-left: .5em;
1765 font-size: 16px;
1766 line-height: 1.71428571;
1767 font-weight: 600;
1768 background: #5b4e96;
1769 color: #fff;
1770 text-decoration: none;
1771 white-space: nowrap;
1772 border: 1px solid #5b4e96;
1773 padding: 14px 20px !important;
1774 line-height: normal !important;
1775
1776 }
1777
1778 .qcld_label_width_full{
1779 width: 100% !important;
1780 }
1781 .cxsc-settings-blocks-font-resize{
1782 font-size: 14px !important;
1783 }
1784
1785 .qcld_thumbnail_theme_prev label{
1786 width: 100% !important;
1787 position: relative;
1788 text-align: center;
1789 }
1790
1791 button.swal2-confirm.btn.btn-lg.swal2-styled {
1792 padding: 14px 20px;
1793 width: 100%;
1794 font-size: 16px;
1795 font-weight: 500;
1796 color: #988FBD;
1797 border-radius: 8px;
1798 position: relative;
1799 display: flex;
1800 align-items: center;
1801 gap: 15px;
1802 background: #5B4E96;
1803 color: #ffffff;
1804 text-decoration: none;
1805 border-color: #5b4e96 !important;
1806 }
1807
1808
1809
1810
1811
1812
1813
1814
1815
1816 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label {
1817 position: relative;
1818 width: 18px;
1819 height: 18px;
1820 border: 2px solid #5b4e96;
1821 border-radius: 4px;
1822 top: 0;
1823 left: 0;
1824 transform: translate(0%, 0%);
1825 transition: all ease-out 200ms;
1826 text-indent: 28px;
1827 font: normal normal 30px / 60px "Helvetica";
1828 white-space: nowrap;
1829 color: #555;
1830 -webkit-user-select: none;
1831 -moz-user-select: none;
1832 -ms-user-select: none;
1833 user-select: none;
1834 display: flex;
1835 align-items: center;
1836 }
1837
1838 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label:after {
1839 content: "";
1840 position: absolute;
1841 width: 0px;
1842 height: 8px;
1843 border-bottom: 3px solid #22b573;
1844 border-left: 3px solid #22b573;
1845 top: 25%;
1846 left: 50%;
1847 transform-origin: bottom left;
1848 transform: rotate(-45deg);
1849 opacity: 0;
1850 transition: all ease-out 200ms;
1851 }
1852
1853 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label {
1854 border: 2px solid #22b573;
1855 }
1856
1857 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label:after {
1858 opacity: 1;
1859 width: 22px;
1860 }
1861
1862 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox] {
1863 display: none;
1864 }
1865
1866 .cxsc-settings_openai_border {
1867 margin-bottom: 6px;
1868 }
1869
1870 div#wp-chatbot-custom-color-options .top-section .row .cxsc-settings-blocks {
1871 padding-top: 0;
1872 }
1873
1874 div#wp-chatbot-post-converter ul.checkbox-list {
1875 display: flex;
1876 flex-wrap: wrap;
1877 gap: 6px;
1878 }
1879 div#wp-chatbot-post-converter ul.checkbox-list .form-check.form-check-inline {
1880 display: inline-block;
1881 min-width: 290px;
1882 margin: 0;
1883 }
1884
1885
1886
1887 div#wp-chatbot-show-pages-list ul.checkbox-list {
1888 display: flex;
1889 flex-wrap: wrap;
1890 gap: 6px;
1891 }
1892
1893 div#wp-chatbot-exclude-post-list ul.checkbox-list {
1894 display: flex;
1895 flex-wrap: wrap;
1896 gap: 6px;
1897 }
1898
1899
1900 div#wp-chatbot-show-pages-list ul.checkbox-list li{
1901 display: inline-block;
1902 min-width: 310px;
1903 margin: 0;
1904 }
1905
1906 div#wp-chatbot-exclude-post-list ul.checkbox-list li{
1907 display: inline-block;
1908 min-width: 310px;
1909 margin: 0;
1910 }
1911 #rotationloader
1912 {
1913 display: none;
1914 rotate: initial;
1915 -webkit-animation: rotation 2s infinite linear;
1916 }
1917
1918 .docs_icon {
1919 position: absolute;
1920 top: 0;
1921 bottom: 0;
1922 left: 0;
1923 right: 0;
1924 z-index: 1;
1925 text-align: center;
1926 display: flex;
1927 align-items: center;
1928 justify-content: center;
1929 background: #5b4e968f;
1930 color: #ffffff;
1931 font-size: 60px;
1932 border-radius: 8px;
1933 }
1934 a.qcld-wp-chatbot-wrap--doc_logo {
1935 text-decoration: none !important;
1936 position: relative;
1937 }
1938 .docs_icon span {
1939 background: #5b4e96;
1940 padding: 25px 25px;
1941 border-radius: 50%;
1942 font-size: 82px;
1943 width: auto;
1944 height: auto;
1945 }
1946
1947
1948 /* .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
1949 font-size: 18px;
1950 display: block !important;
1951 } */
1952
1953 .lp-submenu-wpbot_openAi .swal2-actions button {
1954 width: auto !important;
1955 padding: 10px 40px !important;
1956 line-height: normal !important;
1957 }
1958 .lp-submenu-wpbot_openAi .swal2-actions {
1959 display: flex;
1960 }
1961 .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
1962 font-size: 16px !important;
1963 font-weight: 500 !important;
1964 }
1965
1966 .wp-chatbot-wrap hr {
1967 margin-top: 10px;
1968 margin-bottom: 10px;
1969 }
1970
1971
1972 .wp-chatbot-wrap a.nav-tab.sld_click_handle {
1973 margin-right: .5em;
1974 line-height: 1.42857143;
1975 border: 1px solid #5b4e96 !important;
1976 border-radius: 6px !important;
1977 border: 1px solid #5b4e96 !important;
1978 padding: 10px 20px !important;
1979 border-radius: 8px !important;
1980 color: #5b4e96 !important;
1981 font-size: 15px !important;
1982 font-weight: 600;
1983 line-height: normal !important;
1984 background: #fff;
1985 }
1986
1987 .wp-chatbot-wrap a.nav-tab.sld_click_handle:hover, .wp-chatbot-wrap a.nav-tab.sld_click_handle.nav-tab-active{
1988 margin-right: .5em;
1989 line-height: 1.42857143;
1990 border: 1px solid #5b4e96 !important;
1991 border-radius: 6px !important;
1992 border: 1px solid #5b4e96 !important;
1993 padding: 10px 20px !important;
1994 border-radius: 8px !important;
1995 color: #fff !important;
1996 font-size: 15px !important;
1997 font-weight: 600;
1998 line-height: normal !important;
1999 background: #5b4e96;
2000 }
2001
2002
2003
2004
2005
2006
2007
2008
2009 .swal2-actions {
2010 display: flex;
2011 z-index: 1;
2012 box-sizing: border-box;
2013 flex-wrap: wrap;
2014 align-items: center;
2015 justify-content: center;
2016 width: 100%;
2017 margin: 1.25em auto 0;
2018 padding: 0;
2019 }
2020 button.swal2-deny.swal2-styled{
2021 border: 0;
2022 border-radius: .25em;
2023 background: initial;
2024 background-color: #d14529 !important;
2025 color: #fff;
2026 font-size: 1em;
2027 padding: 14px 20px;
2028 width: auto;
2029 font-size: 16px;
2030 font-weight: 500;
2031 color: #988FBD;
2032 border-radius: 8px;
2033 position: relative;
2034 display: flex;
2035 align-items: center;
2036 gap: 15px;
2037 background: #d14529;
2038 color: #ffffff;
2039 text-decoration: none;
2040 border-color: #5b4e96 !important;
2041 }
2042
2043
2044 button.swal2-confirm.btn.btn-lg.swal2-styled {
2045 width: auto !important;
2046 }
2047
2048 .chatbot-wpbot-lite_page_wpbot button.swal2-deny.swal2-styled {
2049 display: none !important;
2050 }
2051 a#qcld_save_openrouter_setting {
2052 background: #5B4E96;
2053 color: #ffffff;
2054 border: none;
2055 padding: 12px 30px;
2056 }
2057
2058 a#save_setting {
2059 background: #5B4E96;
2060 color: #ffffff;
2061 border: none;
2062 padding: 12px 30px;
2063 }
2064
2065 @media (max-width: 1280px) {
2066 .content-wrap {
2067 width: 50% !important;
2068 }
2069
2070 .wp-chatbot-admin-upgrade-pro-sidebar {
2071
2072 width: 24% !important;
2073 }
2074
2075 }
2076
2077 @media (max-width: 992px) {
2078 .wp-chatbot-tabs nav {
2079 width: 100% !important;
2080 margin-right: 0 !important;
2081 }
2082 .content-wrap {
2083 width: 100% !important;
2084 }
2085 .wp-chatbot-admin-upgrade-pro-sidebar {
2086 width: 100% !important;
2087 margin: 0 0 0 0 !important;
2088 }
2089 .wp-chatbot-tabs {
2090 display: flex;
2091 flex-wrap: wrap;
2092 gap: 20px;
2093 }
2094 .admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
2095 display: flex;
2096 flex-wrap: wrap;
2097 }
2098 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
2099 width: 100%;
2100 }
2101 .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2102 padding: 12px 5px !important;
2103 }
2104 label.form-check-label span {
2105 display: none;
2106 }
2107 .qc-review-text img {
2108 width: 100%;
2109 }
2110
2111 .content_qcbot_help_secion {
2112 width: 100% !important;
2113 }
2114 .qcld_help_wppt_nav_container {
2115 width: 100% !important;
2116 }
2117 .qcld-wrap.swpm-admin-menu-wrap {
2118 display: flex
2119 ;
2120 margin: 15px 0;
2121 flex-direction: column;
2122 flex-wrap: wrap;
2123 }
2124 }
2125
2126
2127 @media (max-width: 640px) {
2128 .qcld-wp-chatbot-wrap-header {
2129 display: flex;
2130 column-gap: 15px;
2131 row-gap: 10px;
2132 background: #fff;
2133 padding: 15px 15px;
2134 margin: 20px 20px 20px 0;
2135 border-radius: 16px;
2136 align-items: center;
2137 justify-content: space-between;
2138 flex-direction: column;
2139 }
2140 ul.qcld-wp-chatbot-wrap-version-wrapper {
2141 display: block;
2142 margin: 15px 0 15px 0;
2143 }
2144 .qcld-wp-chatbot-wrap-header-doc {
2145 display: flex
2146 ;
2147 column-gap: 15px;
2148 row-gap: 10px;
2149 background: #fff;
2150 padding: 15px 15px;
2151 margin: 20px 20px 20px 0;
2152 border-radius: 16px;
2153 align-items: center;
2154 justify-content: flex-start;
2155 display: flex
2156 ;
2157 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
2158 border-radius: 16px;
2159 gap: 30px;
2160 flex-direction: column;
2161 }
2162 .qcld-wp-chatbot-wrap-header-doc-details {
2163 width: 100%;
2164 }
2165 .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2166 padding: 12px 25px !important;
2167 }
2168 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
2169 display: inline-block;
2170 width: 100%;
2171 }
2172 }
2173
2174 .swal2-popup.swal2-modal.connection-modal button.swal2-deny.swal2-styled{display: none !important;}
2175 .swal2-popup.swal2-modal.connection-modal .swal2-styled.swal2-confirm {
2176 padding: 14px 20px;
2177 width: auto;
2178 font-size: 16px;
2179 align-items: center;
2180 gap: 15px;
2181 background: #5B4E96;
2182 color: #ffffff;
2183 text-decoration: none;
2184 border-color: #5b4e96 !important;
2185 }
2186
2187 .wrap.qcld-main-wrapper a:focus {
2188 outline: none !important;
2189 outline-offset: 0 !important;
2190 box-shadow: none !important;
2191 }
2192
2193 p.qc-opt-dcs-font-faq {
2194 font-weight: bold;
2195 }
2196
2197
2198 .qcld-general-settings-connection-notic {
2199 background: #eee;
2200 border: 2px solid #5b4e96;
2201 border-radius: 8px;
2202 margin: 0 0 15px 0;
2203 padding: 12px;
2204 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
2205 position: relative;
2206 }
2207 .qcld-general-settings-connection-notic p{
2208 margin: 6px 0 6px 0;
2209 padding: 0;
2210 font-size: 15px;
2211 font-weight: 500;
2212 }
2213
2214
2215 .qcld-general-settings-close {
2216 position: absolute;
2217 top: -10px;
2218 right: 3px;
2219 transition: all 200ms;
2220 font-size: 30px;
2221 font-weight: bold;
2222 text-decoration: none;
2223 color: #5b4e96;
2224 }
2225 .qcld-general-settings-close:hover {
2226 color: orange;
2227 }
2228 #qcld-show-more-wrapper-box {
2229 margin-top: 0;
2230 position:relative;
2231 }
2232 #qcld-show-more-wrapper-box .qcld-show-more-text {
2233 /* width: 660px; */
2234 margin-bottom: 5px;
2235 padding: 0 0;
2236 position:relative;
2237 display: block;
2238 }
2239 #qcld-show-more-wrapper-box .qcld-show-more-show-more {
2240 color: #ffffff;
2241 position: relative;
2242 padding: 60px 0 0 0;
2243 height: 60px;
2244 text-align: center;
2245 background: #f1f1f1;
2246 cursor: pointer;
2247 background: linear-gradient(to bottom, rgb(255 255 255 / 24%) 0%, rgb(188 174 255) 100%);
2248 margin: -39px 0 0 0;
2249 border-radius: 0 0 15px 15px;
2250 z-index: 99999;
2251 font-weight: bold;
2252 }
2253
2254 #qcld-show-more-wrapper-box .qcld-show-more-show-more-height {
2255 height: 190px;
2256 overflow:hidden;
2257 }
2258
2259 #qcld-show-more-wrapper-box .qcld-show-more-show-more i {
2260 display: block;
2261 padding: 0 0 0 0;
2262 background: #5b4e96;
2263 width: 30px;
2264 height: 30px;
2265 line-height: 30px;
2266 border-radius: 50%;
2267 margin: -15px auto 0 auto;
2268 font-size: 18px !important;
2269 color: #fff;
2270 }
2271
2272 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]+label {
2273 position: relative;
2274 width: 18px;
2275 height: 18px;
2276 border: 2px solid #5b4e96;
2277 border-radius: 4px;
2278 top: 0;
2279 left: 0;
2280 transform: translate(0%, 0%);
2281 transition: all ease-out 200ms;
2282 text-indent: 28px;
2283 white-space: nowrap;
2284 color: #555;
2285 -webkit-user-select: none;
2286 -moz-user-select: none;
2287 -ms-user-select: none;
2288 user-select: none;
2289 display: flex;
2290 align-items: center;
2291 margin-bottom: 0;
2292 line-height: 30px;
2293 }
2294
2295
2296 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]+label:after {
2297 content: "";
2298 position: absolute;
2299 width: 0px;
2300 height: 8px;
2301 border-bottom: 3px solid #22b573;
2302 border-left: 3px solid #22b573;
2303 top: 25%;
2304 left: 50%;
2305 transform-origin: bottom left;
2306 transform: rotate(-45deg);
2307 opacity: 0;
2308 transition: all ease-out 200ms;
2309 }
2310
2311 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label {
2312 border: 2px solid #22b573;
2313 }
2314
2315 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label:after {
2316 opacity: 1;
2317 width: 22px;
2318 }
2319
2320 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox] {
2321 display: none;
2322 }
2323
2324
2325 .qcl-openai div#wp-chatbot-gemini-settings .form-check {
2326 margin-bottom: 15px;
2327 border: 1px solid #E5E6F2;
2328 padding: 12px 12px;
2329 border-radius: 8px;
2330 }
2331
2332 .qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span {
2333 font-size: 12px;
2334 }
2335
2336 .qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span.pro-badge {
2337 font-size: 9px;
2338 font-weight: 400;
2339 color: #ffffff;
2340 background: #5B4E96;
2341 border-radius: 20px;
2342 padding: 2px 8px;
2343 margin-left: 5px;
2344 text-transform: uppercase;
2345 text-indent: initial;
2346 line-height: 16px;
2347 }
2348
2349 .qcl-openai div#wp-chatbot-gemini-settings a#save_setting {
2350 margin: 0 0 15px 0;
2351 }
2352
2353
2354
2355 span.qcls_openAI_customized {
2356 background: yellow;
2357 }
2358 .admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
2359 font-size: 16px;
2360 line-height: 28px;
2361 }
2362 textarea#qcld_openai_system_content {
2363 height: 120px;
2364 line-height: 28px;
2365 }
2366 .qcld-main-wrapper .alert.alert-warning {
2367 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96% 96%);
2368 border-radius: 6px;
2369 color: #721c24;
2370 background: #f8d7da;
2371 border-color: #f5c6cb;
2372 font-weight: bold;
2373 }
2374 .qcld-wpbot-pricing-filter-form-check {
2375 display: flex;
2376 gap: 10px;
2377 }
2378
2379 .qcld-dialogflow-enable-notice {
2380 padding: 15px 0 15px 0;
2381 color: red;
2382 font-weight: bold;
2383 }
2384
2385 a#qcld_save_gemini_setting {
2386 background: #5B4E96;
2387 color: #ffffff;
2388 border: none;
2389 padding: 12px 30px;
2390 }
2391 .card-body-gemini {
2392 padding: 0 15px;
2393 }
2394
2395 div#panelsStayOpen-collapseseven pre {
2396 width: 100%;
2397 display: block;
2398 max-width: 1120px;
2399 }
2400
2401 .card-body-gemini p {
2402 font-size: 16px;
2403 font-weight: bold;
2404 }
2405
2406 .card-body-openrouter p{
2407 font-size: 16px;
2408 font-weight: bold;
2409 }
2410 div#wp-chatbot-openai-assistants p {
2411 font-size: 16px;
2412 }
2413 button.btn{
2414 outline: none !important;
2415 }
2416 button.btn:focus{
2417 outline: none !important;
2418 }
2419 input:focus {
2420 border-color: #e1dbff;
2421 box-shadow: none !important;
2422 outline: none !important;
2423 }
2424
2425 .wp-chatbot-wrap .qc-opt-language-title{
2426 font-weight: bold !important;
2427 color: #5b4e96 !important;
2428 font-size: 16px;
2429 }
2430
2431 button.qcld_chatbot_custom_icon_button.button, button.wp_chatbot_custom_agent_button.button {
2432 padding: 2px 20px;
2433 width: auto;
2434 font-size: 14px;
2435 font-weight: 500;
2436 color: #988FBD;
2437 border-radius: 8px;
2438 background: #fff;
2439 color: #5B4E96;
2440 text-decoration: none;
2441 margin: 0;
2442 border: 2px solid #5B4E96;
2443
2444 }
2445
2446 button.qcld_chatbot_custom_icon_button.button:hover, button.wp_chatbot_custom_agent_button.button:hover {
2447 background: #5B4E96;
2448 color: #fff;
2449 border: 2px solid #5B4E96;
2450
2451 }
2452
2453
2454 @media (min-width: 993px) and (max-width: 1350px) {
2455 .wp-chatbot-admin-upgrade-pro-sidebar {
2456 width: 25%;
2457 }
2458 }
2459
2460 .wp-chatbot-tabs nav ul li a span.dashicons {
2461 font-size: 20px;
2462 width: auto;
2463 height: auto;
2464 }
2465 .wp-chatbot-tabs nav .cxsc-settings_openai_border a span.dashicons {
2466 font-size: 20px;
2467 }
2468
2469
2470 .dashicons, .dashicons-before:before {
2471 font-family: dashicons;
2472 display: inline-block;
2473 line-height: 1;
2474 font-weight: 400;
2475 font-weight: normal;
2476 }
2477
2478 .qcl-openai a:focus {
2479 outline: 0 auto -webkit-focus-ring-color;
2480 outline-offset: 0;
2481 border: none !important;
2482 outline: none !important;
2483 box-shadow: none;
2484 }
2485
2486 #qcld_check_connection i{
2487 animation: rotation infinite 3s linear;
2488 }
2489
2490 .wp-chatbot-wrap div#wp-chatbot-custom-color-options .form-group {
2491 min-height: 90px;
2492 }
2493
2494 div#promotion-wpchatbot .qc-review-text a {
2495 display: block;
2496 }
2497 .qcld-wp-chatbot-wrap-header-logo {
2498 display: flex;
2499 align-items: center;
2500 gap: 10px;
2501 }
2502 @keyframes rotation{
2503 from{
2504 transform:rotate(360deg);
2505 }
2506
2507 to{
2508 transform:rotate(0deg);
2509 }
2510 }