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

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

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