PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 7.1.2
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v7.1.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 +85 -845 8.6.07.1.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;
@@ -519,9 +518,9 @@
519 518 align-items: flex-start;
520 519 justify-content: flex-end;
521 520 font-size: 32px;
522 521 padding: 0 4px;
523 - border: 4px solid transparent;
522 + border: 4px solid #45d72d;
524 523
525 524 }
526 525
527 526 div#wp-chatbot-icon-theme-settings input[type=radio] {
@@ -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%);
@@ -991,13 +986,23 @@
991 986 border-radius: 0;
992 987 padding: 6px 0;
993 988 }
994 989
995 -
990 +/* .qc_menu_list_area.ui-droppable {
991 + overflow: hidden;
992 +} */
996 993 .lp-submenu-wpbot_openAi .swal2-actions {
997 994 display: flex;
998 995 width: auto;
999 996 }
997 +.lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
998 + display: block !important;
999 + line-height: normal !important;
1000 + padding: 14px 20px !important;
1001 + font-size: 16px;
1002 + font-weight: 500;
1003 + border-radius: 8px;
1004 +}
1000 1005 .lp-submenu-wpbot_openAi button.swal2-confirm.btn.btn-lg.swal2-styled{
1001 1006 width: auto !important;
1002 1007 }
1003 1008
@@ -1112,13 +1117,12 @@
1112 1117
1113 1118 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container {
1114 1119 display: flex;
1115 1120 justify-content: flex-start;
1116 - padding: 8px 20px;
1121 + padding: 20px;
1117 1122 border-radius: 16px;
1118 1123 background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
1119 - margin: 20px 0 0 0;
1120 - gap: 30px;
1124 + margin: 20px 0 20px 0;
1121 1125 }
1122 1126
1123 1127 .admin-maxwith.qcld-openai-main-box .tab-content {
1124 1128 padding: 0 12px 0 12px;
@@ -1155,28 +1159,23 @@
1155 1159 text-align: left;
1156 1160 }
1157 1161
1158 1162
1159 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link:after {
1160 - content: "\f14f";
1161 - font-family: dashicons;
1163 +.admin-maxwith.qcld-openai-main-box button.btn.btn-link.collapsed:after {
1164 + font: normal normal normal 24px / 1 FontAwesome;
1165 + content: "\f056";
1162 1166 position: absolute;
1163 1167 right: 18px;
1164 1168 top: 12px;
1165 - font-size: 22px;
1166 - font-weight: normal;
1167 1169 }
1168 1170
1169 1171
1170 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link.collapsed:after{
1171 -
1172 - content: "\f10f";
1173 - font-family: dashicons;
1172 +.admin-maxwith.qcld-openai-main-box button.btn.btn-link:after {
1173 + font: normal normal normal 24px / 1 FontAwesome;
1174 + content: "\f055";
1174 1175 position: absolute;
1175 1176 right: 18px;
1176 1177 top: 12px;
1177 - font-size: 22px;
1178 - font-weight: normal;
1179 1178 }
1180 1179
1181 1180
1182 1181 .admin-maxwith.qcld-openai-main-box .btn.active.focus,
@@ -1201,10 +1200,12 @@
1201 1200 font-size: 15px;
1202 1201 }
1203 1202
1204 1203 .admin-maxwith.qcld-openai-main-box .tab-content .alert.alert-info {
1205 - margin: 15px 0 0 0;
1204 + margin: 15px 0 0 15px;
1206 1205 }
1206 +
1207 +
1207 1208 .admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li a {
1208 1209 padding: 14px 20px;
1209 1210 width: 100%;
1210 1211 font-size: 16px;
@@ -1305,9 +1306,9 @@
1305 1306 .qcld-main-wrapper div#headingTwoControl a {
1306 1307 font-weight: bold;
1307 1308 }
1308 1309
1309 -.qcl-openai input[type=checkbox]+label {
1310 +.qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]+label {
1310 1311 position: relative;
1311 1312 width: 18px;
1312 1313 height: 18px;
1313 1314 border: 2px solid #5b4e96;
@@ -1324,13 +1325,13 @@
1324 1325 -ms-user-select: none;
1325 1326 user-select: none;
1326 1327 display: flex;
1327 1328 align-items: center;
1328 - margin-bottom: 10px;
1329 + margin-bottom: 0;
1329 1330 line-height: 30px;
1330 1331 }
1331 1332
1332 -.qcl-openai input[type=checkbox]+label:after {
1333 +.qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]+label:after {
1333 1334 content: "";
1334 1335 position: absolute;
1335 1336 width: 0px;
1336 1337 height: 8px;
@@ -1343,23 +1344,23 @@
1343 1344 opacity: 0;
1344 1345 transition: all ease-out 200ms;
1345 1346 }
1346 1347
1347 -.qcl-openai input[type=checkbox]:checked+label {
1348 +.qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]:checked+label {
1348 1349 border: 2px solid #22b573;
1349 1350 }
1350 1351
1351 -.qcl-openai input[type=checkbox]:checked+label:after {
1352 +.qcl-openai div#wp-chatbot-openai-settings input[type=checkbox]:checked+label:after {
1352 1353 opacity: 1;
1353 1354 width: 22px;
1354 1355 }
1355 1356
1356 -.qcl-openai input[type=checkbox] {
1357 +.qcl-openai div#wp-chatbot-openai-settings input[type=checkbox] {
1357 1358 display: none;
1358 1359 }
1359 1360
1360 1361
1361 -.qcl-openai .form-check {
1362 +.qcl-openai div#wp-chatbot-openai-settings .form-check {
1362 1363 margin-bottom: 15px;
1363 1364 border: 1px solid #E5E6F2;
1364 1365 padding: 12px 12px;
1365 1366 border-radius: 8px;
@@ -1364,13 +1365,13 @@
1364 1365 padding: 12px 12px;
1365 1366 border-radius: 8px;
1366 1367 }
1367 1368
1368 -.qcl-openai label.form-check-label span {
1369 +.qcl-openai div#wp-chatbot-openai-settings label.form-check-label span {
1369 1370 font-size: 12px;
1370 1371 }
1371 1372
1372 -.qcl-openai label.form-check-label span.pro-badge {
1373 +.qcl-openai div#wp-chatbot-openai-settings label.form-check-label span.pro-badge {
1373 1374 font-size: 9px;
1374 1375 font-weight: 400;
1375 1376 color: #ffffff;
1376 1377 background: #5B4E96;
@@ -1381,10 +1382,10 @@
1381 1382 text-indent: initial;
1382 1383 line-height: 16px;
1383 1384 }
1384 1385
1385 -.qcl-openai a#save_setting {
1386 - margin: 0 0 0 0;
1386 +.qcl-openai div#wp-chatbot-openai-settings a#save_setting {
1387 + margin: 0 0 15px 0;
1387 1388 }
1388 1389
1389 1390 .qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]+label {
1390 1391 position: relative;
@@ -1485,163 +1486,17 @@
1485 1486 }
1486 1487
1487 1488
1488 1489 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container h4 {
1489 - width: 365px;
1490 + width: 396px;
1490 1491 }
1491 1492
1492 1493 .admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container select {
1493 - display: none;
1494 + border-color: #ffffff;
1495 + width: 220px;
1494 1496 }
1495 1497
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 1498
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 1499 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-openai-training-model .row.my-4 {
1645 1500 font-size: 15px;
1646 1501 display: flex;
1647 1502 width: 100%;
@@ -1651,9 +1506,9 @@
1651 1506 text-align: center;
1652 1507 }
1653 1508
1654 1509 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-data_post_converter .row.my-4 {
1655 - font-size: 16px;
1510 + font-size: 15px;
1656 1511 display: flex;
1657 1512 width: 100%;
1658 1513 align-items: center;
1659 1514 justify-content: center;
@@ -1661,9 +1516,9 @@
1661 1516 text-align: center;
1662 1517 }
1663 1518
1664 1519 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-img_generator .row.my-4 {
1665 - font-size: 16px;
1520 + font-size: 15px;
1666 1521 display: flex;
1667 1522 width: 100%;
1668 1523 align-items: center;
1669 1524 justify-content: center;
@@ -1671,9 +1526,9 @@
1671 1526 text-align: center;
1672 1527 }
1673 1528
1674 1529 .admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-content_writer .row.my-4 {
1675 - font-size: 16px;
1530 + font-size: 15px;
1676 1531 display: flex;
1677 1532 width: 100%;
1678 1533 align-items: center;
1679 1534 justify-content: center;
@@ -1768,10 +1623,8 @@
1768 1623 position: relative;
1769 1624 display: block;
1770 1625 padding: 15px 12px;
1771 1626 font-size: 16px;
1772 - font-weight: bold;
1773 - color: #5B4E96;
1774 1627 }
1775 1628
1776 1629 .content_qcbot_help_secion p {
1777 1630 font-size: 15px;
@@ -1777,25 +1630,21 @@
1777 1630 font-size: 15px;
1778 1631 }
1779 1632
1780 1633 .content_qcbot_help_secion .panel-title a.collapsed:after {
1781 - content: "\f10f";
1634 + font: normal normal normal 24px / 1 FontAwesome;
1635 + content: "\f055";
1782 1636 position: absolute;
1783 1637 right: 18px;
1784 1638 top: 12px;
1785 - font-family: dashicons;
1786 - font-size: 24PX;
1787 - font-weight: normal;
1788 1639 }
1789 1640
1790 1641 .content_qcbot_help_secion .panel-title a:after {
1791 - content: "\f14f";
1642 + font: normal normal normal 24px / 1 FontAwesome;
1643 + content: "\f056";
1792 1644 position: absolute;
1793 1645 right: 18px;
1794 1646 top: 12px;
1795 - font-family: dashicons;
1796 - font-size: 24PX;
1797 - font-weight: normal;
1798 1647 }
1799 1648
1800 1649
1801 1650 .content_qcbot_help_secion .panel-default>.panel-heading+.panel-collapse>.panel-body {
@@ -1887,9 +1736,9 @@
1887 1736 float: left;
1888 1737 border: 1px solid #c3c4c7;
1889 1738 border-bottom: 1px;
1890 1739 margin-left: .5em;
1891 - font-size: 16px;
1740 + font-size: 14px;
1892 1741 line-height: 1.71428571;
1893 1742 font-weight: 600;
1894 1743 background: #ffffff;
1895 1744 color: #5b4e96;
@@ -1906,9 +1755,9 @@
1906 1755 float: left;
1907 1756 border: 1px solid #c3c4c7;
1908 1757 border-bottom: 1px;
1909 1758 margin-left: .5em;
1910 - font-size: 16px;
1759 + font-size: 14px;
1911 1760 line-height: 1.71428571;
1912 1761 font-weight: 600;
1913 1762 background: #5b4e96;
1914 1763 color: #fff;
@@ -2052,9 +1901,9 @@
2052 1901 display: inline-block;
2053 1902 min-width: 310px;
2054 1903 margin: 0;
2055 1904 }
2056 -#rotationloader
1905 +#rotationloader.fa.fa-spinner
2057 1906 {
2058 1907 display: none;
2059 1908 rotate: initial;
2060 1909 -webkit-animation: rotation 2s infinite linear;
@@ -2079,22 +1928,19 @@
2079 1928 a.qcld-wp-chatbot-wrap--doc_logo {
2080 1929 text-decoration: none !important;
2081 1930 position: relative;
2082 1931 }
2083 -.docs_icon span {
1932 +.docs_icon i {
2084 1933 background: #5b4e96;
2085 1934 padding: 25px 25px;
2086 1935 border-radius: 50%;
2087 - font-size: 82px;
2088 - width: auto;
2089 - height: auto;
2090 1936 }
2091 1937
2092 1938
2093 -/* .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
1939 +.lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
2094 1940 font-size: 18px;
2095 1941 display: block !important;
2096 -} */
1942 +}
2097 1943
2098 1944 .lp-submenu-wpbot_openAi .swal2-actions button {
2099 1945 width: auto !important;
2100 1946 padding: 10px 40px !important;
@@ -2183,10 +2029,12 @@
2183 2029 color: #ffffff;
2184 2030 text-decoration: none;
2185 2031 border-color: #5b4e96 !important;
2186 2032 }
2033 +button.swal2-deny.swal2-styled {
2034 + display: block !important;
2035 +}
2187 2036
2188 -
2189 2037 button.swal2-confirm.btn.btn-lg.swal2-styled {
2190 2038 width: auto !important;
2191 2039 }
2192 2040
@@ -2369,8 +2217,29 @@
2369 2217 }
2370 2218 .qcld-general-settings-close:hover {
2371 2219 color: orange;
2372 2220 }
2221 +
2222 +
2223 +
2224 +
2225 +
2226 +
2227 +
2228 +
2229 +
2230 +
2231 +
2232 +
2233 +
2234 +
2235 +
2236 +
2237 +
2238 +
2239 +
2240 +
2241 +
2373 2242 #qcld-show-more-wrapper-box {
2374 2243 margin-top: 0;
2375 2244 position:relative;
2376 2245 }
@@ -2402,9 +2271,9 @@
2402 2271 }
2403 2272
2404 2273 #qcld-show-more-wrapper-box .qcld-show-more-show-more i {
2405 2274 display: block;
2406 - padding: 0 0 0 0;
2275 + padding: 6px 0 0 0;
2407 2276 background: #5b4e96;
2408 2277 width: 30px;
2409 2278 height: 30px;
2410 2279 line-height: 30px;
@@ -2507,56 +2376,8 @@
2507 2376 textarea#qcld_openai_system_content {
2508 2377 height: 120px;
2509 2378 line-height: 28px;
2510 2379 }
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 2380 .qcld-main-wrapper .alert.alert-warning {
2560 2381 background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96% 96%);
2561 2382 border-radius: 6px;
2562 2383 color: #721c24;
@@ -2566,586 +2387,5 @@
2566 2387 }
2567 2388 .qcld-wpbot-pricing-filter-form-check {
2568 2389 display: flex;
2569 2390 gap: 10px;
2570 -}
2571 -
2572 -.qcld-dialogflow-enable-notice {
2573 - padding: 15px 0 15px 0;
2574 - color: red;
2575 - font-weight: bold;
2576 -}
2577 -
2578 -a#qcld_save_gemini_setting {
2579 - background: #5B4E96;
2580 - color: #ffffff;
2581 - border: none;
2582 - padding: 12px 30px;
2583 -}
2584 -.card-body-gemini {
2585 - padding: 0 15px;
2586 -}
2587 -
2588 -div#panelsStayOpen-collapseseven pre {
2589 - width: 100%;
2590 - display: block;
2591 - max-width: 1120px;
2592 -}
2593 -
2594 -.card-body-gemini p {
2595 - font-size: 16px;
2596 - font-weight: bold;
2597 -}
2598 -
2599 -.card-body-openrouter p{
2600 - font-size: 16px;
2601 - font-weight: bold;
2602 -}
2603 -div#wp-chatbot-openai-assistants p {
2604 - font-size: 16px;
2605 -}
2606 -button.btn{
2607 - outline: none !important;
2608 -}
2609 -button.btn:focus{
2610 - outline: none !important;
2611 -}
2612 -input:focus {
2613 - border-color: #e1dbff;
2614 - box-shadow: none !important;
2615 - outline: none !important;
2616 -}
2617 -
2618 -.wp-chatbot-wrap .qc-opt-language-title{
2619 - font-weight: bold !important;
2620 - color: #5b4e96 !important;
2621 - font-size: 16px;
2622 -}
2623 -
2624 -button.qcld_chatbot_custom_icon_button.button, button.wp_chatbot_custom_agent_button.button {
2625 - padding: 2px 20px;
2626 - width: auto;
2627 - font-size: 14px;
2628 - font-weight: 500;
2629 - color: #988FBD;
2630 - border-radius: 8px;
2631 - background: #fff;
2632 - color: #5B4E96;
2633 - text-decoration: none;
2634 - margin: 0;
2635 - border: 2px solid #5B4E96;
2636 -
2637 -}
2638 -
2639 -button.qcld_chatbot_custom_icon_button.button:hover, button.wp_chatbot_custom_agent_button.button:hover {
2640 - background: #5B4E96;
2641 - color: #fff;
2642 - border: 2px solid #5B4E96;
2643 -
2644 -}
2645 -
2646 -
2647 -@media (min-width: 993px) and (max-width: 1350px) {
2648 -.wp-chatbot-admin-upgrade-pro-sidebar {
2649 - width: 25%;
2650 -}
2651 -}
2652 -
2653 -.wp-chatbot-tabs nav ul li a span.dashicons {
2654 - font-size: 20px;
2655 - width: auto;
2656 - height: auto;
2657 -}
2658 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a span.dashicons {
2659 - font-size: 20px;
2660 -}
2661 -
2662 -
2663 -.dashicons, .dashicons-before:before {
2664 - font-family: dashicons;
2665 - display: inline-block;
2666 - line-height: 1;
2667 - font-weight: 400;
2668 - font-weight: normal;
2669 -}
2670 -
2671 -.qcl-openai a:focus {
2672 - outline: 0 auto -webkit-focus-ring-color;
2673 - outline-offset: 0;
2674 - border: none !important;
2675 - outline: none !important;
2676 - box-shadow: none;
2677 -}
2678 -
2679 -#qcld_check_connection i{
2680 - animation: rotation infinite 3s linear;
2681 -}
2682 -
2683 -.wp-chatbot-wrap div#wp-chatbot-custom-color-options .form-group {
2684 - min-height: 90px;
2685 -}
2686 -
2687 -div#promotion-wpchatbot .qc-review-text a {
2688 - display: block;
2689 -}
2690 -.qcld-wp-chatbot-wrap-header-logo {
2691 - display: flex;
2692 - align-items: center;
2693 - gap: 10px;
2694 -}
2695 -@keyframes rotation{
2696 - from{
2697 - transform:rotate(360deg);
2698 - }
2699 -
2700 - to{
2701 - transform:rotate(0deg);
2702 - }
2703 -}
2704 -
2705 -.qcld-btn-primary {
2706 - padding: 14px 30px;
2707 - width: auto;
2708 - font-size: 16px;
2709 - font-weight: 500;
2710 - color: #988FBD;
2711 - border-radius: 8px;
2712 - position: relative;
2713 - display: inline-block;
2714 - align-items: center;
2715 - gap: 15px;
2716 - background: #5B4E96;
2717 - color: #ffffff;
2718 - text-decoration: none;
2719 - border-color: #5b4e96 !important;
2720 - line-height: normal;
2721 -}
2722 -div#wpfooter {
2723 - display: none;
2724 -}
2725 -
2726 -.qcld-btn-primary {
2727 -
2728 - border: none;
2729 -}
2730 -
2731 -div#qcld-rag-settings-tab .wrap h3 {
2732 - padding: 0 0 8px 0;
2733 - margin: 20px 0 12px 0;
2734 - font-weight: bold;
2735 - font-size: 22px !important;
2736 - color: #5b4e96 !important;
2737 -}
2738 -
2739 -div#rag-sync .wrap h3 {
2740 - padding: 0 0 8px 0;
2741 - margin: 10px 0 12px 0;
2742 - font-weight: bold;
2743 - font-size: 22px !important;
2744 - color: #5b4e96 !important;
2745 -}
2746 -
2747 -div#rag-settings h2.nav-tab-wrapper a {
2748 - margin-right: 0;
2749 - line-height: 1.42857143;
2750 - border: 1px solid #5b4e96;
2751 - border-radius: 6px;
2752 - border: 1px solid #5b4e96;
2753 - padding: 10px 20px !important;
2754 - border-radius: 8px;
2755 - color: #5b4e96;
2756 - font-size: 15px;
2757 - font-weight: 600;
2758 - line-height: normal !important;
2759 - background: #fff;
2760 -}
2761 -
2762 -div#rag-settings h2.nav-tab-wrapper {
2763 - margin: 0;
2764 - padding: 0;
2765 - border: none;
2766 -}
2767 -
2768 -div#rag-settings h2.nav-tab-wrapper a:hover, div#rag-settings h2.nav-tab-wrapper a.nav-tab-active, div#rag-settings h2.nav-tab-wrapper a:focus {
2769 - color: #fff;
2770 - background: #5b4e96;
2771 - text-decoration: none !important;
2772 - border: 1px solid #5b4e96;
2773 -}
2774 -
2775 -
2776 -
2777 -button#rag-pdf-submit, button#rag-csv-submit, button#rag-xaml-submit, button#rag_embed_btn {
2778 - padding: 8px 15px;
2779 - width: auto;
2780 - font-size: 16px;
2781 - font-weight: 500;
2782 - color: #988FBD;
2783 - border-radius: 8px;
2784 - position: relative;
2785 - display: inline-block;
2786 - align-items: center;
2787 - gap: 15px;
2788 - background: #5B4E96;
2789 - color: #ffffff;
2790 - text-decoration: none;
2791 - border-color: #5b4e96 !important;
2792 - line-height: normal;
2793 -}
2794 -
2795 -div#rag-sync .wrap {
2796 - border: 1px solid #eee;
2797 - padding: 8px 12px;
2798 - border-radius: 6px;
2799 -}
2800 -
2801 -
2802 -
2803 -div#qcld-rag-settings-tab .wrap:first-child {
2804 - border: 1px solid #eee;
2805 - padding: 8px 12px;
2806 - border-radius: 6px;
2807 -}
2808 -
2809 -
2810 -.qcl-openai div#rag-database input[type=checkbox] {
2811 - display: block;
2812 -}
2813 -
2814 -.tablenav-pages {
2815 - text-align: right;
2816 - padding: 8px 0;
2817 -}
2818 -button#botmaster_submit_sitemap_btn {
2819 - background: #5B4E96;
2820 - border-color: #5B4E96;
2821 -}
2822 -div#rag-database h3 {
2823 - padding: 0 0 8px 0;
2824 - margin: 15px 0 8px 0;
2825 - font-weight: bold;
2826 - font-size: 22px !important;
2827 - color: #5b4e96 !important;
2828 -}
2829 -
2830 -.qcl-openai div#rag-settings h2.nav-tab-wrapper a:focus {
2831 - border: 1px solid #5b4e96 !important;
2832 -}
2833 -button#rag-delete-all {
2834 - background: #5b4e96;
2835 - color: #fff;
2836 - border-color: #5b4e96;
2837 -}
2838 -
2839 -div#rag-database table.widefat {
2840 - border: 1px solid #ffffff;
2841 - box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
2842 -}
2843 -div#rag-database .widefat thead td, div#rag-database .widefat thead th {
2844 - border-bottom: 1px solid #ffffff;
2845 -}
2846 -
2847 -div#rag-database table.widefat thead {
2848 - background: #5b4e96;
2849 - color: #fff;
2850 -}
2851 -div#rag-database table.widefat thead th {
2852 - color: #fff;
2853 -}
2854 -.qcl-openai div#rag-database input[type=checkbox] {
2855 - display: block;
2856 - width: 18px;
2857 - height: 18px;
2858 -}
2859 -
2860 -div#wp-chatbot-openai-rag input[type=checkbox]+label {
2861 - margin-bottom: 0;
2862 -}
2863 -.qcl-openai input[type=checkbox]+label {
2864 - margin-bottom: 0;
2865 -}
2866 -div#qcld-rag-settings-tab .wrap .mb-3 {
2867 - padding: 5px 0;
2868 -}
2869 -
2870 -div#rag-database input#search-submit {
2871 - background: #5b4e96;
2872 - color: #fff;
2873 - border-color: #5b4e96;
2874 -}
2875 -.rag_embed_cpts_wrapper {
2876 - display: flex;
2877 - flex-direction: column;
2878 - gap: 6px;
2879 -}
2880 -
2881 -div#wp-chatbot-gemini-settings .input-group {
2882 - display: flex;
2883 - gap: 10px;
2884 -}
2885 -div#wp-chatbot-grok-settings a#qcld_save_grok_setting {
2886 - background: #5B4E96;
2887 - color: #ffffff;
2888 - border: none;
2889 - padding: 12px 30px;
2890 -}
2891 -
2892 -button#qcld_gemini_fetch_models {
2893 - background: #5B4E96;
2894 - color: #ffffff;
2895 - border: none;
2896 -}
2897 -.wp-chatbot-wrap label.block.text-sm.font-medium.text-gray-700.mb-2.qc-opt-language-title {
2898 - display: block;
2899 - padding: 0 0 5px 0;
2900 -}
2901 -select#qcld_language_center_select {
2902 - padding: 0 0 0 0;
2903 - margin: 0 0 6px 0;
2904 - padding: 0 4px;
2905 - min-width: 220px;
2906 -}
2907 -
2908 -select#qcld_language_center_select:focus {
2909 - border-color: #5b4e96;
2910 - color: #5b4e96;
2911 - box-shadow: 0 0 0 1px #5b4e96;
2912 -}
2913 -
2914 -div#common-ai-settings h2 a {
2915 - background: #5B4E96;
2916 - color: #ffffff;
2917 - display: inline-block !important;
2918 - font-size: 16px;
2919 - padding: 8px 15px;
2920 - border-radius: 8px;
2921 -}
2922 -
2923 -div#common-ai-settings h2.nav-tab-wrapper {
2924 - border: none;
2925 -}
2926 -div#qcld-rate-settings-tab {
2927 - display: block !important;
2928 -}
2929 -div#common-ai-settings .form-check {
2930 - margin-bottom: 15px;
2931 - border: 0px solid #E5E6F2;
2932 - padding: 12px 12px;
2933 - border-radius: 8px;
2934 -}
2935 -.cxsc-settings-blocks.cxsc-settings-blocks-style input[type=radio]:checked::before {
2936 - width: 1.5rem;
2937 - height: 1.5rem;
2938 - margin: -1px 0 0 -1px;
2939 -}
2940 -
2941 -.cxsc-settings-blocks.cxsc-settings-blocks-style .radio-inline input[type=radio] {
2942 - width: 1.5rem;
2943 - height: 1.5rem;
2944 -}
2945 -
2946 -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 {
2947 - padding: 8px 15px;
2948 - width: auto;
2949 - font-size: 16px;
2950 - font-weight: 500;
2951 - color: #988FBD;
2952 - border-radius: 8px;
2953 - position: relative;
2954 - display: inline-block;
2955 - align-items: center;
2956 - gap: 15px;
2957 - background: #5B4E96;
2958 - color: #ffffff;
2959 - text-decoration: none;
2960 - border-color: #5b4e96 !important;
2961 - line-height: normal;
2962 -}
2963 -
2964 -
2965 -button#botmaster_submit_googlesheet_btn, button#botmaster_submit_googledoc_btn {
2966 - background: #5B4E96;
2967 - border-color: #5B4E96;
2968 -}
2969 -
2970 -.wpbot-wizard-field select#wizard_ai_provider {
2971 - background: transparent;
2972 - color: #fff;
2973 - width: 100%;
2974 - display: block;
2975 - max-width: unset;
2976 -}
2977 -.wpbot-wizard-field select#wizard_ai_provider:hover {
2978 - border-color: #5b4e96;
2979 - color: #5b4e96;
2980 - box-shadow: 0 0 0 1px #5b4e96;
2981 -}
2982 -div#wizard_api_key_container input#wizard_api_key {
2983 - background: transparent;
2984 - color: #fff;
2985 -}
2986 -
2987 -
2988 -
2989 -div#collapseTwoControl input[type=radio]:checked::before {
2990 - background-color: #5b4e96;
2991 -}
2992 -
2993 -.nav-tab-wrapper.sld_nav_container.wppt_nav_container.qcld_help_wppt_nav_container{
2994 - width: 320px !important;
2995 - gap: 0;
2996 -}
2997 -div#rag-settings tbody#rag-knowledge-base-list tr td button {
2998 - padding: 6px 20px;
2999 - font-weight: bold;
3000 - font-size: 12px;
3001 -}
3002 -div#rag-settings tbody#rag-knowledge-base-list tr td button.button.button-small.button-link-delete.rag-delete-doc{
3003 - background: #d14529;
3004 - color: #fff;
3005 - border-color: #d14529;
3006 -}
3007 -
3008 -button#ai-knowledge-base-tab {
3009 - animation: pulse 2s infinite;
3010 -}
3011 -
3012 -@keyframes pulse {
3013 - 0% {
3014 - transform: scale(1);
3015 - }
3016 - 50% {
3017 - transform: scale(1.05);
3018 - }
3019 - 100% {
3020 - transform: scale(1);
3021 - }
3022 -}
3023 -footer.wp-chatbot-admin-footer input#submit {
3024 - background: #5b4e96;
3025 - padding: 12px 30px;
3026 -}
3027 -footer.wp-chatbot-admin-footer {
3028 - padding: 0 20px 20px 20px;
3029 - margin: 0 20px;
3030 -}
3031 -.qcld-wp-chatbot-wrap-header_inn a.button.page-title-action {
3032 - padding: 8px 15px;
3033 - background: #ffffff;
3034 - color: #5B4E96;
3035 - border: 2px solid #5B4E96;
3036 - border-radius: 6px;
3037 - font-weight: bold;
3038 - position: absolute;
3039 - top: 30px;
3040 - left: 280px;
3041 - line-height: normal;
3042 - min-height: unset;
3043 -}
3044 -.qcld-wp-chatbot-wrap-header_inn a.button.page-title-action:hover {
3045 - padding: 8px 15px;
3046 - background: #5B4E96;
3047 - color: #fff;
3048 - border: 2px solid #5B4E96;
3049 - border-radius: 6px;
3050 - font-weight: bold;
3051 - position: absolute;
3052 - top: 31px;
3053 - left: 280px;
3054 -}
3055 -
3056 -.qcld-session-history_menu_box .btn.btn-primary {
3057 - background: #564a8e !important;
3058 - color: #fff !important;
3059 -}
3060 -.qcld-session-history_menu_box a.btn.btn-success {
3061 - padding: 8px 24px;
3062 - width: auto;
3063 - font-size: 15px;
3064 - font-weight: 500;
3065 - border-radius: 8px;
3066 - position: relative;
3067 - background: #ffffff;
3068 - color: #564a8e;
3069 - text-decoration: none;
3070 - line-height: normal;
3071 - border: 2px solid #564a8e;
3072 -}
3073 -.qcld-session-history_menu_box a.btn.btn-success:hover {
3074 - padding: 8px 24px;
3075 - width: auto;
3076 - font-size: 15px;
3077 - font-weight: 500;
3078 - border-radius: 8px;
3079 - position: relative;
3080 - background: #564a8e;
3081 - color: #fff;
3082 - text-decoration: none;
3083 - line-height: normal;
3084 - border: 2px solid #564a8e;
3085 -}
3086 -
3087 -
3088 -
3089 -.Expandmore {
3090 - background: #23ab10;
3091 - display: inline-block;
3092 - padding: 4px 10px;
3093 - font-size: 14px;
3094 - border-radius: 6px;
3095 - position: relative;
3096 - top: -15px;
3097 -}
3098 -
3099 -.Collapsemore {
3100 - background: #ff0000;
3101 - display: inline-block;
3102 - padding: 4px 10px;
3103 - font-size: 14px;
3104 - border-radius: 6px;
3105 - position: relative;
3106 - top: -15px;
3107 -
3108 -}
3109 -
3110 -.Expandmore span {
3111 - color: #fff;
3112 - margin: 0 0 0 8px;
3113 - padding: 0 5px;
3114 - font-size: 18px;
3115 -}
3116 -
3117 -.admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container {
3118 - display: flex;
3119 - justify-content: flex-start;
3120 - align-items: center;
3121 -}
3122 -
3123 -.avatar-location-wrapper {
3124 - padding: 0 0 25px 0;
3125 -}
3126 -.avatar-location-card.active {
3127 - background: #5b4e96;
3128 - color: #ffffff;
3129 -}
3130 -.avatar-location-card.active svg {
3131 - color: #ffffff;
3132 -}
3133 -
3134 -.ai-provider-cards {
3135 - margin: 0 0 0 25%;
3136 -}
3137 -.qcld-wp-chatbot-wrap-header_inn_heading a.button.page-title-action {
3138 - margin: 0 0 0 4px;
3139 -}
3140 -@media (max-width: 880px) {
3141 -
3142 -.ai-provider-cards {
3143 - margin: 0 0 0 0;
3144 -}
3145 -
3146 -}
3147 -
3148 -label.qcld_label_width_full.qcld_label_width_half {
3149 - font-size: 12px;
3150 - padding: 6px 0 0 0;
3151 2391 }