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