PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 4.3.7
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v4.3.7
8.7.8 8.7.7 8.7.6 8.7.5 8.7.4 8.7.3 8.7.2 8.7.1 8.7.0 8.6.9 8.6.8 8.6.7 8.6.6 8.6.5 8.6.4 8.6.2 8.6.1 8.6.0 8.5.9 8.5.8 8.5.7 8.5.6 8.5.5 8.5.4 8.5.3 All 534 releases
← All changes | css/admin-style.css +1014 -2561 8.5.44.3.7 View file →
@@ -1,2939 +1,1392 @@
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;
820 -}
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;
826 -}
827 -
828 -.cxsc-settings-blocks-addon {
829 - font-size: 16px;
830 - padding: 6px 0 10px 0;
831 - font-weight: bold;
832 -}
833 -
834 -
835 -.qcld-main-wrapper .qcld-seo-help-feature {
836 - clear: both;
837 -}
838 -
839 -.qcld-main-wrapper .qcld-seo-help-feature H3 {
840 - font-weight: bold;
841 - font-size: 20px;
842 -}
843 -
844 -.qcld-main-wrapper .qcld-seo-help-feature UL {}
845 -
846 -.qcld-main-wrapper .qcld-seo-help-feature UL li {
847 - margin: 0;
848 - padding: 4px 0;
849 - font-size: 15px;
850 -}
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;
859 -}
860 -
861 -.qcld-recommendbot-conv-feature .plugin-card .action-links {
862 - position: relative;
863 - top: auto;
864 - right: auto;
865 - width: auto;
866 -}
867 -
868 -.qcld-recommendbot-conv-feature .wrap.recommended-plugins .plugin-card.plugin-card-conversational-forms {
869 - background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
870 - border-radius: 16px;
871 - height: auto;
872 -}
873 -
874 -.qcld-recommendbot-conv-feature .plugin-icon {
875 - position: relative;
876 - top: auto;
877 - left: auto;
878 - width: auto;
879 - height: auto;
880 - margin: 0;
881 -}
882 -
883 -.qcld-recommendbot-conv-feature .plugin-card h3 a {
884 - display: flex;
885 - flex-direction: row-reverse;
886 - align-items: center;
887 -}
888 -
889 -.qcld-recommendbot-conv-feature .plugin-icon {
890 - position: relative;
891 - top: auto;
892 - left: auto;
893 - width: 80px;
894 - height: auto;
895 - margin: 0 20px 0 0;
896 -}
897 -
898 -.qcld-recommendbot-conv-feature .plugin-card .desc>p,
899 -.qcld-recommendbot-conv-feature .plugin-card .name {
900 - margin-left: 0 !important;
901 -}
902 -
903 -.qcld-recommendbot-conv-feature .plugin-action-buttons {
904 - margin-bottom: 0;
905 -}
906 -
907 -.qcld-recommendbot-conv-feature .plugin-action-buttons {
411 +.wpbot_dashboard_header {
412 + margin-right: unset !important;
413 + margin-left: unset !important;
414 + background: #32373c;
415 + color: #fff;
908 416 text-align: center;
417 + border-radius: 5px 5px 0px 0px;
909 418 }
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;
419 +.wpbot_dashboard_header h1 {
420 + font-size: 30px;
421 + line-height: 100px;
422 + margin: 0px;
920 423 }
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;
424 +.wpbot_single_addon_wrapper {
425 + background: #eee;
426 + padding: 20px;
929 427 }
930 -
931 -.qc_menu_area {
932 -
933 - width: 50%;
428 +.wpbot_statistics_area {
934 429 background: #fff;
935 - border-radius: 16PX;
936 - padding: 12px;
937 430 }
938 -
939 -.qc_menu_list_area.ui-droppable {
940 -
941 - width: 50%;
431 +.wpbot_statistics_area h2 {
432 + margin: 0px;
942 433 background: #fff;
943 - border-radius: 16PX;
944 - padding: 12px;
945 -}
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;
955 -}
956 -
957 -.qc_menu_area_box .qc_menu_area_container span {
958 - background-image: linear-gradient(to right, #868afa 0%, #5b4e96 51%, #5b4e96 100%);
959 - box-shadow: 0 5px 15px #c3c3c3;
960 - border: 1px solid #ffffff;
961 - color: #fff;
962 - display: block;
963 - margin: 8px auto;
964 - padding: 12px 30px;
965 -}
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 {
973 - position: relative;
974 -}
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;
993 -}
994 -
995 -
996 -.lp-submenu-wpbot_openAi .swal2-actions {
997 - display: flex;
998 - width: auto;
999 -}
1000 -.lp-submenu-wpbot_openAi button.swal2-confirm.btn.btn-lg.swal2-styled{
1001 - width: auto !important;
1002 -}
1003 -
1004 -button.swal2-confirm.btn.btn-lg.swal2-styled {
1005 - width: auto;
1006 -}
1007 -
1008 -div#qc_menu_area {
1009 - min-height: 230px;
1010 -}
1011 -div#collapseTwoControl .row {
1012 - padding: 8px 0;
434 + font-size: 20px;
435 + padding: 10px 20px;
1013 436 border-bottom: 1px solid #eee;
1014 - margin: 0 0;
437 + margin-bottom: 10px;
1015 438 }
1016 -
1017 -
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;
439 +.wpbot_report {
440 + padding-left: 20px;
441 + padding-bottom: 10px;
1038 442 }
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;
443 +.wpbot_report p {
1053 444 }
1054 -
1055 -.wp-chatbot-wrap .form-group input[type=checkbox]:checked+label {
1056 - border: 2px solid #22b573;
445 +.wpbot_report_key {
446 + width: 180px;
447 + display: inline-block;
448 + font-weight: bold;
1057 449 }
1058 -
1059 -.wp-chatbot-wrap .form-group input[type=checkbox]:checked+label:after {
1060 - opacity: 1;
1061 - width: 22px;
1062 -}
1063 -
1064 -.wp-chatbot-wrap .form-group input[type=checkbox] {
1065 - display: none;
1066 -}
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;
1076 -}
1077 -
1078 -.admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
1079 - display: flex;
1080 -}
1081 -
1082 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
450 +.wpbot_report_value {
1083 451 display: inline-block;
1084 - width: 360px;
452 + margin-left: 15px;
453 + font-weight: bold;
1085 454 }
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;
455 +.wpbot_report_value a {
1096 456 }
1097 -
1098 -.col-auto.me-auto.ai-settings-title-container {
1099 - display: flex;
1100 - justify-content: space-between;
1101 - padding: 20px;
457 +.vc_col-sm-6 {
458 + width: 48%;
459 + float: left;
460 + margin-right: 1%;
1102 461 }
1103 -
1104 -.qcld-wp-chatbot-wrap-header-aisection {
1105 - margin: 0 0 0 0;
462 +.vc_column_container {
463 + padding-left: 0;
464 + padding-right: 0;
1106 465 }
1107 -
1108 -.qcl-openai .row {
1109 - margin-right: 0;
1110 - margin-left: 0;
1111 -}
1112 -
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: 20px;
1117 - border-radius: 16px;
1118 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
1119 - margin: 20px 0 20px 0;
1120 - gap: 30px;
1121 -}
1122 -
1123 -.admin-maxwith.qcld-openai-main-box .tab-content {
1124 - padding: 0 12px 0 12px;
466 +.vc_column_container>.vc_column-inner {
467 + box-sizing: border-box;
468 + padding-left: 15px;
469 + padding-right: 15px;
1125 470 width: 100%;
1126 471 }
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;
472 +.to-icon-box {
473 + position: relative;
1140 474 }
1141 -
1142 -.admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card h2 {
1143 - margin: 0;
1144 - padding: 0;
1145 - font-weight: bold;
1146 -}
1147 -
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%;
475 +.txt-left {
1155 476 text-align: left;
1156 477 }
1157 -
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;
478 +.to-icon.fa-4x {
479 + font-size: 42px;
480 + width: 52px;
481 + height: 52px;
482 + line-height: 52px;
1167 483 }
1168 -
1169 -
1170 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link.collapsed:after{
1171 -
1172 - content: "\f10f";
1173 - font-family: dashicons;
484 +.to-icon-box i {
1174 485 position: absolute;
1175 - right: 18px;
1176 - top: 12px;
1177 - font-size: 22px;
1178 - font-weight: normal;
1179 486 }
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;
487 +.to-icon-box.left .to-icon-txt.fa-4x-txt {
488 + margin-left: 58px;
1190 489 }
1191 -
1192 -.admin-maxwith.qcld-openai-main-box .tab-content .card-body {
1193 - padding: 15px;
490 +.to-icon-box.left .to-icon-txt {
491 + margin-left: 30px;
492 + margin-right: 6%;
1194 493 }
1195 -
1196 -.admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
1197 - font-size: 15px;
1198 -}
1199 -
1200 -.admin-maxwith.qcld-openai-main-box .tab-content {
1201 - font-size: 15px;
1202 -}
1203 -
1204 -.admin-maxwith.qcld-openai-main-box .tab-content .alert.alert-info {
1205 - margin: 15px 0 0 0;
1206 -}
1207 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li a {
1208 - padding: 14px 20px;
1209 - width: 100%;
1210 - font-size: 16px;
1211 - font-weight: 500;
1212 - color: #988FBD;
1213 - border-radius: 8px;
494 +.to-icon-txt {
1214 495 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;
1222 496 }
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;
497 +.qc_wpbot_pro {
498 + background: red;
499 + padding: 4px;
500 + color: #fff;
501 + font-size: 13px;
502 + border-radius: 7px;
1241 503 }
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 {
504 +.to-accordion-title {
1246 505 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 506 line-height: 30px;
507 + padding: 5px 0;
508 + margin: 0 !important;
509 + cursor: pointer;
1266 510 }
1267 -
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;
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%;
1282 524 }
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;
1287 -}
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;
1293 -}
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] {
525 +.qc_accordion_content_third, .qc_accordion_content_second, .qc_accordion_content_first {
1297 526 display: none;
527 + transition: all 0.5s ease-in-out;
1298 528 }
1299 -
1300 -div#wp-chatbot-show-pages-list ul li,
1301 -div#wp-chatbot-exclude-post-list ul li {
1302 - padding: 4px 0;
529 +.wpb_wrapper h3 {
530 + font-size: 20px;
1303 531 }
1304 -
1305 -.qcld-main-wrapper div#headingTwoControl a {
1306 - font-weight: bold;
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);
1307 539 }
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;
540 +.df-connect-error {
541 + color: #ff0000;
542 + font-weight: 700;
1330 543 }
1331 544
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;
1345 -}
1346 545
1347 -.qcl-openai input[type=checkbox]:checked+label {
1348 - border: 2px solid #22b573;
546 +.getting_gtarted_section .qcbot_help_secion {
547 + box-shadow: none;
548 + background: #fff;
1349 549 }
1350 -
1351 -.qcl-openai input[type=checkbox]:checked+label:after {
1352 - opacity: 1;
1353 - width: 22px;
550 +.getting_gtarted_section .qcbot_help_secion h2{
551 + font-size: 18px;
552 + color: #333;
553 + font-weight: bold;
1354 554 }
1355 -
1356 -.qcl-openai input[type=checkbox] {
1357 - display: none;
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;
1358 565 }
1359 566
1360 -
1361 -.qcl-openai .form-check {
1362 - margin-bottom: 15px;
1363 - border: 1px solid #E5E6F2;
1364 - padding: 12px 12px;
1365 - border-radius: 8px;
567 +.getting_gtarted_section p{
568 + color: #060606;
569 + font-size: 15px;
1366 570 }
1367 -
1368 -.qcl-openai label.form-check-label span {
1369 - font-size: 12px;
571 +.getting_gtarted_section .to-icon.fa-4x {
572 + color: #333;
1370 573 }
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;
574 +.getting_gtarted_section .to-icon-box.left.txt-left {
575 + display: flex;
576 + align-items: center;
1383 577 }
1384 -
1385 -.qcl-openai a#save_setting {
1386 - margin: 0 0 0 0;
578 +.getting_gtarted_section .wpb_wrapper h3 {
579 + font-size: 20px;
580 + color: #060606;
1387 581 }
1388 582
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;
1401 - 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;
583 +.getting_gtarted_section .wpb_wrapper {
584 + color: #060606;
1410 585 }
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;
586 +.getting_gtarted_section .qcbot_help_secion {
587 + padding: 0 !important;
1425 588 }
1426 -
1427 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label {
1428 - border: 2px solid #22b573;
589 +.getting_gtarted_section .content-wrap section {
590 + padding: 0 !important;
1429 591 }
1430 592
1431 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label:after {
1432 - opacity: 1;
1433 - width: 22px;
593 +.getting_gtarted_section .wpb_wrapper {
594 + color: #060606;
595 + font-size: 15px;
1434 596 }
1435 597
1436 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox] {
1437 - display: none;
598 +.getting_gtarted_section .col-xs-12{
599 + padding-right: 0 !important;
600 + padding-left: 0 !important;
1438 601 }
1439 602
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;
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;
1446 610 }
1447 -
1448 -.qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span {
1449 - font-size: 12px;
611 +a.FormBuilder:hover {
612 + text-decoration:none;
613 + color:#fff;
1450 614 }
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;
1460 - text-transform: uppercase;
1461 - text-indent: initial;
1462 - line-height: 16px;
615 +.to-icon-box.left.txt-left {
616 + min-height: 110px;
1463 617 }
1464 -
1465 -.qcl-openai div#wp-chatbot-openrouter-settings a#save_setting {
1466 - margin: 0 0 15px 0;
618 +a.wpbot_free_messenger_adds {
619 +background: #2f3236 !important;
620 + color: #ffffff !important;
621 + padding: 12px 12px !important;
622 + line-height: 19px !important;
623 + font-size: 12px !important;
624 + text-align: center !important;
625 + border: 1px solid #4d565f;
1467 626 }
1468 627
1469 -#qcld_save_openrouter_setting {
1470 - margin: 0 0 15px 0;
628 +a.wpbot_free_messenger_adds:hover {
629 + background: #337ab7 !important;
630 + color: #fff !important;
1471 631 }
1472 632
1473 -
1474 -div#openrouter-settings .tab-content {
1475 - padding: 0 12px 0 12px;
1476 - width: 100%;
633 +#section-flip-1 .to-icon-box.left .to-icon-txt.fa-4x-txt {
634 + margin-left: 0;
1477 635 }
1478 636
1479 -.qcl-openai .accordion {
1480 - padding: 0 0 0 15px;
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%;
1481 642 }
1482 -
1483 -.qcl-openai .card-body-openrouter {
1484 - padding: 0 15px 0 15px;
643 +.getting_gtarted_section .wpb_wrapper h3 > span{
644 + color:#000;
645 + font-weight: bold;
1485 646 }
1486 647
1487 648
1488 -.admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container h4 {
1489 - width: 396px;
649 +.qc_wpbot_pro {
650 + color: #fff !important;
1490 651 }
1491 652
1492 -.admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container select {
1493 - border-color: #ffffff;
1494 - width: 220px;
1495 -}
1496 653
1497 -
1498 -.admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-openai-training-model .row.my-4 {
1499 - font-size: 15px;
1500 - display: flex;
1501 - width: 100%;
1502 - align-items: center;
1503 - justify-content: center;
1504 - min-height: 420px;
1505 - text-align: center;
654 +/* Table Css for slider list page */
655 +.qchero_slider_table_area {
656 + margin-top: 20px;
1506 657 }
1507 -
1508 -.admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-data_post_converter .row.my-4 {
1509 - font-size: 16px;
1510 - display: flex;
658 +.sld_payment_table {
659 + margin: 0 0 40px 0;
1511 660 width: 100%;
1512 - align-items: center;
1513 - justify-content: center;
1514 - min-height: 420px;
1515 - text-align: center;
661 + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
662 + display: table;
1516 663 }
1517 -
1518 -.admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-img_generator .row.my-4 {
1519 - font-size: 16px;
1520 - display: flex;
1521 - width: 100%;
1522 - align-items: center;
1523 - justify-content: center;
1524 - min-height: 420px;
1525 - text-align: center;
664 +.sld_responsive_head {
665 + display: none;
1526 666 }
1527 -
1528 -.admin-maxwith.qcld-openai-main-box .tab-content div#wp-chatbot-content_writer .row.my-4 {
1529 - font-size: 16px;
1530 - display: flex;
1531 - width: 100%;
1532 - align-items: center;
1533 - justify-content: center;
1534 - min-height: 420px;
1535 - text-align: center;
1536 -}
1537 -
1538 -
1539 -.qcld-wrap.swpm-admin-menu-wrap {
1540 - display: flex;
1541 - margin: 15px 0;
1542 -}
1543 -
1544 -.qcld_help_wppt_nav_container {
1545 - display: flex;
1546 - flex-direction: column;
1547 - width: 320px;
1548 - background: #fff;
1549 - border-radius: 16px;
1550 - margin: 0 20px 0 0;
1551 -}
1552 -
1553 -.content_qcbot_help_secion {
667 +#sld_page_check {
668 + display: block;
669 + overflow: hidden;
1554 670 position: relative;
1555 - width: 79%;
1556 - display: block;
1557 - background: #fff;
1558 - border-radius: 16px;
1559 - padding: 15px 20px;
671 + left: -185%;
672 + top: -39px;
1560 673 }
1561 674
1562 -.qcld_help_wppt_nav_container a {
1563 - margin: 2px 10px;
675 +@media only screen and (min-width: 320px) and (max-width: 767px) {
676 +.sld_payment_cell {
677 + display: block !important;
1564 678 }
1565 -
1566 -.qcld_help_wppt_nav_container a {
1567 - margin: 2px 10px;
1568 - font-size: 15px;
1569 - font-weight: 500;
1570 - border: none;
1571 - padding: 14px 20px !important;
1572 - display: flex;
1573 - align-items: center;
1574 - gap: 15px;
679 +.sld_payment_row {
680 + display: block !important;
1575 681 }
1576 -
1577 -.qcld_help_wppt_nav_container a:hover {
1578 - margin: 2px 10px;
1579 - font-size: 15px;
1580 - font-weight: 500;
1581 - border: none;
1582 - background: #5b4e96;
1583 - color: #fff;
1584 - padding: 14px 20px !important;
1585 - display: flex;
1586 - align-items: center;
1587 - gap: 15px;
682 +.header {
683 + display: none !important;
1588 684 }
1589 -
1590 -.content_qcbot_help_secion .panel-default>.panel-heading {
1591 - color: #333;
1592 - background-color: #f5f5f5;
1593 - border-color: #5B4E96;
1594 - background: #fff !important;
1595 - color: #5B4E96 !important;
1596 - text-decoration: none !important;
1597 - border-radius: 8px;
1598 - border: 2px solid #5B4E96;
1599 - padding: 0;
1600 -}
1601 -
1602 -
1603 -.content_qcbot_help_secion .panel-default>.panel-heading:hover {
1604 - background: #5B4E96 !important;
1605 - color: #ffffff !important;
1606 - text-decoration: none !important;
1607 - border-radius: 8px;
1608 -}
1609 -
1610 -
1611 -.content_qcbot_help_secion .panel-default>.panel-heading:hover a{
1612 - color: #ffffff !important;
1613 -}
1614 -.content_qcbot_help_secion .panel-default {
1615 - border-color: #dddddd00;
1616 - margin-bottom: 10px;
1617 -}
1618 -
1619 -.content_qcbot_help_secion .panel-title a {
1620 - padding: 10px 15px;
685 +.sld_responsive_head {
1621 686 display: block;
1622 - position: relative;
1623 - display: block;
1624 - padding: 15px 12px;
1625 - font-size: 16px;
687 + float: left;
688 + width: 100px;
689 + font-size: 14px;
1626 690 font-weight: bold;
1627 - color: #5B4E96;
1628 691 }
1629 -
1630 -.content_qcbot_help_secion p {
1631 - font-size: 15px;
1632 692 }
1633 693
1634 -.content_qcbot_help_secion .panel-title a.collapsed:after {
1635 - content: "\f10f";
1636 - position: absolute;
1637 - right: 18px;
1638 - top: 12px;
1639 - font-family: dashicons;
1640 - font-size: 24PX;
1641 - font-weight: normal;
694 +@media only screen and (max-width: 1020px) {
695 +#sld_page_check {
696 + left: 0%;
697 + top: 0px;
1642 698 }
1643 -
1644 -.content_qcbot_help_secion .panel-title a:after {
1645 - content: "\f14f";
1646 - position: absolute;
1647 - right: 18px;
1648 - top: 12px;
1649 - font-family: dashicons;
1650 - font-size: 24PX;
1651 - font-weight: normal;
1652 699 }
1653 -
1654 -
1655 -.content_qcbot_help_secion .panel-default>.panel-heading+.panel-collapse>.panel-body {
1656 - border-top-color: transparent;
1657 - background: linear-gradient(181deg, #ffffff 70%, #e9e4ff 96%);
1658 - border-radius: 16px;
1659 - border: 1px solid #eee;
1660 - margin: 8px 0 0 0;
1661 - padding: 20px 15px;
700 +.sld_payment_row {
701 + display: table-row;
702 + background: #fff;
1662 703 }
1663 -
1664 -.content_qcbot_help_secion .panel {
1665 - box-shadow: none;
704 +.sld_payment_row:nth-of-type(odd) {
705 + background: #e9e9e9;
1666 706 }
1667 -
1668 -.qcbot_help_secion h3 {
1669 - font-size: 16px;
1670 - font-weight: bold;
707 +.sld_payment_row.header {
708 + font-weight: 900;
709 + background: #0073aa;
1671 710 }
1672 -
1673 -.qcbot_help_secion ul li {
1674 - list-style: inside;
1675 -}
1676 -
1677 -.notice.is-dismissible.qcbot-str-top-notic {
1678 - width: 98.7%;
1679 -}
1680 -
1681 -.qcld-main-wrapper {
1682 - margin: 10px 0px 0 2px !important;
1683 -}
1684 -
1685 -.content_qcbot_help_secion .section-container {
1686 - display: flex;
1687 - gap: 30px;
1688 -}
1689 -
1690 -.content-wrap .section-container {
1691 - display: flex;
1692 - gap: 30px;
1693 -}
1694 -
1695 -.wpbot_statistics_area h2 {
1696 - font-size: 22px;
1697 - font-weight: bold;
1698 -}
1699 -
1700 -
1701 -section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover a {
711 +.sld_payment_row.header .sld_payment_cell {
1702 712 color: #fff;
1703 713 }
1704 -
1705 -.qcld-main-wrapper a {
1706 - text-decoration: none !important;
1707 -}
1708 -
1709 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1710 - text-decoration: none;
1711 -}
1712 -
1713 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link:hover {
1714 - font-weight: bold;
1715 - display: block;
714 +.sld_payment_cell {
1716 715 padding: 15px 12px;
1717 - font-size: 16px;
1718 - color: #fff;
1719 - background: #5B4E96;
1720 - width: 100%;
1721 - text-align: left;
716 + display: table-cell;
717 + color: #555;
718 + vertical-align: middle;
1722 719 }
1723 -
1724 -.content-wrap .qcld-seo-help-feature ul {
1725 - background: linear-gradient(178deg, #ffffff 70%, #e9e4ff 96%);
1726 - border-radius: 6px;
1727 - padding: 5px 8px;
1728 - border: 1px solid #eee;
720 +.sld_menu_title, .form_wrapper_sliderhero {
721 + background-color: #fff;
722 + padding: 15px;
723 + border-left: 3px solid #0073aa;
724 + margin-top: 12px;
1729 725 }
1730 -
1731 -.wp-chatbot-tabs nav ul li a {
1732 - color: #695d99;
726 +.sld_menu_title h2 {
727 + font-size: 26px;
728 + text-transform: uppercase;
729 + color: #000;
730 + font-weight: normal;
1733 731 }
1734 732
1735 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a {
1736 - color: #695d99;
1737 -}
1738 733
1739 734
1740 -.qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab {
1741 - float: left;
1742 - border: 1px solid #c3c4c7;
1743 - border-bottom: 1px;
1744 - margin-left: .5em;
1745 - font-size: 16px;
1746 - line-height: 1.71428571;
1747 - font-weight: 600;
1748 - background: #ffffff;
1749 - color: #5b4e96;
1750 - text-decoration: none;
1751 - white-space: nowrap;
1752 - border: 1px solid #5b4e96;
1753 - padding: 14px 20px !important;
1754 - line-height: normal !important;
1755 - border-radius: 6px;
1756 -
735 +.wp-chatbot-version h3 {
736 + color: #fff;
737 + padding: 8px;
738 + display: inline-table;
739 + background: #337ab7;
740 + text-transform: uppercase;
741 + letter-spacing: 1px;
742 + text-shadow: 0 0 2px #000;
743 + font-size: 15px;
744 + line-height: 20px;
745 + border-radius: 5px;
1757 746 }
1758 -
1759 -.qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab:hover, .qcld-main-wrapper .qcld_help_wppt_nav_container .nav-tab.nav-tab-active {
1760 - float: left;
1761 - border: 1px solid #c3c4c7;
1762 - border-bottom: 1px;
1763 - margin-left: .5em;
1764 - font-size: 16px;
1765 - line-height: 1.71428571;
1766 - font-weight: 600;
1767 - background: #5b4e96;
747 +a.wpchatbot-Upgrade {
748 + background: #f0ad4e;
749 + padding: 8px;
750 + border-radius: 5px;
751 + font-size: 15px;
752 + text-transform: uppercase;
1768 753 color: #fff;
1769 - text-decoration: none;
1770 - white-space: nowrap;
1771 - border: 1px solid #5b4e96;
1772 - padding: 14px 20px !important;
1773 - line-height: normal !important;
1774 -
1775 754 }
1776 -
1777 -.qcld_label_width_full{
1778 - width: 100% !important;
755 +a.wpchatbot-Upgrade:hover {
756 +background: #337ab7;
757 +text-decoration:none;
758 +color: #fff;
1779 759 }
1780 -.cxsc-settings-blocks-font-resize{
1781 - font-size: 14px !important;
760 +a.wpbot_free_messenger_adds {
761 + background: #f0ad4e !important;
762 + color: #000 !important;
1782 763 }
1783 764
1784 -.qcld_thumbnail_theme_prev label{
1785 - width: 100% !important;
1786 - position: relative;
1787 - text-align: center;
765 +a.wpbot_free_messenger_adds:hover {
766 + background: #337ab7 !important;
767 + color: #fff !important;
1788 768 }
1789 769
1790 -button.swal2-confirm.btn.btn-lg.swal2-styled {
1791 - padding: 14px 20px;
1792 - width: 100%;
1793 - font-size: 16px;
1794 - font-weight: 500;
1795 - color: #988FBD;
1796 - border-radius: 8px;
1797 - position: relative;
1798 - display: flex;
1799 - align-items: center;
1800 - gap: 15px;
1801 - background: #5B4E96;
1802 - color: #ffffff;
1803 - text-decoration: none;
1804 - border-color: #5b4e96 !important;
770 +.cxsc-settings-blocks-notic p {
771 + font-size: 14px;
772 + line-height: 28px;
1805 773 }
1806 -
1807 -
1808 -
1809 -
1810 -
1811 -
1812 -
1813 -
1814 -
1815 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label {
1816 - position: relative;
1817 - width: 18px;
1818 - height: 18px;
1819 - border: 2px solid #5b4e96;
1820 - border-radius: 4px;
1821 - top: 0;
1822 - left: 0;
1823 - transform: translate(0%, 0%);
1824 - transition: all ease-out 200ms;
1825 - text-indent: 28px;
1826 - font: normal normal 30px / 60px "Helvetica";
1827 - white-space: nowrap;
1828 - color: #555;
1829 - -webkit-user-select: none;
1830 - -moz-user-select: none;
1831 - -ms-user-select: none;
1832 - user-select: none;
1833 - display: flex;
1834 - align-items: center;
774 +.cxsc-settings-blocks-notic {
775 + box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
776 + padding: 12px;
777 + margin: 0 0 20px 0;
778 + border-radius: 6px;
779 + border: 1px solid #8c8f949c;
1835 780 }
1836 -
1837 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]+label:after {
1838 - content: "";
1839 - position: absolute;
1840 - width: 0px;
1841 - height: 8px;
1842 - border-bottom: 3px solid #22b573;
1843 - border-left: 3px solid #22b573;
1844 - top: 25%;
1845 - left: 50%;
1846 - transform-origin: bottom left;
1847 - transform: rotate(-45deg);
1848 - opacity: 0;
1849 - transition: all ease-out 200ms;
781 +.cxsc-settings_openai_border{
782 + border-bottom: 1px solid #4d565f;
1850 783 }
1851 -
1852 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label {
1853 - border: 2px solid #22b573;
784 +.cxsc-settings-blocks-addon{
785 + box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
786 + padding: 12px;
787 + margin: 0 0 20px 0;
788 + border-radius: 6px;
789 + border: 1px solid #8c8f949c;
790 + font-size: 15px;
791 + line-height: 25px;
792 + width: 75%;
1854 793 }
1855 794
1856 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label:after {
1857 - opacity: 1;
1858 - width: 22px;
1859 -}
1860 795
1861 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox] {
1862 - display: none;
796 +.wp-chatbot-tabs-style-flip .cxsc-settings_openai_border span.wpwbot-admin-tab-icon {
797 + width: 25px;
798 + font-size: 16px;
1863 799 }
1864 -
1865 -.cxsc-settings_openai_border {
1866 - margin-bottom: 6px;
1867 -}
1868 -
1869 -div#wp-chatbot-custom-color-options .top-section .row .cxsc-settings-blocks {
1870 - padding-top: 0;
1871 -}
1872 -
1873 -div#wp-chatbot-post-converter ul.checkbox-list {
1874 - display: flex;
1875 - flex-wrap: wrap;
1876 - gap: 6px;
1877 -}
1878 -div#wp-chatbot-post-converter ul.checkbox-list .form-check.form-check-inline {
800 +.wp-chatbot-tabs-style-flip .cxsc-settings_openai_border span {
1879 801 display: inline-block;
1880 - min-width: 290px;
1881 - margin: 0;
802 + padding-right: 5px;
1882 803 }
1883 804
805 +/**************** open AI *********************/
1884 806
1885 -
1886 -div#wp-chatbot-show-pages-list ul.checkbox-list {
1887 - display: flex;
1888 - flex-wrap: wrap;
1889 - gap: 6px;
807 +.admin-maxwith{
808 + max-width: 1100px !important;
809 + padding: 0;
1890 810 }
1891 -
1892 -div#wp-chatbot-exclude-post-list ul.checkbox-list {
1893 - display: flex;
1894 - flex-wrap: wrap;
1895 - gap: 6px;
811 +.rl-col-custom{
812 + flex: 0 0 auto;
813 + width: 26px !important;
1896 814 }
1897 815
1898 816
1899 -div#wp-chatbot-show-pages-list ul.checkbox-list li{
1900 - display: inline-block;
1901 - min-width: 310px;
1902 - margin: 0;
817 +.qc_openai_addon_settings_options{
818 + background: #fff;
819 + padding: 20px;
820 + margin: 20px 0;
821 + -webkit-border-radius: 10px;
822 + border-radius: 10px;
1903 823 }
1904 824
1905 -div#wp-chatbot-exclude-post-list ul.checkbox-list li{
1906 - display: inline-block;
1907 - min-width: 310px;
1908 - margin: 0;
825 +.qcl-openai body {
826 + margin: 0;
827 + font-family: var(--bs-font-sans-serif);
828 + font-size: 1rem;
829 + font-weight: 400;
830 + line-height: 1.5;
831 + color: #212529;
832 + background-color: #fff;
833 + -webkit-text-size-adjust: 100%;
834 + -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1909 835 }
1910 -#rotationloader
1911 - {
1912 - display: none;
1913 - rotate: initial;
1914 - -webkit-animation: rotation 2s infinite linear;
836 +.qcl-openai hr {
837 + margin: 1rem 0;
838 + color: inherit;
839 + background-color: currentColor;
840 + border: 0;
841 + opacity: 0.25;
1915 842 }
1916 843
1917 -.docs_icon {
1918 -position: absolute;
1919 - top: 0;
1920 - bottom: 0;
1921 - left: 0;
1922 - right: 0;
1923 - z-index: 1;
1924 - text-align: center;
1925 - display: flex;
1926 - align-items: center;
1927 - justify-content: center;
1928 - background: #5b4e968f;
1929 - color: #ffffff;
1930 - font-size: 60px;
1931 - border-radius: 8px;
844 +.qcl-openai h4{
845 + font-size: 1.5rem;
1932 846 }
1933 -a.qcld-wp-chatbot-wrap--doc_logo {
1934 - text-decoration: none !important;
1935 - position: relative;
847 +.qcl-openai h4 {
848 + margin-top: 0;
849 + margin-bottom: 0.5rem;
850 + font-weight: 500;
851 + line-height: 1.2;
852 + font-size: calc(1.275rem + 0.3vw);
1936 853 }
1937 -.docs_icon span {
1938 - background: #5b4e96;
1939 - padding: 25px 25px;
1940 - border-radius: 50%;
1941 - font-size: 82px;
1942 - width: auto;
1943 - height: auto;
1944 -}
1945 854
1946 855
1947 -/* .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
1948 - font-size: 18px;
1949 - display: block !important;
1950 -} */
1951 -
1952 -.lp-submenu-wpbot_openAi .swal2-actions button {
1953 - width: auto !important;
1954 - padding: 10px 40px !important;
1955 - line-height: normal !important;
856 +.qcl-openai table {
857 + width: 100%;
858 + margin: 20px 0 0 0;
1956 859 }
1957 -.lp-submenu-wpbot_openAi .swal2-actions {
1958 - display: flex;
860 +.qcl-openai td {
861 + border-width: 1px;
862 + padding: 10px 7px;
1959 863 }
1960 -.lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
1961 - font-size: 16px !important;
1962 - font-weight: 500 !important;
864 +.qcl-openai a {
865 + cursor: pointer;
1963 866 }
1964 867
1965 -.wp-chatbot-wrap hr {
1966 - margin-top: 10px;
1967 - margin-bottom: 10px;
868 +.qcl-openai .gx-0 {
869 + --bs-gutter-x: 0;
1968 870 }
1969 -
1970 -
1971 -.wp-chatbot-wrap a.nav-tab.sld_click_handle {
1972 - margin-right: .5em;
1973 - line-height: 1.42857143;
1974 - border: 1px solid #5b4e96 !important;
1975 - border-radius: 6px !important;
1976 - border: 1px solid #5b4e96 !important;
1977 - padding: 10px 20px !important;
1978 - border-radius: 8px !important;
1979 - color: #5b4e96 !important;
1980 - font-size: 15px !important;
1981 - font-weight: 600;
1982 - line-height: normal !important;
1983 - background: #fff;
1984 -}
1985 -
1986 -.wp-chatbot-wrap a.nav-tab.sld_click_handle:hover, .wp-chatbot-wrap a.nav-tab.sld_click_handle.nav-tab-active{
1987 - margin-right: .5em;
1988 - line-height: 1.42857143;
1989 - border: 1px solid #5b4e96 !important;
1990 - border-radius: 6px !important;
1991 - border: 1px solid #5b4e96 !important;
1992 - padding: 10px 20px !important;
1993 - border-radius: 8px !important;
1994 - color: #fff !important;
1995 - font-size: 15px !important;
1996 - font-weight: 600;
1997 - line-height: normal !important;
1998 - background: #5b4e96;
1999 -}
2000 -
2001 -
2002 -
2003 -
2004 -
2005 -
2006 -
2007 -
2008 -.swal2-actions {
871 +.qcl-openai .row {
2009 872 display: flex;
2010 - z-index: 1;
2011 - box-sizing: border-box;
2012 873 flex-wrap: wrap;
2013 - align-items: center;
2014 - justify-content: center;
2015 - width: 100%;
2016 - margin: 1.25em auto 0;
2017 - padding: 0;
874 + margin-top: calc(var(--bs-gutter-y) * -1);
875 + margin-right: calc(var(--bs-gutter-x) * -.5);
876 + margin-left: calc(var(--bs-gutter-x) * -.5);
2018 877 }
2019 -button.swal2-deny.swal2-styled{
2020 - border: 0;
2021 - border-radius: .25em;
2022 - background: initial;
2023 - background-color: #d14529 !important;
2024 - color: #fff;
2025 - font-size: 1em;
2026 - padding: 14px 20px;
2027 - width: auto;
2028 - font-size: 16px;
2029 - font-weight: 500;
2030 - color: #988FBD;
2031 - border-radius: 8px;
2032 - position: relative;
2033 - display: flex;
2034 - align-items: center;
2035 - gap: 15px;
2036 - background: #d14529;
2037 - color: #ffffff;
2038 - text-decoration: none;
2039 - border-color: #5b4e96 !important;
2040 -}
2041 878
879 +@media (min-width: 576px){
880 + .qcl-openai .p-sm-3 {
881 + padding: 1rem !important;
882 + }
2042 883
2043 -button.swal2-confirm.btn.btn-lg.swal2-styled {
2044 - width: auto !important;
2045 884 }
2046 -
2047 -.chatbot-wpbot-lite_page_wpbot button.swal2-deny.swal2-styled {
2048 - display: none !important;
885 +/*.qcl-openai .bg-dark {
886 + background-color: #212529 !important;
887 +}*/
888 +.qcl-openai .row > {
889 + flex-shrink: 0;
890 + width: 100%;
891 + max-width: 100%;
892 + padding-right: 20px;
893 + padding-left: 20px;
894 + margin-top: var(--bs-gutter-y);
2049 895 }
2050 -a#qcld_save_openrouter_setting {
2051 - background: #5B4E96;
2052 - color: #ffffff;
2053 - border: none;
2054 - padding: 12px 30px;
2055 -}
2056 896
2057 -a#save_setting {
2058 - background: #5B4E96;
2059 - color: #ffffff;
2060 - border: none;
2061 - padding: 12px 30px;
2062 -}
897 +@media (min-width: 576px){
898 + .qcl-openai .p-sm-4 {
899 + padding: 1.5rem !important;
900 + }
2063 901
2064 -@media (max-width: 1280px) {
2065 -.content-wrap {
2066 - width: 50% !important;
2067 902 }
903 +@media (min-width: 576px){
904 + .qcl-openai .col-sm-10 {
905 + flex: 0 0 auto;
906 + width: 83.33333333%;
907 + }
2068 908
2069 -.wp-chatbot-admin-upgrade-pro-sidebar {
2070 -
2071 - width: 24% !important;
2072 909 }
2073 -
2074 -}
2075 -
2076 -@media (max-width: 992px) {
2077 -.wp-chatbot-tabs nav {
2078 - width: 100% !important;
2079 - margin-right: 0 !important;
2080 -}
2081 -.content-wrap {
2082 - width: 100% !important;
2083 -}
2084 -.wp-chatbot-admin-upgrade-pro-sidebar {
2085 - width: 100% !important;
2086 - margin: 0 0 0 0 !important;
2087 -}
2088 -.wp-chatbot-tabs {
2089 - display: flex;
2090 - flex-wrap: wrap;
2091 - gap: 20px;
2092 -}
2093 -.admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
2094 - display: flex;
2095 - flex-wrap: wrap;
2096 -}
2097 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
910 +.qcl-openai .row > * {
911 + flex-shrink: 0;
2098 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);
2099 917 }
2100 -.qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2101 - padding: 12px 5px !important;
2102 -}
2103 -label.form-check-label span {
2104 - display: none;
2105 -}
2106 -.qc-review-text img {
2107 - width: 100%;
2108 -}
2109 918
2110 -.content_qcbot_help_secion {
2111 - width: 100% !important;
2112 -}
2113 -.qcld_help_wppt_nav_container {
2114 - width: 100% !important;
2115 -}
2116 -.qcld-wrap.swpm-admin-menu-wrap {
2117 - display: flex
2118 -;
2119 - margin: 15px 0;
2120 - flex-direction: column;
2121 - flex-wrap: wrap;
2122 -}
2123 -}
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 + }
2124 926
2125 -
2126 -@media (max-width: 640px) {
2127 -.qcld-wp-chatbot-wrap-header {
2128 - display: flex;
2129 - column-gap: 15px;
2130 - row-gap: 10px;
2131 - background: #fff;
2132 - padding: 15px 15px;
2133 - margin: 20px 20px 20px 0;
2134 - border-radius: 16px;
2135 - align-items: center;
2136 - justify-content: space-between;
2137 - flex-direction: column;
2138 927 }
2139 -ul.qcld-wp-chatbot-wrap-version-wrapper {
2140 - display: block;
2141 - margin: 15px 0 15px 0;
928 +/*.qcl-openai .bg-dark {
929 + background-color: #212529 !important;
930 +}*/
931 +.qcl-openai .ms-auto {
932 + margin-left: auto !important;
2142 933 }
2143 -.qcld-wp-chatbot-wrap-header-doc {
2144 - display: flex
2145 -;
2146 - column-gap: 15px;
2147 - row-gap: 10px;
2148 - background: #fff;
2149 - padding: 15px 15px;
2150 - margin: 20px 20px 20px 0;
2151 - border-radius: 16px;
2152 - align-items: center;
2153 - justify-content: flex-start;
2154 - display: flex
2155 -;
2156 - background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
2157 - border-radius: 16px;
2158 - gap: 30px;
2159 - flex-direction: column;
2160 -}
2161 -.qcld-wp-chatbot-wrap-header-doc-details {
934 +.qcl-openai .row > * {
935 + flex-shrink: 0;
2162 936 width: 100%;
937 + max-width: 100%;
938 + padding-right:20px;
939 + padding-left: 20px;
940 + margin-top: var(--bs-gutter-y);
2163 941 }
2164 - .qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2165 - padding: 12px 25px !important;
2166 - }
2167 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
2168 - display: inline-block;
2169 - width: 100%;
2170 -}
2171 -}
2172 942
2173 -.swal2-popup.swal2-modal.connection-modal button.swal2-deny.swal2-styled{display: none !important;}
2174 -.swal2-popup.swal2-modal.connection-modal .swal2-styled.swal2-confirm {
2175 - padding: 14px 20px;
2176 - width: auto;
2177 - font-size: 16px;
2178 - align-items: center;
2179 - gap: 15px;
2180 - background: #5B4E96;
2181 - color: #ffffff;
2182 - text-decoration: none;
2183 - border-color: #5b4e96 !important;
943 +.qcl-openai [type=button]:not(:disabled) {
944 + cursor: pointer;
2184 945 }
2185 -
2186 -.wrap.qcld-main-wrapper a:focus {
2187 - outline: none !important;
2188 - outline-offset: 0 !important;
2189 - box-shadow: none !important;
946 +.qcl-openai button:not(:disabled) {
947 + cursor: pointer;
2190 948 }
2191 -
2192 -p.qc-opt-dcs-font-faq {
2193 - font-weight: bold;
949 +.qcl-openai .mb-3 {
950 + margin-bottom: 1rem !important;
2194 951 }
2195 952
2196 -
2197 -.qcld-general-settings-connection-notic {
2198 - background: #eee;
2199 - border: 2px solid #5b4e96;
2200 - border-radius: 8px;
2201 - margin: 0 0 15px 0;
2202 - padding: 12px;
2203 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
2204 - position: relative;
953 +.qcl-openai .my-4 {
954 + margin-top: 1.5rem !important;
955 + margin-bottom: 1.5rem !important;
2205 956 }
2206 -.qcld-general-settings-connection-notic p{
2207 - margin: 6px 0 6px 0;
2208 - padding: 0;
2209 - font-size: 15px;
2210 - font-weight: 500;
957 +.qcl-openai .form-switch {
958 + padding-left: 2.5em;
2211 959 }
2212 -
2213 -
2214 -.qcld-general-settings-close {
2215 - position: absolute;
2216 - top: -10px;
2217 - right: 3px;
2218 - transition: all 200ms;
2219 - font-size: 30px;
2220 - font-weight: bold;
2221 - text-decoration: none;
2222 - color: #5b4e96;
2223 -}
2224 -.qcld-general-settings-close:hover {
2225 - color: orange;
2226 -}
2227 -#qcld-show-more-wrapper-box {
2228 - margin-top: 0;
2229 - position:relative;
2230 -}
2231 -#qcld-show-more-wrapper-box .qcld-show-more-text {
2232 -/* width: 660px; */
2233 - margin-bottom: 5px;
2234 - padding: 0 0;
2235 - position:relative;
2236 - display: block;
2237 -}
2238 -#qcld-show-more-wrapper-box .qcld-show-more-show-more {
2239 -color: #ffffff;
2240 - position: relative;
2241 - padding: 60px 0 0 0;
2242 - height: 60px;
2243 - text-align: center;
2244 - background: #f1f1f1;
2245 - cursor: pointer;
2246 - background: linear-gradient(to bottom, rgb(255 255 255 / 24%) 0%, rgb(188 174 255) 100%);
2247 - margin: -39px 0 0 0;
2248 - border-radius: 0 0 15px 15px;
2249 - z-index: 99999;
2250 - font-weight: bold;
2251 -}
2252 -
2253 -#qcld-show-more-wrapper-box .qcld-show-more-show-more-height {
2254 - height: 190px;
2255 - overflow:hidden;
2256 -}
2257 -
2258 -#qcld-show-more-wrapper-box .qcld-show-more-show-more i {
960 +.qcl-openai .form-check {
2259 961 display: block;
2260 - padding: 0 0 0 0;
2261 - background: #5b4e96;
2262 - width: 30px;
2263 - height: 30px;
2264 - line-height: 30px;
2265 - border-radius: 50%;
2266 - margin: -15px auto 0 auto;
2267 - font-size: 18px !important;
2268 - color: #fff;
962 + min-height: 1.5rem;
963 + padding-left: 1.5em;
964 + margin-bottom: 0.125rem;
2269 965 }
2270 966
2271 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]+label {
2272 - position: relative;
2273 - width: 18px;
2274 - height: 18px;
2275 - border: 2px solid #5b4e96;
2276 - border-radius: 4px;
2277 - top: 0;
2278 - left: 0;
2279 - transform: translate(0%, 0%);
2280 - transition: all ease-out 200ms;
2281 - text-indent: 28px;
2282 - white-space: nowrap;
2283 - color: #555;
2284 - -webkit-user-select: none;
2285 - -moz-user-select: none;
2286 - -ms-user-select: none;
2287 - user-select: none;
2288 - display: flex;
2289 - align-items: center;
2290 - margin-bottom: 0;
2291 - line-height: 30px;
967 +@media (min-width: 576px) {
968 +.qcl-openai .p-sm-0 {
969 + padding: 0 !important;
2292 970 }
2293 -
2294 -
2295 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]+label:after {
2296 - content: "";
2297 - position: absolute;
2298 - width: 0px;
2299 - height: 8px;
2300 - border-bottom: 3px solid #22b573;
2301 - border-left: 3px solid #22b573;
2302 - top: 25%;
2303 - left: 50%;
2304 - transform-origin: bottom left;
2305 - transform: rotate(-45deg);
2306 - opacity: 0;
2307 - transition: all ease-out 200ms;
2308 971 }
2309 -
2310 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label {
2311 - border: 2px solid #22b573;
972 +.qcl-openai .card-body {
973 + flex: 1 1 auto;
974 + padding: 1rem 1rem;
2312 975 }
2313 976
2314 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label:after {
2315 - opacity: 1;
2316 - width: 22px;
977 +.qcl-openai .card {
978 + position: relative;
979 + display: -webkit-box;
980 + display: -ms-flexbox;
981 + display: flex;
982 + padding: 0 !important;
983 + max-width: 100% !important;
984 + margin-top: 0px;
985 + -webkit-box-orient: vertical;
986 + -webkit-box-direction: normal;
987 + -ms-flex-direction: column;
988 + flex-direction: column;
989 + min-width: 0;
990 + word-wrap: break-word;
991 + background-color: #fff;
992 + background-clip: border-box;
993 + border: 1px solid rgba(0,0,0,.125);
994 + border-radius: 0.25rem;
2317 995 }
2318 996
2319 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox] {
2320 - display: none;
2321 -}
2322 997
2323 -
2324 -.qcl-openai div#wp-chatbot-gemini-settings .form-check {
2325 - margin-bottom: 15px;
2326 - border: 1px solid #E5E6F2;
2327 - padding: 12px 12px;
2328 - border-radius: 8px;
998 +.qcl-openai .card-header:first-child {
999 + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
2329 1000 }
2330 -
2331 -.qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span {
2332 - font-size: 12px;
1001 +.qcl-openai .py-sm-4 {
1002 + padding-top: 1.5rem !important;
1003 + padding-bottom: 1.5rem !important;
2333 1004 }
2334 -
2335 -.qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span.pro-badge {
2336 - font-size: 9px;
2337 - font-weight: 400;
2338 - color: #ffffff;
2339 - background: #5B4E96;
2340 - border-radius: 20px;
2341 - padding: 2px 8px;
2342 - margin-left: 5px;
2343 - text-transform: uppercase;
2344 - text-indent: initial;
2345 - line-height: 16px;
1005 +.qcl-openai .bg-dark {
1006 + background-color: #212529 !important;
2346 1007 }
2347 -
2348 -.qcl-openai div#wp-chatbot-gemini-settings a#save_setting {
2349 - margin: 0 0 15px 0;
1008 +.qcl-openai .text-white {
1009 + color: #fff !important;
2350 1010 }
2351 -
2352 -
2353 -
2354 -span.qcls_openAI_customized {
2355 - background: yellow;
1011 +.qcl-openai .border-0 {
1012 + border: 0 !important;
2356 1013 }
2357 -.admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
2358 - font-size: 16px;
2359 - line-height: 28px;
1014 +.qcl-openai .card-header {
1015 + padding: 0.75rem 1.25rem;
1016 + margin-bottom: 0;
1017 + background-color: rgba(0,0,0,.03);
1018 + border-bottom: 1px solid rgba(0,0,0,.125);
2360 1019 }
2361 -textarea#qcld_openai_system_content {
2362 - height: 120px;
2363 - line-height: 28px;
1020 +.qcl-openai .card-header h2{
1021 + margin-top: 0 !important;
1022 + margin-bottom: 0 !important;
2364 1023 }
2365 -.qcld-openai-system-presets {
2366 - display: flex;
2367 - gap: 10px;
2368 - margin: 12px 0;
2369 - overflow-x: auto;
2370 - padding-bottom: 8px;
2371 - scroll-snap-type: x proximity;
2372 - flex-wrap: wrap;
1024 +.qcl-openai #wp-chatbot-openai-training-model{
1025 + padding-top: 20px;
1026 + padding-bottom: 20px;
2373 1027 }
2374 -.qcld-openai-system-preset {
2375 - align-items: center;
2376 - border: 1px solid #dcdcde;
2377 - border-radius: 6px;
2378 - cursor: pointer;
2379 - display: flex;
2380 - flex: 0 0 220px;
2381 - gap: 10px;
2382 - justify-content: center;
2383 - margin: 0;
2384 - min-height: 70px;
2385 - padding: 12px;
2386 - scroll-snap-align: start;
2387 - text-align: center;
1028 +.qcl-openai .form-check {
1029 + display: block;
1030 + min-height: 1.5rem;
1031 + padding-left: 1.5em;
1032 + margin-bottom: 0.125rem;
2388 1033 }
2389 -.qcld-openai-system-preset input {
2390 - display: none;
1034 +.qcl-openai .form-check .form-check-input {
1035 + float: left;
1036 + margin-left: -1.5em;
2391 1037 }
2392 -.qcld-openai-system-preset.is-selected {
2393 - background: #f0f6fc;
2394 - border-color: #2271b1;
1038 +.qcl-openai .form-check-input {
1039 + width: 1em;
1040 + height: 1em;
1041 + margin-top: 0.25em;
1042 + vertical-align: top;
1043 + background-color: #fff;
1044 + background-repeat: no-repeat;
1045 + background-position: center;
1046 + background-size: contain;
1047 + border: 1px solid rgba(0, 0, 0, 0.25);
1048 + -webkit-appearance: none;
1049 + -moz-appearance: none;
1050 + appearance: none;
1051 + -webkit-print-color-adjust: exact;
1052 + color-adjust: exact;
2395 1053 }
2396 -.qcld-openai-system-preset-content {
2397 - display: grid;
2398 - gap: 4px;
2399 - line-height: 22px;
1054 +.qcl-openai .form-check-input:active {
1055 + filter: brightness(90%);
2400 1056 }
2401 -.qcld-openai-system-preset-title {
2402 - color: #1d2327;
2403 - font-weight: 600;
1057 +.qcl-openai .form-check-input:focus {
1058 + border-color: #86b7fe;
1059 + outline: 0;
1060 + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2404 1061 }
2405 -.qcld-openai-system-preset-value {
2406 - display: none;
1062 +.qcl-openai .form-check-input:checked {
1063 + background-color: #0d6efd;
1064 + border-color: #0d6efd;
2407 1065 }
2408 -@media (max-width: 782px) {
2409 - .qcld-openai-system-preset {
2410 - flex-basis: 180px;
2411 - }
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");
2412 1068 }
2413 -.qcld-main-wrapper .alert.alert-warning {
2414 - background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96% 96%);
2415 - border-radius: 6px;
2416 - color: #721c24;
2417 - background: #f8d7da;
2418 - border-color: #f5c6cb;
2419 - font-weight: bold;
1069 +.qcl-openai .form-check-input:checked[type=radio] {
1070 + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
2420 1071 }
2421 -.qcld-wpbot-pricing-filter-form-check {
2422 - display: flex;
2423 - gap: 10px;
1072 +.qcl-openai .form-check-input:disabled {
1073 + pointer-events: none;
1074 + filter: none;
1075 + opacity: 0.5;
2424 1076 }
2425 -
2426 -.qcld-dialogflow-enable-notice {
2427 - padding: 15px 0 15px 0;
2428 - color: red;
2429 - font-weight: bold;
1077 +.qcl-openai .form-check-input:disabled ~ .form-check-label {
1078 + opacity: 0.5;
2430 1079 }
2431 -
2432 -a#qcld_save_gemini_setting {
2433 - background: #5B4E96;
2434 - color: #ffffff;
2435 - border: none;
2436 - padding: 12px 30px;
1080 +.qcl-openai .form-check-input[type=checkbox] {
1081 + border-radius: 0.25em;
2437 1082 }
2438 -.card-body-gemini {
2439 - padding: 0 15px;
1083 +.qcl-openai .form-check-input[type=checkbox]:indeterminate {
1084 + background-color: #0d6efd;
1085 + border-color: #0d6efd;
1086 + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
2440 1087 }
2441 -
2442 -div#panelsStayOpen-collapseseven pre {
2443 - width: 100%;
2444 - display: block;
2445 - max-width: 1120px;
1088 +.qcl-openai .form-check-input[type=radio] {
1089 + border-radius: 50%;
2446 1090 }
2447 -
2448 -.card-body-gemini p {
2449 - font-size: 16px;
2450 - font-weight: bold;
1091 +.qcl-openai .form-check-input[disabled] ~ .form-check-label {
1092 + opacity: 0.5;
2451 1093 }
2452 -
2453 -.card-body-openrouter p{
2454 - font-size: 16px;
2455 - font-weight: bold;
1094 +.qcl-openai .form-switch {
1095 + padding-left: 2.5em;
2456 1096 }
2457 -div#wp-chatbot-openai-assistants p {
2458 - font-size: 16px;
1097 +.qcl-openai .form-switch .form-check-input {
1098 + width: 2em;
1099 + margin-left: -2.5em;
1100 + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
1101 + background-position: left center;
1102 + border-radius: 2em;
1103 + transition: background-position 0.15s ease-in-out;
2459 1104 }
2460 -button.btn{
2461 - outline: none !important;
1105 +.qcl-openai .form-switch .form-check-input:focus {
1106 + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
2462 1107 }
2463 -button.btn:focus{
2464 - outline: none !important;
1108 +.qcl-openai .form-switch .form-check-input:checked {
1109 + background-position: right center;
1110 + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
2465 1111 }
2466 -input:focus {
2467 - border-color: #e1dbff;
2468 - box-shadow: none !important;
2469 - outline: none !important;
1112 +.qcl-openai .form-check-inline {
1113 + display: inline-block;
1114 + margin-right: 1rem;
2470 1115 }
2471 -
2472 -.wp-chatbot-wrap .qc-opt-language-title{
2473 - font-weight: bold !important;
2474 - color: #5b4e96 !important;
2475 - font-size: 16px;
1116 +.qcl-openai .form-check-inline .form-check-input ~ .valid-feedback {
1117 + margin-left: 0.5em;
2476 1118 }
2477 -
2478 -button.qcld_chatbot_custom_icon_button.button, button.wp_chatbot_custom_agent_button.button {
2479 - padding: 2px 20px;
2480 - width: auto;
2481 - font-size: 14px;
2482 - font-weight: 500;
2483 - color: #988FBD;
2484 - border-radius: 8px;
2485 - background: #fff;
2486 - color: #5B4E96;
2487 - text-decoration: none;
2488 - margin: 0;
2489 - border: 2px solid #5B4E96;
2490 -
1119 +.qcl-openai .form-check-inline .form-check-input ~ .invalid-feedback {
1120 + margin-left: 0.5em;
2491 1121 }
2492 1122
2493 -button.qcld_chatbot_custom_icon_button.button:hover, button.wp_chatbot_custom_agent_button.button:hover {
2494 - background: #5B4E96;
2495 - color: #fff;
2496 - border: 2px solid #5B4E96;
2497 -
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;
2498 1131 }
2499 -
2500 -
2501 -@media (min-width: 993px) and (max-width: 1350px) {
2502 -.wp-chatbot-admin-upgrade-pro-sidebar {
2503 - width: 25%;
1132 +.qcl-openai .form-range:focus {
1133 + outline: 0;
2504 1134 }
1135 +.qcl-openai .form-range:focus::-webkit-slider-thumb {
1136 + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2505 1137 }
2506 -
2507 -.wp-chatbot-tabs nav ul li a span.dashicons {
2508 - font-size: 20px;
2509 - width: auto;
2510 - height: auto;
1138 +.qcl-openai .form-range:focus::-moz-range-thumb {
1139 + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2511 1140 }
2512 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a span.dashicons {
2513 - font-size: 20px;
1141 +.qcl-openai .form-range::-moz-focus-outer {
1142 + border: 0;
2514 1143 }
2515 -
2516 -
2517 -.dashicons, .dashicons-before:before {
2518 - font-family: dashicons;
2519 - display: inline-block;
2520 - line-height: 1;
2521 - font-weight: 400;
2522 - font-weight: normal;
1144 +.qcl-openai .form-range::-webkit-slider-thumb {
1145 + width: 1rem;
1146 + height: 1rem;
1147 + margin-top: -0.25rem;
1148 + background-color: #0d6efd;
1149 + border: 0;
1150 + border-radius: 1rem;
1151 + -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1152 + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1153 + -webkit-appearance: none;
1154 + appearance: none;
2523 1155 }
2524 -
2525 -.qcl-openai a:focus {
2526 - outline: 0 auto -webkit-focus-ring-color;
2527 - outline-offset: 0;
2528 - border: none !important;
2529 - outline: none !important;
2530 - box-shadow: none;
1156 +.qcl-openai .form-range::-webkit-slider-thumb:active {
1157 + background-color: #b6d4fe;
2531 1158 }
2532 -
2533 -#qcld_check_connection i{
2534 - animation: rotation infinite 3s linear;
1159 +.qcl-openai .form-range::-webkit-slider-runnable-track {
1160 + width: 100%;
1161 + height: 0.5rem;
1162 + color: transparent;
1163 + cursor: pointer;
1164 + background-color: #dee2e6;
1165 + border-color: transparent;
1166 + border-radius: 1rem;
2535 1167 }
2536 -
2537 -.wp-chatbot-wrap div#wp-chatbot-custom-color-options .form-group {
2538 - min-height: 90px;
1168 +.qcl-openai .form-range::-moz-range-thumb {
1169 + width: 1rem;
1170 + height: 1rem;
1171 + background-color: #0d6efd;
1172 + border: 0;
1173 + border-radius: 1rem;
1174 + -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1175 + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1176 + -moz-appearance: none;
1177 + appearance: none;
2539 1178 }
2540 -
2541 -div#promotion-wpchatbot .qc-review-text a {
2542 - display: block;
1179 +.qcl-openai .form-range::-moz-range-thumb:active {
1180 + background-color: #b6d4fe;
2543 1181 }
2544 -.qcld-wp-chatbot-wrap-header-logo {
2545 - display: flex;
2546 - align-items: center;
2547 - gap: 10px;
1182 +.qcl-openai .form-range::-moz-range-track {
1183 + width: 100%;
1184 + height: 0.5rem;
1185 + color: transparent;
1186 + cursor: pointer;
1187 + background-color: #dee2e6;
1188 + border-color: transparent;
1189 + border-radius: 1rem;
2548 1190 }
2549 -@keyframes rotation{
2550 - from{
2551 - transform:rotate(360deg);
2552 - }
2553 -
2554 - to{
2555 - transform:rotate(0deg);
2556 - }
1191 +.qcl-openai .form-range:disabled {
1192 + pointer-events: none;
2557 1193 }
2558 -
2559 -.qcld-btn-primary {
2560 - padding: 14px 30px;
2561 - width: auto;
2562 - font-size: 16px;
2563 - font-weight: 500;
2564 - color: #988FBD;
2565 - border-radius: 8px;
2566 - position: relative;
2567 - display: inline-block;
2568 - align-items: center;
2569 - gap: 15px;
2570 - background: #5B4E96;
2571 - color: #ffffff;
2572 - text-decoration: none;
2573 - border-color: #5b4e96 !important;
2574 - line-height: normal;
1194 +.qcl-openai .form-range:disabled::-webkit-slider-thumb {
1195 + background-color: #adb5bd;
2575 1196 }
2576 -div#wpfooter {
2577 - display: none;
1197 +.qcl-openai .form-range:disabled::-moz-range-thumb {
1198 + background-color: #adb5bd;
2578 1199 }
2579 1200
2580 -.qcld-btn-primary {
2581 -
2582 - border: none;
1201 +.qcl-openai .text-end {
1202 + text-align: right !important;
2583 1203 }
2584 1204
2585 -div#qcld-rag-settings-tab .wrap h3 {
2586 - padding: 0 0 8px 0;
2587 - margin: 20px 0 12px 0;
2588 - font-weight: bold;
2589 - font-size: 22px !important;
2590 - color: #5b4e96 !important;
1205 +.qcl-openai .form-label {
1206 + margin-bottom: 0.5rem;
2591 1207 }
2592 -
2593 -div#rag-sync .wrap h3 {
2594 - padding: 0 0 8px 0;
2595 - margin: 10px 0 12px 0;
2596 - font-weight: bold;
2597 - font-size: 22px !important;
2598 - color: #5b4e96 !important;
1208 +.qcl-openai .col-form-label {
1209 + padding-top: calc(0.375rem + 1px);
1210 + padding-bottom: calc(0.375rem + 1px);
1211 + margin-bottom: 0;
1212 + font-size: inherit;
1213 + line-height: 1.5;
2599 1214 }
2600 -
2601 -div#rag-settings h2.nav-tab-wrapper a {
2602 - margin-right: 0;
2603 - line-height: 1.42857143;
2604 - border: 1px solid #5b4e96;
2605 - border-radius: 6px;
2606 - border: 1px solid #5b4e96;
2607 - padding: 10px 20px !important;
2608 - border-radius: 8px;
2609 - color: #5b4e96;
2610 - font-size: 15px;
2611 - font-weight: 600;
2612 - line-height: normal !important;
2613 - background: #fff;
1215 +.qcl-openai .col-form-label-lg {
1216 + padding-top: calc(0.5rem + 1px);
1217 + padding-bottom: calc(0.5rem + 1px);
1218 + font-size: 1.25rem;
2614 1219 }
2615 1220
2616 -div#rag-settings h2.nav-tab-wrapper {
2617 - margin: 0;
2618 - padding: 0;
2619 - border: none;
1221 +.qcl-openai .col-8 {
1222 + flex: 0 0 auto;
1223 + width: 66.66666667%;
1224 + padding-left: 0px !important;
2620 1225 }
2621 1226
2622 -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 {
2623 - color: #fff;
2624 - background: #5b4e96;
2625 - text-decoration: none !important;
2626 - border: 1px solid #5b4e96;
1227 +.qcl-openai .form-select {
1228 + display: block;
1229 + width: 100%;
1230 + padding: 0.375rem 2.25rem 0.375rem 0.75rem;
1231 + -moz-padding-start: calc(0.75rem - 3px);
1232 + font-size: 15px;
1233 + font-weight: 400;
1234 + line-height: 1.5;
1235 + color: #212529;
1236 + background-color: #fff;
1237 + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
1238 + background-repeat: no-repeat;
1239 + background-position: right 0.75rem center;
1240 + background-size: 16px 12px;
1241 + border: 1px solid #ced4da;
1242 + border-radius: 0.25rem;
1243 + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1244 + -webkit-appearance: none;
1245 + -moz-appearance: none;
1246 + appearance: none;
2627 1247 }
2628 -
2629 -
2630 -
2631 -button#rag-pdf-submit, button#rag-csv-submit, button#rag-xaml-submit, button#rag_embed_btn {
2632 - padding: 8px 15px;
2633 - width: auto;
2634 - font-size: 16px;
2635 - font-weight: 500;
2636 - color: #988FBD;
2637 - border-radius: 8px;
2638 - position: relative;
2639 - display: inline-block;
2640 - align-items: center;
2641 - gap: 15px;
2642 - background: #5B4E96;
2643 - color: #ffffff;
2644 - text-decoration: none;
2645 - border-color: #5b4e96 !important;
2646 - line-height: normal;
1248 +.qcl-openai .form-select:focus {
1249 + border-color: #86b7fe;
1250 + outline: 0;
1251 + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2647 1252 }
2648 -
2649 -div#rag-sync .wrap {
2650 - border: 1px solid #eee;
2651 - padding: 8px 12px;
2652 - border-radius: 6px;
1253 +.qcl-openai .form-select:disabled {
1254 + background-color: #e9ecef;
2653 1255 }
2654 -
2655 -
2656 -
2657 -div#qcld-rag-settings-tab .wrap:first-child {
2658 - border: 1px solid #eee;
2659 - padding: 8px 12px;
2660 - border-radius: 6px;
1256 +.qcl-openai .form-select:-moz-focusring {
1257 + color: transparent;
1258 + text-shadow: 0 0 0 #212529;
2661 1259 }
2662 -
2663 -
2664 -.qcl-openai div#rag-database input[type=checkbox] {
2665 - display: block;
1260 +.qcl-openai .form-select[multiple] {
1261 + padding-right: 0.75rem;
1262 + background-image: none;
2666 1263 }
2667 -
2668 -.tablenav-pages {
2669 - text-align: right;
2670 - padding: 8px 0;
1264 +.qcl-openai .form-select[size]:not([size="1"]) {
1265 + padding-right: 0.75rem;
1266 + background-image: none;
2671 1267 }
2672 -button#botmaster_submit_sitemap_btn {
2673 - background: #5B4E96;
2674 - border-color: #5B4E96;
1268 +.qcl-openai .form-select-sm {
1269 + padding-top: 0.25rem;
1270 + padding-bottom: 0.25rem;
1271 + padding-left: 0.5rem;
1272 + font-size: 0.875rem;
2675 1273 }
2676 -div#rag-database h3 {
2677 - padding: 0 0 8px 0;
2678 - margin: 15px 0 8px 0;
2679 - font-weight: bold;
2680 - font-size: 22px !important;
2681 - color: #5b4e96 !important;
1274 +.qcl-openai .form-select-lg {
1275 + padding-top: 0.5rem;
1276 + padding-bottom: 0.5rem;
1277 + padding-left: 1rem;
1278 + font-size: 1.25rem;
2682 1279 }
2683 1280
2684 -.qcl-openai div#rag-settings h2.nav-tab-wrapper a:focus {
2685 - border: 1px solid #5b4e96 !important;
1281 +.qcl-openai .card-footer:last-child {
1282 + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
2686 1283 }
2687 -button#rag-delete-all {
2688 - background: #5b4e96;
2689 - color: #fff;
2690 - border-color: #5b4e96;
1284 +.qcl-openai .py-sm-4 {
1285 + padding-top: 1.5rem !important;
1286 + padding-bottom: 1.5rem !important;
2691 1287 }
2692 1288
2693 -div#rag-database table.widefat {
2694 - border: 1px solid #ffffff;
2695 - box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
1289 +.p-sm-4{
1290 + border-left: 20px solid #000;
1291 + border-right: 20px solid #000;
1292 + padding-bottom: 20px;
1293 +}
1294 +.qcl-openai .col-4 {
1295 + flex: 0 0 auto;
1296 + width: 33.33333333%;
2696 1297 }
2697 -div#rag-database .widefat thead td, div#rag-database .widefat thead th {
2698 - border-bottom: 1px solid #ffffff;
1298 +.qcl-openai small{
1299 + font-size: 0.875em;
1300 + color:#3c434a;
1301 + font-weight: 300;
2699 1302 }
2700 -
2701 -div#rag-database table.widefat thead {
2702 - background: #5b4e96;
2703 - color: #fff;
1303 +.qcl-openai label{
1304 + color:#3c434a;
1305 + display: inline-block;
1306 + max-width: 100%;
1307 + margin-bottom: 5px;
1308 + font-weight: 700;
1309 +
2704 1310 }
2705 -div#rag-database table.widefat thead th {
2706 - color: #fff;
1311 +.qcl-openai .bg-dark {
1312 + background-color: #21252900 !important;
2707 1313 }
2708 -.qcl-openai div#rag-database input[type=checkbox] {
2709 - display: block;
2710 - width: 18px;
2711 - height: 18px;
1314 +.qcl-openai .card-header{
1315 + background-color: #212529 !important;
2712 1316 }
2713 -
2714 -div#wp-chatbot-openai-rag input[type=checkbox]+label {
2715 - margin-bottom: 0;
1317 +.qcl-openai .accordion .card-header{
1318 + background-color: #21252900 !important;
2716 1319 }
2717 -.qcl-openai input[type=checkbox]+label {
2718 - margin-bottom: 0;
1320 +.qcl-openai .accordion .card-body {
1321 + border: 25px solid #21252900;
2719 1322 }
2720 -div#qcld-rag-settings-tab .wrap .mb-3 {
2721 - padding: 5px 0;
1323 +.qcl-openai .card-body {
1324 + flex: 1 1 auto;
1325 + padding: 1rem 1rem;
1326 + border: 25px solid #212529;
2722 1327 }
2723 1328
2724 -div#rag-database input#search-submit {
2725 - background: #5b4e96;
2726 - color: #fff;
2727 - border-color: #5b4e96;
1329 +.card-header button{
1330 + outline: none !important;
1331 + color: #3c434a;
1332 + font-weight: 700;
2728 1333 }
2729 -.rag_embed_cpts_wrapper {
2730 - display: flex;
2731 - flex-direction: column;
2732 - gap: 6px;
1334 +.qcl-openai .accordion .card .card-header{
1335 + margin: 8px 8px;
2733 1336 }
2734 -
2735 -div#wp-chatbot-gemini-settings .input-group {
2736 - display: flex;
2737 - gap: 10px;
1337 +.qcl-openai .accordion .card {
1338 + border: none !important;
2738 1339 }
2739 -div#wp-chatbot-grok-settings a#qcld_save_grok_setting {
2740 - background: #5B4E96;
2741 - color: #ffffff;
2742 - border: none;
2743 - padding: 12px 30px;
1340 +.qcl-openai .card-footer.bg-dark.text-white.py-sm-4.border-0 {
1341 + display: none;
2744 1342 }
2745 -
2746 -button#qcld_gemini_fetch_models {
2747 - background: #5B4E96;
2748 - color: #ffffff;
2749 - border: none;
2750 -}
2751 -.wp-chatbot-wrap label.block.text-sm.font-medium.text-gray-700.mb-2.qc-opt-language-title {
1343 +.qcl-openai .nav>li>a {
1344 + position: relative;
2752 1345 display: block;
2753 - padding: 0 0 5px 0;
1346 + padding: 15px 20px;
2754 1347 }
2755 -select#qcld_language_center_select {
2756 - padding: 0 0 0 0;
2757 - margin: 0 0 6px 0;
2758 - padding: 0 4px;
2759 - min-width: 220px;
1348 +.qcl-openai .card-header a{
1349 + outline: none;
2760 1350 }
2761 -
2762 -select#qcld_language_center_select:focus {
2763 - border-color: #5b4e96;
2764 - color: #5b4e96;
2765 - box-shadow: 0 0 0 1px #5b4e96;
1351 +.qcl-openai ul.nav.nav-tabs {
1352 + margin: 8px 0 0 18px;
2766 1353 }
2767 -
2768 -div#common-ai-settings h2 a {
2769 - background: #5B4E96;
2770 - color: #ffffff;
2771 - display: inline-block !important;
2772 - font-size: 16px;
2773 - padding: 8px 15px;
2774 - border-radius: 8px;
1354 +.qcl-openai a:focus {
1355 + outline: 0 !important;
1356 + outline-offset: 0 !important;
2775 1357 }
2776 -
2777 -div#common-ai-settings h2.nav-tab-wrapper {
2778 - border: none;
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;
2779 1364 }
2780 -div#qcld-rate-settings-tab {
2781 - display: block !important;
1365 +.qcl-openai .accordion .card-header {
1366 + background-color: #212529 !important;
1367 + color: #fff !important;
2782 1368 }
2783 -div#common-ai-settings .form-check {
2784 - margin-bottom: 15px;
2785 - border: 0px solid #E5E6F2;
2786 - padding: 12px 12px;
2787 - border-radius: 8px;
1369 +.qcl-openai .accordion .card-header button{
1370 +
1371 + color: #fff !important;
2788 1372 }
2789 -.cxsc-settings-blocks.cxsc-settings-blocks-style input[type=radio]:checked::before {
2790 - width: 1.5rem;
2791 - height: 1.5rem;
2792 - margin: -1px 0 0 -1px;
1373 +.qcl-openai .tab-content {
1374 + padding: 0 0 20px 0;
2793 1375 }
2794 -
2795 -.cxsc-settings-blocks.cxsc-settings-blocks-style .radio-inline input[type=radio] {
2796 - width: 1.5rem;
2797 - height: 1.5rem;
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;
2798 1381 }
2799 -
2800 -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 {
2801 - padding: 8px 15px;
2802 - width: auto;
2803 - font-size: 16px;
2804 - font-weight: 500;
2805 - color: #988FBD;
2806 - border-radius: 8px;
2807 - position: relative;
2808 - display: inline-block;
2809 - align-items: center;
2810 - gap: 15px;
2811 - background: #5B4E96;
2812 - color: #ffffff;
2813 - text-decoration: none;
2814 - border-color: #5b4e96 !important;
2815 - line-height: normal;
1382 +.qcl-openai h4 {
1383 + margin-top: 20px;
1384 + margin-bottom: 0;
2816 1385 }
2817 1386
2818 1387
2819 -button#botmaster_submit_googlesheet_btn, button#botmaster_submit_googledoc_btn {
2820 - background: #5B4E96;
2821 - border-color: #5B4E96;
2822 -}
2823 1388
2824 -.wpbot-wizard-field select#wizard_ai_provider {
2825 - background: transparent;
2826 - color: #fff;
2827 - width: 100%;
2828 - display: block;
2829 - max-width: unset;
2830 -}
2831 -.wpbot-wizard-field select#wizard_ai_provider:hover {
2832 - border-color: #5b4e96;
2833 - color: #5b4e96;
2834 - box-shadow: 0 0 0 1px #5b4e96;
2835 -}
2836 -div#wizard_api_key_container input#wizard_api_key {
2837 - background: transparent;
2838 - color: #fff;
2839 -}
2840 1389
2841 1390
2842 1391
2843 -div#collapseTwoControl input[type=radio]:checked::before {
2844 - background-color: #5b4e96;
2845 -}
2846 1392
2847 -.nav-tab-wrapper.sld_nav_container.wppt_nav_container.qcld_help_wppt_nav_container{
2848 - width: 320px !important;
2849 - gap: 0;
2850 -}
2851 -div#rag-settings tbody#rag-knowledge-base-list tr td button {
2852 - padding: 6px 20px;
2853 - font-weight: bold;
2854 - font-size: 12px;
2855 -}
2856 -div#rag-settings tbody#rag-knowledge-base-list tr td button.button.button-small.button-link-delete.rag-delete-doc{
2857 - background: #d14529;
2858 - color: #fff;
2859 - border-color: #d14529;
2860 -}
2861 -
2862 -button#ai-knowledge-base-tab {
2863 - animation: pulse 2s infinite;
2864 -}
2865 -
2866 -@keyframes pulse {
2867 - 0% {
2868 - transform: scale(1);
2869 - }
2870 - 50% {
2871 - transform: scale(1.05);
2872 - }
2873 - 100% {
2874 - transform: scale(1);
2875 - }
2876 -}
2877 -footer.wp-chatbot-admin-footer input#submit {
2878 - background: #5b4e96;
2879 - padding: 12px 30px;
2880 -}
2881 -footer.wp-chatbot-admin-footer {
2882 - padding: 0 20px 20px 20px;
2883 - margin: 0 20px;
2884 -}
2885 -.qcld-wp-chatbot-wrap-header_inn a.button.page-title-action {
2886 - padding: 8px 15px;
2887 - background: #ffffff;
2888 - color: #5B4E96;
2889 - border: 2px solid #5B4E96;
2890 - border-radius: 6px;
2891 - font-weight: bold;
2892 - position: absolute;
2893 - top: 30px;
2894 - left: 280px;
2895 - line-height: normal;
2896 - min-height: unset;
2897 -}
2898 -.qcld-wp-chatbot-wrap-header_inn a.button.page-title-action:hover {
2899 - padding: 8px 15px;
2900 - background: #5B4E96;
2901 - color: #fff;
2902 - border: 2px solid #5B4E96;
2903 - border-radius: 6px;
2904 - font-weight: bold;
2905 - position: absolute;
2906 - top: 31px;
2907 - left: 280px;
2908 -}
2909 -
2910 -.qcld-session-history_menu_box .btn.btn-primary {
2911 - background: #564a8e !important;
2912 - color: #fff !important;
2913 -}
2914 -.qcld-session-history_menu_box a.btn.btn-success {
2915 - padding: 8px 24px;
2916 - width: auto;
2917 - font-size: 15px;
2918 - font-weight: 500;
2919 - border-radius: 8px;
2920 - position: relative;
2921 - background: #ffffff;
2922 - color: #564a8e;
2923 - text-decoration: none;
2924 - line-height: normal;
2925 - border: 2px solid #564a8e;
2926 -}
2927 -.qcld-session-history_menu_box a.btn.btn-success:hover {
2928 - padding: 8px 24px;
2929 - width: auto;
2930 - font-size: 15px;
2931 - font-weight: 500;
2932 - border-radius: 8px;
2933 - position: relative;
2934 - background: #564a8e;
2935 - color: #fff;
2936 - text-decoration: none;
2937 - line-height: normal;
2938 - border: 2px solid #564a8e;
2939 -}