PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 7.5.8
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v7.5.8
8.7.8 8.7.7 8.7.6 8.7.5 8.7.4 8.7.3 8.7.2 8.7.1 8.7.0 8.6.9 8.6.8 8.6.7 8.6.6 8.6.5 8.6.4 8.6.2 8.6.1 8.6.0 8.5.9 8.5.8 8.5.7 8.5.6 8.5.5 8.5.4 8.5.3 All 534 releases
chatbot / css / admin-style.css

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

2,494 lines 51.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
2
3 .qcld-main-wrapper {
4 background-color: #F5F7FD;
5 font-family: "DM Sans", sans-serif !important;
6 font-optical-sizing: auto;
7 font-size: 16px;
8 font-weight: normal;
9 }
10
11 .wp-chatbot-wrap .fa{
12 font: normal normal normal 14px / 1 FontAwesome !important;
13 }
14
15 .chatbot-wpbot-lite_page_wpbot, .chatbot-wpbot-lite_page_wpbot_help_page, .chatbot-wpbot-lite_page_wpbot_openAi, .toplevel_page_wpbot-panel{
16 background-color: #F5F7FD;
17 }
18
19 .qcld-main-wrapper .h1,
20 .qcld-main-wrapper .h2,
21 .qcld-main-wrapper .h3,
22 .qcld-main-wrapper .h4,
23 .qcld-main-wrapper .h5,
24 .qcld-main-wrapper .h6,
25 .qcld-main-wrapper h1,
26 .qcld-main-wrapper h2,
27 .qcld-main-wrapper h3,
28 .qcld-main-wrapper h4,
29 .qcld-main-wrapper h5,
30 .qcld-main-wrapper h6 {
31 color: #5b4e96 !important;
32 }
33
34 .qcld-wp-chatbot-wrap-header {
35 display: flex;
36 column-gap: 15px;
37 row-gap: 10px;
38 background: #fff;
39 padding: 15px 15px;
40 margin: 20px 20px 20px 0;
41 border-radius: 16px;
42 align-items: center;
43 justify-content: space-between;
44
45 }
46
47 .qcld-wp-chatbot-wrap-header img {
48 max-width: 50px;
49 }
50
51 .qcld-wp-chatbot-wrap-header ul,
52 .qcld-wp-chatbot-wrap-header p,
53 .qcld-wp-chatbot-wrap-header li {
54 margin: 0;
55 }
56
57 .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
58 padding: 12px 25px;
59 background: #ffffff;
60 color: #5B4E96;
61 border: 2px solid #5B4E96;
62 border-radius: 6px;
63 font-weight: bold;
64 }
65
66 .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade:hover {
67 padding: 12px 25px;
68 background: #5B4E96;
69 color: #fff;
70 border: 2px solid #5B4E96;
71 border-radius: 6px;
72 font-weight: bold;
73 text-decoration: none;
74 }
75
76 a.qcld-wp-chatbot-wrap-site__logo {
77 font-size: 22px;
78 color: #000;
79 font-weight: bold;
80 }
81
82 .wp-chatbot-wrap {
83 margin: 20px 20px 20px 0;
84 border-radius: 16px;
85 }
86
87 .wp-chatbot-tabs.wp-chatbot-tabs-style-flip {
88 border-radius: 16px;
89 }
90
91 .wp-chatbot-tabs nav {
92 width: 18%;
93 display: block;
94 float: left;
95 min-width: 240px;
96 margin-right: 24px;
97 position: sticky;
98 top: 0;
99 overflow: unset;
100 padding: 10px;
101 background: #ffffff;
102 border-radius: 16px;
103 }
104
105
106 .wp-chatbot-tabs nav ul li.tab-current a {
107 background: #5B4E96;
108 color: #ffffff;
109 text-decoration: none;
110 }
111
112 .wp-chatbot-tabs nav ul li a:hover {
113 background: #5B4E96;
114 color: #ffffff;
115 text-decoration: none;
116 }
117
118 .wp-chatbot-tabs nav ul li a {
119 padding: 14px 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 }
1642
1643 .content_qcbot_help_secion .panel-title a:after {
1644 content: "\f14f";
1645 position: absolute;
1646 right: 18px;
1647 top: 12px;
1648 font-family: dashicons;
1649 }
1650
1651
1652 .content_qcbot_help_secion .panel-default>.panel-heading+.panel-collapse>.panel-body {
1653 border-top-color: transparent;
1654 background: linear-gradient(181deg, #ffffff 70%, #e9e4ff 96%);
1655 border-radius: 16px;
1656 border: 1px solid #eee;
1657 margin: 8px 0 0 0;
1658 padding: 20px 15px;
1659 }
1660
1661 .content_qcbot_help_secion .panel {
1662 box-shadow: none;
1663 }
1664
1665 .qcbot_help_secion h3 {
1666 font-size: 16px;
1667 font-weight: bold;
1668 }
1669
1670 .qcbot_help_secion ul li {
1671 list-style: inside;
1672 }
1673
1674 .notice.is-dismissible.qcbot-str-top-notic {
1675 width: 98.7%;
1676 }
1677
1678 .qcld-main-wrapper {
1679 margin: 10px 0px 0 2px !important;
1680 }
1681
1682 .content_qcbot_help_secion .section-container {
1683 display: flex;
1684 gap: 30px;
1685 }
1686
1687 .content-wrap .section-container {
1688 display: flex;
1689 gap: 30px;
1690 }
1691
1692 .wpbot_statistics_area h2 {
1693 font-size: 22px;
1694 font-weight: bold;
1695 }
1696
1697
1698 section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover a {
1699 color: #fff;
1700 }
1701
1702 .qcld-main-wrapper a {
1703 text-decoration: none !important;
1704 }
1705
1706 .admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1707 text-decoration: none;
1708 }
1709
1710 .admin-maxwith.qcld-openai-main-box button.btn.btn-link:hover {
1711 font-weight: bold;
1712 display: block;
1713 padding: 15px 12px;
1714 font-size: 16px;
1715 color: #fff;
1716 background: #5B4E96;
1717 width: 100%;
1718 text-align: left;
1719 }
1720
1721 .content-wrap .qcld-seo-help-feature ul {
1722 background: linear-gradient(178deg, #ffffff 70%, #e9e4ff 96%);
1723 border-radius: 6px;
1724 padding: 5px 8px;
1725 border: 1px solid #eee;
1726 }
1727
1728 .wp-chatbot-tabs nav ul li a {
1729 color: #695d99;
1730 }
1731
1732 .wp-chatbot-tabs nav .cxsc-settings_openai_border a {
1733 color: #695d99;
1734 }
1735
1736
1737 .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab {
1738 float: left;
1739 border: 1px solid #c3c4c7;
1740 border-bottom: 1px;
1741 margin-left: .5em;
1742 font-size: 16px;
1743 line-height: 1.71428571;
1744 font-weight: 600;
1745 background: #ffffff;
1746 color: #5b4e96;
1747 text-decoration: none;
1748 white-space: nowrap;
1749 border: 1px solid #5b4e96;
1750 padding: 14px 20px !important;
1751 line-height: normal !important;
1752 border-radius: 6px;
1753
1754 }
1755
1756 .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab:hover, .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab.nav-tab-active {
1757 float: left;
1758 border: 1px solid #c3c4c7;
1759 border-bottom: 1px;
1760 margin-left: .5em;
1761 font-size: 16px;
1762 line-height: 1.71428571;
1763 font-weight: 600;
1764 background: #5b4e96;
1765 color: #fff;
1766 text-decoration: none;
1767 white-space: nowrap;
1768 border: 1px solid #5b4e96;
1769 padding: 14px 20px !important;
1770 line-height: normal !important;
1771
1772 }
1773
1774 .qcld_label_width_full{
1775 width: 100% !important;
1776 }
1777 .cxsc-settings-blocks-font-resize{
1778 font-size: 14px !important;
1779 }
1780
1781 .qcld_thumbnail_theme_prev label{
1782 width: 100% !important;
1783 position: relative;
1784 text-align: center;
1785 }
1786
1787 button.swal2-confirm.btn.btn-lg.swal2-styled {
1788 padding: 14px 20px;
1789 width: 100%;
1790 font-size: 16px;
1791 font-weight: 500;
1792 color: #988FBD;
1793 border-radius: 8px;
1794 position: relative;
1795 display: flex;
1796 align-items: center;
1797 gap: 15px;
1798 background: #5B4E96;
1799 color: #ffffff;
1800 text-decoration: none;
1801 border-color: #5b4e96 !important;
1802 }
1803
1804
1805
1806
1807
1808
1809
1810
1811
1812 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label {
1813 position: relative;
1814 width: 18px;
1815 height: 18px;
1816 border: 2px solid #5b4e96;
1817 border-radius: 4px;
1818 top: 0;
1819 left: 0;
1820 transform: translate(0%, 0%);
1821 transition: all ease-out 200ms;
1822 text-indent: 28px;
1823 font: normal normal 30px / 60px "Helvetica";
1824 white-space: nowrap;
1825 color: #555;
1826 -webkit-user-select: none;
1827 -moz-user-select: none;
1828 -ms-user-select: none;
1829 user-select: none;
1830 display: flex;
1831 align-items: center;
1832 }
1833
1834 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label:after {
1835 content: "";
1836 position: absolute;
1837 width: 0px;
1838 height: 8px;
1839 border-bottom: 3px solid #22b573;
1840 border-left: 3px solid #22b573;
1841 top: 25%;
1842 left: 50%;
1843 transform-origin: bottom left;
1844 transform: rotate(-45deg);
1845 opacity: 0;
1846 transition: all ease-out 200ms;
1847 }
1848
1849 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label {
1850 border: 2px solid #22b573;
1851 }
1852
1853 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label:after {
1854 opacity: 1;
1855 width: 22px;
1856 }
1857
1858 .wp-chatbot-language-center-summmery-checkbox input[type=checkbox] {
1859 display: none;
1860 }
1861
1862 .cxsc-settings_openai_border {
1863 margin-bottom: 6px;
1864 }
1865
1866 div#wp-chatbot-custom-color-options .top-section .row .cxsc-settings-blocks {
1867 padding-top: 0;
1868 }
1869
1870 div#wp-chatbot-post-converter ul.checkbox-list {
1871 display: flex;
1872 flex-wrap: wrap;
1873 gap: 6px;
1874 }
1875 div#wp-chatbot-post-converter ul.checkbox-list .form-check.form-check-inline {
1876 display: inline-block;
1877 min-width: 290px;
1878 margin: 0;
1879 }
1880
1881
1882
1883 div#wp-chatbot-show-pages-list ul.checkbox-list {
1884 display: flex;
1885 flex-wrap: wrap;
1886 gap: 6px;
1887 }
1888
1889 div#wp-chatbot-exclude-post-list ul.checkbox-list {
1890 display: flex;
1891 flex-wrap: wrap;
1892 gap: 6px;
1893 }
1894
1895
1896 div#wp-chatbot-show-pages-list ul.checkbox-list li{
1897 display: inline-block;
1898 min-width: 310px;
1899 margin: 0;
1900 }
1901
1902 div#wp-chatbot-exclude-post-list ul.checkbox-list li{
1903 display: inline-block;
1904 min-width: 310px;
1905 margin: 0;
1906 }
1907 #rotationloader
1908 {
1909 display: none;
1910 rotate: initial;
1911 -webkit-animation: rotation 2s infinite linear;
1912 }
1913
1914 .docs_icon {
1915 position: absolute;
1916 top: 0;
1917 bottom: 0;
1918 left: 0;
1919 right: 0;
1920 z-index: 1;
1921 text-align: center;
1922 display: flex;
1923 align-items: center;
1924 justify-content: center;
1925 background: #5b4e968f;
1926 color: #ffffff;
1927 font-size: 60px;
1928 border-radius: 8px;
1929 }
1930 a.qcld-wp-chatbot-wrap--doc_logo {
1931 text-decoration: none !important;
1932 position: relative;
1933 }
1934 .docs_icon span {
1935 background: #5b4e96;
1936 padding: 25px 25px;
1937 border-radius: 50%;
1938 font-size: 82px;
1939 width: auto;
1940 height: auto;
1941 }
1942
1943
1944 /* .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
1945 font-size: 18px;
1946 display: block !important;
1947 } */
1948
1949 .lp-submenu-wpbot_openAi .swal2-actions button {
1950 width: auto !important;
1951 padding: 10px 40px !important;
1952 line-height: normal !important;
1953 }
1954 .lp-submenu-wpbot_openAi .swal2-actions {
1955 display: flex;
1956 }
1957 .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
1958 font-size: 16px !important;
1959 font-weight: 500 !important;
1960 }
1961
1962 .wp-chatbot-wrap hr {
1963 margin-top: 10px;
1964 margin-bottom: 10px;
1965 }
1966
1967
1968 .wp-chatbot-wrap a.nav-tab.sld_click_handle {
1969 margin-right: .5em;
1970 line-height: 1.42857143;
1971 border: 1px solid #5b4e96 !important;
1972 border-radius: 6px !important;
1973 border: 1px solid #5b4e96 !important;
1974 padding: 10px 20px !important;
1975 border-radius: 8px !important;
1976 color: #5b4e96 !important;
1977 font-size: 15px !important;
1978 font-weight: 600;
1979 line-height: normal !important;
1980 background: #fff;
1981 }
1982
1983 .wp-chatbot-wrap a.nav-tab.sld_click_handle:hover, .wp-chatbot-wrap a.nav-tab.sld_click_handle.nav-tab-active{
1984 margin-right: .5em;
1985 line-height: 1.42857143;
1986 border: 1px solid #5b4e96 !important;
1987 border-radius: 6px !important;
1988 border: 1px solid #5b4e96 !important;
1989 padding: 10px 20px !important;
1990 border-radius: 8px !important;
1991 color: #fff !important;
1992 font-size: 15px !important;
1993 font-weight: 600;
1994 line-height: normal !important;
1995 background: #5b4e96;
1996 }
1997
1998
1999
2000
2001
2002
2003
2004
2005 .swal2-actions {
2006 display: flex;
2007 z-index: 1;
2008 box-sizing: border-box;
2009 flex-wrap: wrap;
2010 align-items: center;
2011 justify-content: center;
2012 width: 100%;
2013 margin: 1.25em auto 0;
2014 padding: 0;
2015 }
2016 button.swal2-deny.swal2-styled{
2017 border: 0;
2018 border-radius: .25em;
2019 background: initial;
2020 background-color: #d14529 !important;
2021 color: #fff;
2022 font-size: 1em;
2023 padding: 14px 20px;
2024 width: auto;
2025 font-size: 16px;
2026 font-weight: 500;
2027 color: #988FBD;
2028 border-radius: 8px;
2029 position: relative;
2030 display: flex;
2031 align-items: center;
2032 gap: 15px;
2033 background: #d14529;
2034 color: #ffffff;
2035 text-decoration: none;
2036 border-color: #5b4e96 !important;
2037 }
2038
2039
2040 button.swal2-confirm.btn.btn-lg.swal2-styled {
2041 width: auto !important;
2042 }
2043
2044 .chatbot-wpbot-lite_page_wpbot button.swal2-deny.swal2-styled {
2045 display: none !important;
2046 }
2047 a#qcld_save_openrouter_setting {
2048 background: #5B4E96;
2049 color: #ffffff;
2050 border: none;
2051 padding: 12px 30px;
2052 }
2053
2054 a#save_setting {
2055 background: #5B4E96;
2056 color: #ffffff;
2057 border: none;
2058 padding: 12px 30px;
2059 }
2060
2061 @media (max-width: 1280px) {
2062 .content-wrap {
2063 width: 50% !important;
2064 }
2065
2066 .wp-chatbot-admin-upgrade-pro-sidebar {
2067
2068 width: 24% !important;
2069 }
2070
2071 }
2072
2073 @media (max-width: 992px) {
2074 .wp-chatbot-tabs nav {
2075 width: 100% !important;
2076 margin-right: 0 !important;
2077 }
2078 .content-wrap {
2079 width: 100% !important;
2080 }
2081 .wp-chatbot-admin-upgrade-pro-sidebar {
2082 width: 100% !important;
2083 margin: 0 0 0 0 !important;
2084 }
2085 .wp-chatbot-tabs {
2086 display: flex;
2087 flex-wrap: wrap;
2088 gap: 20px;
2089 }
2090 .admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
2091 display: flex;
2092 flex-wrap: wrap;
2093 }
2094 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
2095 width: 100%;
2096 }
2097 .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2098 padding: 12px 5px !important;
2099 }
2100 label.form-check-label span {
2101 display: none;
2102 }
2103 .qc-review-text img {
2104 width: 100%;
2105 }
2106
2107 .content_qcbot_help_secion {
2108 width: 100% !important;
2109 }
2110 .qcld_help_wppt_nav_container {
2111 width: 100% !important;
2112 }
2113 .qcld-wrap.swpm-admin-menu-wrap {
2114 display: flex
2115 ;
2116 margin: 15px 0;
2117 flex-direction: column;
2118 flex-wrap: wrap;
2119 }
2120 }
2121
2122
2123 @media (max-width: 640px) {
2124 .qcld-wp-chatbot-wrap-header {
2125 display: flex;
2126 column-gap: 15px;
2127 row-gap: 10px;
2128 background: #fff;
2129 padding: 15px 15px;
2130 margin: 20px 20px 20px 0;
2131 border-radius: 16px;
2132 align-items: center;
2133 justify-content: space-between;
2134 flex-direction: column;
2135 }
2136 ul.qcld-wp-chatbot-wrap-version-wrapper {
2137 display: block;
2138 margin: 15px 0 15px 0;
2139 }
2140 .qcld-wp-chatbot-wrap-header-doc {
2141 display: flex
2142 ;
2143 column-gap: 15px;
2144 row-gap: 10px;
2145 background: #fff;
2146 padding: 15px 15px;
2147 margin: 20px 20px 20px 0;
2148 border-radius: 16px;
2149 align-items: center;
2150 justify-content: flex-start;
2151 display: flex
2152 ;
2153 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
2154 border-radius: 16px;
2155 gap: 30px;
2156 flex-direction: column;
2157 }
2158 .qcld-wp-chatbot-wrap-header-doc-details {
2159 width: 100%;
2160 }
2161 .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2162 padding: 12px 25px !important;
2163 }
2164 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
2165 display: inline-block;
2166 width: 100%;
2167 }
2168 }
2169
2170 .swal2-popup.swal2-modal.connection-modal button.swal2-deny.swal2-styled{display: none !important;}
2171 .swal2-popup.swal2-modal.connection-modal .swal2-styled.swal2-confirm {
2172 padding: 14px 20px;
2173 width: auto;
2174 font-size: 16px;
2175 align-items: center;
2176 gap: 15px;
2177 background: #5B4E96;
2178 color: #ffffff;
2179 text-decoration: none;
2180 border-color: #5b4e96 !important;
2181 }
2182
2183 .wrap.qcld-main-wrapper a:focus {
2184 outline: none !important;
2185 outline-offset: 0 !important;
2186 box-shadow: none !important;
2187 }
2188
2189 p.qc-opt-dcs-font-faq {
2190 font-weight: bold;
2191 }
2192
2193
2194 .qcld-general-settings-connection-notic {
2195 background: #eee;
2196 border: 2px solid #5b4e96;
2197 border-radius: 8px;
2198 margin: 0 0 15px 0;
2199 padding: 12px;
2200 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
2201 position: relative;
2202 }
2203 .qcld-general-settings-connection-notic p{
2204 margin: 6px 0 6px 0;
2205 padding: 0;
2206 font-size: 15px;
2207 font-weight: 500;
2208 }
2209
2210
2211 .qcld-general-settings-close {
2212 position: absolute;
2213 top: -10px;
2214 right: 3px;
2215 transition: all 200ms;
2216 font-size: 30px;
2217 font-weight: bold;
2218 text-decoration: none;
2219 color: #5b4e96;
2220 }
2221 .qcld-general-settings-close:hover {
2222 color: orange;
2223 }
2224 #qcld-show-more-wrapper-box {
2225 margin-top: 0;
2226 position:relative;
2227 }
2228 #qcld-show-more-wrapper-box .qcld-show-more-text {
2229 /* width: 660px; */
2230 margin-bottom: 5px;
2231 padding: 0 0;
2232 position:relative;
2233 display: block;
2234 }
2235 #qcld-show-more-wrapper-box .qcld-show-more-show-more {
2236 color: #ffffff;
2237 position: relative;
2238 padding: 60px 0 0 0;
2239 height: 60px;
2240 text-align: center;
2241 background: #f1f1f1;
2242 cursor: pointer;
2243 background: linear-gradient(to bottom, rgb(255 255 255 / 24%) 0%, rgb(188 174 255) 100%);
2244 margin: -39px 0 0 0;
2245 border-radius: 0 0 15px 15px;
2246 z-index: 99999;
2247 font-weight: bold;
2248 }
2249
2250 #qcld-show-more-wrapper-box .qcld-show-more-show-more-height {
2251 height: 190px;
2252 overflow:hidden;
2253 }
2254
2255 #qcld-show-more-wrapper-box .qcld-show-more-show-more i {
2256 display: block;
2257 padding: 0 0 0 0;
2258 background: #5b4e96;
2259 width: 30px;
2260 height: 30px;
2261 line-height: 30px;
2262 border-radius: 50%;
2263 margin: -15px auto 0 auto;
2264 font-size: 18px !important;
2265 color: #fff;
2266 }
2267
2268 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]+label {
2269 position: relative;
2270 width: 18px;
2271 height: 18px;
2272 border: 2px solid #5b4e96;
2273 border-radius: 4px;
2274 top: 0;
2275 left: 0;
2276 transform: translate(0%, 0%);
2277 transition: all ease-out 200ms;
2278 text-indent: 28px;
2279 white-space: nowrap;
2280 color: #555;
2281 -webkit-user-select: none;
2282 -moz-user-select: none;
2283 -ms-user-select: none;
2284 user-select: none;
2285 display: flex;
2286 align-items: center;
2287 margin-bottom: 0;
2288 line-height: 30px;
2289 }
2290
2291
2292 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]+label:after {
2293 content: "";
2294 position: absolute;
2295 width: 0px;
2296 height: 8px;
2297 border-bottom: 3px solid #22b573;
2298 border-left: 3px solid #22b573;
2299 top: 25%;
2300 left: 50%;
2301 transform-origin: bottom left;
2302 transform: rotate(-45deg);
2303 opacity: 0;
2304 transition: all ease-out 200ms;
2305 }
2306
2307 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label {
2308 border: 2px solid #22b573;
2309 }
2310
2311 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label:after {
2312 opacity: 1;
2313 width: 22px;
2314 }
2315
2316 .qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox] {
2317 display: none;
2318 }
2319
2320
2321 .qcl-openai div#wp-chatbot-gemini-settings .form-check {
2322 margin-bottom: 15px;
2323 border: 1px solid #E5E6F2;
2324 padding: 12px 12px;
2325 border-radius: 8px;
2326 }
2327
2328 .qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span {
2329 font-size: 12px;
2330 }
2331
2332 .qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span.pro-badge {
2333 font-size: 9px;
2334 font-weight: 400;
2335 color: #ffffff;
2336 background: #5B4E96;
2337 border-radius: 20px;
2338 padding: 2px 8px;
2339 margin-left: 5px;
2340 text-transform: uppercase;
2341 text-indent: initial;
2342 line-height: 16px;
2343 }
2344
2345 .qcl-openai div#wp-chatbot-gemini-settings a#save_setting {
2346 margin: 0 0 15px 0;
2347 }
2348
2349
2350
2351 span.qcls_openAI_customized {
2352 background: yellow;
2353 }
2354 .admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
2355 font-size: 16px;
2356 line-height: 28px;
2357 }
2358 textarea#qcld_openai_system_content {
2359 height: 120px;
2360 line-height: 28px;
2361 }
2362 .qcld-main-wrapper .alert.alert-warning {
2363 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96% 96%);
2364 border-radius: 6px;
2365 color: #721c24;
2366 background: #f8d7da;
2367 border-color: #f5c6cb;
2368 font-weight: bold;
2369 }
2370 .qcld-wpbot-pricing-filter-form-check {
2371 display: flex;
2372 gap: 10px;
2373 }
2374
2375 .qcld-dialogflow-enable-notice {
2376 padding: 15px 0 15px 0;
2377 color: red;
2378 font-weight: bold;
2379 }
2380
2381 a#qcld_save_gemini_setting {
2382 background: #5B4E96;
2383 color: #ffffff;
2384 border: none;
2385 padding: 12px 30px;
2386 }
2387 .card-body-gemini {
2388 padding: 0 15px;
2389 }
2390
2391 div#panelsStayOpen-collapseseven pre {
2392 width: 100%;
2393 display: block;
2394 max-width: 1120px;
2395 }
2396
2397 .card-body-gemini p {
2398 font-size: 16px;
2399 font-weight: bold;
2400 }
2401
2402 .card-body-openrouter p{
2403 font-size: 16px;
2404 font-weight: bold;
2405 }
2406 div#wp-chatbot-openai-assistants p {
2407 font-size: 16px;
2408 }
2409 button.btn{
2410 outline: none !important;
2411 }
2412 button.btn:focus{
2413 outline: none !important;
2414 }
2415 input:focus {
2416 border-color: #e1dbff;
2417 box-shadow: none !important;
2418 outline: none !important;
2419 }
2420
2421 .wp-chatbot-wrap .qc-opt-language-title{
2422 font-weight: bold !important;
2423 color: #5b4e96 !important;
2424 font-size: 16px;
2425 }
2426
2427 button.qcld_chatbot_custom_icon_button.button, button.wp_chatbot_custom_agent_button.button {
2428 padding: 2px 20px;
2429 width: auto;
2430 font-size: 14px;
2431 font-weight: 500;
2432 color: #988FBD;
2433 border-radius: 8px;
2434 background: #fff;
2435 color: #5B4E96;
2436 text-decoration: none;
2437 margin: 0;
2438 border: 2px solid #5B4E96;
2439
2440 }
2441
2442 button.qcld_chatbot_custom_icon_button.button:hover, button.wp_chatbot_custom_agent_button.button:hover {
2443 background: #5B4E96;
2444 color: #fff;
2445 border: 2px solid #5B4E96;
2446
2447 }
2448
2449
2450 @media (min-width: 993px) and (max-width: 1350px) {
2451 .wp-chatbot-admin-upgrade-pro-sidebar {
2452 width: 25%;
2453 }
2454 }
2455
2456 .wp-chatbot-tabs nav ul li a span.dashicons {
2457 font-size: 20px;
2458 width: auto;
2459 height: auto;
2460 }
2461 .wp-chatbot-tabs nav .cxsc-settings_openai_border a span.dashicons {
2462 font-size: 20px;
2463 }
2464
2465
2466 .dashicons, .dashicons-before:before {
2467 font-family: dashicons;
2468 display: inline-block;
2469 line-height: 1;
2470 font-weight: 400;
2471 font-weight: normal;
2472 }
2473
2474 .qcl-openai a:focus {
2475 outline: 0 auto -webkit-focus-ring-color;
2476 outline-offset: 0;
2477 border: none !important;
2478 outline: none !important;
2479 box-shadow: none;
2480 }
2481
2482 #qcld_check_connection i{
2483 animation: rotation infinite 3s linear;
2484 }
2485
2486 @keyframes rotation{
2487 from{
2488 transform:rotate(360deg);
2489 }
2490
2491 to{
2492 transform:rotate(0deg);
2493 }
2494 }