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 +166 -751 8.6.67.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%);
@@ -996,59 +991,8 @@
996 991 .lp-submenu-wpbot_openAi .swal2-actions {
997 992 display: flex;
998 993 width: auto;
999 994 }
1000 -
1001 -/* Icon-only centered loading overlay for Save settings */
1002 -.swal2-popup.qcld-swal-loading-only {
1003 - background: transparent !important;
1004 - box-shadow: none !important;
1005 - padding: 0 !important;
1006 - width: auto !important;
1007 - min-width: 0 !important;
1008 -}
1009 -.swal2-popup.qcld-swal-loading-only .swal2-header,
1010 -.swal2-popup.qcld-swal-loading-only .swal2-title,
1011 -.swal2-popup.qcld-swal-loading-only .swal2-actions,
1012 -.swal2-popup.qcld-swal-loading-only .swal2-footer,
1013 -.swal2-popup.qcld-swal-loading-only .swal2-close {
1014 - display: none !important;
1015 -}
1016 -.swal2-popup.qcld-swal-loading-only .swal2-html-container {
1017 - margin: 0 !important;
1018 - padding: 0 !important;
1019 - overflow: visible !important;
1020 - color: transparent !important;
1021 -}
1022 -.qcld-save-settings-spinner {
1023 - position: relative;
1024 - width: 56px;
1025 - height: 56px;
1026 - margin: 0 auto;
1027 -}
1028 -.qcld-save-settings-spinner::before,
1029 -.qcld-save-settings-spinner::after {
1030 - content: '';
1031 - position: absolute;
1032 - inset: 0;
1033 - border-radius: 50%;
1034 - border: 4px solid transparent;
1035 -}
1036 -.qcld-save-settings-spinner::before {
1037 - border-top-color: #8b5cf6;
1038 - border-right-color: #8b5cf6;
1039 - animation: qcld-save-settings-spin 0.9s linear infinite;
1040 -}
1041 -.qcld-save-settings-spinner::after {
1042 - inset: 8px;
1043 - border-bottom-color: #ffffff;
1044 - border-left-color: #ffffff;
1045 - animation: qcld-save-settings-spin 0.7s linear infinite reverse;
1046 -}
1047 -@keyframes qcld-save-settings-spin {
1048 - 0% { transform: rotate(0deg); }
1049 - 100% { transform: rotate(360deg); }
1050 -}
1051 995 .lp-submenu-wpbot_openAi button.swal2-confirm.btn.btn-lg.swal2-styled{
1052 996 width: auto !important;
1053 997 }
1054 998
@@ -1163,13 +1107,12 @@
1163 1107
1164 1108 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container {
1165 1109 display: flex;
1166 1110 justify-content: flex-start;
1167 - padding: 8px 20px;
1111 + padding: 20px;
1168 1112 border-radius: 16px;
1169 1113 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
1170 - margin: 20px 0 0 0;
1171 - gap: 30px;
1114 + margin: 20px 0 20px 0;
1172 1115 }
1173 1116
1174 1117 .admin-maxwith.qcld-openai-main-box .tab-content {
1175 1118 padding: 0 12px 0 12px;
@@ -1207,27 +1150,22 @@
1207 1150 }
1208 1151
1209 1152
1210 1153 .admin-maxwith.qcld-openai-main-box button.btn.btn-link:after {
1211 - content: "\f14f";
1212 - font-family: dashicons;
1154 + font: normal normal normal 24px / 1 FontAwesome;
1155 + content: "\f056";
1213 1156 position: absolute;
1214 1157 right: 18px;
1215 1158 top: 12px;
1216 - font-size: 22px;
1217 - font-weight: normal;
1218 1159 }
1219 1160
1220 1161
1221 1162 .admin-maxwith.qcld-openai-main-box button.btn.btn-link.collapsed:after{
1222 -
1223 - content: "\f10f";
1224 - font-family: dashicons;
1163 + font: normal normal normal 24px / 1 FontAwesome;
1164 + content: "\f055";
1225 1165 position: absolute;
1226 1166 right: 18px;
1227 1167 top: 12px;
1228 - font-size: 22px;
1229 - font-weight: normal;
1230 1168 }
1231 1169
1232 1170
1233 1171 .admin-maxwith.qcld-openai-main-box .btn.active.focus,
@@ -1252,10 +1190,12 @@
1252 1190 font-size: 15px;
1253 1191 }
1254 1192
1255 1193 .admin-maxwith.qcld-openai-main-box .tab-content .alert.alert-info {
1256 - margin: 15px 0 0 0;
1194 + margin: 15px 0 0 15px;
1257 1195 }
1196 +
1197 +
1258 1198 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li a {
1259 1199 padding: 14px 20px;
1260 1200 width: 100%;
1261 1201 font-size: 16px;
@@ -1356,9 +1296,9 @@
1356 1296 .qcld-main-wrapper div#headingTwoControl a {
1357 1297 font-weight: bold;
1358 1298 }
1359 1299
1360 -.qcl-openai input[type=checkbox]+label {
1300 +.qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]+label {
1361 1301 position: relative;
1362 1302 width: 18px;
1363 1303 height: 18px;
1364 1304 border: 2px solid #5b4e96;
@@ -1375,13 +1315,13 @@
1375 1315 -ms-user-select: none;
1376 1316 user-select: none;
1377 1317 display: flex;
1378 1318 align-items: center;
1379 - margin-bottom: 10px;
1319 + margin-bottom: 0;
1380 1320 line-height: 30px;
1381 1321 }
1382 1322
1383 -.qcl-openai input[type=checkbox]+label:after {
1323 +.qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]+label:after {
1384 1324 content: "";
1385 1325 position: absolute;
1386 1326 width: 0px;
1387 1327 height: 8px;
@@ -1394,23 +1334,23 @@
1394 1334 opacity: 0;
1395 1335 transition: all ease-out 200ms;
1396 1336 }
1397 1337
1398 -.qcl-openai input[type=checkbox]:checked+label {
1338 +.qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]:checked+label {
1399 1339 border: 2px solid #22b573;
1400 1340 }
1401 1341
1402 -.qcl-openai input[type=checkbox]:checked+label:after {
1342 +.qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]:checked+label:after {
1403 1343 opacity: 1;
1404 1344 width: 22px;
1405 1345 }
1406 1346
1407 -.qcl-openai input[type=checkbox] {
1347 +.qcl-openai div#wp-chatbot-openai-settings input[type=checkbox] {
1408 1348 display: none;
1409 1349 }
1410 1350
1411 1351
1412 -.qcl-openai .form-check {
1352 +.qcl-openai div#wp-chatbot-openai-settings .form-check {
1413 1353 margin-bottom: 15px;
1414 1354 border: 1px solid #E5E6F2;
1415 1355 padding: 12px 12px;
1416 1356 border-radius: 8px;
@@ -1415,13 +1355,13 @@
1415 1355 padding: 12px 12px;
1416 1356 border-radius: 8px;
1417 1357 }
1418 1358
1419 -.qcl-openai label.form-check-label span {
1359 +.qcl-openai div#wp-chatbot-openai-settings label.form-check-label span {
1420 1360 font-size: 12px;
1421 1361 }
1422 1362
1423 -.qcl-openai label.form-check-label span.pro-badge {
1363 +.qcl-openai div#wp-chatbot-openai-settings label.form-check-label span.pro-badge {
1424 1364 font-size: 9px;
1425 1365 font-weight: 400;
1426 1366 color: #ffffff;
1427 1367 background: #5B4E96;
@@ -1432,10 +1372,10 @@
1432 1372 text-indent: initial;
1433 1373 line-height: 16px;
1434 1374 }
1435 1375
1436 -.qcl-openai a#save_setting {
1437 - margin: 0 0 0 0;
1376 +.qcl-openai div#wp-chatbot-openai-settings a#save_setting {
1377 + margin: 0 0 15px 0;
1438 1378 }
1439 1379
1440 1380 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]+label {
1441 1381 position: relative;
@@ -1536,163 +1476,17 @@
1536 1476 }
1537 1477
1538 1478
1539 1479 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container h4 {
1540 - width: 365px;
1480 + width: 396px;
1541 1481 }
1542 1482
1543 1483 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container select {
1544 - display: none;
1484 + border-color: #ffffff;
1485 + width: 220px;
1545 1486 }
1546 1487
1547 -/* Avatar Location Selector */
1548 -.avatar-location-wrapper {
1549 - background: #ffffff;
1550 - border-radius: 12px;
1551 - padding: 0 0 25px 0;
1552 - margin: 0 0 0 0;
1553 -}
1554 1488
1555 -.avatar-location-title {
1556 - font-size: 13px;
1557 - font-weight: 600;
1558 - color: #6B7280;
1559 - margin: 0 0 10px 0;
1560 - text-transform: none;
1561 - letter-spacing: 0;
1562 -}
1563 -
1564 -.avatar-location-cards {
1565 - display: inline-flex;
1566 - gap: 0;
1567 - background: #F3F4F6;
1568 - border-radius: 10px;
1569 - padding: 4px;
1570 -}
1571 -
1572 -.avatar-location-card {
1573 - display: flex;
1574 - align-items: center;
1575 - gap: 6px;
1576 - padding: 8px 18px;
1577 - border-radius: 8px;
1578 - cursor: pointer;
1579 - font-size: 13px;
1580 - font-weight: 500;
1581 - color: #6B7280;
1582 - background: transparent;
1583 - border: none;
1584 - transition: all 0.2s ease;
1585 - user-select: none;
1586 -}
1587 -
1588 -.avatar-location-card:hover {
1589 - color: #374151;
1590 - background: #E5E7EB;
1591 -}
1592 -
1593 -.avatar-location-card.active {
1594 - background: #ffffff;
1595 - color: #111827;
1596 - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
1597 -}
1598 -
1599 -.avatar-location-card svg {
1600 - flex-shrink: 0;
1601 - color: inherit;
1602 -}
1603 -
1604 -.avatar-location-card.active svg {
1605 - color: #4B5563;
1606 -}
1607 -
1608 -/* AI Provider Cards Wrapper */
1609 -.ai-provider-cards-wrapper {
1610 - background: #ffffff;
1611 - border-radius: 12px;
1612 - padding: 20px 24px 20px 6px;
1613 - margin: 0 0 0 0;
1614 -}
1615 -
1616 -.ai-provider-cards {
1617 - display: flex;
1618 - gap: 12px;
1619 - flex-wrap: wrap;
1620 - padding: 4px 0;
1621 -}
1622 -
1623 -.ai-provider-card {
1624 - display: flex;
1625 - flex-direction: column;
1626 - align-items: center;
1627 - justify-content: center;
1628 - gap: 8px;
1629 - padding: 8px 12px;
1630 - min-width: 110px;
1631 - background: #ffffff;
1632 - border: 2px solid #E5E7EB;
1633 - border-radius: 12px;
1634 - cursor: pointer;
1635 - position: relative;
1636 - transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
1637 - user-select: none;
1638 -}
1639 -
1640 -.ai-provider-card:hover {
1641 - border-color: #93C5FD;
1642 - background: #F0F7FF;
1643 - transform: translateY(-2px);
1644 - box-shadow: 0 4px 12px rgba(37, 99, 235, 0.10);
1645 -}
1646 -
1647 -.ai-provider-card.active {
1648 - border-color: #2563EB;
1649 - background: #EFF6FF;
1650 - box-shadow: 0 2px 8px rgba(37, 99, 235, 0.13);
1651 -}
1652 -
1653 -.ai-provider-check {
1654 - position: absolute;
1655 - top: 6px;
1656 - right: 6px;
1657 - opacity: 0;
1658 - transform: scale(0.5);
1659 - transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
1660 - line-height: 0;
1661 -}
1662 -
1663 -.ai-provider-card.active .ai-provider-check {
1664 - opacity: 1;
1665 - transform: scale(1);
1666 -}
1667 -
1668 -.ai-provider-icon {
1669 - width: 40px;
1670 - height: 40px;
1671 - display: flex;
1672 - align-items: center;
1673 - justify-content: center;
1674 -}
1675 -
1676 -.ai-provider-icon svg {
1677 - width: 32px;
1678 - height: 32px;
1679 -}
1680 -
1681 -.ai-provider-name {
1682 - font-size: 12px;
1683 - font-weight: 600;
1684 - color: #4B5563;
1685 - text-align: center;
1686 - white-space: nowrap;
1687 - line-height: 1.2;
1688 -}
1689 -
1690 -.ai-provider-card.active .ai-provider-name {
1691 - color: #1E40AF;
1692 -}
1693 -
1694 -
1695 1489 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-openai-training-model .row.my-4 {
1696 1490 font-size: 15px;
1697 1491 display: flex;
1698 1492 width: 100%;
@@ -1828,25 +1622,21 @@
1828 1622 font-size: 15px;
1829 1623 }
1830 1624
1831 1625 .content_qcbot_help_secion .panel-title a.collapsed:after {
1832 - content: "\f10f";
1626 + font: normal normal normal 24px / 1 FontAwesome;
1627 + content: "\f055";
1833 1628 position: absolute;
1834 1629 right: 18px;
1835 1630 top: 12px;
1836 - font-family: dashicons;
1837 - font-size: 24PX;
1838 - font-weight: normal;
1839 1631 }
1840 1632
1841 1633 .content_qcbot_help_secion .panel-title a:after {
1842 - content: "\f14f";
1634 + font: normal normal normal 24px / 1 FontAwesome;
1635 + content: "\f056";
1843 1636 position: absolute;
1844 1637 right: 18px;
1845 1638 top: 12px;
1846 - font-family: dashicons;
1847 - font-size: 24PX;
1848 - font-weight: normal;
1849 1639 }
1850 1640
1851 1641
1852 1642 .content_qcbot_help_secion .panel-default>.panel-heading+.panel-collapse>.panel-body {
@@ -2103,9 +1893,9 @@
2103 1893 display: inline-block;
2104 1894 min-width: 310px;
2105 1895 margin: 0;
2106 1896 }
2107 -#rotationloader
1897 +#rotationloader.fa.fa-spinner
2108 1898 {
2109 1899 display: none;
2110 1900 rotate: initial;
2111 1901 -webkit-animation: rotation 2s infinite linear;
@@ -2130,15 +1920,12 @@
2130 1920 a.qcld-wp-chatbot-wrap--doc_logo {
2131 1921 text-decoration: none !important;
2132 1922 position: relative;
2133 1923 }
2134 -.docs_icon span {
1924 +.docs_icon i {
2135 1925 background: #5b4e96;
2136 1926 padding: 25px 25px;
2137 1927 border-radius: 50%;
2138 - font-size: 82px;
2139 - width: auto;
2140 - height: auto;
2141 1928 }
2142 1929
2143 1930
2144 1931 /* .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
@@ -2447,15 +2234,15 @@
2447 2234 font-weight: bold;
2448 2235 }
2449 2236
2450 2237 #qcld-show-more-wrapper-box .qcld-show-more-show-more-height {
2451 - height: 338px;
2238 + height: 190px;
2452 2239 overflow:hidden;
2453 2240 }
2454 2241
2455 2242 #qcld-show-more-wrapper-box .qcld-show-more-show-more i {
2456 2243 display: block;
2457 - padding: 0 0 0 0;
2244 + padding: 6px 0 0 0;
2458 2245 background: #5b4e96;
2459 2246 width: 30px;
2460 2247 height: 30px;
2461 2248 line-height: 30px;
@@ -2558,56 +2345,8 @@
2558 2345 textarea#qcld_openai_system_content {
2559 2346 height: 120px;
2560 2347 line-height: 28px;
2561 2348 }
2562 -.qcld-openai-system-presets {
2563 - display: flex;
2564 - gap: 10px;
2565 - margin: 12px 0;
2566 - overflow-x: auto;
2567 - padding-bottom: 8px;
2568 - scroll-snap-type: x proximity;
2569 - flex-wrap: wrap;
2570 -}
2571 -.qcld-openai-system-preset {
2572 - align-items: center;
2573 - border: 1px solid #dcdcde;
2574 - border-radius: 6px;
2575 - cursor: pointer;
2576 - display: flex;
2577 - flex: 0 0 220px;
2578 - gap: 10px;
2579 - justify-content: center;
2580 - margin: 0;
2581 - min-height: 70px;
2582 - padding: 12px;
2583 - scroll-snap-align: start;
2584 - text-align: center;
2585 -}
2586 -.qcld-openai-system-preset input {
2587 - display: none;
2588 -}
2589 -.qcld-openai-system-preset.is-selected {
2590 - background: #f0f6fc;
2591 - border-color: #2271b1;
2592 -}
2593 -.qcld-openai-system-preset-content {
2594 - display: grid;
2595 - gap: 4px;
2596 - line-height: 22px;
2597 -}
2598 -.qcld-openai-system-preset-title {
2599 - color: #1d2327;
2600 - font-weight: 600;
2601 -}
2602 -.qcld-openai-system-preset-value {
2603 - display: none;
2604 -}
2605 -@media (max-width: 782px) {
2606 - .qcld-openai-system-preset {
2607 - flex-basis: 180px;
2608 - }
2609 -}
2610 2349 .qcld-main-wrapper .alert.alert-warning {
2611 2350 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96% 96%);
2612 2351 border-radius: 6px;
2613 2352 color: #721c24;
@@ -2664,517 +2403,193 @@
2664 2403 border-color: #e1dbff;
2665 2404 box-shadow: none !important;
2666 2405 outline: none !important;
2667 2406 }
2668 -
2669 -.wp-chatbot-wrap .qc-opt-language-title{
2670 - font-weight: bold !important;
2671 - color: #5b4e96 !important;
2672 - font-size: 16px;
2407 +@media (min-width: 993px) and (max-width: 1350px) {
2408 +.wp-chatbot-admin-upgrade-pro-sidebar {
2409 + width: 25%;
2673 2410 }
2411 +}
2674 2412
2675 -button.qcld_chatbot_custom_icon_button.button, button.wp_chatbot_custom_agent_button.button {
2676 - padding: 2px 20px;
2677 - width: auto;
2678 - font-size: 14px;
2679 - font-weight: 500;
2680 - color: #988FBD;
2681 - border-radius: 8px;
2682 - background: #fff;
2683 - color: #5B4E96;
2684 - text-decoration: none;
2685 - margin: 0;
2686 - border: 2px solid #5B4E96;
2687 2413
2688 -}
2689 2414
2690 -button.qcld_chatbot_custom_icon_button.button:hover, button.wp_chatbot_custom_agent_button.button:hover {
2691 - background: #5B4E96;
2692 - color: #fff;
2693 - border: 2px solid #5B4E96;
2694 2415
2695 -}
2696 2416
2697 2417
2698 -@media (min-width: 993px) and (max-width: 1350px) {
2699 -.wp-chatbot-admin-upgrade-pro-sidebar {
2700 - width: 25%;
2701 -}
2702 -}
2703 2418
2704 -.wp-chatbot-tabs nav ul li a span.dashicons {
2705 - font-size: 20px;
2706 - width: auto;
2707 - height: auto;
2708 -}
2709 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a span.dashicons {
2710 - font-size: 20px;
2711 -}
2712 2419
2713 2420
2714 -.dashicons, .dashicons-before:before {
2715 - font-family: dashicons;
2716 - display: inline-block;
2717 - line-height: 1;
2718 - font-weight: 400;
2719 - font-weight: normal;
2720 -}
2721 2421
2722 -.qcl-openai a:focus {
2723 - outline: 0 auto -webkit-focus-ring-color;
2724 - outline-offset: 0;
2725 - border: none !important;
2726 - outline: none !important;
2727 - box-shadow: none;
2728 -}
2729 2422
2730 -#qcld_check_connection i{
2731 - animation: rotation infinite 3s linear;
2732 -}
2733 2423
2734 -.wp-chatbot-wrap div#wp-chatbot-custom-color-options .form-group {
2735 - min-height: 90px;
2736 -}
2737 2424
2738 -div#promotion-wpchatbot .qc-review-text a {
2739 - display: block;
2740 -}
2741 -.qcld-wp-chatbot-wrap-header-logo {
2742 - display: flex;
2743 - align-items: center;
2744 - gap: 10px;
2745 -}
2746 -@keyframes rotation{
2747 - from{
2748 - transform:rotate(360deg);
2749 - }
2750 -
2751 - to{
2752 - transform:rotate(0deg);
2753 - }
2754 -}
2755 2425
2756 -.qcld-btn-primary {
2757 - padding: 14px 30px;
2758 - width: auto;
2759 - font-size: 16px;
2760 - font-weight: 500;
2761 - color: #988FBD;
2762 - border-radius: 8px;
2763 - position: relative;
2764 - display: inline-block;
2765 - align-items: center;
2766 - gap: 15px;
2767 - background: #5B4E96;
2768 - color: #ffffff;
2769 - text-decoration: none;
2770 - border-color: #5b4e96 !important;
2771 - line-height: normal;
2772 -}
2773 -div#wpfooter {
2774 - display: none;
2775 -}
2776 2426
2777 -.qcld-btn-primary {
2778 2427
2779 - border: none;
2780 -}
2781 2428
2782 -div#qcld-rag-settings-tab .wrap h3 {
2783 - padding: 0 0 8px 0;
2784 - margin: 20px 0 12px 0;
2785 - font-weight: bold;
2786 - font-size: 22px !important;
2787 - color: #5b4e96 !important;
2788 -}
2789 2429
2790 -div#rag-sync .wrap h3 {
2791 - padding: 0 0 8px 0;
2792 - margin: 10px 0 12px 0;
2793 - font-weight: bold;
2794 - font-size: 22px !important;
2795 - color: #5b4e96 !important;
2796 -}
2797 2430
2798 -div#rag-settings h2.nav-tab-wrapper a {
2799 - margin-right: 0;
2800 - line-height: 1.42857143;
2801 - border: 1px solid #5b4e96;
2802 - border-radius: 6px;
2803 - border: 1px solid #5b4e96;
2804 - padding: 10px 20px !important;
2805 - border-radius: 8px;
2806 - color: #5b4e96;
2807 - font-size: 15px;
2808 - font-weight: 600;
2809 - line-height: normal !important;
2810 - background: #fff;
2811 -}
2812 2431
2813 -div#rag-settings h2.nav-tab-wrapper {
2814 - margin: 0;
2815 - padding: 0;
2816 - border: none;
2817 -}
2818 2432
2819 -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 {
2820 - color: #fff;
2821 - background: #5b4e96;
2822 - text-decoration: none !important;
2823 - border: 1px solid #5b4e96;
2824 -}
2825 2433
2826 2434
2827 2435
2828 -button#rag-pdf-submit, button#rag-csv-submit, button#rag-xaml-submit, button#rag_embed_btn {
2829 - padding: 8px 15px;
2830 - width: auto;
2831 - font-size: 16px;
2832 - font-weight: 500;
2833 - color: #988FBD;
2834 - border-radius: 8px;
2835 - position: relative;
2836 - display: inline-block;
2436 +#qcld-quick-flyout {
2837 2437 align-items: center;
2838 - gap: 15px;
2839 - background: #5B4E96;
2840 - color: #ffffff;
2841 - text-decoration: none;
2842 - border-color: #5b4e96 !important;
2843 - 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
2844 2447 }
2845 2448
2846 -div#rag-sync .wrap {
2847 - border: 1px solid #eee;
2848 - padding: 8px 12px;
2849 - border-radius: 6px;
2449 +#qcld-quick-flyout:not(.is-open) {
2450 + pointer-events: none
2850 2451 }
2851 2452
2453 +@media (max-width:959px) {
2454 + #qcld-quick-flyout {
2455 + display: none
2456 + }
2457 +}
2852 2458
2853 -
2854 -div#qcld-rag-settings-tab .wrap:first-child {
2855 - border: 1px solid #eee;
2856 - padding: 8px 12px;
2857 - 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
2858 2464 }
2859 2465
2860 -
2861 -.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: "";
2862 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
2863 2479 }
2864 2480
2865 -.tablenav-pages {
2866 - text-align: right;
2867 - 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)
2868 2483 }
2869 -button#botmaster_submit_sitemap_btn {
2870 - background: #5B4E96;
2871 - border-color: #5B4E96;
2484 +
2485 +#qcld-quick-flyout .qcld-quick-flyout-mascot:focus {
2486 + box-shadow: none
2872 2487 }
2873 -div#rag-database h3 {
2874 - padding: 0 0 8px 0;
2875 - margin: 15px 0 8px 0;
2876 - font-weight: bold;
2877 - font-size: 22px !important;
2878 - color: #5b4e96 !important;
2488 +
2489 +#qcld-quick-flyout .qcld-quick-mascot__eyes {
2490 + transition: transform .2s ease-in-out
2879 2491 }
2880 2492
2881 -.qcl-openai div#rag-settings h2.nav-tab-wrapper a:focus {
2882 - border: 1px solid #5b4e96 !important;
2493 +#qcld-quick-flyout.is-open .glsr-mascot__eyes {
2494 + transform: translateY(-2.5%)
2883 2495 }
2884 -button#rag-delete-all {
2885 - background: #5b4e96;
2886 - color: #fff;
2887 - border-color: #5b4e96;
2888 -}
2889 2496
2890 -div#rag-database table.widefat {
2891 - border: 1px solid #ffffff;
2892 - 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
2893 2506 }
2894 -div#rag-database .widefat thead td, div#rag-database .widefat thead th {
2895 - border-bottom: 1px solid #ffffff;
2896 -}
2897 2507
2898 -div#rag-database table.widefat thead {
2899 - background: #5b4e96;
2508 +#qcld-quick-flyout .qcld-quick-flyout-label>div {
2509 + background-color: rgba(44 51 56/.9);
2510 + border-radius: 3px;
2900 2511 color: #fff;
2512 + font-size: 14px;
2513 + line-height: 1.4;
2514 + padding: 6px 12px;
2515 + position: relative
2901 2516 }
2902 -div#rag-database table.widefat thead th {
2903 - 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
2904 2521 }
2905 -.qcl-openai div#rag-database input[type=checkbox] {
2906 - display: block;
2907 - width: 18px;
2908 - 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
2909 2527 }
2910 -div#wp-chatbot-openai-rag input[type=checkbox]+label {
2911 - 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)
2912 2532 }
2913 -.qcl-openai input[type=checkbox]+label {
2914 - margin-bottom: 0;
2915 -}
2916 -div#qcld-rag-settings-tab .wrap .mb-3 {
2917 - padding: 5px 0;
2918 -}
2919 -div#rag-database input#search-submit {
2920 - background: #5b4e96;
2921 - color: #fff;
2922 - border-color: #5b4e96;
2923 -}
2924 -.rag_embed_cpts_wrapper {
2533 +
2534 +#qcld-quick-flyout .qcld-quick-flyout-items {
2925 2535 display: flex;
2926 2536 flex-direction: column;
2927 - gap: 6px;
2537 + row-gap: 10px
2928 2538 }
2929 -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);
2930 2545 display: flex;
2931 - 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
2932 2556 }
2933 -div#wp-chatbot-grok-settings a#qcld_save_grok_setting {
2934 - background: #5B4E96;
2935 - color: #ffffff;
2936 - border: none;
2937 - 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)
2938 2561 }
2939 -button#qcld_gemini_fetch_models {
2940 - background: #5B4E96;
2941 - color: #ffffff;
2942 - border: none;
2562 +
2563 +#qcld-quick-flyout .qcld-quick-flyout-item.qcld-quick-flyout-premium {
2564 + background-color: #009688
2943 2565 }
2944 -.wp-chatbot-wrap label.block.text-sm.font-medium.text-gray-700.mb-2.qc-opt-language-title {
2945 - display: block;
2946 - padding: 0 0 5px 0;
2566 +
2567 +#qcld-quick-flyout .qcld-quick-flyout-item.qcld-quick-flyout-premium:hover {
2568 + background-color: #E91E63
2947 2569 }
2948 -select#qcld_language_center_select {
2949 - padding: 0 0 0 0;
2950 - margin: 0 0 6px 0;
2951 - padding: 0 4px;
2952 - min-width: 220px;
2953 -}
2954 -select#qcld_language_center_select:focus {
2955 - border-color: #5b4e96;
2956 - color: #5b4e96;
2957 - box-shadow: 0 0 0 1px #5b4e96;
2958 -}
2959 -div#common-ai-settings h2 a {
2960 - background: #5B4E96;
2961 - color: #ffffff;
2962 - display: inline-block !important;
2963 - font-size: 16px;
2964 - padding: 8px 15px;
2965 - border-radius: 8px;
2966 -}
2967 -div#common-ai-settings h2.nav-tab-wrapper {
2968 - border: none;
2969 -}
2970 -div#qcld-rate-settings-tab {
2971 - display: block !important;
2972 -}
2973 -div#common-ai-settings .form-check {
2974 - margin-bottom: 15px;
2975 - border: 0px solid #E5E6F2;
2976 - padding: 12px 12px;
2977 - border-radius: 8px;
2978 -}
2979 -.cxsc-settings-blocks.cxsc-settings-blocks-style input[type=radio]:checked::before {
2980 - width: 1.5rem;
2981 - height: 1.5rem;
2982 - margin: -1px 0 0 -1px;
2983 -}
2984 -.cxsc-settings-blocks.cxsc-settings-blocks-style .radio-inline input[type=radio] {
2985 - width: 1.5rem;
2986 - height: 1.5rem;
2987 -}
2988 -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 {
2989 - padding: 8px 15px;
2990 - width: auto;
2991 - font-size: 16px;
2992 - font-weight: 500;
2993 - color: #988FBD;
2994 - border-radius: 8px;
2995 - position: relative;
2996 - display: inline-block;
2570 +
2571 +#qcld-quick-flyout .qcld-quick-flyout-item.qcld-quick-flyout-premium i {
2997 2572 align-items: center;
2998 - gap: 15px;
2999 - background: #5B4E96;
3000 - color: #ffffff;
3001 - text-decoration: none;
3002 - border-color: #5b4e96 !important;
3003 - line-height: normal;
3004 -}
3005 -button#botmaster_submit_googlesheet_btn, button#botmaster_submit_googledoc_btn {
3006 - background: #5B4E96;
3007 - border-color: #5B4E96;
3008 -}
3009 -.wpbot-wizard-field select#wizard_ai_provider {
3010 - background: transparent;
3011 2573 color: #fff;
3012 - width: 100%;
3013 - display: block;
3014 - max-width: unset;
2574 + display: flex;
2575 + justify-content: center;
2576 + position: relative
3015 2577 }
3016 -.wpbot-wizard-field select#wizard_ai_provider:hover {
3017 - border-color: #5b4e96;
3018 - color: #5b4e96;
3019 - 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
3020 2584 }
3021 -div#wizard_api_key_container input#wizard_api_key {
3022 - background: transparent;
3023 - color: #fff;
3024 -}
3025 -div#collapseTwoControl input[type=radio]:checked::before {
3026 - background-color: #5b4e96;
3027 -}
3028 -.nav-tab-wrapper.sld_nav_container.wppt_nav_container.qcld_help_wppt_nav_container{
3029 - width: 320px !important;
3030 - gap: 0;
3031 -}
3032 -div#rag-settings tbody#rag-knowledge-base-list tr td button {
3033 - padding: 6px 20px;
3034 - font-weight: bold;
3035 - font-size: 12px;
3036 -}
3037 -div#rag-settings tbody#rag-knowledge-base-list tr td button.button.button-small.button-link-delete.rag-delete-doc{
3038 - background: #d14529;
3039 - color: #fff;
3040 - border-color: #d14529;
3041 -}
3042 -button#ai-knowledge-base-tab {
3043 - animation: pulse 2s infinite;
3044 -}
3045 -@keyframes pulse {
3046 - 0% {
3047 - transform: scale(1);
3048 - }
3049 - 50% {
3050 - transform: scale(1.05);
3051 - }
3052 - 100% {
3053 - transform: scale(1);
3054 - }
3055 -}
3056 -footer.wp-chatbot-admin-footer input#submit {
3057 - background: #5b4e96;
3058 - padding: 12px 30px;
3059 -}
3060 -footer.wp-chatbot-admin-footer {
3061 - padding: 0 20px 20px 20px;
3062 - margin: 0 20px;
3063 -}
3064 -.qcld-wp-chatbot-wrap-header_inn a.button.page-title-action {
3065 - padding: 8px 15px;
3066 - background: #ffffff;
3067 - color: #5B4E96;
3068 - border: 2px solid #5B4E96;
3069 - border-radius: 6px;
3070 - font-weight: bold;
3071 - position: absolute;
3072 - top: 30px;
3073 - left: 280px;
3074 - line-height: normal;
3075 - min-height: unset;
3076 -}
3077 -.qcld-wp-chatbot-wrap-header_inn a.button.page-title-action:hover {
3078 - padding: 8px 15px;
3079 - background: #5B4E96;
2585 +
2586 +#qcld-quick-flyout .qcld-quick-flyout-item i {
3080 2587 color: #fff;
3081 - border: 2px solid #5B4E96;
3082 - border-radius: 6px;
3083 - font-weight: bold;
3084 - position: absolute;
3085 - top: 31px;
3086 - left: 280px;
2588 + font-size: 26px;
2589 + height: 26px;
2590 + width: 26px
3087 2591 }
3088 -.qcld-session-history_menu_box .btn.btn-primary {
3089 - background: #564a8e !important;
3090 - color: #fff !important;
3091 -}
3092 -.qcld-session-history_menu_box a.btn.btn-success {
3093 - padding: 8px 24px;
3094 - width: auto;
3095 - font-size: 15px;
3096 - font-weight: 500;
3097 - border-radius: 8px;
3098 - position: relative;
3099 - background: #ffffff;
3100 - color: #564a8e;
3101 - text-decoration: none;
3102 - line-height: normal;
3103 - border: 2px solid #564a8e;
3104 -}
3105 -.qcld-session-history_menu_box a.btn.btn-success:hover {
3106 - padding: 8px 24px;
3107 - width: auto;
3108 - font-size: 15px;
3109 - font-weight: 500;
3110 - border-radius: 8px;
3111 - position: relative;
3112 - background: #564a8e;
3113 - color: #fff;
3114 - text-decoration: none;
3115 - line-height: normal;
3116 - border: 2px solid #564a8e;
3117 -}
3118 -.Expandmore {
3119 - background: #23ab10;
3120 - display: inline-block;
3121 - padding: 4px 10px;
3122 - font-size: 14px;
3123 - border-radius: 6px;
3124 - position: relative;
3125 - top: -15px;
3126 -}
3127 -.Collapsemore {
3128 - background: #ff0000;
3129 - display: inline-block;
3130 - padding: 4px 10px;
3131 - font-size: 14px;
3132 - border-radius: 6px;
3133 - position: relative;
3134 - top: -15px;
3135 -}
3136 -.Expandmore span {
3137 - color: #fff;
3138 - margin: 0 0 0 8px;
3139 - padding: 0 5px;
3140 - font-size: 18px;
3141 -}
3142 -.admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container {
3143 - display: flex;
3144 - justify-content: flex-start;
3145 - align-items: center;
3146 -}
3147 -.avatar-location-wrapper {
3148 - padding: 0 0 25px 0;
3149 -}
3150 -.avatar-location-card.active {
3151 - background: #5b4e96;
3152 - color: #ffffff;
3153 -}
3154 -.avatar-location-card.active svg {
3155 - color: #ffffff;
3156 -}
3157 -.ai-provider-cards {
3158 - margin: 0 0 0 0%;
3159 -}
3160 -.qcld-wp-chatbot-wrap-header_inn_heading a.button.page-title-action {
3161 - margin: 0 0 0 4px;
3162 -}
3163 -label.qcld_label_width_full.qcld_label_width_half {
3164 - font-size: 12px;
3165 - padding: 6px 0 0 0;
3166 -}
3167 -.qc_menu_setup_area {
3168 - margin: 40px 0 0 0;
3169 -}
3170 -input#chatbot_content_max_height, input#chatbot_content_max_height_responsive {
3171 - width: 170px;
3172 - border: 1px solid #eee;
3173 - border-radius: 6px;
3174 -}
3175 -.ai-provider-cards-wrapper h4 {
3176 - width: 410px;
3177 -}
3178 -.ai-provider-cards-wrapper {
3179 - display: flex;
2592 +
2593 +a.qcld-quick-flyout-button.qcld-quick-flyout-mascot img {
2594 + width: 60px !important;
3180 2595 }