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 -2939 8.5.73.4.2 View file →
@@ -1,2939 +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: 20px;
1117 - border-radius: 16px;
1118 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
1119 - margin: 20px 0 20px 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: 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 - content: "\f10f";
1636 - position: absolute;
1637 - right: 18px;
1638 - top: 12px;
1639 - font-family: dashicons;
1640 - font-size: 24PX;
1641 - font-weight: normal;
1642 -}
1643 -
1644 -.content_qcbot_help_secion .panel-title a:after {
1645 - content: "\f14f";
1646 - position: absolute;
1647 - right: 18px;
1648 - top: 12px;
1649 - font-family: dashicons;
1650 - font-size: 24PX;
1651 - font-weight: normal;
1652 -}
1653 -
1654 -
1655 -.content_qcbot_help_secion .panel-default>.panel-heading+.panel-collapse>.panel-body {
1656 - border-top-color: transparent;
1657 - background: linear-gradient(181deg, #ffffff 70%, #e9e4ff 96%);
1658 - border-radius: 16px;
1659 - border: 1px solid #eee;
1660 - margin: 8px 0 0 0;
1661 - padding: 20px 15px;
1662 -}
1663 -
1664 -.content_qcbot_help_secion .panel {
1665 - box-shadow: none;
1666 -}
1667 -
1668 -.qcbot_help_secion h3 {
1669 - font-size: 16px;
1670 - font-weight: bold;
1671 -}
1672 -
1673 -.qcbot_help_secion ul li {
1674 - list-style: inside;
1675 -}
1676 -
1677 -.notice.is-dismissible.qcbot-str-top-notic {
1678 - width: 98.7%;
1679 -}
1680 -
1681 -.qcld-main-wrapper {
1682 - margin: 10px 0px 0 2px !important;
1683 -}
1684 -
1685 -.content_qcbot_help_secion .section-container {
1686 - display: flex;
1687 - gap: 30px;
1688 -}
1689 -
1690 -.content-wrap .section-container {
1691 - display: flex;
1692 - gap: 30px;
1693 -}
1694 -
1695 -.wpbot_statistics_area h2 {
1696 - font-size: 22px;
1697 - font-weight: bold;
1698 -}
1699 -
1700 -
1701 -section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover a {
1702 - color: #fff;
1703 -}
1704 -
1705 -.qcld-main-wrapper a {
1706 - text-decoration: none !important;
1707 -}
1708 -
1709 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1710 - text-decoration: none;
1711 -}
1712 -
1713 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link:hover {
1714 - font-weight: bold;
1715 - display: block;
1716 - padding: 15px 12px;
1717 - font-size: 16px;
1718 - color: #fff;
1719 - background: #5B4E96;
1720 - width: 100%;
1721 - text-align: left;
1722 -}
1723 -
1724 -.content-wrap .qcld-seo-help-feature ul {
1725 - background: linear-gradient(178deg, #ffffff 70%, #e9e4ff 96%);
1726 - border-radius: 6px;
1727 - padding: 5px 8px;
1728 - border: 1px solid #eee;
1729 -}
1730 -
1731 -.wp-chatbot-tabs nav ul li a {
1732 - color: #695d99;
1733 -}
1734 -
1735 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a {
1736 - color: #695d99;
1737 -}
1738 -
1739 -
1740 -.qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab {
1741 - float: left;
1742 - border: 1px solid #c3c4c7;
1743 - border-bottom: 1px;
1744 - margin-left: .5em;
1745 - font-size: 16px;
1746 - line-height: 1.71428571;
1747 - font-weight: 600;
1748 - background: #ffffff;
1749 - color: #5b4e96;
1750 - text-decoration: none;
1751 - white-space: nowrap;
1752 - border: 1px solid #5b4e96;
1753 - padding: 14px 20px !important;
1754 - line-height: normal !important;
1755 - border-radius: 6px;
1756 -
1757 -}
1758 -
1759 -.qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab:hover, .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab.nav-tab-active {
1760 - float: left;
1761 - border: 1px solid #c3c4c7;
1762 - border-bottom: 1px;
1763 - margin-left: .5em;
1764 - font-size: 16px;
1765 - line-height: 1.71428571;
1766 - font-weight: 600;
1767 - background: #5b4e96;
1768 - color: #fff;
1769 - text-decoration: none;
1770 - white-space: nowrap;
1771 - border: 1px solid #5b4e96;
1772 - padding: 14px 20px !important;
1773 - line-height: normal !important;
1774 -
1775 -}
1776 -
1777 -.qcld_label_width_full{
1778 - width: 100% !important;
1779 -}
1780 -.cxsc-settings-blocks-font-resize{
1781 - font-size: 14px !important;
1782 -}
1783 -
1784 -.qcld_thumbnail_theme_prev label{
1785 - width: 100% !important;
1786 - position: relative;
1787 - text-align: center;
1788 -}
1789 -
1790 -button.swal2-confirm.btn.btn-lg.swal2-styled {
1791 - padding: 14px 20px;
1792 - width: 100%;
1793 - font-size: 16px;
1794 - font-weight: 500;
1795 - color: #988FBD;
1796 - border-radius: 8px;
1797 - position: relative;
1798 - display: flex;
1799 - align-items: center;
1800 - gap: 15px;
1801 - background: #5B4E96;
1802 - color: #ffffff;
1803 - text-decoration: none;
1804 - border-color: #5b4e96 !important;
1805 -}
1806 -
1807 -
1808 -
1809 -
1810 -
1811 -
1812 -
1813 -
1814 -
1815 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label {
1816 - position: relative;
1817 - width: 18px;
1818 - height: 18px;
1819 - border: 2px solid #5b4e96;
1820 - border-radius: 4px;
1821 - top: 0;
1822 - left: 0;
1823 - transform: translate(0%, 0%);
1824 - transition: all ease-out 200ms;
1825 - text-indent: 28px;
1826 - font: normal normal 30px / 60px "Helvetica";
1827 - white-space: nowrap;
1828 - color: #555;
1829 - -webkit-user-select: none;
1830 - -moz-user-select: none;
1831 - -ms-user-select: none;
1832 - user-select: none;
1833 - display: flex;
1834 - align-items: center;
1835 -}
1836 -
1837 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label:after {
1838 - content: "";
1839 - position: absolute;
1840 - width: 0px;
1841 - height: 8px;
1842 - border-bottom: 3px solid #22b573;
1843 - border-left: 3px solid #22b573;
1844 - top: 25%;
1845 - left: 50%;
1846 - transform-origin: bottom left;
1847 - transform: rotate(-45deg);
1848 - opacity: 0;
1849 - transition: all ease-out 200ms;
1850 -}
1851 -
1852 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label {
1853 - border: 2px solid #22b573;
1854 -}
1855 -
1856 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label:after {
1857 - opacity: 1;
1858 - width: 22px;
1859 -}
1860 -
1861 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox] {
1862 - display: none;
1863 -}
1864 -
1865 -.cxsc-settings_openai_border {
1866 - margin-bottom: 6px;
1867 -}
1868 -
1869 -div#wp-chatbot-custom-color-options .top-section .row .cxsc-settings-blocks {
1870 - padding-top: 0;
1871 -}
1872 -
1873 -div#wp-chatbot-post-converter ul.checkbox-list {
1874 - display: flex;
1875 - flex-wrap: wrap;
1876 - gap: 6px;
1877 -}
1878 -div#wp-chatbot-post-converter ul.checkbox-list .form-check.form-check-inline {
1879 - display: inline-block;
1880 - min-width: 290px;
1881 - margin: 0;
1882 -}
1883 -
1884 -
1885 -
1886 -div#wp-chatbot-show-pages-list ul.checkbox-list {
1887 - display: flex;
1888 - flex-wrap: wrap;
1889 - gap: 6px;
1890 -}
1891 -
1892 -div#wp-chatbot-exclude-post-list ul.checkbox-list {
1893 - display: flex;
1894 - flex-wrap: wrap;
1895 - gap: 6px;
1896 -}
1897 -
1898 -
1899 -div#wp-chatbot-show-pages-list ul.checkbox-list li{
1900 - display: inline-block;
1901 - min-width: 310px;
1902 - margin: 0;
1903 -}
1904 -
1905 -div#wp-chatbot-exclude-post-list ul.checkbox-list li{
1906 - display: inline-block;
1907 - min-width: 310px;
1908 - margin: 0;
1909 -}
1910 -#rotationloader
1911 - {
1912 - display: none;
1913 - rotate: initial;
1914 - -webkit-animation: rotation 2s infinite linear;
1915 -}
1916 -
1917 -.docs_icon {
1918 -position: absolute;
1919 - top: 0;
1920 - bottom: 0;
1921 - left: 0;
1922 - right: 0;
1923 - z-index: 1;
1924 - text-align: center;
1925 - display: flex;
1926 - align-items: center;
1927 - justify-content: center;
1928 - background: #5b4e968f;
1929 - color: #ffffff;
1930 - font-size: 60px;
1931 - border-radius: 8px;
1932 -}
1933 -a.qcld-wp-chatbot-wrap--doc_logo {
1934 - text-decoration: none !important;
1935 - position: relative;
1936 -}
1937 -.docs_icon span {
1938 - background: #5b4e96;
1939 - padding: 25px 25px;
1940 - border-radius: 50%;
1941 - font-size: 82px;
1942 - width: auto;
1943 - height: auto;
1944 -}
1945 -
1946 -
1947 -/* .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
1948 - font-size: 18px;
1949 - display: block !important;
1950 -} */
1951 -
1952 -.lp-submenu-wpbot_openAi .swal2-actions button {
1953 - width: auto !important;
1954 - padding: 10px 40px !important;
1955 - line-height: normal !important;
1956 -}
1957 -.lp-submenu-wpbot_openAi .swal2-actions {
1958 - display: flex;
1959 -}
1960 -.lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
1961 - font-size: 16px !important;
1962 - font-weight: 500 !important;
1963 -}
1964 -
1965 -.wp-chatbot-wrap hr {
1966 - margin-top: 10px;
1967 - margin-bottom: 10px;
1968 -}
1969 -
1970 -
1971 -.wp-chatbot-wrap a.nav-tab.sld_click_handle {
1972 - margin-right: .5em;
1973 - line-height: 1.42857143;
1974 - border: 1px solid #5b4e96 !important;
1975 - border-radius: 6px !important;
1976 - border: 1px solid #5b4e96 !important;
1977 - padding: 10px 20px !important;
1978 - border-radius: 8px !important;
1979 - color: #5b4e96 !important;
1980 - font-size: 15px !important;
1981 - font-weight: 600;
1982 - line-height: normal !important;
1983 - background: #fff;
1984 -}
1985 -
1986 -.wp-chatbot-wrap a.nav-tab.sld_click_handle:hover, .wp-chatbot-wrap a.nav-tab.sld_click_handle.nav-tab-active{
1987 - margin-right: .5em;
1988 - line-height: 1.42857143;
1989 - border: 1px solid #5b4e96 !important;
1990 - border-radius: 6px !important;
1991 - border: 1px solid #5b4e96 !important;
1992 - padding: 10px 20px !important;
1993 - border-radius: 8px !important;
1994 - color: #fff !important;
1995 - font-size: 15px !important;
1996 - font-weight: 600;
1997 - line-height: normal !important;
1998 - background: #5b4e96;
1999 -}
2000 -
2001 -
2002 -
2003 -
2004 -
2005 -
2006 -
2007 -
2008 -.swal2-actions {
2009 - display: flex;
2010 - z-index: 1;
2011 - box-sizing: border-box;
2012 - flex-wrap: wrap;
2013 - align-items: center;
2014 - justify-content: center;
2015 - width: 100%;
2016 - margin: 1.25em auto 0;
2017 - padding: 0;
2018 -}
2019 -button.swal2-deny.swal2-styled{
2020 - border: 0;
2021 - border-radius: .25em;
2022 - background: initial;
2023 - background-color: #d14529 !important;
2024 - color: #fff;
2025 - font-size: 1em;
2026 - padding: 14px 20px;
2027 - width: auto;
2028 - font-size: 16px;
2029 - font-weight: 500;
2030 - color: #988FBD;
2031 - border-radius: 8px;
2032 - position: relative;
2033 - display: flex;
2034 - align-items: center;
2035 - gap: 15px;
2036 - background: #d14529;
2037 - color: #ffffff;
2038 - text-decoration: none;
2039 - border-color: #5b4e96 !important;
2040 -}
2041 -
2042 -
2043 -button.swal2-confirm.btn.btn-lg.swal2-styled {
2044 - width: auto !important;
2045 -}
2046 -
2047 -.chatbot-wpbot-lite_page_wpbot button.swal2-deny.swal2-styled {
2048 - display: none !important;
2049 -}
2050 -a#qcld_save_openrouter_setting {
2051 - background: #5B4E96;
2052 - color: #ffffff;
2053 - border: none;
2054 - padding: 12px 30px;
2055 -}
2056 -
2057 -a#save_setting {
2058 - background: #5B4E96;
2059 - color: #ffffff;
2060 - border: none;
2061 - padding: 12px 30px;
2062 -}
2063 -
2064 -@media (max-width: 1280px) {
2065 -.content-wrap {
2066 - width: 50% !important;
2067 -}
2068 -
2069 -.wp-chatbot-admin-upgrade-pro-sidebar {
2070 -
2071 - width: 24% !important;
2072 -}
2073 -
2074 -}
2075 -
2076 -@media (max-width: 992px) {
2077 -.wp-chatbot-tabs nav {
2078 - width: 100% !important;
2079 - margin-right: 0 !important;
2080 -}
2081 -.content-wrap {
2082 - width: 100% !important;
2083 -}
2084 -.wp-chatbot-admin-upgrade-pro-sidebar {
2085 - width: 100% !important;
2086 - margin: 0 0 0 0 !important;
2087 -}
2088 -.wp-chatbot-tabs {
2089 - display: flex;
2090 - flex-wrap: wrap;
2091 - gap: 20px;
2092 -}
2093 -.admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
2094 - display: flex;
2095 - flex-wrap: wrap;
2096 -}
2097 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
2098 - width: 100%;
2099 -}
2100 -.qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2101 - padding: 12px 5px !important;
2102 -}
2103 -label.form-check-label span {
2104 - display: none;
2105 -}
2106 -.qc-review-text img {
2107 - width: 100%;
2108 -}
2109 -
2110 -.content_qcbot_help_secion {
2111 - width: 100% !important;
2112 -}
2113 -.qcld_help_wppt_nav_container {
2114 - width: 100% !important;
2115 -}
2116 -.qcld-wrap.swpm-admin-menu-wrap {
2117 - display: flex
2118 -;
2119 - margin: 15px 0;
2120 - flex-direction: column;
2121 - flex-wrap: wrap;
2122 -}
2123 -}
2124 -
2125 -
2126 -@media (max-width: 640px) {
2127 -.qcld-wp-chatbot-wrap-header {
2128 - display: flex;
2129 - column-gap: 15px;
2130 - row-gap: 10px;
2131 - background: #fff;
2132 - padding: 15px 15px;
2133 - margin: 20px 20px 20px 0;
2134 - border-radius: 16px;
2135 - align-items: center;
2136 - justify-content: space-between;
2137 - flex-direction: column;
2138 -}
2139 -ul.qcld-wp-chatbot-wrap-version-wrapper {
2140 - display: block;
2141 - margin: 15px 0 15px 0;
2142 -}
2143 -.qcld-wp-chatbot-wrap-header-doc {
2144 - display: flex
2145 -;
2146 - column-gap: 15px;
2147 - row-gap: 10px;
2148 - background: #fff;
2149 - padding: 15px 15px;
2150 - margin: 20px 20px 20px 0;
2151 - border-radius: 16px;
2152 - align-items: center;
2153 - justify-content: flex-start;
2154 - display: flex
2155 -;
2156 - background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
2157 - border-radius: 16px;
2158 - gap: 30px;
2159 - flex-direction: column;
2160 -}
2161 -.qcld-wp-chatbot-wrap-header-doc-details {
2162 - width: 100%;
2163 -}
2164 - .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2165 - padding: 12px 25px !important;
2166 - }
2167 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
2168 - display: inline-block;
2169 - width: 100%;
2170 -}
2171 -}
2172 -
2173 -.swal2-popup.swal2-modal.connection-modal button.swal2-deny.swal2-styled{display: none !important;}
2174 -.swal2-popup.swal2-modal.connection-modal .swal2-styled.swal2-confirm {
2175 - padding: 14px 20px;
2176 - width: auto;
2177 - font-size: 16px;
2178 - align-items: center;
2179 - gap: 15px;
2180 - background: #5B4E96;
2181 - color: #ffffff;
2182 - text-decoration: none;
2183 - border-color: #5b4e96 !important;
2184 -}
2185 -
2186 -.wrap.qcld-main-wrapper a:focus {
2187 - outline: none !important;
2188 - outline-offset: 0 !important;
2189 - box-shadow: none !important;
2190 -}
2191 -
2192 -p.qc-opt-dcs-font-faq {
2193 - font-weight: bold;
2194 -}
2195 -
2196 -
2197 -.qcld-general-settings-connection-notic {
2198 - background: #eee;
2199 - border: 2px solid #5b4e96;
2200 - border-radius: 8px;
2201 - margin: 0 0 15px 0;
2202 - padding: 12px;
2203 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
2204 - position: relative;
2205 -}
2206 -.qcld-general-settings-connection-notic p{
2207 - margin: 6px 0 6px 0;
2208 - padding: 0;
2209 - font-size: 15px;
2210 - font-weight: 500;
2211 -}
2212 -
2213 -
2214 -.qcld-general-settings-close {
2215 - position: absolute;
2216 - top: -10px;
2217 - right: 3px;
2218 - transition: all 200ms;
2219 - font-size: 30px;
2220 - font-weight: bold;
2221 - text-decoration: none;
2222 - color: #5b4e96;
2223 -}
2224 -.qcld-general-settings-close:hover {
2225 - color: orange;
2226 -}
2227 -#qcld-show-more-wrapper-box {
2228 - margin-top: 0;
2229 - position:relative;
2230 -}
2231 -#qcld-show-more-wrapper-box .qcld-show-more-text {
2232 -/* width: 660px; */
2233 - margin-bottom: 5px;
2234 - padding: 0 0;
2235 - position:relative;
2236 - display: block;
2237 -}
2238 -#qcld-show-more-wrapper-box .qcld-show-more-show-more {
2239 -color: #ffffff;
2240 - position: relative;
2241 - padding: 60px 0 0 0;
2242 - height: 60px;
2243 - text-align: center;
2244 - background: #f1f1f1;
2245 - cursor: pointer;
2246 - background: linear-gradient(to bottom, rgb(255 255 255 / 24%) 0%, rgb(188 174 255) 100%);
2247 - margin: -39px 0 0 0;
2248 - border-radius: 0 0 15px 15px;
2249 - z-index: 99999;
2250 - font-weight: bold;
2251 -}
2252 -
2253 -#qcld-show-more-wrapper-box .qcld-show-more-show-more-height {
2254 - height: 190px;
2255 - overflow:hidden;
2256 -}
2257 -
2258 -#qcld-show-more-wrapper-box .qcld-show-more-show-more i {
2259 - display: block;
2260 - padding: 0 0 0 0;
2261 - background: #5b4e96;
2262 - width: 30px;
2263 - height: 30px;
2264 - line-height: 30px;
2265 - border-radius: 50%;
2266 - margin: -15px auto 0 auto;
2267 - font-size: 18px !important;
2268 - color: #fff;
2269 -}
2270 -
2271 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]+label {
2272 - position: relative;
2273 - width: 18px;
2274 - height: 18px;
2275 - border: 2px solid #5b4e96;
2276 - border-radius: 4px;
2277 - top: 0;
2278 - left: 0;
2279 - transform: translate(0%, 0%);
2280 - transition: all ease-out 200ms;
2281 - text-indent: 28px;
2282 - white-space: nowrap;
2283 - color: #555;
2284 - -webkit-user-select: none;
2285 - -moz-user-select: none;
2286 - -ms-user-select: none;
2287 - user-select: none;
2288 - display: flex;
2289 - align-items: center;
2290 - margin-bottom: 0;
2291 - line-height: 30px;
2292 -}
2293 -
2294 -
2295 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]+label:after {
2296 - content: "";
2297 - position: absolute;
2298 - width: 0px;
2299 - height: 8px;
2300 - border-bottom: 3px solid #22b573;
2301 - border-left: 3px solid #22b573;
2302 - top: 25%;
2303 - left: 50%;
2304 - transform-origin: bottom left;
2305 - transform: rotate(-45deg);
2306 - opacity: 0;
2307 - transition: all ease-out 200ms;
2308 -}
2309 -
2310 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label {
2311 - border: 2px solid #22b573;
2312 -}
2313 -
2314 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label:after {
2315 - opacity: 1;
2316 - width: 22px;
2317 -}
2318 -
2319 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox] {
2320 - display: none;
2321 -}
2322 -
2323 -
2324 -.qcl-openai div#wp-chatbot-gemini-settings .form-check {
2325 - margin-bottom: 15px;
2326 - border: 1px solid #E5E6F2;
2327 - padding: 12px 12px;
2328 - border-radius: 8px;
2329 -}
2330 -
2331 -.qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span {
2332 - font-size: 12px;
2333 -}
2334 -
2335 -.qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span.pro-badge {
2336 - font-size: 9px;
2337 - font-weight: 400;
2338 - color: #ffffff;
2339 - background: #5B4E96;
2340 - border-radius: 20px;
2341 - padding: 2px 8px;
2342 - margin-left: 5px;
2343 - text-transform: uppercase;
2344 - text-indent: initial;
2345 - line-height: 16px;
2346 -}
2347 -
2348 -.qcl-openai div#wp-chatbot-gemini-settings a#save_setting {
2349 - margin: 0 0 15px 0;
2350 -}
2351 -
2352 -
2353 -
2354 -span.qcls_openAI_customized {
2355 - background: yellow;
2356 -}
2357 -.admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
2358 - font-size: 16px;
2359 - line-height: 28px;
2360 -}
2361 -textarea#qcld_openai_system_content {
2362 - height: 120px;
2363 - line-height: 28px;
2364 -}
2365 -.qcld-openai-system-presets {
2366 - display: flex;
2367 - gap: 10px;
2368 - margin: 12px 0;
2369 - overflow-x: auto;
2370 - padding-bottom: 8px;
2371 - scroll-snap-type: x proximity;
2372 - flex-wrap: wrap;
2373 -}
2374 -.qcld-openai-system-preset {
2375 - align-items: center;
2376 - border: 1px solid #dcdcde;
2377 - border-radius: 6px;
2378 - cursor: pointer;
2379 - display: flex;
2380 - flex: 0 0 220px;
2381 - gap: 10px;
2382 - justify-content: center;
2383 - margin: 0;
2384 - min-height: 70px;
2385 - padding: 12px;
2386 - scroll-snap-align: start;
2387 - text-align: center;
2388 -}
2389 -.qcld-openai-system-preset input {
2390 - display: none;
2391 -}
2392 -.qcld-openai-system-preset.is-selected {
2393 - background: #f0f6fc;
2394 - border-color: #2271b1;
2395 -}
2396 -.qcld-openai-system-preset-content {
2397 - display: grid;
2398 - gap: 4px;
2399 - line-height: 22px;
2400 -}
2401 -.qcld-openai-system-preset-title {
2402 - color: #1d2327;
2403 - font-weight: 600;
2404 -}
2405 -.qcld-openai-system-preset-value {
2406 - display: none;
2407 -}
2408 -@media (max-width: 782px) {
2409 - .qcld-openai-system-preset {
2410 - flex-basis: 180px;
2411 - }
2412 -}
2413 -.qcld-main-wrapper .alert.alert-warning {
2414 - background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96% 96%);
2415 - border-radius: 6px;
2416 - color: #721c24;
2417 - background: #f8d7da;
2418 - border-color: #f5c6cb;
2419 - font-weight: bold;
2420 -}
2421 -.qcld-wpbot-pricing-filter-form-check {
2422 - display: flex;
2423 - gap: 10px;
2424 -}
2425 -
2426 -.qcld-dialogflow-enable-notice {
2427 - padding: 15px 0 15px 0;
2428 - color: red;
2429 - font-weight: bold;
2430 -}
2431 -
2432 -a#qcld_save_gemini_setting {
2433 - background: #5B4E96;
2434 - color: #ffffff;
2435 - border: none;
2436 - padding: 12px 30px;
2437 -}
2438 -.card-body-gemini {
2439 - padding: 0 15px;
2440 -}
2441 -
2442 -div#panelsStayOpen-collapseseven pre {
2443 - width: 100%;
2444 - display: block;
2445 - max-width: 1120px;
2446 -}
2447 -
2448 -.card-body-gemini p {
2449 - font-size: 16px;
2450 - font-weight: bold;
2451 -}
2452 -
2453 -.card-body-openrouter p{
2454 - font-size: 16px;
2455 - font-weight: bold;
2456 -}
2457 -div#wp-chatbot-openai-assistants p {
2458 - font-size: 16px;
2459 -}
2460 -button.btn{
2461 - outline: none !important;
2462 -}
2463 -button.btn:focus{
2464 - outline: none !important;
2465 -}
2466 -input:focus {
2467 - border-color: #e1dbff;
2468 - box-shadow: none !important;
2469 - outline: none !important;
2470 -}
2471 -
2472 -.wp-chatbot-wrap .qc-opt-language-title{
2473 - font-weight: bold !important;
2474 - color: #5b4e96 !important;
2475 - font-size: 16px;
2476 -}
2477 -
2478 -button.qcld_chatbot_custom_icon_button.button, button.wp_chatbot_custom_agent_button.button {
2479 - padding: 2px 20px;
2480 - width: auto;
2481 - font-size: 14px;
2482 - font-weight: 500;
2483 - color: #988FBD;
2484 - border-radius: 8px;
2485 - background: #fff;
2486 - color: #5B4E96;
2487 - text-decoration: none;
2488 - margin: 0;
2489 - border: 2px solid #5B4E96;
2490 -
2491 -}
2492 -
2493 -button.qcld_chatbot_custom_icon_button.button:hover, button.wp_chatbot_custom_agent_button.button:hover {
2494 - background: #5B4E96;
2495 - color: #fff;
2496 - border: 2px solid #5B4E96;
2497 -
2498 -}
2499 -
2500 -
2501 -@media (min-width: 993px) and (max-width: 1350px) {
2502 -.wp-chatbot-admin-upgrade-pro-sidebar {
2503 - width: 25%;
2504 -}
2505 -}
2506 -
2507 -.wp-chatbot-tabs nav ul li a span.dashicons {
2508 - font-size: 20px;
2509 - width: auto;
2510 - height: auto;
2511 -}
2512 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a span.dashicons {
2513 - font-size: 20px;
2514 -}
2515 -
2516 -
2517 -.dashicons, .dashicons-before:before {
2518 - font-family: dashicons;
2519 - display: inline-block;
2520 - line-height: 1;
2521 - font-weight: 400;
2522 - font-weight: normal;
2523 -}
2524 -
2525 -.qcl-openai a:focus {
2526 - outline: 0 auto -webkit-focus-ring-color;
2527 - outline-offset: 0;
2528 - border: none !important;
2529 - outline: none !important;
2530 - box-shadow: none;
2531 -}
2532 -
2533 -#qcld_check_connection i{
2534 - animation: rotation infinite 3s linear;
2535 -}
2536 -
2537 -.wp-chatbot-wrap div#wp-chatbot-custom-color-options .form-group {
2538 - min-height: 90px;
2539 -}
2540 -
2541 -div#promotion-wpchatbot .qc-review-text a {
2542 - display: block;
2543 -}
2544 -.qcld-wp-chatbot-wrap-header-logo {
2545 - display: flex;
2546 - align-items: center;
2547 - gap: 10px;
2548 -}
2549 -@keyframes rotation{
2550 - from{
2551 - transform:rotate(360deg);
2552 - }
2553 -
2554 - to{
2555 - transform:rotate(0deg);
2556 - }
2557 -}
2558 -
2559 -.qcld-btn-primary {
2560 - padding: 14px 30px;
2561 - width: auto;
2562 - font-size: 16px;
2563 - font-weight: 500;
2564 - color: #988FBD;
2565 - border-radius: 8px;
2566 - position: relative;
2567 - display: inline-block;
2568 - align-items: center;
2569 - gap: 15px;
2570 - background: #5B4E96;
2571 - color: #ffffff;
2572 - text-decoration: none;
2573 - border-color: #5b4e96 !important;
2574 - line-height: normal;
2575 -}
2576 -div#wpfooter {
2577 - display: none;
2578 -}
2579 -
2580 -.qcld-btn-primary {
2581 -
2582 - border: none;
2583 -}
2584 -
2585 -div#qcld-rag-settings-tab .wrap h3 {
2586 - padding: 0 0 8px 0;
2587 - margin: 20px 0 12px 0;
2588 - font-weight: bold;
2589 - font-size: 22px !important;
2590 - color: #5b4e96 !important;
2591 -}
2592 -
2593 -div#rag-sync .wrap h3 {
2594 - padding: 0 0 8px 0;
2595 - margin: 10px 0 12px 0;
2596 - font-weight: bold;
2597 - font-size: 22px !important;
2598 - color: #5b4e96 !important;
2599 -}
2600 -
2601 -div#rag-settings h2.nav-tab-wrapper a {
2602 - margin-right: 0;
2603 - line-height: 1.42857143;
2604 - border: 1px solid #5b4e96;
2605 - border-radius: 6px;
2606 - border: 1px solid #5b4e96;
2607 - padding: 10px 20px !important;
2608 - border-radius: 8px;
2609 - color: #5b4e96;
2610 - font-size: 15px;
2611 - font-weight: 600;
2612 - line-height: normal !important;
2613 - background: #fff;
2614 -}
2615 -
2616 -div#rag-settings h2.nav-tab-wrapper {
2617 - margin: 0;
2618 - padding: 0;
2619 - border: none;
2620 -}
2621 -
2622 -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 {
2623 - color: #fff;
2624 - background: #5b4e96;
2625 - text-decoration: none !important;
2626 - border: 1px solid #5b4e96;
2627 -}
2628 -
2629 -
2630 -
2631 -button#rag-pdf-submit, button#rag-csv-submit, button#rag-xaml-submit, button#rag_embed_btn {
2632 - padding: 8px 15px;
2633 - width: auto;
2634 - font-size: 16px;
2635 - font-weight: 500;
2636 - color: #988FBD;
2637 - border-radius: 8px;
2638 - position: relative;
2639 - display: inline-block;
2640 - align-items: center;
2641 - gap: 15px;
2642 - background: #5B4E96;
2643 - color: #ffffff;
2644 - text-decoration: none;
2645 - border-color: #5b4e96 !important;
2646 - line-height: normal;
2647 -}
2648 -
2649 -div#rag-sync .wrap {
2650 - border: 1px solid #eee;
2651 - padding: 8px 12px;
2652 - border-radius: 6px;
2653 -}
2654 -
2655 -
2656 -
2657 -div#qcld-rag-settings-tab .wrap:first-child {
2658 - border: 1px solid #eee;
2659 - padding: 8px 12px;
2660 - border-radius: 6px;
2661 -}
2662 -
2663 -
2664 -.qcl-openai div#rag-database input[type=checkbox] {
2665 - display: block;
2666 -}
2667 -
2668 -.tablenav-pages {
2669 - text-align: right;
2670 - padding: 8px 0;
2671 -}
2672 -button#botmaster_submit_sitemap_btn {
2673 - background: #5B4E96;
2674 - border-color: #5B4E96;
2675 -}
2676 -div#rag-database h3 {
2677 - padding: 0 0 8px 0;
2678 - margin: 15px 0 8px 0;
2679 - font-weight: bold;
2680 - font-size: 22px !important;
2681 - color: #5b4e96 !important;
2682 -}
2683 -
2684 -.qcl-openai div#rag-settings h2.nav-tab-wrapper a:focus {
2685 - border: 1px solid #5b4e96 !important;
2686 -}
2687 -button#rag-delete-all {
2688 - background: #5b4e96;
2689 - color: #fff;
2690 - border-color: #5b4e96;
2691 -}
2692 -
2693 -div#rag-database table.widefat {
2694 - border: 1px solid #ffffff;
2695 - box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
2696 -}
2697 -div#rag-database .widefat thead td, div#rag-database .widefat thead th {
2698 - border-bottom: 1px solid #ffffff;
2699 -}
2700 -
2701 -div#rag-database table.widefat thead {
2702 - background: #5b4e96;
2703 - color: #fff;
2704 -}
2705 -div#rag-database table.widefat thead th {
2706 - color: #fff;
2707 -}
2708 -.qcl-openai div#rag-database input[type=checkbox] {
2709 - display: block;
2710 - width: 18px;
2711 - height: 18px;
2712 -}
2713 -
2714 -div#wp-chatbot-openai-rag input[type=checkbox]+label {
2715 - margin-bottom: 0;
2716 -}
2717 -.qcl-openai input[type=checkbox]+label {
2718 - margin-bottom: 0;
2719 -}
2720 -div#qcld-rag-settings-tab .wrap .mb-3 {
2721 - padding: 5px 0;
2722 -}
2723 -
2724 -div#rag-database input#search-submit {
2725 - background: #5b4e96;
2726 - color: #fff;
2727 - border-color: #5b4e96;
2728 -}
2729 -.rag_embed_cpts_wrapper {
2730 - display: flex;
2731 - flex-direction: column;
2732 - gap: 6px;
2733 -}
2734 -
2735 -div#wp-chatbot-gemini-settings .input-group {
2736 - display: flex;
2737 - gap: 10px;
2738 -}
2739 -div#wp-chatbot-grok-settings a#qcld_save_grok_setting {
2740 - background: #5B4E96;
2741 - color: #ffffff;
2742 - border: none;
2743 - padding: 12px 30px;
2744 -}
2745 -
2746 -button#qcld_gemini_fetch_models {
2747 - background: #5B4E96;
2748 - color: #ffffff;
2749 - border: none;
2750 -}
2751 -.wp-chatbot-wrap label.block.text-sm.font-medium.text-gray-700.mb-2.qc-opt-language-title {
2752 - display: block;
2753 - padding: 0 0 5px 0;
2754 -}
2755 -select#qcld_language_center_select {
2756 - padding: 0 0 0 0;
2757 - margin: 0 0 6px 0;
2758 - padding: 0 4px;
2759 - min-width: 220px;
2760 -}
2761 -
2762 -select#qcld_language_center_select:focus {
2763 - border-color: #5b4e96;
2764 - color: #5b4e96;
2765 - box-shadow: 0 0 0 1px #5b4e96;
2766 -}
2767 -
2768 -div#common-ai-settings h2 a {
2769 - background: #5B4E96;
2770 - color: #ffffff;
2771 - display: inline-block !important;
2772 - font-size: 16px;
2773 - padding: 8px 15px;
2774 - border-radius: 8px;
2775 -}
2776 -
2777 -div#common-ai-settings h2.nav-tab-wrapper {
2778 - border: none;
2779 -}
2780 -div#qcld-rate-settings-tab {
2781 - display: block !important;
2782 -}
2783 -div#common-ai-settings .form-check {
2784 - margin-bottom: 15px;
2785 - border: 0px solid #E5E6F2;
2786 - padding: 12px 12px;
2787 - border-radius: 8px;
2788 -}
2789 -.cxsc-settings-blocks.cxsc-settings-blocks-style input[type=radio]:checked::before {
2790 - width: 1.5rem;
2791 - height: 1.5rem;
2792 - margin: -1px 0 0 -1px;
2793 -}
2794 -
2795 -.cxsc-settings-blocks.cxsc-settings-blocks-style .radio-inline input[type=radio] {
2796 - width: 1.5rem;
2797 - height: 1.5rem;
2798 -}
2799 -
2800 -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 {
2801 - padding: 8px 15px;
2802 - width: auto;
2803 - font-size: 16px;
2804 - font-weight: 500;
2805 - color: #988FBD;
2806 - border-radius: 8px;
2807 - position: relative;
2808 - display: inline-block;
2809 - align-items: center;
2810 - gap: 15px;
2811 - background: #5B4E96;
2812 - color: #ffffff;
2813 - text-decoration: none;
2814 - border-color: #5b4e96 !important;
2815 - line-height: normal;
2816 -}
2817 -
2818 -
2819 -button#botmaster_submit_googlesheet_btn, button#botmaster_submit_googledoc_btn {
2820 - background: #5B4E96;
2821 - border-color: #5B4E96;
2822 -}
2823 -
2824 -.wpbot-wizard-field select#wizard_ai_provider {
2825 - background: transparent;
2826 - color: #fff;
2827 - width: 100%;
2828 - display: block;
2829 - max-width: unset;
2830 -}
2831 -.wpbot-wizard-field select#wizard_ai_provider:hover {
2832 - border-color: #5b4e96;
2833 - color: #5b4e96;
2834 - box-shadow: 0 0 0 1px #5b4e96;
2835 -}
2836 -div#wizard_api_key_container input#wizard_api_key {
2837 - background: transparent;
2838 - color: #fff;
2839 -}
2840 -
2841 -
2842 -
2843 -div#collapseTwoControl input[type=radio]:checked::before {
2844 - background-color: #5b4e96;
2845 -}
2846 -
2847 -.nav-tab-wrapper.sld_nav_container.wppt_nav_container.qcld_help_wppt_nav_container{
2848 - width: 320px !important;
2849 - gap: 0;
2850 -}
2851 -div#rag-settings tbody#rag-knowledge-base-list tr td button {
2852 - padding: 6px 20px;
2853 - font-weight: bold;
2854 - font-size: 12px;
2855 -}
2856 -div#rag-settings tbody#rag-knowledge-base-list tr td button.button.button-small.button-link-delete.rag-delete-doc{
2857 - background: #d14529;
2858 - color: #fff;
2859 - border-color: #d14529;
2860 -}
2861 -
2862 -button#ai-knowledge-base-tab {
2863 - animation: pulse 2s infinite;
2864 -}
2865 -
2866 -@keyframes pulse {
2867 - 0% {
2868 - transform: scale(1);
2869 - }
2870 - 50% {
2871 - transform: scale(1.05);
2872 - }
2873 - 100% {
2874 - transform: scale(1);
2875 - }
2876 -}
2877 -footer.wp-chatbot-admin-footer input#submit {
2878 - background: #5b4e96;
2879 - padding: 12px 30px;
2880 -}
2881 -footer.wp-chatbot-admin-footer {
2882 - padding: 0 20px 20px 20px;
2883 - margin: 0 20px;
2884 -}
2885 -.qcld-wp-chatbot-wrap-header_inn a.button.page-title-action {
2886 - padding: 8px 15px;
2887 - background: #ffffff;
2888 - color: #5B4E96;
2889 - border: 2px solid #5B4E96;
2890 - border-radius: 6px;
2891 - font-weight: bold;
2892 - position: absolute;
2893 - top: 30px;
2894 - left: 280px;
2895 - line-height: normal;
2896 - min-height: unset;
2897 -}
2898 -.qcld-wp-chatbot-wrap-header_inn a.button.page-title-action:hover {
2899 - padding: 8px 15px;
2900 - background: #5B4E96;
2901 - color: #fff;
2902 - border: 2px solid #5B4E96;
2903 - border-radius: 6px;
2904 - font-weight: bold;
2905 - position: absolute;
2906 - top: 31px;
2907 - left: 280px;
2908 -}
2909 -
2910 -.qcld-session-history_menu_box .btn.btn-primary {
2911 - background: #564a8e !important;
2912 - color: #fff !important;
2913 -}
2914 -.qcld-session-history_menu_box a.btn.btn-success {
2915 - padding: 8px 24px;
2916 - width: auto;
2917 - font-size: 15px;
2918 - font-weight: 500;
2919 - border-radius: 8px;
2920 - position: relative;
2921 - background: #ffffff;
2922 - color: #564a8e;
2923 - text-decoration: none;
2924 - line-height: normal;
2925 - border: 2px solid #564a8e;
2926 -}
2927 -.qcld-session-history_menu_box a.btn.btn-success:hover {
2928 - padding: 8px 24px;
2929 - width: auto;
2930 - font-size: 15px;
2931 - font-weight: 500;
2932 - border-radius: 8px;
2933 - position: relative;
2934 - background: #564a8e;
2935 - color: #fff;
2936 - text-decoration: none;
2937 - line-height: normal;
2938 - border: 2px solid #564a8e;
2939 -}
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{}