PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 3.4.2
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v3.4.2
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 8.5.2 All 533 releases
← All changes | css/admin-style.css +1 -3129 8.6.43.4.2 View file →
@@ -1,3129 +1 @@
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: 8px 20px;
1117 - border-radius: 16px;
1118 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
1119 - margin: 20px 0 0 0;
1120 - gap: 30px;
1121 -}
1122 -
1123 -.admin-maxwith.qcld-openai-main-box .tab-content {
1124 - padding: 0 12px 0 12px;
1125 - width: 100%;
1126 -}
1127 -
1128 -.admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card {
1129 - width: 100%;
1130 - max-width: inherit;
1131 - margin: 0 0 8px 0;
1132 - padding: 0;
1133 - border: none;
1134 - box-shadow: none;
1135 - background: #fff !important;
1136 - color: #5B4E96 !important;
1137 - text-decoration: none !important;
1138 - border-radius: 8px;
1139 - border: 2px solid #5B4E96;
1140 -}
1141 -
1142 -.admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card h2 {
1143 - margin: 0;
1144 - padding: 0;
1145 - font-weight: bold;
1146 -}
1147 -
1148 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1149 - font-weight: bold;
1150 - display: block;
1151 - padding: 15px 12px;
1152 - font-size: 16px;
1153 - color: #5B4E96;
1154 - width: 100%;
1155 - text-align: left;
1156 -}
1157 -
1158 -
1159 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link:after {
1160 - content: "\f14f";
1161 - font-family: dashicons;
1162 - position: absolute;
1163 - right: 18px;
1164 - top: 12px;
1165 - font-size: 22px;
1166 - font-weight: normal;
1167 -}
1168 -
1169 -
1170 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link.collapsed:after{
1171 -
1172 - content: "\f10f";
1173 - font-family: dashicons;
1174 - position: absolute;
1175 - right: 18px;
1176 - top: 12px;
1177 - font-size: 22px;
1178 - font-weight: normal;
1179 -}
1180 -
1181 -
1182 -.admin-maxwith.qcld-openai-main-box .btn.active.focus,
1183 -.admin-maxwith.qcld-openai-main-box .btn.active:focus,
1184 -.admin-maxwith.qcld-openai-main-box .btn.focus,
1185 -.admin-maxwith.qcld-openai-main-box .btn:active.focus,
1186 -.admin-maxwith.qcld-openai-main-box .btn:active:focus,
1187 -.admin-maxwith.qcld-openai-main-box .btn:focus {
1188 - outline: 0 auto -webkit-focus-ring-color;
1189 - outline-offset: -2px;
1190 -}
1191 -
1192 -.admin-maxwith.qcld-openai-main-box .tab-content .card-body {
1193 - padding: 15px;
1194 -}
1195 -
1196 -.admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
1197 - font-size: 15px;
1198 -}
1199 -
1200 -.admin-maxwith.qcld-openai-main-box .tab-content {
1201 - font-size: 15px;
1202 -}
1203 -
1204 -.admin-maxwith.qcld-openai-main-box .tab-content .alert.alert-info {
1205 - margin: 15px 0 0 0;
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 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: 10px;
1329 - line-height: 30px;
1330 -}
1331 -
1332 -.qcl-openai 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 input[type=checkbox]:checked+label {
1348 - border: 2px solid #22b573;
1349 -}
1350 -
1351 -.qcl-openai input[type=checkbox]:checked+label:after {
1352 - opacity: 1;
1353 - width: 22px;
1354 -}
1355 -
1356 -.qcl-openai input[type=checkbox] {
1357 - display: none;
1358 -}
1359 -
1360 -
1361 -.qcl-openai .form-check {
1362 - margin-bottom: 15px;
1363 - border: 1px solid #E5E6F2;
1364 - padding: 12px 12px;
1365 - border-radius: 8px;
1366 -}
1367 -
1368 -.qcl-openai label.form-check-label span {
1369 - font-size: 12px;
1370 -}
1371 -
1372 -.qcl-openai 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 a#save_setting {
1386 - margin: 0 0 0 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: 365px;
1490 -}
1491 -
1492 -.admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container select {
1493 - display: none;
1494 -}
1495 -
1496 -/* Avatar Location Selector */
1497 -.avatar-location-wrapper {
1498 - background: #ffffff;
1499 - border-radius: 12px;
1500 - padding: 0 0 25px 0;
1501 - margin: 0 0 0 0;
1502 -}
1503 -
1504 -.avatar-location-title {
1505 - font-size: 13px;
1506 - font-weight: 600;
1507 - color: #6B7280;
1508 - margin: 0 0 10px 0;
1509 - text-transform: none;
1510 - letter-spacing: 0;
1511 -}
1512 -
1513 -.avatar-location-cards {
1514 - display: inline-flex;
1515 - gap: 0;
1516 - background: #F3F4F6;
1517 - border-radius: 10px;
1518 - padding: 4px;
1519 -}
1520 -
1521 -.avatar-location-card {
1522 - display: flex;
1523 - align-items: center;
1524 - gap: 6px;
1525 - padding: 8px 18px;
1526 - border-radius: 8px;
1527 - cursor: pointer;
1528 - font-size: 13px;
1529 - font-weight: 500;
1530 - color: #6B7280;
1531 - background: transparent;
1532 - border: none;
1533 - transition: all 0.2s ease;
1534 - user-select: none;
1535 -}
1536 -
1537 -.avatar-location-card:hover {
1538 - color: #374151;
1539 - background: #E5E7EB;
1540 -}
1541 -
1542 -.avatar-location-card.active {
1543 - background: #ffffff;
1544 - color: #111827;
1545 - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
1546 -}
1547 -
1548 -.avatar-location-card svg {
1549 - flex-shrink: 0;
1550 - color: inherit;
1551 -}
1552 -
1553 -.avatar-location-card.active svg {
1554 - color: #4B5563;
1555 -}
1556 -
1557 -/* AI Provider Cards Wrapper */
1558 -.ai-provider-cards-wrapper {
1559 - background: #ffffff;
1560 - border-radius: 12px;
1561 - padding: 20px 24px 20px 6px;
1562 - margin: 0 0 0 0;
1563 -}
1564 -
1565 -.ai-provider-cards {
1566 - display: flex;
1567 - gap: 12px;
1568 - flex-wrap: wrap;
1569 - padding: 4px 0;
1570 -}
1571 -
1572 -.ai-provider-card {
1573 - display: flex;
1574 - flex-direction: column;
1575 - align-items: center;
1576 - justify-content: center;
1577 - gap: 8px;
1578 - padding: 8px 12px;
1579 - min-width: 110px;
1580 - background: #ffffff;
1581 - border: 2px solid #E5E7EB;
1582 - border-radius: 12px;
1583 - cursor: pointer;
1584 - position: relative;
1585 - transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
1586 - user-select: none;
1587 -}
1588 -
1589 -.ai-provider-card:hover {
1590 - border-color: #93C5FD;
1591 - background: #F0F7FF;
1592 - transform: translateY(-2px);
1593 - box-shadow: 0 4px 12px rgba(37, 99, 235, 0.10);
1594 -}
1595 -
1596 -.ai-provider-card.active {
1597 - border-color: #2563EB;
1598 - background: #EFF6FF;
1599 - box-shadow: 0 2px 8px rgba(37, 99, 235, 0.13);
1600 -}
1601 -
1602 -.ai-provider-check {
1603 - position: absolute;
1604 - top: 6px;
1605 - right: 6px;
1606 - opacity: 0;
1607 - transform: scale(0.5);
1608 - transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
1609 - line-height: 0;
1610 -}
1611 -
1612 -.ai-provider-card.active .ai-provider-check {
1613 - opacity: 1;
1614 - transform: scale(1);
1615 -}
1616 -
1617 -.ai-provider-icon {
1618 - width: 40px;
1619 - height: 40px;
1620 - display: flex;
1621 - align-items: center;
1622 - justify-content: center;
1623 -}
1624 -
1625 -.ai-provider-icon svg {
1626 - width: 32px;
1627 - height: 32px;
1628 -}
1629 -
1630 -.ai-provider-name {
1631 - font-size: 12px;
1632 - font-weight: 600;
1633 - color: #4B5563;
1634 - text-align: center;
1635 - white-space: nowrap;
1636 - line-height: 1.2;
1637 -}
1638 -
1639 -.ai-provider-card.active .ai-provider-name {
1640 - color: #1E40AF;
1641 -}
1642 -
1643 -
1644 -.admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-openai-training-model .row.my-4 {
1645 - font-size: 15px;
1646 - display: flex;
1647 - width: 100%;
1648 - align-items: center;
1649 - justify-content: center;
1650 - min-height: 420px;
1651 - text-align: center;
1652 -}
1653 -
1654 -.admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-data_post_converter .row.my-4 {
1655 - font-size: 16px;
1656 - display: flex;
1657 - width: 100%;
1658 - align-items: center;
1659 - justify-content: center;
1660 - min-height: 420px;
1661 - text-align: center;
1662 -}
1663 -
1664 -.admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-img_generator .row.my-4 {
1665 - font-size: 16px;
1666 - display: flex;
1667 - width: 100%;
1668 - align-items: center;
1669 - justify-content: center;
1670 - min-height: 420px;
1671 - text-align: center;
1672 -}
1673 -
1674 -.admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-content_writer .row.my-4 {
1675 - font-size: 16px;
1676 - display: flex;
1677 - width: 100%;
1678 - align-items: center;
1679 - justify-content: center;
1680 - min-height: 420px;
1681 - text-align: center;
1682 -}
1683 -
1684 -
1685 -.qcld-wrap.swpm-admin-menu-wrap {
1686 - display: flex;
1687 - margin: 15px 0;
1688 -}
1689 -
1690 -.qcld_help_wppt_nav_container {
1691 - display: flex;
1692 - flex-direction: column;
1693 - width: 320px;
1694 - background: #fff;
1695 - border-radius: 16px;
1696 - margin: 0 20px 0 0;
1697 -}
1698 -
1699 -.content_qcbot_help_secion {
1700 - position: relative;
1701 - width: 79%;
1702 - display: block;
1703 - background: #fff;
1704 - border-radius: 16px;
1705 - padding: 15px 20px;
1706 -}
1707 -
1708 -.qcld_help_wppt_nav_container a {
1709 - margin: 2px 10px;
1710 -}
1711 -
1712 -.qcld_help_wppt_nav_container a {
1713 - margin: 2px 10px;
1714 - font-size: 15px;
1715 - font-weight: 500;
1716 - border: none;
1717 - padding: 14px 20px !important;
1718 - display: flex;
1719 - align-items: center;
1720 - gap: 15px;
1721 -}
1722 -
1723 -.qcld_help_wppt_nav_container a:hover {
1724 - margin: 2px 10px;
1725 - font-size: 15px;
1726 - font-weight: 500;
1727 - border: none;
1728 - background: #5b4e96;
1729 - color: #fff;
1730 - padding: 14px 20px !important;
1731 - display: flex;
1732 - align-items: center;
1733 - gap: 15px;
1734 -}
1735 -
1736 -.content_qcbot_help_secion .panel-default>.panel-heading {
1737 - color: #333;
1738 - background-color: #f5f5f5;
1739 - border-color: #5B4E96;
1740 - background: #fff !important;
1741 - color: #5B4E96 !important;
1742 - text-decoration: none !important;
1743 - border-radius: 8px;
1744 - border: 2px solid #5B4E96;
1745 - padding: 0;
1746 -}
1747 -
1748 -
1749 -.content_qcbot_help_secion .panel-default>.panel-heading:hover {
1750 - background: #5B4E96 !important;
1751 - color: #ffffff !important;
1752 - text-decoration: none !important;
1753 - border-radius: 8px;
1754 -}
1755 -
1756 -
1757 -.content_qcbot_help_secion .panel-default>.panel-heading:hover a{
1758 - color: #ffffff !important;
1759 -}
1760 -.content_qcbot_help_secion .panel-default {
1761 - border-color: #dddddd00;
1762 - margin-bottom: 10px;
1763 -}
1764 -
1765 -.content_qcbot_help_secion .panel-title a {
1766 - padding: 10px 15px;
1767 - display: block;
1768 - position: relative;
1769 - display: block;
1770 - padding: 15px 12px;
1771 - font-size: 16px;
1772 - font-weight: bold;
1773 - color: #5B4E96;
1774 -}
1775 -
1776 -.content_qcbot_help_secion p {
1777 - font-size: 15px;
1778 -}
1779 -
1780 -.content_qcbot_help_secion .panel-title a.collapsed:after {
1781 - content: "\f10f";
1782 - position: absolute;
1783 - right: 18px;
1784 - top: 12px;
1785 - font-family: dashicons;
1786 - font-size: 24PX;
1787 - font-weight: normal;
1788 -}
1789 -
1790 -.content_qcbot_help_secion .panel-title a:after {
1791 - content: "\f14f";
1792 - position: absolute;
1793 - right: 18px;
1794 - top: 12px;
1795 - font-family: dashicons;
1796 - font-size: 24PX;
1797 - font-weight: normal;
1798 -}
1799 -
1800 -
1801 -.content_qcbot_help_secion .panel-default>.panel-heading+.panel-collapse>.panel-body {
1802 - border-top-color: transparent;
1803 - background: linear-gradient(181deg, #ffffff 70%, #e9e4ff 96%);
1804 - border-radius: 16px;
1805 - border: 1px solid #eee;
1806 - margin: 8px 0 0 0;
1807 - padding: 20px 15px;
1808 -}
1809 -
1810 -.content_qcbot_help_secion .panel {
1811 - box-shadow: none;
1812 -}
1813 -
1814 -.qcbot_help_secion h3 {
1815 - font-size: 16px;
1816 - font-weight: bold;
1817 -}
1818 -
1819 -.qcbot_help_secion ul li {
1820 - list-style: inside;
1821 -}
1822 -
1823 -.notice.is-dismissible.qcbot-str-top-notic {
1824 - width: 98.7%;
1825 -}
1826 -
1827 -.qcld-main-wrapper {
1828 - margin: 10px 0px 0 2px !important;
1829 -}
1830 -
1831 -.content_qcbot_help_secion .section-container {
1832 - display: flex;
1833 - gap: 30px;
1834 -}
1835 -
1836 -.content-wrap .section-container {
1837 - display: flex;
1838 - gap: 30px;
1839 -}
1840 -
1841 -.wpbot_statistics_area h2 {
1842 - font-size: 22px;
1843 - font-weight: bold;
1844 -}
1845 -
1846 -
1847 -section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover a {
1848 - color: #fff;
1849 -}
1850 -
1851 -.qcld-main-wrapper a {
1852 - text-decoration: none !important;
1853 -}
1854 -
1855 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1856 - text-decoration: none;
1857 -}
1858 -
1859 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link:hover {
1860 - font-weight: bold;
1861 - display: block;
1862 - padding: 15px 12px;
1863 - font-size: 16px;
1864 - color: #fff;
1865 - background: #5B4E96;
1866 - width: 100%;
1867 - text-align: left;
1868 -}
1869 -
1870 -.content-wrap .qcld-seo-help-feature ul {
1871 - background: linear-gradient(178deg, #ffffff 70%, #e9e4ff 96%);
1872 - border-radius: 6px;
1873 - padding: 5px 8px;
1874 - border: 1px solid #eee;
1875 -}
1876 -
1877 -.wp-chatbot-tabs nav ul li a {
1878 - color: #695d99;
1879 -}
1880 -
1881 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a {
1882 - color: #695d99;
1883 -}
1884 -
1885 -
1886 -.qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab {
1887 - float: left;
1888 - border: 1px solid #c3c4c7;
1889 - border-bottom: 1px;
1890 - margin-left: .5em;
1891 - font-size: 16px;
1892 - line-height: 1.71428571;
1893 - font-weight: 600;
1894 - background: #ffffff;
1895 - color: #5b4e96;
1896 - text-decoration: none;
1897 - white-space: nowrap;
1898 - border: 1px solid #5b4e96;
1899 - padding: 14px 20px !important;
1900 - line-height: normal !important;
1901 - border-radius: 6px;
1902 -
1903 -}
1904 -
1905 -.qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab:hover, .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab.nav-tab-active {
1906 - float: left;
1907 - border: 1px solid #c3c4c7;
1908 - border-bottom: 1px;
1909 - margin-left: .5em;
1910 - font-size: 16px;
1911 - line-height: 1.71428571;
1912 - font-weight: 600;
1913 - background: #5b4e96;
1914 - color: #fff;
1915 - text-decoration: none;
1916 - white-space: nowrap;
1917 - border: 1px solid #5b4e96;
1918 - padding: 14px 20px !important;
1919 - line-height: normal !important;
1920 -
1921 -}
1922 -
1923 -.qcld_label_width_full{
1924 - width: 100% !important;
1925 -}
1926 -.cxsc-settings-blocks-font-resize{
1927 - font-size: 14px !important;
1928 -}
1929 -
1930 -.qcld_thumbnail_theme_prev label{
1931 - width: 100% !important;
1932 - position: relative;
1933 - text-align: center;
1934 -}
1935 -
1936 -button.swal2-confirm.btn.btn-lg.swal2-styled {
1937 - padding: 14px 20px;
1938 - width: 100%;
1939 - font-size: 16px;
1940 - font-weight: 500;
1941 - color: #988FBD;
1942 - border-radius: 8px;
1943 - position: relative;
1944 - display: flex;
1945 - align-items: center;
1946 - gap: 15px;
1947 - background: #5B4E96;
1948 - color: #ffffff;
1949 - text-decoration: none;
1950 - border-color: #5b4e96 !important;
1951 -}
1952 -
1953 -
1954 -
1955 -
1956 -
1957 -
1958 -
1959 -
1960 -
1961 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label {
1962 - position: relative;
1963 - width: 18px;
1964 - height: 18px;
1965 - border: 2px solid #5b4e96;
1966 - border-radius: 4px;
1967 - top: 0;
1968 - left: 0;
1969 - transform: translate(0%, 0%);
1970 - transition: all ease-out 200ms;
1971 - text-indent: 28px;
1972 - font: normal normal 30px / 60px "Helvetica";
1973 - white-space: nowrap;
1974 - color: #555;
1975 - -webkit-user-select: none;
1976 - -moz-user-select: none;
1977 - -ms-user-select: none;
1978 - user-select: none;
1979 - display: flex;
1980 - align-items: center;
1981 -}
1982 -
1983 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label:after {
1984 - content: "";
1985 - position: absolute;
1986 - width: 0px;
1987 - height: 8px;
1988 - border-bottom: 3px solid #22b573;
1989 - border-left: 3px solid #22b573;
1990 - top: 25%;
1991 - left: 50%;
1992 - transform-origin: bottom left;
1993 - transform: rotate(-45deg);
1994 - opacity: 0;
1995 - transition: all ease-out 200ms;
1996 -}
1997 -
1998 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label {
1999 - border: 2px solid #22b573;
2000 -}
2001 -
2002 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label:after {
2003 - opacity: 1;
2004 - width: 22px;
2005 -}
2006 -
2007 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox] {
2008 - display: none;
2009 -}
2010 -
2011 -.cxsc-settings_openai_border {
2012 - margin-bottom: 6px;
2013 -}
2014 -
2015 -div#wp-chatbot-custom-color-options .top-section .row .cxsc-settings-blocks {
2016 - padding-top: 0;
2017 -}
2018 -
2019 -div#wp-chatbot-post-converter ul.checkbox-list {
2020 - display: flex;
2021 - flex-wrap: wrap;
2022 - gap: 6px;
2023 -}
2024 -div#wp-chatbot-post-converter ul.checkbox-list .form-check.form-check-inline {
2025 - display: inline-block;
2026 - min-width: 290px;
2027 - margin: 0;
2028 -}
2029 -
2030 -
2031 -
2032 -div#wp-chatbot-show-pages-list ul.checkbox-list {
2033 - display: flex;
2034 - flex-wrap: wrap;
2035 - gap: 6px;
2036 -}
2037 -
2038 -div#wp-chatbot-exclude-post-list ul.checkbox-list {
2039 - display: flex;
2040 - flex-wrap: wrap;
2041 - gap: 6px;
2042 -}
2043 -
2044 -
2045 -div#wp-chatbot-show-pages-list ul.checkbox-list li{
2046 - display: inline-block;
2047 - min-width: 310px;
2048 - margin: 0;
2049 -}
2050 -
2051 -div#wp-chatbot-exclude-post-list ul.checkbox-list li{
2052 - display: inline-block;
2053 - min-width: 310px;
2054 - margin: 0;
2055 -}
2056 -#rotationloader
2057 - {
2058 - display: none;
2059 - rotate: initial;
2060 - -webkit-animation: rotation 2s infinite linear;
2061 -}
2062 -
2063 -.docs_icon {
2064 -position: absolute;
2065 - top: 0;
2066 - bottom: 0;
2067 - left: 0;
2068 - right: 0;
2069 - z-index: 1;
2070 - text-align: center;
2071 - display: flex;
2072 - align-items: center;
2073 - justify-content: center;
2074 - background: #5b4e968f;
2075 - color: #ffffff;
2076 - font-size: 60px;
2077 - border-radius: 8px;
2078 -}
2079 -a.qcld-wp-chatbot-wrap--doc_logo {
2080 - text-decoration: none !important;
2081 - position: relative;
2082 -}
2083 -.docs_icon span {
2084 - background: #5b4e96;
2085 - padding: 25px 25px;
2086 - border-radius: 50%;
2087 - font-size: 82px;
2088 - width: auto;
2089 - height: auto;
2090 -}
2091 -
2092 -
2093 -/* .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
2094 - font-size: 18px;
2095 - display: block !important;
2096 -} */
2097 -
2098 -.lp-submenu-wpbot_openAi .swal2-actions button {
2099 - width: auto !important;
2100 - padding: 10px 40px !important;
2101 - line-height: normal !important;
2102 -}
2103 -.lp-submenu-wpbot_openAi .swal2-actions {
2104 - display: flex;
2105 -}
2106 -.lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
2107 - font-size: 16px !important;
2108 - font-weight: 500 !important;
2109 -}
2110 -
2111 -.wp-chatbot-wrap hr {
2112 - margin-top: 10px;
2113 - margin-bottom: 10px;
2114 -}
2115 -
2116 -
2117 -.wp-chatbot-wrap a.nav-tab.sld_click_handle {
2118 - margin-right: .5em;
2119 - line-height: 1.42857143;
2120 - border: 1px solid #5b4e96 !important;
2121 - border-radius: 6px !important;
2122 - border: 1px solid #5b4e96 !important;
2123 - padding: 10px 20px !important;
2124 - border-radius: 8px !important;
2125 - color: #5b4e96 !important;
2126 - font-size: 15px !important;
2127 - font-weight: 600;
2128 - line-height: normal !important;
2129 - background: #fff;
2130 -}
2131 -
2132 -.wp-chatbot-wrap a.nav-tab.sld_click_handle:hover, .wp-chatbot-wrap a.nav-tab.sld_click_handle.nav-tab-active{
2133 - margin-right: .5em;
2134 - line-height: 1.42857143;
2135 - border: 1px solid #5b4e96 !important;
2136 - border-radius: 6px !important;
2137 - border: 1px solid #5b4e96 !important;
2138 - padding: 10px 20px !important;
2139 - border-radius: 8px !important;
2140 - color: #fff !important;
2141 - font-size: 15px !important;
2142 - font-weight: 600;
2143 - line-height: normal !important;
2144 - background: #5b4e96;
2145 -}
2146 -
2147 -
2148 -
2149 -
2150 -
2151 -
2152 -
2153 -
2154 -.swal2-actions {
2155 - display: flex;
2156 - z-index: 1;
2157 - box-sizing: border-box;
2158 - flex-wrap: wrap;
2159 - align-items: center;
2160 - justify-content: center;
2161 - width: 100%;
2162 - margin: 1.25em auto 0;
2163 - padding: 0;
2164 -}
2165 -button.swal2-deny.swal2-styled{
2166 - border: 0;
2167 - border-radius: .25em;
2168 - background: initial;
2169 - background-color: #d14529 !important;
2170 - color: #fff;
2171 - font-size: 1em;
2172 - padding: 14px 20px;
2173 - width: auto;
2174 - font-size: 16px;
2175 - font-weight: 500;
2176 - color: #988FBD;
2177 - border-radius: 8px;
2178 - position: relative;
2179 - display: flex;
2180 - align-items: center;
2181 - gap: 15px;
2182 - background: #d14529;
2183 - color: #ffffff;
2184 - text-decoration: none;
2185 - border-color: #5b4e96 !important;
2186 -}
2187 -
2188 -
2189 -button.swal2-confirm.btn.btn-lg.swal2-styled {
2190 - width: auto !important;
2191 -}
2192 -
2193 -.chatbot-wpbot-lite_page_wpbot button.swal2-deny.swal2-styled {
2194 - display: none !important;
2195 -}
2196 -a#qcld_save_openrouter_setting {
2197 - background: #5B4E96;
2198 - color: #ffffff;
2199 - border: none;
2200 - padding: 12px 30px;
2201 -}
2202 -
2203 -a#save_setting {
2204 - background: #5B4E96;
2205 - color: #ffffff;
2206 - border: none;
2207 - padding: 12px 30px;
2208 -}
2209 -
2210 -@media (max-width: 1280px) {
2211 -.content-wrap {
2212 - width: 50% !important;
2213 -}
2214 -
2215 -.wp-chatbot-admin-upgrade-pro-sidebar {
2216 -
2217 - width: 24% !important;
2218 -}
2219 -
2220 -}
2221 -
2222 -@media (max-width: 992px) {
2223 -.wp-chatbot-tabs nav {
2224 - width: 100% !important;
2225 - margin-right: 0 !important;
2226 -}
2227 -.content-wrap {
2228 - width: 100% !important;
2229 -}
2230 -.wp-chatbot-admin-upgrade-pro-sidebar {
2231 - width: 100% !important;
2232 - margin: 0 0 0 0 !important;
2233 -}
2234 -.wp-chatbot-tabs {
2235 - display: flex;
2236 - flex-wrap: wrap;
2237 - gap: 20px;
2238 -}
2239 -.admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
2240 - display: flex;
2241 - flex-wrap: wrap;
2242 -}
2243 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
2244 - width: 100%;
2245 -}
2246 -.qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2247 - padding: 12px 5px !important;
2248 -}
2249 -label.form-check-label span {
2250 - display: none;
2251 -}
2252 -.qc-review-text img {
2253 - width: 100%;
2254 -}
2255 -
2256 -.content_qcbot_help_secion {
2257 - width: 100% !important;
2258 -}
2259 -.qcld_help_wppt_nav_container {
2260 - width: 100% !important;
2261 -}
2262 -.qcld-wrap.swpm-admin-menu-wrap {
2263 - display: flex
2264 -;
2265 - margin: 15px 0;
2266 - flex-direction: column;
2267 - flex-wrap: wrap;
2268 -}
2269 -}
2270 -
2271 -
2272 -@media (max-width: 640px) {
2273 -.qcld-wp-chatbot-wrap-header {
2274 - display: flex;
2275 - column-gap: 15px;
2276 - row-gap: 10px;
2277 - background: #fff;
2278 - padding: 15px 15px;
2279 - margin: 20px 20px 20px 0;
2280 - border-radius: 16px;
2281 - align-items: center;
2282 - justify-content: space-between;
2283 - flex-direction: column;
2284 -}
2285 -ul.qcld-wp-chatbot-wrap-version-wrapper {
2286 - display: block;
2287 - margin: 15px 0 15px 0;
2288 -}
2289 -.qcld-wp-chatbot-wrap-header-doc {
2290 - display: flex
2291 -;
2292 - column-gap: 15px;
2293 - row-gap: 10px;
2294 - background: #fff;
2295 - padding: 15px 15px;
2296 - margin: 20px 20px 20px 0;
2297 - border-radius: 16px;
2298 - align-items: center;
2299 - justify-content: flex-start;
2300 - display: flex
2301 -;
2302 - background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
2303 - border-radius: 16px;
2304 - gap: 30px;
2305 - flex-direction: column;
2306 -}
2307 -.qcld-wp-chatbot-wrap-header-doc-details {
2308 - width: 100%;
2309 -}
2310 - .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2311 - padding: 12px 25px !important;
2312 - }
2313 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
2314 - display: inline-block;
2315 - width: 100%;
2316 -}
2317 -}
2318 -
2319 -.swal2-popup.swal2-modal.connection-modal button.swal2-deny.swal2-styled{display: none !important;}
2320 -.swal2-popup.swal2-modal.connection-modal .swal2-styled.swal2-confirm {
2321 - padding: 14px 20px;
2322 - width: auto;
2323 - font-size: 16px;
2324 - align-items: center;
2325 - gap: 15px;
2326 - background: #5B4E96;
2327 - color: #ffffff;
2328 - text-decoration: none;
2329 - border-color: #5b4e96 !important;
2330 -}
2331 -
2332 -.wrap.qcld-main-wrapper a:focus {
2333 - outline: none !important;
2334 - outline-offset: 0 !important;
2335 - box-shadow: none !important;
2336 -}
2337 -
2338 -p.qc-opt-dcs-font-faq {
2339 - font-weight: bold;
2340 -}
2341 -
2342 -
2343 -.qcld-general-settings-connection-notic {
2344 - background: #eee;
2345 - border: 2px solid #5b4e96;
2346 - border-radius: 8px;
2347 - margin: 0 0 15px 0;
2348 - padding: 12px;
2349 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
2350 - position: relative;
2351 -}
2352 -.qcld-general-settings-connection-notic p{
2353 - margin: 6px 0 6px 0;
2354 - padding: 0;
2355 - font-size: 15px;
2356 - font-weight: 500;
2357 -}
2358 -
2359 -
2360 -.qcld-general-settings-close {
2361 - position: absolute;
2362 - top: -10px;
2363 - right: 3px;
2364 - transition: all 200ms;
2365 - font-size: 30px;
2366 - font-weight: bold;
2367 - text-decoration: none;
2368 - color: #5b4e96;
2369 -}
2370 -.qcld-general-settings-close:hover {
2371 - color: orange;
2372 -}
2373 -#qcld-show-more-wrapper-box {
2374 - margin-top: 0;
2375 - position:relative;
2376 -}
2377 -#qcld-show-more-wrapper-box .qcld-show-more-text {
2378 -/* width: 660px; */
2379 - margin-bottom: 5px;
2380 - padding: 0 0;
2381 - position:relative;
2382 - display: block;
2383 -}
2384 -#qcld-show-more-wrapper-box .qcld-show-more-show-more {
2385 -color: #ffffff;
2386 - position: relative;
2387 - padding: 60px 0 0 0;
2388 - height: 60px;
2389 - text-align: center;
2390 - background: #f1f1f1;
2391 - cursor: pointer;
2392 - background: linear-gradient(to bottom, rgb(255 255 255 / 24%) 0%, rgb(188 174 255) 100%);
2393 - margin: -39px 0 0 0;
2394 - border-radius: 0 0 15px 15px;
2395 - z-index: 99999;
2396 - font-weight: bold;
2397 -}
2398 -
2399 -#qcld-show-more-wrapper-box .qcld-show-more-show-more-height {
2400 - height: 338px;
2401 - overflow:hidden;
2402 -}
2403 -
2404 -#qcld-show-more-wrapper-box .qcld-show-more-show-more i {
2405 - display: block;
2406 - padding: 0 0 0 0;
2407 - background: #5b4e96;
2408 - width: 30px;
2409 - height: 30px;
2410 - line-height: 30px;
2411 - border-radius: 50%;
2412 - margin: -15px auto 0 auto;
2413 - font-size: 18px !important;
2414 - color: #fff;
2415 -}
2416 -
2417 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]+label {
2418 - position: relative;
2419 - width: 18px;
2420 - height: 18px;
2421 - border: 2px solid #5b4e96;
2422 - border-radius: 4px;
2423 - top: 0;
2424 - left: 0;
2425 - transform: translate(0%, 0%);
2426 - transition: all ease-out 200ms;
2427 - text-indent: 28px;
2428 - white-space: nowrap;
2429 - color: #555;
2430 - -webkit-user-select: none;
2431 - -moz-user-select: none;
2432 - -ms-user-select: none;
2433 - user-select: none;
2434 - display: flex;
2435 - align-items: center;
2436 - margin-bottom: 0;
2437 - line-height: 30px;
2438 -}
2439 -
2440 -
2441 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]+label:after {
2442 - content: "";
2443 - position: absolute;
2444 - width: 0px;
2445 - height: 8px;
2446 - border-bottom: 3px solid #22b573;
2447 - border-left: 3px solid #22b573;
2448 - top: 25%;
2449 - left: 50%;
2450 - transform-origin: bottom left;
2451 - transform: rotate(-45deg);
2452 - opacity: 0;
2453 - transition: all ease-out 200ms;
2454 -}
2455 -
2456 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label {
2457 - border: 2px solid #22b573;
2458 -}
2459 -
2460 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label:after {
2461 - opacity: 1;
2462 - width: 22px;
2463 -}
2464 -
2465 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox] {
2466 - display: none;
2467 -}
2468 -
2469 -
2470 -.qcl-openai div#wp-chatbot-gemini-settings .form-check {
2471 - margin-bottom: 15px;
2472 - border: 1px solid #E5E6F2;
2473 - padding: 12px 12px;
2474 - border-radius: 8px;
2475 -}
2476 -
2477 -.qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span {
2478 - font-size: 12px;
2479 -}
2480 -
2481 -.qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span.pro-badge {
2482 - font-size: 9px;
2483 - font-weight: 400;
2484 - color: #ffffff;
2485 - background: #5B4E96;
2486 - border-radius: 20px;
2487 - padding: 2px 8px;
2488 - margin-left: 5px;
2489 - text-transform: uppercase;
2490 - text-indent: initial;
2491 - line-height: 16px;
2492 -}
2493 -
2494 -.qcl-openai div#wp-chatbot-gemini-settings a#save_setting {
2495 - margin: 0 0 15px 0;
2496 -}
2497 -
2498 -
2499 -
2500 -span.qcls_openAI_customized {
2501 - background: yellow;
2502 -}
2503 -.admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
2504 - font-size: 16px;
2505 - line-height: 28px;
2506 -}
2507 -textarea#qcld_openai_system_content {
2508 - height: 120px;
2509 - line-height: 28px;
2510 -}
2511 -.qcld-openai-system-presets {
2512 - display: flex;
2513 - gap: 10px;
2514 - margin: 12px 0;
2515 - overflow-x: auto;
2516 - padding-bottom: 8px;
2517 - scroll-snap-type: x proximity;
2518 - flex-wrap: wrap;
2519 -}
2520 -.qcld-openai-system-preset {
2521 - align-items: center;
2522 - border: 1px solid #dcdcde;
2523 - border-radius: 6px;
2524 - cursor: pointer;
2525 - display: flex;
2526 - flex: 0 0 220px;
2527 - gap: 10px;
2528 - justify-content: center;
2529 - margin: 0;
2530 - min-height: 70px;
2531 - padding: 12px;
2532 - scroll-snap-align: start;
2533 - text-align: center;
2534 -}
2535 -.qcld-openai-system-preset input {
2536 - display: none;
2537 -}
2538 -.qcld-openai-system-preset.is-selected {
2539 - background: #f0f6fc;
2540 - border-color: #2271b1;
2541 -}
2542 -.qcld-openai-system-preset-content {
2543 - display: grid;
2544 - gap: 4px;
2545 - line-height: 22px;
2546 -}
2547 -.qcld-openai-system-preset-title {
2548 - color: #1d2327;
2549 - font-weight: 600;
2550 -}
2551 -.qcld-openai-system-preset-value {
2552 - display: none;
2553 -}
2554 -@media (max-width: 782px) {
2555 - .qcld-openai-system-preset {
2556 - flex-basis: 180px;
2557 - }
2558 -}
2559 -.qcld-main-wrapper .alert.alert-warning {
2560 - background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96% 96%);
2561 - border-radius: 6px;
2562 - color: #721c24;
2563 - background: #f8d7da;
2564 - border-color: #f5c6cb;
2565 - font-weight: bold;
2566 -}
2567 -.qcld-wpbot-pricing-filter-form-check {
2568 - display: flex;
2569 - gap: 10px;
2570 -}
2571 -
2572 -.qcld-dialogflow-enable-notice {
2573 - padding: 15px 0 15px 0;
2574 - color: red;
2575 - font-weight: bold;
2576 -}
2577 -
2578 -a#qcld_save_gemini_setting {
2579 - background: #5B4E96;
2580 - color: #ffffff;
2581 - border: none;
2582 - padding: 12px 30px;
2583 -}
2584 -.card-body-gemini {
2585 - padding: 0 15px;
2586 -}
2587 -
2588 -div#panelsStayOpen-collapseseven pre {
2589 - width: 100%;
2590 - display: block;
2591 - max-width: 1120px;
2592 -}
2593 -
2594 -.card-body-gemini p {
2595 - font-size: 16px;
2596 - font-weight: bold;
2597 -}
2598 -
2599 -.card-body-openrouter p{
2600 - font-size: 16px;
2601 - font-weight: bold;
2602 -}
2603 -div#wp-chatbot-openai-assistants p {
2604 - font-size: 16px;
2605 -}
2606 -button.btn{
2607 - outline: none !important;
2608 -}
2609 -button.btn:focus{
2610 - outline: none !important;
2611 -}
2612 -input:focus {
2613 - border-color: #e1dbff;
2614 - box-shadow: none !important;
2615 - outline: none !important;
2616 -}
2617 -
2618 -.wp-chatbot-wrap .qc-opt-language-title{
2619 - font-weight: bold !important;
2620 - color: #5b4e96 !important;
2621 - font-size: 16px;
2622 -}
2623 -
2624 -button.qcld_chatbot_custom_icon_button.button, button.wp_chatbot_custom_agent_button.button {
2625 - padding: 2px 20px;
2626 - width: auto;
2627 - font-size: 14px;
2628 - font-weight: 500;
2629 - color: #988FBD;
2630 - border-radius: 8px;
2631 - background: #fff;
2632 - color: #5B4E96;
2633 - text-decoration: none;
2634 - margin: 0;
2635 - border: 2px solid #5B4E96;
2636 -
2637 -}
2638 -
2639 -button.qcld_chatbot_custom_icon_button.button:hover, button.wp_chatbot_custom_agent_button.button:hover {
2640 - background: #5B4E96;
2641 - color: #fff;
2642 - border: 2px solid #5B4E96;
2643 -
2644 -}
2645 -
2646 -
2647 -@media (min-width: 993px) and (max-width: 1350px) {
2648 -.wp-chatbot-admin-upgrade-pro-sidebar {
2649 - width: 25%;
2650 -}
2651 -}
2652 -
2653 -.wp-chatbot-tabs nav ul li a span.dashicons {
2654 - font-size: 20px;
2655 - width: auto;
2656 - height: auto;
2657 -}
2658 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a span.dashicons {
2659 - font-size: 20px;
2660 -}
2661 -
2662 -
2663 -.dashicons, .dashicons-before:before {
2664 - font-family: dashicons;
2665 - display: inline-block;
2666 - line-height: 1;
2667 - font-weight: 400;
2668 - font-weight: normal;
2669 -}
2670 -
2671 -.qcl-openai a:focus {
2672 - outline: 0 auto -webkit-focus-ring-color;
2673 - outline-offset: 0;
2674 - border: none !important;
2675 - outline: none !important;
2676 - box-shadow: none;
2677 -}
2678 -
2679 -#qcld_check_connection i{
2680 - animation: rotation infinite 3s linear;
2681 -}
2682 -
2683 -.wp-chatbot-wrap div#wp-chatbot-custom-color-options .form-group {
2684 - min-height: 90px;
2685 -}
2686 -
2687 -div#promotion-wpchatbot .qc-review-text a {
2688 - display: block;
2689 -}
2690 -.qcld-wp-chatbot-wrap-header-logo {
2691 - display: flex;
2692 - align-items: center;
2693 - gap: 10px;
2694 -}
2695 -@keyframes rotation{
2696 - from{
2697 - transform:rotate(360deg);
2698 - }
2699 -
2700 - to{
2701 - transform:rotate(0deg);
2702 - }
2703 -}
2704 -
2705 -.qcld-btn-primary {
2706 - padding: 14px 30px;
2707 - width: auto;
2708 - font-size: 16px;
2709 - font-weight: 500;
2710 - color: #988FBD;
2711 - border-radius: 8px;
2712 - position: relative;
2713 - display: inline-block;
2714 - align-items: center;
2715 - gap: 15px;
2716 - background: #5B4E96;
2717 - color: #ffffff;
2718 - text-decoration: none;
2719 - border-color: #5b4e96 !important;
2720 - line-height: normal;
2721 -}
2722 -div#wpfooter {
2723 - display: none;
2724 -}
2725 -
2726 -.qcld-btn-primary {
2727 -
2728 - border: none;
2729 -}
2730 -
2731 -div#qcld-rag-settings-tab .wrap h3 {
2732 - padding: 0 0 8px 0;
2733 - margin: 20px 0 12px 0;
2734 - font-weight: bold;
2735 - font-size: 22px !important;
2736 - color: #5b4e96 !important;
2737 -}
2738 -
2739 -div#rag-sync .wrap h3 {
2740 - padding: 0 0 8px 0;
2741 - margin: 10px 0 12px 0;
2742 - font-weight: bold;
2743 - font-size: 22px !important;
2744 - color: #5b4e96 !important;
2745 -}
2746 -
2747 -div#rag-settings h2.nav-tab-wrapper a {
2748 - margin-right: 0;
2749 - line-height: 1.42857143;
2750 - border: 1px solid #5b4e96;
2751 - border-radius: 6px;
2752 - border: 1px solid #5b4e96;
2753 - padding: 10px 20px !important;
2754 - border-radius: 8px;
2755 - color: #5b4e96;
2756 - font-size: 15px;
2757 - font-weight: 600;
2758 - line-height: normal !important;
2759 - background: #fff;
2760 -}
2761 -
2762 -div#rag-settings h2.nav-tab-wrapper {
2763 - margin: 0;
2764 - padding: 0;
2765 - border: none;
2766 -}
2767 -
2768 -div#rag-settings h2.nav-tab-wrapper a:hover, div#rag-settings h2.nav-tab-wrapper a.nav-tab-active, div#rag-settings h2.nav-tab-wrapper a:focus {
2769 - color: #fff;
2770 - background: #5b4e96;
2771 - text-decoration: none !important;
2772 - border: 1px solid #5b4e96;
2773 -}
2774 -
2775 -
2776 -
2777 -button#rag-pdf-submit, button#rag-csv-submit, button#rag-xaml-submit, button#rag_embed_btn {
2778 - padding: 8px 15px;
2779 - width: auto;
2780 - font-size: 16px;
2781 - font-weight: 500;
2782 - color: #988FBD;
2783 - border-radius: 8px;
2784 - position: relative;
2785 - display: inline-block;
2786 - align-items: center;
2787 - gap: 15px;
2788 - background: #5B4E96;
2789 - color: #ffffff;
2790 - text-decoration: none;
2791 - border-color: #5b4e96 !important;
2792 - line-height: normal;
2793 -}
2794 -
2795 -div#rag-sync .wrap {
2796 - border: 1px solid #eee;
2797 - padding: 8px 12px;
2798 - border-radius: 6px;
2799 -}
2800 -
2801 -
2802 -
2803 -div#qcld-rag-settings-tab .wrap:first-child {
2804 - border: 1px solid #eee;
2805 - padding: 8px 12px;
2806 - border-radius: 6px;
2807 -}
2808 -
2809 -
2810 -.qcl-openai div#rag-database input[type=checkbox] {
2811 - display: block;
2812 -}
2813 -
2814 -.tablenav-pages {
2815 - text-align: right;
2816 - padding: 8px 0;
2817 -}
2818 -button#botmaster_submit_sitemap_btn {
2819 - background: #5B4E96;
2820 - border-color: #5B4E96;
2821 -}
2822 -div#rag-database h3 {
2823 - padding: 0 0 8px 0;
2824 - margin: 15px 0 8px 0;
2825 - font-weight: bold;
2826 - font-size: 22px !important;
2827 - color: #5b4e96 !important;
2828 -}
2829 -
2830 -.qcl-openai div#rag-settings h2.nav-tab-wrapper a:focus {
2831 - border: 1px solid #5b4e96 !important;
2832 -}
2833 -button#rag-delete-all {
2834 - background: #5b4e96;
2835 - color: #fff;
2836 - border-color: #5b4e96;
2837 -}
2838 -
2839 -div#rag-database table.widefat {
2840 - border: 1px solid #ffffff;
2841 - box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
2842 -}
2843 -div#rag-database .widefat thead td, div#rag-database .widefat thead th {
2844 - border-bottom: 1px solid #ffffff;
2845 -}
2846 -
2847 -div#rag-database table.widefat thead {
2848 - background: #5b4e96;
2849 - color: #fff;
2850 -}
2851 -div#rag-database table.widefat thead th {
2852 - color: #fff;
2853 -}
2854 -.qcl-openai div#rag-database input[type=checkbox] {
2855 - display: block;
2856 - width: 18px;
2857 - height: 18px;
2858 -}
2859 -div#wp-chatbot-openai-rag input[type=checkbox]+label {
2860 - margin-bottom: 0;
2861 -}
2862 -.qcl-openai input[type=checkbox]+label {
2863 - margin-bottom: 0;
2864 -}
2865 -div#qcld-rag-settings-tab .wrap .mb-3 {
2866 - padding: 5px 0;
2867 -}
2868 -div#rag-database input#search-submit {
2869 - background: #5b4e96;
2870 - color: #fff;
2871 - border-color: #5b4e96;
2872 -}
2873 -.rag_embed_cpts_wrapper {
2874 - display: flex;
2875 - flex-direction: column;
2876 - gap: 6px;
2877 -}
2878 -div#wp-chatbot-gemini-settings .input-group {
2879 - display: flex;
2880 - gap: 10px;
2881 -}
2882 -div#wp-chatbot-grok-settings a#qcld_save_grok_setting {
2883 - background: #5B4E96;
2884 - color: #ffffff;
2885 - border: none;
2886 - padding: 12px 30px;
2887 -}
2888 -button#qcld_gemini_fetch_models {
2889 - background: #5B4E96;
2890 - color: #ffffff;
2891 - border: none;
2892 -}
2893 -.wp-chatbot-wrap label.block.text-sm.font-medium.text-gray-700.mb-2.qc-opt-language-title {
2894 - display: block;
2895 - padding: 0 0 5px 0;
2896 -}
2897 -select#qcld_language_center_select {
2898 - padding: 0 0 0 0;
2899 - margin: 0 0 6px 0;
2900 - padding: 0 4px;
2901 - min-width: 220px;
2902 -}
2903 -select#qcld_language_center_select:focus {
2904 - border-color: #5b4e96;
2905 - color: #5b4e96;
2906 - box-shadow: 0 0 0 1px #5b4e96;
2907 -}
2908 -div#common-ai-settings h2 a {
2909 - background: #5B4E96;
2910 - color: #ffffff;
2911 - display: inline-block !important;
2912 - font-size: 16px;
2913 - padding: 8px 15px;
2914 - border-radius: 8px;
2915 -}
2916 -div#common-ai-settings h2.nav-tab-wrapper {
2917 - border: none;
2918 -}
2919 -div#qcld-rate-settings-tab {
2920 - display: block !important;
2921 -}
2922 -div#common-ai-settings .form-check {
2923 - margin-bottom: 15px;
2924 - border: 0px solid #E5E6F2;
2925 - padding: 12px 12px;
2926 - border-radius: 8px;
2927 -}
2928 -.cxsc-settings-blocks.cxsc-settings-blocks-style input[type=radio]:checked::before {
2929 - width: 1.5rem;
2930 - height: 1.5rem;
2931 - margin: -1px 0 0 -1px;
2932 -}
2933 -.cxsc-settings-blocks.cxsc-settings-blocks-style .radio-inline input[type=radio] {
2934 - width: 1.5rem;
2935 - height: 1.5rem;
2936 -}
2937 -button#rag-docx-submit, button#rag-migrate-btn, button#rag-media-docx-btn, button#qcld-rag-list-docx-btn, button#rag-media-pdf-btn, button#qcld-rag-list-pdf-btn {
2938 - padding: 8px 15px;
2939 - width: auto;
2940 - font-size: 16px;
2941 - font-weight: 500;
2942 - color: #988FBD;
2943 - border-radius: 8px;
2944 - position: relative;
2945 - display: inline-block;
2946 - align-items: center;
2947 - gap: 15px;
2948 - background: #5B4E96;
2949 - color: #ffffff;
2950 - text-decoration: none;
2951 - border-color: #5b4e96 !important;
2952 - line-height: normal;
2953 -}
2954 -button#botmaster_submit_googlesheet_btn, button#botmaster_submit_googledoc_btn {
2955 - background: #5B4E96;
2956 - border-color: #5B4E96;
2957 -}
2958 -.wpbot-wizard-field select#wizard_ai_provider {
2959 - background: transparent;
2960 - color: #fff;
2961 - width: 100%;
2962 - display: block;
2963 - max-width: unset;
2964 -}
2965 -.wpbot-wizard-field select#wizard_ai_provider:hover {
2966 - border-color: #5b4e96;
2967 - color: #5b4e96;
2968 - box-shadow: 0 0 0 1px #5b4e96;
2969 -}
2970 -div#wizard_api_key_container input#wizard_api_key {
2971 - background: transparent;
2972 - color: #fff;
2973 -}
2974 -div#collapseTwoControl input[type=radio]:checked::before {
2975 - background-color: #5b4e96;
2976 -}
2977 -.nav-tab-wrapper.sld_nav_container.wppt_nav_container.qcld_help_wppt_nav_container{
2978 - width: 320px !important;
2979 - gap: 0;
2980 -}
2981 -div#rag-settings tbody#rag-knowledge-base-list tr td button {
2982 - padding: 6px 20px;
2983 - font-weight: bold;
2984 - font-size: 12px;
2985 -}
2986 -div#rag-settings tbody#rag-knowledge-base-list tr td button.button.button-small.button-link-delete.rag-delete-doc{
2987 - background: #d14529;
2988 - color: #fff;
2989 - border-color: #d14529;
2990 -}
2991 -button#ai-knowledge-base-tab {
2992 - animation: pulse 2s infinite;
2993 -}
2994 -@keyframes pulse {
2995 - 0% {
2996 - transform: scale(1);
2997 - }
2998 - 50% {
2999 - transform: scale(1.05);
3000 - }
3001 - 100% {
3002 - transform: scale(1);
3003 - }
3004 -}
3005 -footer.wp-chatbot-admin-footer input#submit {
3006 - background: #5b4e96;
3007 - padding: 12px 30px;
3008 -}
3009 -footer.wp-chatbot-admin-footer {
3010 - padding: 0 20px 20px 20px;
3011 - margin: 0 20px;
3012 -}
3013 -.qcld-wp-chatbot-wrap-header_inn a.button.page-title-action {
3014 - padding: 8px 15px;
3015 - background: #ffffff;
3016 - color: #5B4E96;
3017 - border: 2px solid #5B4E96;
3018 - border-radius: 6px;
3019 - font-weight: bold;
3020 - position: absolute;
3021 - top: 30px;
3022 - left: 280px;
3023 - line-height: normal;
3024 - min-height: unset;
3025 -}
3026 -.qcld-wp-chatbot-wrap-header_inn a.button.page-title-action:hover {
3027 - padding: 8px 15px;
3028 - background: #5B4E96;
3029 - color: #fff;
3030 - border: 2px solid #5B4E96;
3031 - border-radius: 6px;
3032 - font-weight: bold;
3033 - position: absolute;
3034 - top: 31px;
3035 - left: 280px;
3036 -}
3037 -.qcld-session-history_menu_box .btn.btn-primary {
3038 - background: #564a8e !important;
3039 - color: #fff !important;
3040 -}
3041 -.qcld-session-history_menu_box a.btn.btn-success {
3042 - padding: 8px 24px;
3043 - width: auto;
3044 - font-size: 15px;
3045 - font-weight: 500;
3046 - border-radius: 8px;
3047 - position: relative;
3048 - background: #ffffff;
3049 - color: #564a8e;
3050 - text-decoration: none;
3051 - line-height: normal;
3052 - border: 2px solid #564a8e;
3053 -}
3054 -.qcld-session-history_menu_box a.btn.btn-success:hover {
3055 - padding: 8px 24px;
3056 - width: auto;
3057 - font-size: 15px;
3058 - font-weight: 500;
3059 - border-radius: 8px;
3060 - position: relative;
3061 - background: #564a8e;
3062 - color: #fff;
3063 - text-decoration: none;
3064 - line-height: normal;
3065 - border: 2px solid #564a8e;
3066 -}
3067 -.Expandmore {
3068 - background: #23ab10;
3069 - display: inline-block;
3070 - padding: 4px 10px;
3071 - font-size: 14px;
3072 - border-radius: 6px;
3073 - position: relative;
3074 - top: -15px;
3075 -}
3076 -.Collapsemore {
3077 - background: #ff0000;
3078 - display: inline-block;
3079 - padding: 4px 10px;
3080 - font-size: 14px;
3081 - border-radius: 6px;
3082 - position: relative;
3083 - top: -15px;
3084 -}
3085 -.Expandmore span {
3086 - color: #fff;
3087 - margin: 0 0 0 8px;
3088 - padding: 0 5px;
3089 - font-size: 18px;
3090 -}
3091 -.admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container {
3092 - display: flex;
3093 - justify-content: flex-start;
3094 - align-items: center;
3095 -}
3096 -.avatar-location-wrapper {
3097 - padding: 0 0 25px 0;
3098 -}
3099 -.avatar-location-card.active {
3100 - background: #5b4e96;
3101 - color: #ffffff;
3102 -}
3103 -.avatar-location-card.active svg {
3104 - color: #ffffff;
3105 -}
3106 -.ai-provider-cards {
3107 - margin: 0 0 0 0%;
3108 -}
3109 -.qcld-wp-chatbot-wrap-header_inn_heading a.button.page-title-action {
3110 - margin: 0 0 0 4px;
3111 -}
3112 -label.qcld_label_width_full.qcld_label_width_half {
3113 - font-size: 12px;
3114 - padding: 6px 0 0 0;
3115 -}
3116 -.qc_menu_setup_area {
3117 - margin: 40px 0 0 0;
3118 -}
3119 -input#chatbot_content_max_height, input#chatbot_content_max_height_responsive {
3120 - width: 140px;
3121 - border: 1px solid #eee;
3122 - border-radius: 6px;
3123 -}
3124 -.ai-provider-cards-wrapper h4 {
3125 - width: 410px;
3126 -}
3127 -.ai-provider-cards-wrapper {
3128 - display: flex;
3129 -}
1 +.wp-chatbot-tabs-style-flip nav a span { text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 0.625em; } .wp-chatbot-tabs-style-flip nav ul li span{ display: inline-block; padding-right: 5px; } .wp-chatbot-tabs-style-flip nav ul li span.wpwbot-admin-tab-icon{ width: 25px; font-size: 16px; } .wp-chatbot-wrap strong { font-weight: normal; } .wp-chatbot-admin-header, .wp-chatbot-admin-footer { padding: 25px; } .wp-chatbot-admin-header h2 { color: #ffffff; } .wp-chatbot-version h3 { color: #fff; padding: 6px; display: inline-table; background: #7d7474; text-transform: uppercase; letter-spacing: 2px; text-shadow: 0 0 2px #000; font-size: 18px; } .wp-chatbot-version p a { color: #989898; } .wp-chatbot-language-center-summmery { background: #2cacca; margin: -1em -1em 1em; padding: 20px; } .wp-chatbot-language-center-summmery p { color: #eef5f7; font-size: 16px; margin: 0; } .wp-chatbot-language-center-summmery p a{ color: #eef5f7; text-decoration: underline; } input[type="text"].shop-jarvis-button-text { display: block; width: 700px !important; } /*CHECKBOX*/ *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } .wp-chatbot-wrap form { width: 400px; } legend { font-size: 16px; font-family: monospace; } fieldset { padding: 15px; } #wp-chatbot-admin-form input[type=checkbox] { opacity: 0; float: left; } .interaction-re-target label { width: inherit !important; } #wp-chatbot-admin-form input[type=checkbox] + label { margin: 0 0 0 20px; position: relative; cursor: pointer; font-size: 12px; float: left; width: inherit !important; } #wp-chatbot-admin-form input[type=checkbox] + label ~ label { margin: 0 0 0 40px; } #wp-chatbot-admin-form input[type=checkbox] + label::before { content: ' '; position: absolute; left: -35px; top: -3px; width: 25px; height: 25px; display: block; background: white; border: 1px solid #A9A9A9; } #wp-chatbot-admin-form input[type=checkbox] + label::after { content: ' '; position: absolute; left: -35px; top: -3px; width: 23px; height: 23px; display: block; z-index: 1; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE4MS4yIDI3MyAxNyAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxODEuMiAyNzMgMTcgMTYiPjxwYXRoIGQ9Ik0tMzA2LjMgNTEuMmwtMTEzLTExM2MtOC42LTguNi0yNC04LjYtMzQuMyAwbC01MDYuOSA1MDYuOS0yMTIuNC0yMTIuNGMtOC42LTguNi0yNC04LjYtMzQuMyAwbC0xMTMgMTEzYy04LjYgOC42LTguNiAyNCAwIDM0LjNsMjMxLjIgMjMxLjIgMTEzIDExM2M4LjYgOC42IDI0IDguNiAzNC4zIDBsMTEzLTExMyA1MjQtNTI0YzctMTAuMyA3LTI1LjctMS42LTM2eiIvPjxwYXRoIGZpbGw9IiMzNzM3MzciIGQ9Ik0xOTcuNiAyNzcuMmwtMS42LTEuNmMtLjEtLjEtLjMtLjEtLjUgMGwtNy40IDcuNC0zLjEtMy4xYy0uMS0uMS0uMy0uMS0uNSAwbC0xLjYgMS42Yy0uMS4xLS4xLjMgMCAuNWwzLjMgMy4zIDEuNiAxLjZjLjEuMS4zLjEuNSAwbDEuNi0xLjYgNy42LTcuNmMuMy0uMS4zLS4zLjEtLjV6Ii8+PHBhdGggZD0iTTExODcuMSAxNDMuN2wtNTYuNS01Ni41Yy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTI1My41IDI1My41LTEwNi4yLTEwNi4yYy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTU2LjUgNTYuNWMtNS4xIDUuMS01LjEgMTIgMCAxNy4xbDExNC43IDExNC43IDU2LjUgNTYuNWM1LjEgNS4xIDEyIDUuMSAxNy4xIDBsNTYuNS01Ni41IDI2Mi0yNjJjNS4yLTMuNCA1LjItMTIgLjEtMTcuMXpNMTYzNC4xIDE2OS40bC0zNy43LTM3LjdjLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0xNjkuNSAxNjkuNS03MC4yLTcxLjljLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0zNy43IDM3LjdjLTMuNCAzLjQtMy40IDguNiAwIDEybDc3LjEgNzcuMSAzNy43IDM3LjdjMy40IDMuNCA4LjYgMy40IDEyIDBsMzcuNy0zNy43IDE3NC43LTE3Ni40YzEuNi0xLjcgMS42LTYuOS0uMS0xMC4zeiIvPjwvc3ZnPg==') no-repeat center center; -ms-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .3s ease; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); opacity: 0; } #wp-chatbot-admin-form input[type=checkbox]:checked + label::after { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: 1; } /*ICON CSS*/ ul.radio-list { margin: 0; padding: 0; } ul.radio-list li { width: 15%; list-style: none; display: inline-block; text-align: center; } ul.radio-list li img, ul.radio-list li input { display: inline-table; vertical-align: middle; } ul.radio-list li input[type=radio] { background: #E3E4E4; } ul.radio-list li img { border-radius: 50%; box-shadow: 0px 0px 15px #c7dbec; width: 65px; display: block; margin: 5px auto; } /*container style css after adding tab*/ .form-container { background-color: #32373c; border: 1px solid #cccccc; border-radius: 5px; } .qc-opt-description { font-weight: normal; } .qc-opt-title-font { font-weight: normal; font-size: 14px !important; } .qc-opt-dcs-font { font-size: 14px !important; } .input-sm { width: 50px !important; } .thumbnail.theme_prev { max-width: 100%; height: auto; } .ge-canvas { padding: 0 15px; } /** wpwbot load control style **/ #wp-chatbot-show-pages-list ul { margin: 0; padding: 14px 0 0 88px; } #wp-chatbot-show-pages-list ul li { display: block; list-style: none; padding: 5px 0; clear: both; } #wp-chatbot-show-pages-list ul li:after { content: ""; display: table; width: 100%; height: 1px; } .radio-inline { font-size: 12px; line-height: 24px; } .wp-chatbot-settings-instruction { font-size: 12px; padding: 8px 0px; } #wp-chatbot-admin-form .content-wrap .nav-tabs > li > a { font-size: 16px; } #wp-chatbot-admin-form .content-wrap .nav-tabs > li > a:active { outline: 0; } input[disabled]#shirtcode-selector { width: 110px; text-align: center; border: none; color: inherit; background: none; box-shadow: none; margin: 0; padding: 0; } .tab-content textarea { width: 100%; font-size: 14px; } .content-wrap section h4 { margin-top: 0; padding-top: 0; font-size: 16px; font-weight: bold !important; } .wp-chatbot-support-cross{ display: inline-block; height: 30px; width:30px; margin-right: 5px; padding:5px; background-color: #e0e5ea; border-radius: 10%; text-align: center; } .wp-chatbot-support-cross:hover{ cursor: all-scroll; } .wp-chatbot-support-cross i{ font-size: 20px; } .wpbot_free_messenger_adds{ white-space: unset !important; line-height: normal !important; margin-top: 12px; /* margin-left: -12px !important; */ color: #dca219 !important; background: #fff; margin-right: 12px; font-size: 13px !important; border-radius: 6px; cursor: pointer;} .wpbot_free_messenger_adds:hover{ background: #ddd; color: #987c0d !important; } span.qcld-chatbot-product-category, span.qcld-chatbot-support-items, span.qcld-chatbot-wildcard, span.qcld-chatbot-suggest-email, span.qcld-chatbot-reset-btn, #wp-chatbot-loadmore, .wp-chatbot-loadmore { color: #000000; background-image: linear-gradient(to right, #868afa 0%, #8fd3f4 51%, #2faafa 100%); background-size: 200% auto; box-shadow: 0 5px 15px #c3c3c3; border: 1px solid #ffffff; } .qc_menu_area{ display: block; width: 500px; float:left; } .qc_menu_area_container{ min-height: 400px; height: auto; padding: 10px; background: #eee; border: 1px solid #d4d4d4; } .qc_menu_list_area{ display: block; width: 300px; float:right; } .qc_menu_list_container{ min-height: 400px; height: auto; padding: 10px; background: #eee; border: 1px solid #d4d4d4; } .qc_menu_list_container p{ background: #ddd; padding: 5px; text-align: center; font-weight: bold; } .qc_menu_list_container span{width:100%} #qc_menu_area span{width:380px !important;display:block !important;margin-left: 0;} .qc_menu_list_container span{width: 278px;} .qcld_wpbot_download_statuses{margin-top:10px} /* wpbot addons section */ .wpbot_addons_section{margin-right: unset !important; margin-left: unset !important; margin-bottom: 10px; background: #32373c; padding-bottom: 20px; border-radius: 0px 0px 5px 5px;} .wpbot_single_addon{width: 30%; margin-right: 1%; display: inline-block; margin-bottom: 14px;padding: 5px;border: 1px solid #eee;} .wpbot_single_addon:hover{ border: 1px solid #d2d2d2; border-radius: 10px;} .wpbot_single_content{} .wpbot_addon_image{ float: left; margin-right: 10px;} .wpbot_addon_image img{width: 60px;} .wpbot_addon_content{display: inline-block;} .wpbot_addon_title{font-size: 15px; font-weight: bold;} .wpbot_addon_details{} .wpbot_addon_details p{margin-bottom: 0;} .wp_addon_installed{font-size: 11px; margin: 4px 0px; background: #0b8a0bad; color: #fff; text-align: center; border-radius: 3px; padding: 2px 6px;} .wp_addon_notinstalled{ font-size: 11px; margin: 2px 0px; background: #dc1671ab; color: #fff; text-align: center; border-radius: 3px; padding: 2px 6px;} .wpbot_dashboard_header{margin-right: unset !important; margin-left: unset !important; background: #32373c; color: #fff; text-align: center;border-radius: 5px 5px 0px 0px;} .wpbot_dashboard_header h1{ font-size: 30px; line-height: 100px; margin: 0px;} .wpbot_single_addon_wrapper{background: #eee;padding: 20px;} .wpbot_statistics_area{background: #fff;} .wpbot_statistics_area h2{ margin: 0px; background: #fff; font-size: 20px; padding: 10px 20px; border-bottom: 1px solid #eee; margin-bottom: 10px;} .wpbot_report{padding-left: 20px; padding-bottom: 10px;} .wpbot_report p{} .wpbot_report_key{width: 180px; display: inline-block; font-weight: bold;} .wpbot_report_value{ display: inline-block; margin-left: 15px; font-weight: bold;} .wpbot_report_value a{}