PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services / 6.4.2
WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services v6.4.2
8.7.8 8.7.7 8.7.6 8.7.5 8.7.4 8.7.3 8.7.2 8.7.1 8.7.0 8.6.9 8.6.8 8.6.7 8.6.6 8.6.5 8.6.4 8.6.2 8.6.1 8.6.0 8.5.9 8.5.8 8.5.7 8.5.6 8.5.5 8.5.4 8.5.3 All 534 releases
chatbot / css / admin-style.css

admin-style.css in WPBot – AI ChatBot for Live Support, Lead Generation, WordPress Automation, AI Services 6.4.2, at css/admin-style.css

2,439 lines 56.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
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 }
7
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;
14 font-size: 16px;
15 }
16 .wp-chatbot-wrap strong {
17 font-weight: normal;
18 }
19 .wp-chatbot-wrap .d-ib{
20 display: inline-block;
21 }
22 button.swal2-confirm.btn.btn-lg.swal2-styled {
23 font-size: 18px;
24 }
25 a.wpbot_addons_link span {
26 margin: 0px 28px 0 20px;
27 }
28 a.wpbot_addons_link .fa{
29 font-size: 16px;
30 }
31 .wp-chatbot-admin-header, .wp-chatbot-admin-footer {
32 padding: 25px;
33 }
34 .wp-chatbot-admin-header h2 {
35 color: #ffffff;
36 }
37 .wp-chatbot-version h3 {
38 color: #fff;
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;
46 }
47 .wp-chatbot-version p a {
48 color: #989898;
49 }
50 .wp-chatbot-language-center-summmery {
51 background: #2cacca;
52 margin: -1em -1em 1em;
53 padding: 20px;
54 }
55 .wp-chatbot-language-center-summmery p {
56 color: #eef5f7;
57 font-size: 16px;
58 margin: 0;
59 }
60 .wp-chatbot-language-center-summmery p a {
61 color: #eef5f7;
62 text-decoration: underline;
63 }
64 input[type="text"].shop-jarvis-button-text {
65 display: block;
66 width: 700px !important;
67 }
68 /*CHECKBOX*/
69
70
71
72 *, *:before, *:after {
73 -webkit-box-sizing: border-box;
74 box-sizing: border-box;
75 }
76 .wp-chatbot-wrap form {
77 width: 400px;
78 }
79 legend {
80 font-size: 16px;
81 font-family: monospace;
82 }
83 fieldset {
84 padding: 15px;
85 }
86 #wp-chatbot-admin-form input[type=checkbox] {
87 opacity: 0;
88 float: left;
89 }
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;
95 position: relative;
96 cursor: pointer;
97 font-size: 12px;
98 float: left;
99 width: inherit !important;
100 }
101 #wp-chatbot-admin-form input[type=checkbox] + label ~ label {
102 margin: 0 0 0 40px;
103 }
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;
114 }
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;
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*/
140
141
142
143 ul.radio-list {
144 margin: 0;
145 padding: 0;
146 }
147 ul.radio-list li {
148 width: 15%;
149 list-style: none;
150 display: inline-block;
151 text-align: center;
152 }
153 ul.radio-list li img, ul.radio-list li input {
154 display: inline-table;
155 vertical-align: middle;
156 }
157 ul.radio-list li input[type=radio] {
158 background: #E3E4E4;
159 }
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;
166 }
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;
173 }
174 .panel-title > a.collapsed:before {
175 float: right !important;
176 content: "\f055";
177 }
178 h2 {
179 color: #ff9800;
180 }
181 a {
182 text-decoration: none;
183 /* display: block; */
184 }
185 .panel-default>.panel-heading {
186 color: #fff;
187 background-color: #FF9800;
188 border-color: #ff9800;
189 }
190 .form-container {
191 background-color: #32373c;
192 border: 1px solid #cccccc;
193 border-radius: 5px;
194 }
195 .qc-opt-description {
196 font-weight: normal;
197 }
198 .qc-opt-title-font {
199 font-weight: normal;
200 font-size: 14px !important;
201 }
202 .qc-opt-dcs-font {
203 font-size: 14px !important;
204 }
205 .input-sm {
206 width: 50px !important;
207 }
208 .thumbnail.theme_prev {
209 max-width: 100%;
210 height: auto;
211 }
212 .ge-canvas {
213 padding: 0 15px;
214 }
215 /** wpwbot load control style **/
216
217 #wp-chatbot-show-pages-list ul {
218 margin: 0;
219 padding: 14px 0 0 88px;
220 }
221 #wp-chatbot-show-pages-list ul li {
222 display: block;
223 list-style: none;
224 padding: 5px 0;
225 clear: both;
226 }
227 #wp-chatbot-show-pages-list ul li:after {
228 content: "";
229 display: table;
230 width: 100%;
231 height: 1px;
232 }
233 .radio-inline {
234 font-size: 12px;
235 line-height: 24px;
236 }
237 .wp-chatbot-settings-instruction {
238 font-size: 12px;
239 padding: 8px 0px;
240 }
241 #wp-chatbot-admin-form .content-wrap .nav-tabs > li > a {
242 font-size: 16px;
243 }
244 #wp-chatbot-admin-form .content-wrap .nav-tabs > li > a:active {
245 outline: 0;
246 }
247 input[disabled]#shirtcode-selector {
248 width: 110px;
249 text-align: center;
250 border: none;
251 color: inherit;
252 background: none;
253 box-shadow: none;
254 margin: 0;
255 padding: 0;
256 }
257 .tab-content textarea {
258 width: 100%;
259 font-size: 14px;
260 }
261 .content-wrap section h4 {
262 margin-top: 0;
263 padding-top: 0;
264 font-size: 16px;
265 font-weight: bold !important;
266 }
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;
276 }
277 .wp-chatbot-support-cross:hover {
278 cursor: all-scroll;
279 }
280 .wp-chatbot-support-cross i {
281 font-size: 20px;
282 }
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;
294 }
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;
334 font-weight: bold;
335 }
336 .qc_menu_list_container span {
337 width: 100%
338 }
339 #qc_menu_area span {
340 width: 380px !important;
341 display: block !important;
342 margin-left: 0;
343 }
344 .qc_menu_list_container span {
345 width: 278px;
346 }
347 .qcld_wpbot_download_statuses {
348 margin-top: 10px
349 }
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;
359 }
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;
367 }
368 .wpbot_single_addon:hover {
369 border: 1px solid #d2d2d2;
370 border-radius: 10px;
371 }
372 .wpbot_single_content {
373 }
374 .wpbot_addon_image {
375 float: left;
376 margin-right: 10px;
377 }
378 .wpbot_addon_image img {
379 width: 60px;
380 }
381 .wpbot_addon_content {
382 display: inline-block;
383 }
384 .wpbot_addon_title {
385 font-size: 15px;
386 font-weight: bold;
387 }
388 .wpbot_addon_details {
389 }
390 .wpbot_addon_details p {
391 margin-bottom: 0;
392 }
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;
401 }
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;
410 }
411 .wpbot_dashboard_header {
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;
418 }
419 .wpbot_dashboard_header h1 {
420 font-size: 30px;
421 line-height: 100px;
422 margin: 0px;
423 }
424 .wpbot_single_addon_wrapper {
425 background: #eee;
426 padding: 20px;
427 }
428 .wpbot_statistics_area {
429 background: #fff;
430 }
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;
438 }
439 .wpbot_report {
440 padding-left: 20px;
441 padding-bottom: 10px;
442 }
443 .wpbot_report p {
444 }
445 .wpbot_report_key {
446 width: 180px;
447 display: inline-block;
448 font-weight: bold;
449 }
450 .wpbot_report_value {
451 display: inline-block;
452 margin-left: 15px;
453 font-weight: bold;
454 }
455 .wpbot_report_value a {
456 }
457 .vc_col-sm-6 {
458 width: 48%;
459 float: left;
460 margin-right: 1%;
461 }
462 .vc_column_container {
463 padding-left: 0;
464 padding-right: 0;
465 }
466 .vc_column_container>.vc_column-inner {
467 box-sizing: border-box;
468 padding-left: 15px;
469 padding-right: 15px;
470 width: 100%;
471 }
472 .to-icon-box {
473 position: relative;
474 }
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 {
485 position: absolute;
486 }
487 .to-icon-box.left .to-icon-txt.fa-4x-txt {
488 margin-left: 58px;
489 }
490 .to-icon-box.left .to-icon-txt {
491 margin-left: 30px;
492 margin-right: 6%;
493 }
494 .to-icon-txt {
495 position: relative;
496 }
497 .qc_wpbot_pro {
498 background: red;
499 padding: 4px;
500 color: #fff;
501 font-size: 13px;
502 border-radius: 7px;
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 }
544
545
546 .getting_gtarted_section .qcbot_help_secion {
547 box-shadow: none;
548 background: #fff;
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 }
566
567 .getting_gtarted_section p{
568 color: #060606;
569 font-size: 15px;
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 }
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 }
592
593 .getting_gtarted_section .wpb_wrapper {
594 color: #060606;
595 font-size: 15px;
596 }
597
598 .getting_gtarted_section .col-xs-12{
599 padding-right: 0 !important;
600 padding-left: 0 !important;
601 }
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 }
627
628 a.wpbot_free_messenger_adds:hover {
629 background: #337ab7 !important;
630 color: #fff !important;
631 }
632
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;
645 font-weight: bold;
646 }
647
648
649 .qc_wpbot_pro {
650 color: #fff !important;
651 }
652
653
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 {
668 display: block;
669 overflow: hidden;
670 position: relative;
671 left: -185%;
672 top: -39px;
673 }
674
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 {
686 display: block;
687 float: left;
688 width: 100px;
689 font-size: 14px;
690 font-weight: bold;
691 }
692 }
693
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;
702 background: #fff;
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 }
732
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;
753 color: #fff;
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 }
764
765 a.wpbot_free_messenger_adds:hover {
766 background: #337ab7 !important;
767 color: #fff !important;
768 }
769
770 .cxsc-settings-blocks-notic p {
771 font-size: 14px;
772 line-height: 28px;
773 }
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;
780 }
781 .cxsc-settings_openai_border{
782 border-bottom: 1px solid #4d565f;
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 }
793
794
795 .wp-chatbot-tabs-style-flip .cxsc-settings_openai_border span.wpwbot-admin-tab-icon {
796 width: 25px;
797 font-size: 16px;
798 }
799 .wp-chatbot-tabs-style-flip .cxsc-settings_openai_border span {
800 display: inline-block;
801 padding-right: 5px;
802 }
803
804 /**************** open AI *********************/
805
806 .admin-maxwith{
807 max-width: 1100px !important;
808 padding: 0;
809 }
810 .rl-col-custom{
811 flex: 0 0 auto;
812 width: 26px !important;
813 }
814
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;
822 }
823
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);
834 }
835 .qcl-openai hr {
836 margin: 1rem 0;
837 color: inherit;
838 background-color: currentColor;
839 border: 0;
840 opacity: 0.25;
841 }
842
843 .qcl-openai h4{
844 font-size: 1.5rem;
845 }
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);
852 }
853
854
855 .qcl-openai table {
856 width: 100%;
857 margin: 20px 0 0 0;
858 }
859 .qcl-openai td {
860 border-width: 1px;
861 padding: 10px 7px;
862 }
863 .qcl-openai a {
864 cursor: pointer;
865 }
866
867 .qcl-openai .gx-0 {
868 --bs-gutter-x: 0;
869 }
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);
876 }
877
878 @media (min-width: 576px){
879 .qcl-openai .p-sm-3 {
880 padding: 1rem !important;
881 }
882
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 }
895
896 @media (min-width: 576px){
897 .qcl-openai .p-sm-4 {
898 padding: 1.5rem !important;
899 }
900
901 }
902 @media (min-width: 576px){
903 .qcl-openai .col-sm-10 {
904 flex: 0 0 auto;
905 width: 83.33333333%;
906 }
907
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 }
917
918 /*.qcl-openai .bg-dark {
919 background-color: #212529 !important;
920 }*/
921 @media (min-width: 576px){
922 .qcl-openai .p-sm-3 {
923 padding: 1rem !important;
924 }
925
926 }
927 /*.qcl-openai .bg-dark {
928 background-color: #212529 !important;
929 }*/
930 .qcl-openai .ms-auto {
931 margin-left: auto !important;
932 }
933 .qcl-openai .row > * {
934 flex-shrink: 0;
935 width: 100%;
936 max-width: 100%;
937 padding-right:20px;
938 padding-left: 20px;
939 margin-top: var(--bs-gutter-y);
940 }
941
942 .qcl-openai [type=button]:not(:disabled) {
943 cursor: pointer;
944 }
945 .qcl-openai button:not(:disabled) {
946 cursor: pointer;
947 }
948 .qcl-openai .mb-3 {
949 margin-bottom: 1rem !important;
950 }
951
952 .qcl-openai .my-4 {
953 margin-top: 1.5rem !important;
954 margin-bottom: 1.5rem !important;
955 }
956 .qcl-openai .form-switch {
957 padding-left: 2.5em;
958 }
959 .qcl-openai .form-check {
960 display: block;
961 min-height: 1.5rem;
962 padding-left: 1.5em;
963 margin-bottom: 0.125rem;
964 }
965
966 @media (min-width: 576px) {
967 .qcl-openai .p-sm-0 {
968 padding: 0 !important;
969 }
970 }
971 .qcl-openai .card-body {
972 flex: 1 1 auto;
973 padding: 1rem 1rem;
974 }
975
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;
994 }
995
996
997 .qcl-openai .card-header:first-child {
998 border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
999 }
1000 .qcl-openai .py-sm-4 {
1001 padding-top: 1.5rem !important;
1002 padding-bottom: 1.5rem !important;
1003 }
1004 .qcl-openai .bg-dark {
1005 background-color: #212529 !important;
1006 }
1007 .qcl-openai .text-white {
1008 color: #fff !important;
1009 }
1010 .qcl-openai .border-0 {
1011 border: 0 !important;
1012 }
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);
1018 }
1019 .qcl-openai .card-header h2{
1020 margin-top: 0 !important;
1021 margin-bottom: 0 !important;
1022 }
1023 .qcl-openai #wp-chatbot-openai-training-model{
1024 padding-top: 20px;
1025 padding-bottom: 20px;
1026 }
1027 .qcl-openai .form-check {
1028 display: block;
1029 min-height: 1.5rem;
1030 padding-left: 1.5em;
1031 margin-bottom: 0.125rem;
1032 }
1033 .qcl-openai .form-check .form-check-input {
1034 float: left;
1035 margin-left: -1.5em;
1036 }
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;
1052 }
1053 .qcl-openai .form-check-input:active {
1054 filter: brightness(90%);
1055 }
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);
1060 }
1061 .qcl-openai .form-check-input:checked {
1062 background-color: #0d6efd;
1063 border-color: #0d6efd;
1064 }
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");
1067 }
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");
1070 }
1071 .qcl-openai .form-check-input:disabled {
1072 pointer-events: none;
1073 filter: none;
1074 opacity: 0.5;
1075 }
1076 .qcl-openai .form-check-input:disabled ~ .form-check-label {
1077 opacity: 0.5;
1078 }
1079 .qcl-openai .form-check-input[type=checkbox] {
1080 border-radius: 0.25em;
1081 }
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");
1086 }
1087 .qcl-openai .form-check-input[type=radio] {
1088 border-radius: 50%;
1089 }
1090 .qcl-openai .form-check-input[disabled] ~ .form-check-label {
1091 opacity: 0.5;
1092 }
1093 .qcl-openai .form-switch {
1094 padding-left: 2.5em;
1095 }
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;
1103 }
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");
1106 }
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");
1110 }
1111 .qcl-openai .form-check-inline {
1112 display: inline-block;
1113 margin-right: 1rem;
1114 }
1115 .qcl-openai .form-check-inline .form-check-input ~ .valid-feedback {
1116 margin-left: 0.5em;
1117 }
1118 .qcl-openai .form-check-inline .form-check-input ~ .invalid-feedback {
1119 margin-left: 0.5em;
1120 }
1121
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;
1130 }
1131 .qcl-openai .form-range:focus {
1132 outline: 0;
1133 }
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);
1136 }
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);
1139 }
1140 .qcl-openai .form-range::-moz-focus-outer {
1141 border: 0;
1142 }
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;
1154 }
1155 .qcl-openai .form-range::-webkit-slider-thumb:active {
1156 background-color: #b6d4fe;
1157 }
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;
1166 }
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;
1177 }
1178 .qcl-openai .form-range::-moz-range-thumb:active {
1179 background-color: #b6d4fe;
1180 }
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;
1189 }
1190 .qcl-openai .form-range:disabled {
1191 pointer-events: none;
1192 }
1193 .qcl-openai .form-range:disabled::-webkit-slider-thumb {
1194 background-color: #adb5bd;
1195 }
1196 .qcl-openai .form-range:disabled::-moz-range-thumb {
1197 background-color: #adb5bd;
1198 }
1199
1200 .qcl-openai .text-end {
1201 text-align: right !important;
1202 }
1203
1204 .qcl-openai .form-label {
1205 margin-bottom: 0.5rem;
1206 }
1207 .qcl-openai .col-form-label {
1208 padding-top: calc(0.375rem + 1px);
1209 padding-bottom: calc(0.375rem + 1px);
1210 margin-bottom: 0;
1211 font-size: inherit;
1212 line-height: 1.5;
1213 }
1214 .qcl-openai .col-form-label-lg {
1215 padding-top: calc(0.5rem + 1px);
1216 padding-bottom: calc(0.5rem + 1px);
1217 font-size: 1.25rem;
1218 }
1219
1220 .qcl-openai .col-8 {
1221 flex: 0 0 auto;
1222 width: 66.66666667%;
1223 padding-left: 0px !important;
1224 }
1225
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;
1246 }
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);
1251 }
1252 .qcl-openai .form-select:disabled {
1253 background-color: #e9ecef;
1254 }
1255 .qcl-openai .form-select:-moz-focusring {
1256 color: transparent;
1257 text-shadow: 0 0 0 #212529;
1258 }
1259 .qcl-openai .form-select[multiple] {
1260 padding-right: 0.75rem;
1261 background-image: none;
1262 }
1263 .qcl-openai .form-select[size]:not([size="1"]) {
1264 padding-right: 0.75rem;
1265 background-image: none;
1266 }
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;
1272 }
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;
1278 }
1279
1280 .qcl-openai .card-footer:last-child {
1281 border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
1282 }
1283 .qcl-openai .py-sm-4 {
1284 padding-top: 1.5rem !important;
1285 padding-bottom: 1.5rem !important;
1286 }
1287
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%;
1296 }
1297 .qcl-openai small{
1298 font-size: 0.875em;
1299 color:#3c434a;
1300 font-weight: 300;
1301 }
1302 .qcl-openai label{
1303 color:#3c434a;
1304 display: inline-block;
1305 max-width: 100%;
1306 margin-bottom: 5px;
1307 font-weight: 700;
1308
1309 }
1310 .qcl-openai .bg-dark {
1311 background-color: #21252900 !important;
1312 }
1313 .qcl-openai .card-header{
1314 background-color: #212529 !important;
1315 }
1316 .qcl-openai .accordion .card-header{
1317 background-color: #21252900 !important;
1318 }
1319 .qcl-openai .accordion .card-body {
1320 border: 25px solid #21252900;
1321 }
1322 .qcl-openai .card-body {
1323 flex: 1 1 auto;
1324 padding: 1rem 1rem;
1325 border: 25px solid #212529;
1326 }
1327
1328 .card-header button{
1329 outline: none !important;
1330 color: #3c434a;
1331 font-weight: 700;
1332 }
1333 .qcl-openai .accordion .card .card-header{
1334 margin: 8px 8px;
1335 }
1336 .qcl-openai .accordion .card {
1337 border: none !important;
1338 }
1339 .qcl-openai .card-footer.bg-dark.text-white.py-sm-4.border-0 {
1340 display: none;
1341 }
1342 .qcl-openai .nav>li>a {
1343 position: relative;
1344 display: block;
1345 padding: 15px 20px;
1346 }
1347 .qcl-openai .card-header a{
1348 outline: none;
1349 }
1350 .qcl-openai ul.nav.nav-tabs {
1351 margin: 8px 0 0 18px;
1352 }
1353 .qcl-openai a:focus {
1354 outline: 0 !important;
1355 outline-offset: 0 !important;
1356 }
1357 .qcl-openai .nav-tabs>li.active>a, .qcl-openai .nav-tabs>li.active>a:focus, .qcl-openai .nav-tabs>li.active>a:hover {
1358 color: #fff;
1359 cursor: default;
1360 background-color: #212529;
1361 border: 1px solid #ddd;
1362 border-bottom-color: transparent;
1363 }
1364 .qcl-openai .accordion .card-header {
1365 background-color: #212529 !important;
1366 color: #fff !important;
1367 }
1368 .qcl-openai .accordion .card-header button{
1369
1370 color: #fff !important;
1371 }
1372 .qcl-openai .tab-content {
1373 padding: 0 0 20px 0;
1374 }
1375 .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 {
1376 padding: 8px;
1377 line-height: 1.42857143;
1378 vertical-align: middle;
1379 border-top: 1px solid #ddd;
1380 }
1381 .qcl-openai h4 {
1382 margin-top: 20px;
1383 margin-bottom: 0;
1384 }
1385
1386 .qcl-openai .accordion .card-header button {
1387 width: 100% !important;
1388 text-align: justify !important;
1389 padding: 15px 10px !important;
1390 }
1391 .qcl-openai .card-header {
1392 padding: 0 !important;
1393 }
1394
1395
1396
1397 .qcl-openai .form-switch input[type=checkbox] {
1398 height: 25px;
1399 width: 25px;
1400
1401 }
1402 .qcl-openai .form-switch input[type=checkbox]{
1403 height: 15px;
1404 width: 25px;
1405
1406 }
1407 .qcl-openai input[type=checkbox] + label {
1408 margin: 0;
1409 }
1410 .qcl-openai div#wp-chatbot-post-converter {
1411 min-height: auto;
1412 }
1413 .qcl-openai .my0-py25 {
1414 margin-top: 0 !important;
1415 margin-bottom: 0 !important;
1416 padding: 25px 0;
1417 }
1418
1419 .qcl-openai .form-check-inline {
1420 margin-bottom: 15px !important;
1421 }
1422 .qcl-openai form {
1423 width: auto !important;
1424 }
1425
1426 .qcl-openai .form-check-inline {
1427 padding-left: 15px !important;
1428 }
1429
1430
1431
1432
1433 #wp-chatbot-post-converter .form-check-inline input[type=checkbox]:checked::before {
1434 height: 24px;
1435 width: 24px;
1436 }
1437 #wp-chatbot-post-converter .form-check-inline input[type=checkbox], #wp-chatbot-post-converter .form-check-inline input[type=radio] {
1438 height: 24px;
1439 width: 24px;
1440 min-width: 24px;
1441 }
1442 #wp-chatbot-post-converter input[type=checkbox]:focus{
1443 outline: 0px auto -webkit-focus-ring-color !important;
1444 outline-offset: 0px !important;
1445 }
1446
1447
1448
1449 .qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con {
1450 padding: 15px 15px 15px 0px;
1451 min-width: 15%;
1452 display: inline-block;
1453 }
1454
1455 .qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con label{
1456 display: block;
1457 }
1458
1459 .qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con input[type=url],
1460 .qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con input[type=text]{
1461 width:100%;
1462 }
1463
1464 .qcld-seohelp_ai_wrap {
1465 padding: 15px;
1466 }
1467
1468
1469 .qcld-seohelp ul.nav-tab-wrapper {
1470 padding-left: 0px;
1471 margin-top: 0;
1472 }
1473
1474 .qcld-seo-help .nav-tab-wrapper a.nav-tab{
1475 background: #fff;
1476 color: #50575e;
1477 }
1478 .qcld-seo-help .nav-tab-wrapper .ui-tabs-active a{
1479 background: #6c757d;
1480 outline: none;
1481 color: #fff;
1482 }
1483
1484 .qcld-seohelp.qcld-seohelp_ai_wrap .form-group label {
1485 display: inline-block;
1486 min-width: 35%;
1487 max-width: 35%;
1488 }
1489
1490 .qcld_seo_lang_text {
1491 width: 50%;
1492 }
1493
1494 .text-center{
1495 text-align: center;
1496 }
1497 .qcld_seo_generator_button .spinner{
1498 display: none;
1499 }
1500 .button.qcld_seo_generator_stop{
1501 display: none;
1502 }
1503 .qcld_seo-alert{
1504 border: 1px solid #ccc;
1505 padding: 10px;
1506 margin-top: 10px;
1507 border-radius: 5px;
1508 background: #fff;
1509 }
1510 .qcld_seo-alert h4{
1511 font-size: 20px;
1512 margin-top: 0;
1513 margin-bottom: 10px;
1514 color: #f00;
1515 }
1516 .qcld_seo-alert code{
1517 margin-bottom: 5px;
1518 display: inline-block;
1519 border-radius: 4px;
1520 }
1521 .qcld_seo-alert p{
1522 margin: 2px 0;
1523 }
1524 .qcld_seo-alert-form{
1525 margin-bottom: 10px;
1526 }
1527 .qcld_seo-alert-form p{
1528 color: #f00;
1529 font-size: 16px;
1530 font-weight: bold;
1531 }
1532
1533 .qcld_image_grid{
1534 display: flex;
1535 flex-wrap: wrap;
1536 flex-direction: row;
1537 }
1538
1539 .qcld_image-grid_wrap{
1540 position: relative;
1541 padding: 0px 0px;
1542 margin: 5px 5px;
1543 width: 32%;
1544 overflow: hidden;
1545 }
1546 .qcld-plan-tab-text{
1547 border: none;
1548 background: none !important;
1549 display: inline-block;
1550 padding: 0;
1551 margin: 0;
1552 line-height: 0.6;
1553 font-size: 15px;
1554 }
1555 .qcld_image-grid_wrap .qcld_image-item{
1556 padding: 0px 0px;
1557 margin: 0px 0px !important;
1558 width: 100%;
1559 }
1560
1561 .qcld_image-grid_wrap .qcld_seo_download{
1562 opacity: 0;
1563 transition: opacity .3s;
1564 position: absolute;
1565 top: 0;
1566 right: 0;
1567 bottom: 0;
1568 left: 0;
1569 cursor: pointer;
1570 background: rgba(0,0,0,.65);
1571 color: #eee;
1572 text-align: center;
1573 font-size: 14px;
1574 line-height: 1;
1575 display: flex;
1576 justify-content: center;
1577 align-items: center;
1578 flex-direction: column;
1579 }
1580
1581 .qcld_image-grid_wrap.uploading .qcld_seo_download,
1582 .qcld_image-grid_wrap:hover .qcld_seo_download{
1583 opacity: 1;
1584 transition: ease 0.3s all;
1585 }
1586
1587 .qcld_image-grid_wrap .qcld_seo_download img {
1588 height: 40px;
1589 opacity: .7;
1590 }
1591
1592 .qcld_seo-bulk-addition {
1593 padding: 10px;
1594 background: #e3e3e3;
1595 border-radius: 5px;
1596 border: 1px solid #ccc;
1597 margin-left: 16px;
1598 margin-bottom: 20px;
1599 display: none;
1600 max-width: 50%;
1601 }
1602
1603 .qcld_seo-grid-three {
1604 display: grid;
1605 grid-template-columns: repeat(3,1fr);
1606 grid-column-gap: 20px;
1607 grid-row-gap: 20px;
1608 grid-template-rows: auto auto;
1609 }
1610 .qcld-seohelp-input-field label.form-check-label.form-check-label {
1611 margin: 0 0 0 20px;
1612 position: relative;
1613 cursor: pointer;
1614 font-size: 12px;
1615 float: left;
1616 width: inherit !important;
1617 }
1618 .qcld-seohelp-input-field label.form-check-label.form-check-label:before {
1619 content: ' ';
1620 position: absolute;
1621 left: -35px;
1622 top: -3px;
1623 width: 25px;
1624 height: 25px;
1625 display: block;
1626 background: white;
1627 border: 1px solid #A9A9A9;
1628 }
1629
1630 /* .qcld-seohelp-input-field input#qcld_article_heading_img {
1631 width: 2em;
1632 margin-left: -2.5em;
1633 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;
1634 background-position: left center;
1635 border-radius: 2em;
1636 transition: background-position 0.15s ease-in-out;
1637 } */
1638
1639 .qcld-seohelp-input-field input[type=checkbox] + label::after {
1640 content: ' ';
1641 position: absolute;
1642 left: -35px;
1643 top: -3px;
1644 width: 23px;
1645 height: 23px;
1646 display: block;
1647 z-index: 1;
1648 background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE4MS4yIDI3MyAxNyAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxODEuMiAyNzMgMTcgMTYiPjxwYXRoIGQ9Ik0tMzA2LjMgNTEuMmwtMTEzLTExM2MtOC42LTguNi0yNC04LjYtMzQuMyAwbC01MDYuOSA1MDYuOS0yMTIuNC0yMTIuNGMtOC42LTguNi0yNC04LjYtMzQuMyAwbC0xMTMgMTEzYy04LjYgOC42LTguNiAyNCAwIDM0LjNsMjMxLjIgMjMxLjIgMTEzIDExM2M4LjYgOC42IDI0IDguNiAzNC4zIDBsMTEzLTExMyA1MjQtNTI0YzctMTAuMyA3LTI1LjctMS42LTM2eiIvPjxwYXRoIGZpbGw9IiMzNzM3MzciIGQ9Ik0xOTcuNiAyNzcuMmwtMS42LTEuNmMtLjEtLjEtLjMtLjEtLjUgMGwtNy40IDcuNC0zLjEtMy4xYy0uMS0uMS0uMy0uMS0uNSAwbC0xLjYgMS42Yy0uMS4xLS4xLjMgMCAuNWwzLjMgMy4zIDEuNiAxLjZjLjEuMS4zLjEuNSAwbDEuNi0xLjYgNy42LTcuNmMuMy0uMS4zLS4zLjEtLjV6Ii8+PHBhdGggZD0iTTExODcuMSAxNDMuN2wtNTYuNS01Ni41Yy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTI1My41IDI1My41LTEwNi4yLTEwNi4yYy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTU2LjUgNTYuNWMtNS4xIDUuMS01LjEgMTIgMCAxNy4xbDExNC43IDExNC43IDU2LjUgNTYuNWM1LjEgNS4xIDEyIDUuMSAxNy4xIDBsNTYuNS01Ni41IDI2Mi0yNjJjNS4yLTMuNCA1LjItMTIgLjEtMTcuMXpNMTYzNC4xIDE2OS40bC0zNy43LTM3LjdjLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0xNjkuNSAxNjkuNS03MC4yLTcxLjljLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0zNy43IDM3LjdjLTMuNCAzLjQtMy40IDguNiAwIDEybDc3LjEgNzcuMSAzNy43IDM3LjdjMy40IDMuNCA4LjYgMy40IDEyIDBsMzcuNy0zNy43IDE3NC43LTE3Ni40YzEuNi0xLjcgMS42LTYuOS0uMS0xMC4zeiIvPjwvc3ZnPg==) no-repeat center center;
1649 -ms-transition: all .2s ease;
1650 -webkit-transition: all .2s ease;
1651 transition: all .3s ease;
1652 -ms-transform: scale(0);
1653 -webkit-transform: scale(0);
1654 transform: scale(0);
1655 opacity: 0;
1656 }
1657 .qcld-seohelp-input-field input[type=checkbox]:checked + label::after {
1658 -ms-transform: scale(1);
1659 -webkit-transform: scale(1);
1660 transform: scale(1);
1661 opacity: 1;
1662 }
1663 .qcld-seohelp .btn-info.spinning,
1664 .qc_seo_linkcheck.spinning,
1665 #qcld_article_keyword_suggestion.spinning {
1666 background-color: #212121;
1667 padding-right: 40px;
1668 position: relative;
1669 }
1670 .qcld-seohelp textarea#qcld_content_result_msg {
1671 height: 20rem;
1672 }
1673
1674 .qcld_seo-single-content-form{
1675 width: 100% !important;
1676 }
1677 .qcld-seohelp .btn-info.spinning:after,
1678 #qcld_article_keyword_suggestion.spinning:after,
1679 #qcld_article_keyword_suggestion.spinning:after {
1680 content: '';
1681 right: 6px;
1682 top: 50%;
1683 width: 0;
1684 height: 0;
1685 box-shadow: 0px 0px 0 1px transparent;
1686 position: absolute;
1687 border-radius: 50%;
1688 -webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
1689 animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
1690 }
1691 .qcld-seohelp .btn-info.spinning:before,
1692 #qcld_article_keyword_suggestion.spinning:before,
1693 #qcld_article_keyword_suggestion.spinning:before {
1694 content: "";
1695 width: 0px;
1696 height: 0px;
1697 border-radius: 50%;
1698 right: 0px;
1699 top: 50%;
1700 position: absolute;
1701 border: 2px solid #fff;
1702 border-right: 3px solid #27ae60;
1703 -webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
1704 animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
1705 }
1706 @-webkit-keyframes rotate360 {
1707 100% {
1708 -webkit-transform: rotate(360deg);
1709 transform: rotate(360deg);
1710 }
1711 }
1712 @keyframes rotate360 {
1713 100% {
1714 -webkit-transform: rotate(360deg);
1715 transform: rotate(360deg);
1716 }
1717 }
1718 @-webkit-keyframes exist {
1719 100% {
1720 width: 15px;
1721 height: 15px;
1722 margin: -8px 5px 0 0;
1723 }
1724 }
1725 @keyframes exist {
1726 100% {
1727 width: 15px;
1728 height: 15px;
1729 margin: -8px 5px 0 0;
1730 }
1731 }
1732 .qcld-seohelp input[type=checkbox] {
1733 opacity: 0;
1734 float: left;
1735 }
1736
1737 ul.checkbox-list {
1738 margin: 18px 0 0 0;
1739 }
1740
1741 ul.checkbox-list li {
1742 display: inline-block;
1743 padding: 0 8px;
1744 }
1745 ul.checkbox-list li label {
1746 font-weight: normal !important;
1747 font-size: 14px !important;
1748 }
1749
1750 ul.checkbox-list li input[type=checkbox] + label::before {
1751 content: ' ';
1752 position: absolute;
1753 left: -28px !important;
1754 top: 0 !important;
1755 width: 20px !important;
1756 height: 20px !important;
1757 display: block;
1758 background: white;
1759 border: 1px solid #A9A9A9;
1760 }
1761
1762 ul.checkbox-list li input[type=checkbox] + label::after {
1763 left: -26px !important;
1764 top: 1px !important;
1765 width: 16px !important;
1766 height: 16px !important;
1767
1768 }
1769 .cxsc-settings-blocks-addon {
1770 width: 100% !important;
1771 }
1772 .plugin-card {
1773 width: 100% !important;
1774 }
1775 .wp-chatbot-wrap .d-ib {
1776 display: inline-block;
1777 color: #fff;
1778 }
1779 .cxsc-settings-blocks-notic {
1780 background: #32373c;
1781 }
1782 .content.form-container.qcbot_help_secion {
1783 background: none;
1784 box-shadow: none;
1785 padding: 0 !important;
1786 }
1787 .qcbot_help_secion h3 {
1788 font-size: 16px;
1789 padding: 0 0 10px 0;
1790 }
1791 .qcbot_help_secion h2 {
1792 font-size: 26px;
1793 }
1794
1795 .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 {
1796 border-bottom: 1px solid #f0f0f1;
1797 background: #337ab7;
1798 color: #fff;
1799 text-decoration: none !important;
1800 }
1801 .wppt_nav_container a:focus, .wppt_nav_container a:hover {
1802 color: #23527c;
1803 text-decoration: none !important;
1804 }
1805 .notification-block-inner h2{
1806 margin-top: -25px;
1807 }
1808 .notification-block-inner .qc_menu_setup_area h2 {
1809 margin-top: 0;
1810 }
1811 .h2, h2 {
1812 font-size: 20px !important;
1813 font-weight: bold !important;
1814 }
1815
1816 .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 {
1817 color: #fff !important;
1818 cursor: default;
1819 background-color: #337ab7 !important;
1820 border: 1px solid #ddd;
1821 border-bottom-color: transparent;
1822 }
1823
1824 .plugin-icon {
1825 position: absolute;
1826 top: 20px;
1827 left: 20px;
1828 width: 90px;
1829 height: 90px;
1830 margin: 0 20px 20px 0;
1831 }
1832 .plugin-card {
1833 height: auto !important;
1834 }
1835 .plugin-card-top {
1836 position: relative;
1837 padding: 20px 20px 10px;
1838 min-height: 135px;
1839 display: flex;
1840 align-items: center;
1841 }
1842 #section-flip-5 .wp-chatbot-language-center-summmery {
1843 DISPLAY: NONE !important;
1844 }
1845 .wp-chatbot-wrap .d-ib i{
1846 color: #f0ad4e !important;
1847 }
1848 .cxsc-settings-blocks-notic p{
1849 margin: 0 !important;
1850 }
1851 .wrap.swpm-admin-menu-wrap {
1852 background: #32373c;
1853 padding: 10px 10px;
1854 border-radius: 6px;
1855 width: 100%;
1856 max-width: 1220px;
1857 }
1858 .wrap.swpm-admin-menu-wrap .container {
1859 padding-right: 0;
1860 padding-left: 0;
1861 }
1862
1863 .wrap.swpm-admin-menu-wrap .cxsc-settings-blocks-notic {
1864 border: none;
1865 }
1866
1867 .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 {
1868 border-bottom: none;
1869 }
1870
1871 .wrap.swpm-admin-menu-wrap .nav-tab {
1872 float: left;
1873 border: none;
1874 border-bottom: none;
1875 margin-left: 0.5em;
1876 padding: 10px 25px;
1877 font-size: 14px;
1878 line-height: 1.71428571;
1879 font-weight: 600;
1880 background: #fff;
1881 color: #222;
1882 border-radius: 6px;
1883 text-decoration: none;
1884 white-space: nowrap;
1885 }
1886
1887 .wrap.swpm-admin-menu-wrap .wppt_nav_container .nav-tab-active{
1888 border-bottom: none;
1889 background-color: #337ab7 !important;
1890 color: #fff;
1891 }
1892
1893 .content.form-container.qcbot_help_secion {
1894 border: 1px solid #4a4a4a;
1895 padding: 8px 20px !important;
1896 }
1897
1898 .wrap.swpm-admin-menu-wrap .qcbot_help_secion h2.wppt_nav_container.qcld-plan-tab-text .nav-tab {
1899 float: left;
1900 border: none;
1901 border-bottom: none;
1902 margin-left: 0;
1903 padding: 0 0;
1904 font-size: 14px;
1905 line-height: 10px;
1906 font-weight: 600;
1907 background: #fff;
1908 color: #222;
1909 border-radius: 6px;
1910 text-decoration: none;
1911 white-space: nowrap;
1912 }
1913
1914
1915 .qcl-openai .row > * {
1916 flex-shrink: 0;
1917 width: 100%;
1918 max-width: 1200px;
1919 padding-right: 0;
1920 padding-left: 0;
1921 }
1922 .card-header.bg-dark.text-white.py-sm-4.border-0 {
1923 padding: 0 20px !important;
1924 }
1925 .qcl-openai .card-body {
1926 border: 20px solid #212529;
1927 padding: 20px 20px !important;
1928 }
1929 .qcl-openai .p-sm-3 {
1930 padding: 0 !important;
1931 }
1932 .qcl-openai ul.nav.nav-tabs {
1933 margin: 8px 0 0 0;
1934 }
1935 .qcl-openai .card-header {
1936 background-color: #212529 !important;
1937 border-radius: 6px 6px 0 0 !important;
1938 }
1939
1940 .wrapTexttop {
1941 background: #464b50;
1942 padding: 8px 20px;
1943 }
1944 .wrapTexttop-lite {
1945 margin-bottom: 20px;
1946 padding: 15px;
1947 }
1948 div#promotion-wpchatbot {
1949 max-width: 1165px;
1950 margin-left: 0;
1951 }
1952 .notice.is-dismissible {
1953 max-width: 1165px;
1954 margin-left: 0;
1955 }
1956
1957 div#promotion-wpchatbot {
1958 background: #c13825 !important;
1959 padding: 0 !important;
1960 padding-right: 0 !important;
1961 }
1962 div#promotion-wpchatbot .notice-dismiss:before {
1963 color: #fff !important;
1964 }
1965
1966 .wrapTexttop-lite .alert {
1967 margin-bottom: 0;
1968 }
1969
1970
1971 .form-container {
1972 background-color: #2e2e2e;
1973 }
1974 .wp-chatbot-wrap form {
1975 width: 1170px !important;
1976 }
1977 .container.form-container {
1978 position: relative;
1979 }
1980 .container.form-container:before {
1981 content: '';
1982 position: absolute;
1983 background: url("../../chatbot/images/hud-left-dark.png") top left;
1984 left: -6px;
1985 width: 40px;
1986 height: 100%;
1987 z-index: 999;
1988 top: 0;
1989 background-repeat: repeat !important;
1990 }
1991 .container.form-container:after {
1992 content: '';
1993 position: absolute;
1994 background: url("../../chatbot/images/hud-righ-dark.png") top right;
1995 width: 41px;
1996 height: 100%;
1997 right: -22px;
1998 width: 28px;
1999 z-index: 999;
2000 top: 0;
2001 background-repeat: repeat !important;
2002 }
2003
2004
2005
2006 form#wp-chatbot-admin-form {
2007 position: relative;
2008 }
2009 form#wp-chatbot-admin-form:before {
2010 content: '';
2011 position: absolute;
2012 background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2013 /* left: -15px; */
2014 width: 100%;
2015 height: 34px;
2016 z-index: 999;
2017 top: -7px;
2018 background-repeat: no-repeat;
2019 }
2020
2021
2022 .wp-chatbot-wrap form {
2023 max-width: 1170px !important;
2024 width: 96% !important;
2025 }
2026 .container.form-container {
2027 position: relative;
2028 width: 100% !important;
2029 max-width: 1170px;
2030 }
2031 .qc-review-text img {
2032 max-width: 1170px;
2033 }
2034
2035
2036 path{stroke-dasharray:300;stroke-dashoffset:300;stroke:#c3a477;stroke-width:2px;-webkit-animation:draw ease-out infinite;animation:draw ease-out infinite}
2037 #l1{-webkit-animation-duration:3s;animation-duration:3s}
2038 #l2{-webkit-animation-duration:5.5s;animation-duration:5.5s}
2039 #l3{-webkit-animation-duration:2s;animation-duration:2s}
2040 #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}}
2041 .lineanimation{position:absolute;top:-64px;z-index:99999999;left:-10px;right:0;margin:0 auto;width:257px;max-width:257px;height:90px;overflow:hidden;bottom:0}
2042 .lineanimation svg{width:250px;height:95px}.lineanimation svg{width:250px;height:150px;overflow:hidden}.lineanimation path{stroke:#5e5e5e}
2043
2044
2045
2046
2047
2048
2049
2050
2051
2052 /* 09-11-2024 - CSS Updated*/
2053
2054 .wp-chatbot-wrap-outer .wp-chatbot-wrap {
2055 position: relative;
2056 max-width: 1170px;
2057 }
2058 .wp-chatbot-wrap-outer .wp-chatbot-wrap:before {
2059 content: '';
2060 position: absolute;
2061 background: url("../../chatbot/images/hud-left-dark.png") top left;
2062 left: -6px;
2063 width: 40px;
2064 height: 100%;
2065 z-index: 999;
2066 top: 0;
2067 background-repeat: repeat !important;
2068 }
2069 .wp-chatbot-wrap-outer .wp-chatbot-wrap:after {
2070 content: '';
2071 position: absolute;
2072 background: url("../../chatbot/images/hud-righ-dark.png") top right;
2073 width: 41px;
2074 height: 100%;
2075 right: -22px;
2076 width: 28px;
2077 z-index: 999;
2078 top: 0;
2079 background-repeat: repeat !important;
2080 }
2081 .card-header{
2082 position: relative;
2083 max-width: 1190px;
2084 }
2085 .card-header:before {
2086 content: '';
2087 position: absolute;
2088 background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2089 /* left: -15px; */
2090 width: 100%;
2091 height: 34px;
2092 z-index: 9999999;
2093 top: -7px;
2094 background-repeat: no-repeat;
2095 background-size: cover;
2096 }
2097 .card-header .wpbot_dashboard_header {
2098 background: #222222;
2099 }
2100 .card-header .wpbot_addons_section {
2101 background: #222222;
2102 }
2103
2104
2105
2106
2107
2108
2109
2110
2111
2112 /* 09-20-2024 - CSS Updated*/
2113
2114 .qcl-openai .card.admin-maxwith .wp-chatbot-wrap {
2115 position: relative;
2116 max-width: 1170px;
2117 }
2118 .qcl-openai .card.admin-maxwith:before {
2119 content: '';
2120 position: absolute;
2121 background: url("../../chatbot/images/hud-left-dark.png") top left;
2122 left: -15px;
2123 width: 40px;
2124 height: 100%;
2125 z-index: 999;
2126 top: 0;
2127 background-repeat: repeat !important;
2128 }
2129 .qcl-openai .card.admin-maxwith:after {
2130 content: '';
2131 position: absolute;
2132 background: url("../../chatbot/images/hud-righ-dark.png") top right;
2133 width: 41px;
2134 height: 100%;
2135 right: -15px;
2136 width: 28px;
2137 z-index: 999;
2138 top: 0;
2139 background-repeat: repeat !important;
2140 }
2141 .qcl-openai .wp-chatbot-wrap-outer .card-header.bg-dark{
2142 position: relative;
2143 max-width: 1190px;
2144 }
2145 .qcl-openai .wp-chatbot-wrap-outer .card-header.bg-dark:before {
2146 content: '';
2147 position: absolute;
2148 background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2149 /* left: -15px; */
2150 width: 100%;
2151 height: 34px;
2152 z-index: 9999999;
2153 top: -7px;
2154 background-repeat: no-repeat;
2155 background-size: cover;
2156 }
2157 .qcl-openai .wp-chatbot-wrap-outer .wpbot_dashboard_header {
2158 background: #222222;
2159 }
2160 .qcl-openai .wp-chatbot-wrap-outer .wpbot_addons_section {
2161 background: #222222;
2162 }
2163 .qcl-openai h4 {
2164 padding: 20px 20px 0 20px;
2165 }
2166 .qcl-openai .card-header.bg-dark.text-white.py-sm-4.border-0 {
2167 padding: 0 0 !important;
2168 }
2169 .qcl-openai .qcl-openai .card-body {
2170 border: 20px solid #222222;
2171 }
2172 .qcl-openai .card-header.bg-dark {
2173 background-color: #222222 !important;
2174 }
2175 .qcl-openai {
2176 margin: 20px 0 0 0;
2177 }
2178 .qcl-openai .accordion .card-header:before{
2179 content: none;
2180 position: relative;
2181 }
2182
2183
2184 /* 09-25-2024 - CSS Updated*/
2185
2186 .qcld-help-debug .wrap.swpm-admin-menu-wrap{
2187 position: relative;
2188 max-width: 1170px;
2189 }
2190 .qcld-help-debug .wrap.swpm-admin-menu-wrap:before {
2191 content: '';
2192 position: absolute;
2193 background: url("../../chatbot/images/hud-left-dark.png") top left;
2194 left: -6px;
2195 width: 40px;
2196 height: 100%;
2197 z-index: 999;
2198 top: 0;
2199 background-repeat: repeat !important;
2200 }
2201 .qcld-help-debug .wrap.swpm-admin-menu-wrap:after {
2202 content: '';
2203 position: absolute;
2204 background: url("../../chatbot/images/hud-righ-dark.png") top right;
2205 width: 41px;
2206 height: 100%;
2207 right: -22px;
2208 width: 28px;
2209 z-index: 999;
2210 top: 0;
2211 background-repeat: repeat !important;
2212 }
2213 .qcld-help-debug {
2214 position: relative;
2215 max-width: 1190px;
2216 margin: 24px 0 0 0;
2217 }
2218 .qcld-help-debug:before {
2219 content: '';
2220 position: absolute;
2221 background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2222 /* left: -15px; */
2223 width: 100%;
2224 height: 34px;
2225 z-index: 9999999;
2226 top: -7px;
2227 background-repeat: no-repeat;
2228 background-size: cover;
2229 }
2230 .card-header .wpbot_dashboard_header {
2231 background: #222222;
2232 }
2233 .card-header .wpbot_addons_section {
2234 background: #222222;
2235 }
2236
2237 .qcld-help-debug .wrap.swpm-admin-menu-wrap {
2238 background: #222222;
2239 padding: 20px 20px;
2240 border-radius: 6px;
2241 width: 100%;
2242 max-width: 1220px;
2243 }
2244 .qcld-help-debug .nav-tab-wrapper, .qcld-help-debug .wrap h2.nav-tab-wrapper, .qcld-help-debug h1.nav-tab-wrapper{
2245 border-bottom: 0px solid #c3c4c7;
2246 margin: 0;
2247 padding-top: 25px;
2248 padding-bottom: 0;
2249 line-height: inherit;
2250 }
2251
2252 @media (min-width: 1200px) {
2253 .qcld-help-debug .container {
2254 width: auto !important;
2255 }
2256 }
2257
2258 .qcld-help-debug .notice, .qcld-help-debug div.error, .qcld-help-debug div.updated {
2259 background: #1c1c1c;
2260 border: 1px solid #222222;
2261 border-left-width: 4px;
2262 box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
2263 margin: 5px 15px 2px;
2264 padding: 1px 12px;
2265 margin: 20px 0 0 0 !important;
2266 }
2267
2268
2269 header.wp-chatbot-admin-header h3 {
2270 color: #fff !important;
2271 }
2272 .qcbot-str-top-notic {
2273 max-width: 1170px;
2274 padding: 0 !IMPORTANT;
2275 margin: 20px 0 0 0;
2276 }
2277 #rotationloader.fa.fa-spinner {
2278 display: none;
2279 rotate: initial;
2280 -webkit-animation: rotation 2s infinite linear;
2281 }
2282 .btn-secondary {
2283 color: #fff;
2284 background-color: #6c757d;
2285 border-color: #6c757d;
2286 }
2287 .btn-dark {
2288 color: #fff;
2289 background-color: #343a40;
2290 border-color: #343a40;
2291 }
2292
2293 .qcbot_help_secion .panel.panel-default a.nav-tab.qcld-plan-tab-text {
2294 margin: 0 !important;
2295 padding: 0 !important;
2296 line-height: normal !important;
2297 float: none !important;
2298 }
2299 .qcbot_help_secion .panel.panel-default h3.wppt_nav_container.qcld-plan-tab-text {
2300 margin: 0 0 0 0;
2301 padding: 0 0 0 0;
2302 line-height: normal !important;
2303 }
2304 .qcbot_help_secion .panel.panel-default a.collapsed {
2305 display: inline-block;
2306 width: 100%;
2307 }
2308 .qcbot_help_secion .panel.panel-default h4.panel-title a {
2309 display: inline-block;
2310 width: 100%;
2311 outline: none !important;
2312 box-shadow: none !important;
2313 }
2314
2315 .wp-chatbot-wrap-outer {
2316 position: relative;
2317 }
2318 .wp-chatbot-wrap-outer:before {
2319 content: '';
2320 position: absolute;
2321 background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2322 left: 0px;
2323 width: 100%;
2324 height: 34px;
2325 z-index: 999;
2326 top: -7px;
2327 background-repeat: no-repeat;
2328 width: 1190px;
2329 }
2330
2331 section.wp-chatbot-tab-container-inner .block-inner .cxsc-settings-blocks {
2332 display: inline-flex !important;
2333 flex-direction: column;
2334 width: 100%;
2335 }
2336 section.wp-chatbot-tab-container-inner .cxsc-settings-blocks-style {
2337 display: flex !important;
2338 flex-wrap: nowrap;
2339 flex-direction: column;
2340 gap: 0;
2341 justify-content: center;
2342 }
2343 .qc-opt-dcs-font {
2344 font-size: 14px !important;
2345 padding: 5px 12px 0 12px;
2346 margin: 0 0 0 0;
2347 }
2348 div.mce-panel {
2349 border: 1px solid #dcdcde !important;
2350 }
2351 ul.radio-list-custom {
2352 width: 260px;
2353 }
2354 ul.radio-list-custom li {
2355 width: 49% !important;
2356 }
2357 .cxsc-settings-blocks ul.radio-list input[type=checkbox], .cxsc-settings-blocks ul.radio-list input[type=radio] {
2358 margin: 0!important;
2359 }
2360
2361
2362 .qcl-openai div#wp-chatbot-openai-help .card-body {
2363 border: 0 solid #21252900;
2364 }
2365
2366
2367 .wp-chatbot-wrap-outer .wpbot_single_content {
2368 display: flex;
2369 }
2370 .wp-chatbot-wrap-outer .wpbot_single_addon {
2371 width: 32%;
2372 margin-right: 1%;
2373 display: inline-block;
2374 margin-bottom: 14px;
2375 padding: 5px;
2376 border: 1px solid #eee;
2377 background: #fff;
2378 padding: 18px 8px;
2379 border-radius: 6px;
2380 }
2381
2382 body .qcbot-str-top-notic {
2383 max-width: initial !important;
2384 padding: 0 !important;
2385 margin: 20px 20px 0 0 !important;
2386 padding: 15px 15px 15px 0 !important;
2387 border: none !important;
2388 border-radius: 6px !important;
2389 box-shadow: 0px 4px 6px 1px #ebebeb !important;
2390 margin: 20px 20px 0 0 !important;
2391 }
2392
2393 .wrap {
2394 margin: 0 !important;
2395 }
2396
2397 body .wrap .qcbot-str-top-notic {
2398 margin: 20px 20px 20px 0 !important;
2399 }
2400
2401 .content-wrap form-group label {
2402 width: auto !important;
2403 display: inline-block;
2404 font-weight: bold;
2405 }
2406 .form-group label {
2407 width: auto !important;
2408 }
2409
2410 div#promotion-wpchatbot {
2411 max-width: inherit;
2412 margin-left: 0;
2413 border: none;
2414 margin: 12px 20px 20px 0;
2415 }
2416 div#promotion-wpchatbot a{
2417 display: block;
2418 }
2419 .qc-opt-dcs-font {
2420 padding: 10px 12px 10px 12px !important;
2421 font-weight: bold !important;
2422 }
2423
2424 .cxsc-settings-faq-blocks .qc-opt-dcs-font {
2425 padding: 5px 12px 10px 0 !important;
2426 }
2427
2428 .qcld-faq-block .cxsc-settings-blocks {
2429 background: #eee !important;
2430 padding: 22px 12px !important;
2431 border-radius: 6px !important;
2432 }
2433 .qcld-faq-block button.wp-chatbot-remove-support {
2434 position: absolute;
2435 right: 15px;
2436 }
2437 section#section-flip-2 .cxsc-settings-blocks .qc-opt-dcs-font {
2438 padding: 4px 6px 4px 6px !important;
2439 }