PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 6.4.1
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v6.4.1
8.8.4 8.8.3 8.8.2 8.8.1 8.8.0 8.7.9 8.7.8 8.7.7 8.7.6 8.7.5 8.7.4 8.7.3 8.7.2 8.7.1 8.7.0 8.6.9 8.6.8 8.6.7 8.6.6 8.6.5 8.6.4 8.6.2 8.6.1 8.6.0 8.5.9 All 540 releases
← All changes | css/admin-style.css +1885 -2572 8.6.2 → 6.4.1 View file →
@@ -1,3126 +1,2439 @@
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 }
1168 -
1169 -
1170 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link.collapsed:after{
1171 -
1172 - content: "\f10f";
1173 - font-family: dashicons;
1174 - position: absolute;
1175 - right: 18px;
1176 - top: 12px;
1177 - font-size: 22px;
1178 - font-weight: normal;
927 +/*.qcl-openai .bg-dark {
928 + background-color: #212529 !important;
929 +}*/
930 +.qcl-openai .ms-auto {
931 + margin-left: auto !important;
1179 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 +}
1180 941
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;
942 +.qcl-openai [type=button]:not(:disabled) {
943 + cursor: pointer;
1190 944 }
1191 -
1192 -.admin-maxwith.qcld-openai-main-box .tab-content .card-body {
1193 - padding: 15px;
945 +.qcl-openai button:not(:disabled) {
946 + cursor: pointer;
1194 947 }
1195 -
1196 -.admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
1197 - font-size: 15px;
948 +.qcl-openai .mb-3 {
949 + margin-bottom: 1rem !important;
1198 950 }
1199 951
1200 -.admin-maxwith.qcld-openai-main-box .tab-content {
1201 - font-size: 15px;
952 +.qcl-openai .my-4 {
953 + margin-top: 1.5rem !important;
954 + margin-bottom: 1.5rem !important;
1202 955 }
1203 -
1204 -.admin-maxwith.qcld-openai-main-box .tab-content .alert.alert-info {
1205 - margin: 15px 0 0 0;
956 +.qcl-openai .form-switch {
957 + padding-left: 2.5em;
1206 958 }
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;
959 +.qcl-openai .form-check {
960 + display: block;
961 + min-height: 1.5rem;
962 + padding-left: 1.5em;
963 + margin-bottom: 0.125rem;
1222 964 }
1223 965
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;
966 +@media (min-width: 576px) {
967 +.qcl-openai .p-sm-0 {
968 + padding: 0 !important;
1241 969 }
1242 -
1243 -
1244 -.wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]+label,
1245 -.wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]+label {
1246 - position: relative;
1247 - width: 18px;
1248 - height: 18px;
1249 - border: 2px solid #5b4e96;
1250 - border-radius: 4px;
1251 - top: 0;
1252 - left: 0;
1253 - transform: translate(0%, 0%);
1254 - transition: all ease-out 200ms;
1255 - text-indent: 28px;
1256 - font: normal normal 30px / 60px "Helvetica";
1257 - white-space: nowrap;
1258 - color: #555;
1259 - -webkit-user-select: none;
1260 - -moz-user-select: none;
1261 - -ms-user-select: none;
1262 - user-select: none;
1263 - display: flex;
1264 - align-items: center;
1265 - line-height: 30px;
1266 970 }
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;
971 +.qcl-openai .card-body {
972 + flex: 1 1 auto;
973 + padding: 1rem 1rem;
1282 974 }
1283 975
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;
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;
1287 994 }
1288 995
1289 -.wp-chatbot-wrap div#wp-chatbot-show-pages-list input[type=checkbox]:checked+label:after,
1290 -.wp-chatbot-wrap div#wp-chatbot-exclude-post-list input[type=checkbox]:checked+label:after {
1291 - opacity: 1;
1292 - width: 22px;
1293 -}
1294 996
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;
997 +.qcl-openai .card-header:first-child {
998 + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
1298 999 }
1299 -
1300 -div#wp-chatbot-show-pages-list ul li,
1301 -div#wp-chatbot-exclude-post-list ul li {
1302 - padding: 4px 0;
1000 +.qcl-openai .py-sm-4 {
1001 + padding-top: 1.5rem !important;
1002 + padding-bottom: 1.5rem !important;
1303 1003 }
1304 -
1305 -.qcld-main-wrapper div#headingTwoControl a {
1306 - font-weight: bold;
1004 +.qcl-openai .bg-dark {
1005 + background-color: #212529 !important;
1307 1006 }
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;
1007 +.qcl-openai .text-white {
1008 + color: #fff !important;
1330 1009 }
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;
1010 +.qcl-openai .border-0 {
1011 + border: 0 !important;
1345 1012 }
1346 -
1347 -.qcl-openai input[type=checkbox]:checked+label {
1348 - border: 2px solid #22b573;
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);
1349 1018 }
1350 -
1351 -.qcl-openai input[type=checkbox]:checked+label:after {
1352 - opacity: 1;
1353 - width: 22px;
1019 +.qcl-openai .card-header h2{
1020 + margin-top: 0 !important;
1021 + margin-bottom: 0 !important;
1354 1022 }
1355 -
1356 -.qcl-openai input[type=checkbox] {
1357 - display: none;
1023 +.qcl-openai #wp-chatbot-openai-training-model{
1024 + padding-top: 20px;
1025 + padding-bottom: 20px;
1358 1026 }
1359 -
1360 -
1361 1027 .qcl-openai .form-check {
1362 - margin-bottom: 15px;
1363 - border: 1px solid #E5E6F2;
1364 - padding: 12px 12px;
1365 - border-radius: 8px;
1028 + display: block;
1029 + min-height: 1.5rem;
1030 + padding-left: 1.5em;
1031 + margin-bottom: 0.125rem;
1366 1032 }
1367 -
1368 -.qcl-openai label.form-check-label span {
1369 - font-size: 12px;
1033 +.qcl-openai .form-check .form-check-input {
1034 + float: left;
1035 + margin-left: -1.5em;
1370 1036 }
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;
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;
1383 1052 }
1384 -
1385 -.qcl-openai a#save_setting {
1386 - margin: 0 0 0 0;
1053 +.qcl-openai .form-check-input:active {
1054 + filter: brightness(90%);
1387 1055 }
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;
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);
1410 1060 }
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;
1061 +.qcl-openai .form-check-input:checked {
1062 + background-color: #0d6efd;
1063 + border-color: #0d6efd;
1425 1064 }
1426 -
1427 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label {
1428 - border: 2px solid #22b573;
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");
1429 1067 }
1430 -
1431 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label:after {
1432 - opacity: 1;
1433 - width: 22px;
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");
1434 1070 }
1435 -
1436 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox] {
1437 - display: none;
1071 +.qcl-openai .form-check-input:disabled {
1072 + pointer-events: none;
1073 + filter: none;
1074 + opacity: 0.5;
1438 1075 }
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;
1076 +.qcl-openai .form-check-input:disabled ~ .form-check-label {
1077 + opacity: 0.5;
1446 1078 }
1447 -
1448 -.qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span {
1449 - font-size: 12px;
1079 +.qcl-openai .form-check-input[type=checkbox] {
1080 + border-radius: 0.25em;
1450 1081 }
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;
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");
1463 1086 }
1464 -
1465 -.qcl-openai div#wp-chatbot-openrouter-settings a#save_setting {
1466 - margin: 0 0 15px 0;
1087 +.qcl-openai .form-check-input[type=radio] {
1088 + border-radius: 50%;
1467 1089 }
1468 -
1469 -#qcld_save_openrouter_setting {
1470 - margin: 0 0 15px 0;
1090 +.qcl-openai .form-check-input[disabled] ~ .form-check-label {
1091 + opacity: 0.5;
1471 1092 }
1472 -
1473 -
1474 -div#openrouter-settings .tab-content {
1475 - padding: 0 12px 0 12px;
1476 - width: 100%;
1093 +.qcl-openai .form-switch {
1094 + padding-left: 2.5em;
1477 1095 }
1478 -
1479 -.qcl-openai .accordion {
1480 - padding: 0 0 0 15px;
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;
1481 1103 }
1482 -
1483 -.qcl-openai .card-body-openrouter {
1484 - padding: 0 15px 0 15px;
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");
1485 1106 }
1486 -
1487 -
1488 -.admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container h4 {
1489 - width: 365px;
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");
1490 1110 }
1111 +.qcl-openai .form-check-inline {
1112 + display: inline-block;
1113 + margin-right: 1rem;
1114 +}
1115 +.qcl-openai .form-check-inline .form-check-input ~ .valid-feedback {
1116 + margin-left: 0.5em;
1117 +}
1118 +.qcl-openai .form-check-inline .form-check-input ~ .invalid-feedback {
1119 + margin-left: 0.5em;
1120 +}
1491 1121
1492 -.admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container select {
1493 - display: none;
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;
1494 1130 }
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;
1131 +.qcl-openai .form-range:focus {
1132 + outline: 0;
1502 1133 }
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;
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);
1511 1136 }
1512 -
1513 -.avatar-location-cards {
1514 - display: inline-flex;
1515 - gap: 0;
1516 - background: #F3F4F6;
1517 - border-radius: 10px;
1518 - padding: 4px;
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);
1519 1139 }
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;
1140 +.qcl-openai .form-range::-moz-focus-outer {
1141 + border: 0;
1535 1142 }
1536 -
1537 -.avatar-location-card:hover {
1538 - color: #374151;
1539 - background: #E5E7EB;
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;
1540 1154 }
1541 -
1542 -.avatar-location-card.active {
1543 - background: #ffffff;
1544 - color: #111827;
1545 - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
1155 +.qcl-openai .form-range::-webkit-slider-thumb:active {
1156 + background-color: #b6d4fe;
1546 1157 }
1547 -
1548 -.avatar-location-card svg {
1549 - flex-shrink: 0;
1550 - color: inherit;
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;
1551 1166 }
1552 -
1553 -.avatar-location-card.active svg {
1554 - color: #4B5563;
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;
1555 1177 }
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;
1178 +.qcl-openai .form-range::-moz-range-thumb:active {
1179 + background-color: #b6d4fe;
1563 1180 }
1564 -
1565 -.ai-provider-cards {
1566 - display: flex;
1567 - gap: 12px;
1568 - flex-wrap: wrap;
1569 - padding: 4px 0;
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;
1570 1189 }
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;
1190 +.qcl-openai .form-range:disabled {
1191 + pointer-events: none;
1587 1192 }
1588 -
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);
1193 +.qcl-openai .form-range:disabled::-webkit-slider-thumb {
1194 + background-color: #adb5bd;
1594 1195 }
1595 -
1596 -.ai-provider-card.active {
1597 - border-color: #2563EB;
1598 - background: #EFF6FF;
1599 - box-shadow: 0 2px 8px rgba(37, 99, 235, 0.13);
1196 +.qcl-openai .form-range:disabled::-moz-range-thumb {
1197 + background-color: #adb5bd;
1600 1198 }
1601 1199
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;
1200 +.qcl-openai .text-end {
1201 + text-align: right !important;
1610 1202 }
1611 1203
1612 -.ai-provider-card.active .ai-provider-check {
1613 - opacity: 1;
1614 - transform: scale(1);
1204 +.qcl-openai .form-label {
1205 + margin-bottom: 0.5rem;
1615 1206 }
1616 -
1617 -.ai-provider-icon {
1618 - width: 40px;
1619 - height: 40px;
1620 - display: flex;
1621 - align-items: center;
1622 - justify-content: center;
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;
1623 1213 }
1624 -
1625 -.ai-provider-icon svg {
1626 - width: 32px;
1627 - height: 32px;
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;
1628 1218 }
1629 1219
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;
1220 +.qcl-openai .col-8 {
1221 + flex: 0 0 auto;
1222 + width: 66.66666667%;
1223 + padding-left: 0px !important;
1637 1224 }
1638 1225
1639 -.ai-provider-card.active .ai-provider-name {
1640 - color: #1E40AF;
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;
1641 1246 }
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;
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);
1652 1251 }
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;
1252 +.qcl-openai .form-select:disabled {
1253 + background-color: #e9ecef;
1662 1254 }
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;
1255 +.qcl-openai .form-select:-moz-focusring {
1256 + color: transparent;
1257 + text-shadow: 0 0 0 #212529;
1672 1258 }
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;
1259 +.qcl-openai .form-select[multiple] {
1260 + padding-right: 0.75rem;
1261 + background-image: none;
1682 1262 }
1683 -
1684 -
1685 -.qcld-wrap.swpm-admin-menu-wrap {
1686 - display: flex;
1687 - margin: 15px 0;
1263 +.qcl-openai .form-select[size]:not([size="1"]) {
1264 + padding-right: 0.75rem;
1265 + background-image: none;
1688 1266 }
1689 -
1690 -.qcld_help_wppt_nav_container {
1691 - display: flex;
1692 - flex-direction: column;
1693 - width: 320px;
1694 - background: #fff;
1695 - border-radius: 16px;
1696 - margin: 0 20px 0 0;
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;
1697 1272 }
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;
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;
1706 1278 }
1707 1279
1708 -.qcld_help_wppt_nav_container a {
1709 - margin: 2px 10px;
1280 +.qcl-openai .card-footer:last-child {
1281 + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
1710 1282 }
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;
1283 +.qcl-openai .py-sm-4 {
1284 + padding-top: 1.5rem !important;
1285 + padding-bottom: 1.5rem !important;
1721 1286 }
1722 1287
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;
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%;
1734 1296 }
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;
1297 +.qcl-openai small{
1298 + font-size: 0.875em;
1299 + color:#3c434a;
1300 + font-weight: 300;
1746 1301 }
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;
1302 +.qcl-openai label{
1303 + color:#3c434a;
1304 + display: inline-block;
1305 + max-width: 100%;
1306 + margin-bottom: 5px;
1307 + font-weight: 700;
1308 +
1754 1309 }
1755 -
1756 -
1757 -.content_qcbot_help_secion .panel-default>.panel-heading:hover a{
1758 - color: #ffffff !important;
1310 +.qcl-openai .bg-dark {
1311 + background-color: #21252900 !important;
1759 1312 }
1760 -.content_qcbot_help_secion .panel-default {
1761 - border-color: #dddddd00;
1762 - margin-bottom: 10px;
1313 +.qcl-openai .card-header{
1314 + background-color: #212529 !important;
1763 1315 }
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;
1316 +.qcl-openai .accordion .card-header{
1317 + background-color: #21252900 !important;
1774 1318 }
1775 -
1776 -.content_qcbot_help_secion p {
1777 - font-size: 15px;
1319 +.qcl-openai .accordion .card-body {
1320 + border: 25px solid #21252900;
1778 1321 }
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;
1322 +.qcl-openai .card-body {
1323 + flex: 1 1 auto;
1324 + padding: 1rem 1rem;
1325 + border: 25px solid #212529;
1788 1326 }
1789 1327
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;
1328 +.card-header button{
1329 + outline: none !important;
1330 + color: #3c434a;
1331 + font-weight: 700;
1798 1332 }
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;
1333 +.qcl-openai .accordion .card .card-header{
1334 + margin: 8px 8px;
1808 1335 }
1809 -
1810 -.content_qcbot_help_secion .panel {
1811 - box-shadow: none;
1336 +.qcl-openai .accordion .card {
1337 + border: none !important;
1812 1338 }
1813 -
1814 -.qcbot_help_secion h3 {
1815 - font-size: 16px;
1816 - font-weight: bold;
1339 +.qcl-openai .card-footer.bg-dark.text-white.py-sm-4.border-0 {
1340 + display: none;
1817 1341 }
1818 -
1819 -.qcbot_help_secion ul li {
1820 - list-style: inside;
1342 +.qcl-openai .nav>li>a {
1343 + position: relative;
1344 + display: block;
1345 + padding: 15px 20px;
1821 1346 }
1822 -
1823 -.notice.is-dismissible.qcbot-str-top-notic {
1824 - width: 98.7%;
1347 +.qcl-openai .card-header a{
1348 + outline: none;
1825 1349 }
1826 -
1827 -.qcld-main-wrapper {
1828 - margin: 10px 0px 0 2px !important;
1350 +.qcl-openai ul.nav.nav-tabs {
1351 + margin: 8px 0 0 18px;
1829 1352 }
1830 -
1831 -.content_qcbot_help_secion .section-container {
1832 - display: flex;
1833 - gap: 30px;
1353 +.qcl-openai a:focus {
1354 + outline: 0 !important;
1355 + outline-offset: 0 !important;
1834 1356 }
1835 -
1836 -.content-wrap .section-container {
1837 - display: flex;
1838 - gap: 30px;
1357 +.qcl-openai .nav-tabs>li.active>a, .qcl-openai .nav-tabs>li.active>a:focus, .qcl-openai .nav-tabs>li.active>a:hover {
1358 + color: #fff;
1359 + cursor: default;
1360 + background-color: #212529;
1361 + border: 1px solid #ddd;
1362 + border-bottom-color: transparent;
1839 1363 }
1840 -
1841 -.wpbot_statistics_area h2 {
1842 - font-size: 22px;
1843 - font-weight: bold;
1364 +.qcl-openai .accordion .card-header {
1365 + background-color: #212529 !important;
1366 + color: #fff !important;
1844 1367 }
1845 -
1846 -
1847 -section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover a {
1848 - color: #fff;
1368 +.qcl-openai .accordion .card-header button{
1369 +
1370 + color: #fff !important;
1849 1371 }
1850 -
1851 -.qcld-main-wrapper a {
1852 - text-decoration: none !important;
1372 +.qcl-openai .tab-content {
1373 + padding: 0 0 20px 0;
1853 1374 }
1854 -
1855 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1856 - text-decoration: none;
1375 +.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 {
1376 + padding: 8px;
1377 + line-height: 1.42857143;
1378 + vertical-align: middle;
1379 + border-top: 1px solid #ddd;
1857 1380 }
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;
1381 +.qcl-openai h4 {
1382 + margin-top: 20px;
1383 + margin-bottom: 0;
1868 1384 }
1869 1385
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;
1386 +.qcl-openai .accordion .card-header button {
1387 + width: 100% !important;
1388 + text-align: justify !important;
1389 + padding: 15px 10px !important;
1875 1390 }
1876 -
1877 -.wp-chatbot-tabs nav ul li a {
1878 - color: #695d99;
1391 +.qcl-openai .card-header {
1392 + padding: 0 !important;
1879 1393 }
1880 1394
1881 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a {
1882 - color: #695d99;
1883 -}
1884 1395
1885 1396
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;
1397 +.qcl-openai .form-switch input[type=checkbox] {
1398 + height: 25px;
1399 + width: 25px;
1902 1400
1903 1401 }
1402 +.qcl-openai .form-switch input[type=checkbox]{
1403 + height: 15px;
1404 + width: 25px;
1904 1405
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 1406 }
1922 -
1923 -.qcld_label_width_full{
1924 - width: 100% !important;
1407 +.qcl-openai input[type=checkbox] + label {
1408 + margin: 0;
1925 1409 }
1926 -.cxsc-settings-blocks-font-resize{
1927 - font-size: 14px !important;
1410 +.qcl-openai div#wp-chatbot-post-converter {
1411 + min-height: auto;
1928 1412 }
1413 +.qcl-openai .my0-py25 {
1414 + margin-top: 0 !important;
1415 + margin-bottom: 0 !important;
1416 + padding: 25px 0;
1417 +}
1929 1418
1930 -.qcld_thumbnail_theme_prev label{
1931 - width: 100% !important;
1932 - position: relative;
1933 - text-align: center;
1419 +.qcl-openai .form-check-inline {
1420 + margin-bottom: 15px !important;
1934 1421 }
1422 +.qcl-openai form {
1423 + width: auto !important;
1424 +}
1935 1425
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;
1426 +.qcl-openai .form-check-inline {
1427 + padding-left: 15px !important;
1951 1428 }
1952 1429
1953 1430
1954 1431
1955 1432
1433 +#wp-chatbot-post-converter .form-check-inline input[type=checkbox]:checked::before {
1434 + height: 24px;
1435 + width: 24px;
1436 +}
1437 +#wp-chatbot-post-converter .form-check-inline input[type=checkbox], #wp-chatbot-post-converter .form-check-inline input[type=radio] {
1438 + height: 24px;
1439 + width: 24px;
1440 + min-width: 24px;
1441 +}
1442 +#wp-chatbot-post-converter input[type=checkbox]:focus{
1443 + outline: 0px auto -webkit-focus-ring-color !important;
1444 + outline-offset: 0px !important;
1445 +}
1956 1446
1957 1447
1958 1448
1449 +.qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con {
1450 + padding: 15px 15px 15px 0px;
1451 + min-width: 15%;
1452 +display: inline-block;
1453 +}
1959 1454
1455 +.qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con label{
1456 + display: block;
1457 +}
1960 1458
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;
1459 +.qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con input[type=url],
1460 +.qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con input[type=text]{
1461 + width:100%;
1981 1462 }
1982 1463
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;
1464 +.qcld-seohelp_ai_wrap {
1465 + padding: 15px;
1996 1466 }
1997 1467
1998 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label {
1999 - border: 2px solid #22b573;
1468 +
1469 +.qcld-seohelp ul.nav-tab-wrapper {
1470 + padding-left: 0px;
1471 + margin-top: 0;
2000 1472 }
2001 1473
2002 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label:after {
2003 - opacity: 1;
2004 - width: 22px;
1474 +.qcld-seo-help .nav-tab-wrapper a.nav-tab{
1475 +background: #fff;
1476 +color: #50575e;
2005 1477 }
2006 -
2007 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox] {
2008 - display: none;
1478 +.qcld-seo-help .nav-tab-wrapper .ui-tabs-active a{
1479 +background: #6c757d;
1480 +outline: none;
1481 +color: #fff;
2009 1482 }
2010 1483
2011 -.cxsc-settings_openai_border {
2012 - margin-bottom: 6px;
1484 +.qcld-seohelp.qcld-seohelp_ai_wrap .form-group label {
1485 + display: inline-block;
1486 + min-width: 35%;
1487 + max-width: 35%;
2013 1488 }
2014 1489
2015 -div#wp-chatbot-custom-color-options .top-section .row .cxsc-settings-blocks {
2016 - padding-top: 0;
1490 +.qcld_seo_lang_text {
1491 + width: 50%;
2017 1492 }
2018 1493
2019 -div#wp-chatbot-post-converter ul.checkbox-list {
2020 - display: flex;
2021 - flex-wrap: wrap;
2022 - gap: 6px;
1494 +.text-center{
1495 + text-align: center;
2023 1496 }
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;
1497 +.qcld_seo_generator_button .spinner{
1498 + display: none;
2028 1499 }
2029 -
2030 -
2031 -
2032 -div#wp-chatbot-show-pages-list ul.checkbox-list {
2033 - display: flex;
2034 - flex-wrap: wrap;
2035 - gap: 6px;
1500 +.button.qcld_seo_generator_stop{
1501 + display: none;
2036 1502 }
2037 -
2038 -div#wp-chatbot-exclude-post-list ul.checkbox-list {
2039 - display: flex;
2040 - flex-wrap: wrap;
2041 - gap: 6px;
1503 +.qcld_seo-alert{
1504 + border: 1px solid #ccc;
1505 + padding: 10px;
1506 + margin-top: 10px;
1507 + border-radius: 5px;
1508 + background: #fff;
2042 1509 }
2043 -
2044 -
2045 -div#wp-chatbot-show-pages-list ul.checkbox-list li{
2046 - display: inline-block;
2047 - min-width: 310px;
2048 - margin: 0;
1510 +.qcld_seo-alert h4{
1511 + font-size: 20px;
1512 + margin-top: 0;
1513 + margin-bottom: 10px;
1514 + color: #f00;
2049 1515 }
2050 -
2051 -div#wp-chatbot-exclude-post-list ul.checkbox-list li{
2052 - display: inline-block;
2053 - min-width: 310px;
2054 - margin: 0;
1516 +.qcld_seo-alert code{
1517 + margin-bottom: 5px;
1518 + display: inline-block;
1519 + border-radius: 4px;
2055 1520 }
2056 -#rotationloader
2057 - {
2058 - display: none;
2059 - rotate: initial;
2060 - -webkit-animation: rotation 2s infinite linear;
1521 +.qcld_seo-alert p{
1522 + margin: 2px 0;
2061 1523 }
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;
1524 +.qcld_seo-alert-form{
1525 + margin-bottom: 10px;
2078 1526 }
2079 -a.qcld-wp-chatbot-wrap--doc_logo {
2080 - text-decoration: none !important;
2081 - position: relative;
1527 +.qcld_seo-alert-form p{
1528 + color: #f00;
1529 + font-size: 16px;
1530 + font-weight: bold;
2082 1531 }
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;
1532 +
1533 +.qcld_image_grid{
1534 + display: flex;
1535 + flex-wrap: wrap;
1536 + flex-direction: row;
2090 1537 }
2091 1538
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;
1539 +.qcld_image-grid_wrap{
1540 + position: relative;
1541 + padding: 0px 0px;
1542 + margin: 5px 5px;
1543 + width: 32%;
1544 + overflow: hidden;
2102 1545 }
2103 -.lp-submenu-wpbot_openAi .swal2-actions {
2104 - display: flex;
1546 +.qcld-plan-tab-text{
1547 + border: none;
1548 + background: none !important;
1549 + display: inline-block;
1550 + padding: 0;
1551 + margin: 0;
1552 + line-height: 0.6;
1553 + font-size: 15px;
2105 1554 }
2106 -.lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
2107 - font-size: 16px !important;
2108 - font-weight: 500 !important;
1555 +.qcld_image-grid_wrap .qcld_image-item{
1556 + padding: 0px 0px;
1557 + margin: 0px 0px !important;
1558 + width: 100%;
2109 1559 }
2110 1560
2111 -.wp-chatbot-wrap hr {
2112 - margin-top: 10px;
2113 - margin-bottom: 10px;
1561 +.qcld_image-grid_wrap .qcld_seo_download{
1562 + opacity: 0;
1563 + transition: opacity .3s;
1564 + position: absolute;
1565 + top: 0;
1566 + right: 0;
1567 + bottom: 0;
1568 + left: 0;
1569 + cursor: pointer;
1570 + background: rgba(0,0,0,.65);
1571 + color: #eee;
1572 + text-align: center;
1573 + font-size: 14px;
1574 + line-height: 1;
1575 + display: flex;
1576 + justify-content: center;
1577 + align-items: center;
1578 + flex-direction: column;
2114 1579 }
2115 1580
1581 +.qcld_image-grid_wrap.uploading .qcld_seo_download,
1582 +.qcld_image-grid_wrap:hover .qcld_seo_download{
1583 + opacity: 1;
1584 + transition: ease 0.3s all;
1585 +}
2116 1586
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;
1587 +.qcld_image-grid_wrap .qcld_seo_download img {
1588 + height: 40px;
1589 + opacity: .7;
2130 1590 }
2131 1591
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;
1592 +.qcld_seo-bulk-addition {
1593 + padding: 10px;
1594 + background: #e3e3e3;
1595 + border-radius: 5px;
1596 + border: 1px solid #ccc;
1597 + margin-left: 16px;
1598 + margin-bottom: 20px;
1599 + display: none;
1600 + max-width: 50%;
2145 1601 }
2146 1602
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;
1603 +.qcld_seo-grid-three {
1604 + display: grid;
1605 + grid-template-columns: repeat(3,1fr);
1606 + grid-column-gap: 20px;
1607 + grid-row-gap: 20px;
1608 + grid-template-rows: auto auto;
2164 1609 }
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;
1610 +.qcld-seohelp-input-field label.form-check-label.form-check-label {
1611 + margin: 0 0 0 20px;
1612 + position: relative;
1613 + cursor: pointer;
1614 + font-size: 12px;
1615 + float: left;
1616 + width: inherit !important;
2186 1617 }
1618 +.qcld-seohelp-input-field label.form-check-label.form-check-label:before {
1619 + content: ' ';
1620 + position: absolute;
1621 + left: -35px;
1622 + top: -3px;
1623 + width: 25px;
1624 + height: 25px;
1625 + display: block;
1626 + background: white;
1627 + border: 1px solid #A9A9A9;
1628 +}
2187 1629
1630 +/* .qcld-seohelp-input-field input#qcld_article_heading_img {
1631 + width: 2em;
1632 + margin-left: -2.5em;
1633 + 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;
1634 + background-position: left center;
1635 + border-radius: 2em;
1636 + transition: background-position 0.15s ease-in-out;
1637 +} */
2188 1638
2189 -button.swal2-confirm.btn.btn-lg.swal2-styled {
2190 - width: auto !important;
1639 +.qcld-seohelp-input-field input[type=checkbox] + label::after {
1640 + content: ' ';
1641 + position: absolute;
1642 + left: -35px;
1643 + top: -3px;
1644 + width: 23px;
1645 + height: 23px;
1646 + display: block;
1647 + z-index: 1;
1648 + background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE4MS4yIDI3MyAxNyAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxODEuMiAyNzMgMTcgMTYiPjxwYXRoIGQ9Ik0tMzA2LjMgNTEuMmwtMTEzLTExM2MtOC42LTguNi0yNC04LjYtMzQuMyAwbC01MDYuOSA1MDYuOS0yMTIuNC0yMTIuNGMtOC42LTguNi0yNC04LjYtMzQuMyAwbC0xMTMgMTEzYy04LjYgOC42LTguNiAyNCAwIDM0LjNsMjMxLjIgMjMxLjIgMTEzIDExM2M4LjYgOC42IDI0IDguNiAzNC4zIDBsMTEzLTExMyA1MjQtNTI0YzctMTAuMyA3LTI1LjctMS42LTM2eiIvPjxwYXRoIGZpbGw9IiMzNzM3MzciIGQ9Ik0xOTcuNiAyNzcuMmwtMS42LTEuNmMtLjEtLjEtLjMtLjEtLjUgMGwtNy40IDcuNC0zLjEtMy4xYy0uMS0uMS0uMy0uMS0uNSAwbC0xLjYgMS42Yy0uMS4xLS4xLjMgMCAuNWwzLjMgMy4zIDEuNiAxLjZjLjEuMS4zLjEuNSAwbDEuNi0xLjYgNy42LTcuNmMuMy0uMS4zLS4zLjEtLjV6Ii8+PHBhdGggZD0iTTExODcuMSAxNDMuN2wtNTYuNS01Ni41Yy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTI1My41IDI1My41LTEwNi4yLTEwNi4yYy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTU2LjUgNTYuNWMtNS4xIDUuMS01LjEgMTIgMCAxNy4xbDExNC43IDExNC43IDU2LjUgNTYuNWM1LjEgNS4xIDEyIDUuMSAxNy4xIDBsNTYuNS01Ni41IDI2Mi0yNjJjNS4yLTMuNCA1LjItMTIgLjEtMTcuMXpNMTYzNC4xIDE2OS40bC0zNy43LTM3LjdjLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0xNjkuNSAxNjkuNS03MC4yLTcxLjljLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0zNy43IDM3LjdjLTMuNCAzLjQtMy40IDguNiAwIDEybDc3LjEgNzcuMSAzNy43IDM3LjdjMy40IDMuNCA4LjYgMy40IDEyIDBsMzcuNy0zNy43IDE3NC43LTE3Ni40YzEuNi0xLjcgMS42LTYuOS0uMS0xMC4zeiIvPjwvc3ZnPg==) no-repeat center center;
1649 + -ms-transition: all .2s ease;
1650 + -webkit-transition: all .2s ease;
1651 + transition: all .3s ease;
1652 + -ms-transform: scale(0);
1653 + -webkit-transform: scale(0);
1654 + transform: scale(0);
1655 + opacity: 0;
2191 1656 }
2192 -
2193 -.chatbot-wpbot-lite_page_wpbot button.swal2-deny.swal2-styled {
2194 - display: none !important;
1657 +.qcld-seohelp-input-field input[type=checkbox]:checked + label::after {
1658 + -ms-transform: scale(1);
1659 + -webkit-transform: scale(1);
1660 + transform: scale(1);
1661 + opacity: 1;
2195 1662 }
2196 -a#qcld_save_openrouter_setting {
2197 - background: #5B4E96;
2198 - color: #ffffff;
2199 - border: none;
2200 - padding: 12px 30px;
1663 +.qcld-seohelp .btn-info.spinning,
1664 +.qc_seo_linkcheck.spinning,
1665 +#qcld_article_keyword_suggestion.spinning {
1666 +background-color: #212121;
1667 +padding-right: 40px;
1668 +position: relative;
2201 1669 }
2202 -
2203 -a#save_setting {
2204 - background: #5B4E96;
2205 - color: #ffffff;
2206 - border: none;
2207 - padding: 12px 30px;
1670 +.qcld-seohelp textarea#qcld_content_result_msg {
1671 + height: 20rem;
2208 1672 }
2209 1673
2210 -@media (max-width: 1280px) {
2211 -.content-wrap {
2212 - width: 50% !important;
1674 +.qcld_seo-single-content-form{
1675 +width: 100% !important;
2213 1676 }
2214 -
2215 -.wp-chatbot-admin-upgrade-pro-sidebar {
2216 -
2217 - width: 24% !important;
1677 +.qcld-seohelp .btn-info.spinning:after,
1678 +#qcld_article_keyword_suggestion.spinning:after,
1679 +#qcld_article_keyword_suggestion.spinning:after {
1680 +content: '';
1681 +right: 6px;
1682 +top: 50%;
1683 +width: 0;
1684 +height: 0;
1685 +box-shadow: 0px 0px 0 1px transparent;
1686 +position: absolute;
1687 +border-radius: 50%;
1688 +-webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
1689 + animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
2218 1690 }
2219 -
1691 +.qcld-seohelp .btn-info.spinning:before,
1692 +#qcld_article_keyword_suggestion.spinning:before,
1693 +#qcld_article_keyword_suggestion.spinning:before {
1694 +content: "";
1695 +width: 0px;
1696 +height: 0px;
1697 +border-radius: 50%;
1698 +right: 0px;
1699 +top: 50%;
1700 +position: absolute;
1701 +border: 2px solid #fff;
1702 +border-right: 3px solid #27ae60;
1703 +-webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
1704 + animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
2220 1705 }
2221 -
2222 -@media (max-width: 992px) {
2223 -.wp-chatbot-tabs nav {
2224 - width: 100% !important;
2225 - margin-right: 0 !important;
1706 +@-webkit-keyframes rotate360 {
1707 +100% {
1708 + -webkit-transform: rotate(360deg);
1709 + transform: rotate(360deg);
2226 1710 }
2227 -.content-wrap {
2228 - width: 100% !important;
2229 1711 }
2230 -.wp-chatbot-admin-upgrade-pro-sidebar {
2231 - width: 100% !important;
2232 - margin: 0 0 0 0 !important;
1712 +@keyframes rotate360 {
1713 +100% {
1714 + -webkit-transform: rotate(360deg);
1715 + transform: rotate(360deg);
2233 1716 }
2234 -.wp-chatbot-tabs {
2235 - display: flex;
2236 - flex-wrap: wrap;
2237 - gap: 20px;
2238 1717 }
2239 -.admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
2240 - display: flex;
2241 - flex-wrap: wrap;
1718 +@-webkit-keyframes exist {
1719 +100% {
1720 + width: 15px;
1721 + height: 15px;
1722 + margin: -8px 5px 0 0;
2242 1723 }
2243 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
2244 - width: 100%;
2245 1724 }
2246 -.qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2247 - padding: 12px 5px !important;
1725 +@keyframes exist {
1726 +100% {
1727 + width: 15px;
1728 + height: 15px;
1729 + margin: -8px 5px 0 0;
2248 1730 }
2249 -label.form-check-label span {
2250 - display: none;
2251 1731 }
2252 -.qc-review-text img {
2253 - width: 100%;
1732 +.qcld-seohelp input[type=checkbox] {
1733 + opacity: 0;
1734 + float: left;
2254 1735 }
2255 1736
2256 -.content_qcbot_help_secion {
2257 - width: 100% !important;
1737 +ul.checkbox-list {
1738 + margin: 18px 0 0 0;
2258 1739 }
2259 -.qcld_help_wppt_nav_container {
2260 - width: 100% !important;
1740 +
1741 +ul.checkbox-list li {
1742 + display: inline-block;
1743 + padding: 0 8px;
2261 1744 }
2262 -.qcld-wrap.swpm-admin-menu-wrap {
2263 - display: flex
2264 -;
2265 - margin: 15px 0;
2266 - flex-direction: column;
2267 - flex-wrap: wrap;
1745 +ul.checkbox-list li label {
1746 + font-weight: normal !important;
1747 + font-size: 14px !important;
2268 1748 }
1749 +
1750 +ul.checkbox-list li input[type=checkbox] + label::before {
1751 + content: ' ';
1752 + position: absolute;
1753 + left: -28px !important;
1754 + top: 0 !important;
1755 + width: 20px !important;
1756 + height: 20px !important;
1757 + display: block;
1758 + background: white;
1759 + border: 1px solid #A9A9A9;
2269 1760 }
2270 1761
1762 +ul.checkbox-list li input[type=checkbox] + label::after {
1763 + left: -26px !important;
1764 + top: 1px !important;
1765 + width: 16px !important;
1766 + height: 16px !important;
2271 1767
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 1768 }
2285 -ul.qcld-wp-chatbot-wrap-version-wrapper {
2286 - display: block;
2287 - margin: 15px 0 15px 0;
1769 +.cxsc-settings-blocks-addon {
1770 + width: 100% !important;
2288 1771 }
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;
1772 +.plugin-card {
1773 + width: 100% !important;
2306 1774 }
2307 -.qcld-wp-chatbot-wrap-header-doc-details {
2308 - width: 100%;
1775 +.wp-chatbot-wrap .d-ib {
1776 + display: inline-block;
1777 + color: #fff;
2309 1778 }
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 -}
1779 +.cxsc-settings-blocks-notic {
1780 + background: #32373c;
2317 1781 }
1782 +.content.form-container.qcbot_help_secion {
1783 + background: none;
1784 + box-shadow: none;
1785 + padding: 0 !important;
1786 +}
1787 +.qcbot_help_secion h3 {
1788 + font-size: 16px;
1789 + padding: 0 0 10px 0;
1790 +}
1791 +.qcbot_help_secion h2 {
1792 + font-size: 26px;
1793 +}
2318 1794
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;
1795 +.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 {
1796 + border-bottom: 1px solid #f0f0f1;
1797 + background: #337ab7;
1798 + color: #fff;
1799 + text-decoration: none !important;
2330 1800 }
2331 -
2332 -.wrap.qcld-main-wrapper a:focus {
2333 - outline: none !important;
2334 - outline-offset: 0 !important;
2335 - box-shadow: none !important;
1801 +.wppt_nav_container a:focus, .wppt_nav_container a:hover {
1802 + color: #23527c;
1803 + text-decoration: none !important;
2336 1804 }
2337 -
2338 -p.qc-opt-dcs-font-faq {
2339 - font-weight: bold;
1805 +.notification-block-inner h2{
1806 + margin-top: -25px;
2340 1807 }
2341 -
2342 -
2343 -.qcld-general-settings-connection-notic {
2344 - background: #eee;
2345 - border: 2px solid #5b4e96;
2346 - border-radius: 8px;
2347 - margin: 0 0 15px 0;
2348 - padding: 12px;
2349 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
2350 - position: relative;
1808 +.notification-block-inner .qc_menu_setup_area h2 {
1809 + margin-top: 0;
2351 1810 }
2352 -.qcld-general-settings-connection-notic p{
2353 - margin: 6px 0 6px 0;
2354 - padding: 0;
2355 - font-size: 15px;
2356 - font-weight: 500;
1811 +.h2, h2 {
1812 + font-size: 20px !important;
1813 + font-weight: bold !important;
2357 1814 }
2358 1815
1816 +.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 {
1817 + color: #fff !important;
1818 + cursor: default;
1819 + background-color: #337ab7 !important;
1820 + border: 1px solid #ddd;
1821 + border-bottom-color: transparent;
1822 +}
2359 1823
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;
1824 +.plugin-icon {
1825 + position: absolute;
1826 + top: 20px;
1827 + left: 20px;
1828 + width: 90px;
1829 + height: 90px;
1830 + margin: 0 20px 20px 0;
2369 1831 }
2370 -.qcld-general-settings-close:hover {
2371 - color: orange;
1832 +.plugin-card {
1833 + height: auto !important;
2372 1834 }
2373 -#qcld-show-more-wrapper-box {
2374 - margin-top: 0;
2375 - position:relative;
1835 +.plugin-card-top {
1836 + position: relative;
1837 + padding: 20px 20px 10px;
1838 + min-height: 135px;
1839 + display: flex;
1840 + align-items: center;
2376 1841 }
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;
1842 +#section-flip-5 .wp-chatbot-language-center-summmery {
1843 + DISPLAY: NONE !important;
2383 1844 }
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;
1845 +.wp-chatbot-wrap .d-ib i{
1846 + color: #f0ad4e !important;
2397 1847 }
2398 -
2399 -#qcld-show-more-wrapper-box .qcld-show-more-show-more-height {
2400 - height: 190px;
2401 - overflow:hidden;
1848 +.cxsc-settings-blocks-notic p{
1849 + margin: 0 !important;
2402 1850 }
2403 -
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;
1851 +.wrap.swpm-admin-menu-wrap {
1852 + background: #32373c;
1853 + padding: 10px 10px;
1854 + border-radius: 6px;
1855 + width: 100%;
1856 + max-width: 1220px;
2415 1857 }
2416 -
2417 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]+label {
2418 - position: relative;
2419 - width: 18px;
2420 - height: 18px;
2421 - border: 2px solid #5b4e96;
2422 - border-radius: 4px;
2423 - top: 0;
2424 - left: 0;
2425 - transform: translate(0%, 0%);
2426 - transition: all ease-out 200ms;
2427 - text-indent: 28px;
2428 - white-space: nowrap;
2429 - color: #555;
2430 - -webkit-user-select: none;
2431 - -moz-user-select: none;
2432 - -ms-user-select: none;
2433 - user-select: none;
2434 - display: flex;
2435 - align-items: center;
2436 - margin-bottom: 0;
2437 - line-height: 30px;
1858 +.wrap.swpm-admin-menu-wrap .container {
1859 + padding-right: 0;
1860 + padding-left: 0;
2438 1861 }
2439 1862
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;
1863 +.wrap.swpm-admin-menu-wrap .cxsc-settings-blocks-notic {
1864 + border: none;
2454 1865 }
2455 1866
2456 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label {
2457 - border: 2px solid #22b573;
1867 +.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 {
1868 + border-bottom: none;
2458 1869 }
2459 1870
2460 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label:after {
2461 - opacity: 1;
2462 - width: 22px;
1871 +.wrap.swpm-admin-menu-wrap .nav-tab {
1872 + float: left;
1873 + border: none;
1874 + border-bottom: none;
1875 + margin-left: 0.5em;
1876 + padding: 10px 25px;
1877 + font-size: 14px;
1878 + line-height: 1.71428571;
1879 + font-weight: 600;
1880 + background: #fff;
1881 + color: #222;
1882 + border-radius: 6px;
1883 + text-decoration: none;
1884 + white-space: nowrap;
2463 1885 }
2464 1886
2465 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox] {
2466 - display: none;
1887 +.wrap.swpm-admin-menu-wrap .wppt_nav_container .nav-tab-active{
1888 + border-bottom: none;
1889 + background-color: #337ab7 !important;
1890 + color: #fff;
2467 1891 }
2468 1892
2469 -
2470 -.qcl-openai div#wp-chatbot-gemini-settings .form-check {
2471 - margin-bottom: 15px;
2472 - border: 1px solid #E5E6F2;
2473 - padding: 12px 12px;
2474 - border-radius: 8px;
1893 +.content.form-container.qcbot_help_secion {
1894 + border: 1px solid #4a4a4a;
1895 + padding: 8px 20px !important;
2475 1896 }
2476 1897
2477 -.qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span {
2478 - font-size: 12px;
1898 +.wrap.swpm-admin-menu-wrap .qcbot_help_secion h2.wppt_nav_container.qcld-plan-tab-text .nav-tab {
1899 + float: left;
1900 + border: none;
1901 + border-bottom: none;
1902 + margin-left: 0;
1903 + padding: 0 0;
1904 + font-size: 14px;
1905 + line-height: 10px;
1906 + font-weight: 600;
1907 + background: #fff;
1908 + color: #222;
1909 + border-radius: 6px;
1910 + text-decoration: none;
1911 + white-space: nowrap;
2479 1912 }
2480 1913
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;
2492 -}
2493 1914
2494 -.qcl-openai div#wp-chatbot-gemini-settings a#save_setting {
2495 - margin: 0 0 15px 0;
1915 +.qcl-openai .row > * {
1916 + flex-shrink: 0;
1917 + width: 100%;
1918 + max-width: 1200px;
1919 + padding-right: 0;
1920 + padding-left: 0;
2496 1921 }
2497 -
2498 -
2499 -
2500 -span.qcls_openAI_customized {
2501 - background: yellow;
1922 +.card-header.bg-dark.text-white.py-sm-4.border-0 {
1923 + padding: 0 20px !important;
2502 1924 }
2503 -.admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
2504 - font-size: 16px;
2505 - line-height: 28px;
1925 +.qcl-openai .card-body {
1926 + border: 20px solid #212529;
1927 + padding: 20px 20px !important;
2506 1928 }
2507 -textarea#qcld_openai_system_content {
2508 - height: 120px;
2509 - line-height: 28px;
1929 +.qcl-openai .p-sm-3 {
1930 + padding: 0 !important;
2510 1931 }
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;
1932 +.qcl-openai ul.nav.nav-tabs {
1933 + margin: 8px 0 0 0;
2519 1934 }
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;
1935 +.qcl-openai .card-header {
1936 + background-color: #212529 !important;
1937 + border-radius: 6px 6px 0 0 !important;
2534 1938 }
2535 -.qcld-openai-system-preset input {
2536 - display: none;
1939 +
1940 +.wrapTexttop {
1941 + background: #464b50;
1942 + padding: 8px 20px;
2537 1943 }
2538 -.qcld-openai-system-preset.is-selected {
2539 - background: #f0f6fc;
2540 - border-color: #2271b1;
1944 +.wrapTexttop-lite {
1945 + margin-bottom: 20px;
1946 + padding: 15px;
2541 1947 }
2542 -.qcld-openai-system-preset-content {
2543 - display: grid;
2544 - gap: 4px;
2545 - line-height: 22px;
1948 +div#promotion-wpchatbot {
1949 + max-width: 1165px;
1950 + margin-left: 0;
2546 1951 }
2547 -.qcld-openai-system-preset-title {
2548 - color: #1d2327;
2549 - font-weight: 600;
1952 +.notice.is-dismissible {
1953 + max-width: 1165px;
1954 + margin-left: 0;
2550 1955 }
2551 -.qcld-openai-system-preset-value {
2552 - display: none;
2553 -}
2554 -@media (max-width: 782px) {
2555 - .qcld-openai-system-preset {
2556 - flex-basis: 180px;
2557 - }
2558 -}
2559 -.qcld-main-wrapper .alert.alert-warning {
2560 - background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96% 96%);
2561 - border-radius: 6px;
2562 - color: #721c24;
2563 - background: #f8d7da;
2564 - border-color: #f5c6cb;
2565 - font-weight: bold;
2566 -}
2567 -.qcld-wpbot-pricing-filter-form-check {
2568 - display: flex;
2569 - gap: 10px;
2570 -}
2571 1956
2572 -.qcld-dialogflow-enable-notice {
2573 - padding: 15px 0 15px 0;
2574 - color: red;
2575 - font-weight: bold;
1957 +div#promotion-wpchatbot {
1958 + background: #c13825 !important;
1959 + padding: 0 !important;
1960 + padding-right: 0 !important;
2576 1961 }
2577 -
2578 -a#qcld_save_gemini_setting {
2579 - background: #5B4E96;
2580 - color: #ffffff;
2581 - border: none;
2582 - padding: 12px 30px;
1962 +div#promotion-wpchatbot .notice-dismiss:before {
1963 + color: #fff !important;
2583 1964 }
2584 -.card-body-gemini {
2585 - padding: 0 15px;
2586 -}
2587 1965
2588 -div#panelsStayOpen-collapseseven pre {
2589 - width: 100%;
2590 - display: block;
2591 - max-width: 1120px;
1966 +.wrapTexttop-lite .alert {
1967 + margin-bottom: 0;
2592 1968 }
2593 1969
2594 -.card-body-gemini p {
2595 - font-size: 16px;
2596 - font-weight: bold;
2597 -}
2598 1970
2599 -.card-body-openrouter p{
2600 - font-size: 16px;
2601 - font-weight: bold;
1971 +.form-container {
1972 + background-color: #2e2e2e;
2602 1973 }
2603 -div#wp-chatbot-openai-assistants p {
2604 - font-size: 16px;
1974 +.wp-chatbot-wrap form {
1975 + width: 1170px !important;
2605 1976 }
2606 -button.btn{
2607 - outline: none !important;
1977 +.container.form-container {
1978 + position: relative;
2608 1979 }
2609 -button.btn:focus{
2610 - outline: none !important;
1980 +.container.form-container:before {
1981 + content: '';
1982 + position: absolute;
1983 + background: url("../../chatbot/images/hud-left-dark.png") top left;
1984 + left: -6px;
1985 + width: 40px;
1986 + height: 100%;
1987 + z-index: 999;
1988 + top: 0;
1989 + background-repeat: repeat !important;
2611 1990 }
2612 -input:focus {
2613 - border-color: #e1dbff;
2614 - box-shadow: none !important;
2615 - outline: none !important;
1991 +.container.form-container:after {
1992 + content: '';
1993 + position: absolute;
1994 + background: url("../../chatbot/images/hud-righ-dark.png") top right;
1995 + width: 41px;
1996 + height: 100%;
1997 + right: -22px;
1998 + width: 28px;
1999 + z-index: 999;
2000 + top: 0;
2001 + background-repeat: repeat !important;
2616 2002 }
2617 2003
2618 -.wp-chatbot-wrap .qc-opt-language-title{
2619 - font-weight: bold !important;
2620 - color: #5b4e96 !important;
2621 - font-size: 16px;
2622 -}
2623 2004
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 2005
2006 +form#wp-chatbot-admin-form {
2007 + position: relative;
2637 2008 }
2009 +form#wp-chatbot-admin-form:before {
2010 + content: '';
2011 + position: absolute;
2012 + background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2013 + /* left: -15px; */
2014 + width: 100%;
2015 + height: 34px;
2016 + z-index: 999;
2017 + top: -7px;
2018 + background-repeat: no-repeat;
2019 +}
2638 2020
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 2021
2022 +.wp-chatbot-wrap form {
2023 + max-width: 1170px !important;
2024 + width: 96% !important;
2644 2025 }
2026 +.container.form-container {
2027 + position: relative;
2028 + width: 100% !important;
2029 + max-width: 1170px;
2030 +}
2031 +.qc-review-text img {
2032 + max-width: 1170px;
2033 +}
2645 2034
2646 2035
2647 -@media (min-width: 993px) and (max-width: 1350px) {
2648 -.wp-chatbot-admin-upgrade-pro-sidebar {
2649 - width: 25%;
2650 -}
2651 -}
2036 +path{stroke-dasharray:300;stroke-dashoffset:300;stroke:#c3a477;stroke-width:2px;-webkit-animation:draw ease-out infinite;animation:draw ease-out infinite}
2037 +#l1{-webkit-animation-duration:3s;animation-duration:3s}
2038 +#l2{-webkit-animation-duration:5.5s;animation-duration:5.5s}
2039 +#l3{-webkit-animation-duration:2s;animation-duration:2s}
2040 +#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}}
2041 +.lineanimation{position:absolute;top:-64px;z-index:99999999;left:-10px;right:0;margin:0 auto;width:257px;max-width:257px;height:90px;overflow:hidden;bottom:0}
2042 +.lineanimation svg{width:250px;height:95px}.lineanimation svg{width:250px;height:150px;overflow:hidden}.lineanimation path{stroke:#5e5e5e}
2652 2043
2653 -.wp-chatbot-tabs nav ul li a span.dashicons {
2654 - font-size: 20px;
2655 - width: auto;
2656 - height: auto;
2657 -}
2658 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a span.dashicons {
2659 - font-size: 20px;
2660 -}
2661 2044
2662 2045
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;
2669 -}
2670 2046
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;
2677 -}
2678 2047
2679 -#qcld_check_connection i{
2680 - animation: rotation infinite 3s linear;
2681 -}
2682 2048
2683 -.wp-chatbot-wrap div#wp-chatbot-custom-color-options .form-group {
2684 - min-height: 90px;
2685 -}
2686 2049
2687 -div#promotion-wpchatbot .qc-review-text a {
2688 - display: block;
2689 -}
2690 -.qcld-wp-chatbot-wrap-header-logo {
2691 - display: flex;
2692 - align-items: center;
2693 - gap: 10px;
2694 -}
2695 -@keyframes rotation{
2696 - from{
2697 - transform:rotate(360deg);
2698 - }
2699 -
2700 - to{
2701 - transform:rotate(0deg);
2702 - }
2703 -}
2704 2050
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;
2721 -}
2722 -div#wpfooter {
2723 - display: none;
2724 -}
2725 2051
2726 -.qcld-btn-primary {
2052 +/* 09-11-2024 - CSS Updated*/
2727 2053
2728 - border: none;
2054 +.wp-chatbot-wrap-outer .wp-chatbot-wrap {
2055 + position: relative;
2056 + max-width: 1170px;
2729 2057 }
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;
2058 +.wp-chatbot-wrap-outer .wp-chatbot-wrap:before {
2059 + content: '';
2060 + position: absolute;
2061 + background: url("../../chatbot/images/hud-left-dark.png") top left;
2062 + left: -6px;
2063 + width: 40px;
2064 + height: 100%;
2065 + z-index: 999;
2066 + top: 0;
2067 + background-repeat: repeat !important;
2737 2068 }
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;
2069 +.wp-chatbot-wrap-outer .wp-chatbot-wrap:after {
2070 + content: '';
2071 + position: absolute;
2072 + background: url("../../chatbot/images/hud-righ-dark.png") top right;
2073 + width: 41px;
2074 + height: 100%;
2075 + right: -22px;
2076 + width: 28px;
2077 + z-index: 999;
2078 + top: 0;
2079 + background-repeat: repeat !important;
2745 2080 }
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;
2081 +.card-header{
2082 + position: relative;
2083 + max-width: 1190px;
2760 2084 }
2761 -
2762 -div#rag-settings h2.nav-tab-wrapper {
2763 - margin: 0;
2764 - padding: 0;
2765 - border: none;
2085 +.card-header:before {
2086 + content: '';
2087 + position: absolute;
2088 + background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2089 + /* left: -15px; */
2090 + width: 100%;
2091 + height: 34px;
2092 + z-index: 9999999;
2093 + top: -7px;
2094 + background-repeat: no-repeat;
2095 + background-size: cover;
2766 2096 }
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;
2097 +.card-header .wpbot_dashboard_header {
2098 + background: #222222;
2773 2099 }
2100 +.card-header .wpbot_addons_section {
2101 + background: #222222;
2102 +}
2774 2103
2775 2104
2776 2105
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;
2793 -}
2794 2106
2795 -div#rag-sync .wrap {
2796 - border: 1px solid #eee;
2797 - padding: 8px 12px;
2798 - border-radius: 6px;
2799 -}
2800 2107
2801 2108
2802 2109
2803 -div#qcld-rag-settings-tab .wrap:first-child {
2804 - border: 1px solid #eee;
2805 - padding: 8px 12px;
2806 - border-radius: 6px;
2807 -}
2808 2110
2809 2111
2810 -.qcl-openai div#rag-database input[type=checkbox] {
2811 - display: block;
2812 -}
2112 +/* 09-20-2024 - CSS Updated*/
2813 2113
2814 -.tablenav-pages {
2815 - text-align: right;
2816 - padding: 8px 0;
2114 +.qcl-openai .card.admin-maxwith .wp-chatbot-wrap {
2115 + position: relative;
2116 + max-width: 1170px;
2817 2117 }
2818 -button#botmaster_submit_sitemap_btn {
2819 - background: #5B4E96;
2820 - border-color: #5B4E96;
2118 +.qcl-openai .card.admin-maxwith:before {
2119 + content: '';
2120 + position: absolute;
2121 + background: url("../../chatbot/images/hud-left-dark.png") top left;
2122 + left: -15px;
2123 + width: 40px;
2124 + height: 100%;
2125 + z-index: 999;
2126 + top: 0;
2127 + background-repeat: repeat !important;
2821 2128 }
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;
2129 +.qcl-openai .card.admin-maxwith:after {
2130 + content: '';
2131 + position: absolute;
2132 + background: url("../../chatbot/images/hud-righ-dark.png") top right;
2133 + width: 41px;
2134 + height: 100%;
2135 + right: -15px;
2136 + width: 28px;
2137 + z-index: 999;
2138 + top: 0;
2139 + background-repeat: repeat !important;
2828 2140 }
2829 -
2830 -.qcl-openai div#rag-settings h2.nav-tab-wrapper a:focus {
2831 - border: 1px solid #5b4e96 !important;
2141 +.qcl-openai .wp-chatbot-wrap-outer .card-header.bg-dark{
2142 + position: relative;
2143 + max-width: 1190px;
2832 2144 }
2833 -button#rag-delete-all {
2834 - background: #5b4e96;
2835 - color: #fff;
2836 - border-color: #5b4e96;
2145 +.qcl-openai .wp-chatbot-wrap-outer .card-header.bg-dark:before {
2146 + content: '';
2147 + position: absolute;
2148 + background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2149 + /* left: -15px; */
2150 + width: 100%;
2151 + height: 34px;
2152 + z-index: 9999999;
2153 + top: -7px;
2154 + background-repeat: no-repeat;
2155 + background-size: cover;
2837 2156 }
2838 -
2839 -div#rag-database table.widefat {
2840 - border: 1px solid #ffffff;
2841 - box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
2157 +.qcl-openai .wp-chatbot-wrap-outer .wpbot_dashboard_header {
2158 + background: #222222;
2842 2159 }
2843 -div#rag-database .widefat thead td, div#rag-database .widefat thead th {
2844 - border-bottom: 1px solid #ffffff;
2160 +.qcl-openai .wp-chatbot-wrap-outer .wpbot_addons_section {
2161 + background: #222222;
2845 2162 }
2846 -
2847 -div#rag-database table.widefat thead {
2848 - background: #5b4e96;
2849 - color: #fff;
2163 +.qcl-openai h4 {
2164 + padding: 20px 20px 0 20px;
2850 2165 }
2851 -div#rag-database table.widefat thead th {
2852 - color: #fff;
2166 +.qcl-openai .card-header.bg-dark.text-white.py-sm-4.border-0 {
2167 + padding: 0 0 !important;
2853 2168 }
2854 -.qcl-openai div#rag-database input[type=checkbox] {
2855 - display: block;
2856 - width: 18px;
2857 - height: 18px;
2169 +.qcl-openai .qcl-openai .card-body {
2170 + border: 20px solid #222222;
2858 2171 }
2859 -div#wp-chatbot-openai-rag input[type=checkbox]+label {
2860 - margin-bottom: 0;
2172 +.qcl-openai .card-header.bg-dark {
2173 + background-color: #222222 !important;
2861 2174 }
2862 -.qcl-openai input[type=checkbox]+label {
2863 - margin-bottom: 0;
2175 +.qcl-openai {
2176 + margin: 20px 0 0 0;
2864 2177 }
2865 -div#qcld-rag-settings-tab .wrap .mb-3 {
2866 - padding: 5px 0;
2178 +.qcl-openai .accordion .card-header:before{
2179 + content: none;
2180 + position: relative;
2867 2181 }
2868 -div#rag-database input#search-submit {
2869 - background: #5b4e96;
2870 - color: #fff;
2871 - border-color: #5b4e96;
2182 +
2183 +
2184 +/* 09-25-2024 - CSS Updated*/
2185 +
2186 +.qcld-help-debug .wrap.swpm-admin-menu-wrap{
2187 + position: relative;
2188 + max-width: 1170px;
2872 2189 }
2873 -.rag_embed_cpts_wrapper {
2874 - display: flex;
2875 - flex-direction: column;
2876 - gap: 6px;
2190 +.qcld-help-debug .wrap.swpm-admin-menu-wrap:before {
2191 + content: '';
2192 + position: absolute;
2193 + background: url("../../chatbot/images/hud-left-dark.png") top left;
2194 + left: -6px;
2195 + width: 40px;
2196 + height: 100%;
2197 + z-index: 999;
2198 + top: 0;
2199 + background-repeat: repeat !important;
2877 2200 }
2878 -div#wp-chatbot-gemini-settings .input-group {
2879 - display: flex;
2880 - gap: 10px;
2201 +.qcld-help-debug .wrap.swpm-admin-menu-wrap:after {
2202 + content: '';
2203 + position: absolute;
2204 + background: url("../../chatbot/images/hud-righ-dark.png") top right;
2205 + width: 41px;
2206 + height: 100%;
2207 + right: -22px;
2208 + width: 28px;
2209 + z-index: 999;
2210 + top: 0;
2211 + background-repeat: repeat !important;
2881 2212 }
2882 -div#wp-chatbot-grok-settings a#qcld_save_grok_setting {
2883 - background: #5B4E96;
2884 - color: #ffffff;
2885 - border: none;
2886 - padding: 12px 30px;
2213 +.qcld-help-debug {
2214 + position: relative;
2215 + max-width: 1190px;
2216 + margin: 24px 0 0 0;
2887 2217 }
2888 -button#qcld_gemini_fetch_models {
2889 - background: #5B4E96;
2890 - color: #ffffff;
2891 - border: none;
2218 +.qcld-help-debug:before {
2219 + content: '';
2220 + position: absolute;
2221 + background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2222 + /* left: -15px; */
2223 + width: 100%;
2224 + height: 34px;
2225 + z-index: 9999999;
2226 + top: -7px;
2227 + background-repeat: no-repeat;
2228 + background-size: cover;
2892 2229 }
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;
2230 +.card-header .wpbot_dashboard_header {
2231 + background: #222222;
2896 2232 }
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;
2233 +.card-header .wpbot_addons_section {
2234 + background: #222222;
2902 2235 }
2903 -select#qcld_language_center_select:focus {
2904 - border-color: #5b4e96;
2905 - color: #5b4e96;
2906 - box-shadow: 0 0 0 1px #5b4e96;
2236 +
2237 +.qcld-help-debug .wrap.swpm-admin-menu-wrap {
2238 + background: #222222;
2239 + padding: 20px 20px;
2240 + border-radius: 6px;
2241 + width: 100%;
2242 + max-width: 1220px;
2907 2243 }
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;
2244 +.qcld-help-debug .nav-tab-wrapper, .qcld-help-debug .wrap h2.nav-tab-wrapper, .qcld-help-debug h1.nav-tab-wrapper{
2245 + border-bottom: 0px solid #c3c4c7;
2246 + margin: 0;
2247 + padding-top: 25px;
2248 + padding-bottom: 0;
2249 + line-height: inherit;
2915 2250 }
2916 -div#common-ai-settings h2.nav-tab-wrapper {
2917 - border: none;
2251 +
2252 +@media (min-width: 1200px) {
2253 + .qcld-help-debug .container {
2254 + width: auto !important;
2255 + }
2918 2256 }
2919 -div#qcld-rate-settings-tab {
2920 - display: block !important;
2257 +
2258 +.qcld-help-debug .notice, .qcld-help-debug div.error, .qcld-help-debug div.updated {
2259 + background: #1c1c1c;
2260 + border: 1px solid #222222;
2261 + border-left-width: 4px;
2262 + box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
2263 + margin: 5px 15px 2px;
2264 + padding: 1px 12px;
2265 + margin: 20px 0 0 0 !important;
2921 2266 }
2922 -div#common-ai-settings .form-check {
2923 - margin-bottom: 15px;
2924 - border: 0px solid #E5E6F2;
2925 - padding: 12px 12px;
2926 - border-radius: 8px;
2267 +
2268 +
2269 +header.wp-chatbot-admin-header h3 {
2270 + color: #fff !important;
2927 2271 }
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;
2272 +.qcbot-str-top-notic {
2273 + max-width: 1170px;
2274 + padding: 0 !IMPORTANT;
2275 + margin: 20px 0 0 0;
2932 2276 }
2933 -.cxsc-settings-blocks.cxsc-settings-blocks-style .radio-inline input[type=radio] {
2934 - width: 1.5rem;
2935 - height: 1.5rem;
2277 +#rotationloader.fa.fa-spinner {
2278 + display: none;
2279 + rotate: initial;
2280 + -webkit-animation: rotation 2s infinite linear;
2936 2281 }
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;
2282 +.btn-secondary {
2283 + color: #fff;
2284 + background-color: #6c757d;
2285 + border-color: #6c757d;
2953 2286 }
2954 -button#botmaster_submit_googlesheet_btn, button#botmaster_submit_googledoc_btn {
2955 - background: #5B4E96;
2956 - border-color: #5B4E96;
2287 +.btn-dark {
2288 + color: #fff;
2289 + background-color: #343a40;
2290 + border-color: #343a40;
2957 2291 }
2958 -.wpbot-wizard-field select#wizard_ai_provider {
2959 - background: transparent;
2960 - color: #fff;
2961 - width: 100%;
2962 - display: block;
2963 - max-width: unset;
2292 +
2293 +.qcbot_help_secion .panel.panel-default a.nav-tab.qcld-plan-tab-text {
2294 + margin: 0 !important;
2295 + padding: 0 !important;
2296 + line-height: normal !important;
2297 + float: none !important;
2964 2298 }
2965 -.wpbot-wizard-field select#wizard_ai_provider:hover {
2966 - border-color: #5b4e96;
2967 - color: #5b4e96;
2968 - box-shadow: 0 0 0 1px #5b4e96;
2299 +.qcbot_help_secion .panel.panel-default h3.wppt_nav_container.qcld-plan-tab-text {
2300 + margin: 0 0 0 0;
2301 + padding: 0 0 0 0;
2302 + line-height: normal !important;
2969 2303 }
2970 -div#wizard_api_key_container input#wizard_api_key {
2971 - background: transparent;
2972 - color: #fff;
2304 +.qcbot_help_secion .panel.panel-default a.collapsed {
2305 + display: inline-block;
2306 + width: 100%;
2973 2307 }
2974 -div#collapseTwoControl input[type=radio]:checked::before {
2975 - background-color: #5b4e96;
2308 +.qcbot_help_secion .panel.panel-default h4.panel-title a {
2309 + display: inline-block;
2310 + width: 100%;
2311 + outline: none !important;
2312 + box-shadow: none !important;
2976 2313 }
2977 -.nav-tab-wrapper.sld_nav_container.wppt_nav_container.qcld_help_wppt_nav_container{
2978 - width: 320px !important;
2979 - gap: 0;
2314 +
2315 +.wp-chatbot-wrap-outer {
2316 + position: relative;
2980 2317 }
2981 -div#rag-settings tbody#rag-knowledge-base-list tr td button {
2982 - padding: 6px 20px;
2983 - font-weight: bold;
2984 - font-size: 12px;
2318 +.wp-chatbot-wrap-outer:before {
2319 + content: '';
2320 + position: absolute;
2321 + background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2322 + left: 0px;
2323 + width: 100%;
2324 + height: 34px;
2325 + z-index: 999;
2326 + top: -7px;
2327 + background-repeat: no-repeat;
2328 + width: 1190px;
2985 2329 }
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;
2330 +
2331 +section.wp-chatbot-tab-container-inner .block-inner .cxsc-settings-blocks {
2332 + display: inline-flex !important;
2333 + flex-direction: column;
2334 + width: 100%;
2990 2335 }
2991 -button#ai-knowledge-base-tab {
2992 - animation: pulse 2s infinite;
2336 +section.wp-chatbot-tab-container-inner .cxsc-settings-blocks-style {
2337 + display: flex !important;
2338 + flex-wrap: nowrap;
2339 + flex-direction: column;
2340 + gap: 0;
2341 + justify-content: center;
2993 2342 }
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 - }
2343 +.qc-opt-dcs-font {
2344 + font-size: 14px !important;
2345 + padding: 5px 12px 0 12px;
2346 + margin: 0 0 0 0;
3004 2347 }
3005 -footer.wp-chatbot-admin-footer input#submit {
3006 - background: #5b4e96;
3007 - padding: 12px 30px;
2348 +div.mce-panel {
2349 + border: 1px solid #dcdcde !important;
3008 2350 }
3009 -footer.wp-chatbot-admin-footer {
3010 - padding: 0 20px 20px 20px;
3011 - margin: 0 20px;
2351 +ul.radio-list-custom {
2352 + width: 260px;
3012 2353 }
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;
2354 +ul.radio-list-custom li {
2355 + width: 49% !important;
3025 2356 }
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;
2357 +.cxsc-settings-blocks ul.radio-list input[type=checkbox], .cxsc-settings-blocks ul.radio-list input[type=radio] {
2358 + margin: 0!important;
3036 2359 }
3037 -.qcld-session-history_menu_box .btn.btn-primary {
3038 - background: #564a8e !important;
3039 - color: #fff !important;
2360 +
2361 +
2362 +.qcl-openai div#wp-chatbot-openai-help .card-body {
2363 + border: 0 solid #21252900;
3040 2364 }
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;
2365 +
2366 +
2367 +.wp-chatbot-wrap-outer .wpbot_single_content {
2368 + display: flex;
3053 2369 }
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;
2370 +.wp-chatbot-wrap-outer .wpbot_single_addon {
2371 + width: 32%;
2372 + margin-right: 1%;
2373 + display: inline-block;
2374 + margin-bottom: 14px;
2375 + padding: 5px;
2376 + border: 1px solid #eee;
2377 + background: #fff;
2378 + padding: 18px 8px;
2379 + border-radius: 6px;
3066 2380 }
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;
2381 +
2382 +body .qcbot-str-top-notic {
2383 + max-width: initial !important;
2384 + padding: 0 !important;
2385 + margin: 20px 20px 0 0 !important;
2386 + padding: 15px 15px 15px 0 !important;
2387 + border: none !important;
2388 + border-radius: 6px !important;
2389 + box-shadow: 0px 4px 6px 1px #ebebeb !important;
2390 + margin: 20px 20px 0 0 !important;
3075 2391 }
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;
2392 +
2393 +.wrap {
2394 + margin: 0 !important;
3084 2395 }
3085 -.Expandmore span {
3086 - color: #fff;
3087 - margin: 0 0 0 8px;
3088 - padding: 0 5px;
3089 - font-size: 18px;
2396 +
2397 +body .wrap .qcbot-str-top-notic {
2398 + margin: 20px 20px 20px 0 !important;
3090 2399 }
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;
2400 +
2401 +.content-wrap form-group label {
2402 + width: auto !important;
2403 + display: inline-block;
2404 + font-weight: bold;
3095 2405 }
3096 -.avatar-location-wrapper {
3097 - padding: 0 0 25px 0;
2406 +.form-group label {
2407 + width: auto !important;
3098 2408 }
3099 -.avatar-location-card.active {
3100 - background: #5b4e96;
3101 - color: #ffffff;
2409 +
2410 +div#promotion-wpchatbot {
2411 + max-width: inherit;
2412 + margin-left: 0;
2413 + border: none;
2414 + margin: 12px 20px 20px 0;
3102 2415 }
3103 -.avatar-location-card.active svg {
3104 - color: #ffffff;
2416 +div#promotion-wpchatbot a{
2417 + display: block;
3105 2418 }
3106 -.ai-provider-cards {
3107 - margin: 0 0 0 0%;
2419 +.qc-opt-dcs-font {
2420 + padding: 10px 12px 10px 12px !important;
2421 + font-weight: bold !important;
3108 2422 }
3109 -.qcld-wp-chatbot-wrap-header_inn_heading a.button.page-title-action {
3110 - margin: 0 0 0 4px;
2423 +
2424 +.cxsc-settings-faq-blocks .qc-opt-dcs-font {
2425 + padding: 5px 12px 10px 0 !important;
3111 2426 }
3112 -label.qcld_label_width_full.qcld_label_width_half {
3113 - font-size: 12px;
3114 - padding: 6px 0 0 0;
2427 +
2428 +.qcld-faq-block .cxsc-settings-blocks {
2429 + background: #eee !important;
2430 + padding: 22px 12px !important;
2431 + border-radius: 6px !important;
3115 2432 }
3116 -.ai-provider-cards-wrapper h4 {
3117 - width: 412px;
2433 +.qcld-faq-block button.wp-chatbot-remove-support {
2434 + position: absolute;
2435 + right: 15px;
3118 2436 }
3119 -.ai-provider-cards-wrapper {
3120 - display: flex;
3121 -}
3122 -@media (max-width: 880px) {
3123 - .ai-provider-cards {
3124 - margin: 0 0 0 0;
3125 - }
2437 +section#section-flip-2 .cxsc-settings-blocks .qc-opt-dcs-font {
2438 + padding: 4px 6px 4px 6px !important;
3126 2439 }