PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 7.3.2
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v7.3.2
8.7.8 8.7.7 8.7.6 8.7.5 8.7.4 8.7.3 8.7.2 8.7.1 8.7.0 8.6.9 8.6.8 8.6.7 8.6.6 8.6.5 8.6.4 8.6.2 8.6.1 8.6.0 8.5.9 8.5.8 8.5.7 8.5.6 8.5.5 8.5.4 8.5.3 All 534 releases
← All changes | css/admin-style.css +147 -443 8.5.37.3.2 View file →
@@ -11,11 +11,11 @@
11 11 .wp-chatbot-wrap .fa{
12 12 font: normal normal normal 14px / 1 FontAwesome !important;
13 13 }
14 14
15 -/* .chatbot-wpbot-lite_page_wpbot, .chatbot-wpbot-lite_page_wpbot_help_page, .chatbot-wpbot-lite_page_wpbot_openAi, .toplevel_page_wpbot-panel{
15 +.chatbot-wpbot-lite_page_wpbot, .chatbot-wpbot-lite_page_wpbot_help_page, .chatbot-wpbot-lite_page_wpbot_openAi, .toplevel_page_wpbot-panel{
16 16 background-color: #F5F7FD;
17 -} */
17 +}
18 18
19 19 .qcld-main-wrapper .h1,
20 20 .qcld-main-wrapper .h2,
21 21 .qcld-main-wrapper .h3,
@@ -115,9 +115,9 @@
115 115 text-decoration: none;
116 116 }
117 117
118 118 .wp-chatbot-tabs nav ul li a {
119 - padding: 14px 15px;
119 + padding: 14px 20px;
120 120 width: 100%;
121 121 font-size: 16px;
122 122 font-weight: 500;
123 123 color: #988FBD;
@@ -141,9 +141,9 @@
141 141 }
142 142
143 143
144 144 .wp-chatbot-tabs nav .cxsc-settings_openai_border a {
145 - padding: 14px 15px;
145 + padding: 14px 20px;
146 146 width: 100%;
147 147 font-size: 16px;
148 148 font-weight: 500;
149 149 color: #988FBD;
@@ -498,11 +498,10 @@
498 498 display: block;
499 499 }
500 500
501 501 div#wp-chatbot-icon-theme-settings input[type=radio]:checked::before {
502 - content: "\f12a";
503 - font-family: dashicons;
504 -
502 + content: "\f058";
503 + font: normal normal normal 14px / 1 FontAwesome;
505 504 border-radius: 0;
506 505 width: 100%;
507 506 height: 100%;
508 507 margin: 0;
@@ -649,25 +648,21 @@
649 648 position: relative;
650 649 }
651 650
652 651 section.wp-chatbot-tab-container-inner h4.panel-title a.collapsed:after {
653 - content: "\f10f";
654 - font-family: dashicons;
652 + font: normal normal normal 24px / 1 FontAwesome;
653 + content: "\f055";
655 654 position: absolute;
656 655 right: 18px;
657 656 top: 12px;
658 - font-size: 25px;
659 - font-weight: normal;
660 657 }
661 658
662 659 section.wp-chatbot-tab-container-inner h4.panel-title a:after {
663 - content: "\f14f";
664 - font-family: dashicons;
660 + font: normal normal normal 24px / 1 FontAwesome;
661 + content: "\f056";
665 662 position: absolute;
666 663 right: 18px;
667 664 top: 12px;
668 - font-size: 25px;
669 - font-weight: normal;
670 665 }
671 666
672 667 .wpbot_single_addon_wrapper .wpbot_single_addon .wpbot_single_content:hover {
673 668 background: linear-gradient(1deg, #ffffff 70%, #e9e4ff 96%);
@@ -1116,9 +1111,8 @@
1116 1111 padding: 20px;
1117 1112 border-radius: 16px;
1118 1113 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
1119 1114 margin: 20px 0 20px 0;
1120 - gap: 30px;
1121 1115 }
1122 1116
1123 1117 .admin-maxwith.qcld-openai-main-box .tab-content {
1124 1118 padding: 0 12px 0 12px;
@@ -1156,27 +1150,22 @@
1156 1150 }
1157 1151
1158 1152
1159 1153 .admin-maxwith.qcld-openai-main-box button.btn.btn-link:after {
1160 - content: "\f14f";
1161 - font-family: dashicons;
1154 + font: normal normal normal 24px / 1 FontAwesome;
1155 + content: "\f056";
1162 1156 position: absolute;
1163 1157 right: 18px;
1164 1158 top: 12px;
1165 - font-size: 22px;
1166 - font-weight: normal;
1167 1159 }
1168 1160
1169 1161
1170 1162 .admin-maxwith.qcld-openai-main-box button.btn.btn-link.collapsed:after{
1171 -
1172 - content: "\f10f";
1173 - font-family: dashicons;
1163 + font: normal normal normal 24px / 1 FontAwesome;
1164 + content: "\f055";
1174 1165 position: absolute;
1175 1166 right: 18px;
1176 1167 top: 12px;
1177 - font-size: 22px;
1178 - font-weight: normal;
1179 1168 }
1180 1169
1181 1170
1182 1171 .admin-maxwith.qcld-openai-main-box .btn.active.focus,
@@ -1201,10 +1190,12 @@
1201 1190 font-size: 15px;
1202 1191 }
1203 1192
1204 1193 .admin-maxwith.qcld-openai-main-box .tab-content .alert.alert-info {
1205 - margin: 15px 0 0 0;
1194 + margin: 15px 0 0 15px;
1206 1195 }
1196 +
1197 +
1207 1198 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li a {
1208 1199 padding: 14px 20px;
1209 1200 width: 100%;
1210 1201 font-size: 16px;
@@ -1305,9 +1296,9 @@
1305 1296 .qcld-main-wrapper div#headingTwoControl a {
1306 1297 font-weight: bold;
1307 1298 }
1308 1299
1309 -.qcl-openai input[type=checkbox]+label {
1300 +.qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]+label {
1310 1301 position: relative;
1311 1302 width: 18px;
1312 1303 height: 18px;
1313 1304 border: 2px solid #5b4e96;
@@ -1324,13 +1315,13 @@
1324 1315 -ms-user-select: none;
1325 1316 user-select: none;
1326 1317 display: flex;
1327 1318 align-items: center;
1328 - margin-bottom: 10px;
1319 + margin-bottom: 0;
1329 1320 line-height: 30px;
1330 1321 }
1331 1322
1332 -.qcl-openai input[type=checkbox]+label:after {
1323 +.qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]+label:after {
1333 1324 content: "";
1334 1325 position: absolute;
1335 1326 width: 0px;
1336 1327 height: 8px;
@@ -1343,23 +1334,23 @@
1343 1334 opacity: 0;
1344 1335 transition: all ease-out 200ms;
1345 1336 }
1346 1337
1347 -.qcl-openai input[type=checkbox]:checked+label {
1338 +.qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]:checked+label {
1348 1339 border: 2px solid #22b573;
1349 1340 }
1350 1341
1351 -.qcl-openai input[type=checkbox]:checked+label:after {
1342 +.qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]:checked+label:after {
1352 1343 opacity: 1;
1353 1344 width: 22px;
1354 1345 }
1355 1346
1356 -.qcl-openai input[type=checkbox] {
1347 +.qcl-openai div#wp-chatbot-openai-settings input[type=checkbox] {
1357 1348 display: none;
1358 1349 }
1359 1350
1360 1351
1361 -.qcl-openai .form-check {
1352 +.qcl-openai div#wp-chatbot-openai-settings .form-check {
1362 1353 margin-bottom: 15px;
1363 1354 border: 1px solid #E5E6F2;
1364 1355 padding: 12px 12px;
1365 1356 border-radius: 8px;
@@ -1364,13 +1355,13 @@
1364 1355 padding: 12px 12px;
1365 1356 border-radius: 8px;
1366 1357 }
1367 1358
1368 -.qcl-openai label.form-check-label span {
1359 +.qcl-openai div#wp-chatbot-openai-settings label.form-check-label span {
1369 1360 font-size: 12px;
1370 1361 }
1371 1362
1372 -.qcl-openai label.form-check-label span.pro-badge {
1363 +.qcl-openai div#wp-chatbot-openai-settings label.form-check-label span.pro-badge {
1373 1364 font-size: 9px;
1374 1365 font-weight: 400;
1375 1366 color: #ffffff;
1376 1367 background: #5B4E96;
@@ -1381,10 +1372,10 @@
1381 1372 text-indent: initial;
1382 1373 line-height: 16px;
1383 1374 }
1384 1375
1385 -.qcl-openai a#save_setting {
1386 - margin: 0 0 0 0;
1376 +.qcl-openai div#wp-chatbot-openai-settings a#save_setting {
1377 + margin: 0 0 15px 0;
1387 1378 }
1388 1379
1389 1380 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]+label {
1390 1381 position: relative;
@@ -1631,25 +1622,21 @@
1631 1622 font-size: 15px;
1632 1623 }
1633 1624
1634 1625 .content_qcbot_help_secion .panel-title a.collapsed:after {
1635 - content: "\f10f";
1626 + font: normal normal normal 24px / 1 FontAwesome;
1627 + content: "\f055";
1636 1628 position: absolute;
1637 1629 right: 18px;
1638 1630 top: 12px;
1639 - font-family: dashicons;
1640 - font-size: 24PX;
1641 - font-weight: normal;
1642 1631 }
1643 1632
1644 1633 .content_qcbot_help_secion .panel-title a:after {
1645 - content: "\f14f";
1634 + font: normal normal normal 24px / 1 FontAwesome;
1635 + content: "\f056";
1646 1636 position: absolute;
1647 1637 right: 18px;
1648 1638 top: 12px;
1649 - font-family: dashicons;
1650 - font-size: 24PX;
1651 - font-weight: normal;
1652 1639 }
1653 1640
1654 1641
1655 1642 .content_qcbot_help_secion .panel-default>.panel-heading+.panel-collapse>.panel-body {
@@ -1906,9 +1893,9 @@
1906 1893 display: inline-block;
1907 1894 min-width: 310px;
1908 1895 margin: 0;
1909 1896 }
1910 -#rotationloader
1897 +#rotationloader.fa.fa-spinner
1911 1898 {
1912 1899 display: none;
1913 1900 rotate: initial;
1914 1901 -webkit-animation: rotation 2s infinite linear;
@@ -1933,15 +1920,12 @@
1933 1920 a.qcld-wp-chatbot-wrap--doc_logo {
1934 1921 text-decoration: none !important;
1935 1922 position: relative;
1936 1923 }
1937 -.docs_icon span {
1924 +.docs_icon i {
1938 1925 background: #5b4e96;
1939 1926 padding: 25px 25px;
1940 1927 border-radius: 50%;
1941 - font-size: 82px;
1942 - width: auto;
1943 - height: auto;
1944 1928 }
1945 1929
1946 1930
1947 1931 /* .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
@@ -2256,9 +2240,9 @@
2256 2240 }
2257 2241
2258 2242 #qcld-show-more-wrapper-box .qcld-show-more-show-more i {
2259 2243 display: block;
2260 - padding: 0 0 0 0;
2244 + padding: 6px 0 0 0;
2261 2245 background: #5b4e96;
2262 2246 width: 30px;
2263 2247 height: 30px;
2264 2248 line-height: 30px;
@@ -2419,38 +2403,8 @@
2419 2403 border-color: #e1dbff;
2420 2404 box-shadow: none !important;
2421 2405 outline: none !important;
2422 2406 }
2423 -
2424 -.wp-chatbot-wrap .qc-opt-language-title{
2425 - font-weight: bold !important;
2426 - color: #5b4e96 !important;
2427 - font-size: 16px;
2428 -}
2429 -
2430 -button.qcld_chatbot_custom_icon_button.button, button.wp_chatbot_custom_agent_button.button {
2431 - padding: 2px 20px;
2432 - width: auto;
2433 - font-size: 14px;
2434 - font-weight: 500;
2435 - color: #988FBD;
2436 - border-radius: 8px;
2437 - background: #fff;
2438 - color: #5B4E96;
2439 - text-decoration: none;
2440 - margin: 0;
2441 - border: 2px solid #5B4E96;
2442 -
2443 -}
2444 -
2445 -button.qcld_chatbot_custom_icon_button.button:hover, button.wp_chatbot_custom_agent_button.button:hover {
2446 - background: #5B4E96;
2447 - color: #fff;
2448 - border: 2px solid #5B4E96;
2449 -
2450 -}
2451 -
2452 -
2453 2407 @media (min-width: 993px) and (max-width: 1350px) {
2454 2408 .wp-chatbot-admin-upgrade-pro-sidebar {
2455 2409 width: 25%;
2456 2410 }
@@ -2455,437 +2409,187 @@
2455 2409 width: 25%;
2456 2410 }
2457 2411 }
2458 2412
2459 -.wp-chatbot-tabs nav ul li a span.dashicons {
2460 - font-size: 20px;
2461 - width: auto;
2462 - height: auto;
2463 -}
2464 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a span.dashicons {
2465 - font-size: 20px;
2466 -}
2467 2413
2468 2414
2469 -.dashicons, .dashicons-before:before {
2470 - font-family: dashicons;
2471 - display: inline-block;
2472 - line-height: 1;
2473 - font-weight: 400;
2474 - font-weight: normal;
2475 -}
2476 2415
2477 -.qcl-openai a:focus {
2478 - outline: 0 auto -webkit-focus-ring-color;
2479 - outline-offset: 0;
2480 - border: none !important;
2481 - outline: none !important;
2482 - box-shadow: none;
2483 -}
2484 2416
2485 -#qcld_check_connection i{
2486 - animation: rotation infinite 3s linear;
2487 -}
2488 2417
2489 -.wp-chatbot-wrap div#wp-chatbot-custom-color-options .form-group {
2490 - min-height: 90px;
2491 -}
2492 2418
2493 -div#promotion-wpchatbot .qc-review-text a {
2494 - display: block;
2495 -}
2496 -.qcld-wp-chatbot-wrap-header-logo {
2497 - display: flex;
2498 - align-items: center;
2499 - gap: 10px;
2500 -}
2501 -@keyframes rotation{
2502 - from{
2503 - transform:rotate(360deg);
2504 - }
2505 -
2506 - to{
2507 - transform:rotate(0deg);
2508 - }
2509 -}
2510 2419
2511 -.qcld-btn-primary {
2512 - padding: 14px 30px;
2513 - width: auto;
2514 - font-size: 16px;
2515 - font-weight: 500;
2516 - color: #988FBD;
2517 - border-radius: 8px;
2518 - position: relative;
2519 - display: inline-block;
2520 - align-items: center;
2521 - gap: 15px;
2522 - background: #5B4E96;
2523 - color: #ffffff;
2524 - text-decoration: none;
2525 - border-color: #5b4e96 !important;
2526 - line-height: normal;
2527 -}
2528 -div#wpfooter {
2529 - display: none;
2530 -}
2531 2420
2532 -.qcld-btn-primary {
2533 2421
2534 - border: none;
2535 -}
2536 2422
2537 -div#qcld-rag-settings-tab .wrap h3 {
2538 - padding: 0 0 8px 0;
2539 - margin: 20px 0 12px 0;
2540 - font-weight: bold;
2541 - font-size: 22px !important;
2542 - color: #5b4e96 !important;
2543 -}
2544 2423
2545 -div#rag-sync .wrap h3 {
2546 - padding: 0 0 8px 0;
2547 - margin: 10px 0 12px 0;
2548 - font-weight: bold;
2549 - font-size: 22px !important;
2550 - color: #5b4e96 !important;
2551 -}
2552 2424
2553 -div#rag-settings h2.nav-tab-wrapper a {
2554 - margin-right: 0;
2555 - line-height: 1.42857143;
2556 - border: 1px solid #5b4e96;
2557 - border-radius: 6px;
2558 - border: 1px solid #5b4e96;
2559 - padding: 10px 20px !important;
2560 - border-radius: 8px;
2561 - color: #5b4e96;
2562 - font-size: 15px;
2563 - font-weight: 600;
2564 - line-height: normal !important;
2565 - background: #fff;
2566 -}
2567 2425
2568 -div#rag-settings h2.nav-tab-wrapper {
2569 - margin: 0;
2570 - padding: 0;
2571 - border: none;
2572 -}
2573 2426
2574 -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 {
2575 - color: #fff;
2576 - background: #5b4e96;
2577 - text-decoration: none !important;
2578 - border: 1px solid #5b4e96;
2579 -}
2580 2427
2581 2428
2582 2429
2583 -button#rag-pdf-submit, button#rag-csv-submit, button#rag-xaml-submit, button#rag_embed_btn {
2584 - padding: 8px 15px;
2585 - width: auto;
2586 - font-size: 16px;
2587 - font-weight: 500;
2588 - color: #988FBD;
2589 - border-radius: 8px;
2590 - position: relative;
2591 - display: inline-block;
2592 - align-items: center;
2593 - gap: 15px;
2594 - background: #5B4E96;
2595 - color: #ffffff;
2596 - text-decoration: none;
2597 - border-color: #5b4e96 !important;
2598 - line-height: normal;
2599 -}
2600 2430
2601 -div#rag-sync .wrap {
2602 - border: 1px solid #eee;
2603 - padding: 8px 12px;
2604 - border-radius: 6px;
2605 -}
2606 2431
2607 2432
2608 2433
2609 -div#qcld-rag-settings-tab .wrap:first-child {
2610 - border: 1px solid #eee;
2611 - padding: 8px 12px;
2612 - border-radius: 6px;
2613 -}
2614 2434
2615 2435
2616 -.qcl-openai div#rag-database input[type=checkbox] {
2617 - display: block;
2436 +#qcld-quick-flyout {
2437 + align-items: center;
2438 + bottom: 40px;
2439 + display: flex;
2440 + flex-direction: column;
2441 + opacity: 1;
2442 + position: fixed;
2443 + right: 40px;
2444 + row-gap: 10px;
2445 + transition: opacity .2s ease-in-out;
2446 + z-index: 99999
2618 2447 }
2619 2448
2620 -.tablenav-pages {
2621 - text-align: right;
2622 - padding: 8px 0;
2449 +#qcld-quick-flyout:not(.is-open) {
2450 + pointer-events: none
2623 2451 }
2624 -button#botmaster_submit_sitemap_btn {
2625 - background: #5B4E96;
2626 - border-color: #5B4E96;
2627 -}
2628 -div#rag-database h3 {
2629 - padding: 0 0 8px 0;
2630 - margin: 15px 0 8px 0;
2631 - font-weight: bold;
2632 - font-size: 22px !important;
2633 - color: #5b4e96 !important;
2634 -}
2635 2452
2636 -.qcl-openai div#rag-settings h2.nav-tab-wrapper a:focus {
2637 - border: 1px solid #5b4e96 !important;
2453 +@media (max-width:959px) {
2454 + #qcld-quick-flyout {
2455 + display: none
2456 + }
2638 2457 }
2639 -button#rag-delete-all {
2640 - background: #5b4e96;
2641 - color: #fff;
2642 - border-color: #5b4e96;
2643 -}
2644 2458
2645 -div#rag-database table.widefat {
2646 - border: 1px solid #ffffff;
2647 - box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
2459 +#qcld-quick-flyout .qcld-quick-flyout-mascot {
2460 + align-items: center;
2461 + display: flex;
2462 + pointer-events: auto;
2463 + position: relative
2648 2464 }
2649 -div#rag-database .widefat thead td, div#rag-database .widefat thead th {
2650 - border-bottom: 1px solid #ffffff;
2651 -}
2652 2465
2653 -div#rag-database table.widefat thead {
2654 - background: #5b4e96;
2655 - color: #fff;
2656 -}
2657 -div#rag-database table.widefat thead th {
2658 - color: #fff;
2659 -}
2660 -.qcl-openai div#rag-database input[type=checkbox] {
2466 +#qcld-quick-flyout .qcld-quick-flyout-mascot:after {
2467 + background-color: #fff;
2468 + border-radius: 50%;
2469 + bottom: 0;
2470 + box-shadow: 0 0 0 1px #212121, 0 3px 20px rgba(0, 0, 0, .2);
2471 + content: "";
2661 2472 display: block;
2662 - width: 18px;
2663 - height: 18px;
2473 + height: 60px;
2474 + left: 0;
2475 + position: absolute;
2476 + transition: all .2s ease-in-out;
2477 + width: 60px;
2478 + z-index: -1
2664 2479 }
2665 2480
2666 -div#wp-chatbot-openai-rag input[type=checkbox]+label {
2667 - margin-bottom: 0;
2481 +#qcld-quick-flyout .qcld-quick-flyout-mascot:hover:after {
2482 + box-shadow: 0 0 0 1px #212121, 0 3px 30px rgba(0, 0, 0, .25)
2668 2483 }
2669 -.qcl-openai input[type=checkbox]+label {
2670 - margin-bottom: 0;
2484 +
2485 +#qcld-quick-flyout .qcld-quick-flyout-mascot:focus {
2486 + box-shadow: none
2671 2487 }
2672 -div#qcld-rag-settings-tab .wrap .mb-3 {
2673 - padding: 5px 0;
2488 +
2489 +#qcld-quick-flyout .qcld-quick-mascot__eyes {
2490 + transition: transform .2s ease-in-out
2674 2491 }
2675 2492
2676 -div#rag-database input#search-submit {
2677 - background: #5b4e96;
2678 - color: #fff;
2679 - border-color: #5b4e96;
2493 +#qcld-quick-flyout.is-open .glsr-mascot__eyes {
2494 + transform: translateY(-2.5%)
2680 2495 }
2681 -.rag_embed_cpts_wrapper {
2682 - display: flex;
2683 - flex-direction: column;
2684 - gap: 6px;
2685 -}
2686 2496
2687 -div#wp-chatbot-gemini-settings .input-group {
2497 +#qcld-quick-flyout .qcld-quick-flyout-label {
2498 + align-items: center;
2688 2499 display: flex;
2689 - gap: 10px;
2500 + height: auto !important;
2501 + padding-right: 10px;
2502 + position: absolute;
2503 + right: 100%;
2504 + transition: all .2s ease-out;
2505 + white-space: nowrap
2690 2506 }
2691 -div#wp-chatbot-grok-settings a#qcld_save_grok_setting {
2692 - background: #5B4E96;
2693 - color: #ffffff;
2694 - border: none;
2695 - padding: 12px 30px;
2696 -}
2697 2507
2698 -button#qcld_gemini_fetch_models {
2699 - background: #5B4E96;
2700 - color: #ffffff;
2701 - border: none;
2508 +#qcld-quick-flyout .qcld-quick-flyout-label>div {
2509 + background-color: rgba(44 51 56/.9);
2510 + border-radius: 3px;
2511 + color: #fff;
2512 + font-size: 14px;
2513 + line-height: 1.4;
2514 + padding: 6px 12px;
2515 + position: relative
2702 2516 }
2703 -.wp-chatbot-wrap label.block.text-sm.font-medium.text-gray-700.mb-2.qc-opt-language-title {
2704 - display: block;
2705 - padding: 0 0 5px 0;
2706 -}
2707 -select#qcld_language_center_select {
2708 - padding: 0 0 0 0;
2709 - margin: 0 0 6px 0;
2710 - padding: 0 4px;
2711 - min-width: 220px;
2712 -}
2713 2517
2714 -select#qcld_language_center_select:focus {
2715 - border-color: #5b4e96;
2716 - color: #5b4e96;
2717 - box-shadow: 0 0 0 1px #5b4e96;
2518 +#qcld-quick-flyout .qcld-quick-flyout-item:hover .qcld-quick-flyout-label>div,
2519 +#qcld-quick-flyout .qcld-quick-flyout-mascot .qcld-quick-flyout-label>div {
2520 + background-color: #E91E63
2718 2521 }
2719 2522
2720 -div#common-ai-settings h2 a {
2721 - background: #5B4E96;
2722 - color: #ffffff;
2723 - display: inline-block !important;
2724 - font-size: 16px;
2725 - padding: 8px 15px;
2726 - border-radius: 8px;
2523 +#qcld-quick-flyout .qcld-quick-flyout-mascot .qcld-quick-flyout-label {
2524 + opacity: 1;
2525 + transform: scale(1);
2526 + transform-origin: right
2727 2527 }
2728 2528
2729 -div#common-ai-settings h2.nav-tab-wrapper {
2730 - border: none;
2529 +#qcld-quick-flyout.is-open .qcld-quick-flyout-mascot .qcld-quick-flyout-label {
2530 + opacity: 0;
2531 + transform: scale(0)
2731 2532 }
2732 -div#qcld-rate-settings-tab {
2733 - display: block !important;
2734 -}
2735 -div#common-ai-settings .form-check {
2736 - margin-bottom: 15px;
2737 - border: 0px solid #E5E6F2;
2738 - padding: 12px 12px;
2739 - border-radius: 8px;
2740 -}
2741 -.cxsc-settings-blocks.cxsc-settings-blocks-style input[type=radio]:checked::before {
2742 - width: 1.5rem;
2743 - height: 1.5rem;
2744 - margin: -1px 0 0 -1px;
2745 -}
2746 2533
2747 -.cxsc-settings-blocks.cxsc-settings-blocks-style .radio-inline input[type=radio] {
2748 - width: 1.5rem;
2749 - height: 1.5rem;
2534 +#qcld-quick-flyout .qcld-quick-flyout-items {
2535 + display: flex;
2536 + flex-direction: column;
2537 + row-gap: 10px
2750 2538 }
2751 2539
2752 -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 {
2753 - padding: 8px 15px;
2754 - width: auto;
2755 - font-size: 16px;
2756 - font-weight: 500;
2757 - color: #988FBD;
2758 - border-radius: 8px;
2759 - position: relative;
2760 - display: inline-block;
2540 +#qcld-quick-flyout .qcld-quick-flyout-item {
2761 2541 align-items: center;
2762 - gap: 15px;
2763 - background: #5B4E96;
2764 - color: #ffffff;
2542 + background-color:#5B4E96;
2543 + border-radius: 50%;
2544 + box-shadow: 0 3px 20px rgba(0, 0, 0, .2);
2545 + display: flex;
2546 + height: 40px;
2547 + justify-content: center;
2548 + opacity: 0;
2765 2549 text-decoration: none;
2766 - border-color: #5b4e96 !important;
2767 - line-height: normal;
2550 + transform: scale(0);
2551 + transition-duration: .2s;
2552 + transition-property: all;
2553 + transition-timing-function: ease-in-out;
2554 + visibility: hidden;
2555 + width: 40px
2768 2556 }
2769 2557
2558 +#qcld-quick-flyout .qcld-quick-flyout-item:hover {
2559 + background-color: #111111;
2560 + box-shadow: 0 3px 30px rgba(0, 0, 0, .25)
2561 +}
2770 2562
2771 -button#botmaster_submit_googlesheet_btn, button#botmaster_submit_googledoc_btn {
2772 - background: #5B4E96;
2773 - border-color: #5B4E96;
2563 +#qcld-quick-flyout .qcld-quick-flyout-item.qcld-quick-flyout-premium {
2564 + background-color: #009688
2774 2565 }
2775 2566
2776 -.wpbot-wizard-field select#wizard_ai_provider {
2777 - background: transparent;
2778 - color: #fff;
2779 - width: 100%;
2780 - display: block;
2781 - max-width: unset;
2567 +#qcld-quick-flyout .qcld-quick-flyout-item.qcld-quick-flyout-premium:hover {
2568 + background-color: #E91E63
2782 2569 }
2783 -.wpbot-wizard-field select#wizard_ai_provider:hover {
2784 - border-color: #5b4e96;
2785 - color: #5b4e96;
2786 - box-shadow: 0 0 0 1px #5b4e96;
2787 -}
2788 -div#wizard_api_key_container input#wizard_api_key {
2789 - background: transparent;
2790 - color: #fff;
2791 -}
2792 2570
2793 -
2794 -
2795 -div#collapseTwoControl input[type=radio]:checked::before {
2796 - background-color: #5b4e96;
2571 +#qcld-quick-flyout .qcld-quick-flyout-item.qcld-quick-flyout-premium i {
2572 + align-items: center;
2573 + color: #fff;
2574 + display: flex;
2575 + justify-content: center;
2576 + position: relative
2797 2577 }
2798 2578
2799 -.nav-tab-wrapper.sld_nav_container.wppt_nav_container.qcld_help_wppt_nav_container{
2800 - width: 320px !important;
2801 - gap: 0;
2802 -}
2803 -div#rag-settings tbody#rag-knowledge-base-list tr td button {
2804 - padding: 6px 20px;
2805 - font-weight: bold;
2806 - font-size: 12px;
2807 -}
2808 -div#rag-settings tbody#rag-knowledge-base-list tr td button.button.button-small.button-link-delete.rag-delete-doc{
2809 - background: #d14529;
2810 - color: #fff;
2811 - border-color: #d14529;
2812 -}
2813 2579
2814 -button#ai-knowledge-base-tab {
2815 - animation: pulse 2s infinite;
2580 +#qcld-quick-flyout.is-open .qcld-quick-flyout-item {
2581 + opacity: 1;
2582 + transform: scale(1);
2583 + visibility: visible
2816 2584 }
2817 2585
2818 -@keyframes pulse {
2819 - 0% {
2820 - transform: scale(1);
2821 - }
2822 - 50% {
2823 - transform: scale(1.05);
2824 - }
2825 - 100% {
2826 - transform: scale(1);
2827 - }
2828 -}
2829 -footer.wp-chatbot-admin-footer input#submit {
2830 - background: #5b4e96;
2831 - padding: 12px 30px;
2832 -}
2833 -footer.wp-chatbot-admin-footer {
2834 - padding: 0 20px 20px 20px;
2835 - margin: 0 20px;
2836 -}
2837 -.qcld-wp-chatbot-wrap-header_inn a.button.page-title-action {
2838 - padding: 8px 15px;
2839 - background: #ffffff;
2840 - color: #5B4E96;
2841 - border: 2px solid #5B4E96;
2842 - border-radius: 6px;
2843 - font-weight: bold;
2844 - position: absolute;
2845 - top: 30px;
2846 - left: 280px;
2847 - line-height: normal;
2848 - min-height: unset;
2849 -}
2850 -.qcld-wp-chatbot-wrap-header_inn a.button.page-title-action:hover {
2851 - padding: 8px 15px;
2852 - background: #5B4E96;
2586 +#qcld-quick-flyout .qcld-quick-flyout-item i {
2853 2587 color: #fff;
2854 - border: 2px solid #5B4E96;
2855 - border-radius: 6px;
2856 - font-weight: bold;
2857 - position: absolute;
2858 - top: 31px;
2859 - left: 280px;
2588 + font-size: 26px;
2589 + height: 26px;
2590 + width: 26px
2860 2591 }
2861 2592
2862 -.qcld-session-history_menu_box .btn.btn-primary {
2863 - background: #564a8e !important;
2864 - color: #fff !important;
2865 -}
2866 -.qcld-session-history_menu_box a.btn.btn-success {
2867 - padding: 8px 24px;
2868 - width: auto;
2869 - font-size: 15px;
2870 - font-weight: 500;
2871 - border-radius: 8px;
2872 - position: relative;
2873 - background: #ffffff;
2874 - color: #564a8e;
2875 - text-decoration: none;
2876 - line-height: normal;
2877 - border: 2px solid #564a8e;
2878 -}
2879 -.qcld-session-history_menu_box a.btn.btn-success:hover {
2880 - padding: 8px 24px;
2881 - width: auto;
2882 - font-size: 15px;
2883 - font-weight: 500;
2884 - border-radius: 8px;
2885 - position: relative;
2886 - background: #564a8e;
2887 - color: #fff;
2888 - text-decoration: none;
2889 - line-height: normal;
2890 - border: 2px solid #564a8e;
2593 +a.qcld-quick-flyout-button.qcld-quick-flyout-mascot img {
2594 + width: 60px !important;
2891 2595 }