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