PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 6.3.2
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v6.3.2
8.7.8 8.7.7 8.7.6 8.7.5 8.7.4 8.7.3 8.7.2 8.7.1 8.7.0 8.6.9 8.6.8 8.6.7 8.6.6 8.6.5 8.6.4 8.6.2 8.6.1 8.6.0 8.5.9 8.5.8 8.5.7 8.5.6 8.5.5 8.5.4 8.5.3 All 534 releases
← All changes | css/admin-style.css +1884 -2403 8.5.66.3.2 View file →
@@ -1,2939 +1,2420 @@
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 36px;
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 + box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
786 + padding: 12px;
787 + margin: 0 0 20px 0;
788 + border-radius: 6px;
789 + border: 1px solid #8c8f949c;
790 + font-size: 15px;
791 + line-height: 25px;
792 + width: 75%;
793 +}
994 794
995 795
996 -.lp-submenu-wpbot_openAi .swal2-actions {
997 - display: flex;
998 - width: auto;
796 +.wp-chatbot-tabs-style-flip .cxsc-settings_openai_border span.wpwbot-admin-tab-icon {
797 + width: 25px;
798 + font-size: 16px;
999 799 }
1000 -.lp-submenu-wpbot_openAi button.swal2-confirm.btn.btn-lg.swal2-styled{
1001 - width: auto !important;
800 +.wp-chatbot-tabs-style-flip .cxsc-settings_openai_border span {
801 + display: inline-block;
802 + padding-right: 5px;
1002 803 }
1003 804
1004 -button.swal2-confirm.btn.btn-lg.swal2-styled {
1005 - width: auto;
1006 -}
805 +/**************** open AI *********************/
1007 806
1008 -div#qc_menu_area {
1009 - min-height: 230px;
807 +.admin-maxwith{
808 + max-width: 1100px !important;
809 + padding: 0;
1010 810 }
1011 -div#collapseTwoControl .row {
1012 - padding: 8px 0;
1013 - border-bottom: 1px solid #eee;
1014 - margin: 0 0;
811 +.rl-col-custom{
812 + flex: 0 0 auto;
813 + width: 26px !important;
1015 814 }
1016 815
1017 816
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;
817 +.qc_openai_addon_settings_options{
818 + background: #fff;
819 + padding: 20px;
820 + margin: 20px 0;
821 + -webkit-border-radius: 10px;
822 + border-radius: 10px;
1038 823 }
1039 824
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;
825 +.qcl-openai body {
826 + margin: 0;
827 + font-family: var(--bs-font-sans-serif);
828 + font-size: 1rem;
829 + font-weight: 400;
830 + line-height: 1.5;
831 + color: #212529;
832 + background-color: #fff;
833 + -webkit-text-size-adjust: 100%;
834 + -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1053 835 }
1054 -
1055 -.wp-chatbot-wrap .form-group input[type=checkbox]:checked+label {
1056 - border: 2px solid #22b573;
836 +.qcl-openai hr {
837 + margin: 1rem 0;
838 + color: inherit;
839 + background-color: currentColor;
840 + border: 0;
841 + opacity: 0.25;
1057 842 }
1058 843
1059 -.wp-chatbot-wrap .form-group input[type=checkbox]:checked+label:after {
1060 - opacity: 1;
1061 - width: 22px;
844 +.qcl-openai h4{
845 + font-size: 1.5rem;
1062 846 }
1063 -
1064 -.wp-chatbot-wrap .form-group input[type=checkbox] {
1065 - display: none;
847 +.qcl-openai h4 {
848 + margin-top: 0;
849 + margin-bottom: 0.5rem;
850 + font-weight: 500;
851 + line-height: 1.2;
852 + font-size: calc(1.275rem + 0.3vw);
1066 853 }
1067 854
1068 855
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;
856 +.qcl-openai table {
857 + width: 100%;
858 + margin: 20px 0 0 0;
1076 859 }
1077 -
1078 -.admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
1079 - display: flex;
860 +.qcl-openai td {
861 + border-width: 1px;
862 + padding: 10px 7px;
1080 863 }
1081 -
1082 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs li {
1083 - display: inline-block;
1084 - width: 360px;
864 +.qcl-openai a {
865 + cursor: pointer;
1085 866 }
1086 867
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;
868 +.qcl-openai .gx-0 {
869 + --bs-gutter-x: 0;
1096 870 }
1097 -
1098 -.col-auto.me-auto.ai-settings-title-container {
1099 - display: flex;
1100 - justify-content: space-between;
1101 - padding: 20px;
871 +.qcl-openai .row {
872 + display: flex;
873 + flex-wrap: wrap;
874 + margin-top: calc(var(--bs-gutter-y) * -1);
875 + margin-right: calc(var(--bs-gutter-x) * -.5);
876 + margin-left: calc(var(--bs-gutter-x) * -.5);
1102 877 }
1103 878
1104 -.qcld-wp-chatbot-wrap-header-aisection {
1105 - margin: 0 0 0 0;
1106 -}
879 +@media (min-width: 576px){
880 + .qcl-openai .p-sm-3 {
881 + padding: 1rem !important;
882 + }
1107 883
1108 -.qcl-openai .row {
1109 - margin-right: 0;
1110 - margin-left: 0;
1111 884 }
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;
885 +/*.qcl-openai .bg-dark {
886 + background-color: #212529 !important;
887 +}*/
888 +.qcl-openai .row > {
889 + flex-shrink: 0;
890 + width: 100%;
891 + max-width: 100%;
892 + padding-right: 20px;
893 + padding-left: 20px;
894 + margin-top: var(--bs-gutter-y);
1121 895 }
1122 896
1123 -.admin-maxwith.qcld-openai-main-box .tab-content {
1124 - padding: 0 12px 0 12px;
1125 - width: 100%;
1126 -}
897 +@media (min-width: 576px){
898 + .qcl-openai .p-sm-4 {
899 + padding: 1.5rem !important;
900 + }
1127 901
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 902 }
903 +@media (min-width: 576px){
904 + .qcl-openai .col-sm-10 {
905 + flex: 0 0 auto;
906 + width: 83.33333333%;
907 + }
1141 908
1142 -.admin-maxwith.qcld-openai-main-box div#qcldopenaiaccordion .card h2 {
1143 - margin: 0;
1144 - padding: 0;
1145 - font-weight: bold;
1146 909 }
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;
910 +.qcl-openai .row > * {
911 + flex-shrink: 0;
912 + width: 100%;
913 + max-width: 100%;
914 + padding-right: calc(var(--bs-gutter-x) * .5);
915 + padding-left: calc(var(--bs-gutter-x) * .5);
916 + margin-top: var(--bs-gutter-y);
1156 917 }
1157 918
919 +/*.qcl-openai .bg-dark {
920 + background-color: #212529 !important;
921 +}*/
922 +@media (min-width: 576px){
923 + .qcl-openai .p-sm-3 {
924 + padding: 1rem !important;
925 + }
1158 926
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 927 }
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;
928 +/*.qcl-openai .bg-dark {
929 + background-color: #212529 !important;
930 +}*/
931 +.qcl-openai .ms-auto {
932 + margin-left: auto !important;
1179 933 }
934 +.qcl-openai .row > * {
935 + flex-shrink: 0;
936 + width: 100%;
937 + max-width: 100%;
938 + padding-right:20px;
939 + padding-left: 20px;
940 + margin-top: var(--bs-gutter-y);
941 +}
1180 942
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;
943 +.qcl-openai [type=button]:not(:disabled) {
944 + cursor: pointer;
1190 945 }
1191 -
1192 -.admin-maxwith.qcld-openai-main-box .tab-content .card-body {
1193 - padding: 15px;
946 +.qcl-openai button:not(:disabled) {
947 + cursor: pointer;
1194 948 }
1195 -
1196 -.admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
1197 - font-size: 15px;
949 +.qcl-openai .mb-3 {
950 + margin-bottom: 1rem !important;
1198 951 }
1199 952
1200 -.admin-maxwith.qcld-openai-main-box .tab-content {
1201 - font-size: 15px;
953 +.qcl-openai .my-4 {
954 + margin-top: 1.5rem !important;
955 + margin-bottom: 1.5rem !important;
1202 956 }
1203 -
1204 -.admin-maxwith.qcld-openai-main-box .tab-content .alert.alert-info {
1205 - margin: 15px 0 0 0;
957 +.qcl-openai .form-switch {
958 + padding-left: 2.5em;
1206 959 }
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;
960 +.qcl-openai .form-check {
961 + display: block;
962 + min-height: 1.5rem;
963 + padding-left: 1.5em;
964 + margin-bottom: 0.125rem;
1222 965 }
1223 966
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;
967 +@media (min-width: 576px) {
968 +.qcl-openai .p-sm-0 {
969 + padding: 0 !important;
1241 970 }
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 971 }
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;
972 +.qcl-openai .card-body {
973 + flex: 1 1 auto;
974 + padding: 1rem 1rem;
1282 975 }
1283 976
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;
977 +.qcl-openai .card {
978 + position: relative;
979 + display: -webkit-box;
980 + display: -ms-flexbox;
981 + display: flex;
982 + padding: 0 !important;
983 + max-width: 100% !important;
984 + margin-top: 0px;
985 + -webkit-box-orient: vertical;
986 + -webkit-box-direction: normal;
987 + -ms-flex-direction: column;
988 + flex-direction: column;
989 + min-width: 0;
990 + word-wrap: break-word;
991 + background-color: #fff;
992 + background-clip: border-box;
993 + border: 1px solid rgba(0,0,0,.125);
994 + border-radius: 0.25rem;
1287 995 }
1288 996
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 997
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;
998 +.qcl-openai .card-header:first-child {
999 + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
1298 1000 }
1299 -
1300 -div#wp-chatbot-show-pages-list ul li,
1301 -div#wp-chatbot-exclude-post-list ul li {
1302 - padding: 4px 0;
1001 +.qcl-openai .py-sm-4 {
1002 + padding-top: 1.5rem !important;
1003 + padding-bottom: 1.5rem !important;
1303 1004 }
1304 -
1305 -.qcld-main-wrapper div#headingTwoControl a {
1306 - font-weight: bold;
1005 +.qcl-openai .bg-dark {
1006 + background-color: #212529 !important;
1307 1007 }
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;
1008 +.qcl-openai .text-white {
1009 + color: #fff !important;
1330 1010 }
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;
1011 +.qcl-openai .border-0 {
1012 + border: 0 !important;
1345 1013 }
1346 -
1347 -.qcl-openai input[type=checkbox]:checked+label {
1348 - border: 2px solid #22b573;
1014 +.qcl-openai .card-header {
1015 + padding: 0.75rem 1.25rem;
1016 + margin-bottom: 0;
1017 + background-color: rgba(0,0,0,.03);
1018 + border-bottom: 1px solid rgba(0,0,0,.125);
1349 1019 }
1350 -
1351 -.qcl-openai input[type=checkbox]:checked+label:after {
1352 - opacity: 1;
1353 - width: 22px;
1020 +.qcl-openai .card-header h2{
1021 + margin-top: 0 !important;
1022 + margin-bottom: 0 !important;
1354 1023 }
1355 -
1356 -.qcl-openai input[type=checkbox] {
1357 - display: none;
1024 +.qcl-openai #wp-chatbot-openai-training-model{
1025 + padding-top: 20px;
1026 + padding-bottom: 20px;
1358 1027 }
1359 -
1360 -
1361 1028 .qcl-openai .form-check {
1362 - margin-bottom: 15px;
1363 - border: 1px solid #E5E6F2;
1364 - padding: 12px 12px;
1365 - border-radius: 8px;
1029 + display: block;
1030 + min-height: 1.5rem;
1031 + padding-left: 1.5em;
1032 + margin-bottom: 0.125rem;
1366 1033 }
1367 -
1368 -.qcl-openai label.form-check-label span {
1369 - font-size: 12px;
1034 +.qcl-openai .form-check .form-check-input {
1035 + float: left;
1036 + margin-left: -1.5em;
1370 1037 }
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;
1038 +.qcl-openai .form-check-input {
1039 + width: 1em;
1040 + height: 1em;
1041 + margin-top: 0.25em;
1042 + vertical-align: top;
1043 + background-color: #fff;
1044 + background-repeat: no-repeat;
1045 + background-position: center;
1046 + background-size: contain;
1047 + border: 1px solid rgba(0, 0, 0, 0.25);
1048 + -webkit-appearance: none;
1049 + -moz-appearance: none;
1050 + appearance: none;
1051 + -webkit-print-color-adjust: exact;
1052 + color-adjust: exact;
1383 1053 }
1384 -
1385 -.qcl-openai a#save_setting {
1386 - margin: 0 0 0 0;
1054 +.qcl-openai .form-check-input:active {
1055 + filter: brightness(90%);
1387 1056 }
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;
1057 +.qcl-openai .form-check-input:focus {
1058 + border-color: #86b7fe;
1059 + outline: 0;
1060 + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
1410 1061 }
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;
1062 +.qcl-openai .form-check-input:checked {
1063 + background-color: #0d6efd;
1064 + border-color: #0d6efd;
1425 1065 }
1426 -
1427 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label {
1428 - border: 2px solid #22b573;
1066 +.qcl-openai .form-check-input:checked[type=checkbox] {
1067 + 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 1068 }
1430 -
1431 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox]:checked+label:after {
1432 - opacity: 1;
1433 - width: 22px;
1069 +.qcl-openai .form-check-input:checked[type=radio] {
1070 + 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 1071 }
1435 -
1436 -.qcl-openai div#wp-chatbot-openrouter-settings input[type=checkbox] {
1437 - display: none;
1072 +.qcl-openai .form-check-input:disabled {
1073 + pointer-events: none;
1074 + filter: none;
1075 + opacity: 0.5;
1438 1076 }
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;
1077 +.qcl-openai .form-check-input:disabled ~ .form-check-label {
1078 + opacity: 0.5;
1446 1079 }
1447 -
1448 -.qcl-openai div#wp-chatbot-openrouter-settings label.form-check-label span {
1449 - font-size: 12px;
1080 +.qcl-openai .form-check-input[type=checkbox] {
1081 + border-radius: 0.25em;
1450 1082 }
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;
1083 +.qcl-openai .form-check-input[type=checkbox]:indeterminate {
1084 + background-color: #0d6efd;
1085 + border-color: #0d6efd;
1086 + 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 1087 }
1464 -
1465 -.qcl-openai div#wp-chatbot-openrouter-settings a#save_setting {
1466 - margin: 0 0 15px 0;
1088 +.qcl-openai .form-check-input[type=radio] {
1089 + border-radius: 50%;
1467 1090 }
1468 -
1469 -#qcld_save_openrouter_setting {
1470 - margin: 0 0 15px 0;
1091 +.qcl-openai .form-check-input[disabled] ~ .form-check-label {
1092 + opacity: 0.5;
1471 1093 }
1472 -
1473 -
1474 -div#openrouter-settings .tab-content {
1475 - padding: 0 12px 0 12px;
1476 - width: 100%;
1094 +.qcl-openai .form-switch {
1095 + padding-left: 2.5em;
1477 1096 }
1478 -
1479 -.qcl-openai .accordion {
1480 - padding: 0 0 0 15px;
1097 +.qcl-openai .form-switch .form-check-input {
1098 + width: 2em;
1099 + margin-left: -2.5em;
1100 + 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");
1101 + background-position: left center;
1102 + border-radius: 2em;
1103 + transition: background-position 0.15s ease-in-out;
1481 1104 }
1482 -
1483 -.qcl-openai .card-body-openrouter {
1484 - padding: 0 15px 0 15px;
1105 +.qcl-openai .form-switch .form-check-input:focus {
1106 + 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 1107 }
1486 -
1487 -
1488 -.admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container h4 {
1489 - width: 396px;
1108 +.qcl-openai .form-switch .form-check-input:checked {
1109 + background-position: right center;
1110 + 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 1111 }
1491 -
1492 -.admin-maxwith.qcld-openai-main-box .col-auto.me-auto.ai-settings-title-container select {
1493 - border-color: #ffffff;
1494 - width: 220px;
1112 +.qcl-openai .form-check-inline {
1113 + display: inline-block;
1114 + margin-right: 1rem;
1495 1115 }
1116 +.qcl-openai .form-check-inline .form-check-input ~ .valid-feedback {
1117 + margin-left: 0.5em;
1118 +}
1119 +.qcl-openai .form-check-inline .form-check-input ~ .invalid-feedback {
1120 + margin-left: 0.5em;
1121 +}
1496 1122
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;
1123 +.qcl-openai .form-range {
1124 + width: 100%;
1125 + height: 1.5rem;
1126 + padding: 0;
1127 + background-color: transparent;
1128 + -webkit-appearance: none;
1129 + -moz-appearance: none;
1130 + appearance: none;
1506 1131 }
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;
1132 +.qcl-openai .form-range:focus {
1133 + outline: 0;
1516 1134 }
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;
1135 +.qcl-openai .form-range:focus::-webkit-slider-thumb {
1136 + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
1526 1137 }
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;
1138 +.qcl-openai .form-range:focus::-moz-range-thumb {
1139 + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
1536 1140 }
1537 -
1538 -
1539 -.qcld-wrap.swpm-admin-menu-wrap {
1540 - display: flex;
1541 - margin: 15px 0;
1141 +.qcl-openai .form-range::-moz-focus-outer {
1142 + border: 0;
1542 1143 }
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;
1144 +.qcl-openai .form-range::-webkit-slider-thumb {
1145 + width: 1rem;
1146 + height: 1rem;
1147 + margin-top: -0.25rem;
1148 + background-color: #0d6efd;
1149 + border: 0;
1150 + border-radius: 1rem;
1151 + -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1152 + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1153 + -webkit-appearance: none;
1154 + appearance: none;
1551 1155 }
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;
1156 +.qcl-openai .form-range::-webkit-slider-thumb:active {
1157 + background-color: #b6d4fe;
1560 1158 }
1561 -
1562 -.qcld_help_wppt_nav_container a {
1563 - margin: 2px 10px;
1159 +.qcl-openai .form-range::-webkit-slider-runnable-track {
1160 + width: 100%;
1161 + height: 0.5rem;
1162 + color: transparent;
1163 + cursor: pointer;
1164 + background-color: #dee2e6;
1165 + border-color: transparent;
1166 + border-radius: 1rem;
1564 1167 }
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;
1168 +.qcl-openai .form-range::-moz-range-thumb {
1169 + width: 1rem;
1170 + height: 1rem;
1171 + background-color: #0d6efd;
1172 + border: 0;
1173 + border-radius: 1rem;
1174 + -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1175 + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1176 + -moz-appearance: none;
1177 + appearance: none;
1575 1178 }
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;
1179 +.qcl-openai .form-range::-moz-range-thumb:active {
1180 + background-color: #b6d4fe;
1588 1181 }
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;
1182 +.qcl-openai .form-range::-moz-range-track {
1183 + width: 100%;
1184 + height: 0.5rem;
1185 + color: transparent;
1186 + cursor: pointer;
1187 + background-color: #dee2e6;
1188 + border-color: transparent;
1189 + border-radius: 1rem;
1600 1190 }
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;
1191 +.qcl-openai .form-range:disabled {
1192 + pointer-events: none;
1608 1193 }
1609 -
1610 -
1611 -.content_qcbot_help_secion .panel-default>.panel-heading:hover a{
1612 - color: #ffffff !important;
1194 +.qcl-openai .form-range:disabled::-webkit-slider-thumb {
1195 + background-color: #adb5bd;
1613 1196 }
1614 -.content_qcbot_help_secion .panel-default {
1615 - border-color: #dddddd00;
1616 - margin-bottom: 10px;
1197 +.qcl-openai .form-range:disabled::-moz-range-thumb {
1198 + background-color: #adb5bd;
1617 1199 }
1618 1200
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;
1201 +.qcl-openai .text-end {
1202 + text-align: right !important;
1628 1203 }
1629 1204
1630 -.content_qcbot_help_secion p {
1631 - font-size: 15px;
1205 +.qcl-openai .form-label {
1206 + margin-bottom: 0.5rem;
1632 1207 }
1208 +.qcl-openai .col-form-label {
1209 + padding-top: calc(0.375rem + 1px);
1210 + padding-bottom: calc(0.375rem + 1px);
1211 + margin-bottom: 0;
1212 + font-size: inherit;
1213 + line-height: 1.5;
1214 +}
1215 +.qcl-openai .col-form-label-lg {
1216 + padding-top: calc(0.5rem + 1px);
1217 + padding-bottom: calc(0.5rem + 1px);
1218 + font-size: 1.25rem;
1219 +}
1633 1220
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;
1221 +.qcl-openai .col-8 {
1222 + flex: 0 0 auto;
1223 + width: 66.66666667%;
1224 + padding-left: 0px !important;
1642 1225 }
1643 1226
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;
1227 +.qcl-openai .form-select {
1228 + display: block;
1229 + width: 100%;
1230 + padding: 0.375rem 2.25rem 0.375rem 0.75rem;
1231 + -moz-padding-start: calc(0.75rem - 3px);
1232 + font-size: 15px;
1233 + font-weight: 400;
1234 + line-height: 1.5;
1235 + color: #212529;
1236 + background-color: #fff;
1237 + 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");
1238 + background-repeat: no-repeat;
1239 + background-position: right 0.75rem center;
1240 + background-size: 16px 12px;
1241 + border: 1px solid #ced4da;
1242 + border-radius: 0.25rem;
1243 + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1244 + -webkit-appearance: none;
1245 + -moz-appearance: none;
1246 + appearance: none;
1652 1247 }
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;
1248 +.qcl-openai .form-select:focus {
1249 + border-color: #86b7fe;
1250 + outline: 0;
1251 + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
1662 1252 }
1663 -
1664 -.content_qcbot_help_secion .panel {
1665 - box-shadow: none;
1253 +.qcl-openai .form-select:disabled {
1254 + background-color: #e9ecef;
1666 1255 }
1667 -
1668 -.qcbot_help_secion h3 {
1669 - font-size: 16px;
1670 - font-weight: bold;
1256 +.qcl-openai .form-select:-moz-focusring {
1257 + color: transparent;
1258 + text-shadow: 0 0 0 #212529;
1671 1259 }
1672 -
1673 -.qcbot_help_secion ul li {
1674 - list-style: inside;
1260 +.qcl-openai .form-select[multiple] {
1261 + padding-right: 0.75rem;
1262 + background-image: none;
1675 1263 }
1676 -
1677 -.notice.is-dismissible.qcbot-str-top-notic {
1678 - width: 98.7%;
1264 +.qcl-openai .form-select[size]:not([size="1"]) {
1265 + padding-right: 0.75rem;
1266 + background-image: none;
1679 1267 }
1680 -
1681 -.qcld-main-wrapper {
1682 - margin: 10px 0px 0 2px !important;
1268 +.qcl-openai .form-select-sm {
1269 + padding-top: 0.25rem;
1270 + padding-bottom: 0.25rem;
1271 + padding-left: 0.5rem;
1272 + font-size: 0.875rem;
1683 1273 }
1684 -
1685 -.content_qcbot_help_secion .section-container {
1686 - display: flex;
1687 - gap: 30px;
1274 +.qcl-openai .form-select-lg {
1275 + padding-top: 0.5rem;
1276 + padding-bottom: 0.5rem;
1277 + padding-left: 1rem;
1278 + font-size: 1.25rem;
1688 1279 }
1689 1280
1690 -.content-wrap .section-container {
1691 - display: flex;
1692 - gap: 30px;
1281 +.qcl-openai .card-footer:last-child {
1282 + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
1693 1283 }
1694 -
1695 -.wpbot_statistics_area h2 {
1696 - font-size: 22px;
1697 - font-weight: bold;
1284 +.qcl-openai .py-sm-4 {
1285 + padding-top: 1.5rem !important;
1286 + padding-bottom: 1.5rem !important;
1698 1287 }
1699 1288
1700 -
1701 -section.wp-chatbot-tab-container-inner .panel-default>.panel-heading:hover a {
1702 - color: #fff;
1289 +.p-sm-4{
1290 + border-left: 20px solid #000;
1291 + border-right: 20px solid #000;
1292 + padding-bottom: 20px;
1293 +}
1294 +.qcl-openai .col-4 {
1295 + flex: 0 0 auto;
1296 + width: 33.33333333%;
1703 1297 }
1704 -
1705 -.qcld-main-wrapper a {
1706 - text-decoration: none !important;
1298 +.qcl-openai small{
1299 + font-size: 0.875em;
1300 + color:#3c434a;
1301 + font-weight: 300;
1707 1302 }
1708 -
1709 -.admin-maxwith.qcld-openai-main-box button.btn.btn-link {
1710 - text-decoration: none;
1303 +.qcl-openai label{
1304 + color:#3c434a;
1305 + display: inline-block;
1306 + max-width: 100%;
1307 + margin-bottom: 5px;
1308 + font-weight: 700;
1309 +
1711 1310 }
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;
1311 +.qcl-openai .bg-dark {
1312 + background-color: #21252900 !important;
1722 1313 }
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;
1314 +.qcl-openai .card-header{
1315 + background-color: #212529 !important;
1729 1316 }
1730 -
1731 -.wp-chatbot-tabs nav ul li a {
1732 - color: #695d99;
1317 +.qcl-openai .accordion .card-header{
1318 + background-color: #21252900 !important;
1733 1319 }
1734 -
1735 -.wp-chatbot-tabs nav .cxsc-settings_openai_border a {
1736 - color: #695d99;
1320 +.qcl-openai .accordion .card-body {
1321 + border: 25px solid #21252900;
1737 1322 }
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 -
1323 +.qcl-openai .card-body {
1324 + flex: 1 1 auto;
1325 + padding: 1rem 1rem;
1326 + border: 25px solid #212529;
1757 1327 }
1758 1328
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 -
1329 +.card-header button{
1330 + outline: none !important;
1331 + color: #3c434a;
1332 + font-weight: 700;
1775 1333 }
1776 -
1777 -.qcld_label_width_full{
1778 - width: 100% !important;
1334 +.qcl-openai .accordion .card .card-header{
1335 + margin: 8px 8px;
1779 1336 }
1780 -.cxsc-settings-blocks-font-resize{
1781 - font-size: 14px !important;
1337 +.qcl-openai .accordion .card {
1338 + border: none !important;
1782 1339 }
1783 -
1784 -.qcld_thumbnail_theme_prev label{
1785 - width: 100% !important;
1786 - position: relative;
1787 - text-align: center;
1340 +.qcl-openai .card-footer.bg-dark.text-white.py-sm-4.border-0 {
1341 + display: none;
1788 1342 }
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;
1343 +.qcl-openai .nav>li>a {
1797 1344 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;
1345 + display: block;
1346 + padding: 15px 20px;
1805 1347 }
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;
1348 +.qcl-openai .card-header a{
1349 + outline: none;
1835 1350 }
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;
1351 +.qcl-openai ul.nav.nav-tabs {
1352 + margin: 8px 0 0 18px;
1850 1353 }
1851 -
1852 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label {
1853 - border: 2px solid #22b573;
1354 +.qcl-openai a:focus {
1355 + outline: 0 !important;
1356 + outline-offset: 0 !important;
1854 1357 }
1855 -
1856 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox]:checked+label:after {
1857 - opacity: 1;
1858 - width: 22px;
1358 +.qcl-openai .nav-tabs>li.active>a, .qcl-openai .nav-tabs>li.active>a:focus, .qcl-openai .nav-tabs>li.active>a:hover {
1359 + color: #fff;
1360 + cursor: default;
1361 + background-color: #212529;
1362 + border: 1px solid #ddd;
1363 + border-bottom-color: transparent;
1859 1364 }
1860 -
1861 -.wp-chatbot-language-center-summmery-checkbox input[type=checkbox] {
1862 - display: none;
1365 +.qcl-openai .accordion .card-header {
1366 + background-color: #212529 !important;
1367 + color: #fff !important;
1863 1368 }
1864 -
1865 -.cxsc-settings_openai_border {
1866 - margin-bottom: 6px;
1369 +.qcl-openai .accordion .card-header button{
1370 +
1371 + color: #fff !important;
1867 1372 }
1868 -
1869 -div#wp-chatbot-custom-color-options .top-section .row .cxsc-settings-blocks {
1870 - padding-top: 0;
1373 +.qcl-openai .tab-content {
1374 + padding: 0 0 20px 0;
1871 1375 }
1376 +.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 {
1377 + padding: 8px;
1378 + line-height: 1.42857143;
1379 + vertical-align: middle;
1380 + border-top: 1px solid #ddd;
1381 +}
1382 +.qcl-openai h4 {
1383 + margin-top: 20px;
1384 + margin-bottom: 0;
1385 +}
1872 1386
1873 -div#wp-chatbot-post-converter ul.checkbox-list {
1874 - display: flex;
1875 - flex-wrap: wrap;
1876 - gap: 6px;
1387 +.qcl-openai .accordion .card-header button {
1388 + width: 100% !important;
1389 + text-align: justify !important;
1390 + padding: 15px 10px !important;
1877 1391 }
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;
1392 +.qcl-openai .card-header {
1393 + padding: 0 !important;
1882 1394 }
1883 1395
1884 1396
1885 1397
1886 -div#wp-chatbot-show-pages-list ul.checkbox-list {
1887 - display: flex;
1888 - flex-wrap: wrap;
1889 - gap: 6px;
1398 +.qcl-openai .form-switch input[type=checkbox] {
1399 + height: 25px;
1400 + width: 25px;
1401 +
1890 1402 }
1403 +.qcl-openai .form-switch input[type=checkbox]{
1404 + height: 15px;
1405 + width: 25px;
1891 1406
1892 -div#wp-chatbot-exclude-post-list ul.checkbox-list {
1893 - display: flex;
1894 - flex-wrap: wrap;
1895 - gap: 6px;
1896 1407 }
1897 -
1898 -
1899 -div#wp-chatbot-show-pages-list ul.checkbox-list li{
1900 - display: inline-block;
1901 - min-width: 310px;
1902 - margin: 0;
1408 +.qcl-openai input[type=checkbox] + label {
1409 + margin: 0;
1903 1410 }
1904 -
1905 -div#wp-chatbot-exclude-post-list ul.checkbox-list li{
1906 - display: inline-block;
1907 - min-width: 310px;
1908 - margin: 0;
1411 +.qcl-openai div#wp-chatbot-post-converter {
1412 + min-height: auto;
1909 1413 }
1910 -#rotationloader
1911 - {
1912 - display: none;
1913 - rotate: initial;
1914 - -webkit-animation: rotation 2s infinite linear;
1414 +.qcl-openai .my0-py25 {
1415 + margin-top: 0 !important;
1416 + margin-bottom: 0 !important;
1417 + padding: 25px 0;
1915 1418 }
1916 1419
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;
1420 +.qcl-openai .form-check-inline {
1421 + margin-bottom: 15px !important;
1932 1422 }
1933 -a.qcld-wp-chatbot-wrap--doc_logo {
1934 - text-decoration: none !important;
1935 - position: relative;
1423 +.qcl-openai form {
1424 + width: auto !important;
1936 1425 }
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;
1426 +
1427 +.qcl-openai .form-check-inline {
1428 + padding-left: 15px !important;
1944 1429 }
1945 1430
1946 1431
1947 -/* .lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
1948 - font-size: 18px;
1949 - display: block !important;
1950 -} */
1951 1432
1952 -.lp-submenu-wpbot_openAi .swal2-actions button {
1953 - width: auto !important;
1954 - padding: 10px 40px !important;
1955 - line-height: normal !important;
1433 +
1434 +#wp-chatbot-post-converter .form-check-inline input[type=checkbox]:checked::before {
1435 + height: 24px;
1436 + width: 24px;
1956 1437 }
1957 -.lp-submenu-wpbot_openAi .swal2-actions {
1958 - display: flex;
1438 +#wp-chatbot-post-converter .form-check-inline input[type=checkbox], #wp-chatbot-post-converter .form-check-inline input[type=radio] {
1439 + height: 24px;
1440 + width: 24px;
1441 + min-width: 24px;
1959 1442 }
1960 -.lp-submenu-wpbot_openAi button.swal2-deny.swal2-styled {
1961 - font-size: 16px !important;
1962 - font-weight: 500 !important;
1443 +#wp-chatbot-post-converter input[type=checkbox]:focus{
1444 + outline: 0px auto -webkit-focus-ring-color !important;
1445 + outline-offset: 0px !important;
1963 1446 }
1964 1447
1965 -.wp-chatbot-wrap hr {
1966 - margin-top: 10px;
1967 - margin-bottom: 10px;
1968 -}
1969 1448
1970 1449
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;
1450 +.qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con {
1451 + padding: 15px 15px 15px 0px;
1452 + min-width: 15%;
1453 +display: inline-block;
1984 1454 }
1985 1455
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;
1456 +.qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con label{
1457 + display: block;
1999 1458 }
2000 1459
1460 +.qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con input[type=url],
1461 +.qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con input[type=text]{
1462 + width:100%;
1463 +}
2001 1464
1465 +.qcld-seohelp_ai_wrap {
1466 + padding: 15px;
1467 +}
2002 1468
2003 1469
1470 +.qcld-seohelp ul.nav-tab-wrapper {
1471 + padding-left: 0px;
1472 + margin-top: 0;
1473 +}
2004 1474
1475 +.qcld-seo-help .nav-tab-wrapper a.nav-tab{
1476 +background: #fff;
1477 +color: #50575e;
1478 +}
1479 +.qcld-seo-help .nav-tab-wrapper .ui-tabs-active a{
1480 +background: #6c757d;
1481 +outline: none;
1482 +color: #fff;
1483 +}
2005 1484
1485 +.qcld-seohelp.qcld-seohelp_ai_wrap .form-group label {
1486 + display: inline-block;
1487 + min-width: 35%;
1488 + max-width: 35%;
1489 +}
2006 1490
1491 +.qcld_seo_lang_text {
1492 + width: 50%;
1493 +}
2007 1494
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;
1495 +.text-center{
1496 + text-align: center;
2018 1497 }
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;
1498 +.qcld_seo_generator_button .spinner{
1499 + display: none;
2040 1500 }
1501 +.button.qcld_seo_generator_stop{
1502 + display: none;
1503 +}
1504 +.qcld_seo-alert{
1505 + border: 1px solid #ccc;
1506 + padding: 10px;
1507 + margin-top: 10px;
1508 + border-radius: 5px;
1509 + background: #fff;
1510 +}
1511 +.qcld_seo-alert h4{
1512 + font-size: 20px;
1513 + margin-top: 0;
1514 + margin-bottom: 10px;
1515 + color: #f00;
1516 +}
1517 +.qcld_seo-alert code{
1518 + margin-bottom: 5px;
1519 + display: inline-block;
1520 + border-radius: 4px;
1521 +}
1522 +.qcld_seo-alert p{
1523 + margin: 2px 0;
1524 +}
1525 +.qcld_seo-alert-form{
1526 + margin-bottom: 10px;
1527 +}
1528 +.qcld_seo-alert-form p{
1529 + color: #f00;
1530 + font-size: 16px;
1531 + font-weight: bold;
1532 +}
2041 1533
1534 +.qcld_image_grid{
1535 + display: flex;
1536 + flex-wrap: wrap;
1537 + flex-direction: row;
1538 +}
2042 1539
2043 -button.swal2-confirm.btn.btn-lg.swal2-styled {
2044 - width: auto !important;
1540 +.qcld_image-grid_wrap{
1541 + position: relative;
1542 + padding: 0px 0px;
1543 + margin: 5px 5px;
1544 + width: 32%;
1545 + overflow: hidden;
2045 1546 }
2046 -
2047 -.chatbot-wpbot-lite_page_wpbot button.swal2-deny.swal2-styled {
2048 - display: none !important;
1547 +.qcld-plan-tab-text{
1548 + border: none;
1549 + background: none !important;
1550 + display: inline-block;
1551 + padding: 0;
1552 + margin: 0;
1553 + line-height: 0.6;
1554 + font-size: 15px;
2049 1555 }
2050 -a#qcld_save_openrouter_setting {
2051 - background: #5B4E96;
2052 - color: #ffffff;
2053 - border: none;
2054 - padding: 12px 30px;
1556 +.qcld_image-grid_wrap .qcld_image-item{
1557 + padding: 0px 0px;
1558 + margin: 0px 0px !important;
1559 + width: 100%;
2055 1560 }
2056 1561
2057 -a#save_setting {
2058 - background: #5B4E96;
2059 - color: #ffffff;
2060 - border: none;
2061 - padding: 12px 30px;
1562 +.qcld_image-grid_wrap .qcld_seo_download{
1563 + opacity: 0;
1564 + transition: opacity .3s;
1565 + position: absolute;
1566 + top: 0;
1567 + right: 0;
1568 + bottom: 0;
1569 + left: 0;
1570 + cursor: pointer;
1571 + background: rgba(0,0,0,.65);
1572 + color: #eee;
1573 + text-align: center;
1574 + font-size: 14px;
1575 + line-height: 1;
1576 + display: flex;
1577 + justify-content: center;
1578 + align-items: center;
1579 + flex-direction: column;
2062 1580 }
2063 1581
2064 -@media (max-width: 1280px) {
2065 -.content-wrap {
2066 - width: 50% !important;
1582 +.qcld_image-grid_wrap.uploading .qcld_seo_download,
1583 +.qcld_image-grid_wrap:hover .qcld_seo_download{
1584 + opacity: 1;
1585 + transition: ease 0.3s all;
2067 1586 }
2068 1587
2069 -.wp-chatbot-admin-upgrade-pro-sidebar {
1588 +.qcld_image-grid_wrap .qcld_seo_download img {
1589 + height: 40px;
1590 + opacity: .7;
1591 +}
2070 1592
2071 - width: 24% !important;
1593 +.qcld_seo-bulk-addition {
1594 + padding: 10px;
1595 + background: #e3e3e3;
1596 + border-radius: 5px;
1597 + border: 1px solid #ccc;
1598 + margin-left: 16px;
1599 + margin-bottom: 20px;
1600 + display: none;
1601 + max-width: 50%;
2072 1602 }
2073 1603
1604 +.qcld_seo-grid-three {
1605 + display: grid;
1606 + grid-template-columns: repeat(3,1fr);
1607 + grid-column-gap: 20px;
1608 + grid-row-gap: 20px;
1609 + grid-template-rows: auto auto;
2074 1610 }
2075 -
2076 -@media (max-width: 992px) {
2077 -.wp-chatbot-tabs nav {
2078 - width: 100% !important;
2079 - margin-right: 0 !important;
1611 +.qcld-seohelp-input-field label.form-check-label.form-check-label {
1612 + margin: 0 0 0 20px;
1613 + position: relative;
1614 + cursor: pointer;
1615 + font-size: 12px;
1616 + float: left;
1617 + width: inherit !important;
2080 1618 }
2081 -.content-wrap {
2082 - width: 100% !important;
1619 +.qcld-seohelp-input-field label.form-check-label.form-check-label:before {
1620 + content: ' ';
1621 + position: absolute;
1622 + left: -35px;
1623 + top: -3px;
1624 + width: 25px;
1625 + height: 25px;
1626 + display: block;
1627 + background: white;
1628 + border: 1px solid #A9A9A9;
2083 1629 }
2084 -.wp-chatbot-admin-upgrade-pro-sidebar {
2085 - width: 100% !important;
2086 - margin: 0 0 0 0 !important;
1630 +
1631 +/* .qcld-seohelp-input-field input#qcld_article_heading_img {
1632 + width: 2em;
1633 + margin-left: -2.5em;
1634 + 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;
1635 + background-position: left center;
1636 + border-radius: 2em;
1637 + transition: background-position 0.15s ease-in-out;
1638 +} */
1639 +
1640 +.qcld-seohelp-input-field input[type=checkbox] + label::after {
1641 + content: ' ';
1642 + position: absolute;
1643 + left: -35px;
1644 + top: -3px;
1645 + width: 23px;
1646 + height: 23px;
1647 + display: block;
1648 + z-index: 1;
1649 + background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE4MS4yIDI3MyAxNyAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxODEuMiAyNzMgMTcgMTYiPjxwYXRoIGQ9Ik0tMzA2LjMgNTEuMmwtMTEzLTExM2MtOC42LTguNi0yNC04LjYtMzQuMyAwbC01MDYuOSA1MDYuOS0yMTIuNC0yMTIuNGMtOC42LTguNi0yNC04LjYtMzQuMyAwbC0xMTMgMTEzYy04LjYgOC42LTguNiAyNCAwIDM0LjNsMjMxLjIgMjMxLjIgMTEzIDExM2M4LjYgOC42IDI0IDguNiAzNC4zIDBsMTEzLTExMyA1MjQtNTI0YzctMTAuMyA3LTI1LjctMS42LTM2eiIvPjxwYXRoIGZpbGw9IiMzNzM3MzciIGQ9Ik0xOTcuNiAyNzcuMmwtMS42LTEuNmMtLjEtLjEtLjMtLjEtLjUgMGwtNy40IDcuNC0zLjEtMy4xYy0uMS0uMS0uMy0uMS0uNSAwbC0xLjYgMS42Yy0uMS4xLS4xLjMgMCAuNWwzLjMgMy4zIDEuNiAxLjZjLjEuMS4zLjEuNSAwbDEuNi0xLjYgNy42LTcuNmMuMy0uMS4zLS4zLjEtLjV6Ii8+PHBhdGggZD0iTTExODcuMSAxNDMuN2wtNTYuNS01Ni41Yy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTI1My41IDI1My41LTEwNi4yLTEwNi4yYy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTU2LjUgNTYuNWMtNS4xIDUuMS01LjEgMTIgMCAxNy4xbDExNC43IDExNC43IDU2LjUgNTYuNWM1LjEgNS4xIDEyIDUuMSAxNy4xIDBsNTYuNS01Ni41IDI2Mi0yNjJjNS4yLTMuNCA1LjItMTIgLjEtMTcuMXpNMTYzNC4xIDE2OS40bC0zNy43LTM3LjdjLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0xNjkuNSAxNjkuNS03MC4yLTcxLjljLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0zNy43IDM3LjdjLTMuNCAzLjQtMy40IDguNiAwIDEybDc3LjEgNzcuMSAzNy43IDM3LjdjMy40IDMuNCA4LjYgMy40IDEyIDBsMzcuNy0zNy43IDE3NC43LTE3Ni40YzEuNi0xLjcgMS42LTYuOS0uMS0xMC4zeiIvPjwvc3ZnPg==) no-repeat center center;
1650 + -ms-transition: all .2s ease;
1651 + -webkit-transition: all .2s ease;
1652 + transition: all .3s ease;
1653 + -ms-transform: scale(0);
1654 + -webkit-transform: scale(0);
1655 + transform: scale(0);
1656 + opacity: 0;
2087 1657 }
2088 -.wp-chatbot-tabs {
2089 - display: flex;
2090 - flex-wrap: wrap;
2091 - gap: 20px;
1658 +.qcld-seohelp-input-field input[type=checkbox]:checked + label::after {
1659 + -ms-transform: scale(1);
1660 + -webkit-transform: scale(1);
1661 + transform: scale(1);
1662 + opacity: 1;
2092 1663 }
2093 -.admin-maxwith.qcld-openai-main-box .card-body.p-sm-0 {
2094 - display: flex;
2095 - flex-wrap: wrap;
1664 +.qcld-seohelp .btn-info.spinning,
1665 +.qc_seo_linkcheck.spinning,
1666 +#qcld_article_keyword_suggestion.spinning {
1667 +background-color: #212121;
1668 +padding-right: 40px;
1669 +position: relative;
2096 1670 }
2097 -.admin-maxwith.qcld-openai-main-box ul.nav.nav-tabs {
2098 - width: 100%;
1671 +.qcld-seohelp textarea#qcld_content_result_msg {
1672 + height: 20rem;
2099 1673 }
2100 -.qcld-wp-chatbot-wrap-header a.wpchatbot-Upgrade {
2101 - padding: 12px 5px !important;
1674 +
1675 +.qcld_seo-single-content-form{
1676 +width: 100% !important;
2102 1677 }
2103 -label.form-check-label span {
2104 - display: none;
1678 +.qcld-seohelp .btn-info.spinning:after,
1679 +#qcld_article_keyword_suggestion.spinning:after,
1680 +#qcld_article_keyword_suggestion.spinning:after {
1681 +content: '';
1682 +right: 6px;
1683 +top: 50%;
1684 +width: 0;
1685 +height: 0;
1686 +box-shadow: 0px 0px 0 1px transparent;
1687 +position: absolute;
1688 +border-radius: 50%;
1689 +-webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
1690 + animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
2105 1691 }
2106 -.qc-review-text img {
2107 - width: 100%;
1692 +.qcld-seohelp .btn-info.spinning:before,
1693 +#qcld_article_keyword_suggestion.spinning:before,
1694 +#qcld_article_keyword_suggestion.spinning:before {
1695 +content: "";
1696 +width: 0px;
1697 +height: 0px;
1698 +border-radius: 50%;
1699 +right: 0px;
1700 +top: 50%;
1701 +position: absolute;
1702 +border: 2px solid #fff;
1703 +border-right: 3px solid #27ae60;
1704 +-webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
1705 + animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
2108 1706 }
2109 -
2110 -.content_qcbot_help_secion {
2111 - width: 100% !important;
1707 +@-webkit-keyframes rotate360 {
1708 +100% {
1709 + -webkit-transform: rotate(360deg);
1710 + transform: rotate(360deg);
2112 1711 }
2113 -.qcld_help_wppt_nav_container {
2114 - width: 100% !important;
2115 1712 }
2116 -.qcld-wrap.swpm-admin-menu-wrap {
2117 - display: flex
2118 -;
2119 - margin: 15px 0;
2120 - flex-direction: column;
2121 - flex-wrap: wrap;
1713 +@keyframes rotate360 {
1714 +100% {
1715 + -webkit-transform: rotate(360deg);
1716 + transform: rotate(360deg);
2122 1717 }
2123 1718 }
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;
1719 +@-webkit-keyframes exist {
1720 +100% {
1721 + width: 15px;
1722 + height: 15px;
1723 + margin: -8px 5px 0 0;
2138 1724 }
2139 -ul.qcld-wp-chatbot-wrap-version-wrapper {
2140 - display: block;
2141 - margin: 15px 0 15px 0;
2142 1725 }
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;
1726 +@keyframes exist {
1727 +100% {
1728 + width: 15px;
1729 + height: 15px;
1730 + margin: -8px 5px 0 0;
2160 1731 }
2161 -.qcld-wp-chatbot-wrap-header-doc-details {
2162 - width: 100%;
2163 1732 }
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 -}
1733 +.qcld-seohelp input[type=checkbox] {
1734 + opacity: 0;
1735 + float: left;
2171 1736 }
2172 1737
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;
1738 +ul.checkbox-list {
1739 + margin: 18px 0 0 0;
2184 1740 }
2185 1741
2186 -.wrap.qcld-main-wrapper a:focus {
2187 - outline: none !important;
2188 - outline-offset: 0 !important;
2189 - box-shadow: none !important;
1742 +ul.checkbox-list li {
1743 + display: inline-block;
1744 + padding: 0 8px;
2190 1745 }
1746 +ul.checkbox-list li label {
1747 + font-weight: normal !important;
1748 + font-size: 14px !important;
1749 +}
2191 1750
2192 -p.qc-opt-dcs-font-faq {
2193 - font-weight: bold;
1751 +ul.checkbox-list li input[type=checkbox] + label::before {
1752 + content: ' ';
1753 + position: absolute;
1754 + left: -28px !important;
1755 + top: 0 !important;
1756 + width: 20px !important;
1757 + height: 20px !important;
1758 + display: block;
1759 + background: white;
1760 + border: 1px solid #A9A9A9;
2194 1761 }
2195 1762
1763 +ul.checkbox-list li input[type=checkbox] + label::after {
1764 + left: -26px !important;
1765 + top: 0 !important;
1766 + width: 16px !important;
1767 + height: 16px !important;
2196 1768
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 1769 }
2206 -.qcld-general-settings-connection-notic p{
2207 - margin: 6px 0 6px 0;
2208 - padding: 0;
2209 - font-size: 15px;
2210 - font-weight: 500;
1770 +.cxsc-settings-blocks-addon {
1771 + width: 100% !important;
2211 1772 }
1773 +.plugin-card {
1774 + width: 100% !important;
1775 +}
2212 1776
2213 1777
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;
1778 +.wp-chatbot-wrap .d-ib {
1779 + display: inline-block;
1780 + color: #fff;
2223 1781 }
2224 -.qcld-general-settings-close:hover {
2225 - color: orange;
1782 +.cxsc-settings-blocks-notic {
1783 + background: #32373c;
2226 1784 }
2227 -#qcld-show-more-wrapper-box {
2228 - margin-top: 0;
2229 - position:relative;
1785 +.content.form-container.qcbot_help_secion {
1786 + background: none;
1787 + box-shadow: none;
1788 + padding: 0 !important;
2230 1789 }
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;
1790 +.qcbot_help_secion h3 {
1791 + font-size: 16px;
1792 + padding: 0 0 10px 0;
2237 1793 }
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;
1794 +.qcbot_help_secion h2 {
1795 + font-size: 26px;
2251 1796 }
2252 1797
2253 -#qcld-show-more-wrapper-box .qcld-show-more-show-more-height {
2254 - height: 190px;
2255 - overflow:hidden;
1798 +.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 {
1799 + border-bottom: 1px solid #f0f0f1;
1800 + background: #337ab7;
1801 + color: #fff;
1802 + text-decoration: none !important;
2256 1803 }
1804 +.wppt_nav_container a:focus, .wppt_nav_container a:hover {
1805 + color: #23527c;
1806 + text-decoration: none !important;
1807 +}
1808 +.notification-block-inner h2{
1809 + margin-top: -25px;
1810 +}
1811 +.notification-block-inner .qc_menu_setup_area h2 {
1812 + margin-top: 0;
1813 +}
1814 +.h2, h2 {
1815 + font-size: 20px !important;
1816 + font-weight: bold !important;
1817 +}
2257 1818
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;
1819 +.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 {
1820 + color: #fff !important;
1821 + cursor: default;
1822 + background-color: #337ab7 !important;
1823 + border: 1px solid #ddd;
1824 + border-bottom-color: transparent;
2269 1825 }
2270 1826
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;
1827 +.plugin-icon {
1828 + position: absolute;
1829 + top: 20px;
1830 + left: 20px;
1831 + width: 90px;
1832 + height: 90px;
1833 + margin: 0 20px 20px 0;
2292 1834 }
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;
1835 +.plugin-card {
1836 + height: auto !important;
2308 1837 }
2309 -
2310 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label {
2311 - border: 2px solid #22b573;
1838 +.plugin-card-top {
1839 + position: relative;
1840 + padding: 20px 20px 10px;
1841 + min-height: 135px;
1842 + display: flex;
1843 + align-items: center;
2312 1844 }
1845 +#section-flip-5 .wp-chatbot-language-center-summmery {
1846 + DISPLAY: NONE !important;
1847 +}
1848 +.wp-chatbot-wrap .d-ib i{
1849 + color: #f0ad4e !important;
1850 +}
1851 +.cxsc-settings-blocks-notic p{
1852 + margin: 0 !important;
1853 +}
1854 +.wrap.swpm-admin-menu-wrap {
1855 + background: #32373c;
1856 + padding: 10px 10px;
1857 + border-radius: 6px;
1858 + width: 100%;
1859 + max-width: 1220px;
1860 +}
1861 +.wrap.swpm-admin-menu-wrap .container {
1862 + padding-right: 0;
1863 + padding-left: 0;
1864 +}
2313 1865
2314 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox]:checked+label:after {
2315 - opacity: 1;
2316 - width: 22px;
1866 +.wrap.swpm-admin-menu-wrap .cxsc-settings-blocks-notic {
1867 + border: none;
2317 1868 }
2318 1869
2319 -.qcl-openai div#wp-chatbot-gemini-settings input[type=checkbox] {
2320 - display: none;
1870 +.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 {
1871 + border-bottom: none;
2321 1872 }
2322 1873
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;
1874 +.wrap.swpm-admin-menu-wrap .nav-tab {
1875 + float: left;
1876 + border: none;
1877 + border-bottom: none;
1878 + margin-left: 0.5em;
1879 + padding: 10px 25px;
1880 + font-size: 14px;
1881 + line-height: 1.71428571;
1882 + font-weight: 600;
1883 + background: #fff;
1884 + color: #222;
1885 + border-radius: 6px;
1886 + text-decoration: none;
1887 + white-space: nowrap;
2329 1888 }
2330 1889
2331 -.qcl-openai div#wp-chatbot-gemini-settings label.form-check-label span {
2332 - font-size: 12px;
1890 +.wrap.swpm-admin-menu-wrap .wppt_nav_container .nav-tab-active{
1891 + border-bottom: none;
1892 + background-color: #337ab7 !important;
1893 + color: #fff;
2333 1894 }
2334 1895
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;
1896 +.content.form-container.qcbot_help_secion {
1897 + border: 1px solid #4a4a4a;
1898 + padding: 8px 20px !important;
2346 1899 }
2347 1900
2348 -.qcl-openai div#wp-chatbot-gemini-settings a#save_setting {
2349 - margin: 0 0 15px 0;
1901 +.wrap.swpm-admin-menu-wrap .qcbot_help_secion h2.wppt_nav_container.qcld-plan-tab-text .nav-tab {
1902 + float: left;
1903 + border: none;
1904 + border-bottom: none;
1905 + margin-left: 0;
1906 + padding: 0 0;
1907 + font-size: 14px;
1908 + line-height: 10px;
1909 + font-weight: 600;
1910 + background: #fff;
1911 + color: #222;
1912 + border-radius: 6px;
1913 + text-decoration: none;
1914 + white-space: nowrap;
2350 1915 }
2351 1916
2352 1917
2353 -
2354 -span.qcls_openAI_customized {
2355 - background: yellow;
1918 +.qcl-openai .row > * {
1919 + flex-shrink: 0;
1920 + width: 100%;
1921 + max-width: 1200px;
1922 + padding-right: 0;
1923 + padding-left: 0;
2356 1924 }
2357 -.admin-maxwith.qcld-openai-main-box .tab-content .card-body p {
2358 - font-size: 16px;
2359 - line-height: 28px;
1925 +.card-header.bg-dark.text-white.py-sm-4.border-0 {
1926 + padding: 0 20px !important;
2360 1927 }
2361 -textarea#qcld_openai_system_content {
2362 - height: 120px;
2363 - line-height: 28px;
1928 +.qcl-openai .card-body {
1929 + border: 20px solid #212529;
1930 + padding: 20px 20px !important;
2364 1931 }
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;
1932 +.qcl-openai .p-sm-3 {
1933 + padding: 0 !important;
2373 1934 }
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;
1935 +.qcl-openai ul.nav.nav-tabs {
1936 + margin: 8px 0 0 0;
2388 1937 }
2389 -.qcld-openai-system-preset input {
2390 - display: none;
1938 +.qcl-openai .card-header {
1939 + background-color: #212529 !important;
1940 + border-radius: 6px 6px 0 0 !important;
2391 1941 }
2392 -.qcld-openai-system-preset.is-selected {
2393 - background: #f0f6fc;
2394 - border-color: #2271b1;
1942 +
1943 +.wrapTexttop {
1944 + background: #464b50;
1945 + padding: 8px 20px;
2395 1946 }
2396 -.qcld-openai-system-preset-content {
2397 - display: grid;
2398 - gap: 4px;
2399 - line-height: 22px;
1947 +.wrapTexttop-lite {
1948 + box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
1949 + margin-bottom: 20px;
1950 + padding: 15px;
2400 1951 }
2401 -.qcld-openai-system-preset-title {
2402 - color: #1d2327;
2403 - font-weight: 600;
1952 +div#promotion-wpchatbot {
1953 + max-width: 1165px;
1954 + margin-left: 0;
2404 1955 }
2405 -.qcld-openai-system-preset-value {
2406 - display: none;
1956 +.notice.is-dismissible {
1957 + max-width: 1165px;
1958 + margin-left: 0;
2407 1959 }
2408 -@media (max-width: 782px) {
2409 - .qcld-openai-system-preset {
2410 - flex-basis: 180px;
2411 - }
1960 +
1961 +div#promotion-wpchatbot {
1962 + background: #c13825 !important;
1963 + padding: 0 !important;
1964 + padding-right: 0 !important;
2412 1965 }
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;
1966 +div#promotion-wpchatbot .notice-dismiss:before {
1967 + color: #fff !important;
2420 1968 }
2421 -.qcld-wpbot-pricing-filter-form-check {
2422 - display: flex;
2423 - gap: 10px;
1969 +
1970 +
1971 +
1972 +
1973 +.form-container {
1974 + background-color: #2e2e2e;
2424 1975 }
2425 -
2426 -.qcld-dialogflow-enable-notice {
2427 - padding: 15px 0 15px 0;
2428 - color: red;
2429 - font-weight: bold;
1976 +.wp-chatbot-wrap form {
1977 + width: 1170px !important;
2430 1978 }
2431 -
2432 -a#qcld_save_gemini_setting {
2433 - background: #5B4E96;
2434 - color: #ffffff;
2435 - border: none;
2436 - padding: 12px 30px;
1979 +.container.form-container {
1980 + position: relative;
2437 1981 }
2438 -.card-body-gemini {
2439 - padding: 0 15px;
1982 +.container.form-container:before {
1983 + content: '';
1984 + position: absolute;
1985 + background: url("../../chatbot/images/hud-left-dark.png") top left;
1986 + left: -6px;
1987 + width: 40px;
1988 + height: 100%;
1989 + z-index: 999;
1990 + top: 0;
1991 + background-repeat: repeat !important;
2440 1992 }
1993 +.container.form-container:after {
1994 + content: '';
1995 + position: absolute;
1996 + background: url("../../chatbot/images/hud-righ-dark.png") top right;
1997 + width: 41px;
1998 + height: 100%;
1999 + right: -22px;
2000 + width: 28px;
2001 + z-index: 999;
2002 + top: 0;
2003 + background-repeat: repeat !important;
2004 +}
2441 2005
2442 -div#panelsStayOpen-collapseseven pre {
2443 - width: 100%;
2444 - display: block;
2445 - max-width: 1120px;
2446 -}
2447 2006
2448 -.card-body-gemini p {
2449 - font-size: 16px;
2450 - font-weight: bold;
2451 -}
2452 2007
2453 -.card-body-openrouter p{
2454 - font-size: 16px;
2455 - font-weight: bold;
2008 +form#wp-chatbot-admin-form {
2009 + position: relative;
2456 2010 }
2457 -div#wp-chatbot-openai-assistants p {
2458 - font-size: 16px;
2011 +form#wp-chatbot-admin-form:before {
2012 + content: '';
2013 + position: absolute;
2014 + background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2015 + /* left: -15px; */
2016 + width: 100%;
2017 + height: 34px;
2018 + z-index: 999;
2019 + top: -7px;
2020 + background-repeat: no-repeat;
2459 2021 }
2460 -button.btn{
2461 - outline: none !important;
2022 +
2023 +
2024 +.wp-chatbot-wrap form {
2025 + max-width: 1170px !important;
2026 + width: 96% !important;
2462 2027 }
2463 -button.btn:focus{
2464 - outline: none !important;
2028 +.container.form-container {
2029 + position: relative;
2030 + width: 100% !important;
2031 + max-width: 1170px;
2465 2032 }
2466 -input:focus {
2467 - border-color: #e1dbff;
2468 - box-shadow: none !important;
2469 - outline: none !important;
2033 +.qc-review-text img {
2034 + max-width: 1170px;
2470 2035 }
2471 2036
2472 -.wp-chatbot-wrap .qc-opt-language-title{
2473 - font-weight: bold !important;
2474 - color: #5b4e96 !important;
2475 - font-size: 16px;
2476 -}
2477 2037
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;
2038 +path{stroke-dasharray:300;stroke-dashoffset:300;stroke:#c3a477;stroke-width:2px;-webkit-animation:draw ease-out infinite;animation:draw ease-out infinite}
2039 +#l1{-webkit-animation-duration:3s;animation-duration:3s}
2040 +#l2{-webkit-animation-duration:5.5s;animation-duration:5.5s}
2041 +#l3{-webkit-animation-duration:2s;animation-duration:2s}
2042 +#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}}
2043 +.lineanimation{position:absolute;top:-64px;z-index:99999999;left:-10px;right:0;margin:0 auto;width:257px;max-width:257px;height:90px;overflow:hidden;bottom:0}
2044 +.lineanimation svg{width:250px;height:95px}.lineanimation svg{width:250px;height:150px;overflow:hidden}.lineanimation path{stroke:#5e5e5e}
2490 2045
2491 -}
2492 2046
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 2047
2498 -}
2499 2048
2500 2049
2501 -@media (min-width: 993px) and (max-width: 1350px) {
2502 -.wp-chatbot-admin-upgrade-pro-sidebar {
2503 - width: 25%;
2504 -}
2505 -}
2506 2050
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 2051
2516 2052
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 2053
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 -}
2054 +/* 09-11-2024 - CSS Updated*/
2532 2055
2533 -#qcld_check_connection i{
2534 - animation: rotation infinite 3s linear;
2056 +.wp-chatbot-wrap-outer .wp-chatbot-wrap {
2057 + position: relative;
2058 + max-width: 1170px;
2535 2059 }
2536 -
2537 -.wp-chatbot-wrap div#wp-chatbot-custom-color-options .form-group {
2538 - min-height: 90px;
2060 +.wp-chatbot-wrap-outer .wp-chatbot-wrap:before {
2061 + content: '';
2062 + position: absolute;
2063 + background: url("../../chatbot/images/hud-left-dark.png") top left;
2064 + left: -6px;
2065 + width: 40px;
2066 + height: 100%;
2067 + z-index: 999;
2068 + top: 0;
2069 + background-repeat: repeat !important;
2539 2070 }
2540 -
2541 -div#promotion-wpchatbot .qc-review-text a {
2542 - display: block;
2071 +.wp-chatbot-wrap-outer .wp-chatbot-wrap:after {
2072 + content: '';
2073 + position: absolute;
2074 + background: url("../../chatbot/images/hud-righ-dark.png") top right;
2075 + width: 41px;
2076 + height: 100%;
2077 + right: -22px;
2078 + width: 28px;
2079 + z-index: 999;
2080 + top: 0;
2081 + background-repeat: repeat !important;
2543 2082 }
2544 -.qcld-wp-chatbot-wrap-header-logo {
2545 - display: flex;
2546 - align-items: center;
2547 - gap: 10px;
2083 +.card-header{
2084 + position: relative;
2085 + max-width: 1190px;
2548 2086 }
2549 -@keyframes rotation{
2550 - from{
2551 - transform:rotate(360deg);
2552 - }
2553 -
2554 - to{
2555 - transform:rotate(0deg);
2556 - }
2087 +.card-header:before {
2088 + content: '';
2089 + position: absolute;
2090 + background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2091 + /* left: -15px; */
2092 + width: 100%;
2093 + height: 34px;
2094 + z-index: 9999999;
2095 + top: -7px;
2096 + background-repeat: no-repeat;
2097 + background-size: cover;
2557 2098 }
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;
2099 +.card-header .wpbot_dashboard_header {
2100 + background: #222222;
2575 2101 }
2576 -div#wpfooter {
2577 - display: none;
2102 +.card-header .wpbot_addons_section {
2103 + background: #222222;
2578 2104 }
2579 2105
2580 -.qcld-btn-primary {
2581 2106
2582 - border: none;
2583 -}
2584 2107
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 2108
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 2109
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 2110
2616 -div#rag-settings h2.nav-tab-wrapper {
2617 - margin: 0;
2618 - padding: 0;
2619 - border: none;
2620 -}
2621 2111
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 2112
2629 2113
2114 +/* 09-20-2024 - CSS Updated*/
2630 2115
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;
2116 +.qcl-openai .card.admin-maxwith .wp-chatbot-wrap {
2117 + position: relative;
2118 + max-width: 1170px;
2647 2119 }
2648 -
2649 -div#rag-sync .wrap {
2650 - border: 1px solid #eee;
2651 - padding: 8px 12px;
2652 - border-radius: 6px;
2120 +.qcl-openai .card.admin-maxwith:before {
2121 + content: '';
2122 + position: absolute;
2123 + background: url("../../chatbot/images/hud-left-dark.png") top left;
2124 + left: -15px;
2125 + width: 40px;
2126 + height: 100%;
2127 + z-index: 999;
2128 + top: 0;
2129 + background-repeat: repeat !important;
2653 2130 }
2654 -
2655 -
2656 -
2657 -div#qcld-rag-settings-tab .wrap:first-child {
2658 - border: 1px solid #eee;
2659 - padding: 8px 12px;
2660 - border-radius: 6px;
2131 +.qcl-openai .card.admin-maxwith:after {
2132 + content: '';
2133 + position: absolute;
2134 + background: url("../../chatbot/images/hud-righ-dark.png") top right;
2135 + width: 41px;
2136 + height: 100%;
2137 + right: -15px;
2138 + width: 28px;
2139 + z-index: 999;
2140 + top: 0;
2141 + background-repeat: repeat !important;
2661 2142 }
2662 -
2663 -
2664 -.qcl-openai div#rag-database input[type=checkbox] {
2665 - display: block;
2143 +.qcl-openai .wp-chatbot-wrap-outer .card-header.bg-dark{
2144 + position: relative;
2145 + max-width: 1190px;
2666 2146 }
2667 -
2668 -.tablenav-pages {
2669 - text-align: right;
2670 - padding: 8px 0;
2147 +.qcl-openai .wp-chatbot-wrap-outer .card-header.bg-dark:before {
2148 + content: '';
2149 + position: absolute;
2150 + background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2151 + /* left: -15px; */
2152 + width: 100%;
2153 + height: 34px;
2154 + z-index: 9999999;
2155 + top: -7px;
2156 + background-repeat: no-repeat;
2157 + background-size: cover;
2671 2158 }
2672 -button#botmaster_submit_sitemap_btn {
2673 - background: #5B4E96;
2674 - border-color: #5B4E96;
2159 +.qcl-openai .wp-chatbot-wrap-outer .wpbot_dashboard_header {
2160 + background: #222222;
2675 2161 }
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;
2162 +.qcl-openai .wp-chatbot-wrap-outer .wpbot_addons_section {
2163 + background: #222222;
2682 2164 }
2683 -
2684 -.qcl-openai div#rag-settings h2.nav-tab-wrapper a:focus {
2685 - border: 1px solid #5b4e96 !important;
2165 +.qcl-openai h4 {
2166 + padding: 20px 20px 0 20px;
2686 2167 }
2687 -button#rag-delete-all {
2688 - background: #5b4e96;
2689 - color: #fff;
2690 - border-color: #5b4e96;
2168 +.qcl-openai .card-header.bg-dark.text-white.py-sm-4.border-0 {
2169 + padding: 0 0 !important;
2691 2170 }
2692 -
2693 -div#rag-database table.widefat {
2694 - border: 1px solid #ffffff;
2695 - box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
2171 +.qcl-openai .qcl-openai .card-body {
2172 + border: 20px solid #222222;
2696 2173 }
2697 -div#rag-database .widefat thead td, div#rag-database .widefat thead th {
2698 - border-bottom: 1px solid #ffffff;
2174 +.qcl-openai .card-header.bg-dark {
2175 + background-color: #222222 !important;
2699 2176 }
2177 +.qcl-openai {
2178 + margin: 20px 0 0 0;
2179 +}
2180 +.qcl-openai .accordion .card-header:before{
2181 + content: none;
2182 + position: relative;
2183 +}
2700 2184
2701 -div#rag-database table.widefat thead {
2702 - background: #5b4e96;
2703 - color: #fff;
2185 +
2186 +/* 09-25-2024 - CSS Updated*/
2187 +
2188 +.qcld-help-debug .wrap.swpm-admin-menu-wrap{
2189 + position: relative;
2190 + max-width: 1170px;
2704 2191 }
2705 -div#rag-database table.widefat thead th {
2706 - color: #fff;
2192 +.qcld-help-debug .wrap.swpm-admin-menu-wrap:before {
2193 + content: '';
2194 + position: absolute;
2195 + background: url("../../chatbot/images/hud-left-dark.png") top left;
2196 + left: -6px;
2197 + width: 40px;
2198 + height: 100%;
2199 + z-index: 999;
2200 + top: 0;
2201 + background-repeat: repeat !important;
2707 2202 }
2708 -.qcl-openai div#rag-database input[type=checkbox] {
2709 - display: block;
2710 - width: 18px;
2711 - height: 18px;
2203 +.qcld-help-debug .wrap.swpm-admin-menu-wrap:after {
2204 + content: '';
2205 + position: absolute;
2206 + background: url("../../chatbot/images/hud-righ-dark.png") top right;
2207 + width: 41px;
2208 + height: 100%;
2209 + right: -22px;
2210 + width: 28px;
2211 + z-index: 999;
2212 + top: 0;
2213 + background-repeat: repeat !important;
2712 2214 }
2713 -
2714 -div#wp-chatbot-openai-rag input[type=checkbox]+label {
2715 - margin-bottom: 0;
2215 +.qcld-help-debug {
2216 + position: relative;
2217 + max-width: 1190px;
2218 + margin: 24px 0 0 0;
2716 2219 }
2717 -.qcl-openai input[type=checkbox]+label {
2718 - margin-bottom: 0;
2220 +.qcld-help-debug:before {
2221 + content: '';
2222 + position: absolute;
2223 + background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2224 + /* left: -15px; */
2225 + width: 100%;
2226 + height: 34px;
2227 + z-index: 9999999;
2228 + top: -7px;
2229 + background-repeat: no-repeat;
2230 + background-size: cover;
2719 2231 }
2720 -div#qcld-rag-settings-tab .wrap .mb-3 {
2721 - padding: 5px 0;
2232 +.card-header .wpbot_dashboard_header {
2233 + background: #222222;
2722 2234 }
2235 +.card-header .wpbot_addons_section {
2236 + background: #222222;
2237 +}
2723 2238
2724 -div#rag-database input#search-submit {
2725 - background: #5b4e96;
2726 - color: #fff;
2727 - border-color: #5b4e96;
2239 +.qcld-help-debug .wrap.swpm-admin-menu-wrap {
2240 + background: #222222;
2241 + padding: 20px 20px;
2242 + border-radius: 6px;
2243 + width: 100%;
2244 + max-width: 1220px;
2728 2245 }
2729 -.rag_embed_cpts_wrapper {
2730 - display: flex;
2731 - flex-direction: column;
2732 - gap: 6px;
2246 +.qcld-help-debug .nav-tab-wrapper, .qcld-help-debug .wrap h2.nav-tab-wrapper, .qcld-help-debug h1.nav-tab-wrapper{
2247 + border-bottom: 0px solid #c3c4c7;
2248 + margin: 0;
2249 + padding-top: 25px;
2250 + padding-bottom: 0;
2251 + line-height: inherit;
2733 2252 }
2734 2253
2735 -div#wp-chatbot-gemini-settings .input-group {
2736 - display: flex;
2737 - gap: 10px;
2254 +@media (min-width: 1200px) {
2255 + .qcld-help-debug .container {
2256 + width: auto !important;
2257 + }
2738 2258 }
2739 -div#wp-chatbot-grok-settings a#qcld_save_grok_setting {
2740 - background: #5B4E96;
2741 - color: #ffffff;
2742 - border: none;
2743 - padding: 12px 30px;
2259 +
2260 +.qcld-help-debug .notice, .qcld-help-debug div.error, .qcld-help-debug div.updated {
2261 + background: #1c1c1c;
2262 + border: 1px solid #222222;
2263 + border-left-width: 4px;
2264 + box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
2265 + margin: 5px 15px 2px;
2266 + padding: 1px 12px;
2267 + margin: 20px 0 0 0 !important;
2744 2268 }
2745 2269
2746 -button#qcld_gemini_fetch_models {
2747 - background: #5B4E96;
2748 - color: #ffffff;
2749 - border: none;
2270 +
2271 +header.wp-chatbot-admin-header h3 {
2272 + color: #fff !important;
2750 2273 }
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;
2274 +.qcbot-str-top-notic {
2275 + max-width: 1170px;
2276 + padding: 0 !IMPORTANT;
2277 + margin: 20px 0 0 0;
2754 2278 }
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;
2279 +#rotationloader.fa.fa-spinner {
2280 + display: none;
2281 + rotate: initial;
2282 + -webkit-animation: rotation 2s infinite linear;
2760 2283 }
2761 -
2762 -select#qcld_language_center_select:focus {
2763 - border-color: #5b4e96;
2764 - color: #5b4e96;
2765 - box-shadow: 0 0 0 1px #5b4e96;
2284 +.btn-secondary {
2285 + color: #fff;
2286 + background-color: #6c757d;
2287 + border-color: #6c757d;
2766 2288 }
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;
2289 +.btn-dark {
2290 + color: #fff;
2291 + background-color: #343a40;
2292 + border-color: #343a40;
2775 2293 }
2776 2294
2777 -div#common-ai-settings h2.nav-tab-wrapper {
2778 - border: none;
2295 +.qcbot_help_secion .panel.panel-default a.nav-tab.qcld-plan-tab-text {
2296 + margin: 0 !important;
2297 + padding: 0 !important;
2298 + line-height: normal !important;
2299 + float: none !important;
2779 2300 }
2780 -div#qcld-rate-settings-tab {
2781 - display: block !important;
2301 +.qcbot_help_secion .panel.panel-default h3.wppt_nav_container.qcld-plan-tab-text {
2302 + margin: 0 0 0 0;
2303 + padding: 0 0 0 0;
2304 + line-height: normal !important;
2782 2305 }
2783 -div#common-ai-settings .form-check {
2784 - margin-bottom: 15px;
2785 - border: 0px solid #E5E6F2;
2786 - padding: 12px 12px;
2787 - border-radius: 8px;
2306 +.qcbot_help_secion .panel.panel-default a.collapsed {
2307 + display: inline-block;
2308 + width: 100%;
2788 2309 }
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;
2310 +.qcbot_help_secion .panel.panel-default h4.panel-title a {
2311 + display: inline-block;
2312 + width: 100%;
2313 + outline: none !important;
2314 + box-shadow: none !important;
2793 2315 }
2794 2316
2795 -.cxsc-settings-blocks.cxsc-settings-blocks-style .radio-inline input[type=radio] {
2796 - width: 1.5rem;
2797 - height: 1.5rem;
2317 +.wp-chatbot-wrap-outer {
2318 + position: relative;
2798 2319 }
2799 -
2800 -button#rag-docx-submit, button#rag-migrate-btn, button#rag-media-docx-btn, button#qcld-rag-list-docx-btn, button#rag-media-pdf-btn, button#qcld-rag-list-pdf-btn {
2801 - padding: 8px 15px;
2802 - width: auto;
2803 - font-size: 16px;
2804 - font-weight: 500;
2805 - color: #988FBD;
2806 - border-radius: 8px;
2807 - position: relative;
2808 - display: inline-block;
2809 - align-items: center;
2810 - gap: 15px;
2811 - background: #5B4E96;
2812 - color: #ffffff;
2813 - text-decoration: none;
2814 - border-color: #5b4e96 !important;
2815 - line-height: normal;
2320 +.wp-chatbot-wrap-outer:before {
2321 + content: '';
2322 + position: absolute;
2323 + background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2324 + left: 0px;
2325 + width: 100%;
2326 + height: 34px;
2327 + z-index: 999;
2328 + top: -7px;
2329 + background-repeat: no-repeat;
2330 + width: 1190px;
2816 2331 }
2817 2332
2818 -
2819 -button#botmaster_submit_googlesheet_btn, button#botmaster_submit_googledoc_btn {
2820 - background: #5B4E96;
2821 - border-color: #5B4E96;
2822 -}
2823 -
2824 -.wpbot-wizard-field select#wizard_ai_provider {
2825 - background: transparent;
2826 - color: #fff;
2333 +section.wp-chatbot-tab-container-inner .block-inner .cxsc-settings-blocks {
2334 + display: inline-flex !important;
2335 + flex-direction: column;
2827 2336 width: 100%;
2828 - display: block;
2829 - max-width: unset;
2830 2337 }
2831 -.wpbot-wizard-field select#wizard_ai_provider:hover {
2832 - border-color: #5b4e96;
2833 - color: #5b4e96;
2834 - box-shadow: 0 0 0 1px #5b4e96;
2338 +section.wp-chatbot-tab-container-inner .cxsc-settings-blocks-style {
2339 + display: flex !important;
2340 + flex-wrap: nowrap;
2341 + flex-direction: column;
2342 + gap: 0;
2343 + justify-content: center;
2835 2344 }
2836 -div#wizard_api_key_container input#wizard_api_key {
2837 - background: transparent;
2838 - color: #fff;
2345 +.qc-opt-dcs-font {
2346 + font-size: 14px !important;
2347 + padding: 5px 12px 0 12px;
2348 + margin: 0 0 0 0;
2839 2349 }
2840 -
2841 -
2842 -
2843 -div#collapseTwoControl input[type=radio]:checked::before {
2844 - background-color: #5b4e96;
2350 +div.mce-panel {
2351 + border: 1px solid #dcdcde !important;
2845 2352 }
2846 -
2847 -.nav-tab-wrapper.sld_nav_container.wppt_nav_container.qcld_help_wppt_nav_container{
2848 - width: 320px !important;
2849 - gap: 0;
2353 +ul.radio-list-custom {
2354 + width: 260px;
2850 2355 }
2851 -div#rag-settings tbody#rag-knowledge-base-list tr td button {
2852 - padding: 6px 20px;
2853 - font-weight: bold;
2854 - font-size: 12px;
2356 +ul.radio-list-custom li {
2357 + width: 49% !important;
2855 2358 }
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;
2359 +.cxsc-settings-blocks ul.radio-list input[type=checkbox], .cxsc-settings-blocks ul.radio-list input[type=radio] {
2360 + margin: 0!important;
2860 2361 }
2861 2362
2862 -button#ai-knowledge-base-tab {
2863 - animation: pulse 2s infinite;
2363 +
2364 +.qcl-openai div#wp-chatbot-openai-help .card-body {
2365 + border: 0 solid #21252900;
2864 2366 }
2865 2367
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 - }
2368 +
2369 +.wp-chatbot-wrap-outer .wpbot_single_content {
2370 + display: flex;
2876 2371 }
2877 -footer.wp-chatbot-admin-footer input#submit {
2878 - background: #5b4e96;
2879 - padding: 12px 30px;
2372 +.wp-chatbot-wrap-outer .wpbot_single_addon {
2373 + width: 32%;
2374 + margin-right: 1%;
2375 + display: inline-block;
2376 + margin-bottom: 14px;
2377 + padding: 5px;
2378 + border: 1px solid #eee;
2379 + background: #fff;
2380 + padding: 18px 8px;
2381 + border-radius: 6px;
2880 2382 }
2881 -footer.wp-chatbot-admin-footer {
2882 - padding: 0 20px 20px 20px;
2883 - margin: 0 20px;
2383 +
2384 +body .qcbot-str-top-notic {
2385 + max-width: initial !important;
2386 + padding: 0 !important;
2387 + margin: 20px 20px 0 0 !important;
2388 + padding: 15px 15px 15px 0 !important;
2389 + border: none !important;
2390 + border-radius: 6px !important;
2391 + box-shadow: 0px 4px 6px 1px #ebebeb !important;
2392 + margin: 20px 20px 0 0 !important;
2884 2393 }
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;
2394 +
2395 +.wrap {
2396 + margin: 0 !important;
2897 2397 }
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;
2398 +
2399 +body .wrap .qcbot-str-top-notic {
2400 + margin: 20px 20px 20px 0 !important;
2908 2401 }
2909 2402
2910 -.qcld-session-history_menu_box .btn.btn-primary {
2911 - background: #564a8e !important;
2912 - color: #fff !important;
2403 +.content-wrap form-group label {
2404 + width: auto !important;
2405 + display: inline-block;
2406 + font-weight: bold;
2913 2407 }
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;
2408 +.form-group label {
2409 + width: auto !important;
2926 2410 }
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;
2411 +
2412 +div#promotion-wpchatbot {
2413 + max-width: inherit;
2414 + margin-left: 0;
2415 + border: none;
2416 + margin: 12px 20px 20px 0;
2939 2417 }
2418 +div#promotion-wpchatbot a{
2419 + display: block;
2420 +}