PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 4.3.8
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v4.3.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 +1015 -2803 8.7.34.3.8 View file →
@@ -1,3182 +1,1394 @@
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');
2 -
3 -.qcld-main-wrapper {
4 - background-color: #F5F7FD;
5 - font-family: "DM Sans", sans-serif !important;
6 - font-optical-sizing: auto;
7 - font-size: 16px;
8 - font-weight: normal;
9 -}
10 -
11 -.wp-chatbot-wrap .fa{
12 - font: normal normal normal 14px / 1 FontAwesome !important;
13 -}
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;
32 -}
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 -
45 -}
46 -
47 -.qcld-wp-chatbot-wrap-header img {
48 - max-width: 50px;
49 -}
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;
55 -}
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;
64 -}
65 -
66 -.qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade:hover {
67 - padding: 12px 25px;
68 - background: #5B4E96;
69 - color: #fff;
70 - border: 2px solid #5B4E96;
71 - border-radius: 6px;
72 - font-weight: bold;
73 - text-decoration: none;
74 -}
75 -
76 -a.qcld-wp-chatbot-wrap-site__logo {
77 - font-size: 22px;
78 - color: #000;
79 - font-weight: bold;
80 -}
81 -
82 -.wp-chatbot-wrap {
83 - margin: 20px 20px 20px 0;
84 - border-radius: 16px;
85 -}
86 -
87 -.wp-chatbot-tabs.wp-chatbot-tabs-style-flip {
88 - border-radius: 16px;
89 -}
90 -
91 -.wp-chatbot-tabs nav {
92 - width: 18%;
93 - 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;
103 -}
104 -
105 -
106 -.wp-chatbot-tabs nav ul li.tab-current a {
107 - background: #5B4E96;
108 - color: #ffffff;
109 - text-decoration: none;
110 -}
111 -
112 -.wp-chatbot-tabs nav ul li a:hover {
113 - background: #5B4E96;
114 - color: #ffffff;
115 - text-decoration: none;
116 -}
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;
129 -}
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;
1 +.wp-chatbot-tabs-style-flip nav a span {
2 + text-transform: uppercase;
138 3 letter-spacing: 1px;
139 4 font-weight: 700;
140 - font-size: 18px;
5 + font-size: 0.625em;
141 6 }
142 7
143 -
144 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a {
145 - padding: 14px 15px;
146 - width: 100%;
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;
147 14 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;
156 15 }
157 -
158 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a span {
159 - font-size: 15px;
160 - font-weight: 500;
16 +.wp-chatbot-wrap strong {
17 + font-weight: normal;
161 18 }
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;
19 +.wp-chatbot-wrap .d-ib{
20 + display: inline-block;
168 21 }
169 -
170 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a:hover {
171 - background: #5B4E96;
172 - color: #ffffff;
173 - text-decoration: none;
22 +button.swal2-confirm.btn.btn-lg.swal2-styled {
23 + font-size: 18px;
174 24 }
175 -
176 -.wp-chatbot-admin-upgrade-pro-sidebar {
177 -
178 - 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;
25 +a.wpbot_addons_link span {
26 + margin: 0px 28px 0 20px;
184 27 }
185 -
186 -.wp-chatbot-admin-upgrade-pro-sidebar img {
187 - width: 100%;
28 +a.wpbot_addons_link .fa{
29 + font-size: 16px;
188 30 }
189 -
190 -
191 -.wp-chatbot-admingradient-color {
192 - border-radius: 12px;
193 - background: white;
194 - padding: 15px;
31 +.wp-chatbot-admin-header, .wp-chatbot-admin-footer {
32 + padding: 25px;
195 33 }
196 -
197 -.wp-chatbot-tabs-style-flip .content-wrap {
198 - border-radius: 16px;
199 -}
200 -
201 -ul.feature-list li img {
202 - max-width: 18px;
203 -}
204 -
205 -a.wp-chatbot-admin-pro-upgrade-button {
206 - background: #5B4E96;
34 +.wp-chatbot-admin-header h2 {
207 35 color: #ffffff;
208 - text-decoration: none;
209 - padding: 4px 20px;
210 - border-radius: 6px;
211 36 }
212 -
213 -a.wp-chatbot-admin-pro-upgrade-button img {
214 - max-width: 20px;
215 -}
216 -
217 -h3.wp-chatbot-admincart-title {
218 - font-weight: bold;
219 - font-size: 20px;
220 -}
221 -
222 -.qcld-main-wrapper ul.feature-list li {
223 - font-size: 14px;
224 -}
225 -
226 -.wp-chatbot-wrap p {
227 - font-size: 15px;
228 -}
229 -
230 -.qcld-main-wrapper ul.feature-list {
231 - margin: 0 0 30px 0;
232 -}
233 -
234 -.qcld-swpm-admin-menu-wrap {
235 - margin: 0 !important;
236 -}
237 -
238 -footer.wp-chatbot-admin-footer {
239 - padding: 0 20px 20px 20px;
240 -}
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;
257 -}
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;
266 -}
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;
272 -}
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;
292 -}
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;
37 +.wp-chatbot-version h3 {
300 38 color: #fff;
301 - 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;
302 46 }
303 -
304 -.qcld-main-wrapper .btn-primary {
305 - border-color: #5b4e96 !important;
47 +.wp-chatbot-version p a {
48 + color: #989898;
306 49 }
307 -
308 -.qcld-main-wrapper ul.feature-list li img {
309 - max-width: 16px;
310 - margin: 0 3px 0 0;
50 +.wp-chatbot-language-center-summmery {
51 + background: #2cacca;
52 + margin: -1em -1em 1em;
53 + padding: 20px;
311 54 }
312 -
313 -.qcld-main-wrapper .nav-tab:hover {
314 - text-decoration: none;
315 -}
316 -
317 -.content-wrap .qcbot_help_secion h4 {
318 - padding: 0 0;
319 - font-weight: bold;
55 +.wp-chatbot-language-center-summmery p {
56 + color: #eef5f7;
320 57 font-size: 16px;
58 + margin: 0;
321 59 }
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;
60 +.wp-chatbot-language-center-summmery p a {
61 + color: #eef5f7;
62 + text-decoration: underline;
330 63 }
331 -
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;
64 +input[type="text"].shop-jarvis-button-text {
65 + display: block;
66 + width: 700px !important;
338 67 }
68 +/*CHECKBOX*/
339 69
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;
345 -}
346 70
347 71
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;
72 +*, *:before, *:after {
73 + -webkit-box-sizing: border-box;
74 + box-sizing: border-box;
356 75 }
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;
76 +.wp-chatbot-wrap form {
77 + width: 400px;
363 78 }
364 -
365 -section.wp-chatbot-tab-container-inner h4.panel-title {
366 - padding: 0 !important;
367 -}
368 -
369 -section.wp-chatbot-tab-container-inner h4.panel-title a {
370 - display: block;
371 - padding: 15px 12px;
79 +legend {
372 80 font-size: 16px;
81 + font-family: monospace;
373 82 }
374 -
375 -.qcld-main-wrapper .nav-tab-small .nav-tab,
376 -.qcld-main-wrapper h3 .nav-tab {
377 - font-size: 15px !important;
83 +fieldset {
84 + padding: 15px;
378 85 }
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;
86 +#wp-chatbot-admin-form input[type=checkbox] {
87 + opacity: 0;
88 + float: left;
386 89 }
387 -
388 -.qcld-main-wrapper .cxsc-settings-blocks-notic p.d-ib {
389 - padding: 0;
390 - margin: 8px 0;
391 - font-size: 15px;
90 +.interaction-re-target label {
91 + width: inherit !important;
392 92 }
393 -
394 -.wp-chatbot-wrap .form-group {
395 - margin-bottom: 15px;
396 - border: 1px solid #E5E6F2;
397 - padding: 12px 12px;
398 - border-radius: 8px;
399 -}
400 -
401 -.wp-chatbot-wrap .form-group h4.qc-opt-title {
402 - font-weight: bold;
403 -}
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;
409 -}
410 -
411 -.wp-chatbot-wrap input[type=text] {
412 - border: 1px solid #E5E6F2;
413 -}
414 -
415 -
416 -.wp-chatbot-wrap .nav-tabs {
417 - border-bottom: none;
418 -}
419 -
420 -.wp-chatbot-wrap .nav-tabs>li {
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;
421 98 float: left;
422 - margin-bottom: 0;
99 + width: inherit !important;
423 100 }
424 -
425 -.wp-chatbot-wrap .nav-tabs>li>a {
426 - margin-right: .5em;
427 - line-height: 1.42857143;
428 - border: 1px solid #5b4e96;
429 - 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;
101 +#wp-chatbot-admin-form input[type=checkbox] + label ~ label {
102 + margin: 0 0 0 40px;
437 103 }
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;
447 -}
448 -
449 -.wp-chatbot-wrap .nav-tabs {
450 - border-bottom: none;
451 - margin: 0 0 15px 0;
452 -}
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;
460 -}
461 -
462 -
463 -.cxsc-settings-blocks.cxsc-settings-faq-blocks {
464 - background: #f5f7fd !important;
465 - padding: 12px !important;
466 - border-radius: 6px;
467 -}
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;
474 -}
475 -
476 -#wp-chatbot-icon-theme-settings img {
477 - width: 100%;
478 -}
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;
492 - text-align: center;
493 - position: relative;
494 -}
495 -
496 -.qcld-main-wrapper ul.radio-list li img {
497 - max-width: 80px;
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;
498 111 display: block;
112 + background: white;
113 + border: 1px solid #A9A9A9;
499 114 }
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;
115 +#wp-chatbot-admin-form input[type=checkbox] + label::after {
116 + content: ' ';
511 117 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 -
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;
525 132 }
526 -
527 -div#wp-chatbot-icon-theme-settings input[type=radio] {
528 - background: transparent;
529 - border: none;
530 - box-shadow: none;
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;
531 138 }
139 +/*ICON CSS*/
532 140
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;
543 -}
544 141
545 -.wpbot_dashboard_header h1 {
546 - margin: 0;
547 - padding: 0;
548 - font-size: 22px;
549 - font-weight: bold;
550 -}
551 142
552 -.wpbot_dashboard_header p {
143 +ul.radio-list {
553 144 margin: 0;
554 145 padding: 0;
555 146 }
556 -
557 -.wpbot_single_addon_wrapper {
558 - display: flex;
559 - flex-wrap: wrap;
560 -}
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;
147 +ul.radio-list li {
148 + width: 15%;
149 + list-style: none;
150 + display: inline-block;
566 151 text-align: center;
567 - width: 266px;
568 - margin: 8px 8px;
569 152 }
570 -
571 -.wpbot_single_addon_wrapper .wpbot_single_addon img {
572 - max-width: 120px;
153 +ul.radio-list li img, ul.radio-list li input {
154 + display: inline-table;
155 + vertical-align: middle;
573 156 }
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%);
157 +ul.radio-list li input[type=radio] {
158 + background: #E3E4E4;
582 159 }
583 -
584 -.wpbot_addon_title {
585 - font-weight: bold;
586 - font-size: 17px;
587 - padding: 8px 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;
588 166 }
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;
597 - display: inline-block;
598 - font-weight: bold;
599 - font-size: 13px;
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;
600 173 }
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;
610 - font-weight: bold;
611 - font-size: 13px;
174 + .panel-title > a.collapsed:before {
175 + float: right !important;
176 + content: "\f055";
612 177 }
613 -
614 -.wpbot_addon_image img {
615 - height: 98px;
616 - object-fit: cover;
178 + h2 {
179 + color: #ff9800;
617 180 }
618 -
619 -.wpbot_single_addon a.button.button-secondary {
620 - background: #5B4E96;
621 - color: #ffffff;
622 - text-decoration: none;
623 - border: 1px solid #5B4E96;
181 + a {
182 + text-decoration: none;
183 + /* display: block; */
624 184 }
625 -
626 -.wp-chatbot-wrap .wpbot_single_addon p {
627 - font-size: 14px;
628 - height: 48px;
185 + .panel-default>.panel-heading {
186 + color: #fff;
187 + background-color: #FF9800;
188 + border-color: #ff9800;
629 189 }
630 -
631 -.wpbot_statistics_area {
632 - border-radius: 16px;
633 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
634 - padding: 8px;
635 - text-align: center;
190 +.form-container {
191 + background-color: #32373c;
192 + border: 1px solid #cccccc;
193 + border-radius: 5px;
636 194 }
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;
645 -}
646 -
647 -
648 -section.wp-chatbot-tab-container-inner h4.panel-title a {
649 - position: relative;
650 -}
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;
195 +.qc-opt-description {
659 196 font-weight: normal;
660 197 }
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;
198 +.qc-opt-title-font {
669 199 font-weight: normal;
200 + font-size: 14px !important;
670 201 }
671 -
672 -.wpbot_single_addon_wrapper .wpbot_single_addon .wpbot_single_content:hover {
673 - background: linear-gradient(1deg, #ffffff 70%, #e9e4ff 96%);
202 +.qc-opt-dcs-font {
203 + font-size: 14px !important;
674 204 }
675 -
676 -a.wp-chatbot-admin-pro-upgrade-button {
677 - font-size: 15px;
205 +.input-sm {
206 + width: 50px !important;
678 207 }
679 -
680 -a.wp-chatbot-admin-pro-upgrade-button:hover {
681 - color: #fff;
682 - background-color: #f0ad4e;
208 +.thumbnail.theme_prev {
209 + max-width: 100%;
210 + height: auto;
683 211 }
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;
212 +.ge-canvas {
213 + padding: 0 15px;
700 214 }
215 +/** wpwbot load control style **/
701 216
702 -.qcld-wp-chatbot-wrap-header-doc img {
703 - max-width: 480px;
704 - height: 250px;
705 - object-fit: cover;
706 - border-radius: 8px;
217 +#wp-chatbot-show-pages-list ul {
218 + margin: 0;
219 + padding: 14px 0 0 88px;
707 220 }
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;
716 - display: inline-block;
717 - margin: 4px 0 0 0;
718 -}
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;
726 - 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 {
737 - font-weight: bold;
738 -}
739 -
740 -.qcld-wp-chatbot-wrap-header-doc-details p {
741 - font-size: 15px;
742 -}
743 -
744 -
745 -.qcld-goPreemium a {
221 +#wp-chatbot-show-pages-list ul li {
746 222 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;
223 + list-style: none;
224 + padding: 5px 0;
225 + clear: both;
758 226 }
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;
227 +#wp-chatbot-show-pages-list ul li:after {
228 + content: "";
229 + display: table;
768 230 width: 100%;
769 - justify-content: center;
770 - color: #fff !important;
771 - font-weight: bold;
772 - font-size: 16px !important;
773 - text-decoration: none;
231 + height: 1px;
774 232 }
775 -
776 -
777 -.qcld-Resetall input {
778 - display: block;
779 - 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;
233 +.radio-inline {
234 + font-size: 12px;
235 + line-height: 24px;
787 236 }
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;
237 +.wp-chatbot-settings-instruction {
238 + font-size: 12px;
239 + padding: 8px 0px;
799 240 }
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;
241 +#wp-chatbot-admin-form .content-wrap .nav-tabs > li > a {
809 242 font-size: 16px;
810 - font-weight: 500;
811 - color: #988FBD;
812 - border-radius: 8px;
813 - position: relative;
814 - display: inline-block;
815 - align-items: center;
816 - gap: 15px;
817 - background: #5B4E96;
818 - color: #ffffff;
819 - text-decoration: none;
820 243 }
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;
244 +#wp-chatbot-admin-form .content-wrap .nav-tabs > li > a:active {
245 + outline: 0;
826 246 }
827 -
828 -.cxsc-settings-blocks-addon {
829 - font-size: 16px;
830 - padding: 6px 0 10px 0;
831 - font-weight: bold;
832 -}
833 -
834 -
835 -.qcld-main-wrapper .qcld-seo-help-feature {
836 - clear: both;
837 -}
838 -
839 -.qcld-main-wrapper .qcld-seo-help-feature H3 {
840 - font-weight: bold;
841 - font-size: 20px;
842 -}
843 -
844 -.qcld-main-wrapper .qcld-seo-help-feature UL {}
845 -
846 -.qcld-main-wrapper .qcld-seo-help-feature UL li {
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;
847 254 margin: 0;
848 - padding: 4px 0;
849 - font-size: 15px;
255 + padding: 0;
850 256 }
851 -
852 -.qcld-recommendbot-conv-feature .plugin-card-top {
853 - position: relative;
854 - padding: 20px 20px 10px;
855 - min-height: auto;
856 - display: flex;
857 - align-items: center;
858 - justify-content: space-between;
257 +.tab-content textarea {
258 + width: 100%;
259 + font-size: 14px;
859 260 }
860 -
861 -.qcld-recommendbot-conv-feature .plugin-card .action-links {
862 - position: relative;
863 - top: auto;
864 - right: auto;
865 - width: auto;
261 +.content-wrap section h4 {
262 + margin-top: 0;
263 + padding-top: 0;
264 + font-size: 16px;
265 + font-weight: bold !important;
866 266 }
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 {
875 - position: relative;
876 - top: auto;
877 - left: auto;
878 - width: auto;
879 - height: auto;
880 - margin: 0;
881 -}
882 -
883 -.qcld-recommendbot-conv-feature .plugin-card h3 a {
884 - display: flex;
885 - flex-direction: row-reverse;
886 - align-items: center;
887 -}
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;
896 -}
897 -
898 -.qcld-recommendbot-conv-feature .plugin-card .desc>p,
899 -.qcld-recommendbot-conv-feature .plugin-card .name {
900 - margin-left: 0 !important;
901 -}
902 -
903 -.qcld-recommendbot-conv-feature .plugin-action-buttons {
904 - margin-bottom: 0;
905 -}
906 -
907 -.qcld-recommendbot-conv-feature .plugin-action-buttons {
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%;
908 275 text-align: center;
909 276 }
910 -
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;
277 +.wp-chatbot-support-cross:hover {
278 + cursor: all-scroll;
920 279 }
921 -
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;
280 +.wp-chatbot-support-cross i {
281 + font-size: 20px;
929 282 }
930 -
931 -.qc_menu_area {
932 -
933 - width: 50%;
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;
934 289 background: #fff;
935 - border-radius: 16PX;
936 - padding: 12px;
290 + margin-right: 12px;
291 + font-size: 13px !important;
292 + border-radius: 6px;
293 + cursor: pointer;
937 294 }
938 -
939 -.qc_menu_list_area.ui-droppable {
940 -
941 - width: 50%;
942 - background: #fff;
943 - border-radius: 16PX;
944 - padding: 12px;
295 +.wpbot_free_messenger_adds:hover {
296 + background: #ddd;
297 + color: #987c0d !important;
945 298 }
946 -
947 -.qc_menu_area_box ul li span {
948 - background-image: linear-gradient(to right, #868afa 0%, #5b4e96 51%, #5b4e96 100%);
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;
949 303 box-shadow: 0 5px 15px #c3c3c3;
950 304 border: 1px solid #ffffff;
951 - color: #fff;
305 +}
306 +.qc_menu_area {
952 307 display: block;
953 - margin: 8px auto;
954 - padding: 12px 30px;
308 + width: 500px;
309 + float: left;
955 310 }
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;
311 +.qc_menu_area_container {
312 + min-height: 400px;
313 + height: auto;
314 + padding: 10px;
315 + background: #eee;
316 + border: 1px solid #d4d4d4;
317 +}
318 +.qc_menu_list_area {
962 319 display: block;
963 - margin: 8px auto;
964 - padding: 12px 30px;
320 + width: 300px;
321 + float: right;
965 322 }
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%);
970 -}
971 -
972 323 .qc_menu_list_container {
973 - position: relative;
324 + min-height: 400px;
325 + height: auto;
326 + padding: 10px;
327 + background: #eee;
328 + border: 1px solid #d4d4d4;
974 329 }
975 -
976 330 .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;
331 + background: #ddd;
332 + padding: 5px;
333 + text-align: center;
334 + font-weight: bold;
993 335 }
994 -
995 -
996 -.lp-submenu-wpbot_openAi .swal2-actions {
997 - display: flex;
998 - width: auto;
336 +.qc_menu_list_container span {
337 + width: 100%
999 338 }
1000 -
1001 -/* Icon-only centered loading overlay for Save settings */
1002 -.swal2-popup.qcld-swal-loading-only {
1003 - background: transparent !important;
1004 - box-shadow: none !important;
1005 - padding: 0 !important;
1006 - width: auto !important;
1007 - min-width: 0 !important;
339 +#qc_menu_area span {
340 + width: 380px !important;
341 + display: block !important;
342 + margin-left: 0;
1008 343 }
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;
344 +.qc_menu_list_container span {
345 + width: 278px;
1015 346 }
1016 -.swal2-popup.qcld-swal-loading-only .swal2-html-container {
1017 - margin: 0 !important;
1018 - padding: 0 !important;
1019 - overflow: visible !important;
1020 - color: transparent !important;
347 +.qcld_wpbot_download_statuses {
348 + margin-top: 10px
1021 349 }
1022 -.qcld-save-settings-spinner {
1023 - position: relative;
1024 - width: 56px;
1025 - height: 56px;
1026 - margin: 0 auto;
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;
1027 359 }
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;
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;
1035 367 }
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;
368 +.wpbot_single_addon:hover {
369 + border: 1px solid #d2d2d2;
370 + border-radius: 10px;
1040 371 }
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;
372 +.wpbot_single_content {
1046 373 }
1047 -@keyframes qcld-save-settings-spin {
1048 - 0% { transform: rotate(0deg); }
1049 - 100% { transform: rotate(360deg); }
374 +.wpbot_addon_image {
375 + float: left;
376 + margin-right: 10px;
1050 377 }
1051 -.lp-submenu-wpbot_openAi button.swal2-confirm.btn.btn-lg.swal2-styled{
1052 - width: auto !important;
378 +.wpbot_addon_image img {
379 + width: 60px;
1053 380 }
1054 -
1055 -button.swal2-confirm.btn.btn-lg.swal2-styled {
1056 - width: auto;
381 +.wpbot_addon_content {
382 + display: inline-block;
1057 383 }
1058 -
1059 -div#qc_menu_area {
1060 - min-height: 230px;
384 +.wpbot_addon_title {
385 + font-size: 15px;
386 + font-weight: bold;
1061 387 }
1062 -div#collapseTwoControl .row {
1063 - padding: 8px 0;
1064 - border-bottom: 1px solid #eee;
1065 - margin: 0 0;
388 +.wpbot_addon_details {
1066 389 }
1067 -
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;
390 +.wpbot_addon_details p {
391 + margin-bottom: 0;
1089 392 }
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;
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;
1104 401 }
1105 -
1106 -.wp-chatbot-wrap .form-group input[type=checkbox]:checked+label {
1107 - border: 2px solid #22b573;
402 +.wp_addon_notinstalled {
403 + font-size: 11px;
404 + margin: 2px 0px;
405 + background: #dc1671ab;
406 + color: #fff;
407 + text-align: center;
408 + border-radius: 3px;
409 + padding: 2px 6px;
1108 410 }
1109 -
1110 -.wp-chatbot-wrap .form-group input[type=checkbox]:checked+label:after {
1111 - opacity: 1;
1112 - width: 22px;
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;
1113 418 }
1114 -
1115 -.wp-chatbot-wrap .form-group input[type=checkbox] {
1116 - display: none;
419 +.wpbot_dashboard_header h1 {
420 + font-size: 30px;
421 + line-height: 100px;
422 + margin: 0px;
1117 423 }
1118 -
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;
1127 -}
1128 -
1129 -.admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
1130 - display: flex;
1131 -}
1132 -
1133 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
1134 - display: inline-block;
1135 - width: 360px;
1136 -}
1137 -
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 -
1149 -.col-auto.me-auto.ai-settings-title-container {
1150 - display: flex;
1151 - justify-content: space-between;
424 +.wpbot_single_addon_wrapper {
425 + background: #eee;
1152 426 padding: 20px;
1153 427 }
1154 -
1155 -.qcld-wp-chatbot-wrap-header-aisection {
1156 - margin: 0 0 0 0;
428 +.wpbot_statistics_area {
429 + background: #fff;
1157 430 }
1158 -
1159 -.qcl-openai .row {
1160 - margin-right: 0;
1161 - margin-left: 0;
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;
1162 438 }
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;
439 +.wpbot_report {
440 + padding-left: 20px;
441 + padding-bottom: 10px;
1172 442 }
1173 -
1174 -.admin-maxwith.qcld-openai-main-box .tab-content {
1175 - padding: 0 12px 0 12px;
1176 - width: 100%;
443 +.wpbot_report p {
1177 444 }
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;
1191 -}
1192 -
1193 -.admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card h2 {
1194 - margin: 0;
1195 - padding: 0;
445 +.wpbot_report_key {
446 + width: 180px;
447 + display: inline-block;
1196 448 font-weight: bold;
1197 449 }
1198 -
1199 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link {
450 +.wpbot_report_value {
451 + display: inline-block;
452 + margin-left: 15px;
1200 453 font-weight: bold;
1201 - display: block;
1202 - padding: 15px 12px;
1203 - font-size: 16px;
1204 - color: #5B4E96;
1205 - width: 100%;
1206 - text-align: left;
1207 454 }
1208 -
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;
455 +.wpbot_report_value a {
1218 456 }
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;
457 +.vc_col-sm-6 {
458 + width: 48%;
459 + float: left;
460 + margin-right: 1%;
1230 461 }
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;
462 +.vc_column_container {
463 + padding-left: 0;
464 + padding-right: 0;
1241 465 }
1242 -
1243 -.admin-maxwith.qcld-openai-main-box .tab-content .card-body {
1244 - padding: 15px;
466 +.vc_column_container>.vc_column-inner {
467 + box-sizing: border-box;
468 + padding-left: 15px;
469 + padding-right: 15px;
470 + width: 100%;
1245 471 }
1246 -
1247 -.admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
1248 - font-size: 15px;
1249 -}
1250 -
1251 -.admin-maxwith.qcld-openai-main-box .tab-content {
1252 - font-size: 15px;
1253 -}
1254 -
1255 -.admin-maxwith.qcld-openai-main-box .tab-content .alert.alert-info {
1256 - margin: 15px 0 0 0;
1257 -}
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;
472 +.to-icon-box {
1265 473 position: relative;
1266 - display: flex;
1267 - align-items: center;
1268 - gap: 15px;
1269 - background: #fff;
1270 - text-decoration: none;
1271 - border: none;
1272 - margin: 2px 0;
1273 474 }
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;
475 +.txt-left {
476 + text-align: left;
1292 477 }
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;
478 +.to-icon.fa-4x {
479 + font-size: 42px;
480 + width: 52px;
481 + height: 52px;
482 + line-height: 52px;
1317 483 }
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: "";
484 +.to-icon-box i {
1322 485 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;
1333 486 }
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;
487 +.to-icon-box.left .to-icon-txt.fa-4x-txt {
488 + margin-left: 58px;
1338 489 }
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;
490 +.to-icon-box.left .to-icon-txt {
491 + margin-left: 30px;
492 + margin-right: 6%;
1344 493 }
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 {
494 +.to-icon-txt {
1361 495 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;
1372 - 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;
1381 496 }
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;
497 +.qc_wpbot_pro {
498 + background: red;
499 + padding: 4px;
500 + color: #fff;
501 + font-size: 13px;
502 + border-radius: 7px;
1396 503 }
1397 -
1398 -.qcl-openai input[type=checkbox]:checked+label {
1399 - border: 2px solid #22b573;
1400 -}
1401 -
1402 -.qcl-openai input[type=checkbox]:checked+label:after {
1403 - opacity: 1;
1404 - width: 22px;
1405 -}
1406 -
1407 -.qcl-openai input[type=checkbox] {
1408 - display: none;
1409 -}
1410 -
1411 -
1412 -.qcl-openai .form-check {
1413 - margin-bottom: 15px;
1414 - border: 1px solid #E5E6F2;
1415 - padding: 12px 12px;
1416 - border-radius: 8px;
1417 -}
1418 -
1419 -.qcl-openai label.form-check-label span {
1420 - font-size: 12px;
1421 -}
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;
1434 -}
1435 -
1436 -.qcl-openai a#save_setting {
1437 - margin: 0 0 0 0;
1438 -}
1439 -
1440 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]+label {
504 +.to-accordion-title {
1441 505 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 506 line-height: 30px;
507 + padding: 5px 0;
508 + margin: 0 !important;
509 + cursor: pointer;
1461 510 }
1462 -
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;
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%;
1476 524 }
1477 -
1478 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label {
1479 - border: 2px solid #22b573;
1480 -}
1481 -
1482 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label:after {
1483 - opacity: 1;
1484 - width: 22px;
1485 -}
1486 -
1487 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox] {
525 +.qc_accordion_content_third, .qc_accordion_content_second, .qc_accordion_content_first {
1488 526 display: none;
527 + transition: all 0.5s ease-in-out;
1489 528 }
1490 -
1491 -
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;
529 +.wpb_wrapper h3 {
530 + font-size: 20px;
1497 531 }
1498 -
1499 -.qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span {
1500 - font-size: 12px;
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);
1501 539 }
1502 -
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;
540 +.df-connect-error {
541 + color: #ff0000;
542 + font-weight: 700;
1514 543 }
1515 544
1516 -.qcl-openai div#wp-chatbot-openrouter-settings a#save_setting {
1517 - margin: 0 0 15px 0;
1518 -}
1519 545
1520 -#qcld_save_openrouter_setting {
1521 - margin: 0 0 15px 0;
546 +.getting_gtarted_section .qcbot_help_secion {
547 + box-shadow: none;
548 + background: #fff;
1522 549 }
1523 -
1524 -
1525 -div#openrouter-settings .tab-content {
1526 - padding: 0 12px 0 12px;
1527 - width: 100%;
550 +.getting_gtarted_section .qcbot_help_secion h2{
551 + font-size: 18px;
552 + color: #333;
553 + font-weight: bold;
1528 554 }
1529 -
1530 -.qcl-openai .accordion {
1531 - padding: 0 0 0 15px;
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;
1532 565 }
1533 566
1534 -.qcl-openai .card-body-openrouter {
1535 - padding: 0 15px 0 15px;
567 +.getting_gtarted_section p{
568 + color: #060606;
569 + font-size: 15px;
1536 570 }
1537 -
1538 -
1539 -.admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container h4 {
1540 - width: 365px;
571 +.getting_gtarted_section .to-icon.fa-4x {
572 + color: #333;
1541 573 }
1542 -
1543 -.admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container select {
1544 - display: none;
574 +.getting_gtarted_section .to-icon-box.left.txt-left {
575 + display: flex;
576 + align-items: center;
1545 577 }
1546 -
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;
578 +.getting_gtarted_section .wpb_wrapper h3 {
579 + font-size: 20px;
580 + color: #060606;
1553 581 }
1554 582
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;
583 +.getting_gtarted_section .wpb_wrapper {
584 + color: #060606;
1562 585 }
1563 -
1564 -.avatar-location-cards {
1565 - display: inline-flex;
1566 - gap: 0;
1567 - background: #F3F4F6;
1568 - border-radius: 10px;
1569 - padding: 4px;
586 +.getting_gtarted_section .qcbot_help_secion {
587 + padding: 0 !important;
1570 588 }
1571 -
1572 -.avatar-location-card {
1573 - display: flex;
1574 - align-items: center;
1575 - gap: 6px;
1576 - padding: 8px 18px;
1577 - border-radius: 8px;
1578 - cursor: pointer;
1579 - font-size: 13px;
1580 - font-weight: 500;
1581 - color: #6B7280;
1582 - background: transparent;
1583 - border: none;
1584 - transition: all 0.2s ease;
1585 - user-select: none;
589 +.getting_gtarted_section .content-wrap section {
590 + padding: 0 !important;
1586 591 }
1587 592
1588 -.avatar-location-card:hover {
1589 - color: #374151;
1590 - background: #E5E7EB;
593 +.getting_gtarted_section .wpb_wrapper {
594 + color: #060606;
595 + font-size: 15px;
1591 596 }
1592 597
1593 -.avatar-location-card.active {
1594 - background: #ffffff;
1595 - color: #111827;
1596 - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
598 +.getting_gtarted_section .col-xs-12{
599 + padding-right: 0 !important;
600 + padding-left: 0 !important;
1597 601 }
1598 602
1599 -.avatar-location-card svg {
1600 - flex-shrink: 0;
1601 - color: inherit;
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;
1602 610 }
1603 -
1604 -.avatar-location-card.active svg {
1605 - color: #4B5563;
611 +a.FormBuilder:hover {
612 + text-decoration:none;
613 + color:#fff;
1606 614 }
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;
615 +.to-icon-box.left.txt-left {
616 + min-height: 110px;
1614 617 }
1615 -
1616 -.ai-provider-cards {
1617 - display: flex;
1618 - gap: 12px;
1619 - flex-wrap: wrap;
1620 - padding: 4px 0;
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;
1621 626 }
1622 627
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;
628 +a.wpbot_free_messenger_adds:hover {
629 + background: #337ab7 !important;
630 + color: #fff !important;
1638 631 }
1639 632
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);
633 +#section-flip-1 .to-icon-box.left .to-icon-txt.fa-4x-txt {
634 + margin-left: 0;
1645 635 }
1646 636
1647 -.ai-provider-card.active {
1648 - border-color: #2563EB;
1649 - background: #EFF6FF;
1650 - box-shadow: 0 2px 8px rgba(37, 99, 235, 0.13);
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%;
1651 642 }
1652 -
1653 -.ai-provider-check {
1654 - position: absolute;
1655 - top: 6px;
1656 - right: 6px;
1657 - opacity: 0;
1658 - transform: scale(0.5);
1659 - transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
1660 - line-height: 0;
643 +.getting_gtarted_section .wpb_wrapper h3 > span{
644 + color:#000;
645 + font-weight: bold;
1661 646 }
1662 647
1663 -.ai-provider-card.active .ai-provider-check {
1664 - opacity: 1;
1665 - transform: scale(1);
1666 -}
1667 648
1668 -.ai-provider-icon {
1669 - width: 40px;
1670 - height: 40px;
1671 - display: flex;
1672 - align-items: center;
1673 - justify-content: center;
649 +.qc_wpbot_pro {
650 + color: #fff !important;
1674 651 }
1675 652
1676 -.ai-provider-icon svg {
1677 - width: 32px;
1678 - height: 32px;
1679 -}
1680 653
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;
654 +/* Table Css for slider list page */
655 +.qchero_slider_table_area {
656 + margin-top: 20px;
1688 657 }
1689 -
1690 -.ai-provider-card.active .ai-provider-name {
1691 - color: #1E40AF;
1692 -}
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;
658 +.sld_payment_table {
659 + margin: 0 0 40px 0;
1698 660 width: 100%;
1699 - align-items: center;
1700 - justify-content: center;
1701 - min-height: 420px;
1702 - text-align: center;
661 + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
662 + display: table;
1703 663 }
1704 -
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;
664 +.sld_responsive_head {
665 + display: none;
1713 666 }
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;
1723 -}
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;
1733 -}
1734 -
1735 -
1736 -.qcld-wrap.swpm-admin-menu-wrap {
1737 - display: flex;
1738 - margin: 15px 0;
1739 -}
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 -}
1749 -
1750 -.content_qcbot_help_secion {
667 +#sld_page_check {
668 + display: block;
669 + overflow: hidden;
1751 670 position: relative;
1752 - width: 79%;
1753 - display: block;
1754 - background: #fff;
1755 - border-radius: 16px;
1756 - padding: 15px 20px;
671 + left: -185%;
672 + top: -39px;
1757 673 }
1758 674
1759 -.qcld_help_wppt_nav_container a {
1760 - margin: 2px 10px;
675 +@media only screen and (min-width: 320px) and (max-width: 767px) {
676 +.sld_payment_cell {
677 + display: block !important;
1761 678 }
1762 -
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;
679 +.sld_payment_row {
680 + display: block !important;
1772 681 }
1773 -
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;
682 +.header {
683 + display: none !important;
1785 684 }
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;
1797 -}
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;
1805 -}
1806 -
1807 -
1808 -.content_qcbot_help_secion .panel-default>.panel-heading:hover a{
1809 - color: #ffffff !important;
1810 -}
1811 -.content_qcbot_help_secion .panel-default {
1812 - border-color: #dddddd00;
1813 - margin-bottom: 10px;
1814 -}
1815 -
1816 -.content_qcbot_help_secion .panel-title a {
1817 - padding: 10px 15px;
685 +.sld_responsive_head {
1818 686 display: block;
1819 - position: relative;
1820 - display: block;
1821 - padding: 15px 12px;
1822 - font-size: 16px;
687 + float: left;
688 + width: 100px;
689 + font-size: 14px;
1823 690 font-weight: bold;
1824 - color: #5B4E96;
1825 691 }
1826 -
1827 -.content_qcbot_help_secion p {
1828 - font-size: 15px;
1829 692 }
1830 693
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;
694 +@media only screen and (max-width: 1020px) {
695 +#sld_page_check {
696 + left: 0%;
697 + top: 0px;
1839 698 }
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;
1849 699 }
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;
700 +.sld_payment_row {
701 + display: table-row;
702 + background: #fff;
1859 703 }
1860 -
1861 -.content_qcbot_help_secion .panel {
1862 - box-shadow: none;
704 +.sld_payment_row:nth-of-type(odd) {
705 + background: #e9e9e9;
1863 706 }
1864 -
1865 -.qcbot_help_secion h3 {
1866 - font-size: 16px;
1867 - font-weight: bold;
707 +.sld_payment_row.header {
708 + font-weight: 900;
709 + background: #0073aa;
1868 710 }
1869 -
1870 -.qcbot_help_secion ul li {
1871 - list-style: inside;
1872 -}
1873 -
1874 -.notice.is-dismissible.qcbot-str-top-notic {
1875 - width: 98.7%;
1876 -}
1877 -
1878 -.qcld-main-wrapper {
1879 - margin: 10px 0px 0 2px !important;
1880 -}
1881 -
1882 -.content_qcbot_help_secion .section-container {
1883 - display: flex;
1884 - gap: 30px;
1885 -}
1886 -
1887 -.content-wrap .section-container {
1888 - display: flex;
1889 - gap: 30px;
1890 -}
1891 -
1892 -.wpbot_statistics_area h2 {
1893 - font-size: 22px;
1894 - font-weight: bold;
1895 -}
1896 -
1897 -
1898 -section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover a {
711 +.sld_payment_row.header .sld_payment_cell {
1899 712 color: #fff;
1900 713 }
1901 -
1902 -.qcld-main-wrapper a {
1903 - text-decoration: none !important;
1904 -}
1905 -
1906 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1907 - text-decoration: none;
1908 -}
1909 -
1910 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link:hover {
1911 - font-weight: bold;
1912 - display: block;
714 +.sld_payment_cell {
1913 715 padding: 15px 12px;
1914 - font-size: 16px;
1915 - color: #fff;
1916 - background: #5B4E96;
1917 - width: 100%;
1918 - text-align: left;
716 + display: table-cell;
717 + color: #555;
718 + vertical-align: middle;
1919 719 }
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;
720 +.sld_menu_title, .form_wrapper_sliderhero {
721 + background-color: #fff;
722 + padding: 15px;
723 + border-left: 3px solid #0073aa;
724 + margin-top: 12px;
1926 725 }
1927 -
1928 -.wp-chatbot-tabs nav ul li a {
1929 - color: #695d99;
726 +.sld_menu_title h2 {
727 + font-size: 26px;
728 + text-transform: uppercase;
729 + color: #000;
730 + font-weight: normal;
1930 731 }
1931 732
1932 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a {
1933 - color: #695d99;
1934 -}
1935 733
1936 734
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 -
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;
1954 746 }
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;
747 +a.wpchatbot-Upgrade {
748 + background: #f0ad4e;
749 + padding: 8px;
750 + border-radius: 5px;
751 + font-size: 15px;
752 + text-transform: uppercase;
1965 753 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 -
1972 754 }
1973 -
1974 -.qcld_label_width_full{
1975 - width: 100% !important;
755 +a.wpchatbot-Upgrade:hover {
756 +background: #337ab7;
757 +text-decoration:none;
758 +color: #fff;
1976 759 }
1977 -.cxsc-settings-blocks-font-resize{
1978 - font-size: 14px !important;
760 +a.wpbot_free_messenger_adds {
761 + background: #f0ad4e !important;
762 + color: #000 !important;
1979 763 }
1980 764
1981 -.qcld_thumbnail_theme_prev label{
1982 - width: 100% !important;
1983 - position: relative;
1984 - text-align: center;
765 +a.wpbot_free_messenger_adds:hover {
766 + background: #337ab7 !important;
767 + color: #fff !important;
1985 768 }
1986 769
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;
770 +.cxsc-settings-blocks-notic p {
771 + font-size: 14px;
772 + line-height: 28px;
2002 773 }
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;
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;
2032 780 }
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;
781 +.cxsc-settings_openai_border{
782 + border-bottom: 1px solid #4d565f;
2047 783 }
2048 -
2049 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label {
2050 - border: 2px solid #22b573;
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%;
2051 793 }
2052 794
2053 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label:after {
2054 - opacity: 1;
2055 - width: 22px;
2056 -}
2057 795
2058 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox] {
2059 - display: none;
796 +.wp-chatbot-tabs-style-flip .cxsc-settings_openai_border span.wpwbot-admin-tab-icon {
797 + width: 25px;
798 + font-size: 16px;
2060 799 }
2061 -
2062 -.cxsc-settings_openai_border {
2063 - margin-bottom: 6px;
2064 -}
2065 -
2066 -div#wp-chatbot-custom-color-options .top-section .row .cxsc-settings-blocks {
2067 - padding-top: 0;
2068 -}
2069 -
2070 -div#wp-chatbot-post-converter ul.checkbox-list {
2071 - display: flex;
2072 - flex-wrap: wrap;
2073 - gap: 6px;
2074 -}
2075 -div#wp-chatbot-post-converter ul.checkbox-list .form-check.form-check-inline {
800 +.wp-chatbot-tabs-style-flip .cxsc-settings_openai_border span {
2076 801 display: inline-block;
2077 - min-width: 290px;
2078 - margin: 0;
802 + padding-right: 5px;
2079 803 }
2080 804
805 +/**************** open AI *********************/
2081 806
2082 -
2083 -div#wp-chatbot-show-pages-list ul.checkbox-list {
2084 - display: flex;
2085 - flex-wrap: wrap;
2086 - gap: 6px;
807 +.admin-maxwith{
808 + max-width: 1100px !important;
809 + padding: 0;
2087 810 }
2088 -
2089 -div#wp-chatbot-exclude-post-list ul.checkbox-list {
2090 - display: flex;
2091 - flex-wrap: wrap;
2092 - gap: 6px;
811 +.rl-col-custom{
812 + flex: 0 0 auto;
813 + width: 26px !important;
2093 814 }
2094 815
2095 816
2096 -div#wp-chatbot-show-pages-list ul.checkbox-list li{
2097 - display: inline-block;
2098 - min-width: 310px;
2099 - margin: 0;
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;
2100 823 }
2101 824
2102 -div#wp-chatbot-exclude-post-list ul.checkbox-list li{
2103 - display: inline-block;
2104 - min-width: 310px;
2105 - margin: 0;
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);
2106 835 }
2107 -#rotationloader
2108 - {
2109 - display: none;
2110 - rotate: initial;
2111 - -webkit-animation: rotation 2s infinite linear;
836 +.qcl-openai hr {
837 + margin: 1rem 0;
838 + color: inherit;
839 + background-color: currentColor;
840 + border: 0;
841 + opacity: 0.25;
2112 842 }
2113 843
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;
844 +.qcl-openai h4{
845 + font-size: 1.5rem;
2129 846 }
2130 -a.qcld-wp-chatbot-wrap--doc_logo {
2131 - text-decoration: none !important;
2132 - position: relative;
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);
2133 853 }
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;
2141 -}
2142 854
2143 855
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;
856 +.qcl-openai table {
857 + width: 100%;
858 + margin: 20px 0 0 0;
2153 859 }
2154 -.lp-submenu-wpbot_openAi .swal2-actions {
2155 - display: flex;
860 +.qcl-openai td {
861 + border-width: 1px;
862 + padding: 10px 7px;
2156 863 }
2157 -.lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
2158 - font-size: 16px !important;
2159 - font-weight: 500 !important;
864 +.qcl-openai a {
865 + cursor: pointer;
2160 866 }
2161 867
2162 -.wp-chatbot-wrap hr {
2163 - margin-top: 10px;
2164 - margin-bottom: 10px;
868 +.qcl-openai .gx-0 {
869 + --bs-gutter-x: 0;
2165 870 }
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;
2181 -}
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;
2196 -}
2197 -
2198 -
2199 -
2200 -
2201 -
2202 -
2203 -
2204 -
2205 -.swal2-actions {
871 +.qcl-openai .row {
2206 872 display: flex;
2207 - z-index: 1;
2208 - box-sizing: border-box;
2209 873 flex-wrap: wrap;
2210 - align-items: center;
2211 - justify-content: center;
2212 - width: 100%;
2213 - margin: 1.25em auto 0;
2214 - padding: 0;
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);
2215 877 }
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;
2237 -}
2238 878
879 +@media (min-width: 576px){
880 + .qcl-openai .p-sm-3 {
881 + padding: 1rem !important;
882 + }
2239 883
2240 -button.swal2-confirm.btn.btn-lg.swal2-styled {
2241 - width: auto !important;
2242 884 }
2243 -
2244 -.chatbot-wpbot-lite_page_wpbot button.swal2-deny.swal2-styled {
2245 - display: none !important;
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);
2246 895 }
2247 -a#qcld_save_openrouter_setting {
2248 - background: #5B4E96;
2249 - color: #ffffff;
2250 - border: none;
2251 - padding: 12px 30px;
2252 -}
2253 896
2254 -a#save_setting {
2255 - background: #5B4E96;
2256 - color: #ffffff;
2257 - border: none;
2258 - padding: 12px 30px;
2259 -}
897 +@media (min-width: 576px){
898 + .qcl-openai .p-sm-4 {
899 + padding: 1.5rem !important;
900 + }
2260 901
2261 -@media (max-width: 1280px) {
2262 -.content-wrap {
2263 - width: 50% !important;
2264 902 }
903 +@media (min-width: 576px){
904 + .qcl-openai .col-sm-10 {
905 + flex: 0 0 auto;
906 + width: 83.33333333%;
907 + }
2265 908
2266 -.wp-chatbot-admin-upgrade-pro-sidebar {
2267 -
2268 - width: 24% !important;
2269 909 }
2270 -
2271 -}
2272 -
2273 -@media (max-width: 992px) {
2274 -.wp-chatbot-tabs nav {
2275 - width: 100% !important;
2276 - margin-right: 0 !important;
2277 -}
2278 -.content-wrap {
2279 - width: 100% !important;
2280 -}
2281 -.wp-chatbot-admin-upgrade-pro-sidebar {
2282 - width: 100% !important;
2283 - margin: 0 0 0 0 !important;
2284 -}
2285 -.wp-chatbot-tabs {
2286 - display: flex;
2287 - flex-wrap: wrap;
2288 - gap: 20px;
2289 -}
2290 -.admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
2291 - display: flex;
2292 - flex-wrap: wrap;
2293 -}
2294 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
910 +.qcl-openai .row > * {
911 + flex-shrink: 0;
2295 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);
2296 917 }
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 918
2307 -.content_qcbot_help_secion {
2308 - width: 100% !important;
2309 -}
2310 -.qcld_help_wppt_nav_container {
2311 - width: 100% !important;
2312 -}
2313 -.qcld-wrap.swpm-admin-menu-wrap {
2314 - display: flex
2315 -;
2316 - margin: 15px 0;
2317 - flex-direction: column;
2318 - flex-wrap: wrap;
2319 -}
2320 -}
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 + }
2321 926
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 927 }
2336 -ul.qcld-wp-chatbot-wrap-version-wrapper {
2337 - display: block;
2338 - margin: 15px 0 15px 0;
928 +/*.qcl-openai .bg-dark {
929 + background-color: #212529 !important;
930 +}*/
931 +.qcl-openai .ms-auto {
932 + margin-left: auto !important;
2339 933 }
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;
2357 -}
2358 -.qcld-wp-chatbot-wrap-header-doc-details {
934 +.qcl-openai .row > * {
935 + flex-shrink: 0;
2359 936 width: 100%;
937 + max-width: 100%;
938 + padding-right:20px;
939 + padding-left: 20px;
940 + margin-top: var(--bs-gutter-y);
2360 941 }
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 942
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;
943 +.qcl-openai [type=button]:not(:disabled) {
944 + cursor: pointer;
2381 945 }
2382 -
2383 -.wrap.qcld-main-wrapper a:focus {
2384 - outline: none !important;
2385 - outline-offset: 0 !important;
2386 - box-shadow: none !important;
946 +.qcl-openai button:not(:disabled) {
947 + cursor: pointer;
2387 948 }
2388 -
2389 -p.qc-opt-dcs-font-faq {
2390 - font-weight: bold;
949 +.qcl-openai .mb-3 {
950 + margin-bottom: 1rem !important;
2391 951 }
2392 952
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;
953 +.qcl-openai .my-4 {
954 + margin-top: 1.5rem !important;
955 + margin-bottom: 1.5rem !important;
2402 956 }
2403 -.qcld-general-settings-connection-notic p{
2404 - margin: 6px 0 6px 0;
2405 - padding: 0;
2406 - font-size: 15px;
2407 - font-weight: 500;
957 +.qcl-openai .form-switch {
958 + padding-left: 2.5em;
2408 959 }
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;
2420 -}
2421 -.qcld-general-settings-close:hover {
2422 - color: orange;
2423 -}
2424 -#qcld-show-more-wrapper-box {
2425 - margin-top: 0;
2426 - position:relative;
2427 -}
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;
2434 -}
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;
2448 -}
2449 -
2450 -#qcld-show-more-wrapper-box .qcld-show-more-show-more-height {
2451 - height: 338px;
2452 - overflow:hidden;
2453 -}
2454 -
2455 -#qcld-show-more-wrapper-box .qcld-show-more-show-more i {
960 +.qcl-openai .form-check {
2456 961 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;
962 + min-height: 1.5rem;
963 + padding-left: 1.5em;
964 + margin-bottom: 0.125rem;
2466 965 }
2467 966
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;
967 +@media (min-width: 576px) {
968 +.qcl-openai .p-sm-0 {
969 + padding: 0 !important;
2489 970 }
2490 -
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 971 }
2506 -
2507 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label {
2508 - border: 2px solid #22b573;
972 +.qcl-openai .card-body {
973 + flex: 1 1 auto;
974 + padding: 1rem 1rem;
2509 975 }
2510 976
2511 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label:after {
2512 - opacity: 1;
2513 - width: 22px;
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;
2514 995 }
2515 996
2516 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox] {
2517 - display: none;
2518 -}
2519 997
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;
998 +.qcl-openai .card-header:first-child {
999 + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
2526 1000 }
2527 -
2528 -.qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span {
2529 - font-size: 12px;
1001 +.qcl-openai .py-sm-4 {
1002 + padding-top: 1.5rem !important;
1003 + padding-bottom: 1.5rem !important;
2530 1004 }
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;
1005 +.qcl-openai .bg-dark {
1006 + background-color: #212529 !important;
2543 1007 }
2544 -
2545 -.qcl-openai div#wp-chatbot-gemini-settings a#save_setting {
2546 - margin: 0 0 15px 0;
1008 +.qcl-openai .text-white {
1009 + color: #fff !important;
2547 1010 }
2548 -
2549 -
2550 -
2551 -span.qcls_openAI_customized {
2552 - background: yellow;
1011 +.qcl-openai .border-0 {
1012 + border: 0 !important;
2553 1013 }
2554 -.admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
2555 - font-size: 16px;
2556 - line-height: 28px;
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);
2557 1019 }
2558 -textarea#qcld_openai_system_content {
2559 - height: 120px;
2560 - line-height: 28px;
1020 +.qcl-openai .card-header h2{
1021 + margin-top: 0 !important;
1022 + margin-bottom: 0 !important;
2561 1023 }
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;
1024 +.qcl-openai #wp-chatbot-openai-training-model{
1025 + padding-top: 20px;
1026 + padding-bottom: 20px;
2570 1027 }
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;
1028 +.qcl-openai .form-check {
1029 + display: block;
1030 + min-height: 1.5rem;
1031 + padding-left: 1.5em;
1032 + margin-bottom: 0.125rem;
2585 1033 }
2586 -.qcld-openai-system-preset input {
2587 - display: none;
1034 +.qcl-openai .form-check .form-check-input {
1035 + float: left;
1036 + margin-left: -1.5em;
2588 1037 }
2589 -.qcld-openai-system-preset.is-selected {
2590 - background: #f0f6fc;
2591 - border-color: #2271b1;
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;
2592 1053 }
2593 -.qcld-openai-system-preset-content {
2594 - display: grid;
2595 - gap: 4px;
2596 - line-height: 22px;
1054 +.qcl-openai .form-check-input:active {
1055 + filter: brightness(90%);
2597 1056 }
2598 -.qcld-openai-system-preset-title {
2599 - color: #1d2327;
2600 - font-weight: 600;
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);
2601 1061 }
2602 -.qcld-openai-system-preset-value {
2603 - display: none;
1062 +.qcl-openai .form-check-input:checked {
1063 + background-color: #0d6efd;
1064 + border-color: #0d6efd;
2604 1065 }
2605 -@media (max-width: 782px) {
2606 - .qcld-openai-system-preset {
2607 - flex-basis: 180px;
2608 - }
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");
2609 1068 }
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;
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");
2617 1071 }
2618 -.qcld-wpbot-pricing-filter-form-check {
2619 - display: flex;
2620 - gap: 10px;
1072 +.qcl-openai .form-check-input:disabled {
1073 + pointer-events: none;
1074 + filter: none;
1075 + opacity: 0.5;
2621 1076 }
2622 -
2623 -.qcld-dialogflow-enable-notice {
2624 - padding: 15px 0 15px 0;
2625 - color: red;
2626 - font-weight: bold;
1077 +.qcl-openai .form-check-input:disabled ~ .form-check-label {
1078 + opacity: 0.5;
2627 1079 }
2628 -
2629 -a#qcld_save_gemini_setting {
2630 - background: #5B4E96;
2631 - color: #ffffff;
2632 - border: none;
2633 - padding: 12px 30px;
1080 +.qcl-openai .form-check-input[type=checkbox] {
1081 + border-radius: 0.25em;
2634 1082 }
2635 -.card-body-gemini {
2636 - padding: 0 15px;
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");
2637 1087 }
2638 -
2639 -div#panelsStayOpen-collapseseven pre {
2640 - width: 100%;
2641 - display: block;
2642 - max-width: 1120px;
1088 +.qcl-openai .form-check-input[type=radio] {
1089 + border-radius: 50%;
2643 1090 }
2644 -
2645 -.card-body-gemini p {
2646 - font-size: 16px;
2647 - font-weight: bold;
1091 +.qcl-openai .form-check-input[disabled] ~ .form-check-label {
1092 + opacity: 0.5;
2648 1093 }
2649 -
2650 -.card-body-openrouter p{
2651 - font-size: 16px;
2652 - font-weight: bold;
1094 +.qcl-openai .form-switch {
1095 + padding-left: 2.5em;
2653 1096 }
2654 -div#wp-chatbot-openai-assistants p {
2655 - font-size: 16px;
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;
2656 1104 }
2657 -button.btn{
2658 - outline: none !important;
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");
2659 1107 }
2660 -button.btn:focus{
2661 - outline: none !important;
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");
2662 1111 }
2663 -input:focus {
2664 - border-color: #e1dbff;
2665 - box-shadow: none !important;
2666 - outline: none !important;
1112 +.qcl-openai .form-check-inline {
1113 + display: inline-block;
1114 + margin-right: 1rem;
2667 1115 }
2668 -
2669 -.wp-chatbot-wrap .qc-opt-language-title{
2670 - font-weight: bold !important;
2671 - color: #5b4e96 !important;
2672 - font-size: 16px;
1116 +.qcl-openai .form-check-inline .form-check-input ~ .valid-feedback {
1117 + margin-left: 0.5em;
2673 1118 }
2674 -
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 -
1119 +.qcl-openai .form-check-inline .form-check-input ~ .invalid-feedback {
1120 + margin-left: 0.5em;
2688 1121 }
2689 1122
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 -
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;
2695 1131 }
2696 -
2697 -
2698 -@media (min-width: 993px) and (max-width: 1350px) {
2699 -.wp-chatbot-admin-upgrade-pro-sidebar {
2700 - width: 25%;
1132 +.qcl-openai .form-range:focus {
1133 + outline: 0;
2701 1134 }
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);
2702 1137 }
2703 -
2704 -.wp-chatbot-tabs nav ul li a span.dashicons {
2705 - font-size: 20px;
2706 - width: auto;
2707 - height: auto;
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);
2708 1140 }
2709 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a span.dashicons {
2710 - font-size: 20px;
1141 +.qcl-openai .form-range::-moz-focus-outer {
1142 + border: 0;
2711 1143 }
2712 -
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;
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;
2720 1155 }
2721 -
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;
1156 +.qcl-openai .form-range::-webkit-slider-thumb:active {
1157 + background-color: #b6d4fe;
2728 1158 }
2729 -
2730 -#qcld_check_connection i{
2731 - animation: rotation infinite 3s linear;
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;
2732 1167 }
2733 -
2734 -.wp-chatbot-wrap div#wp-chatbot-custom-color-options .form-group {
2735 - min-height: 90px;
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;
2736 1178 }
2737 -
2738 -div#promotion-wpchatbot .qc-review-text a {
2739 - display: block;
1179 +.qcl-openai .form-range::-moz-range-thumb:active {
1180 + background-color: #b6d4fe;
2740 1181 }
2741 -.qcld-wp-chatbot-wrap-header-logo {
2742 - display: flex;
2743 - align-items: center;
2744 - gap: 10px;
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;
2745 1190 }
2746 -@keyframes rotation{
2747 - from{
2748 - transform:rotate(360deg);
2749 - }
2750 -
2751 - to{
2752 - transform:rotate(0deg);
2753 - }
1191 +.qcl-openai .form-range:disabled {
1192 + pointer-events: none;
2754 1193 }
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;
1194 +.qcl-openai .form-range:disabled::-webkit-slider-thumb {
1195 + background-color: #adb5bd;
2772 1196 }
2773 -div#wpfooter {
2774 - display: none;
1197 +.qcl-openai .form-range:disabled::-moz-range-thumb {
1198 + background-color: #adb5bd;
2775 1199 }
2776 1200
2777 -.qcld-btn-primary {
2778 -
2779 - border: none;
1201 +.qcl-openai .text-end {
1202 + text-align: right !important;
2780 1203 }
2781 1204
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;
1205 +.qcl-openai .form-label {
1206 + margin-bottom: 0.5rem;
2788 1207 }
2789 -
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;
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;
2796 1214 }
2797 -
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;
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;
2811 1219 }
2812 1220
2813 -div#rag-settings h2.nav-tab-wrapper {
2814 - margin: 0;
2815 - padding: 0;
2816 - border: none;
1221 +.qcl-openai .col-8 {
1222 + flex: 0 0 auto;
1223 + width: 66.66666667%;
1224 + padding-left: 0px !important;
2817 1225 }
2818 1226
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;
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;
2824 1247 }
2825 -
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;
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);
2844 1252 }
2845 -
2846 -div#rag-sync .wrap {
2847 - border: 1px solid #eee;
2848 - padding: 8px 12px;
2849 - border-radius: 6px;
1253 +.qcl-openai .form-select:disabled {
1254 + background-color: #e9ecef;
2850 1255 }
2851 -
2852 -
2853 -
2854 -div#qcld-rag-settings-tab .wrap:first-child {
2855 - border: 1px solid #eee;
2856 - padding: 8px 12px;
2857 - border-radius: 6px;
1256 +.qcl-openai .form-select:-moz-focusring {
1257 + color: transparent;
1258 + text-shadow: 0 0 0 #212529;
2858 1259 }
2859 -
2860 -
2861 -.qcl-openai div#rag-database input[type=checkbox] {
2862 - display: block;
1260 +.qcl-openai .form-select[multiple] {
1261 + padding-right: 0.75rem;
1262 + background-image: none;
2863 1263 }
2864 -
2865 -.tablenav-pages {
2866 - text-align: right;
2867 - padding: 8px 0;
1264 +.qcl-openai .form-select[size]:not([size="1"]) {
1265 + padding-right: 0.75rem;
1266 + background-image: none;
2868 1267 }
2869 -button#botmaster_submit_sitemap_btn {
2870 - background: #5B4E96;
2871 - border-color: #5B4E96;
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;
2872 1273 }
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;
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;
2879 1279 }
2880 1280
2881 -.qcl-openai div#rag-settings h2.nav-tab-wrapper a:focus {
2882 - border: 1px solid #5b4e96 !important;
1281 +.qcl-openai .card-footer:last-child {
1282 + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
2883 1283 }
2884 -button#rag-delete-all {
2885 - background: #5b4e96;
2886 - color: #fff;
2887 - border-color: #5b4e96;
1284 +.qcl-openai .py-sm-4 {
1285 + padding-top: 1.5rem !important;
1286 + padding-bottom: 1.5rem !important;
2888 1287 }
2889 1288
2890 -div#rag-database table.widefat {
2891 - border: 1px solid #ffffff;
2892 - box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
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%;
2893 1297 }
2894 -div#rag-database .widefat thead td, div#rag-database .widefat thead th {
2895 - border-bottom: 1px solid #ffffff;
1298 +.qcl-openai small{
1299 + font-size: 0.875em;
1300 + color:#3c434a;
1301 + font-weight: 300;
2896 1302 }
2897 -
2898 -div#rag-database table.widefat thead {
2899 - background: #5b4e96;
2900 - color: #fff;
1303 +.qcl-openai label{
1304 + color:#3c434a;
1305 + display: inline-block;
1306 + max-width: 100%;
1307 + margin-bottom: 5px;
1308 + font-weight: 700;
1309 +
2901 1310 }
2902 -div#rag-database table.widefat thead th {
2903 - color: #fff;
1311 +.qcl-openai .bg-dark {
1312 + background-color: #21252900 !important;
2904 1313 }
2905 -.qcl-openai div#rag-database input[type=checkbox] {
2906 - display: block;
2907 - width: 18px;
2908 - height: 18px;
1314 +.qcl-openai .card-header{
1315 + background-color: #212529 !important;
2909 1316 }
2910 -div#wp-chatbot-openai-rag input[type=checkbox]+label {
2911 - margin-bottom: 0;
1317 +.qcl-openai .accordion .card-header{
1318 + background-color: #21252900 !important;
2912 1319 }
2913 -.qcl-openai input[type=checkbox]+label {
2914 - margin-bottom: 0;
1320 +.qcl-openai .accordion .card-body {
1321 + border: 25px solid #21252900;
2915 1322 }
2916 -div#qcld-rag-settings-tab .wrap .mb-3 {
2917 - padding: 5px 0;
1323 +.qcl-openai .card-body {
1324 + flex: 1 1 auto;
1325 + padding: 1rem 1rem;
1326 + border: 25px solid #212529;
2918 1327 }
2919 -div#rag-database input#search-submit {
2920 - background: #5b4e96;
2921 - color: #fff;
2922 - border-color: #5b4e96;
1328 +
1329 +.card-header button{
1330 + outline: none !important;
1331 + color: #3c434a;
1332 + font-weight: 700;
2923 1333 }
2924 -.rag_embed_cpts_wrapper {
2925 - display: flex;
2926 - flex-direction: column;
2927 - gap: 6px;
1334 +.qcl-openai .accordion .card .card-header{
1335 + margin: 8px 8px;
2928 1336 }
2929 -div#wp-chatbot-gemini-settings .input-group {
2930 - display: flex;
2931 - gap: 10px;
1337 +.qcl-openai .accordion .card {
1338 + border: none !important;
2932 1339 }
2933 -div#wp-chatbot-grok-settings a#qcld_save_grok_setting {
2934 - background: #5B4E96;
2935 - color: #ffffff;
2936 - border: none;
2937 - padding: 12px 30px;
1340 +.qcl-openai .card-footer.bg-dark.text-white.py-sm-4.border-0 {
1341 + display: none;
2938 1342 }
2939 -button#qcld_gemini_fetch_models {
2940 - background: #5B4E96;
2941 - color: #ffffff;
2942 - border: none;
2943 -}
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;
1343 +.qcl-openai .nav>li>a {
2995 1344 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 1345 display: block;
3014 - max-width: unset;
1346 + padding: 15px 20px;
3015 1347 }
3016 -.wpbot-wizard-field select#wizard_ai_provider:hover {
3017 - border-color: #5b4e96;
3018 - color: #5b4e96;
3019 - box-shadow: 0 0 0 1px #5b4e96;
1348 +.qcl-openai .card-header a{
1349 + outline: none;
3020 1350 }
3021 -div#wizard_api_key_container input#wizard_api_key {
3022 - background: transparent;
3023 - color: #fff;
1351 +.qcl-openai ul.nav.nav-tabs {
1352 + margin: 8px 0 0 18px;
3024 1353 }
3025 -div#collapseTwoControl input[type=radio]:checked::before {
3026 - background-color: #5b4e96;
1354 +.qcl-openai a:focus {
1355 + outline: 0 !important;
1356 + outline-offset: 0 !important;
3027 1357 }
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;
1358 +.qcl-openai .nav-tabs>li.active>a, .qcl-openai .nav-tabs>li.active>a:focus, .qcl-openai .nav-tabs>li.active>a:hover {
3080 1359 color: #fff;
3081 - border: 2px solid #5B4E96;
3082 - border-radius: 6px;
3083 - font-weight: bold;
3084 - position: absolute;
3085 - top: 31px;
3086 - left: 280px;
1360 + cursor: default;
1361 + background-color: #212529;
1362 + border: 1px solid #ddd;
1363 + border-bottom-color: transparent;
3087 1364 }
3088 -.qcld-session-history_menu_box .btn.btn-primary {
3089 - background: #564a8e !important;
1365 +.qcl-openai .accordion .card-header {
1366 + background-color: #212529 !important;
3090 1367 color: #fff !important;
3091 1368 }
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;
1369 +.qcl-openai .accordion .card-header button{
1370 +
1371 + color: #fff !important;
3104 1372 }
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;
1373 +.qcl-openai .tab-content {
1374 + padding: 0 0 20px 0;
3117 1375 }
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;
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;
3126 1381 }
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;
1382 +.qcl-openai h4 {
1383 + margin-top: 20px;
1384 + margin-bottom: 0;
3135 1385 }
3136 -.Expandmore span {
3137 - color: #fff;
3138 - margin: 0 0 0 8px;
3139 - padding: 0 5px;
3140 - font-size: 18px;
1386 +
1387 +.qcl-openai .accordion .card-header button {
1388 + width: 100% !important;
1389 + text-align: justify !important;
1390 + padding: 15px 10px !important;
3141 1391 }
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;
3180 -}
3181 -
3182 -
1392 +.qcl-openai .card-header {
1393 + padding: 0 !important;
1394 +}