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