PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 4.4.8
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v4.4.8
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 +1284 -2736 8.6.84.4.8 View file →
@@ -1,3180 +1,1728 @@
1 -@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
1 +.wp-chatbot-tabs-style-flip nav a span {
2 + text-transform: uppercase;
3 + letter-spacing: 1px;
4 + font-weight: 700;
5 + font-size: 0.625em;
6 +}
2 7
3 -.qcld-main-wrapper {
4 - background-color: #F5F7FD;
5 - font-family: "DM Sans", sans-serif !important;
6 - font-optical-sizing: auto;
8 +.wp-chatbot-tabs-style-flip nav ul li span {
9 + display: inline-block;
10 + padding-right: 5px;
11 +}
12 +.wp-chatbot-tabs-style-flip nav ul li span.wpwbot-admin-tab-icon {
13 + width: 25px;
7 14 font-size: 16px;
15 +}
16 +.wp-chatbot-wrap strong {
8 17 font-weight: normal;
9 18 }
10 -
11 -.wp-chatbot-wrap .fa{
12 - font: normal normal normal 14px / 1 FontAwesome !important;
19 +.wp-chatbot-wrap .d-ib{
20 + display: inline-block;
13 21 }
14 -
15 -/* .chatbot-wpbot-lite_page_wpbot, .chatbot-wpbot-lite_page_wpbot_help_page, .chatbot-wpbot-lite_page_wpbot_openAi, .toplevel_page_wpbot-panel{
16 - background-color: #F5F7FD;
17 -} */
18 -
19 -.qcld-main-wrapper .h1,
20 -.qcld-main-wrapper .h2,
21 -.qcld-main-wrapper .h3,
22 -.qcld-main-wrapper .h4,
23 -.qcld-main-wrapper .h5,
24 -.qcld-main-wrapper .h6,
25 -.qcld-main-wrapper h1,
26 -.qcld-main-wrapper h2,
27 -.qcld-main-wrapper h3,
28 -.qcld-main-wrapper h4,
29 -.qcld-main-wrapper h5,
30 -.qcld-main-wrapper h6 {
31 - color: #5b4e96 !important;
22 +button.swal2-confirm.btn.btn-lg.swal2-styled {
23 + font-size: 18px;
32 24 }
33 -
34 -.qcld-wp-chatbot-wrap-header {
35 - display: flex;
36 - column-gap: 15px;
37 - row-gap: 10px;
38 - background: #fff;
39 - padding: 15px 15px;
40 - margin: 20px 20px 20px 0;
41 - border-radius: 16px;
42 - align-items: center;
43 - justify-content: space-between;
44 -
25 +a.wpbot_addons_link span {
26 + margin: 0px 28px 0 20px;
45 27 }
46 -
47 -.qcld-wp-chatbot-wrap-header img {
48 - max-width: 50px;
28 +a.wpbot_addons_link .fa{
29 + font-size: 16px;
49 30 }
50 -
51 -.qcld-wp-chatbot-wrap-header ul,
52 -.qcld-wp-chatbot-wrap-header p,
53 -.qcld-wp-chatbot-wrap-header li {
54 - margin: 0;
31 +.wp-chatbot-admin-header, .wp-chatbot-admin-footer {
32 + padding: 25px;
55 33 }
56 -
57 -.qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
58 - padding: 12px 25px;
59 - background: #ffffff;
60 - color: #5B4E96;
61 - border: 2px solid #5B4E96;
62 - border-radius: 6px;
63 - font-weight: bold;
34 +.wp-chatbot-admin-header h2 {
35 + color: #ffffff;
64 36 }
65 -
66 -.qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade:hover {
67 - padding: 12px 25px;
68 - background: #5B4E96;
37 +.wp-chatbot-version h3 {
69 38 color: #fff;
70 - border: 2px solid #5B4E96;
71 - border-radius: 6px;
72 - font-weight: bold;
73 - text-decoration: none;
39 + padding: 6px;
40 + display: inline-table;
41 + background: #7d7474;
42 + text-transform: uppercase;
43 + letter-spacing: 2px;
44 + text-shadow: 0 0 2px #000;
45 + font-size: 18px;
74 46 }
75 -
76 -a.qcld-wp-chatbot-wrap-site__logo {
77 - font-size: 22px;
78 - color: #000;
79 - font-weight: bold;
47 +.wp-chatbot-version p a {
48 + color: #989898;
80 49 }
81 -
82 -.wp-chatbot-wrap {
83 - margin: 20px 20px 20px 0;
84 - border-radius: 16px;
50 +.wp-chatbot-language-center-summmery {
51 + background: #2cacca;
52 + margin: -1em -1em 1em;
53 + padding: 20px;
85 54 }
86 -
87 -.wp-chatbot-tabs.wp-chatbot-tabs-style-flip {
88 - border-radius: 16px;
55 +.wp-chatbot-language-center-summmery p {
56 + color: #eef5f7;
57 + font-size: 16px;
58 + margin: 0;
89 59 }
90 -
91 -.wp-chatbot-tabs nav {
92 - width: 18%;
60 +.wp-chatbot-language-center-summmery p a {
61 + color: #eef5f7;
62 + text-decoration: underline;
63 +}
64 +input[type="text"].shop-jarvis-button-text {
93 65 display: block;
94 - float: left;
95 - min-width: 240px;
96 - margin-right: 24px;
97 - position: sticky;
98 - top: 0;
99 - overflow: unset;
100 - padding: 10px;
101 - background: #ffffff;
102 - border-radius: 16px;
66 + width: 700px !important;
103 67 }
68 +/*CHECKBOX*/
104 69
105 70
106 -.wp-chatbot-tabs nav ul li.tab-current a {
107 - background: #5B4E96;
108 - color: #ffffff;
109 - text-decoration: none;
110 -}
111 71
112 -.wp-chatbot-tabs nav ul li a:hover {
113 - background: #5B4E96;
114 - color: #ffffff;
115 - text-decoration: none;
72 +*, *:before, *:after {
73 + -webkit-box-sizing: border-box;
74 + box-sizing: border-box;
116 75 }
117 -
118 -.wp-chatbot-tabs nav ul li a {
119 - padding: 14px 15px;
120 - width: 100%;
121 - font-size: 16px;
122 - font-weight: 500;
123 - color: #988FBD;
124 - border-radius: 8px;
125 - position: relative;
126 - display: flex;
127 - align-items: center;
128 - gap: 15px;
76 +.wp-chatbot-wrap form {
77 + width: 400px;
129 78 }
130 -
131 -.wp-chatbot-tabs nav ul li a span {
132 - font-size: 15px;
133 - font-weight: 500;
134 -}
135 -
136 -.wp-chatbot-tabs-style-flip nav a span.wpwbot-admin-tab-icon {
137 - text-transform: capitalize;
138 - letter-spacing: 1px;
139 - font-weight: 700;
140 - font-size: 18px;
141 -}
142 -
143 -
144 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a {
145 - padding: 14px 15px;
146 - width: 100%;
79 +legend {
147 80 font-size: 16px;
148 - font-weight: 500;
149 - color: #988FBD;
150 - border-radius: 8px;
151 - position: relative;
152 - display: flex;
153 - align-items: center;
154 - gap: 15px;
155 - text-decoration: none;
81 + font-family: monospace;
156 82 }
157 -
158 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a span {
159 - font-size: 15px;
160 - font-weight: 500;
83 +fieldset {
84 + padding: 15px;
161 85 }
162 -
163 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a span.wpwbot-admin-tab-icon {
164 - text-transform: capitalize;
165 - letter-spacing: 1px;
166 - font-weight: 700;
167 - font-size: 18px;
86 +#wp-chatbot-admin-form input[type=checkbox] {
87 + opacity: 0;
88 + float: left;
168 89 }
169 -
170 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a:hover {
171 - background: #5B4E96;
172 - color: #ffffff;
173 - text-decoration: none;
90 +.interaction-re-target label {
91 + width: inherit !important;
174 92 }
175 -
176 -.wp-chatbot-admin-upgrade-pro-sidebar {
177 -
93 +#wp-chatbot-admin-form input[type=checkbox] + label {
94 + margin: 0 0 0 20px;
95 + position: relative;
96 + cursor: pointer;
97 + font-size: 12px;
178 98 float: left;
179 - width: 18%;
180 - border-radius: 16px;
181 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
182 - padding: 8px;
183 - margin: 0 0 0 25px;
99 + width: inherit !important;
184 100 }
185 -
186 -.wp-chatbot-admin-upgrade-pro-sidebar img {
187 - width: 100%;
101 +#wp-chatbot-admin-form input[type=checkbox] + label ~ label {
102 + margin: 0 0 0 40px;
188 103 }
189 -
190 -
191 -.wp-chatbot-admingradient-color {
192 - border-radius: 12px;
104 +#wp-chatbot-admin-form input[type=checkbox] + label::before {
105 + content: ' ';
106 + position: absolute;
107 + left: -35px;
108 + top: -3px;
109 + width: 25px;
110 + height: 25px;
111 + display: block;
193 112 background: white;
194 - padding: 15px;
113 + border: 1px solid #A9A9A9;
195 114 }
196 -
197 -.wp-chatbot-tabs-style-flip .content-wrap {
198 - border-radius: 16px;
115 +#wp-chatbot-admin-form input[type=checkbox] + label::after {
116 + content: ' ';
117 + position: absolute;
118 + left: -35px;
119 + top: -3px;
120 + width: 23px;
121 + height: 23px;
122 + display: block;
123 + z-index: 1;
124 + background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE4MS4yIDI3MyAxNyAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxODEuMiAyNzMgMTcgMTYiPjxwYXRoIGQ9Ik0tMzA2LjMgNTEuMmwtMTEzLTExM2MtOC42LTguNi0yNC04LjYtMzQuMyAwbC01MDYuOSA1MDYuOS0yMTIuNC0yMTIuNGMtOC42LTguNi0yNC04LjYtMzQuMyAwbC0xMTMgMTEzYy04LjYgOC42LTguNiAyNCAwIDM0LjNsMjMxLjIgMjMxLjIgMTEzIDExM2M4LjYgOC42IDI0IDguNiAzNC4zIDBsMTEzLTExMyA1MjQtNTI0YzctMTAuMyA3LTI1LjctMS42LTM2eiIvPjxwYXRoIGZpbGw9IiMzNzM3MzciIGQ9Ik0xOTcuNiAyNzcuMmwtMS42LTEuNmMtLjEtLjEtLjMtLjEtLjUgMGwtNy40IDcuNC0zLjEtMy4xYy0uMS0uMS0uMy0uMS0uNSAwbC0xLjYgMS42Yy0uMS4xLS4xLjMgMCAuNWwzLjMgMy4zIDEuNiAxLjZjLjEuMS4zLjEuNSAwbDEuNi0xLjYgNy42LTcuNmMuMy0uMS4zLS4zLjEtLjV6Ii8+PHBhdGggZD0iTTExODcuMSAxNDMuN2wtNTYuNS01Ni41Yy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTI1My41IDI1My41LTEwNi4yLTEwNi4yYy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTU2LjUgNTYuNWMtNS4xIDUuMS01LjEgMTIgMCAxNy4xbDExNC43IDExNC43IDU2LjUgNTYuNWM1LjEgNS4xIDEyIDUuMSAxNy4xIDBsNTYuNS01Ni41IDI2Mi0yNjJjNS4yLTMuNCA1LjItMTIgLjEtMTcuMXpNMTYzNC4xIDE2OS40bC0zNy43LTM3LjdjLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0xNjkuNSAxNjkuNS03MC4yLTcxLjljLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0zNy43IDM3LjdjLTMuNCAzLjQtMy40IDguNiAwIDEybDc3LjEgNzcuMSAzNy43IDM3LjdjMy40IDMuNCA4LjYgMy40IDEyIDBsMzcuNy0zNy43IDE3NC43LTE3Ni40YzEuNi0xLjcgMS42LTYuOS0uMS0xMC4zeiIvPjwvc3ZnPg==') no-repeat center center;
125 + -ms-transition: all .2s ease;
126 + -webkit-transition: all .2s ease;
127 + transition: all .3s ease;
128 + -ms-transform: scale(0);
129 + -webkit-transform: scale(0);
130 + transform: scale(0);
131 + opacity: 0;
199 132 }
133 +#wp-chatbot-admin-form input[type=checkbox]:checked + label::after {
134 + -ms-transform: scale(1);
135 + -webkit-transform: scale(1);
136 + transform: scale(1);
137 + opacity: 1;
138 +}
139 +/*ICON CSS*/
200 140
201 -ul.feature-list li img {
202 - max-width: 18px;
203 -}
204 141
205 -a.wp-chatbot-admin-pro-upgrade-button {
206 - background: #5B4E96;
207 - color: #ffffff;
208 - text-decoration: none;
209 - padding: 4px 20px;
210 - border-radius: 6px;
211 -}
212 142
213 -a.wp-chatbot-admin-pro-upgrade-button img {
214 - max-width: 20px;
143 +ul.radio-list {
144 + margin: 0;
145 + padding: 0;
215 146 }
216 -
217 -h3.wp-chatbot-admincart-title {
218 - font-weight: bold;
219 - font-size: 20px;
147 +ul.radio-list li {
148 + width: 15%;
149 + list-style: none;
150 + display: inline-block;
151 + text-align: center;
220 152 }
221 -
222 -.qcld-main-wrapper ul.feature-list li {
223 - font-size: 14px;
153 +ul.radio-list li img, ul.radio-list li input {
154 + display: inline-table;
155 + vertical-align: middle;
224 156 }
225 -
226 -.wp-chatbot-wrap p {
227 - font-size: 15px;
157 +ul.radio-list li input[type=radio] {
158 + background: #E3E4E4;
228 159 }
229 -
230 -.qcld-main-wrapper ul.feature-list {
231 - margin: 0 0 30px 0;
160 +ul.radio-list li img {
161 + border-radius: 50%;
162 + box-shadow: 0px 0px 15px #c7dbec;
163 + width: 65px;
164 + display: block;
165 + margin: 5px auto;
232 166 }
233 -
234 -.qcld-swpm-admin-menu-wrap {
235 - margin: 0 !important;
167 +/*container style css after adding tab*/
168 + .panel-title > a:before {
169 + float: right !important;
170 + font-family: FontAwesome;
171 + content: "\f056";
172 + padding-right: 5px;
236 173 }
237 -
238 -footer.wp-chatbot-admin-footer {
239 - padding: 0 20px 20px 20px;
174 + .panel-title > a.collapsed:before {
175 + float: right !important;
176 + content: "\f055";
240 177 }
241 -
242 -.chatbot-wpbot-lite_page_wpbot footer.wp-chatbot-admin-footer input#submit {
243 - padding: 14px 20px;
244 - width: auto;
245 - font-size: 16px;
246 - font-weight: 500;
247 - color: #988FBD;
248 - border-radius: 8px;
249 - position: relative;
250 - display: flex;
251 - align-items: center;
252 - gap: 15px;
253 - background: #5B4E96;
254 - color: #ffffff;
255 - text-decoration: none;
256 - margin: 0 0 10px 15px;
178 + h2 {
179 + color: #ff9800;
257 180 }
258 -
259 -
260 -h3.qcld-wpbot-main-tabs-title {
261 - border-bottom: 1px solid #eee;
262 - padding: 0 0 8px 0;
263 - margin: 20px 0 12px 0;
264 - font-weight: bold;
265 - font-size: 22px !important;
181 + a {
182 + text-decoration: none;
183 + /* display: block; */
266 184 }
267 -
268 -.qcld-main-wrapper .nav-tab-wrapper,
269 -.qcld-main-wrapper .wrap h2.nav-tab-wrapper,
270 -.qcld-main-wrapper h1.nav-tab-wrapper {
271 - border-bottom: none;
185 + .panel-default>.panel-heading {
186 + color: #fff;
187 + background-color: #FF9800;
188 + border-color: #ff9800;
272 189 }
273 -
274 -.qcld-main-wrapper .nav-tab {
275 - float: left;
276 - border: 1px solid #c3c4c7;
277 - border-bottom: 1px;
278 - margin-left: .5em;
279 - padding: 5px 10px;
280 - font-size: 14px;
281 - line-height: 1.71428571;
282 - font-weight: 600;
283 - background: #ffffff;
284 - color: #5b4e96;
285 - text-decoration: none;
286 - white-space: nowrap;
287 - border: 1px solid #5b4e96;
288 - padding: 10px 20px !important;
289 - border-radius: 8px;
290 - line-height: normal !important;
291 - text-decoration: none;
190 +.form-container {
191 + background-color: #32373c;
192 + border: 1px solid #cccccc;
193 + border-radius: 5px;
292 194 }
293 -
294 -.qcld-main-wrapper .nav-tab-active,
295 -.qcld-main-wrapper .nav-tab-active:focus,
296 -.qcld-main-wrapper .nav-tab-active:focus:active,
297 -.qcld-main-wrapper .nav-tab-active:hover {
298 - border-bottom: 1px solid #5b4e96;
299 - background: #5b4e96;
300 - color: #fff;
301 - text-decoration: none;
195 +.qc-opt-description {
196 + font-weight: normal;
302 197 }
303 -
304 -.qcld-main-wrapper .btn-primary {
305 - border-color: #5b4e96 !important;
198 +.qc-opt-title-font {
199 + font-weight: normal;
200 + font-size: 14px !important;
306 201 }
307 -
308 -.qcld-main-wrapper ul.feature-list li img {
309 - max-width: 16px;
310 - margin: 0 3px 0 0;
202 +.qc-opt-dcs-font {
203 + font-size: 14px !important;
311 204 }
312 -
313 -.qcld-main-wrapper .nav-tab:hover {
314 - text-decoration: none;
205 +.input-sm {
206 + width: 50px !important;
315 207 }
316 -
317 -.content-wrap .qcbot_help_secion h4 {
318 - padding: 0 0;
319 - font-weight: bold;
320 - font-size: 16px;
208 +.thumbnail.theme_prev {
209 + max-width: 100%;
210 + height: auto;
321 211 }
322 -
323 -
324 -section.wp-chatbot-tab-container-inner .panel-default>.panel-heading {
325 - background: #fff !important;
326 - color: #5B4E96 !important;
327 - text-decoration: none !important;
328 - border-radius: 8px;
329 - border: 2px solid #5B4E96;
212 +.ge-canvas {
213 + padding: 0 15px;
330 214 }
215 +/** wpwbot load control style **/
331 216
332 -section.wp-chatbot-tab-container-inner .panel-default>.panel-heading+.panel-collapse>.panel-body {
333 - border-top-color: #ddd;
334 - background: linear-gradient(178deg, #ffffff 70%, #e9e4ff 96%);
335 - border: 1px solid #E5E6F2;
336 - border-radius: 16px;
337 - margin: 15px 0 0 0;
217 +#wp-chatbot-show-pages-list ul {
218 + margin: 0;
219 + padding: 14px 0 0 88px;
338 220 }
339 -
340 -section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover {
341 - background: #5B4E96 !important;
342 - color: #ffffff !important;
343 - text-decoration: none !important;
344 - border-radius: 8px;
221 +#wp-chatbot-show-pages-list ul li {
222 + display: block;
223 + list-style: none;
224 + padding: 5px 0;
225 + clear: both;
345 226 }
346 -
347 -
348 -section.wp-chatbot-tab-container-inner .panel {
349 - margin-bottom: 0;
350 - margin-top: 10px;
351 - background-color: #fff;
352 - border: none;
353 - border-radius: 0;
354 - -webkit-box-shadow: none;
355 - box-shadow: none;
227 +#wp-chatbot-show-pages-list ul li:after {
228 + content: "";
229 + display: table;
230 + width: 100%;
231 + height: 1px;
356 232 }
357 -
358 -section.wp-chatbot-tab-container-inner .panel-heading {
359 - border-bottom: 0 solid transparent;
360 - border-top-left-radius: 0;
361 - border-top-right-radius: 0;
362 - padding: 0;
233 +.radio-inline {
234 + font-size: 12px;
235 + line-height: 24px;
363 236 }
364 -
365 -section.wp-chatbot-tab-container-inner h4.panel-title {
366 - padding: 0 !important;
237 +.wp-chatbot-settings-instruction {
238 + font-size: 12px;
239 + padding: 8px 0px;
367 240 }
368 -
369 -section.wp-chatbot-tab-container-inner h4.panel-title a {
370 - display: block;
371 - padding: 15px 12px;
241 +#wp-chatbot-admin-form .content-wrap .nav-tabs > li > a {
372 242 font-size: 16px;
373 243 }
374 -
375 -.qcld-main-wrapper .nav-tab-small .nav-tab,
376 -.qcld-main-wrapper h3 .nav-tab {
377 - font-size: 15px !important;
244 +#wp-chatbot-admin-form .content-wrap .nav-tabs > li > a:active {
245 + outline: 0;
378 246 }
379 -
380 -.qcld-main-wrapper .cxsc-settings-blocks-notic {
381 - background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
382 - border-radius: 16px;
383 - border: 1px solid #E5E6F2;
384 - padding: 20px 12px;
385 - margin: 0 0 20px 0;
386 -}
387 -
388 -.qcld-main-wrapper .cxsc-settings-blocks-notic p.d-ib {
247 +input[disabled]#shirtcode-selector {
248 + width: 110px;
249 + text-align: center;
250 + border: none;
251 + color: inherit;
252 + background: none;
253 + box-shadow: none;
254 + margin: 0;
389 255 padding: 0;
390 - margin: 8px 0;
391 - font-size: 15px;
392 256 }
393 -
394 -.wp-chatbot-wrap .form-group {
395 - margin-bottom: 15px;
396 - border: 1px solid #E5E6F2;
397 - padding: 12px 12px;
398 - border-radius: 8px;
257 +.tab-content textarea {
258 + width: 100%;
259 + font-size: 14px;
399 260 }
400 -
401 -.wp-chatbot-wrap .form-group h4.qc-opt-title {
402 - font-weight: bold;
261 +.content-wrap section h4 {
262 + margin-top: 0;
263 + padding-top: 0;
264 + font-size: 16px;
265 + font-weight: bold !important;
403 266 }
404 -
405 -
406 -.wp-chatbot-wrap input:focus {
407 - border-color: #e1dbff;
408 - box-shadow: 0 0 0 4px #e1dbff, 0 1px 2px 0 #1018280d;
267 +.wp-chatbot-support-cross {
268 + display: inline-block;
269 + height: 30px;
270 + width: 30px;
271 + margin-right: 5px;
272 + padding: 5px;
273 + background-color: #e0e5ea;
274 + border-radius: 10%;
275 + text-align: center;
409 276 }
410 -
411 -.wp-chatbot-wrap input[type=text] {
412 - border: 1px solid #E5E6F2;
277 +.wp-chatbot-support-cross:hover {
278 + cursor: all-scroll;
413 279 }
414 -
415 -
416 -.wp-chatbot-wrap .nav-tabs {
417 - border-bottom: none;
280 +.wp-chatbot-support-cross i {
281 + font-size: 20px;
418 282 }
419 -
420 -.wp-chatbot-wrap .nav-tabs>li {
421 - float: left;
422 - margin-bottom: 0;
423 -}
424 -
425 -.wp-chatbot-wrap .nav-tabs>li>a {
426 - margin-right: .5em;
427 - line-height: 1.42857143;
428 - border: 1px solid #5b4e96;
283 +.wpbot_free_messenger_adds {
284 + white-space: unset !important;
285 + line-height: normal !important;
286 + margin-top: 12px;
287 + /* margin-left: -12px !important; */
288 + color: #dca219 !important;
289 + background: #fff;
290 + margin-right: 12px;
291 + font-size: 13px !important;
429 292 border-radius: 6px;
430 - border: 1px solid #5b4e96;
431 - padding: 10px 20px !important;
432 - border-radius: 8px;
433 - color: #5b4e96;
434 - font-size: 15px;
435 - font-weight: 600;
436 - line-height: normal !important;
293 + cursor: pointer;
437 294 }
438 -
439 -.wp-chatbot-wrap .nav-tabs>li.active>a,
440 -.wp-chatbot-wrap .nav-tabs>li.active>a:focus,
441 -.wp-chatbot-wrap .nav-tabs>li.active>a:hover {
442 - color: #ffffff;
443 - cursor: default;
444 - background-color: #5b4e96;
445 - border: 1px solid #5b4e96;
446 - border-bottom-color: transparent;
295 +.wpbot_free_messenger_adds:hover {
296 + background: #ddd;
297 + color: #987c0d !important;
447 298 }
448 -
449 -.wp-chatbot-wrap .nav-tabs {
450 - border-bottom: none;
451 - margin: 0 0 15px 0;
299 +span.qcld-chatbot-product-category, span.qcld-chatbot-support-items, span.qcld-chatbot-wildcard, span.qcld-chatbot-suggest-email, span.qcld-chatbot-reset-btn, #wp-chatbot-loadmore, .wp-chatbot-loadmore, span.qcld-chatbot-suggest-phone {
300 + color: #000000;
301 + background-image: linear-gradient(to right, #868afa 0%, #8fd3f4 51%, #2faafa 100%);
302 + background-size: 200% auto;
303 + box-shadow: 0 5px 15px #c3c3c3;
304 + border: 1px solid #ffffff;
452 305 }
453 -
454 -.wp-chatbot-wrap .nav>li>a:focus,
455 -.wp-chatbot-wrap .nav>li>a:hover {
456 - text-decoration: none;
457 - background-color: #5b4e96;
458 - border-color: #5b4e96 #eee #ddd;
459 - color: #fff;
306 +.qc_menu_area {
307 + display: block;
308 + width: 500px;
309 + float: left;
460 310 }
461 -
462 -
463 -.cxsc-settings-blocks.cxsc-settings-faq-blocks {
464 - background: #f5f7fd !important;
465 - padding: 12px !important;
466 - border-radius: 6px;
311 +.qc_menu_area_container {
312 + min-height: 400px;
313 + height: auto;
314 + padding: 10px;
315 + background: #eee;
316 + border: 1px solid #d4d4d4;
467 317 }
468 -
469 -.qcld-faq-block .cxsc-settings-blocks {
470 - background: #f5f7fd !important;
471 - padding: 12px !important;
472 - border-radius: 6px !important;
473 - margin: 0 0 15px 0 !important;
318 +.qc_menu_list_area {
319 + display: block;
320 + width: 300px;
321 + float: right;
474 322 }
475 -
476 -#wp-chatbot-icon-theme-settings img {
477 - width: 100%;
323 +.qc_menu_list_container {
324 + min-height: 400px;
325 + height: auto;
326 + padding: 10px;
327 + background: #eee;
328 + border: 1px solid #d4d4d4;
478 329 }
479 -
480 -
481 -.qcld-main-wrapper ul.radio-list {
482 - display: flex;
483 - flex-wrap: wrap;
484 -}
485 -
486 -.qcld-main-wrapper ul.radio-list li {
487 - width: 156px;
488 - margin: 4px 4px;
489 - border-radius: 16px;
490 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
491 - padding: 12px;
330 +.qc_menu_list_container p {
331 + background: #ddd;
332 + padding: 5px;
492 333 text-align: center;
493 - position: relative;
334 + font-weight: bold;
494 335 }
495 -
496 -.qcld-main-wrapper ul.radio-list li img {
497 - max-width: 80px;
498 - display: block;
336 +.qc_menu_list_container span {
337 + width: 100%
499 338 }
500 -
501 -div#wp-chatbot-icon-theme-settings input[type=radio]:checked::before {
502 - content: "\f12a";
503 - font-family: dashicons;
504 -
505 - border-radius: 0;
506 - width: 100%;
507 - height: 100%;
508 - margin: 0;
509 - background-color: #5b4e96bd !important;
510 - line-height: 1.14285714;
511 - position: absolute;
512 - top: 0;
513 - left: 0;
514 - right: 0;
515 - border-radius: 16px;
516 - z-index: 999;
517 - color: #45d72d;
518 - display: flex;
519 - align-items: flex-start;
520 - justify-content: flex-end;
521 - font-size: 32px;
522 - padding: 0 4px;
523 - border: 4px solid transparent;
524 -
339 +#qc_menu_area span {
340 + width: 380px !important;
341 + display: block !important;
342 + margin-left: 0;
525 343 }
526 -
527 -div#wp-chatbot-icon-theme-settings input[type=radio] {
528 - background: transparent;
529 - border: none;
530 - box-shadow: none;
344 +.qc_menu_list_container span {
345 + width: 278px;
531 346 }
532 -
533 -.wpbot_dashboard_header {
534 - display: flex;
535 - column-gap: 15px;
536 - row-gap: 10px;
537 - background: #fff;
538 - padding: 22px 15px;
539 - margin: 20px 0 20px 0;
540 - border-radius: 16px;
541 - align-items: center;
542 - justify-content: space-between;
347 +.qcld_wpbot_download_statuses {
348 + margin-top: 10px
543 349 }
544 -
545 -.wpbot_dashboard_header h1 {
546 - margin: 0;
547 - padding: 0;
548 - font-size: 22px;
549 - font-weight: bold;
350 +/* wpbot addons section */
351 +
352 +.wpbot_addons_section {
353 + margin-right: unset !important;
354 + margin-left: unset !important;
355 + margin-bottom: 10px;
356 + background: #32373c;
357 + padding-bottom: 20px;
358 + border-radius: 0px 0px 5px 5px;
550 359 }
551 -
552 -.wpbot_dashboard_header p {
553 - margin: 0;
554 - padding: 0;
360 +.wpbot_single_addon {
361 + width: 30%;
362 + margin-right: 1%;
363 + display: inline-block;
364 + margin-bottom: 14px;
365 + padding: 5px;
366 + border: 1px solid #eee;
555 367 }
556 -
557 -.wpbot_single_addon_wrapper {
558 - display: flex;
559 - flex-wrap: wrap;
368 +.wpbot_single_addon:hover {
369 + border: 1px solid #d2d2d2;
370 + border-radius: 10px;
560 371 }
561 -
562 -.wpbot_single_addon_wrapper .wpbot_single_addon {
563 - border-radius: 16px;
564 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
565 - padding: 8px;
566 - text-align: center;
567 - width: 266px;
568 - margin: 8px 8px;
372 +.wpbot_single_content {
569 373 }
570 -
571 -.wpbot_single_addon_wrapper .wpbot_single_addon img {
572 - max-width: 120px;
374 +.wpbot_addon_image {
375 + float: left;
376 + margin-right: 10px;
573 377 }
574 -
575 -.wpbot_single_addon_wrapper .wpbot_single_addon .wpbot_single_content {
576 - background: #fff;
577 - border-radius: 12px;
578 - background: white;
579 - padding: 15px;
580 - min-height: 288px;
581 - background: linear-gradient(174deg, #ffffff 70%, #e9e4ff 96%);
378 +.wpbot_addon_image img {
379 + width: 60px;
582 380 }
583 -
584 -.wpbot_addon_title {
585 - font-weight: bold;
586 - font-size: 17px;
587 - padding: 8px 0;
588 -}
589 -
590 -.qcld-main-wrapper span.wp_addon_notinstalled {
591 - background: #fee3e2;
592 - color: #202020;
593 - padding: 3px 10px;
594 - border-radius: 6px;
595 - border: none;
596 - margin: 0 0 10px 0;
381 +.wpbot_addon_content {
597 382 display: inline-block;
598 - font-weight: bold;
599 - font-size: 13px;
600 383 }
601 -
602 -.qcld-main-wrapper span.wp_addon_installed {
603 - background: green;
604 - color: #fff;
605 - padding: 3px 10px;
606 - border-radius: 6px;
607 - border: none;
608 - margin: 0 0 10px 0;
609 - display: inline-block;
384 +.wpbot_addon_title {
385 + font-size: 15px;
610 386 font-weight: bold;
611 - font-size: 13px;
612 387 }
613 -
614 -.wpbot_addon_image img {
615 - height: 98px;
616 - object-fit: cover;
388 +.wpbot_addon_details {
617 389 }
618 -
619 -.wpbot_single_addon a.button.button-secondary {
620 - background: #5B4E96;
621 - color: #ffffff;
622 - text-decoration: none;
623 - border: 1px solid #5B4E96;
390 +.wpbot_addon_details p {
391 + margin-bottom: 0;
624 392 }
625 -
626 -.wp-chatbot-wrap .wpbot_single_addon p {
627 - font-size: 14px;
628 - height: 48px;
393 +.wp_addon_installed {
394 + font-size: 11px;
395 + margin: 4px 0px;
396 + background: #0b8a0bad;
397 + color: #fff;
398 + text-align: center;
399 + border-radius: 3px;
400 + padding: 2px 6px;
629 401 }
630 -
631 -.wpbot_statistics_area {
632 - border-radius: 16px;
633 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
634 - padding: 8px;
402 +.wp_addon_notinstalled {
403 + font-size: 11px;
404 + margin: 2px 0px;
405 + background: #dc1671ab;
406 + color: #fff;
635 407 text-align: center;
408 + border-radius: 3px;
409 + padding: 2px 6px;
636 410 }
637 -
638 -
639 -.qcld-main-wrapper ul.radio-list li label {
640 - width: 100%;
641 - margin: 0 auto;
642 - display: flex;
643 - flex-direction: column;
644 - align-items: center;
411 +.wpbot_dashboard_header {
412 + margin-right: unset !important;
413 + margin-left: unset !important;
414 + background: #32373c;
415 + color: #fff;
416 + text-align: center;
417 + border-radius: 5px 5px 0px 0px;
645 418 }
646 -
647 -
648 -section.wp-chatbot-tab-container-inner h4.panel-title a {
649 - position: relative;
419 +.wpbot_dashboard_header h1 {
420 + font-size: 30px;
421 + line-height: 100px;
422 + margin: 0px;
650 423 }
651 -
652 -section.wp-chatbot-tab-container-inner h4.panel-title a.collapsed:after {
653 - content: "\f10f";
654 - font-family: dashicons;
655 - position: absolute;
656 - right: 18px;
657 - top: 12px;
658 - font-size: 25px;
659 - font-weight: normal;
424 +.wpbot_single_addon_wrapper {
425 + background: #eee;
426 + padding: 20px;
660 427 }
661 -
662 -section.wp-chatbot-tab-container-inner h4.panel-title a:after {
663 - content: "\f14f";
664 - font-family: dashicons;
665 - position: absolute;
666 - right: 18px;
667 - top: 12px;
668 - font-size: 25px;
669 - font-weight: normal;
428 +.wpbot_statistics_area {
429 + background: #fff;
670 430 }
671 -
672 -.wpbot_single_addon_wrapper .wpbot_single_addon .wpbot_single_content:hover {
673 - background: linear-gradient(1deg, #ffffff 70%, #e9e4ff 96%);
431 +.wpbot_statistics_area h2 {
432 + margin: 0px;
433 + background: #fff;
434 + font-size: 20px;
435 + padding: 10px 20px;
436 + border-bottom: 1px solid #eee;
437 + margin-bottom: 10px;
674 438 }
675 -
676 -a.wp-chatbot-admin-pro-upgrade-button {
677 - font-size: 15px;
439 +.wpbot_report {
440 + padding-left: 20px;
441 + padding-bottom: 10px;
678 442 }
679 -
680 -a.wp-chatbot-admin-pro-upgrade-button:hover {
681 - color: #fff;
682 - background-color: #f0ad4e;
443 +.wpbot_report p {
683 444 }
684 -
685 -
686 -.qcld-wp-chatbot-wrap-header-doc {
687 - display: flex;
688 - column-gap: 15px;
689 - row-gap: 10px;
690 - background: #fff;
691 - padding: 15px 15px;
692 - margin: 20px 20px 20px 0;
693 - border-radius: 16px;
694 - align-items: center;
695 - justify-content: flex-start;
696 - display: flex;
697 - background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
698 - border-radius: 16px;
699 - gap: 30px;
700 -}
701 -
702 -.qcld-wp-chatbot-wrap-header-doc img {
703 - max-width: 480px;
704 - height: 250px;
705 - object-fit: cover;
706 - border-radius: 8px;
707 -}
708 -
709 -
710 -.qcld-wp-chatbot-wrap-header-doc-details a {
711 - border: 2px solid #5b4e96;
712 - background: #fff;
713 - color: #5b4e96;
714 - padding: 8px 20px;
715 - border-radius: 8px;
445 +.wpbot_report_key {
446 + width: 180px;
716 447 display: inline-block;
717 - margin: 4px 0 0 0;
448 + font-weight: bold;
718 449 }
719 -
720 -.qcld-wp-chatbot-wrap-header-doc-details a:hover {
721 - border: 2px solid #5b4e96;
722 - background: #5b4e96;
723 - color: #fff;
724 - padding: 8px 20px;
725 - border-radius: 8px;
450 +.wpbot_report_value {
726 451 display: inline-block;
727 - margin: 4px 0 0 0;
728 - text-decoration: none;
729 -}
730 -
731 -
732 -.qcld-wp-chatbot-wrap-header-doc-details {
733 - width: 42%;
734 -}
735 -
736 -.qcld-wp-chatbot-wrap-header-doc-details h3 {
452 + margin-left: 15px;
737 453 font-weight: bold;
738 454 }
739 -
740 -.qcld-wp-chatbot-wrap-header-doc-details p {
741 - font-size: 15px;
455 +.wpbot_report_value a {
742 456 }
743 -
744 -
745 -.qcld-goPreemium a {
746 - display: block;
747 - display: flex !important;
748 - align-items: center;
749 - gap: 8px;
750 - background: #EEEDF4;
751 - padding: 10px 25px !important;
752 - border-radius: 8px;
753 - width: 100%;
754 - justify-content: center;
755 - color: #000 !important;
756 - font-weight: bold;
757 - font-size: 16px !important;
457 +.vc_col-sm-6 {
458 + width: 48%;
459 + float: left;
460 + margin-right: 1%;
758 461 }
759 -
760 -.qcld-goPreemium a:hover {
761 - display: block;
762 - display: flex !important;
763 - align-items: center;
764 - gap: 8px;
765 - background: #5B4E96;
766 - padding: 10px 25px !important;
767 - border-radius: 8px;
768 - width: 100%;
769 - justify-content: center;
770 - color: #fff !important;
771 - font-weight: bold;
772 - font-size: 16px !important;
773 - text-decoration: none;
462 +.vc_column_container {
463 + padding-left: 0;
464 + padding-right: 0;
774 465 }
775 -
776 -
777 -.qcld-Resetall input {
778 - display: block;
466 +.vc_column_container>.vc_column-inner {
467 + box-sizing: border-box;
468 + padding-left: 15px;
469 + padding-right: 15px;
779 470 width: 100%;
780 - margin: 5px 0 0 0;
781 - padding: 12px 0;
782 - font-size: 16px;
783 - border: 2px solid #f0ad4e;
784 - background: #fff;
785 - color: #f0ad4e;
786 - border-radius: 8px;
787 471 }
788 -
789 -.qcld-Resetall input:hover {
790 - display: block;
791 - width: 100%;
792 - margin: 8px 0 0 0;
793 - padding: 12px 0;
794 - font-size: 16px;
795 - border: 2px solid #f0ad4e;
796 - background: #f0ad4e;
797 - color: #fff;
798 - border-radius: 8px;
799 -}
800 -
801 -.qcld-main-wrapper .alert.alert-warning {
802 - background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96% 96%);
803 - border-radius: 6px;
804 -}
805 -
806 -.wp-chatbot-wrap button.btn.btn-primary {
807 - padding: 14px 20px;
808 - width: auto;
809 - font-size: 16px;
810 - font-weight: 500;
811 - color: #988FBD;
812 - border-radius: 8px;
472 +.to-icon-box {
813 473 position: relative;
814 - display: inline-block;
815 - align-items: center;
816 - gap: 15px;
817 - background: #5B4E96;
818 - color: #ffffff;
819 - text-decoration: none;
820 474 }
821 -
822 -.qcld-main-wrapper h4.qc-opt-dcs {
823 - font-size: 18px !important;
824 - font-weight: bold !important;
825 - padding: 12px 0 12px 0 !important;
475 +.txt-left {
476 + text-align: left;
826 477 }
827 -
828 -.cxsc-settings-blocks-addon {
829 - font-size: 16px;
830 - padding: 6px 0 10px 0;
831 - font-weight: bold;
478 +.to-icon.fa-4x {
479 + font-size: 42px;
480 + width: 52px;
481 + height: 52px;
482 + line-height: 52px;
832 483 }
833 -
834 -
835 -.qcld-main-wrapper .qcld-seo-help-feature {
836 - clear: both;
484 +.to-icon-box i {
485 + position: absolute;
837 486 }
838 -
839 -.qcld-main-wrapper .qcld-seo-help-feature H3 {
840 - font-weight: bold;
841 - font-size: 20px;
487 +.to-icon-box.left .to-icon-txt.fa-4x-txt {
488 + margin-left: 58px;
842 489 }
843 -
844 -.qcld-main-wrapper .qcld-seo-help-feature UL {}
845 -
846 -.qcld-main-wrapper .qcld-seo-help-feature UL li {
847 - margin: 0;
848 - padding: 4px 0;
849 - font-size: 15px;
490 +.to-icon-box.left .to-icon-txt {
491 + margin-left: 30px;
492 + margin-right: 6%;
850 493 }
851 -
852 -.qcld-recommendbot-conv-feature .plugin-card-top {
494 +.to-icon-txt {
853 495 position: relative;
854 - padding: 20px 20px 10px;
855 - min-height: auto;
856 - display: flex;
857 - align-items: center;
858 - justify-content: space-between;
859 496 }
860 -
861 -.qcld-recommendbot-conv-feature .plugin-card .action-links {
862 - position: relative;
863 - top: auto;
864 - right: auto;
865 - width: auto;
497 +.qc_wpbot_pro {
498 + background: red;
499 + padding: 4px;
500 + color: #fff;
501 + font-size: 13px;
502 + border-radius: 7px;
866 503 }
867 -
868 -.qcld-recommendbot-conv-feature .wrap.recommended-plugins .plugin-card.plugin-card-conversational-forms {
869 - background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
870 - border-radius: 16px;
871 - height: auto;
872 -}
873 -
874 -.qcld-recommendbot-conv-feature .plugin-icon {
504 +.to-accordion-title {
875 505 position: relative;
876 - top: auto;
877 - left: auto;
878 - width: auto;
879 - height: auto;
880 - margin: 0;
506 + line-height: 30px;
507 + padding: 5px 0;
508 + margin: 0 !important;
509 + cursor: pointer;
881 510 }
882 -
883 -.qcld-recommendbot-conv-feature .plugin-card h3 a {
884 - display: flex;
885 - flex-direction: row-reverse;
886 - align-items: center;
511 +.to-accordion-open {
512 + display: inline-block;
513 + float: right;
514 + margin: 0 10px;
515 + text-align: center;
516 + width: 30px;
517 + height: 30px;
518 + opacity: 0.85;
519 + font-weight: 100;
520 + border-radius: 100%;
521 + -o-border-radius: 100%;
522 + -moz-border-radius: 100%;
523 + -webkit-border-radius: 100%;
887 524 }
888 -
889 -.qcld-recommendbot-conv-feature .plugin-icon {
890 - position: relative;
891 - top: auto;
892 - left: auto;
893 - width: 80px;
894 - height: auto;
895 - margin: 0 20px 0 0;
525 +.qc_accordion_content_third, .qc_accordion_content_second, .qc_accordion_content_first {
526 + display: none;
527 + transition: all 0.5s ease-in-out;
896 528 }
897 -
898 -.qcld-recommendbot-conv-feature .plugin-card .desc>p,
899 -.qcld-recommendbot-conv-feature .plugin-card .name {
900 - margin-left: 0 !important;
529 +.wpb_wrapper h3 {
530 + font-size: 20px;
901 531 }
902 -
903 -.qcld-recommendbot-conv-feature .plugin-action-buttons {
904 - margin-bottom: 0;
532 +.qcbot_help_secion {
533 + margin-bottom: 20px;
534 + border: unset;
535 + padding: 25px !important;
536 + -webkit-box-shadow: 3px 4px 10px 0px rgba(0,0,0,0.75);
537 + -moz-box-shadow: 3px 4px 10px 0px rgba(0,0,0,0.75);
538 + box-shadow: 3px 4px 10px 0px rgba(0,0,0,0.75);
905 539 }
906 -
907 -.qcld-recommendbot-conv-feature .plugin-action-buttons {
908 - text-align: center;
540 +.df-connect-error {
541 + color: #ff0000;
542 + font-weight: 700;
909 543 }
910 544
911 -.qc_menu_area_box {
912 - display: flex;
913 - justify-content: space-between;
914 - border-radius: 16px;
915 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
916 - padding: 15px;
917 - gap: 15px;
918 - overflow: hidden;
919 - margin: 0 0 15px 0;
920 -}
921 545
922 -.qc_menu_area_box h4 {
923 - text-align: center;
924 - font-size: 18px !important;
925 - font-weight: bold !important;
926 - border-bottom: 2px solid #f7f7f7;
927 - padding: 0 0 8px 0;
928 - margin: 0 0 8px 0;
546 +.getting_gtarted_section .qcbot_help_secion {
547 + box-shadow: none;
548 + background: #fff;
929 549 }
930 -
931 -.qc_menu_area {
932 -
933 - width: 50%;
934 - background: #fff;
935 - border-radius: 16PX;
936 - padding: 12px;
550 +.getting_gtarted_section .qcbot_help_secion h2{
551 + font-size: 18px;
552 + color: #333;
553 + font-weight: bold;
937 554 }
938 -
939 -.qc_menu_list_area.ui-droppable {
940 -
941 - width: 50%;
942 - background: #fff;
943 - border-radius: 16PX;
944 - padding: 12px;
555 +.getting_gtarted_section .to-accordion-title {
556 +position: relative;
557 + line-height: 30px;
558 + padding: 5px 6px !important;
559 + margin: 0 0 8px 0 !important;
560 + cursor: pointer;
561 + border: 1px solid #222;
562 + color: #fff;
563 + background: #32373c;
564 + font-size: 18px !important;
945 565 }
946 566
947 -.qc_menu_area_box ul li span {
948 - background-image: linear-gradient(to right, #868afa 0%, #5b4e96 51%, #5b4e96 100%);
949 - box-shadow: 0 5px 15px #c3c3c3;
950 - border: 1px solid #ffffff;
951 - color: #fff;
952 - display: block;
953 - margin: 8px auto;
954 - padding: 12px 30px;
567 +.getting_gtarted_section p{
568 + color: #060606;
569 + font-size: 15px;
955 570 }
956 -
957 -.qc_menu_area_box .qc_menu_area_container span {
958 - background-image: linear-gradient(to right, #868afa 0%, #5b4e96 51%, #5b4e96 100%);
959 - box-shadow: 0 5px 15px #c3c3c3;
960 - border: 1px solid #ffffff;
961 - color: #fff;
962 - display: block;
963 - margin: 8px auto;
964 - padding: 12px 30px;
571 +.getting_gtarted_section .to-icon.fa-4x {
572 + color: #333;
965 573 }
966 -
967 -.qc_menu_area_box .qc_menu_area_container span:hover,
968 -.qc_menu_area_box ul li span:hover {
969 - background-image: linear-gradient(to right, #5b4e96 0%, #868afa 51%, #868afa 100%);
574 +.getting_gtarted_section .to-icon-box.left.txt-left {
575 + display: flex;
576 + align-items: center;
970 577 }
971 -
972 -.qc_menu_list_container {
973 - position: relative;
578 +.getting_gtarted_section .wpb_wrapper h3 {
579 + font-size: 20px;
580 + color: #060606;
974 581 }
975 582
976 -.qc_menu_list_container p {
977 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
978 - float: none;
979 - position: relative;
980 - transform: none;
981 - right: 0;
982 - top: 0;
983 - text-align: center;
984 - width: 100%;
985 - font-size: 12px;
986 - margin: 0;
987 - z-index: 999;
988 - color: #3c3b3b;
989 - font-weight: 600;
990 - line-height: 20px;
991 - border-radius: 0;
992 - padding: 6px 0;
583 +.getting_gtarted_section .wpb_wrapper {
584 + color: #060606;
993 585 }
994 -
995 -
996 -.lp-submenu-wpbot_openAi .swal2-actions {
997 - display: flex;
998 - width: auto;
999 -}
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;
586 +.getting_gtarted_section .qcbot_help_secion {
1005 587 padding: 0 !important;
1006 - width: auto !important;
1007 - min-width: 0 !important;
1008 588 }
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;
589 +.getting_gtarted_section .content-wrap section {
1018 590 padding: 0 !important;
1019 - overflow: visible !important;
1020 - color: transparent !important;
1021 591 }
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 -.lp-submenu-wpbot_openAi button.swal2-confirm.btn.btn-lg.swal2-styled{
1052 - width: auto !important;
1053 -}
1054 592
1055 -button.swal2-confirm.btn.btn-lg.swal2-styled {
1056 - width: auto;
593 +.getting_gtarted_section .wpb_wrapper {
594 + color: #060606;
595 + font-size: 15px;
1057 596 }
1058 597
1059 -div#qc_menu_area {
1060 - min-height: 230px;
598 +.getting_gtarted_section .col-xs-12{
599 + padding-right: 0 !important;
600 + padding-left: 0 !important;
1061 601 }
1062 -div#collapseTwoControl .row {
1063 - padding: 8px 0;
1064 - border-bottom: 1px solid #eee;
1065 - margin: 0 0;
1066 -}
1067 602
1068 -
1069 -.wp-chatbot-wrap .form-group input[type=checkbox]+label {
1070 - position: relative;
1071 - width: 18px;
1072 - height: 18px;
1073 - border: 2px solid #5b4e96;
1074 - border-radius: 4px;
1075 - top: 0;
1076 - left: 0;
1077 - transform: translate(0%, 0%);
1078 - transition: all ease-out 200ms;
1079 - text-indent: 28px;
1080 - font: normal normal 30px / 60px "Helvetica";
1081 - white-space: nowrap;
1082 - color: #555;
1083 - -webkit-user-select: none;
1084 - -moz-user-select: none;
1085 - -ms-user-select: none;
1086 - user-select: none;
1087 - display: flex;
1088 - align-items: center;
603 +a.FormBuilder {
604 + display: inline-block;
605 + background: #337ab7;
606 + color: #fff;
607 + padding: 8px;
608 + margin: 0 0 12px 0;
609 + border-radius: 5px;
1089 610 }
1090 -
1091 -.wp-chatbot-wrap .form-group input[type=checkbox]+label:after {
1092 - content: "";
1093 - position: absolute;
1094 - width: 0px;
1095 - height: 8px;
1096 - border-bottom: 3px solid #22b573;
1097 - border-left: 3px solid #22b573;
1098 - top: 25%;
1099 - left: 50%;
1100 - transform-origin: bottom left;
1101 - transform: rotate(-45deg);
1102 - opacity: 0;
1103 - transition: all ease-out 200ms;
611 +a.FormBuilder:hover {
612 + text-decoration:none;
613 + color:#fff;
1104 614 }
1105 -
1106 -.wp-chatbot-wrap .form-group input[type=checkbox]:checked+label {
1107 - border: 2px solid #22b573;
615 +.to-icon-box.left.txt-left {
616 + min-height: 110px;
1108 617 }
1109 -
1110 -.wp-chatbot-wrap .form-group input[type=checkbox]:checked+label:after {
1111 - opacity: 1;
1112 - width: 22px;
618 +a.wpbot_free_messenger_adds {
619 +background: #2f3236 !important;
620 + color: #ffffff !important;
621 + padding: 12px 12px !important;
622 + line-height: 19px !important;
623 + font-size: 12px !important;
624 + text-align: center !important;
625 + border: 1px solid #4d565f;
1113 626 }
1114 627
1115 -.wp-chatbot-wrap .form-group input[type=checkbox] {
1116 - display: none;
628 +a.wpbot_free_messenger_adds:hover {
629 + background: #337ab7 !important;
630 + color: #fff !important;
1117 631 }
1118 632
1119 -
1120 -.admin-maxwith.qcld-openai-main-box {
1121 - margin: 0 20px 0 0;
1122 - padding: 0 20px 15px 20px;
1123 - max-width: initial;
1124 - box-shadow: none;
1125 - border: none;
1126 - border-radius: 16px;
633 +#section-flip-1 .to-icon-box.left .to-icon-txt.fa-4x-txt {
634 + margin-left: 0;
1127 635 }
1128 636
1129 -.admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
1130 - display: flex;
637 +#section-flip-1 .vc_column_container>.vc_column-inner {
638 + box-sizing: border-box;
639 + padding-left: 0;
640 + padding-right: 0;
641 + width: 100%;
1131 642 }
1132 -
1133 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
1134 - display: inline-block;
1135 - width: 360px;
643 +.getting_gtarted_section .wpb_wrapper h3 > span{
644 + color:#000;
645 + font-weight: bold;
1136 646 }
1137 647
1138 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
1139 - margin: 0 0 20px 0;
1140 - padding: 0;
1141 - display: flex;
1142 - flex-direction: column;
1143 - align-content: flex-start;
1144 - border: 15px solid #f5f7fd;
1145 - border-radius: 16px;
1146 - min-height: 480px;
1147 -}
1148 648
1149 -.col-auto.me-auto.ai-settings-title-container {
1150 - display: flex;
1151 - justify-content: space-between;
1152 - padding: 20px;
649 +.qc_wpbot_pro {
650 + color: #fff !important;
1153 651 }
1154 652
1155 -.qcld-wp-chatbot-wrap-header-aisection {
1156 - margin: 0 0 0 0;
1157 -}
1158 653
1159 -.qcl-openai .row {
1160 - margin-right: 0;
1161 - margin-left: 0;
654 +/* Table Css for slider list page */
655 +.qchero_slider_table_area {
656 + margin-top: 20px;
1162 657 }
1163 -
1164 -.admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container {
1165 - display: flex;
1166 - justify-content: flex-start;
1167 - padding: 8px 20px;
1168 - border-radius: 16px;
1169 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
1170 - margin: 20px 0 0 0;
1171 - gap: 30px;
1172 -}
1173 -
1174 -.admin-maxwith.qcld-openai-main-box .tab-content {
1175 - padding: 0 12px 0 12px;
658 +.sld_payment_table {
659 + margin: 0 0 40px 0;
1176 660 width: 100%;
661 + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
662 + display: table;
1177 663 }
1178 -
1179 -.admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card {
1180 - width: 100%;
1181 - max-width: inherit;
1182 - margin: 0 0 8px 0;
1183 - padding: 0;
1184 - border: none;
1185 - box-shadow: none;
1186 - background: #fff !important;
1187 - color: #5B4E96 !important;
1188 - text-decoration: none !important;
1189 - border-radius: 8px;
1190 - border: 2px solid #5B4E96;
664 +.sld_responsive_head {
665 + display: none;
1191 666 }
1192 -
1193 -.admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card h2 {
1194 - margin: 0;
1195 - padding: 0;
1196 - font-weight: bold;
1197 -}
1198 -
1199 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1200 - font-weight: bold;
667 +#sld_page_check {
1201 668 display: block;
1202 - padding: 15px 12px;
1203 - font-size: 16px;
1204 - color: #5B4E96;
1205 - width: 100%;
1206 - text-align: left;
669 + overflow: hidden;
670 + position: relative;
671 + left: -185%;
672 + top: -39px;
1207 673 }
1208 674
1209 -
1210 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link:after {
1211 - content: "\f14f";
1212 - font-family: dashicons;
1213 - position: absolute;
1214 - right: 18px;
1215 - top: 12px;
1216 - font-size: 22px;
1217 - font-weight: normal;
675 +@media only screen and (min-width: 320px) and (max-width: 767px) {
676 +.sld_payment_cell {
677 + display: block !important;
1218 678 }
1219 -
1220 -
1221 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link.collapsed:after{
1222 -
1223 - content: "\f10f";
1224 - font-family: dashicons;
1225 - position: absolute;
1226 - right: 18px;
1227 - top: 12px;
1228 - font-size: 22px;
1229 - font-weight: normal;
679 +.sld_payment_row {
680 + display: block !important;
1230 681 }
1231 -
1232 -
1233 -.admin-maxwith.qcld-openai-main-box .btn.active.focus,
1234 -.admin-maxwith.qcld-openai-main-box .btn.active:focus,
1235 -.admin-maxwith.qcld-openai-main-box .btn.focus,
1236 -.admin-maxwith.qcld-openai-main-box .btn:active.focus,
1237 -.admin-maxwith.qcld-openai-main-box .btn:active:focus,
1238 -.admin-maxwith.qcld-openai-main-box .btn:focus {
1239 - outline: 0 auto -webkit-focus-ring-color;
1240 - outline-offset: -2px;
682 +.header {
683 + display: none !important;
1241 684 }
1242 -
1243 -.admin-maxwith.qcld-openai-main-box .tab-content .card-body {
1244 - padding: 15px;
685 +.sld_responsive_head {
686 + display: block;
687 + float: left;
688 + width: 100px;
689 + font-size: 14px;
690 + font-weight: bold;
1245 691 }
1246 -
1247 -.admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
1248 - font-size: 15px;
1249 692 }
1250 693
1251 -.admin-maxwith.qcld-openai-main-box .tab-content {
1252 - font-size: 15px;
694 +@media only screen and (max-width: 1020px) {
695 +#sld_page_check {
696 + left: 0%;
697 + top: 0px;
1253 698 }
1254 -
1255 -.admin-maxwith.qcld-openai-main-box .tab-content .alert.alert-info {
1256 - margin: 15px 0 0 0;
1257 699 }
1258 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li a {
1259 - padding: 14px 20px;
1260 - width: 100%;
1261 - font-size: 16px;
1262 - font-weight: 500;
1263 - color: #988FBD;
1264 - border-radius: 8px;
1265 - position: relative;
1266 - display: flex;
1267 - align-items: center;
1268 - gap: 15px;
700 +.sld_payment_row {
701 + display: table-row;
1269 702 background: #fff;
1270 - text-decoration: none;
1271 - border: none;
1272 - margin: 2px 0;
1273 703 }
1274 -
1275 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li.active a,
1276 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li a:hover {
1277 - padding: 14px 20px;
1278 - width: 100%;
1279 - font-size: 16px;
1280 - font-weight: 500;
1281 - color: #988FBD;
1282 - border-radius: 8px;
1283 - position: relative;
1284 - display: flex;
1285 - align-items: center;
1286 - gap: 15px;
1287 - background: #5B4E96;
1288 - color: #ffffff;
1289 - text-decoration: none;
1290 - border: none;
1291 - margin: 2px 0;
704 +.sld_payment_row:nth-of-type(odd) {
705 + background: #e9e9e9;
1292 706 }
1293 -
1294 -
1295 -.wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]+label,
1296 -.wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]+label {
1297 - position: relative;
1298 - width: 18px;
1299 - height: 18px;
1300 - border: 2px solid #5b4e96;
1301 - border-radius: 4px;
1302 - top: 0;
1303 - left: 0;
1304 - transform: translate(0%, 0%);
1305 - transition: all ease-out 200ms;
1306 - text-indent: 28px;
1307 - font: normal normal 30px / 60px "Helvetica";
1308 - white-space: nowrap;
1309 - color: #555;
1310 - -webkit-user-select: none;
1311 - -moz-user-select: none;
1312 - -ms-user-select: none;
1313 - user-select: none;
1314 - display: flex;
1315 - align-items: center;
1316 - line-height: 30px;
707 +.sld_payment_row.header {
708 + font-weight: 900;
709 + background: #0073aa;
1317 710 }
1318 -
1319 -.wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]+label:after,
1320 -.wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]+label:after {
1321 - content: "";
1322 - position: absolute;
1323 - width: 0px;
1324 - height: 8px;
1325 - border-bottom: 3px solid #22b573;
1326 - border-left: 3px solid #22b573;
1327 - top: 25%;
1328 - left: 50%;
1329 - transform-origin: bottom left;
1330 - transform: rotate(-45deg);
1331 - opacity: 0;
1332 - transition: all ease-out 200ms;
711 +.sld_payment_row.header .sld_payment_cell {
712 + color: #fff;
1333 713 }
1334 -
1335 -.wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]:checked+label,
1336 -.wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]:checked+label {
1337 - border: 2px solid #22b573;
1338 -}
1339 -
1340 -.wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]:checked+label:after,
1341 -.wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]:checked+label:after {
1342 - opacity: 1;
1343 - width: 22px;
1344 -}
1345 -
1346 -.wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox],
1347 -.wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox] {
1348 - display: none;
1349 -}
1350 -
1351 -div#wp-chatbot-show-pages-list ul li,
1352 -div#wp-chatbot-exclude-post-list ul li {
1353 - padding: 4px 0;
1354 -}
1355 -
1356 -.qcld-main-wrapper div#headingTwoControl a {
1357 - font-weight: bold;
1358 -}
1359 -
1360 -.qcl-openai input[type=checkbox]+label {
1361 - position: relative;
1362 - width: 18px;
1363 - height: 18px;
1364 - border: 2px solid #5b4e96;
1365 - border-radius: 4px;
1366 - top: 0;
1367 - left: 0;
1368 - transform: translate(0%, 0%);
1369 - transition: all ease-out 200ms;
1370 - text-indent: 28px;
1371 - white-space: nowrap;
714 +.sld_payment_cell {
715 + padding: 15px 12px;
716 + display: table-cell;
1372 717 color: #555;
1373 - -webkit-user-select: none;
1374 - -moz-user-select: none;
1375 - -ms-user-select: none;
1376 - user-select: none;
1377 - display: flex;
1378 - align-items: center;
1379 - margin-bottom: 10px;
1380 - line-height: 30px;
718 + vertical-align: middle;
1381 719 }
1382 -
1383 -.qcl-openai input[type=checkbox]+label:after {
1384 - content: "";
1385 - position: absolute;
1386 - width: 0px;
1387 - height: 8px;
1388 - border-bottom: 3px solid #22b573;
1389 - border-left: 3px solid #22b573;
1390 - top: 25%;
1391 - left: 50%;
1392 - transform-origin: bottom left;
1393 - transform: rotate(-45deg);
1394 - opacity: 0;
1395 - transition: all ease-out 200ms;
720 +.sld_menu_title, .form_wrapper_sliderhero {
721 + background-color: #fff;
722 + padding: 15px;
723 + border-left: 3px solid #0073aa;
724 + margin-top: 12px;
1396 725 }
1397 -
1398 -.qcl-openai input[type=checkbox]:checked+label {
1399 - border: 2px solid #22b573;
726 +.sld_menu_title h2 {
727 + font-size: 26px;
728 + text-transform: uppercase;
729 + color: #000;
730 + font-weight: normal;
1400 731 }
1401 732
1402 -.qcl-openai input[type=checkbox]:checked+label:after {
1403 - opacity: 1;
1404 - width: 22px;
1405 -}
1406 733
1407 -.qcl-openai input[type=checkbox] {
1408 - display: none;
1409 -}
1410 734
1411 -
1412 -.qcl-openai .form-check {
1413 - margin-bottom: 15px;
1414 - border: 1px solid #E5E6F2;
1415 - padding: 12px 12px;
1416 - border-radius: 8px;
735 +.wp-chatbot-version h3 {
736 + color: #fff;
737 + padding: 8px;
738 + display: inline-table;
739 + background: #337ab7;
740 + text-transform: uppercase;
741 + letter-spacing: 1px;
742 + text-shadow: 0 0 2px #000;
743 + font-size: 15px;
744 + line-height: 20px;
745 + border-radius: 5px;
1417 746 }
1418 -
1419 -.qcl-openai label.form-check-label span {
1420 - font-size: 12px;
747 +a.wpchatbot-Upgrade {
748 + background: #f0ad4e;
749 + padding: 8px;
750 + border-radius: 5px;
751 + font-size: 15px;
752 + text-transform: uppercase;
753 + color: #fff;
1421 754 }
1422 -
1423 -.qcl-openai label.form-check-label span.pro-badge {
1424 - font-size: 9px;
1425 - font-weight: 400;
1426 - color: #ffffff;
1427 - background: #5B4E96;
1428 - border-radius: 20px;
1429 - padding: 2px 8px;
1430 - margin-left: 5px;
1431 - text-transform: uppercase;
1432 - text-indent: initial;
1433 - line-height: 16px;
755 +a.wpchatbot-Upgrade:hover {
756 +background: #337ab7;
757 +text-decoration:none;
758 +color: #fff;
1434 759 }
1435 -
1436 -.qcl-openai a#save_setting {
1437 - margin: 0 0 0 0;
760 +a.wpbot_free_messenger_adds {
761 + background: #f0ad4e !important;
762 + color: #000 !important;
1438 763 }
1439 764
1440 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]+label {
1441 - position: relative;
1442 - width: 18px;
1443 - height: 18px;
1444 - border: 2px solid #5b4e96;
1445 - border-radius: 4px;
1446 - top: 0;
1447 - left: 0;
1448 - transform: translate(0%, 0%);
1449 - transition: all ease-out 200ms;
1450 - text-indent: 28px;
1451 - white-space: nowrap;
1452 - color: #555;
1453 - -webkit-user-select: none;
1454 - -moz-user-select: none;
1455 - -ms-user-select: none;
1456 - user-select: none;
1457 - display: flex;
1458 - align-items: center;
1459 - margin-bottom: 0;
1460 - line-height: 30px;
765 +a.wpbot_free_messenger_adds:hover {
766 + background: #337ab7 !important;
767 + color: #fff !important;
1461 768 }
1462 769
1463 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]+label:after {
1464 - content: "";
1465 - position: absolute;
1466 - width: 0px;
1467 - height: 8px;
1468 - border-bottom: 3px solid #22b573;
1469 - border-left: 3px solid #22b573;
1470 - top: 25%;
1471 - left: 50%;
1472 - transform-origin: bottom left;
1473 - transform: rotate(-45deg);
1474 - opacity: 0;
1475 - transition: all ease-out 200ms;
770 +.cxsc-settings-blocks-notic p {
771 + font-size: 14px;
772 + line-height: 28px;
1476 773 }
1477 -
1478 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label {
1479 - border: 2px solid #22b573;
774 +.cxsc-settings-blocks-notic {
775 + box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
776 + padding: 12px;
777 + margin: 0 0 20px 0;
778 + border-radius: 6px;
779 + border: 1px solid #8c8f949c;
1480 780 }
1481 -
1482 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label:after {
1483 - opacity: 1;
1484 - width: 22px;
781 +.cxsc-settings_openai_border{
782 + border-bottom: 1px solid #4d565f;
1485 783 }
1486 -
1487 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox] {
1488 - display: none;
784 +.cxsc-settings-blocks-addon{
785 + box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
786 + padding: 12px;
787 + margin: 0 0 20px 0;
788 + border-radius: 6px;
789 + border: 1px solid #8c8f949c;
790 + font-size: 15px;
791 + line-height: 25px;
792 + width: 75%;
1489 793 }
1490 794
1491 795
1492 -.qcl-openai div#wp-chatbot-openrouter-settings .form-check {
1493 - margin-bottom: 15px;
1494 - border: 1px solid #E5E6F2;
1495 - padding: 12px 12px;
1496 - border-radius: 8px;
796 +.wp-chatbot-tabs-style-flip .cxsc-settings_openai_border span.wpwbot-admin-tab-icon {
797 + width: 25px;
798 + font-size: 16px;
1497 799 }
1498 -
1499 -.qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span {
1500 - font-size: 12px;
800 +.wp-chatbot-tabs-style-flip .cxsc-settings_openai_border span {
801 + display: inline-block;
802 + padding-right: 5px;
1501 803 }
1502 804
1503 -.qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span.pro-badge {
1504 - font-size: 9px;
1505 - font-weight: 400;
1506 - color: #ffffff;
1507 - background: #5B4E96;
1508 - border-radius: 20px;
1509 - padding: 2px 8px;
1510 - margin-left: 5px;
1511 - text-transform: uppercase;
1512 - text-indent: initial;
1513 - line-height: 16px;
1514 -}
805 +/**************** open AI *********************/
1515 806
1516 -.qcl-openai div#wp-chatbot-openrouter-settings a#save_setting {
1517 - margin: 0 0 15px 0;
807 +.admin-maxwith{
808 + max-width: 1100px !important;
809 + padding: 0;
1518 810 }
1519 -
1520 -#qcld_save_openrouter_setting {
1521 - margin: 0 0 15px 0;
811 +.rl-col-custom{
812 + flex: 0 0 auto;
813 + width: 26px !important;
1522 814 }
1523 815
1524 816
1525 -div#openrouter-settings .tab-content {
1526 - padding: 0 12px 0 12px;
1527 - width: 100%;
817 +.qc_openai_addon_settings_options{
818 + background: #fff;
819 + padding: 20px;
820 + margin: 20px 0;
821 + -webkit-border-radius: 10px;
822 + border-radius: 10px;
1528 823 }
1529 824
1530 -.qcl-openai .accordion {
1531 - padding: 0 0 0 15px;
825 +.qcl-openai body {
826 + margin: 0;
827 + font-family: var(--bs-font-sans-serif);
828 + font-size: 1rem;
829 + font-weight: 400;
830 + line-height: 1.5;
831 + color: #212529;
832 + background-color: #fff;
833 + -webkit-text-size-adjust: 100%;
834 + -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1532 835 }
1533 -
1534 -.qcl-openai .card-body-openrouter {
1535 - padding: 0 15px 0 15px;
836 +.qcl-openai hr {
837 + margin: 1rem 0;
838 + color: inherit;
839 + background-color: currentColor;
840 + border: 0;
841 + opacity: 0.25;
1536 842 }
1537 843
1538 -
1539 -.admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container h4 {
1540 - width: 365px;
844 +.qcl-openai h4{
845 + font-size: 1.5rem;
1541 846 }
1542 -
1543 -.admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container select {
1544 - display: none;
847 +.qcl-openai h4 {
848 + margin-top: 0;
849 + margin-bottom: 0.5rem;
850 + font-weight: 500;
851 + line-height: 1.2;
852 + font-size: calc(1.275rem + 0.3vw);
1545 853 }
1546 854
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 855
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;
856 +.qcl-openai table {
857 + width: 100%;
858 + margin: 20px 0 0 0;
1562 859 }
1563 -
1564 -.avatar-location-cards {
1565 - display: inline-flex;
1566 - gap: 0;
1567 - background: #F3F4F6;
1568 - border-radius: 10px;
1569 - padding: 4px;
860 +.qcl-openai td {
861 + border-width: 1px;
862 + padding: 10px 7px;
1570 863 }
1571 -
1572 -.avatar-location-card {
1573 - display: flex;
1574 - align-items: center;
1575 - gap: 6px;
1576 - padding: 8px 18px;
1577 - border-radius: 8px;
864 +.qcl-openai a {
1578 865 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 866 }
1587 867
1588 -.avatar-location-card:hover {
1589 - color: #374151;
1590 - background: #E5E7EB;
868 +.qcl-openai .gx-0 {
869 + --bs-gutter-x: 0;
1591 870 }
1592 -
1593 -.avatar-location-card.active {
1594 - background: #ffffff;
1595 - color: #111827;
1596 - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
871 +.qcl-openai .row {
872 + display: flex;
873 + flex-wrap: wrap;
874 + margin-top: calc(var(--bs-gutter-y) * -1);
875 + margin-right: calc(var(--bs-gutter-x) * -.5);
876 + margin-left: calc(var(--bs-gutter-x) * -.5);
1597 877 }
1598 878
1599 -.avatar-location-card svg {
1600 - flex-shrink: 0;
1601 - color: inherit;
1602 -}
879 +@media (min-width: 576px){
880 + .qcl-openai .p-sm-3 {
881 + padding: 1rem !important;
882 + }
1603 883
1604 -.avatar-location-card.active svg {
1605 - color: #4B5563;
1606 884 }
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;
885 +/*.qcl-openai .bg-dark {
886 + background-color: #212529 !important;
887 +}*/
888 +.qcl-openai .row > {
889 + flex-shrink: 0;
890 + width: 100%;
891 + max-width: 100%;
892 + padding-right: 20px;
893 + padding-left: 20px;
894 + margin-top: var(--bs-gutter-y);
1614 895 }
1615 896
1616 -.ai-provider-cards {
1617 - display: flex;
1618 - gap: 12px;
1619 - flex-wrap: wrap;
1620 - padding: 4px 0;
1621 -}
897 +@media (min-width: 576px){
898 + .qcl-openai .p-sm-4 {
899 + padding: 1.5rem !important;
900 + }
1622 901
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 902 }
903 +@media (min-width: 576px){
904 + .qcl-openai .col-sm-10 {
905 + flex: 0 0 auto;
906 + width: 83.33333333%;
907 + }
1639 908
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 909 }
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);
910 +.qcl-openai .row > * {
911 + flex-shrink: 0;
912 + width: 100%;
913 + max-width: 100%;
914 + padding-right: calc(var(--bs-gutter-x) * .5);
915 + padding-left: calc(var(--bs-gutter-x) * .5);
916 + margin-top: var(--bs-gutter-y);
1651 917 }
1652 918
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 -}
919 +/*.qcl-openai .bg-dark {
920 + background-color: #212529 !important;
921 +}*/
922 +@media (min-width: 576px){
923 + .qcl-openai .p-sm-3 {
924 + padding: 1rem !important;
925 + }
1662 926
1663 -.ai-provider-card.active .ai-provider-check {
1664 - opacity: 1;
1665 - transform: scale(1);
1666 927 }
1667 -
1668 -.ai-provider-icon {
1669 - width: 40px;
1670 - height: 40px;
1671 - display: flex;
1672 - align-items: center;
1673 - justify-content: center;
928 +/*.qcl-openai .bg-dark {
929 + background-color: #212529 !important;
930 +}*/
931 +.qcl-openai .ms-auto {
932 + margin-left: auto !important;
1674 933 }
1675 -
1676 -.ai-provider-icon svg {
1677 - width: 32px;
1678 - height: 32px;
934 +.qcl-openai .row > * {
935 + flex-shrink: 0;
936 + width: 100%;
937 + max-width: 100%;
938 + padding-right:20px;
939 + padding-left: 20px;
940 + margin-top: var(--bs-gutter-y);
1679 941 }
1680 942
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;
943 +.qcl-openai [type=button]:not(:disabled) {
944 + cursor: pointer;
1688 945 }
1689 -
1690 -.ai-provider-card.active .ai-provider-name {
1691 - color: #1E40AF;
946 +.qcl-openai button:not(:disabled) {
947 + cursor: pointer;
1692 948 }
1693 -
1694 -
1695 -.admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-openai-training-model .row.my-4 {
1696 - font-size: 15px;
1697 - display: flex;
1698 - width: 100%;
1699 - align-items: center;
1700 - justify-content: center;
1701 - min-height: 420px;
1702 - text-align: center;
949 +.qcl-openai .mb-3 {
950 + margin-bottom: 1rem !important;
1703 951 }
1704 952
1705 -.admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-data_post_converter .row.my-4 {
1706 - font-size: 16px;
1707 - display: flex;
1708 - width: 100%;
1709 - align-items: center;
1710 - justify-content: center;
1711 - min-height: 420px;
1712 - text-align: center;
953 +.qcl-openai .my-4 {
954 + margin-top: 1.5rem !important;
955 + margin-bottom: 1.5rem !important;
1713 956 }
1714 -
1715 -.admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-img_generator .row.my-4 {
1716 - font-size: 16px;
1717 - display: flex;
1718 - width: 100%;
1719 - align-items: center;
1720 - justify-content: center;
1721 - min-height: 420px;
1722 - text-align: center;
957 +.qcl-openai .form-switch {
958 + padding-left: 2.5em;
1723 959 }
1724 -
1725 -.admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-content_writer .row.my-4 {
1726 - font-size: 16px;
1727 - display: flex;
1728 - width: 100%;
1729 - align-items: center;
1730 - justify-content: center;
1731 - min-height: 420px;
1732 - text-align: center;
960 +.qcl-openai .form-check {
961 + display: block;
962 + min-height: 1.5rem;
963 + padding-left: 1.5em;
964 + margin-bottom: 0.125rem;
1733 965 }
1734 966
1735 -
1736 -.qcld-wrap.swpm-admin-menu-wrap {
1737 - display: flex;
1738 - margin: 15px 0;
967 +@media (min-width: 576px) {
968 +.qcl-openai .p-sm-0 {
969 + padding: 0 !important;
1739 970 }
1740 -
1741 -.qcld_help_wppt_nav_container {
1742 - display: flex;
1743 - flex-direction: column;
1744 - width: 320px;
1745 - background: #fff;
1746 - border-radius: 16px;
1747 - margin: 0 20px 0 0;
1748 971 }
1749 -
1750 -.content_qcbot_help_secion {
1751 - position: relative;
1752 - width: 79%;
1753 - display: block;
1754 - background: #fff;
1755 - border-radius: 16px;
1756 - padding: 15px 20px;
972 +.qcl-openai .card-body {
973 + flex: 1 1 auto;
974 + padding: 1rem 1rem;
1757 975 }
1758 976
1759 -.qcld_help_wppt_nav_container a {
1760 - margin: 2px 10px;
977 +.qcl-openai .card {
978 + position: relative;
979 + display: -webkit-box;
980 + display: -ms-flexbox;
981 + display: flex;
982 + padding: 0 !important;
983 + max-width: 100% !important;
984 + margin-top: 0px;
985 + -webkit-box-orient: vertical;
986 + -webkit-box-direction: normal;
987 + -ms-flex-direction: column;
988 + flex-direction: column;
989 + min-width: 0;
990 + word-wrap: break-word;
991 + background-color: #fff;
992 + background-clip: border-box;
993 + border: 1px solid rgba(0,0,0,.125);
994 + border-radius: 0.25rem;
1761 995 }
1762 996
1763 -.qcld_help_wppt_nav_container a {
1764 - margin: 2px 10px;
1765 - font-size: 15px;
1766 - font-weight: 500;
1767 - border: none;
1768 - padding: 14px 20px !important;
1769 - display: flex;
1770 - align-items: center;
1771 - gap: 15px;
1772 -}
1773 997
1774 -.qcld_help_wppt_nav_container a:hover {
1775 - margin: 2px 10px;
1776 - font-size: 15px;
1777 - font-weight: 500;
1778 - border: none;
1779 - background: #5b4e96;
1780 - color: #fff;
1781 - padding: 14px 20px !important;
1782 - display: flex;
1783 - align-items: center;
1784 - gap: 15px;
998 +.qcl-openai .card-header:first-child {
999 + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
1785 1000 }
1786 -
1787 -.content_qcbot_help_secion .panel-default>.panel-heading {
1788 - color: #333;
1789 - background-color: #f5f5f5;
1790 - border-color: #5B4E96;
1791 - background: #fff !important;
1792 - color: #5B4E96 !important;
1793 - text-decoration: none !important;
1794 - border-radius: 8px;
1795 - border: 2px solid #5B4E96;
1796 - padding: 0;
1001 +.qcl-openai .py-sm-4 {
1002 + padding-top: 1.5rem !important;
1003 + padding-bottom: 1.5rem !important;
1797 1004 }
1798 -
1799 -
1800 -.content_qcbot_help_secion .panel-default>.panel-heading:hover {
1801 - background: #5B4E96 !important;
1802 - color: #ffffff !important;
1803 - text-decoration: none !important;
1804 - border-radius: 8px;
1005 +.qcl-openai .bg-dark {
1006 + background-color: #212529 !important;
1805 1007 }
1806 -
1807 -
1808 -.content_qcbot_help_secion .panel-default>.panel-heading:hover a{
1809 - color: #ffffff !important;
1008 +.qcl-openai .text-white {
1009 + color: #fff !important;
1810 1010 }
1811 -.content_qcbot_help_secion .panel-default {
1812 - border-color: #dddddd00;
1813 - margin-bottom: 10px;
1011 +.qcl-openai .border-0 {
1012 + border: 0 !important;
1814 1013 }
1815 -
1816 -.content_qcbot_help_secion .panel-title a {
1817 - padding: 10px 15px;
1818 - display: block;
1819 - position: relative;
1820 - display: block;
1821 - padding: 15px 12px;
1822 - font-size: 16px;
1823 - font-weight: bold;
1824 - color: #5B4E96;
1014 +.qcl-openai .card-header {
1015 + padding: 0.75rem 1.25rem;
1016 + margin-bottom: 0;
1017 + background-color: rgba(0,0,0,.03);
1018 + border-bottom: 1px solid rgba(0,0,0,.125);
1825 1019 }
1826 -
1827 -.content_qcbot_help_secion p {
1828 - font-size: 15px;
1020 +.qcl-openai .card-header h2{
1021 + margin-top: 0 !important;
1022 + margin-bottom: 0 !important;
1829 1023 }
1830 -
1831 -.content_qcbot_help_secion .panel-title a.collapsed:after {
1832 - content: "\f10f";
1833 - position: absolute;
1834 - right: 18px;
1835 - top: 12px;
1836 - font-family: dashicons;
1837 - font-size: 24PX;
1838 - font-weight: normal;
1024 +.qcl-openai #wp-chatbot-openai-training-model{
1025 + padding-top: 20px;
1026 + padding-bottom: 20px;
1839 1027 }
1840 -
1841 -.content_qcbot_help_secion .panel-title a:after {
1842 - content: "\f14f";
1843 - position: absolute;
1844 - right: 18px;
1845 - top: 12px;
1846 - font-family: dashicons;
1847 - font-size: 24PX;
1848 - font-weight: normal;
1028 +.qcl-openai .form-check {
1029 + display: block;
1030 + min-height: 1.5rem;
1031 + padding-left: 1.5em;
1032 + margin-bottom: 0.125rem;
1849 1033 }
1850 -
1851 -
1852 -.content_qcbot_help_secion .panel-default>.panel-heading+.panel-collapse>.panel-body {
1853 - border-top-color: transparent;
1854 - background: linear-gradient(181deg, #ffffff 70%, #e9e4ff 96%);
1855 - border-radius: 16px;
1856 - border: 1px solid #eee;
1857 - margin: 8px 0 0 0;
1858 - padding: 20px 15px;
1034 +.qcl-openai .form-check .form-check-input {
1035 + float: left;
1036 + margin-left: -1.5em;
1859 1037 }
1860 -
1861 -.content_qcbot_help_secion .panel {
1862 - box-shadow: none;
1038 +.qcl-openai .form-check-input {
1039 + width: 1em;
1040 + height: 1em;
1041 + margin-top: 0.25em;
1042 + vertical-align: top;
1043 + background-color: #fff;
1044 + background-repeat: no-repeat;
1045 + background-position: center;
1046 + background-size: contain;
1047 + border: 1px solid rgba(0, 0, 0, 0.25);
1048 + -webkit-appearance: none;
1049 + -moz-appearance: none;
1050 + appearance: none;
1051 + -webkit-print-color-adjust: exact;
1052 + color-adjust: exact;
1863 1053 }
1864 -
1865 -.qcbot_help_secion h3 {
1866 - font-size: 16px;
1867 - font-weight: bold;
1054 +.qcl-openai .form-check-input:active {
1055 + filter: brightness(90%);
1868 1056 }
1869 -
1870 -.qcbot_help_secion ul li {
1871 - list-style: inside;
1057 +.qcl-openai .form-check-input:focus {
1058 + border-color: #86b7fe;
1059 + outline: 0;
1060 + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
1872 1061 }
1873 -
1874 -.notice.is-dismissible.qcbot-str-top-notic {
1875 - width: 98.7%;
1062 +.qcl-openai .form-check-input:checked {
1063 + background-color: #0d6efd;
1064 + border-color: #0d6efd;
1876 1065 }
1877 -
1878 -.qcld-main-wrapper {
1879 - margin: 10px 0px 0 2px !important;
1066 +.qcl-openai .form-check-input:checked[type=checkbox] {
1067 + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
1880 1068 }
1881 -
1882 -.content_qcbot_help_secion .section-container {
1883 - display: flex;
1884 - gap: 30px;
1069 +.qcl-openai .form-check-input:checked[type=radio] {
1070 + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
1885 1071 }
1886 -
1887 -.content-wrap .section-container {
1888 - display: flex;
1889 - gap: 30px;
1072 +.qcl-openai .form-check-input:disabled {
1073 + pointer-events: none;
1074 + filter: none;
1075 + opacity: 0.5;
1890 1076 }
1891 -
1892 -.wpbot_statistics_area h2 {
1893 - font-size: 22px;
1894 - font-weight: bold;
1077 +.qcl-openai .form-check-input:disabled ~ .form-check-label {
1078 + opacity: 0.5;
1895 1079 }
1896 -
1897 -
1898 -section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover a {
1899 - color: #fff;
1080 +.qcl-openai .form-check-input[type=checkbox] {
1081 + border-radius: 0.25em;
1900 1082 }
1901 -
1902 -.qcld-main-wrapper a {
1903 - text-decoration: none !important;
1083 +.qcl-openai .form-check-input[type=checkbox]:indeterminate {
1084 + background-color: #0d6efd;
1085 + border-color: #0d6efd;
1086 + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
1904 1087 }
1905 -
1906 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1907 - text-decoration: none;
1088 +.qcl-openai .form-check-input[type=radio] {
1089 + border-radius: 50%;
1908 1090 }
1909 -
1910 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link:hover {
1911 - font-weight: bold;
1912 - display: block;
1913 - padding: 15px 12px;
1914 - font-size: 16px;
1915 - color: #fff;
1916 - background: #5B4E96;
1917 - width: 100%;
1918 - text-align: left;
1091 +.qcl-openai .form-check-input[disabled] ~ .form-check-label {
1092 + opacity: 0.5;
1919 1093 }
1920 -
1921 -.content-wrap .qcld-seo-help-feature ul {
1922 - background: linear-gradient(178deg, #ffffff 70%, #e9e4ff 96%);
1923 - border-radius: 6px;
1924 - padding: 5px 8px;
1925 - border: 1px solid #eee;
1094 +.qcl-openai .form-switch {
1095 + padding-left: 2.5em;
1926 1096 }
1927 -
1928 -.wp-chatbot-tabs nav ul li a {
1929 - color: #695d99;
1097 +.qcl-openai .form-switch .form-check-input {
1098 + width: 2em;
1099 + margin-left: -2.5em;
1100 + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
1101 + background-position: left center;
1102 + border-radius: 2em;
1103 + transition: background-position 0.15s ease-in-out;
1930 1104 }
1931 -
1932 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a {
1933 - color: #695d99;
1105 +.qcl-openai .form-switch .form-check-input:focus {
1106 + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
1934 1107 }
1935 -
1936 -
1937 -.qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab {
1938 - float: left;
1939 - border: 1px solid #c3c4c7;
1940 - border-bottom: 1px;
1941 - margin-left: .5em;
1942 - font-size: 16px;
1943 - line-height: 1.71428571;
1944 - font-weight: 600;
1945 - background: #ffffff;
1946 - color: #5b4e96;
1947 - text-decoration: none;
1948 - white-space: nowrap;
1949 - border: 1px solid #5b4e96;
1950 - padding: 14px 20px !important;
1951 - line-height: normal !important;
1952 - border-radius: 6px;
1953 -
1108 +.qcl-openai .form-switch .form-check-input:checked {
1109 + background-position: right center;
1110 + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
1954 1111 }
1955 -
1956 -.qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab:hover, .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab.nav-tab-active {
1957 - float: left;
1958 - border: 1px solid #c3c4c7;
1959 - border-bottom: 1px;
1960 - margin-left: .5em;
1961 - font-size: 16px;
1962 - line-height: 1.71428571;
1963 - font-weight: 600;
1964 - background: #5b4e96;
1965 - color: #fff;
1966 - text-decoration: none;
1967 - white-space: nowrap;
1968 - border: 1px solid #5b4e96;
1969 - padding: 14px 20px !important;
1970 - line-height: normal !important;
1971 -
1112 +.qcl-openai .form-check-inline {
1113 + display: inline-block;
1114 + margin-right: 1rem;
1972 1115 }
1973 -
1974 -.qcld_label_width_full{
1975 - width: 100% !important;
1116 +.qcl-openai .form-check-inline .form-check-input ~ .valid-feedback {
1117 + margin-left: 0.5em;
1976 1118 }
1977 -.cxsc-settings-blocks-font-resize{
1978 - font-size: 14px !important;
1119 +.qcl-openai .form-check-inline .form-check-input ~ .invalid-feedback {
1120 + margin-left: 0.5em;
1979 1121 }
1980 1122
1981 -.qcld_thumbnail_theme_prev label{
1982 - width: 100% !important;
1983 - position: relative;
1984 - text-align: center;
1123 +.qcl-openai .form-range {
1124 + width: 100%;
1125 + height: 1.5rem;
1126 + padding: 0;
1127 + background-color: transparent;
1128 + -webkit-appearance: none;
1129 + -moz-appearance: none;
1130 + appearance: none;
1985 1131 }
1986 -
1987 -button.swal2-confirm.btn.btn-lg.swal2-styled {
1988 - padding: 14px 20px;
1989 - width: 100%;
1990 - font-size: 16px;
1991 - font-weight: 500;
1992 - color: #988FBD;
1993 - border-radius: 8px;
1994 - position: relative;
1995 - display: flex;
1996 - align-items: center;
1997 - gap: 15px;
1998 - background: #5B4E96;
1999 - color: #ffffff;
2000 - text-decoration: none;
2001 - border-color: #5b4e96 !important;
1132 +.qcl-openai .form-range:focus {
1133 + outline: 0;
2002 1134 }
2003 -
2004 -
2005 -
2006 -
2007 -
2008 -
2009 -
2010 -
2011 -
2012 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label {
2013 - position: relative;
2014 - width: 18px;
2015 - height: 18px;
2016 - border: 2px solid #5b4e96;
2017 - border-radius: 4px;
2018 - top: 0;
2019 - left: 0;
2020 - transform: translate(0%, 0%);
2021 - transition: all ease-out 200ms;
2022 - text-indent: 28px;
2023 - font: normal normal 30px / 60px "Helvetica";
2024 - white-space: nowrap;
2025 - color: #555;
2026 - -webkit-user-select: none;
2027 - -moz-user-select: none;
2028 - -ms-user-select: none;
2029 - user-select: none;
2030 - display: flex;
2031 - align-items: center;
1135 +.qcl-openai .form-range:focus::-webkit-slider-thumb {
1136 + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2032 1137 }
2033 -
2034 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label:after {
2035 - content: "";
2036 - position: absolute;
2037 - width: 0px;
2038 - height: 8px;
2039 - border-bottom: 3px solid #22b573;
2040 - border-left: 3px solid #22b573;
2041 - top: 25%;
2042 - left: 50%;
2043 - transform-origin: bottom left;
2044 - transform: rotate(-45deg);
2045 - opacity: 0;
2046 - transition: all ease-out 200ms;
1138 +.qcl-openai .form-range:focus::-moz-range-thumb {
1139 + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2047 1140 }
2048 -
2049 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label {
2050 - border: 2px solid #22b573;
1141 +.qcl-openai .form-range::-moz-focus-outer {
1142 + border: 0;
2051 1143 }
2052 -
2053 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label:after {
2054 - opacity: 1;
2055 - width: 22px;
1144 +.qcl-openai .form-range::-webkit-slider-thumb {
1145 + width: 1rem;
1146 + height: 1rem;
1147 + margin-top: -0.25rem;
1148 + background-color: #0d6efd;
1149 + border: 0;
1150 + border-radius: 1rem;
1151 + -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1152 + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1153 + -webkit-appearance: none;
1154 + appearance: none;
2056 1155 }
2057 -
2058 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox] {
2059 - display: none;
1156 +.qcl-openai .form-range::-webkit-slider-thumb:active {
1157 + background-color: #b6d4fe;
2060 1158 }
2061 -
2062 -.cxsc-settings_openai_border {
2063 - margin-bottom: 6px;
1159 +.qcl-openai .form-range::-webkit-slider-runnable-track {
1160 + width: 100%;
1161 + height: 0.5rem;
1162 + color: transparent;
1163 + cursor: pointer;
1164 + background-color: #dee2e6;
1165 + border-color: transparent;
1166 + border-radius: 1rem;
2064 1167 }
2065 -
2066 -div#wp-chatbot-custom-color-options .top-section .row .cxsc-settings-blocks {
2067 - padding-top: 0;
1168 +.qcl-openai .form-range::-moz-range-thumb {
1169 + width: 1rem;
1170 + height: 1rem;
1171 + background-color: #0d6efd;
1172 + border: 0;
1173 + border-radius: 1rem;
1174 + -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1175 + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1176 + -moz-appearance: none;
1177 + appearance: none;
2068 1178 }
2069 -
2070 -div#wp-chatbot-post-converter ul.checkbox-list {
2071 - display: flex;
2072 - flex-wrap: wrap;
2073 - gap: 6px;
1179 +.qcl-openai .form-range::-moz-range-thumb:active {
1180 + background-color: #b6d4fe;
2074 1181 }
2075 -div#wp-chatbot-post-converter ul.checkbox-list .form-check.form-check-inline {
2076 - display: inline-block;
2077 - min-width: 290px;
2078 - margin: 0;
1182 +.qcl-openai .form-range::-moz-range-track {
1183 + width: 100%;
1184 + height: 0.5rem;
1185 + color: transparent;
1186 + cursor: pointer;
1187 + background-color: #dee2e6;
1188 + border-color: transparent;
1189 + border-radius: 1rem;
2079 1190 }
2080 -
2081 -
2082 -
2083 -div#wp-chatbot-show-pages-list ul.checkbox-list {
2084 - display: flex;
2085 - flex-wrap: wrap;
2086 - gap: 6px;
1191 +.qcl-openai .form-range:disabled {
1192 + pointer-events: none;
2087 1193 }
2088 -
2089 -div#wp-chatbot-exclude-post-list ul.checkbox-list {
2090 - display: flex;
2091 - flex-wrap: wrap;
2092 - gap: 6px;
1194 +.qcl-openai .form-range:disabled::-webkit-slider-thumb {
1195 + background-color: #adb5bd;
2093 1196 }
2094 -
2095 -
2096 -div#wp-chatbot-show-pages-list ul.checkbox-list li{
2097 - display: inline-block;
2098 - min-width: 310px;
2099 - margin: 0;
1197 +.qcl-openai .form-range:disabled::-moz-range-thumb {
1198 + background-color: #adb5bd;
2100 1199 }
2101 1200
2102 -div#wp-chatbot-exclude-post-list ul.checkbox-list li{
2103 - display: inline-block;
2104 - min-width: 310px;
2105 - margin: 0;
1201 +.qcl-openai .text-end {
1202 + text-align: right !important;
2106 1203 }
2107 -#rotationloader
2108 - {
2109 - display: none;
2110 - rotate: initial;
2111 - -webkit-animation: rotation 2s infinite linear;
2112 -}
2113 1204
2114 -.docs_icon {
2115 -position: absolute;
2116 - top: 0;
2117 - bottom: 0;
2118 - left: 0;
2119 - right: 0;
2120 - z-index: 1;
2121 - text-align: center;
2122 - display: flex;
2123 - align-items: center;
2124 - justify-content: center;
2125 - background: #5b4e968f;
2126 - color: #ffffff;
2127 - font-size: 60px;
2128 - border-radius: 8px;
1205 +.qcl-openai .form-label {
1206 + margin-bottom: 0.5rem;
2129 1207 }
2130 -a.qcld-wp-chatbot-wrap--doc_logo {
2131 - text-decoration: none !important;
2132 - position: relative;
1208 +.qcl-openai .col-form-label {
1209 + padding-top: calc(0.375rem + 1px);
1210 + padding-bottom: calc(0.375rem + 1px);
1211 + margin-bottom: 0;
1212 + font-size: inherit;
1213 + line-height: 1.5;
2133 1214 }
2134 -.docs_icon span {
2135 - background: #5b4e96;
2136 - padding: 25px 25px;
2137 - border-radius: 50%;
2138 - font-size: 82px;
2139 - width: auto;
2140 - height: auto;
1215 +.qcl-openai .col-form-label-lg {
1216 + padding-top: calc(0.5rem + 1px);
1217 + padding-bottom: calc(0.5rem + 1px);
1218 + font-size: 1.25rem;
2141 1219 }
2142 1220
2143 -
2144 -/* .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
2145 - font-size: 18px;
2146 - display: block !important;
2147 -} */
2148 -
2149 -.lp-submenu-wpbot_openAi .swal2-actions button {
2150 - width: auto !important;
2151 - padding: 10px 40px !important;
2152 - line-height: normal !important;
1221 +.qcl-openai .col-8 {
1222 + flex: 0 0 auto;
1223 + width: 66.66666667%;
1224 + padding-left: 0px !important;
2153 1225 }
2154 -.lp-submenu-wpbot_openAi .swal2-actions {
2155 - display: flex;
2156 -}
2157 -.lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
2158 - font-size: 16px !important;
2159 - font-weight: 500 !important;
2160 -}
2161 1226
2162 -.wp-chatbot-wrap hr {
2163 - margin-top: 10px;
2164 - margin-bottom: 10px;
1227 +.qcl-openai .form-select {
1228 + display: block;
1229 + width: 100%;
1230 + padding: 0.375rem 2.25rem 0.375rem 0.75rem;
1231 + -moz-padding-start: calc(0.75rem - 3px);
1232 + font-size: 15px;
1233 + font-weight: 400;
1234 + line-height: 1.5;
1235 + color: #212529;
1236 + background-color: #fff;
1237 + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
1238 + background-repeat: no-repeat;
1239 + background-position: right 0.75rem center;
1240 + background-size: 16px 12px;
1241 + border: 1px solid #ced4da;
1242 + border-radius: 0.25rem;
1243 + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1244 + -webkit-appearance: none;
1245 + -moz-appearance: none;
1246 + appearance: none;
2165 1247 }
2166 -
2167 -
2168 -.wp-chatbot-wrap a.nav-tab.sld_click_handle {
2169 - margin-right: .5em;
2170 - line-height: 1.42857143;
2171 - border: 1px solid #5b4e96 !important;
2172 - border-radius: 6px !important;
2173 - border: 1px solid #5b4e96 !important;
2174 - padding: 10px 20px !important;
2175 - border-radius: 8px !important;
2176 - color: #5b4e96 !important;
2177 - font-size: 15px !important;
2178 - font-weight: 600;
2179 - line-height: normal !important;
2180 - background: #fff;
1248 +.qcl-openai .form-select:focus {
1249 + border-color: #86b7fe;
1250 + outline: 0;
1251 + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2181 1252 }
2182 -
2183 -.wp-chatbot-wrap a.nav-tab.sld_click_handle:hover, .wp-chatbot-wrap a.nav-tab.sld_click_handle.nav-tab-active{
2184 - margin-right: .5em;
2185 - line-height: 1.42857143;
2186 - border: 1px solid #5b4e96 !important;
2187 - border-radius: 6px !important;
2188 - border: 1px solid #5b4e96 !important;
2189 - padding: 10px 20px !important;
2190 - border-radius: 8px !important;
2191 - color: #fff !important;
2192 - font-size: 15px !important;
2193 - font-weight: 600;
2194 - line-height: normal !important;
2195 - background: #5b4e96;
1253 +.qcl-openai .form-select:disabled {
1254 + background-color: #e9ecef;
2196 1255 }
2197 -
2198 -
2199 -
2200 -
2201 -
2202 -
2203 -
2204 -
2205 -.swal2-actions {
2206 - display: flex;
2207 - z-index: 1;
2208 - box-sizing: border-box;
2209 - flex-wrap: wrap;
2210 - align-items: center;
2211 - justify-content: center;
2212 - width: 100%;
2213 - margin: 1.25em auto 0;
2214 - padding: 0;
1256 +.qcl-openai .form-select:-moz-focusring {
1257 + color: transparent;
1258 + text-shadow: 0 0 0 #212529;
2215 1259 }
2216 -button.swal2-deny.swal2-styled{
2217 - border: 0;
2218 - border-radius: .25em;
2219 - background: initial;
2220 - background-color: #d14529 !important;
2221 - color: #fff;
2222 - font-size: 1em;
2223 - padding: 14px 20px;
2224 - width: auto;
2225 - font-size: 16px;
2226 - font-weight: 500;
2227 - color: #988FBD;
2228 - border-radius: 8px;
2229 - position: relative;
2230 - display: flex;
2231 - align-items: center;
2232 - gap: 15px;
2233 - background: #d14529;
2234 - color: #ffffff;
2235 - text-decoration: none;
2236 - border-color: #5b4e96 !important;
1260 +.qcl-openai .form-select[multiple] {
1261 + padding-right: 0.75rem;
1262 + background-image: none;
2237 1263 }
2238 -
2239 -
2240 -button.swal2-confirm.btn.btn-lg.swal2-styled {
2241 - width: auto !important;
1264 +.qcl-openai .form-select[size]:not([size="1"]) {
1265 + padding-right: 0.75rem;
1266 + background-image: none;
2242 1267 }
2243 -
2244 -.chatbot-wpbot-lite_page_wpbot button.swal2-deny.swal2-styled {
2245 - display: none !important;
1268 +.qcl-openai .form-select-sm {
1269 + padding-top: 0.25rem;
1270 + padding-bottom: 0.25rem;
1271 + padding-left: 0.5rem;
1272 + font-size: 0.875rem;
2246 1273 }
2247 -a#qcld_save_openrouter_setting {
2248 - background: #5B4E96;
2249 - color: #ffffff;
2250 - border: none;
2251 - padding: 12px 30px;
1274 +.qcl-openai .form-select-lg {
1275 + padding-top: 0.5rem;
1276 + padding-bottom: 0.5rem;
1277 + padding-left: 1rem;
1278 + font-size: 1.25rem;
2252 1279 }
2253 1280
2254 -a#save_setting {
2255 - background: #5B4E96;
2256 - color: #ffffff;
2257 - border: none;
2258 - padding: 12px 30px;
1281 +.qcl-openai .card-footer:last-child {
1282 + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
2259 1283 }
2260 -
2261 -@media (max-width: 1280px) {
2262 -.content-wrap {
2263 - width: 50% !important;
1284 +.qcl-openai .py-sm-4 {
1285 + padding-top: 1.5rem !important;
1286 + padding-bottom: 1.5rem !important;
2264 1287 }
2265 1288
2266 -.wp-chatbot-admin-upgrade-pro-sidebar {
2267 -
2268 - width: 24% !important;
1289 +.p-sm-4{
1290 + border-left: 20px solid #000;
1291 + border-right: 20px solid #000;
1292 + padding-bottom: 20px;
1293 +}
1294 +.qcl-openai .col-4 {
1295 + flex: 0 0 auto;
1296 + width: 33.33333333%;
2269 1297 }
2270 -
1298 +.qcl-openai small{
1299 + font-size: 0.875em;
1300 + color:#3c434a;
1301 + font-weight: 300;
2271 1302 }
2272 -
2273 -@media (max-width: 992px) {
2274 -.wp-chatbot-tabs nav {
2275 - width: 100% !important;
2276 - margin-right: 0 !important;
1303 +.qcl-openai label{
1304 + color:#3c434a;
1305 + display: inline-block;
1306 + max-width: 100%;
1307 + margin-bottom: 5px;
1308 + font-weight: 700;
1309 +
2277 1310 }
2278 -.content-wrap {
2279 - width: 100% !important;
1311 +.qcl-openai .bg-dark {
1312 + background-color: #21252900 !important;
2280 1313 }
2281 -.wp-chatbot-admin-upgrade-pro-sidebar {
2282 - width: 100% !important;
2283 - margin: 0 0 0 0 !important;
1314 +.qcl-openai .card-header{
1315 + background-color: #212529 !important;
2284 1316 }
2285 -.wp-chatbot-tabs {
2286 - display: flex;
2287 - flex-wrap: wrap;
2288 - gap: 20px;
1317 +.qcl-openai .accordion .card-header{
1318 + background-color: #21252900 !important;
2289 1319 }
2290 -.admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
2291 - display: flex;
2292 - flex-wrap: wrap;
1320 +.qcl-openai .accordion .card-body {
1321 + border: 25px solid #21252900;
2293 1322 }
2294 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
2295 - width: 100%;
1323 +.qcl-openai .card-body {
1324 + flex: 1 1 auto;
1325 + padding: 1rem 1rem;
1326 + border: 25px solid #212529;
2296 1327 }
2297 -.qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2298 - padding: 12px 5px !important;
2299 -}
2300 -label.form-check-label span {
2301 - display: none;
2302 -}
2303 -.qc-review-text img {
2304 - width: 100%;
2305 -}
2306 1328
2307 -.content_qcbot_help_secion {
2308 - width: 100% !important;
1329 +.card-header button{
1330 + outline: none !important;
1331 + color: #3c434a;
1332 + font-weight: 700;
2309 1333 }
2310 -.qcld_help_wppt_nav_container {
2311 - width: 100% !important;
1334 +.qcl-openai .accordion .card .card-header{
1335 + margin: 8px 8px;
2312 1336 }
2313 -.qcld-wrap.swpm-admin-menu-wrap {
2314 - display: flex
2315 -;
2316 - margin: 15px 0;
2317 - flex-direction: column;
2318 - flex-wrap: wrap;
1337 +.qcl-openai .accordion .card {
1338 + border: none !important;
2319 1339 }
1340 +.qcl-openai .card-footer.bg-dark.text-white.py-sm-4.border-0 {
1341 + display: none;
2320 1342 }
2321 -
2322 -
2323 -@media (max-width: 640px) {
2324 -.qcld-wp-chatbot-wrap-header {
2325 - display: flex;
2326 - column-gap: 15px;
2327 - row-gap: 10px;
2328 - background: #fff;
2329 - padding: 15px 15px;
2330 - margin: 20px 20px 20px 0;
2331 - border-radius: 16px;
2332 - align-items: center;
2333 - justify-content: space-between;
2334 - flex-direction: column;
2335 -}
2336 -ul.qcld-wp-chatbot-wrap-version-wrapper {
1343 +.qcl-openai .nav>li>a {
1344 + position: relative;
2337 1345 display: block;
2338 - margin: 15px 0 15px 0;
1346 + padding: 15px 20px;
2339 1347 }
2340 -.qcld-wp-chatbot-wrap-header-doc {
2341 - display: flex
2342 -;
2343 - column-gap: 15px;
2344 - row-gap: 10px;
2345 - background: #fff;
2346 - padding: 15px 15px;
2347 - margin: 20px 20px 20px 0;
2348 - border-radius: 16px;
2349 - align-items: center;
2350 - justify-content: flex-start;
2351 - display: flex
2352 -;
2353 - background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
2354 - border-radius: 16px;
2355 - gap: 30px;
2356 - flex-direction: column;
1348 +.qcl-openai .card-header a{
1349 + outline: none;
2357 1350 }
2358 -.qcld-wp-chatbot-wrap-header-doc-details {
2359 - width: 100%;
1351 +.qcl-openai ul.nav.nav-tabs {
1352 + margin: 8px 0 0 18px;
2360 1353 }
2361 - .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2362 - padding: 12px 25px !important;
2363 - }
2364 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
2365 - display: inline-block;
2366 - width: 100%;
2367 -}
2368 -}
2369 -
2370 -.swal2-popup.swal2-modal.connection-modal button.swal2-deny.swal2-styled{display: none !important;}
2371 -.swal2-popup.swal2-modal.connection-modal .swal2-styled.swal2-confirm {
2372 - padding: 14px 20px;
2373 - width: auto;
2374 - font-size: 16px;
2375 - align-items: center;
2376 - gap: 15px;
2377 - background: #5B4E96;
2378 - color: #ffffff;
2379 - text-decoration: none;
2380 - border-color: #5b4e96 !important;
2381 -}
2382 -
2383 -.wrap.qcld-main-wrapper a:focus {
2384 - outline: none !important;
1354 +.qcl-openai a:focus {
1355 + outline: 0 !important;
2385 1356 outline-offset: 0 !important;
2386 - box-shadow: none !important;
2387 1357 }
2388 -
2389 -p.qc-opt-dcs-font-faq {
2390 - font-weight: bold;
1358 +.qcl-openai .nav-tabs>li.active>a, .qcl-openai .nav-tabs>li.active>a:focus, .qcl-openai .nav-tabs>li.active>a:hover {
1359 + color: #fff;
1360 + cursor: default;
1361 + background-color: #212529;
1362 + border: 1px solid #ddd;
1363 + border-bottom-color: transparent;
2391 1364 }
2392 -
2393 -
2394 -.qcld-general-settings-connection-notic {
2395 - background: #eee;
2396 - border: 2px solid #5b4e96;
2397 - border-radius: 8px;
2398 - margin: 0 0 15px 0;
2399 - padding: 12px;
2400 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
2401 - position: relative;
1365 +.qcl-openai .accordion .card-header {
1366 + background-color: #212529 !important;
1367 + color: #fff !important;
2402 1368 }
2403 -.qcld-general-settings-connection-notic p{
2404 - margin: 6px 0 6px 0;
2405 - padding: 0;
2406 - font-size: 15px;
2407 - font-weight: 500;
1369 +.qcl-openai .accordion .card-header button{
1370 +
1371 + color: #fff !important;
2408 1372 }
2409 -
2410 -
2411 -.qcld-general-settings-close {
2412 - position: absolute;
2413 - top: -10px;
2414 - right: 3px;
2415 - transition: all 200ms;
2416 - font-size: 30px;
2417 - font-weight: bold;
2418 - text-decoration: none;
2419 - color: #5b4e96;
1373 +.qcl-openai .tab-content {
1374 + padding: 0 0 20px 0;
2420 1375 }
2421 -.qcld-general-settings-close:hover {
2422 - color: orange;
1376 +.qcl-openai .table>tbody>tr>td, .qcl-openai .table>tbody>tr>th, .qcl-openai .table>tfoot>tr>td, .qcl-openai .table>tfoot>tr>th, .qcl-openai .table>thead>tr>td, .qcl-openai .table>thead>tr>th {
1377 + padding: 8px;
1378 + line-height: 1.42857143;
1379 + vertical-align: middle;
1380 + border-top: 1px solid #ddd;
2423 1381 }
2424 -#qcld-show-more-wrapper-box {
2425 - margin-top: 0;
2426 - position:relative;
1382 +.qcl-openai h4 {
1383 + margin-top: 20px;
1384 + margin-bottom: 0;
2427 1385 }
2428 -#qcld-show-more-wrapper-box .qcld-show-more-text {
2429 -/* width: 660px; */
2430 - margin-bottom: 5px;
2431 - padding: 0 0;
2432 - position:relative;
2433 - display: block;
1386 +
1387 +.qcl-openai .accordion .card-header button {
1388 + width: 100% !important;
1389 + text-align: justify !important;
1390 + padding: 15px 10px !important;
2434 1391 }
2435 -#qcld-show-more-wrapper-box .qcld-show-more-show-more {
2436 -color: #ffffff;
2437 - position: relative;
2438 - padding: 60px 0 0 0;
2439 - height: 60px;
2440 - text-align: center;
2441 - background: #f1f1f1;
2442 - cursor: pointer;
2443 - background: linear-gradient(to bottom, rgb(255 255 255 / 24%) 0%, rgb(188 174 255) 100%);
2444 - margin: -39px 0 0 0;
2445 - border-radius: 0 0 15px 15px;
2446 - z-index: 99999;
2447 - font-weight: bold;
1392 +.qcl-openai .card-header {
1393 + padding: 0 !important;
2448 1394 }
2449 1395
2450 -#qcld-show-more-wrapper-box .qcld-show-more-show-more-height {
2451 - height: 338px;
2452 - overflow:hidden;
2453 -}
2454 1396
2455 -#qcld-show-more-wrapper-box .qcld-show-more-show-more i {
2456 - display: block;
2457 - padding: 0 0 0 0;
2458 - background: #5b4e96;
2459 - width: 30px;
2460 - height: 30px;
2461 - line-height: 30px;
2462 - border-radius: 50%;
2463 - margin: -15px auto 0 auto;
2464 - font-size: 18px !important;
2465 - color: #fff;
2466 -}
2467 1397
2468 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]+label {
2469 - position: relative;
2470 - width: 18px;
2471 - height: 18px;
2472 - border: 2px solid #5b4e96;
2473 - border-radius: 4px;
2474 - top: 0;
2475 - left: 0;
2476 - transform: translate(0%, 0%);
2477 - transition: all ease-out 200ms;
2478 - text-indent: 28px;
2479 - white-space: nowrap;
2480 - color: #555;
2481 - -webkit-user-select: none;
2482 - -moz-user-select: none;
2483 - -ms-user-select: none;
2484 - user-select: none;
2485 - display: flex;
2486 - align-items: center;
2487 - margin-bottom: 0;
2488 - line-height: 30px;
2489 -}
1398 +.qcl-openai .form-switch input[type=checkbox] {
1399 + height: 25px;
1400 + width: 25px;
2490 1401
2491 -
2492 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]+label:after {
2493 - content: "";
2494 - position: absolute;
2495 - width: 0px;
2496 - height: 8px;
2497 - border-bottom: 3px solid #22b573;
2498 - border-left: 3px solid #22b573;
2499 - top: 25%;
2500 - left: 50%;
2501 - transform-origin: bottom left;
2502 - transform: rotate(-45deg);
2503 - opacity: 0;
2504 - transition: all ease-out 200ms;
2505 1402 }
1403 +.qcl-openai .form-switch input[type=checkbox]{
1404 + height: 15px;
1405 + width: 25px;
2506 1406
2507 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label {
2508 - border: 2px solid #22b573;
2509 1407 }
2510 -
2511 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label:after {
2512 - opacity: 1;
2513 - width: 22px;
1408 +.qcl-openai input[type=checkbox] + label {
1409 + margin: 0;
2514 1410 }
2515 -
2516 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox] {
2517 - display: none;
1411 +.qcl-openai div#wp-chatbot-post-converter {
1412 + min-height: auto;
2518 1413 }
2519 -
2520 -
2521 -.qcl-openai div#wp-chatbot-gemini-settings .form-check {
2522 - margin-bottom: 15px;
2523 - border: 1px solid #E5E6F2;
2524 - padding: 12px 12px;
2525 - border-radius: 8px;
1414 +.qcl-openai .my0-py25 {
1415 + margin-top: 0 !important;
1416 + margin-bottom: 0 !important;
1417 + padding: 25px 0;
2526 1418 }
2527 1419
2528 -.qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span {
2529 - font-size: 12px;
1420 +.qcl-openai .form-check-inline {
1421 + margin-bottom: 15px !important;
2530 1422 }
2531 -
2532 -.qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span.pro-badge {
2533 - font-size: 9px;
2534 - font-weight: 400;
2535 - color: #ffffff;
2536 - background: #5B4E96;
2537 - border-radius: 20px;
2538 - padding: 2px 8px;
2539 - margin-left: 5px;
2540 - text-transform: uppercase;
2541 - text-indent: initial;
2542 - line-height: 16px;
1423 +.qcl-openai form {
1424 + width: auto !important;
2543 1425 }
2544 1426
2545 -.qcl-openai div#wp-chatbot-gemini-settings a#save_setting {
2546 - margin: 0 0 15px 0;
1427 +.qcl-openai .form-check-inline {
1428 + padding-left: 15px !important;
2547 1429 }
2548 1430
2549 1431
2550 1432
2551 -span.qcls_openAI_customized {
2552 - background: yellow;
2553 -}
2554 -.admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
2555 - font-size: 16px;
2556 - line-height: 28px;
2557 -}
2558 -textarea#qcld_openai_system_content {
2559 - height: 120px;
2560 - line-height: 28px;
2561 -}
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 -.qcld-main-wrapper .alert.alert-warning {
2611 - background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96% 96%);
2612 - border-radius: 6px;
2613 - color: #721c24;
2614 - background: #f8d7da;
2615 - border-color: #f5c6cb;
2616 - font-weight: bold;
2617 -}
2618 -.qcld-wpbot-pricing-filter-form-check {
2619 - display: flex;
2620 - gap: 10px;
2621 -}
2622 1433
2623 -.qcld-dialogflow-enable-notice {
2624 - padding: 15px 0 15px 0;
2625 - color: red;
2626 - font-weight: bold;
1434 +#wp-chatbot-post-converter .form-check-inline input[type=checkbox]:checked::before {
1435 + height: 24px;
1436 + width: 24px;
2627 1437 }
2628 -
2629 -a#qcld_save_gemini_setting {
2630 - background: #5B4E96;
2631 - color: #ffffff;
2632 - border: none;
2633 - padding: 12px 30px;
1438 +#wp-chatbot-post-converter .form-check-inline input[type=checkbox], #wp-chatbot-post-converter .form-check-inline input[type=radio] {
1439 + height: 24px;
1440 + width: 24px;
1441 + min-width: 24px;
2634 1442 }
2635 -.card-body-gemini {
2636 - padding: 0 15px;
1443 +#wp-chatbot-post-converter input[type=checkbox]:focus{
1444 + outline: 0px auto -webkit-focus-ring-color !important;
1445 + outline-offset: 0px !important;
2637 1446 }
2638 1447
2639 -div#panelsStayOpen-collapseseven pre {
2640 - width: 100%;
2641 - display: block;
2642 - max-width: 1120px;
2643 -}
2644 1448
2645 -.card-body-gemini p {
2646 - font-size: 16px;
2647 - font-weight: bold;
2648 -}
2649 1449
2650 -.card-body-openrouter p{
2651 - font-size: 16px;
2652 - font-weight: bold;
1450 +.qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con {
1451 + padding: 15px 15px 15px 0px;
1452 + min-width: 15%;
1453 +display: inline-block;
2653 1454 }
2654 -div#wp-chatbot-openai-assistants p {
2655 - font-size: 16px;
2656 -}
2657 -button.btn{
2658 - outline: none !important;
2659 -}
2660 -button.btn:focus{
2661 - outline: none !important;
2662 -}
2663 -input:focus {
2664 - border-color: #e1dbff;
2665 - box-shadow: none !important;
2666 - outline: none !important;
2667 -}
2668 1455
2669 -.wp-chatbot-wrap .qc-opt-language-title{
2670 - font-weight: bold !important;
2671 - color: #5b4e96 !important;
2672 - font-size: 16px;
1456 +.qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con label{
1457 + display: block;
2673 1458 }
2674 1459
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 -
1460 +.qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con input[type=url],
1461 +.qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con input[type=text]{
1462 + width:100%;
2688 1463 }
2689 1464
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 -
1465 +.qcld-seohelp_ai_wrap {
1466 + padding: 15px;
2695 1467 }
2696 1468
2697 1469
2698 -@media (min-width: 993px) and (max-width: 1350px) {
2699 -.wp-chatbot-admin-upgrade-pro-sidebar {
2700 - width: 25%;
1470 +.qcld-seohelp ul.nav-tab-wrapper {
1471 + padding-left: 0px;
1472 + margin-top: 0;
2701 1473 }
2702 -}
2703 1474
2704 -.wp-chatbot-tabs nav ul li a span.dashicons {
2705 - font-size: 20px;
2706 - width: auto;
2707 - height: auto;
1475 +.qcld-seo-help .nav-tab-wrapper a.nav-tab{
1476 +background: #fff;
1477 +color: #50575e;
2708 1478 }
2709 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a span.dashicons {
2710 - font-size: 20px;
1479 +.qcld-seo-help .nav-tab-wrapper .ui-tabs-active a{
1480 +background: #6c757d;
1481 +outline: none;
1482 +color: #fff;
2711 1483 }
2712 1484
2713 -
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;
1485 +.qcld-seohelp.qcld-seohelp_ai_wrap .form-group label {
1486 + display: inline-block;
1487 + min-width: 35%;
1488 + max-width: 35%;
2720 1489 }
2721 1490
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;
1491 +.qcld_seo_lang_text {
1492 + width: 50%;
2728 1493 }
2729 1494
2730 -#qcld_check_connection i{
2731 - animation: rotation infinite 3s linear;
1495 +.text-center{
1496 + text-align: center;
2732 1497 }
2733 -
2734 -.wp-chatbot-wrap div#wp-chatbot-custom-color-options .form-group {
2735 - min-height: 90px;
1498 +.qcld_seo_generator_button .spinner{
1499 + display: none;
2736 1500 }
2737 -
2738 -div#promotion-wpchatbot .qc-review-text a {
2739 - display: block;
1501 +.button.qcld_seo_generator_stop{
1502 + display: none;
2740 1503 }
2741 -.qcld-wp-chatbot-wrap-header-logo {
2742 - display: flex;
2743 - align-items: center;
2744 - gap: 10px;
1504 +.qcld_seo-alert{
1505 + border: 1px solid #ccc;
1506 + padding: 10px;
1507 + margin-top: 10px;
1508 + border-radius: 5px;
1509 + background: #fff;
2745 1510 }
2746 -@keyframes rotation{
2747 - from{
2748 - transform:rotate(360deg);
2749 - }
2750 -
2751 - to{
2752 - transform:rotate(0deg);
2753 - }
1511 +.qcld_seo-alert h4{
1512 + font-size: 20px;
1513 + margin-top: 0;
1514 + margin-bottom: 10px;
1515 + color: #f00;
2754 1516 }
2755 -
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;
1517 +.qcld_seo-alert code{
1518 + margin-bottom: 5px;
1519 + display: inline-block;
1520 + border-radius: 4px;
2772 1521 }
2773 -div#wpfooter {
2774 - display: none;
1522 +.qcld_seo-alert p{
1523 + margin: 2px 0;
2775 1524 }
2776 -
2777 -.qcld-btn-primary {
2778 -
2779 - border: none;
1525 +.qcld_seo-alert-form{
1526 + margin-bottom: 10px;
2780 1527 }
2781 -
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;
1528 +.qcld_seo-alert-form p{
1529 + color: #f00;
1530 + font-size: 16px;
1531 + font-weight: bold;
2788 1532 }
2789 1533
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;
1534 +.qcld_image_grid{
1535 + display: flex;
1536 + flex-wrap: wrap;
1537 + flex-direction: row;
2796 1538 }
2797 1539
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;
1540 +.qcld_image-grid_wrap{
1541 + position: relative;
1542 + padding: 0px 0px;
1543 + margin: 5px 5px;
1544 + width: 32%;
1545 + overflow: hidden;
2811 1546 }
2812 1547
2813 -div#rag-settings h2.nav-tab-wrapper {
2814 - margin: 0;
2815 - padding: 0;
2816 - border: none;
1548 +.qcld_image-grid_wrap .qcld_image-item{
1549 + padding: 0px 0px;
1550 + margin: 0px 0px !important;
1551 + width: 100%;
2817 1552 }
2818 1553
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;
1554 +.qcld_image-grid_wrap .qcld_seo_download{
1555 + opacity: 0;
1556 + transition: opacity .3s;
1557 + position: absolute;
1558 + top: 0;
1559 + right: 0;
1560 + bottom: 0;
1561 + left: 0;
1562 + cursor: pointer;
1563 + background: rgba(0,0,0,.65);
1564 + color: #eee;
1565 + text-align: center;
1566 + font-size: 14px;
1567 + line-height: 1;
1568 + display: flex;
1569 + justify-content: center;
1570 + align-items: center;
1571 + flex-direction: column;
2824 1572 }
2825 1573
2826 -
2827 -
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;
2837 - 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;
1574 +.qcld_image-grid_wrap.uploading .qcld_seo_download,
1575 +.qcld_image-grid_wrap:hover .qcld_seo_download{
1576 + opacity: 1;
1577 + transition: ease 0.3s all;
2844 1578 }
2845 1579
2846 -div#rag-sync .wrap {
2847 - border: 1px solid #eee;
2848 - padding: 8px 12px;
2849 - border-radius: 6px;
1580 +.qcld_image-grid_wrap .qcld_seo_download img {
1581 + height: 40px;
1582 + opacity: .7;
2850 1583 }
2851 1584
2852 -
2853 -
2854 -div#qcld-rag-settings-tab .wrap:first-child {
2855 - border: 1px solid #eee;
2856 - padding: 8px 12px;
2857 - border-radius: 6px;
1585 +.qcld_seo-bulk-addition {
1586 + padding: 10px;
1587 + background: #e3e3e3;
1588 + border-radius: 5px;
1589 + border: 1px solid #ccc;
1590 + margin-left: 16px;
1591 + margin-bottom: 20px;
1592 + display: none;
1593 + max-width: 50%;
2858 1594 }
2859 1595
2860 -
2861 -.qcl-openai div#rag-database input[type=checkbox] {
2862 - display: block;
1596 +.qcld_seo-grid-three {
1597 + display: grid;
1598 + grid-template-columns: repeat(3,1fr);
1599 + grid-column-gap: 20px;
1600 + grid-row-gap: 20px;
1601 + grid-template-rows: auto auto;
2863 1602 }
2864 -
2865 -.tablenav-pages {
2866 - text-align: right;
2867 - padding: 8px 0;
1603 +.qcld-seohelp-input-field label.form-check-label.form-check-label {
1604 + margin: 0 0 0 20px;
1605 + position: relative;
1606 + cursor: pointer;
1607 + font-size: 12px;
1608 + float: left;
1609 + width: inherit !important;
2868 1610 }
2869 -button#botmaster_submit_sitemap_btn {
2870 - background: #5B4E96;
2871 - border-color: #5B4E96;
1611 +.qcld-seohelp-input-field label.form-check-label.form-check-label:before {
1612 + content: ' ';
1613 + position: absolute;
1614 + left: -35px;
1615 + top: -3px;
1616 + width: 25px;
1617 + height: 25px;
1618 + display: block;
1619 + background: white;
1620 + border: 1px solid #A9A9A9;
2872 1621 }
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;
2879 -}
2880 1622
2881 -.qcl-openai div#rag-settings h2.nav-tab-wrapper a:focus {
2882 - border: 1px solid #5b4e96 !important;
1623 +/* .qcld-seohelp-input-field input#qcld_article_heading_img {
1624 + width: 2em;
1625 + margin-left: -2.5em;
1626 + background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e) !important;
1627 + background-position: left center;
1628 + border-radius: 2em;
1629 + transition: background-position 0.15s ease-in-out;
1630 +} */
1631 +
1632 +.qcld-seohelp-input-field input[type=checkbox] + label::after {
1633 + content: ' ';
1634 + position: absolute;
1635 + left: -35px;
1636 + top: -3px;
1637 + width: 23px;
1638 + height: 23px;
1639 + display: block;
1640 + z-index: 1;
1641 + background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE4MS4yIDI3MyAxNyAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxODEuMiAyNzMgMTcgMTYiPjxwYXRoIGQ9Ik0tMzA2LjMgNTEuMmwtMTEzLTExM2MtOC42LTguNi0yNC04LjYtMzQuMyAwbC01MDYuOSA1MDYuOS0yMTIuNC0yMTIuNGMtOC42LTguNi0yNC04LjYtMzQuMyAwbC0xMTMgMTEzYy04LjYgOC42LTguNiAyNCAwIDM0LjNsMjMxLjIgMjMxLjIgMTEzIDExM2M4LjYgOC42IDI0IDguNiAzNC4zIDBsMTEzLTExMyA1MjQtNTI0YzctMTAuMyA3LTI1LjctMS42LTM2eiIvPjxwYXRoIGZpbGw9IiMzNzM3MzciIGQ9Ik0xOTcuNiAyNzcuMmwtMS42LTEuNmMtLjEtLjEtLjMtLjEtLjUgMGwtNy40IDcuNC0zLjEtMy4xYy0uMS0uMS0uMy0uMS0uNSAwbC0xLjYgMS42Yy0uMS4xLS4xLjMgMCAuNWwzLjMgMy4zIDEuNiAxLjZjLjEuMS4zLjEuNSAwbDEuNi0xLjYgNy42LTcuNmMuMy0uMS4zLS4zLjEtLjV6Ii8+PHBhdGggZD0iTTExODcuMSAxNDMuN2wtNTYuNS01Ni41Yy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTI1My41IDI1My41LTEwNi4yLTEwNi4yYy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTU2LjUgNTYuNWMtNS4xIDUuMS01LjEgMTIgMCAxNy4xbDExNC43IDExNC43IDU2LjUgNTYuNWM1LjEgNS4xIDEyIDUuMSAxNy4xIDBsNTYuNS01Ni41IDI2Mi0yNjJjNS4yLTMuNCA1LjItMTIgLjEtMTcuMXpNMTYzNC4xIDE2OS40bC0zNy43LTM3LjdjLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0xNjkuNSAxNjkuNS03MC4yLTcxLjljLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0zNy43IDM3LjdjLTMuNCAzLjQtMy40IDguNiAwIDEybDc3LjEgNzcuMSAzNy43IDM3LjdjMy40IDMuNCA4LjYgMy40IDEyIDBsMzcuNy0zNy43IDE3NC43LTE3Ni40YzEuNi0xLjcgMS42LTYuOS0uMS0xMC4zeiIvPjwvc3ZnPg==) no-repeat center center;
1642 + -ms-transition: all .2s ease;
1643 + -webkit-transition: all .2s ease;
1644 + transition: all .3s ease;
1645 + -ms-transform: scale(0);
1646 + -webkit-transform: scale(0);
1647 + transform: scale(0);
1648 + opacity: 0;
2883 1649 }
2884 -button#rag-delete-all {
2885 - background: #5b4e96;
2886 - color: #fff;
2887 - border-color: #5b4e96;
1650 +.qcld-seohelp-input-field input[type=checkbox]:checked + label::after {
1651 + -ms-transform: scale(1);
1652 + -webkit-transform: scale(1);
1653 + transform: scale(1);
1654 + opacity: 1;
2888 1655 }
2889 -
2890 -div#rag-database table.widefat {
2891 - border: 1px solid #ffffff;
2892 - box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
1656 +.qcld-seohelp .btn-info.spinning,
1657 +.qc_seo_linkcheck.spinning,
1658 +#qcld_article_keyword_suggestion.spinning {
1659 +background-color: #212121;
1660 +padding-right: 40px;
1661 +position: relative;
2893 1662 }
2894 -div#rag-database .widefat thead td, div#rag-database .widefat thead th {
2895 - border-bottom: 1px solid #ffffff;
1663 +.qcld-seohelp textarea#qcld_content_result_msg {
1664 + height: 20rem;
2896 1665 }
2897 1666
2898 -div#rag-database table.widefat thead {
2899 - background: #5b4e96;
2900 - color: #fff;
1667 +.qcld_seo-single-content-form{
1668 +width: 100% !important;
2901 1669 }
2902 -div#rag-database table.widefat thead th {
2903 - color: #fff;
1670 +.qcld-seohelp .btn-info.spinning:after,
1671 +#qcld_article_keyword_suggestion.spinning:after,
1672 +#qcld_article_keyword_suggestion.spinning:after {
1673 +content: '';
1674 +right: 6px;
1675 +top: 50%;
1676 +width: 0;
1677 +height: 0;
1678 +box-shadow: 0px 0px 0 1px transparent;
1679 +position: absolute;
1680 +border-radius: 50%;
1681 +-webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
1682 + animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
2904 1683 }
2905 -.qcl-openai div#rag-database input[type=checkbox] {
2906 - display: block;
2907 - width: 18px;
2908 - height: 18px;
1684 +.qcld-seohelp .btn-info.spinning:before,
1685 +#qcld_article_keyword_suggestion.spinning:before,
1686 +#qcld_article_keyword_suggestion.spinning:before {
1687 +content: "";
1688 +width: 0px;
1689 +height: 0px;
1690 +border-radius: 50%;
1691 +right: 0px;
1692 +top: 50%;
1693 +position: absolute;
1694 +border: 2px solid #fff;
1695 +border-right: 3px solid #27ae60;
1696 +-webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
1697 + animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
2909 1698 }
2910 -div#wp-chatbot-openai-rag input[type=checkbox]+label {
2911 - margin-bottom: 0;
1699 +@-webkit-keyframes rotate360 {
1700 +100% {
1701 + -webkit-transform: rotate(360deg);
1702 + transform: rotate(360deg);
2912 1703 }
2913 -.qcl-openai input[type=checkbox]+label {
2914 - margin-bottom: 0;
2915 1704 }
2916 -div#qcld-rag-settings-tab .wrap .mb-3 {
2917 - padding: 5px 0;
1705 +@keyframes rotate360 {
1706 +100% {
1707 + -webkit-transform: rotate(360deg);
1708 + transform: rotate(360deg);
2918 1709 }
2919 -div#rag-database input#search-submit {
2920 - background: #5b4e96;
2921 - color: #fff;
2922 - border-color: #5b4e96;
2923 1710 }
2924 -.rag_embed_cpts_wrapper {
2925 - display: flex;
2926 - flex-direction: column;
2927 - gap: 6px;
1711 +@-webkit-keyframes exist {
1712 +100% {
1713 + width: 15px;
1714 + height: 15px;
1715 + margin: -8px 5px 0 0;
2928 1716 }
2929 -div#wp-chatbot-gemini-settings .input-group {
2930 - display: flex;
2931 - gap: 10px;
2932 1717 }
2933 -div#wp-chatbot-grok-settings a#qcld_save_grok_setting {
2934 - background: #5B4E96;
2935 - color: #ffffff;
2936 - border: none;
2937 - padding: 12px 30px;
1718 +@keyframes exist {
1719 +100% {
1720 + width: 15px;
1721 + height: 15px;
1722 + margin: -8px 5px 0 0;
2938 1723 }
2939 -button#qcld_gemini_fetch_models {
2940 - background: #5B4E96;
2941 - color: #ffffff;
2942 - border: none;
2943 1724 }
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;
2947 -}
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;
2997 - 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 - color: #fff;
3012 - width: 100%;
3013 - display: block;
3014 - max-width: unset;
3015 -}
3016 -.wpbot-wizard-field select#wizard_ai_provider:hover {
3017 - border-color: #5b4e96;
3018 - color: #5b4e96;
3019 - box-shadow: 0 0 0 1px #5b4e96;
3020 -}
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;
3080 - color: #fff;
3081 - border: 2px solid #5B4E96;
3082 - border-radius: 6px;
3083 - font-weight: bold;
3084 - position: absolute;
3085 - top: 31px;
3086 - left: 280px;
3087 -}
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;
1725 +.qcld-seohelp input[type=checkbox] {
1726 + opacity: 0;
1727 + float: left;
3180 1728 }