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