PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 7.3.3
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v7.3.3
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 +165 -696 8.6.27.3.3 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%);
@@ -1112,13 +1107,12 @@
1112 1107
1113 1108 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container {
1114 1109 display: flex;
1115 1110 justify-content: flex-start;
1116 - padding: 8px 20px;
1111 + padding: 20px;
1117 1112 border-radius: 16px;
1118 1113 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
1119 - margin: 20px 0 0 0;
1120 - gap: 30px;
1114 + margin: 20px 0 20px 0;
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;
@@ -1485,163 +1476,17 @@
1485 1476 }
1486 1477
1487 1478
1488 1479 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container h4 {
1489 - width: 365px;
1480 + width: 396px;
1490 1481 }
1491 1482
1492 1483 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container select {
1493 - display: none;
1484 + border-color: #ffffff;
1485 + width: 220px;
1494 1486 }
1495 1487
1496 -/* Avatar Location Selector */
1497 -.avatar-location-wrapper {
1498 - background: #ffffff;
1499 - border-radius: 12px;
1500 - padding: 0 0 25px 0;
1501 - margin: 0 0 0 0;
1502 -}
1503 1488
1504 -.avatar-location-title {
1505 - font-size: 13px;
1506 - font-weight: 600;
1507 - color: #6B7280;
1508 - margin: 0 0 10px 0;
1509 - text-transform: none;
1510 - letter-spacing: 0;
1511 -}
1512 -
1513 -.avatar-location-cards {
1514 - display: inline-flex;
1515 - gap: 0;
1516 - background: #F3F4F6;
1517 - border-radius: 10px;
1518 - padding: 4px;
1519 -}
1520 -
1521 -.avatar-location-card {
1522 - display: flex;
1523 - align-items: center;
1524 - gap: 6px;
1525 - padding: 8px 18px;
1526 - border-radius: 8px;
1527 - cursor: pointer;
1528 - font-size: 13px;
1529 - font-weight: 500;
1530 - color: #6B7280;
1531 - background: transparent;
1532 - border: none;
1533 - transition: all 0.2s ease;
1534 - user-select: none;
1535 -}
1536 -
1537 -.avatar-location-card:hover {
1538 - color: #374151;
1539 - background: #E5E7EB;
1540 -}
1541 -
1542 -.avatar-location-card.active {
1543 - background: #ffffff;
1544 - color: #111827;
1545 - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
1546 -}
1547 -
1548 -.avatar-location-card svg {
1549 - flex-shrink: 0;
1550 - color: inherit;
1551 -}
1552 -
1553 -.avatar-location-card.active svg {
1554 - color: #4B5563;
1555 -}
1556 -
1557 -/* AI Provider Cards Wrapper */
1558 -.ai-provider-cards-wrapper {
1559 - background: #ffffff;
1560 - border-radius: 12px;
1561 - padding: 20px 24px 20px 6px;
1562 - margin: 0 0 0 0;
1563 -}
1564 -
1565 -.ai-provider-cards {
1566 - display: flex;
1567 - gap: 12px;
1568 - flex-wrap: wrap;
1569 - padding: 4px 0;
1570 -}
1571 -
1572 -.ai-provider-card {
1573 - display: flex;
1574 - flex-direction: column;
1575 - align-items: center;
1576 - justify-content: center;
1577 - gap: 8px;
1578 - padding: 8px 12px;
1579 - min-width: 110px;
1580 - background: #ffffff;
1581 - border: 2px solid #E5E7EB;
1582 - border-radius: 12px;
1583 - cursor: pointer;
1584 - position: relative;
1585 - transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
1586 - user-select: none;
1587 -}
1588 -
1589 -.ai-provider-card:hover {
1590 - border-color: #93C5FD;
1591 - background: #F0F7FF;
1592 - transform: translateY(-2px);
1593 - box-shadow: 0 4px 12px rgba(37, 99, 235, 0.10);
1594 -}
1595 -
1596 -.ai-provider-card.active {
1597 - border-color: #2563EB;
1598 - background: #EFF6FF;
1599 - box-shadow: 0 2px 8px rgba(37, 99, 235, 0.13);
1600 -}
1601 -
1602 -.ai-provider-check {
1603 - position: absolute;
1604 - top: 6px;
1605 - right: 6px;
1606 - opacity: 0;
1607 - transform: scale(0.5);
1608 - transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
1609 - line-height: 0;
1610 -}
1611 -
1612 -.ai-provider-card.active .ai-provider-check {
1613 - opacity: 1;
1614 - transform: scale(1);
1615 -}
1616 -
1617 -.ai-provider-icon {
1618 - width: 40px;
1619 - height: 40px;
1620 - display: flex;
1621 - align-items: center;
1622 - justify-content: center;
1623 -}
1624 -
1625 -.ai-provider-icon svg {
1626 - width: 32px;
1627 - height: 32px;
1628 -}
1629 -
1630 -.ai-provider-name {
1631 - font-size: 12px;
1632 - font-weight: 600;
1633 - color: #4B5563;
1634 - text-align: center;
1635 - white-space: nowrap;
1636 - line-height: 1.2;
1637 -}
1638 -
1639 -.ai-provider-card.active .ai-provider-name {
1640 - color: #1E40AF;
1641 -}
1642 -
1643 -
1644 1489 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-openai-training-model .row.my-4 {
1645 1490 font-size: 15px;
1646 1491 display: flex;
1647 1492 width: 100%;
@@ -1777,25 +1622,21 @@
1777 1622 font-size: 15px;
1778 1623 }
1779 1624
1780 1625 .content_qcbot_help_secion .panel-title a.collapsed:after {
1781 - content: "\f10f";
1626 + font: normal normal normal 24px / 1 FontAwesome;
1627 + content: "\f055";
1782 1628 position: absolute;
1783 1629 right: 18px;
1784 1630 top: 12px;
1785 - font-family: dashicons;
1786 - font-size: 24PX;
1787 - font-weight: normal;
1788 1631 }
1789 1632
1790 1633 .content_qcbot_help_secion .panel-title a:after {
1791 - content: "\f14f";
1634 + font: normal normal normal 24px / 1 FontAwesome;
1635 + content: "\f056";
1792 1636 position: absolute;
1793 1637 right: 18px;
1794 1638 top: 12px;
1795 - font-family: dashicons;
1796 - font-size: 24PX;
1797 - font-weight: normal;
1798 1639 }
1799 1640
1800 1641
1801 1642 .content_qcbot_help_secion .panel-default>.panel-heading+.panel-collapse>.panel-body {
@@ -2052,9 +1893,9 @@
2052 1893 display: inline-block;
2053 1894 min-width: 310px;
2054 1895 margin: 0;
2055 1896 }
2056 -#rotationloader
1897 +#rotationloader.fa.fa-spinner
2057 1898 {
2058 1899 display: none;
2059 1900 rotate: initial;
2060 1901 -webkit-animation: rotation 2s infinite linear;
@@ -2079,15 +1920,12 @@
2079 1920 a.qcld-wp-chatbot-wrap--doc_logo {
2080 1921 text-decoration: none !important;
2081 1922 position: relative;
2082 1923 }
2083 -.docs_icon span {
1924 +.docs_icon i {
2084 1925 background: #5b4e96;
2085 1926 padding: 25px 25px;
2086 1927 border-radius: 50%;
2087 - font-size: 82px;
2088 - width: auto;
2089 - height: auto;
2090 1928 }
2091 1929
2092 1930
2093 1931 /* .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
@@ -2402,9 +2240,9 @@
2402 2240 }
2403 2241
2404 2242 #qcld-show-more-wrapper-box .qcld-show-more-show-more i {
2405 2243 display: block;
2406 - padding: 0 0 0 0;
2244 + padding: 6px 0 0 0;
2407 2245 background: #5b4e96;
2408 2246 width: 30px;
2409 2247 height: 30px;
2410 2248 line-height: 30px;
@@ -2507,56 +2345,8 @@
2507 2345 textarea#qcld_openai_system_content {
2508 2346 height: 120px;
2509 2347 line-height: 28px;
2510 2348 }
2511 -.qcld-openai-system-presets {
2512 - display: flex;
2513 - gap: 10px;
2514 - margin: 12px 0;
2515 - overflow-x: auto;
2516 - padding-bottom: 8px;
2517 - scroll-snap-type: x proximity;
2518 - flex-wrap: wrap;
2519 -}
2520 -.qcld-openai-system-preset {
2521 - align-items: center;
2522 - border: 1px solid #dcdcde;
2523 - border-radius: 6px;
2524 - cursor: pointer;
2525 - display: flex;
2526 - flex: 0 0 220px;
2527 - gap: 10px;
2528 - justify-content: center;
2529 - margin: 0;
2530 - min-height: 70px;
2531 - padding: 12px;
2532 - scroll-snap-align: start;
2533 - text-align: center;
2534 -}
2535 -.qcld-openai-system-preset input {
2536 - display: none;
2537 -}
2538 -.qcld-openai-system-preset.is-selected {
2539 - background: #f0f6fc;
2540 - border-color: #2271b1;
2541 -}
2542 -.qcld-openai-system-preset-content {
2543 - display: grid;
2544 - gap: 4px;
2545 - line-height: 22px;
2546 -}
2547 -.qcld-openai-system-preset-title {
2548 - color: #1d2327;
2549 - font-weight: 600;
2550 -}
2551 -.qcld-openai-system-preset-value {
2552 - display: none;
2553 -}
2554 -@media (max-width: 782px) {
2555 - .qcld-openai-system-preset {
2556 - flex-basis: 180px;
2557 - }
2558 -}
2559 2349 .qcld-main-wrapper .alert.alert-warning {
2560 2350 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96% 96%);
2561 2351 border-radius: 6px;
2562 2352 color: #721c24;
@@ -2613,514 +2403,193 @@
2613 2403 border-color: #e1dbff;
2614 2404 box-shadow: none !important;
2615 2405 outline: none !important;
2616 2406 }
2617 -
2618 -.wp-chatbot-wrap .qc-opt-language-title{
2619 - font-weight: bold !important;
2620 - color: #5b4e96 !important;
2621 - font-size: 16px;
2407 +@media (min-width: 993px) and (max-width: 1350px) {
2408 +.wp-chatbot-admin-upgrade-pro-sidebar {
2409 + width: 25%;
2622 2410 }
2411 +}
2623 2412
2624 -button.qcld_chatbot_custom_icon_button.button, button.wp_chatbot_custom_agent_button.button {
2625 - padding: 2px 20px;
2626 - width: auto;
2627 - font-size: 14px;
2628 - font-weight: 500;
2629 - color: #988FBD;
2630 - border-radius: 8px;
2631 - background: #fff;
2632 - color: #5B4E96;
2633 - text-decoration: none;
2634 - margin: 0;
2635 - border: 2px solid #5B4E96;
2636 2413
2637 -}
2638 2414
2639 -button.qcld_chatbot_custom_icon_button.button:hover, button.wp_chatbot_custom_agent_button.button:hover {
2640 - background: #5B4E96;
2641 - color: #fff;
2642 - border: 2px solid #5B4E96;
2643 2415
2644 -}
2645 2416
2646 2417
2647 -@media (min-width: 993px) and (max-width: 1350px) {
2648 -.wp-chatbot-admin-upgrade-pro-sidebar {
2649 - width: 25%;
2650 -}
2651 -}
2652 2418
2653 -.wp-chatbot-tabs nav ul li a span.dashicons {
2654 - font-size: 20px;
2655 - width: auto;
2656 - height: auto;
2657 -}
2658 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a span.dashicons {
2659 - font-size: 20px;
2660 -}
2661 2419
2662 2420
2663 -.dashicons, .dashicons-before:before {
2664 - font-family: dashicons;
2665 - display: inline-block;
2666 - line-height: 1;
2667 - font-weight: 400;
2668 - font-weight: normal;
2669 -}
2670 2421
2671 -.qcl-openai a:focus {
2672 - outline: 0 auto -webkit-focus-ring-color;
2673 - outline-offset: 0;
2674 - border: none !important;
2675 - outline: none !important;
2676 - box-shadow: none;
2677 -}
2678 2422
2679 -#qcld_check_connection i{
2680 - animation: rotation infinite 3s linear;
2681 -}
2682 2423
2683 -.wp-chatbot-wrap div#wp-chatbot-custom-color-options .form-group {
2684 - min-height: 90px;
2685 -}
2686 2424
2687 -div#promotion-wpchatbot .qc-review-text a {
2688 - display: block;
2689 -}
2690 -.qcld-wp-chatbot-wrap-header-logo {
2691 - display: flex;
2692 - align-items: center;
2693 - gap: 10px;
2694 -}
2695 -@keyframes rotation{
2696 - from{
2697 - transform:rotate(360deg);
2698 - }
2699 -
2700 - to{
2701 - transform:rotate(0deg);
2702 - }
2703 -}
2704 2425
2705 -.qcld-btn-primary {
2706 - padding: 14px 30px;
2707 - width: auto;
2708 - font-size: 16px;
2709 - font-weight: 500;
2710 - color: #988FBD;
2711 - border-radius: 8px;
2712 - position: relative;
2713 - display: inline-block;
2714 - align-items: center;
2715 - gap: 15px;
2716 - background: #5B4E96;
2717 - color: #ffffff;
2718 - text-decoration: none;
2719 - border-color: #5b4e96 !important;
2720 - line-height: normal;
2721 -}
2722 -div#wpfooter {
2723 - display: none;
2724 -}
2725 2426
2726 -.qcld-btn-primary {
2727 2427
2728 - border: none;
2729 -}
2730 2428
2731 -div#qcld-rag-settings-tab .wrap h3 {
2732 - padding: 0 0 8px 0;
2733 - margin: 20px 0 12px 0;
2734 - font-weight: bold;
2735 - font-size: 22px !important;
2736 - color: #5b4e96 !important;
2737 -}
2738 2429
2739 -div#rag-sync .wrap h3 {
2740 - padding: 0 0 8px 0;
2741 - margin: 10px 0 12px 0;
2742 - font-weight: bold;
2743 - font-size: 22px !important;
2744 - color: #5b4e96 !important;
2745 -}
2746 2430
2747 -div#rag-settings h2.nav-tab-wrapper a {
2748 - margin-right: 0;
2749 - line-height: 1.42857143;
2750 - border: 1px solid #5b4e96;
2751 - border-radius: 6px;
2752 - border: 1px solid #5b4e96;
2753 - padding: 10px 20px !important;
2754 - border-radius: 8px;
2755 - color: #5b4e96;
2756 - font-size: 15px;
2757 - font-weight: 600;
2758 - line-height: normal !important;
2759 - background: #fff;
2760 -}
2761 2431
2762 -div#rag-settings h2.nav-tab-wrapper {
2763 - margin: 0;
2764 - padding: 0;
2765 - border: none;
2766 -}
2767 2432
2768 -div#rag-settings h2.nav-tab-wrapper a:hover, div#rag-settings h2.nav-tab-wrapper a.nav-tab-active, div#rag-settings h2.nav-tab-wrapper a:focus {
2769 - color: #fff;
2770 - background: #5b4e96;
2771 - text-decoration: none !important;
2772 - border: 1px solid #5b4e96;
2773 -}
2774 2433
2775 2434
2776 2435
2777 -button#rag-pdf-submit, button#rag-csv-submit, button#rag-xaml-submit, button#rag_embed_btn {
2778 - padding: 8px 15px;
2779 - width: auto;
2780 - font-size: 16px;
2781 - font-weight: 500;
2782 - color: #988FBD;
2783 - border-radius: 8px;
2784 - position: relative;
2785 - display: inline-block;
2436 +#qcld-quick-flyout {
2786 2437 align-items: center;
2787 - gap: 15px;
2788 - background: #5B4E96;
2789 - color: #ffffff;
2790 - text-decoration: none;
2791 - border-color: #5b4e96 !important;
2792 - line-height: normal;
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
2793 2447 }
2794 2448
2795 -div#rag-sync .wrap {
2796 - border: 1px solid #eee;
2797 - padding: 8px 12px;
2798 - border-radius: 6px;
2449 +#qcld-quick-flyout:not(.is-open) {
2450 + pointer-events: none
2799 2451 }
2800 2452
2453 +@media (max-width:959px) {
2454 + #qcld-quick-flyout {
2455 + display: none
2456 + }
2457 +}
2801 2458
2802 -
2803 -div#qcld-rag-settings-tab .wrap:first-child {
2804 - border: 1px solid #eee;
2805 - padding: 8px 12px;
2806 - border-radius: 6px;
2459 +#qcld-quick-flyout .qcld-quick-flyout-mascot {
2460 + align-items: center;
2461 + display: flex;
2462 + pointer-events: auto;
2463 + position: relative
2807 2464 }
2808 2465
2809 -
2810 -.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: "";
2811 2472 display: block;
2473 + height: 60px;
2474 + left: 0;
2475 + position: absolute;
2476 + transition: all .2s ease-in-out;
2477 + width: 60px;
2478 + z-index: -1
2812 2479 }
2813 2480
2814 -.tablenav-pages {
2815 - text-align: right;
2816 - padding: 8px 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)
2817 2483 }
2818 -button#botmaster_submit_sitemap_btn {
2819 - background: #5B4E96;
2820 - border-color: #5B4E96;
2484 +
2485 +#qcld-quick-flyout .qcld-quick-flyout-mascot:focus {
2486 + box-shadow: none
2821 2487 }
2822 -div#rag-database h3 {
2823 - padding: 0 0 8px 0;
2824 - margin: 15px 0 8px 0;
2825 - font-weight: bold;
2826 - font-size: 22px !important;
2827 - color: #5b4e96 !important;
2488 +
2489 +#qcld-quick-flyout .qcld-quick-mascot__eyes {
2490 + transition: transform .2s ease-in-out
2828 2491 }
2829 2492
2830 -.qcl-openai div#rag-settings h2.nav-tab-wrapper a:focus {
2831 - border: 1px solid #5b4e96 !important;
2493 +#qcld-quick-flyout.is-open .glsr-mascot__eyes {
2494 + transform: translateY(-2.5%)
2832 2495 }
2833 -button#rag-delete-all {
2834 - background: #5b4e96;
2835 - color: #fff;
2836 - border-color: #5b4e96;
2837 -}
2838 2496
2839 -div#rag-database table.widefat {
2840 - border: 1px solid #ffffff;
2841 - box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
2497 +#qcld-quick-flyout .qcld-quick-flyout-label {
2498 + align-items: center;
2499 + display: flex;
2500 + height: auto !important;
2501 + padding-right: 10px;
2502 + position: absolute;
2503 + right: 100%;
2504 + transition: all .2s ease-out;
2505 + white-space: nowrap
2842 2506 }
2843 -div#rag-database .widefat thead td, div#rag-database .widefat thead th {
2844 - border-bottom: 1px solid #ffffff;
2845 -}
2846 2507
2847 -div#rag-database table.widefat thead {
2848 - background: #5b4e96;
2508 +#qcld-quick-flyout .qcld-quick-flyout-label>div {
2509 + background-color: rgba(44 51 56/.9);
2510 + border-radius: 3px;
2849 2511 color: #fff;
2512 + font-size: 14px;
2513 + line-height: 1.4;
2514 + padding: 6px 12px;
2515 + position: relative
2850 2516 }
2851 -div#rag-database table.widefat thead th {
2852 - color: #fff;
2517 +
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
2853 2521 }
2854 -.qcl-openai div#rag-database input[type=checkbox] {
2855 - display: block;
2856 - width: 18px;
2857 - height: 18px;
2522 +
2523 +#qcld-quick-flyout .qcld-quick-flyout-mascot .qcld-quick-flyout-label {
2524 + opacity: 1;
2525 + transform: scale(1);
2526 + transform-origin: right
2858 2527 }
2859 -div#wp-chatbot-openai-rag input[type=checkbox]+label {
2860 - margin-bottom: 0;
2528 +
2529 +#qcld-quick-flyout.is-open .qcld-quick-flyout-mascot .qcld-quick-flyout-label {
2530 + opacity: 0;
2531 + transform: scale(0)
2861 2532 }
2862 -.qcl-openai input[type=checkbox]+label {
2863 - margin-bottom: 0;
2864 -}
2865 -div#qcld-rag-settings-tab .wrap .mb-3 {
2866 - padding: 5px 0;
2867 -}
2868 -div#rag-database input#search-submit {
2869 - background: #5b4e96;
2870 - color: #fff;
2871 - border-color: #5b4e96;
2872 -}
2873 -.rag_embed_cpts_wrapper {
2533 +
2534 +#qcld-quick-flyout .qcld-quick-flyout-items {
2874 2535 display: flex;
2875 2536 flex-direction: column;
2876 - gap: 6px;
2537 + row-gap: 10px
2877 2538 }
2878 -div#wp-chatbot-gemini-settings .input-group {
2539 +
2540 +#qcld-quick-flyout .qcld-quick-flyout-item {
2541 + align-items: center;
2542 + background-color:#5B4E96;
2543 + border-radius: 50%;
2544 + box-shadow: 0 3px 20px rgba(0, 0, 0, .2);
2879 2545 display: flex;
2880 - gap: 10px;
2546 + height: 40px;
2547 + justify-content: center;
2548 + opacity: 0;
2549 + text-decoration: none;
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
2881 2556 }
2882 -div#wp-chatbot-grok-settings a#qcld_save_grok_setting {
2883 - background: #5B4E96;
2884 - color: #ffffff;
2885 - border: none;
2886 - padding: 12px 30px;
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)
2887 2561 }
2888 -button#qcld_gemini_fetch_models {
2889 - background: #5B4E96;
2890 - color: #ffffff;
2891 - border: none;
2562 +
2563 +#qcld-quick-flyout .qcld-quick-flyout-item.qcld-quick-flyout-premium {
2564 + background-color: #009688
2892 2565 }
2893 -.wp-chatbot-wrap label.block.text-sm.font-medium.text-gray-700.mb-2.qc-opt-language-title {
2894 - display: block;
2895 - padding: 0 0 5px 0;
2566 +
2567 +#qcld-quick-flyout .qcld-quick-flyout-item.qcld-quick-flyout-premium:hover {
2568 + background-color: #E91E63
2896 2569 }
2897 -select#qcld_language_center_select {
2898 - padding: 0 0 0 0;
2899 - margin: 0 0 6px 0;
2900 - padding: 0 4px;
2901 - min-width: 220px;
2902 -}
2903 -select#qcld_language_center_select:focus {
2904 - border-color: #5b4e96;
2905 - color: #5b4e96;
2906 - box-shadow: 0 0 0 1px #5b4e96;
2907 -}
2908 -div#common-ai-settings h2 a {
2909 - background: #5B4E96;
2910 - color: #ffffff;
2911 - display: inline-block !important;
2912 - font-size: 16px;
2913 - padding: 8px 15px;
2914 - border-radius: 8px;
2915 -}
2916 -div#common-ai-settings h2.nav-tab-wrapper {
2917 - border: none;
2918 -}
2919 -div#qcld-rate-settings-tab {
2920 - display: block !important;
2921 -}
2922 -div#common-ai-settings .form-check {
2923 - margin-bottom: 15px;
2924 - border: 0px solid #E5E6F2;
2925 - padding: 12px 12px;
2926 - border-radius: 8px;
2927 -}
2928 -.cxsc-settings-blocks.cxsc-settings-blocks-style input[type=radio]:checked::before {
2929 - width: 1.5rem;
2930 - height: 1.5rem;
2931 - margin: -1px 0 0 -1px;
2932 -}
2933 -.cxsc-settings-blocks.cxsc-settings-blocks-style .radio-inline input[type=radio] {
2934 - width: 1.5rem;
2935 - height: 1.5rem;
2936 -}
2937 -button#rag-docx-submit, button#rag-migrate-btn, button#rag-media-docx-btn, button#qcld-rag-list-docx-btn, button#rag-media-pdf-btn, button#qcld-rag-list-pdf-btn {
2938 - padding: 8px 15px;
2939 - width: auto;
2940 - font-size: 16px;
2941 - font-weight: 500;
2942 - color: #988FBD;
2943 - border-radius: 8px;
2944 - position: relative;
2945 - display: inline-block;
2570 +
2571 +#qcld-quick-flyout .qcld-quick-flyout-item.qcld-quick-flyout-premium i {
2946 2572 align-items: center;
2947 - gap: 15px;
2948 - background: #5B4E96;
2949 - color: #ffffff;
2950 - text-decoration: none;
2951 - border-color: #5b4e96 !important;
2952 - line-height: normal;
2953 -}
2954 -button#botmaster_submit_googlesheet_btn, button#botmaster_submit_googledoc_btn {
2955 - background: #5B4E96;
2956 - border-color: #5B4E96;
2957 -}
2958 -.wpbot-wizard-field select#wizard_ai_provider {
2959 - background: transparent;
2960 2573 color: #fff;
2961 - width: 100%;
2962 - display: block;
2963 - max-width: unset;
2574 + display: flex;
2575 + justify-content: center;
2576 + position: relative
2964 2577 }
2965 -.wpbot-wizard-field select#wizard_ai_provider:hover {
2966 - border-color: #5b4e96;
2967 - color: #5b4e96;
2968 - box-shadow: 0 0 0 1px #5b4e96;
2578 +
2579 +
2580 +#qcld-quick-flyout.is-open .qcld-quick-flyout-item {
2581 + opacity: 1;
2582 + transform: scale(1);
2583 + visibility: visible
2969 2584 }
2970 -div#wizard_api_key_container input#wizard_api_key {
2971 - background: transparent;
2972 - color: #fff;
2973 -}
2974 -div#collapseTwoControl input[type=radio]:checked::before {
2975 - background-color: #5b4e96;
2976 -}
2977 -.nav-tab-wrapper.sld_nav_container.wppt_nav_container.qcld_help_wppt_nav_container{
2978 - width: 320px !important;
2979 - gap: 0;
2980 -}
2981 -div#rag-settings tbody#rag-knowledge-base-list tr td button {
2982 - padding: 6px 20px;
2983 - font-weight: bold;
2984 - font-size: 12px;
2985 -}
2986 -div#rag-settings tbody#rag-knowledge-base-list tr td button.button.button-small.button-link-delete.rag-delete-doc{
2987 - background: #d14529;
2988 - color: #fff;
2989 - border-color: #d14529;
2990 -}
2991 -button#ai-knowledge-base-tab {
2992 - animation: pulse 2s infinite;
2993 -}
2994 -@keyframes pulse {
2995 - 0% {
2996 - transform: scale(1);
2997 - }
2998 - 50% {
2999 - transform: scale(1.05);
3000 - }
3001 - 100% {
3002 - transform: scale(1);
3003 - }
3004 -}
3005 -footer.wp-chatbot-admin-footer input#submit {
3006 - background: #5b4e96;
3007 - padding: 12px 30px;
3008 -}
3009 -footer.wp-chatbot-admin-footer {
3010 - padding: 0 20px 20px 20px;
3011 - margin: 0 20px;
3012 -}
3013 -.qcld-wp-chatbot-wrap-header_inn a.button.page-title-action {
3014 - padding: 8px 15px;
3015 - background: #ffffff;
3016 - color: #5B4E96;
3017 - border: 2px solid #5B4E96;
3018 - border-radius: 6px;
3019 - font-weight: bold;
3020 - position: absolute;
3021 - top: 30px;
3022 - left: 280px;
3023 - line-height: normal;
3024 - min-height: unset;
3025 -}
3026 -.qcld-wp-chatbot-wrap-header_inn a.button.page-title-action:hover {
3027 - padding: 8px 15px;
3028 - background: #5B4E96;
2585 +
2586 +#qcld-quick-flyout .qcld-quick-flyout-item i {
3029 2587 color: #fff;
3030 - border: 2px solid #5B4E96;
3031 - border-radius: 6px;
3032 - font-weight: bold;
3033 - position: absolute;
3034 - top: 31px;
3035 - left: 280px;
2588 + font-size: 26px;
2589 + height: 26px;
2590 + width: 26px
3036 2591 }
3037 -.qcld-session-history_menu_box .btn.btn-primary {
3038 - background: #564a8e !important;
3039 - color: #fff !important;
3040 -}
3041 -.qcld-session-history_menu_box a.btn.btn-success {
3042 - padding: 8px 24px;
3043 - width: auto;
3044 - font-size: 15px;
3045 - font-weight: 500;
3046 - border-radius: 8px;
3047 - position: relative;
3048 - background: #ffffff;
3049 - color: #564a8e;
3050 - text-decoration: none;
3051 - line-height: normal;
3052 - border: 2px solid #564a8e;
3053 -}
3054 -.qcld-session-history_menu_box a.btn.btn-success:hover {
3055 - padding: 8px 24px;
3056 - width: auto;
3057 - font-size: 15px;
3058 - font-weight: 500;
3059 - border-radius: 8px;
3060 - position: relative;
3061 - background: #564a8e;
3062 - color: #fff;
3063 - text-decoration: none;
3064 - line-height: normal;
3065 - border: 2px solid #564a8e;
3066 -}
3067 -.Expandmore {
3068 - background: #23ab10;
3069 - display: inline-block;
3070 - padding: 4px 10px;
3071 - font-size: 14px;
3072 - border-radius: 6px;
3073 - position: relative;
3074 - top: -15px;
3075 -}
3076 -.Collapsemore {
3077 - background: #ff0000;
3078 - display: inline-block;
3079 - padding: 4px 10px;
3080 - font-size: 14px;
3081 - border-radius: 6px;
3082 - position: relative;
3083 - top: -15px;
3084 -}
3085 -.Expandmore span {
3086 - color: #fff;
3087 - margin: 0 0 0 8px;
3088 - padding: 0 5px;
3089 - font-size: 18px;
3090 -}
3091 -.admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container {
3092 - display: flex;
3093 - justify-content: flex-start;
3094 - align-items: center;
3095 -}
3096 -.avatar-location-wrapper {
3097 - padding: 0 0 25px 0;
3098 -}
3099 -.avatar-location-card.active {
3100 - background: #5b4e96;
3101 - color: #ffffff;
3102 -}
3103 -.avatar-location-card.active svg {
3104 - color: #ffffff;
3105 -}
3106 -.ai-provider-cards {
3107 - margin: 0 0 0 0%;
3108 -}
3109 -.qcld-wp-chatbot-wrap-header_inn_heading a.button.page-title-action {
3110 - margin: 0 0 0 4px;
3111 -}
3112 -label.qcld_label_width_full.qcld_label_width_half {
3113 - font-size: 12px;
3114 - padding: 6px 0 0 0;
3115 -}
3116 -.ai-provider-cards-wrapper h4 {
3117 - width: 412px;
3118 -}
3119 -.ai-provider-cards-wrapper {
3120 - display: flex;
3121 -}
3122 -@media (max-width: 880px) {
3123 - .ai-provider-cards {
3124 - margin: 0 0 0 0;
3125 - }
2592 +
2593 +a.qcld-quick-flyout-button.qcld-quick-flyout-mascot img {
2594 + width: 60px !important;
3126 2595 }