PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 6.6.0
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v6.6.0
8.7.7 8.7.6 8.7.5 8.7.4 8.7.3 8.7.2 8.7.1 8.7.0 8.6.9 8.6.8 8.6.7 8.6.6 8.6.5 8.6.4 8.6.2 8.6.1 8.6.0 8.5.9 8.5.8 8.5.7 8.5.6 8.5.5 8.5.4 8.5.3 8.5.2 All 533 releases
← All changes | css/admin-style.css +1938 -2428 8.5.86.6.0 View file →
@@ -1,2969 +1,2479 @@
1 -@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
1 +.wp-chatbot-tabs-style-flip nav a span {
2 + text-transform: uppercase;
3 + letter-spacing: 1px;
4 + font-weight: 700;
5 + font-size: 0.625em;
6 +}
2 7
3 -.qcld-main-wrapper {
4 - background-color: #F5F7FD;
5 - font-family: "DM Sans", sans-serif !important;
6 - font-optical-sizing: auto;
8 +.wp-chatbot-tabs-style-flip nav ul li span {
9 + display: inline-block;
10 + padding-right: 5px;
11 +}
12 +.wp-chatbot-tabs-style-flip nav ul li span.wpwbot-admin-tab-icon {
13 + width: 25px;
7 14 font-size: 16px;
15 +}
16 +.wp-chatbot-wrap strong {
8 17 font-weight: normal;
9 18 }
10 -
11 -.wp-chatbot-wrap .fa{
12 - font: normal normal normal 14px / 1 FontAwesome !important;
19 +.wp-chatbot-wrap .d-ib{
20 + display: inline-block;
13 21 }
14 -
15 -/* .chatbot-wpbot-lite_page_wpbot, .chatbot-wpbot-lite_page_wpbot_help_page, .chatbot-wpbot-lite_page_wpbot_openAi, .toplevel_page_wpbot-panel{
16 - background-color: #F5F7FD;
17 -} */
18 -
19 -.qcld-main-wrapper .h1,
20 -.qcld-main-wrapper .h2,
21 -.qcld-main-wrapper .h3,
22 -.qcld-main-wrapper .h4,
23 -.qcld-main-wrapper .h5,
24 -.qcld-main-wrapper .h6,
25 -.qcld-main-wrapper h1,
26 -.qcld-main-wrapper h2,
27 -.qcld-main-wrapper h3,
28 -.qcld-main-wrapper h4,
29 -.qcld-main-wrapper h5,
30 -.qcld-main-wrapper h6 {
31 - color: #5b4e96 !important;
22 +button.swal2-confirm.btn.btn-lg.swal2-styled {
23 + font-size: 18px;
32 24 }
33 -
34 -.qcld-wp-chatbot-wrap-header {
35 - display: flex;
36 - column-gap: 15px;
37 - row-gap: 10px;
38 - background: #fff;
39 - padding: 15px 15px;
40 - margin: 20px 20px 20px 0;
41 - border-radius: 16px;
42 - align-items: center;
43 - justify-content: space-between;
44 -
25 +a.wpbot_addons_link span {
26 + margin: 0px 28px 0 20px;
45 27 }
46 -
47 -.qcld-wp-chatbot-wrap-header img {
48 - max-width: 50px;
28 +a.wpbot_addons_link .fa{
29 + font-size: 16px;
49 30 }
50 -
51 -.qcld-wp-chatbot-wrap-header ul,
52 -.qcld-wp-chatbot-wrap-header p,
53 -.qcld-wp-chatbot-wrap-header li {
54 - margin: 0;
31 +.wp-chatbot-admin-header, .wp-chatbot-admin-footer {
32 + padding: 25px;
55 33 }
56 -
57 -.qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
58 - padding: 12px 25px;
59 - background: #ffffff;
60 - color: #5B4E96;
61 - border: 2px solid #5B4E96;
62 - border-radius: 6px;
63 - font-weight: bold;
34 +.wp-chatbot-admin-header h2 {
35 + color: #ffffff;
64 36 }
65 -
66 -.qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade:hover {
67 - padding: 12px 25px;
68 - background: #5B4E96;
37 +.wp-chatbot-version h3 {
69 38 color: #fff;
70 - border: 2px solid #5B4E96;
71 - border-radius: 6px;
72 - font-weight: bold;
73 - text-decoration: none;
39 + padding: 6px;
40 + display: inline-table;
41 + background: #7d7474;
42 + text-transform: uppercase;
43 + letter-spacing: 2px;
44 + text-shadow: 0 0 2px #000;
45 + font-size: 18px;
74 46 }
75 -
76 -a.qcld-wp-chatbot-wrap-site__logo {
77 - font-size: 22px;
78 - color: #000;
79 - font-weight: bold;
47 +.wp-chatbot-version p a {
48 + color: #989898;
80 49 }
81 -
82 -.wp-chatbot-wrap {
83 - margin: 20px 20px 20px 0;
84 - border-radius: 16px;
50 +.wp-chatbot-language-center-summmery {
51 + background: #2cacca;
52 + margin: -1em -1em 1em;
53 + padding: 20px;
85 54 }
86 -
87 -.wp-chatbot-tabs.wp-chatbot-tabs-style-flip {
88 - border-radius: 16px;
55 +.wp-chatbot-language-center-summmery p {
56 + color: #eef5f7;
57 + font-size: 16px;
58 + margin: 0;
89 59 }
90 -
91 -.wp-chatbot-tabs nav {
92 - width: 18%;
60 +.wp-chatbot-language-center-summmery p a {
61 + color: #eef5f7;
62 + text-decoration: underline;
63 +}
64 +input[type="text"].shop-jarvis-button-text {
93 65 display: block;
94 - float: left;
95 - min-width: 240px;
96 - margin-right: 24px;
97 - position: sticky;
98 - top: 0;
99 - overflow: unset;
100 - padding: 10px;
101 - background: #ffffff;
102 - border-radius: 16px;
66 + width: 700px !important;
103 67 }
68 +/*CHECKBOX*/
104 69
105 70
106 -.wp-chatbot-tabs nav ul li.tab-current a {
107 - background: #5B4E96;
108 - color: #ffffff;
109 - text-decoration: none;
71 +
72 +*, *:before, *:after {
73 + -webkit-box-sizing: border-box;
74 + box-sizing: border-box;
110 75 }
111 -
112 -.wp-chatbot-tabs nav ul li a:hover {
113 - background: #5B4E96;
114 - color: #ffffff;
115 - text-decoration: none;
76 +.wp-chatbot-wrap form {
77 + width: 400px;
116 78 }
117 -
118 -.wp-chatbot-tabs nav ul li a {
119 - padding: 14px 15px;
120 - width: 100%;
79 +legend {
121 80 font-size: 16px;
122 - font-weight: 500;
123 - color: #988FBD;
124 - border-radius: 8px;
125 - position: relative;
126 - display: flex;
127 - align-items: center;
128 - gap: 15px;
81 + font-family: monospace;
129 82 }
130 -
131 -.wp-chatbot-tabs nav ul li a span {
132 - font-size: 15px;
133 - font-weight: 500;
83 +fieldset {
84 + padding: 15px;
134 85 }
135 -
136 -.wp-chatbot-tabs-style-flip nav a span.wpwbot-admin-tab-icon {
137 - text-transform: capitalize;
138 - letter-spacing: 1px;
139 - font-weight: 700;
140 - font-size: 18px;
86 +#wp-chatbot-admin-form input[type=checkbox] {
87 + opacity: 0;
88 + float: left;
141 89 }
142 -
143 -
144 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a {
145 - padding: 14px 15px;
146 - width: 100%;
147 - font-size: 16px;
148 - font-weight: 500;
149 - color: #988FBD;
150 - border-radius: 8px;
90 +.interaction-re-target label {
91 + width: inherit !important;
92 +}
93 +#wp-chatbot-admin-form input[type=checkbox] + label {
94 + margin: 0 0 0 25px;
151 95 position: relative;
152 - display: flex;
153 - align-items: center;
154 - gap: 15px;
155 - text-decoration: none;
96 + cursor: pointer;
97 + font-size: 12px;
98 + float: left;
99 + width: inherit !important;
156 100 }
157 -
158 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a span {
159 - font-size: 15px;
160 - font-weight: 500;
101 +#wp-chatbot-admin-form input[type=checkbox] + label ~ label {
102 + margin: 0 0 0 40px;
161 103 }
162 -
163 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a span.wpwbot-admin-tab-icon {
164 - text-transform: capitalize;
165 - letter-spacing: 1px;
166 - font-weight: 700;
167 - font-size: 18px;
104 +#wp-chatbot-admin-form input[type=checkbox] + label::before {
105 + content: ' ';
106 + position: absolute;
107 + left: -35px;
108 + top: -3px;
109 + width: 25px;
110 + height: 25px;
111 + display: block;
112 + background: white;
113 + border: 1px solid #A9A9A9;
168 114 }
169 -
170 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a:hover {
171 - background: #5B4E96;
172 - color: #ffffff;
173 - text-decoration: none;
115 +#wp-chatbot-admin-form input[type=checkbox] + label::after {
116 + content: ' ';
117 + position: absolute;
118 + left: -35px;
119 + top: -3px;
120 + width: 23px;
121 + height: 23px;
122 + display: block;
123 + z-index: 1;
124 + background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE4MS4yIDI3MyAxNyAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxODEuMiAyNzMgMTcgMTYiPjxwYXRoIGQ9Ik0tMzA2LjMgNTEuMmwtMTEzLTExM2MtOC42LTguNi0yNC04LjYtMzQuMyAwbC01MDYuOSA1MDYuOS0yMTIuNC0yMTIuNGMtOC42LTguNi0yNC04LjYtMzQuMyAwbC0xMTMgMTEzYy04LjYgOC42LTguNiAyNCAwIDM0LjNsMjMxLjIgMjMxLjIgMTEzIDExM2M4LjYgOC42IDI0IDguNiAzNC4zIDBsMTEzLTExMyA1MjQtNTI0YzctMTAuMyA3LTI1LjctMS42LTM2eiIvPjxwYXRoIGZpbGw9IiMzNzM3MzciIGQ9Ik0xOTcuNiAyNzcuMmwtMS42LTEuNmMtLjEtLjEtLjMtLjEtLjUgMGwtNy40IDcuNC0zLjEtMy4xYy0uMS0uMS0uMy0uMS0uNSAwbC0xLjYgMS42Yy0uMS4xLS4xLjMgMCAuNWwzLjMgMy4zIDEuNiAxLjZjLjEuMS4zLjEuNSAwbDEuNi0xLjYgNy42LTcuNmMuMy0uMS4zLS4zLjEtLjV6Ii8+PHBhdGggZD0iTTExODcuMSAxNDMuN2wtNTYuNS01Ni41Yy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTI1My41IDI1My41LTEwNi4yLTEwNi4yYy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTU2LjUgNTYuNWMtNS4xIDUuMS01LjEgMTIgMCAxNy4xbDExNC43IDExNC43IDU2LjUgNTYuNWM1LjEgNS4xIDEyIDUuMSAxNy4xIDBsNTYuNS01Ni41IDI2Mi0yNjJjNS4yLTMuNCA1LjItMTIgLjEtMTcuMXpNMTYzNC4xIDE2OS40bC0zNy43LTM3LjdjLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0xNjkuNSAxNjkuNS03MC4yLTcxLjljLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0zNy43IDM3LjdjLTMuNCAzLjQtMy40IDguNiAwIDEybDc3LjEgNzcuMSAzNy43IDM3LjdjMy40IDMuNCA4LjYgMy40IDEyIDBsMzcuNy0zNy43IDE3NC43LTE3Ni40YzEuNi0xLjcgMS42LTYuOS0uMS0xMC4zeiIvPjwvc3ZnPg==') no-repeat center center;
125 + -ms-transition: all .2s ease;
126 + -webkit-transition: all .2s ease;
127 + transition: all .3s ease;
128 + -ms-transform: scale(0);
129 + -webkit-transform: scale(0);
130 + transform: scale(0);
131 + opacity: 0;
174 132 }
133 +#wp-chatbot-admin-form input[type=checkbox]:checked + label::after {
134 + -ms-transform: scale(1);
135 + -webkit-transform: scale(1);
136 + transform: scale(1);
137 + opacity: 1;
138 +}
139 +/*ICON CSS*/
175 140
176 -.wp-chatbot-admin-upgrade-pro-sidebar {
177 141
178 - float: left;
179 - width: 18%;
180 - border-radius: 16px;
181 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
182 - padding: 8px;
183 - margin: 0 0 0 25px;
184 -}
185 142
186 -.wp-chatbot-admin-upgrade-pro-sidebar img {
187 - width: 100%;
143 +ul.radio-list {
144 + margin: 0;
145 + padding: 0;
188 146 }
189 -
190 -
191 -.wp-chatbot-admingradient-color {
192 - border-radius: 12px;
193 - background: white;
194 - padding: 15px;
147 +ul.radio-list li {
148 + width: 15%;
149 + list-style: none;
150 + display: inline-block;
151 + text-align: center;
195 152 }
196 -
197 -.wp-chatbot-tabs-style-flip .content-wrap {
198 - border-radius: 16px;
153 +ul.radio-list li img, ul.radio-list li input {
154 + display: inline-table;
155 + vertical-align: middle;
199 156 }
200 -
201 -ul.feature-list li img {
202 - max-width: 18px;
157 +ul.radio-list li input[type=radio] {
158 + background: #E3E4E4;
203 159 }
204 -
205 -a.wp-chatbot-admin-pro-upgrade-button {
206 - background: #5B4E96;
207 - color: #ffffff;
208 - text-decoration: none;
209 - padding: 4px 20px;
210 - border-radius: 6px;
160 +ul.radio-list li img {
161 + border-radius: 50%;
162 + box-shadow: 0px 0px 15px #c7dbec;
163 + width: 65px;
164 + display: block;
165 + margin: 5px auto;
211 166 }
212 -
213 -a.wp-chatbot-admin-pro-upgrade-button img {
214 - max-width: 20px;
167 +/*container style css after adding tab*/
168 + .panel-title > a:before {
169 + float: right !important;
170 + font-family: FontAwesome;
171 + content: "\f056";
172 + padding-right: 5px;
215 173 }
216 -
217 -h3.wp-chatbot-admincart-title {
218 - font-weight: bold;
219 - font-size: 20px;
174 + .panel-title > a.collapsed:before {
175 + float: right !important;
176 + content: "\f055";
220 177 }
221 -
222 -.qcld-main-wrapper ul.feature-list li {
223 - font-size: 14px;
178 + h2 {
179 + color: #ff9800;
224 180 }
225 -
226 -.wp-chatbot-wrap p {
227 - font-size: 15px;
181 + a {
182 + text-decoration: none;
183 + /* display: block; */
228 184 }
229 -
230 -.qcld-main-wrapper ul.feature-list {
231 - margin: 0 0 30px 0;
185 + .panel-default>.panel-heading {
186 + color: #fff;
187 + background-color: #FF9800;
188 + border-color: #ff9800;
232 189 }
233 -
234 -.qcld-swpm-admin-menu-wrap {
235 - margin: 0 !important;
190 +.form-container {
191 + background-color: #32373c;
192 + border: 1px solid #cccccc;
193 + border-radius: 5px;
236 194 }
237 -
238 -footer.wp-chatbot-admin-footer {
239 - padding: 0 20px 20px 20px;
195 +.qc-opt-description {
196 + font-weight: normal;
240 197 }
241 -
242 -.chatbot-wpbot-lite_page_wpbot footer.wp-chatbot-admin-footer input#submit {
243 - padding: 14px 20px;
244 - width: auto;
245 - font-size: 16px;
246 - font-weight: 500;
247 - color: #988FBD;
248 - border-radius: 8px;
249 - position: relative;
250 - display: flex;
251 - align-items: center;
252 - gap: 15px;
253 - background: #5B4E96;
254 - color: #ffffff;
255 - text-decoration: none;
256 - margin: 0 0 10px 15px;
198 +.qc-opt-title-font {
199 + font-weight: normal;
200 + font-size: 14px !important;
257 201 }
258 -
259 -
260 -h3.qcld-wpbot-main-tabs-title {
261 - border-bottom: 1px solid #eee;
262 - padding: 0 0 8px 0;
263 - margin: 20px 0 12px 0;
264 - font-weight: bold;
265 - font-size: 22px !important;
202 +.qc-opt-dcs-font {
203 + font-size: 14px !important;
266 204 }
267 -
268 -.qcld-main-wrapper .nav-tab-wrapper,
269 -.qcld-main-wrapper .wrap h2.nav-tab-wrapper,
270 -.qcld-main-wrapper h1.nav-tab-wrapper {
271 - border-bottom: none;
205 +.input-sm {
206 + width: 50px !important;
272 207 }
273 -
274 -.qcld-main-wrapper .nav-tab {
275 - float: left;
276 - border: 1px solid #c3c4c7;
277 - border-bottom: 1px;
278 - margin-left: .5em;
279 - padding: 5px 10px;
280 - font-size: 14px;
281 - line-height: 1.71428571;
282 - font-weight: 600;
283 - background: #ffffff;
284 - color: #5b4e96;
285 - text-decoration: none;
286 - white-space: nowrap;
287 - border: 1px solid #5b4e96;
288 - padding: 10px 20px !important;
289 - border-radius: 8px;
290 - line-height: normal !important;
291 - text-decoration: none;
208 +.thumbnail.theme_prev {
209 + max-width: 100%;
210 + height: auto;
292 211 }
293 -
294 -.qcld-main-wrapper .nav-tab-active,
295 -.qcld-main-wrapper .nav-tab-active:focus,
296 -.qcld-main-wrapper .nav-tab-active:focus:active,
297 -.qcld-main-wrapper .nav-tab-active:hover {
298 - border-bottom: 1px solid #5b4e96;
299 - background: #5b4e96;
300 - color: #fff;
301 - text-decoration: none;
212 +.ge-canvas {
213 + padding: 0 15px;
302 214 }
215 +/** wpwbot load control style **/
303 216
304 -.qcld-main-wrapper .btn-primary {
305 - border-color: #5b4e96 !important;
217 +#wp-chatbot-show-pages-list ul {
218 + margin: 0;
219 + padding: 14px 0 0 88px;
306 220 }
307 -
308 -.qcld-main-wrapper ul.feature-list li img {
309 - max-width: 16px;
310 - margin: 0 3px 0 0;
221 +#wp-chatbot-show-pages-list ul li {
222 + display: block;
223 + list-style: none;
224 + padding: 5px 0;
225 + clear: both;
311 226 }
312 -
313 -.qcld-main-wrapper .nav-tab:hover {
314 - text-decoration: none;
227 +#wp-chatbot-show-pages-list ul li:after {
228 + content: "";
229 + display: table;
230 + width: 100%;
231 + height: 1px;
315 232 }
316 -
317 -.content-wrap .qcbot_help_secion h4 {
318 - padding: 0 0;
319 - font-weight: bold;
320 - font-size: 16px;
233 +.radio-inline {
234 + font-size: 12px;
235 + line-height: 24px;
321 236 }
322 -
323 -
324 -section.wp-chatbot-tab-container-inner .panel-default>.panel-heading {
325 - background: #fff !important;
326 - color: #5B4E96 !important;
327 - text-decoration: none !important;
328 - border-radius: 8px;
329 - border: 2px solid #5B4E96;
237 +.wp-chatbot-settings-instruction {
238 + font-size: 12px;
239 + padding: 8px 0px;
330 240 }
331 -
332 -section.wp-chatbot-tab-container-inner .panel-default>.panel-heading+.panel-collapse>.panel-body {
333 - border-top-color: #ddd;
334 - background: linear-gradient(178deg, #ffffff 70%, #e9e4ff 96%);
335 - border: 1px solid #E5E6F2;
336 - border-radius: 16px;
337 - margin: 15px 0 0 0;
241 +#wp-chatbot-admin-form .content-wrap .nav-tabs > li > a {
242 + font-size: 16px;
338 243 }
339 -
340 -section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover {
341 - background: #5B4E96 !important;
342 - color: #ffffff !important;
343 - text-decoration: none !important;
344 - border-radius: 8px;
244 +#wp-chatbot-admin-form .content-wrap .nav-tabs > li > a:active {
245 + outline: 0;
345 246 }
346 -
347 -
348 -section.wp-chatbot-tab-container-inner .panel {
349 - margin-bottom: 0;
350 - margin-top: 10px;
351 - background-color: #fff;
247 +input[disabled]#shirtcode-selector {
248 + width: 110px;
249 + text-align: center;
352 250 border: none;
353 - border-radius: 0;
354 - -webkit-box-shadow: none;
251 + color: inherit;
252 + background: none;
355 253 box-shadow: none;
356 -}
357 -
358 -section.wp-chatbot-tab-container-inner .panel-heading {
359 - border-bottom: 0 solid transparent;
360 - border-top-left-radius: 0;
361 - border-top-right-radius: 0;
254 + margin: 0;
362 255 padding: 0;
363 256 }
364 -
365 -section.wp-chatbot-tab-container-inner h4.panel-title {
366 - padding: 0 !important;
257 +.tab-content textarea {
258 + width: 100%;
259 + font-size: 14px;
367 260 }
368 -
369 -section.wp-chatbot-tab-container-inner h4.panel-title a {
370 - display: block;
371 - padding: 15px 12px;
261 +.content-wrap section h4 {
262 + margin-top: 0;
263 + padding-top: 0;
372 264 font-size: 16px;
265 + font-weight: bold !important;
373 266 }
374 -
375 -.qcld-main-wrapper .nav-tab-small .nav-tab,
376 -.qcld-main-wrapper h3 .nav-tab {
377 - font-size: 15px !important;
267 +.wp-chatbot-support-cross {
268 + display: inline-block;
269 + height: 30px;
270 + width: 30px;
271 + margin-right: 5px;
272 + padding: 5px;
273 + background-color: #e0e5ea;
274 + border-radius: 10%;
275 + text-align: center;
378 276 }
379 -
380 -.qcld-main-wrapper .cxsc-settings-blocks-notic {
381 - background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
382 - border-radius: 16px;
383 - border: 1px solid #E5E6F2;
384 - padding: 20px 12px;
385 - margin: 0 0 20px 0;
277 +.wp-chatbot-support-cross:hover {
278 + cursor: all-scroll;
386 279 }
387 -
388 -.qcld-main-wrapper .cxsc-settings-blocks-notic p.d-ib {
389 - padding: 0;
390 - margin: 8px 0;
391 - font-size: 15px;
280 +.wp-chatbot-support-cross i {
281 + font-size: 20px;
392 282 }
393 -
394 -.wp-chatbot-wrap .form-group {
395 - margin-bottom: 15px;
396 - border: 1px solid #E5E6F2;
397 - padding: 12px 12px;
398 - border-radius: 8px;
283 +.wpbot_free_messenger_adds {
284 + white-space: unset !important;
285 + line-height: normal !important;
286 + margin-top: 12px;
287 + /* margin-left: -12px !important; */
288 + color: #dca219 !important;
289 + background: #fff;
290 + margin-right: 12px;
291 + font-size: 13px !important;
292 + border-radius: 6px;
293 + cursor: pointer;
399 294 }
400 -
401 -.wp-chatbot-wrap .form-group h4.qc-opt-title {
295 +.wpbot_free_messenger_adds:hover {
296 + background: #ddd;
297 + color: #987c0d !important;
298 +}
299 +span.qcld-chatbot-product-category, span.qcld-chatbot-support-items, span.qcld-chatbot-wildcard, span.qcld-chatbot-suggest-email, span.qcld-chatbot-reset-btn, #wp-chatbot-loadmore, .wp-chatbot-loadmore, span.qcld-chatbot-suggest-phone {
300 + color: #000000;
301 + background-image: linear-gradient(to right, #868afa 0%, #8fd3f4 51%, #2faafa 100%);
302 + background-size: 200% auto;
303 + box-shadow: 0 5px 15px #c3c3c3;
304 + border: 1px solid #ffffff;
305 +}
306 +.qc_menu_area {
307 + display: block;
308 + width: 500px;
309 + float: left;
310 +}
311 +.qc_menu_area_container {
312 + min-height: 400px;
313 + height: auto;
314 + padding: 10px;
315 + background: #eee;
316 + border: 1px solid #d4d4d4;
317 +}
318 +.qc_menu_list_area {
319 + display: block;
320 + width: 300px;
321 + float: right;
322 +}
323 +.qc_menu_list_container {
324 + min-height: 400px;
325 + height: auto;
326 + padding: 10px;
327 + background: #eee;
328 + border: 1px solid #d4d4d4;
329 +}
330 +.qc_menu_list_container p {
331 + background: #ddd;
332 + padding: 5px;
333 + text-align: center;
402 334 font-weight: bold;
403 335 }
404 -
405 -
406 -.wp-chatbot-wrap input:focus {
407 - border-color: #e1dbff;
408 - box-shadow: 0 0 0 4px #e1dbff, 0 1px 2px 0 #1018280d;
336 +.qc_menu_list_container span {
337 + width: 100%
409 338 }
410 -
411 -.wp-chatbot-wrap input[type=text] {
412 - border: 1px solid #E5E6F2;
339 +#qc_menu_area span {
340 + width: 380px !important;
341 + display: block !important;
342 + margin-left: 0;
413 343 }
414 -
415 -
416 -.wp-chatbot-wrap .nav-tabs {
417 - border-bottom: none;
344 +.qc_menu_list_container span {
345 + width: 278px;
418 346 }
419 -
420 -.wp-chatbot-wrap .nav-tabs>li {
421 - float: left;
422 - margin-bottom: 0;
347 +.qcld_wpbot_download_statuses {
348 + margin-top: 10px
423 349 }
424 -
425 -.wp-chatbot-wrap .nav-tabs>li>a {
426 - margin-right: .5em;
427 - line-height: 1.42857143;
428 - border: 1px solid #5b4e96;
429 - border-radius: 6px;
430 - border: 1px solid #5b4e96;
431 - padding: 10px 20px !important;
432 - border-radius: 8px;
433 - color: #5b4e96;
434 - font-size: 15px;
435 - font-weight: 600;
436 - line-height: normal !important;
350 +/* wpbot addons section */
351 +
352 +.wpbot_addons_section {
353 + margin-right: unset !important;
354 + margin-left: unset !important;
355 + margin-bottom: 10px;
356 + background: #32373c;
357 + padding-bottom: 20px;
358 + border-radius: 0px 0px 5px 5px;
437 359 }
438 -
439 -.wp-chatbot-wrap .nav-tabs>li.active>a,
440 -.wp-chatbot-wrap .nav-tabs>li.active>a:focus,
441 -.wp-chatbot-wrap .nav-tabs>li.active>a:hover {
442 - color: #ffffff;
443 - cursor: default;
444 - background-color: #5b4e96;
445 - border: 1px solid #5b4e96;
446 - border-bottom-color: transparent;
360 +.wpbot_single_addon {
361 + width: 30%;
362 + margin-right: 1%;
363 + display: inline-block;
364 + margin-bottom: 14px;
365 + padding: 5px;
366 + border: 1px solid #eee;
447 367 }
448 -
449 -.wp-chatbot-wrap .nav-tabs {
450 - border-bottom: none;
451 - margin: 0 0 15px 0;
368 +.wpbot_single_addon:hover {
369 + border: 1px solid #d2d2d2;
370 + border-radius: 10px;
452 371 }
453 -
454 -.wp-chatbot-wrap .nav>li>a:focus,
455 -.wp-chatbot-wrap .nav>li>a:hover {
456 - text-decoration: none;
457 - background-color: #5b4e96;
458 - border-color: #5b4e96 #eee #ddd;
459 - color: #fff;
372 +.wpbot_single_content {
460 373 }
461 -
462 -
463 -.cxsc-settings-blocks.cxsc-settings-faq-blocks {
464 - background: #f5f7fd !important;
465 - padding: 12px !important;
466 - border-radius: 6px;
374 +.wpbot_addon_image {
375 + float: left;
376 + margin-right: 10px;
467 377 }
468 -
469 -.qcld-faq-block .cxsc-settings-blocks {
470 - background: #f5f7fd !important;
471 - padding: 12px !important;
472 - border-radius: 6px !important;
473 - margin: 0 0 15px 0 !important;
378 +.wpbot_addon_image img {
379 + width: 60px;
474 380 }
475 -
476 -#wp-chatbot-icon-theme-settings img {
477 - width: 100%;
381 +.wpbot_addon_content {
382 + display: inline-block;
478 383 }
479 -
480 -
481 -.qcld-main-wrapper ul.radio-list {
482 - display: flex;
483 - flex-wrap: wrap;
384 +.wpbot_addon_title {
385 + font-size: 15px;
386 + font-weight: bold;
484 387 }
485 -
486 -.qcld-main-wrapper ul.radio-list li {
487 - width: 156px;
488 - margin: 4px 4px;
489 - border-radius: 16px;
490 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
491 - padding: 12px;
492 - text-align: center;
493 - position: relative;
388 +.wpbot_addon_details {
494 389 }
495 -
496 -.qcld-main-wrapper ul.radio-list li img {
497 - max-width: 80px;
498 - display: block;
390 +.wpbot_addon_details p {
391 + margin-bottom: 0;
499 392 }
500 -
501 -div#wp-chatbot-icon-theme-settings input[type=radio]:checked::before {
502 - content: "\f12a";
503 - font-family: dashicons;
504 -
505 - border-radius: 0;
506 - width: 100%;
507 - height: 100%;
508 - margin: 0;
509 - background-color: #5b4e96bd !important;
510 - line-height: 1.14285714;
511 - position: absolute;
512 - top: 0;
513 - left: 0;
514 - right: 0;
515 - border-radius: 16px;
516 - z-index: 999;
517 - color: #45d72d;
518 - display: flex;
519 - align-items: flex-start;
520 - justify-content: flex-end;
521 - font-size: 32px;
522 - padding: 0 4px;
523 - border: 4px solid transparent;
524 -
393 +.wp_addon_installed {
394 + font-size: 11px;
395 + margin: 4px 0px;
396 + background: #0b8a0bad;
397 + color: #fff;
398 + text-align: center;
399 + border-radius: 3px;
400 + padding: 2px 6px;
525 401 }
526 -
527 -div#wp-chatbot-icon-theme-settings input[type=radio] {
528 - background: transparent;
529 - border: none;
530 - box-shadow: none;
402 +.wp_addon_notinstalled {
403 + font-size: 11px;
404 + margin: 2px 0px;
405 + background: #dc1671ab;
406 + color: #fff;
407 + text-align: center;
408 + border-radius: 3px;
409 + padding: 2px 6px;
531 410 }
532 -
533 411 .wpbot_dashboard_header {
534 - display: flex;
535 - column-gap: 15px;
536 - row-gap: 10px;
537 - background: #fff;
538 - padding: 22px 15px;
539 - margin: 20px 0 20px 0;
540 - border-radius: 16px;
541 - align-items: center;
542 - justify-content: space-between;
412 + margin-right: unset !important;
413 + margin-left: unset !important;
414 + background: #32373c;
415 + color: #fff;
416 + text-align: center;
417 + border-radius: 5px 5px 0px 0px;
543 418 }
544 -
545 419 .wpbot_dashboard_header h1 {
546 - margin: 0;
547 - padding: 0;
548 - font-size: 22px;
549 - font-weight: bold;
420 + font-size: 30px;
421 + line-height: 100px;
422 + margin: 0px;
550 423 }
551 -
552 -.wpbot_dashboard_header p {
553 - margin: 0;
554 - padding: 0;
555 -}
556 -
557 424 .wpbot_single_addon_wrapper {
558 - display: flex;
559 - flex-wrap: wrap;
425 + background: #eee;
426 + padding: 20px;
560 427 }
561 -
562 -.wpbot_single_addon_wrapper .wpbot_single_addon {
563 - border-radius: 16px;
564 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
565 - padding: 8px;
566 - text-align: center;
567 - width: 266px;
568 - margin: 8px 8px;
428 +.wpbot_statistics_area {
429 + background: #fff;
569 430 }
570 -
571 -.wpbot_single_addon_wrapper .wpbot_single_addon img {
572 - max-width: 120px;
431 +.wpbot_statistics_area h2 {
432 + margin: 0px;
433 + background: #fff;
434 + font-size: 20px;
435 + padding: 10px 20px;
436 + border-bottom: 1px solid #eee;
437 + margin-bottom: 10px;
573 438 }
574 -
575 -.wpbot_single_addon_wrapper .wpbot_single_addon .wpbot_single_content {
576 - background: #fff;
577 - border-radius: 12px;
578 - background: white;
579 - padding: 15px;
580 - min-height: 288px;
581 - background: linear-gradient(174deg, #ffffff 70%, #e9e4ff 96%);
439 +.wpbot_report {
440 + padding-left: 20px;
441 + padding-bottom: 10px;
582 442 }
583 -
584 -.wpbot_addon_title {
585 - font-weight: bold;
586 - font-size: 17px;
587 - padding: 8px 0;
443 +.wpbot_report p {
588 444 }
589 -
590 -.qcld-main-wrapper span.wp_addon_notinstalled {
591 - background: #fee3e2;
592 - color: #202020;
593 - padding: 3px 10px;
594 - border-radius: 6px;
595 - border: none;
596 - margin: 0 0 10px 0;
445 +.wpbot_report_key {
446 + width: 180px;
597 447 display: inline-block;
598 448 font-weight: bold;
599 - font-size: 13px;
600 449 }
601 -
602 -.qcld-main-wrapper span.wp_addon_installed {
603 - background: green;
604 - color: #fff;
605 - padding: 3px 10px;
606 - border-radius: 6px;
607 - border: none;
608 - margin: 0 0 10px 0;
450 +.wpbot_report_value {
609 451 display: inline-block;
452 + margin-left: 15px;
610 453 font-weight: bold;
611 - font-size: 13px;
612 454 }
613 -
614 -.wpbot_addon_image img {
615 - height: 98px;
616 - object-fit: cover;
455 +.wpbot_report_value a {
617 456 }
618 -
619 -.wpbot_single_addon a.button.button-secondary {
620 - background: #5B4E96;
621 - color: #ffffff;
622 - text-decoration: none;
623 - border: 1px solid #5B4E96;
457 +.vc_col-sm-6 {
458 + width: 48%;
459 + float: left;
460 + margin-right: 1%;
624 461 }
625 -
626 -.wp-chatbot-wrap .wpbot_single_addon p {
627 - font-size: 14px;
628 - height: 48px;
462 +.vc_column_container {
463 + padding-left: 0;
464 + padding-right: 0;
629 465 }
630 -
631 -.wpbot_statistics_area {
632 - border-radius: 16px;
633 - background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%);
634 - padding: 8px;
635 - text-align: center;
636 -}
637 -
638 -
639 -.qcld-main-wrapper ul.radio-list li label {
466 +.vc_column_container>.vc_column-inner {
467 + box-sizing: border-box;
468 + padding-left: 15px;
469 + padding-right: 15px;
640 470 width: 100%;
641 - margin: 0 auto;
642 - display: flex;
643 - flex-direction: column;
644 - align-items: center;
645 471 }
646 -
647 -
648 -section.wp-chatbot-tab-container-inner h4.panel-title a {
472 +.to-icon-box {
649 473 position: relative;
650 474 }
651 -
652 -section.wp-chatbot-tab-container-inner h4.panel-title a.collapsed:after {
653 - content: "\f10f";
654 - font-family: dashicons;
475 +.txt-left {
476 + text-align: left;
477 +}
478 +.to-icon.fa-4x {
479 + font-size: 42px;
480 + width: 52px;
481 + height: 52px;
482 + line-height: 52px;
483 +}
484 +.to-icon-box i {
655 485 position: absolute;
656 - right: 18px;
657 - top: 12px;
658 - font-size: 25px;
659 - font-weight: normal;
660 486 }
661 -
662 -section.wp-chatbot-tab-container-inner h4.panel-title a:after {
663 - content: "\f14f";
664 - font-family: dashicons;
665 - position: absolute;
666 - right: 18px;
667 - top: 12px;
668 - font-size: 25px;
669 - font-weight: normal;
487 +.to-icon-box.left .to-icon-txt.fa-4x-txt {
488 + margin-left: 58px;
670 489 }
671 -
672 -.wpbot_single_addon_wrapper .wpbot_single_addon .wpbot_single_content:hover {
673 - background: linear-gradient(1deg, #ffffff 70%, #e9e4ff 96%);
490 +.to-icon-box.left .to-icon-txt {
491 + margin-left: 30px;
492 + margin-right: 6%;
674 493 }
675 -
676 -a.wp-chatbot-admin-pro-upgrade-button {
677 - font-size: 15px;
494 +.to-icon-txt {
495 + position: relative;
678 496 }
679 -
680 -a.wp-chatbot-admin-pro-upgrade-button:hover {
497 +.qc_wpbot_pro {
498 + background: red;
499 + padding: 4px;
681 500 color: #fff;
682 - background-color: #f0ad4e;
501 + font-size: 13px;
502 + border-radius: 7px;
683 503 }
504 +.to-accordion-title {
505 + position: relative;
506 + line-height: 30px;
507 + padding: 5px 0;
508 + margin: 0 !important;
509 + cursor: pointer;
510 +}
511 +.to-accordion-open {
512 + display: inline-block;
513 + float: right;
514 + margin: 0 10px;
515 + text-align: center;
516 + width: 30px;
517 + height: 30px;
518 + opacity: 0.85;
519 + font-weight: 100;
520 + border-radius: 100%;
521 + -o-border-radius: 100%;
522 + -moz-border-radius: 100%;
523 + -webkit-border-radius: 100%;
524 +}
525 +.qc_accordion_content_third, .qc_accordion_content_second, .qc_accordion_content_first {
526 + display: none;
527 + transition: all 0.5s ease-in-out;
528 +}
529 +.wpb_wrapper h3 {
530 + font-size: 20px;
531 +}
532 +.qcbot_help_secion {
533 + margin-bottom: 20px;
534 + border: unset;
535 + padding: 25px !important;
536 + -webkit-box-shadow: 3px 4px 10px 0px rgba(0,0,0,0.75);
537 + -moz-box-shadow: 3px 4px 10px 0px rgba(0,0,0,0.75);
538 + box-shadow: 3px 4px 10px 0px rgba(0,0,0,0.75);
539 +}
540 +.df-connect-error {
541 + color: #ff0000;
542 + font-weight: 700;
543 +}
684 544
685 545
686 -.qcld-wp-chatbot-wrap-header-doc {
687 - display: flex;
688 - column-gap: 15px;
689 - row-gap: 10px;
690 - background: #fff;
691 - padding: 15px 15px;
692 - margin: 20px 20px 20px 0;
693 - border-radius: 16px;
694 - align-items: center;
695 - justify-content: flex-start;
696 - display: flex;
697 - background: linear-gradient(130deg, #ffffff 70%, #e9e4ff 96%);
698 - border-radius: 16px;
699 - gap: 30px;
546 +.getting_gtarted_section .qcbot_help_secion {
547 + box-shadow: none;
548 + background: #fff;
700 549 }
550 +.getting_gtarted_section .qcbot_help_secion h2{
551 + font-size: 18px;
552 + color: #333;
553 + font-weight: bold;
554 +}
555 +.getting_gtarted_section .to-accordion-title {
556 +position: relative;
557 + line-height: 30px;
558 + padding: 5px 6px !important;
559 + margin: 0 0 8px 0 !important;
560 + cursor: pointer;
561 + border: 1px solid #222;
562 + color: #fff;
563 + background: #32373c;
564 + font-size: 18px !important;
565 +}
701 566
702 -.qcld-wp-chatbot-wrap-header-doc img {
703 - max-width: 480px;
704 - height: 250px;
705 - object-fit: cover;
706 - border-radius: 8px;
567 +.getting_gtarted_section p{
568 + color: #060606;
569 + font-size: 15px;
707 570 }
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: #464b50;
1955 + padding: 8px 20px;
2395 1956 }
2396 -.qcld-openai-system-preset-content {
2397 - display: grid;
2398 - gap: 4px;
2399 - line-height: 22px;
1957 +.wrapTexttop-lite {
1958 + margin-bottom: 20px;
1959 + padding: 15px;
2400 1960 }
2401 -.qcld-openai-system-preset-title {
2402 - color: #1d2327;
2403 - font-weight: 600;
1961 +div#promotion-wpchatbot {
1962 + max-width: 1165px;
1963 + margin-left: 0;
2404 1964 }
2405 -.qcld-openai-system-preset-value {
2406 - display: none;
1965 +.notice.is-dismissible {
1966 + max-width: 1165px;
1967 + margin-left: 0;
2407 1968 }
2408 -@media (max-width: 782px) {
2409 - .qcld-openai-system-preset {
2410 - flex-basis: 180px;
2411 - }
1969 +
1970 +div#promotion-wpchatbot {
1971 + background: #c13825 !important;
1972 + padding: 0 !important;
1973 + padding-right: 0 !important;
2412 1974 }
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;
1975 +div#promotion-wpchatbot .notice-dismiss:before {
1976 + color: #fff !important;
2420 1977 }
2421 -.qcld-wpbot-pricing-filter-form-check {
2422 - display: flex;
2423 - gap: 10px;
1978 +
1979 +.wrapTexttop-lite .alert {
1980 + margin-bottom: 0;
2424 1981 }
2425 1982
2426 -.qcld-dialogflow-enable-notice {
2427 - padding: 15px 0 15px 0;
2428 - color: red;
2429 - font-weight: bold;
1983 +
1984 +.form-container {
1985 + background-color: #2e2e2e;
2430 1986 }
2431 -
2432 -a#qcld_save_gemini_setting {
2433 - background: #5B4E96;
2434 - color: #ffffff;
2435 - border: none;
2436 - padding: 12px 30px;
1987 +.wp-chatbot-wrap form {
1988 + width: 1170px !important;
2437 1989 }
2438 -.card-body-gemini {
2439 - padding: 0 15px;
1990 +.container.form-container {
1991 + position: relative;
2440 1992 }
1993 +.container.form-container:before {
1994 + content: '';
1995 + position: absolute;
1996 + background: url("../../chatbot/images/hud-left-dark.png") top left;
1997 + left: -6px;
1998 + width: 40px;
1999 + height: 100%;
2000 + z-index: 999;
2001 + top: 0;
2002 + background-repeat: repeat !important;
2003 +}
2004 +.container.form-container:after {
2005 + content: '';
2006 + position: absolute;
2007 + background: url("../../chatbot/images/hud-righ-dark.png") top right;
2008 + width: 41px;
2009 + height: 100%;
2010 + right: -22px;
2011 + width: 28px;
2012 + z-index: 999;
2013 + top: 0;
2014 + background-repeat: repeat !important;
2015 +}
2441 2016
2442 -div#panelsStayOpen-collapseseven pre {
2443 - width: 100%;
2444 - display: block;
2445 - max-width: 1120px;
2446 -}
2447 2017
2448 -.card-body-gemini p {
2449 - font-size: 16px;
2450 - font-weight: bold;
2451 -}
2452 2018
2453 -.card-body-openrouter p{
2454 - font-size: 16px;
2455 - font-weight: bold;
2019 +form#wp-chatbot-admin-form {
2020 + position: relative;
2456 2021 }
2457 -div#wp-chatbot-openai-assistants p {
2458 - font-size: 16px;
2022 +form#wp-chatbot-admin-form:before {
2023 + content: '';
2024 + position: absolute;
2025 + background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2026 + /* left: -15px; */
2027 + width: 100%;
2028 + height: 34px;
2029 + z-index: 999;
2030 + top: -7px;
2031 + background-repeat: no-repeat;
2459 2032 }
2460 -button.btn{
2461 - outline: none !important;
2033 +
2034 +
2035 +.wp-chatbot-wrap form {
2036 + max-width: 1170px !important;
2037 + width: 96% !important;
2462 2038 }
2463 -button.btn:focus{
2464 - outline: none !important;
2039 +.container.form-container {
2040 + position: relative;
2041 + width: 100% !important;
2042 + max-width: 1170px;
2465 2043 }
2466 -input:focus {
2467 - border-color: #e1dbff;
2468 - box-shadow: none !important;
2469 - outline: none !important;
2044 +.qc-review-text img {
2045 + max-width: 1170px;
2470 2046 }
2471 2047
2472 -.wp-chatbot-wrap .qc-opt-language-title{
2473 - font-weight: bold !important;
2474 - color: #5b4e96 !important;
2475 - font-size: 16px;
2476 -}
2477 2048
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;
2049 +path{stroke-dasharray:300;stroke-dashoffset:300;stroke:#c3a477;stroke-width:2px;-webkit-animation:draw ease-out infinite;animation:draw ease-out infinite}
2050 +#l1{-webkit-animation-duration:3s;animation-duration:3s}
2051 +#l2{-webkit-animation-duration:5.5s;animation-duration:5.5s}
2052 +#l3{-webkit-animation-duration:2s;animation-duration:2s}
2053 +#l4{-webkit-animation-duration:5.5s;animation-duration:5.5s}@-webkit-keyframes draw{50%{stroke-dashoffset:0}100%{stroke-dashoffset:-300}}@keyframes draw{50%{stroke-dashoffset:0}100%{stroke-dashoffset:-300}}
2054 +.lineanimation{position:absolute;top:-64px;z-index:999;left:-10px;right:0;margin:0 auto;width:257px;max-width:257px;height:90px;overflow:hidden;bottom:0}
2055 +.lineanimation svg{width:250px;height:95px}.lineanimation svg{width:250px;height:150px;overflow:hidden}.lineanimation path{stroke:#5e5e5e}
2490 2056
2491 -}
2492 2057
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 2058
2498 -}
2499 2059
2500 2060
2501 -@media (min-width: 993px) and (max-width: 1350px) {
2502 -.wp-chatbot-admin-upgrade-pro-sidebar {
2503 - width: 25%;
2504 -}
2505 -}
2506 2061
2507 -.wp-chatbot-tabs nav ul li a span.dashicons {
2508 - font-size: 20px;
2509 - width: auto;
2510 - height: auto;
2511 -}
2512 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a span.dashicons {
2513 - font-size: 20px;
2514 -}
2515 2062
2516 2063
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 2064
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 -}
2065 +/* 09-11-2024 - CSS Updated*/
2532 2066
2533 -#qcld_check_connection i{
2534 - animation: rotation infinite 3s linear;
2067 +.wp-chatbot-wrap-outer .wp-chatbot-wrap {
2068 + position: relative;
2069 + max-width: 1170px;
2535 2070 }
2536 -
2537 -.wp-chatbot-wrap div#wp-chatbot-custom-color-options .form-group {
2538 - min-height: 90px;
2071 +.wp-chatbot-wrap-outer .wp-chatbot-wrap:before {
2072 + content: '';
2073 + position: absolute;
2074 + background: url("../../chatbot/images/hud-left-dark.png") top left;
2075 + left: -6px;
2076 + width: 40px;
2077 + height: 100%;
2078 + z-index: 999;
2079 + top: 0;
2080 + background-repeat: repeat !important;
2539 2081 }
2540 -
2541 -div#promotion-wpchatbot .qc-review-text a {
2542 - display: block;
2082 +.wp-chatbot-wrap-outer .wp-chatbot-wrap:after {
2083 + content: '';
2084 + position: absolute;
2085 + background: url("../../chatbot/images/hud-righ-dark.png") top right;
2086 + width: 41px;
2087 + height: 100%;
2088 + right: -22px;
2089 + width: 28px;
2090 + z-index: 999;
2091 + top: 0;
2092 + background-repeat: repeat !important;
2543 2093 }
2544 -.qcld-wp-chatbot-wrap-header-logo {
2545 - display: flex;
2546 - align-items: center;
2547 - gap: 10px;
2094 +.card-header{
2095 + position: relative;
2096 + max-width: 1190px;
2548 2097 }
2549 -@keyframes rotation{
2550 - from{
2551 - transform:rotate(360deg);
2552 - }
2553 -
2554 - to{
2555 - transform:rotate(0deg);
2556 - }
2098 +.card-header:before {
2099 + content: '';
2100 + position: absolute;
2101 + background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2102 + /* left: -15px; */
2103 + width: 100%;
2104 + height: 34px;
2105 + z-index: 999;
2106 + top: -7px;
2107 + background-repeat: no-repeat;
2108 + background-size: cover;
2557 2109 }
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;
2110 +.card-header .wpbot_dashboard_header {
2111 + background: #222222;
2575 2112 }
2576 -div#wpfooter {
2577 - display: none;
2113 +.card-header .wpbot_addons_section {
2114 + background: #222222;
2578 2115 }
2579 2116
2580 -.qcld-btn-primary {
2581 2117
2582 - border: none;
2583 -}
2584 2118
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;
2591 -}
2592 2119
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;
2599 -}
2600 2120
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;
2614 -}
2615 2121
2616 -div#rag-settings h2.nav-tab-wrapper {
2617 - margin: 0;
2618 - padding: 0;
2619 - border: none;
2620 -}
2621 2122
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;
2627 -}
2628 2123
2629 2124
2125 +/* 09-20-2024 - CSS Updated*/
2630 2126
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;
2127 +.qcl-openai .card.admin-maxwith .wp-chatbot-wrap {
2128 + position: relative;
2129 + max-width: 1170px;
2647 2130 }
2648 -
2649 -div#rag-sync .wrap {
2650 - border: 1px solid #eee;
2651 - padding: 8px 12px;
2652 - border-radius: 6px;
2131 +.qcl-openai .card.admin-maxwith:before {
2132 + content: '';
2133 + position: absolute;
2134 + background: url("../../chatbot/images/hud-left-dark.png") top left;
2135 + left: -15px;
2136 + width: 40px;
2137 + height: 100%;
2138 + z-index: 999;
2139 + top: 0;
2140 + background-repeat: repeat !important;
2653 2141 }
2142 +.qcl-openai .card.admin-maxwith:after {
2143 + content: '';
2144 + position: absolute;
2145 + background: url("../../chatbot/images/hud-righ-dark.png") top right;
2146 + width: 41px;
2147 + height: 100%;
2148 + right: -15px;
2149 + width: 28px;
2150 + z-index: 999;
2151 + top: 0;
2152 + background-repeat: repeat !important;
2153 +}
2154 +.qcl-openai .wp-chatbot-wrap-outer .card-header.bg-dark{
2155 + position: relative;
2156 + max-width: 1190px;
2157 +}
2158 +.qcl-openai .wp-chatbot-wrap-outer .card-header.bg-dark:before {
2159 + content: '';
2160 + position: absolute;
2161 + background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2162 + /* left: -15px; */
2163 + width: 100%;
2164 + height: 34px;
2165 + z-index: 9999999;
2166 + top: -7px;
2167 + background-repeat: no-repeat;
2168 + background-size: cover;
2169 +}
2170 +.qcl-openai .wp-chatbot-wrap-outer .wpbot_dashboard_header {
2171 + background: #222222;
2172 +}
2173 +.qcl-openai .wp-chatbot-wrap-outer .wpbot_addons_section {
2174 + background: #222222;
2175 +}
2176 +.qcl-openai h4 {
2177 + padding: 20px 20px 0 20px;
2178 +}
2179 +.qcl-openai .card-header.bg-dark.text-white.py-sm-4.border-0 {
2180 + padding: 0 0 !important;
2181 +}
2182 +.qcl-openai .qcl-openai .card-body {
2183 + border: 20px solid #222222;
2184 +}
2185 +.qcl-openai .card-header.bg-dark {
2186 + background-color: #222222 !important;
2187 +}
2188 +.qcl-openai {
2189 + margin: 20px 0 0 0;
2190 +}
2191 +.qcl-openai .accordion .card-header:before{
2192 + content: none;
2193 + position: relative;
2194 +}
2654 2195
2655 2196
2197 +/* 09-25-2024 - CSS Updated*/
2656 2198
2657 -div#qcld-rag-settings-tab .wrap:first-child {
2658 - border: 1px solid #eee;
2659 - padding: 8px 12px;
2660 - border-radius: 6px;
2199 +.qcld-help-debug .wrap.swpm-admin-menu-wrap{
2200 + position: relative;
2201 + max-width: 1170px;
2661 2202 }
2662 -
2663 -
2664 -.qcl-openai div#rag-database input[type=checkbox] {
2665 - display: block;
2203 +.qcld-help-debug .wrap.swpm-admin-menu-wrap:before {
2204 + content: '';
2205 + position: absolute;
2206 + background: url("../../chatbot/images/hud-left-dark.png") top left;
2207 + left: -6px;
2208 + width: 40px;
2209 + height: 100%;
2210 + z-index: 999;
2211 + top: 0;
2212 + background-repeat: repeat !important;
2666 2213 }
2667 -
2668 -.tablenav-pages {
2669 - text-align: right;
2670 - padding: 8px 0;
2214 +.qcld-help-debug .wrap.swpm-admin-menu-wrap:after {
2215 + content: '';
2216 + position: absolute;
2217 + background: url("../../chatbot/images/hud-righ-dark.png") top right;
2218 + width: 41px;
2219 + height: 100%;
2220 + right: -22px;
2221 + width: 28px;
2222 + z-index: 999;
2223 + top: 0;
2224 + background-repeat: repeat !important;
2671 2225 }
2672 -button#botmaster_submit_sitemap_btn {
2673 - background: #5B4E96;
2674 - border-color: #5B4E96;
2226 +.qcld-help-debug {
2227 + position: relative;
2228 + max-width: 1190px;
2229 + margin: 24px 0 0 0;
2675 2230 }
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;
2231 +.qcld-help-debug:before {
2232 + content: '';
2233 + position: absolute;
2234 + background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2235 + /* left: -15px; */
2236 + width: 100%;
2237 + height: 34px;
2238 + z-index: 9999999;
2239 + top: -7px;
2240 + background-repeat: no-repeat;
2241 + background-size: cover;
2682 2242 }
2243 +.card-header .wpbot_dashboard_header {
2244 + background: #222222;
2245 +}
2246 +.card-header .wpbot_addons_section {
2247 + background: #222222;
2248 +}
2683 2249
2684 -.qcl-openai div#rag-settings h2.nav-tab-wrapper a:focus {
2685 - border: 1px solid #5b4e96 !important;
2250 +.qcld-help-debug .wrap.swpm-admin-menu-wrap {
2251 + background: #222222;
2252 + padding: 20px 20px;
2253 + border-radius: 6px;
2254 + width: 100%;
2255 + max-width: 1220px;
2686 2256 }
2687 -button#rag-delete-all {
2688 - background: #5b4e96;
2689 - color: #fff;
2690 - border-color: #5b4e96;
2257 +.qcld-help-debug .nav-tab-wrapper, .qcld-help-debug .wrap h2.nav-tab-wrapper, .qcld-help-debug h1.nav-tab-wrapper{
2258 + border-bottom: 0px solid #c3c4c7;
2259 + margin: 0;
2260 + padding-top: 25px;
2261 + padding-bottom: 0;
2262 + line-height: inherit;
2691 2263 }
2692 2264
2693 -div#rag-database table.widefat {
2694 - border: 1px solid #ffffff;
2695 - box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
2265 +@media (min-width: 1200px) {
2266 + .qcld-help-debug .container {
2267 + width: auto !important;
2268 + }
2696 2269 }
2697 -div#rag-database .widefat thead td, div#rag-database .widefat thead th {
2698 - border-bottom: 1px solid #ffffff;
2270 +
2271 +.qcld-help-debug .notice, .qcld-help-debug div.error, .qcld-help-debug div.updated {
2272 + background: #1c1c1c;
2273 + border: 1px solid #222222;
2274 + border-left-width: 4px;
2275 + box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
2276 + margin: 5px 15px 2px;
2277 + padding: 1px 12px;
2278 + margin: 20px 0 0 0 !important;
2699 2279 }
2700 2280
2701 -div#rag-database table.widefat thead {
2702 - background: #5b4e96;
2703 - color: #fff;
2281 +
2282 +header.wp-chatbot-admin-header h3 {
2283 + color: #fff !important;
2704 2284 }
2705 -div#rag-database table.widefat thead th {
2706 - color: #fff;
2285 +.qcbot-str-top-notic {
2286 + max-width: 1170px;
2287 + padding: 0 !IMPORTANT;
2288 + margin: 20px 0 0 0;
2707 2289 }
2708 -.qcl-openai div#rag-database input[type=checkbox] {
2709 - display: block;
2710 - width: 18px;
2711 - height: 18px;
2290 +#rotationloader.fa.fa-spinner {
2291 + display: none;
2292 + rotate: initial;
2293 + -webkit-animation: rotation 2s infinite linear;
2712 2294 }
2713 -
2714 -div#wp-chatbot-openai-rag input[type=checkbox]+label {
2715 - margin-bottom: 0;
2295 +.btn-secondary {
2296 + color: #fff;
2297 + background-color: #6c757d;
2298 + border-color: #6c757d;
2716 2299 }
2717 -.qcl-openai input[type=checkbox]+label {
2718 - margin-bottom: 0;
2300 +.btn-dark {
2301 + color: #fff;
2302 + background-color: #343a40;
2303 + border-color: #343a40;
2719 2304 }
2720 -div#qcld-rag-settings-tab .wrap .mb-3 {
2721 - padding: 5px 0;
2722 -}
2723 2305
2724 -div#rag-database input#search-submit {
2725 - background: #5b4e96;
2726 - color: #fff;
2727 - border-color: #5b4e96;
2306 +.qcbot_help_secion .panel.panel-default a.nav-tab.qcld-plan-tab-text {
2307 + margin: 0 !important;
2308 + padding: 0 !important;
2309 + line-height: normal !important;
2310 + float: none !important;
2728 2311 }
2729 -.rag_embed_cpts_wrapper {
2730 - display: flex;
2731 - flex-direction: column;
2732 - gap: 6px;
2312 +.qcbot_help_secion .panel.panel-default h3.wppt_nav_container.qcld-plan-tab-text {
2313 + margin: 0 0 0 0;
2314 + padding: 0 0 0 0;
2315 + line-height: normal !important;
2733 2316 }
2734 -
2735 -div#wp-chatbot-gemini-settings .input-group {
2736 - display: flex;
2737 - gap: 10px;
2317 +.qcbot_help_secion .panel.panel-default a.collapsed {
2318 + display: inline-block;
2319 + width: 100%;
2738 2320 }
2739 -div#wp-chatbot-grok-settings a#qcld_save_grok_setting {
2740 - background: #5B4E96;
2741 - color: #ffffff;
2742 - border: none;
2743 - padding: 12px 30px;
2321 +.qcbot_help_secion .panel.panel-default h4.panel-title a {
2322 + display: inline-block;
2323 + width: 100%;
2324 + outline: none !important;
2325 + box-shadow: none !important;
2744 2326 }
2745 2327
2746 -button#qcld_gemini_fetch_models {
2747 - background: #5B4E96;
2748 - color: #ffffff;
2749 - border: none;
2328 +.wp-chatbot-wrap-outer {
2329 + position: relative;
2750 2330 }
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;
2331 +.wp-chatbot-wrap-outer:before {
2332 + content: '';
2333 + position: absolute;
2334 + background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2335 + left: 0px;
2336 + width: 100%;
2337 + height: 34px;
2338 + z-index: 999;
2339 + top: -7px;
2340 + background-repeat: no-repeat;
2341 + width: 1190px;
2754 2342 }
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;
2343 +.qc-review-notice {
2344 + position: relative;
2345 + z-index: 9999;
2760 2346 }
2761 -
2762 -select#qcld_language_center_select:focus {
2763 - border-color: #5b4e96;
2764 - color: #5b4e96;
2765 - box-shadow: 0 0 0 1px #5b4e96;
2347 +section.wp-chatbot-tab-container-inner .block-inner .cxsc-settings-blocks {
2348 + display: inline-flex !important;
2349 + flex-direction: column;
2350 + width: 100%;
2766 2351 }
2767 -
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;
2352 +section.wp-chatbot-tab-container-inner .cxsc-settings-blocks-style {
2353 + display: flex !important;
2354 + flex-wrap: nowrap;
2355 + flex-direction: column;
2356 + gap: 0;
2357 + justify-content: center;
2775 2358 }
2776 -
2777 -div#common-ai-settings h2.nav-tab-wrapper {
2778 - border: none;
2359 +.qc-opt-dcs-font {
2360 + font-size: 14px !important;
2361 + padding: 5px 12px 0 12px;
2362 + margin: 0 0 0 0;
2779 2363 }
2780 -div#qcld-rate-settings-tab {
2781 - display: block !important;
2364 +div.mce-panel {
2365 + border: 1px solid #dcdcde !important;
2782 2366 }
2783 -div#common-ai-settings .form-check {
2784 - margin-bottom: 15px;
2785 - border: 0px solid #E5E6F2;
2786 - padding: 12px 12px;
2787 - border-radius: 8px;
2367 +ul.radio-list-custom {
2368 + width: 260px;
2788 2369 }
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;
2370 +ul.radio-list-custom li {
2371 + width: 49% !important;
2793 2372 }
2373 +.cxsc-settings-blocks ul.radio-list input[type=checkbox], .cxsc-settings-blocks ul.radio-list input[type=radio] {
2374 + margin: 0!important;
2375 +}
2794 2376
2795 -.cxsc-settings-blocks.cxsc-settings-blocks-style .radio-inline input[type=radio] {
2796 - width: 1.5rem;
2797 - height: 1.5rem;
2798 -}
2799 2377
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;
2378 +.qcl-openai div#wp-chatbot-openai-help .card-body {
2379 + border: 0 solid #21252900;
2816 2380 }
2817 2381
2818 2382
2819 -button#botmaster_submit_googlesheet_btn, button#botmaster_submit_googledoc_btn {
2820 - background: #5B4E96;
2821 - border-color: #5B4E96;
2383 +.wp-chatbot-wrap-outer .wpbot_single_content {
2384 + display: flex;
2822 2385 }
2386 +.wp-chatbot-wrap-outer .wpbot_single_addon {
2387 + width: 32%;
2388 + margin-right: 1%;
2389 + display: inline-block;
2390 + margin-bottom: 14px;
2391 + padding: 5px;
2392 + border: 1px solid #eee;
2393 + background: #fff;
2394 + padding: 18px 8px;
2395 + border-radius: 6px;
2396 +}
2823 2397
2824 -.wpbot-wizard-field select#wizard_ai_provider {
2825 - background: transparent;
2826 - color: #fff;
2827 - width: 100%;
2828 - display: block;
2829 - max-width: unset;
2398 +body .qcbot-str-top-notic {
2399 + max-width: initial !important;
2400 + padding: 0 !important;
2401 + margin: 20px 20px 0 0 !important;
2402 + padding: 15px 15px 15px 0 !important;
2403 + border: none !important;
2404 + border-radius: 6px !important;
2405 + box-shadow: 0px 4px 6px 1px #ebebeb !important;
2406 + margin: 20px 20px 0 0 !important;
2830 2407 }
2831 -.wpbot-wizard-field select#wizard_ai_provider:hover {
2832 - border-color: #5b4e96;
2833 - color: #5b4e96;
2834 - box-shadow: 0 0 0 1px #5b4e96;
2408 +
2409 +.wrap {
2410 + margin: 0 !important;
2835 2411 }
2836 -div#wizard_api_key_container input#wizard_api_key {
2837 - background: transparent;
2838 - color: #fff;
2412 +
2413 +body .wrap .qcbot-str-top-notic {
2414 + margin: 20px 20px 20px 0 !important;
2839 2415 }
2840 2416
2841 -
2842 -
2843 -div#collapseTwoControl input[type=radio]:checked::before {
2844 - background-color: #5b4e96;
2417 +.content-wrap form-group label {
2418 + width: auto !important;
2419 + display: inline-block;
2420 + font-weight: bold;
2845 2421 }
2422 +.form-group label {
2423 + width: auto !important;
2424 +}
2846 2425
2847 -.nav-tab-wrapper.sld_nav_container.wppt_nav_container.qcld_help_wppt_nav_container{
2848 - width: 320px !important;
2849 - gap: 0;
2426 +div#promotion-wpchatbot {
2427 + max-width: inherit;
2428 + margin-left: 0;
2429 + border: none;
2430 + margin: 12px 20px 20px 0;
2850 2431 }
2851 -div#rag-settings tbody#rag-knowledge-base-list tr td button {
2852 - padding: 6px 20px;
2853 - font-weight: bold;
2854 - font-size: 12px;
2432 +div#promotion-wpchatbot a{
2433 + display: block;
2855 2434 }
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;
2435 +.qc-opt-dcs-font {
2436 + padding: 10px 12px 10px 12px !important;
2437 + font-weight: bold !important;
2860 2438 }
2861 2439
2862 -button#ai-knowledge-base-tab {
2863 - animation: pulse 2s infinite;
2440 +.cxsc-settings-faq-blocks .qc-opt-dcs-font {
2441 + padding: 5px 12px 10px 0 !important;
2864 2442 }
2865 2443
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 - }
2444 +.qcld-faq-block .cxsc-settings-blocks {
2445 + background: #eee !important;
2446 + padding: 22px 12px !important;
2447 + border-radius: 6px !important;
2876 2448 }
2877 -footer.wp-chatbot-admin-footer input#submit {
2878 - background: #5b4e96;
2879 - padding: 12px 30px;
2449 +.qcld-faq-block button.wp-chatbot-remove-support {
2450 + position: absolute;
2451 + right: 15px;
2880 2452 }
2881 -footer.wp-chatbot-admin-footer {
2882 - padding: 0 20px 20px 20px;
2883 - margin: 0 20px;
2453 +section#section-flip-2 .cxsc-settings-blocks .qc-opt-dcs-font {
2454 + padding: 4px 6px 4px 6px !important;
2884 2455 }
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;
2456 +
2457 +ul.radio-list li img {
2458 + height: 65px;
2459 + object-fit: cover;
2897 2460 }
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;
2461 +.wpbot_addon_details p {
2462 + padding: 4px 0;
2908 2463 }
2909 -
2910 -.qcld-session-history_menu_box .btn.btn-primary {
2911 - background: #564a8e !important;
2912 - color: #fff !important;
2464 +.qc-review-ul li a {
2465 + color: #950053;
2466 + border: 1px solid #eee;
2467 + padding: 8px 28px;
2913 2468 }
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;
2469 +.qc-review-ul li a span {
2470 + position: absolute;
2471 + left: 3px;
2472 + top: 6px;
2926 2473 }
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;
2474 +body .wrap .qcbot-str-top-notic {
2475 + z-index: 9999;
2939 2476 }
2940 -
2941 -
2942 -
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;
2477 +.to-icon-txt.fa-4x-txt h3 {
2478 + font-weight: bold !important;
2951 2479 }
2952 -
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;
2961 -
2962 -}
2963 -
2964 -.Expandmore span {
2965 - color: #fff;
2966 - margin: 0 0 0 8px;
2967 - padding: 0 5px;
2968 - font-size: 18px;
2969 -}