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