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