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