PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, AI Services / 6.3.6
WPBot – AI ChatBot for Live Support, Lead Generation, AI Services v6.3.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 8.5.0 8.4.9 All 531 releases
chatbot / css / admin-style.css

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

2,434 lines 56.0 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 36px;
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: 0 !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
1776
1777 .wp-chatbot-wrap .d-ib {
1778 display: inline-block;
1779 color: #fff;
1780 }
1781 .cxsc-settings-blocks-notic {
1782 background: #32373c;
1783 }
1784 .content.form-container.qcbot_help_secion {
1785 background: none;
1786 box-shadow: none;
1787 padding: 0 !important;
1788 }
1789 .qcbot_help_secion h3 {
1790 font-size: 16px;
1791 padding: 0 0 10px 0;
1792 }
1793 .qcbot_help_secion h2 {
1794 font-size: 26px;
1795 }
1796
1797 .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 {
1798 border-bottom: 1px solid #f0f0f1;
1799 background: #337ab7;
1800 color: #fff;
1801 text-decoration: none !important;
1802 }
1803 .wppt_nav_container a:focus, .wppt_nav_container a:hover {
1804 color: #23527c;
1805 text-decoration: none !important;
1806 }
1807 .notification-block-inner h2{
1808 margin-top: -25px;
1809 }
1810 .notification-block-inner .qc_menu_setup_area h2 {
1811 margin-top: 0;
1812 }
1813 .h2, h2 {
1814 font-size: 20px !important;
1815 font-weight: bold !important;
1816 }
1817
1818 .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 {
1819 color: #fff !important;
1820 cursor: default;
1821 background-color: #337ab7 !important;
1822 border: 1px solid #ddd;
1823 border-bottom-color: transparent;
1824 }
1825
1826 .plugin-icon {
1827 position: absolute;
1828 top: 20px;
1829 left: 20px;
1830 width: 90px;
1831 height: 90px;
1832 margin: 0 20px 20px 0;
1833 }
1834 .plugin-card {
1835 height: auto !important;
1836 }
1837 .plugin-card-top {
1838 position: relative;
1839 padding: 20px 20px 10px;
1840 min-height: 135px;
1841 display: flex;
1842 align-items: center;
1843 }
1844 #section-flip-5 .wp-chatbot-language-center-summmery {
1845 DISPLAY: NONE !important;
1846 }
1847 .wp-chatbot-wrap .d-ib i{
1848 color: #f0ad4e !important;
1849 }
1850 .cxsc-settings-blocks-notic p{
1851 margin: 0 !important;
1852 }
1853 .wrap.swpm-admin-menu-wrap {
1854 background: #32373c;
1855 padding: 10px 10px;
1856 border-radius: 6px;
1857 width: 100%;
1858 max-width: 1220px;
1859 }
1860 .wrap.swpm-admin-menu-wrap .container {
1861 padding-right: 0;
1862 padding-left: 0;
1863 }
1864
1865 .wrap.swpm-admin-menu-wrap .cxsc-settings-blocks-notic {
1866 border: none;
1867 }
1868
1869 .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 {
1870 border-bottom: none;
1871 }
1872
1873 .wrap.swpm-admin-menu-wrap .nav-tab {
1874 float: left;
1875 border: none;
1876 border-bottom: none;
1877 margin-left: 0.5em;
1878 padding: 10px 25px;
1879 font-size: 14px;
1880 line-height: 1.71428571;
1881 font-weight: 600;
1882 background: #fff;
1883 color: #222;
1884 border-radius: 6px;
1885 text-decoration: none;
1886 white-space: nowrap;
1887 }
1888
1889 .wrap.swpm-admin-menu-wrap .wppt_nav_container .nav-tab-active{
1890 border-bottom: none;
1891 background-color: #337ab7 !important;
1892 color: #fff;
1893 }
1894
1895 .content.form-container.qcbot_help_secion {
1896 border: 1px solid #4a4a4a;
1897 padding: 8px 20px !important;
1898 }
1899
1900 .wrap.swpm-admin-menu-wrap .qcbot_help_secion h2.wppt_nav_container.qcld-plan-tab-text .nav-tab {
1901 float: left;
1902 border: none;
1903 border-bottom: none;
1904 margin-left: 0;
1905 padding: 0 0;
1906 font-size: 14px;
1907 line-height: 10px;
1908 font-weight: 600;
1909 background: #fff;
1910 color: #222;
1911 border-radius: 6px;
1912 text-decoration: none;
1913 white-space: nowrap;
1914 }
1915
1916
1917 .qcl-openai .row > * {
1918 flex-shrink: 0;
1919 width: 100%;
1920 max-width: 1200px;
1921 padding-right: 0;
1922 padding-left: 0;
1923 }
1924 .card-header.bg-dark.text-white.py-sm-4.border-0 {
1925 padding: 0 20px !important;
1926 }
1927 .qcl-openai .card-body {
1928 border: 20px solid #212529;
1929 padding: 20px 20px !important;
1930 }
1931 .qcl-openai .p-sm-3 {
1932 padding: 0 !important;
1933 }
1934 .qcl-openai ul.nav.nav-tabs {
1935 margin: 8px 0 0 0;
1936 }
1937 .qcl-openai .card-header {
1938 background-color: #212529 !important;
1939 border-radius: 6px 6px 0 0 !important;
1940 }
1941
1942 .wrapTexttop {
1943 background: #464b50;
1944 padding: 8px 20px;
1945 }
1946 .wrapTexttop-lite {
1947 margin-bottom: 20px;
1948 padding: 15px;
1949 }
1950 div#promotion-wpchatbot {
1951 max-width: 1165px;
1952 margin-left: 0;
1953 }
1954 .notice.is-dismissible {
1955 max-width: 1165px;
1956 margin-left: 0;
1957 }
1958
1959 div#promotion-wpchatbot {
1960 background: #c13825 !important;
1961 padding: 0 !important;
1962 padding-right: 0 !important;
1963 }
1964 div#promotion-wpchatbot .notice-dismiss:before {
1965 color: #fff !important;
1966 }
1967
1968 .wrapTexttop-lite .alert {
1969 margin-bottom: 0;
1970 }
1971
1972
1973 .form-container {
1974 background-color: #2e2e2e;
1975 }
1976 .wp-chatbot-wrap form {
1977 width: 1170px !important;
1978 }
1979 .container.form-container {
1980 position: relative;
1981 }
1982 .container.form-container:before {
1983 content: '';
1984 position: absolute;
1985 background: url("../../chatbot/images/hud-left-dark.png") top left;
1986 left: -6px;
1987 width: 40px;
1988 height: 100%;
1989 z-index: 999;
1990 top: 0;
1991 background-repeat: repeat !important;
1992 }
1993 .container.form-container:after {
1994 content: '';
1995 position: absolute;
1996 background: url("../../chatbot/images/hud-righ-dark.png") top right;
1997 width: 41px;
1998 height: 100%;
1999 right: -22px;
2000 width: 28px;
2001 z-index: 999;
2002 top: 0;
2003 background-repeat: repeat !important;
2004 }
2005
2006
2007
2008 form#wp-chatbot-admin-form {
2009 position: relative;
2010 }
2011 form#wp-chatbot-admin-form:before {
2012 content: '';
2013 position: absolute;
2014 background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2015 /* left: -15px; */
2016 width: 100%;
2017 height: 34px;
2018 z-index: 999;
2019 top: -7px;
2020 background-repeat: no-repeat;
2021 }
2022
2023
2024 .wp-chatbot-wrap form {
2025 max-width: 1170px !important;
2026 width: 96% !important;
2027 }
2028 .container.form-container {
2029 position: relative;
2030 width: 100% !important;
2031 max-width: 1170px;
2032 }
2033 .qc-review-text img {
2034 max-width: 1170px;
2035 }
2036
2037
2038 path{stroke-dasharray:300;stroke-dashoffset:300;stroke:#c3a477;stroke-width:2px;-webkit-animation:draw ease-out infinite;animation:draw ease-out infinite}
2039 #l1{-webkit-animation-duration:3s;animation-duration:3s}
2040 #l2{-webkit-animation-duration:5.5s;animation-duration:5.5s}
2041 #l3{-webkit-animation-duration:2s;animation-duration:2s}
2042 #l4{-webkit-animation-duration:5.5s;animation-duration:5.5s}@-webkit-keyframes draw{50%{stroke-dashoffset:0}100%{stroke-dashoffset:-300}}@keyframes draw{50%{stroke-dashoffset:0}100%{stroke-dashoffset:-300}}
2043 .lineanimation{position:absolute;top:-64px;z-index:99999999;left:-10px;right:0;margin:0 auto;width:257px;max-width:257px;height:90px;overflow:hidden;bottom:0}
2044 .lineanimation svg{width:250px;height:95px}.lineanimation svg{width:250px;height:150px;overflow:hidden}.lineanimation path{stroke:#5e5e5e}
2045
2046
2047
2048
2049
2050
2051
2052
2053
2054 /* 09-11-2024 - CSS Updated*/
2055
2056 .wp-chatbot-wrap-outer .wp-chatbot-wrap {
2057 position: relative;
2058 max-width: 1170px;
2059 }
2060 .wp-chatbot-wrap-outer .wp-chatbot-wrap:before {
2061 content: '';
2062 position: absolute;
2063 background: url("../../chatbot/images/hud-left-dark.png") top left;
2064 left: -6px;
2065 width: 40px;
2066 height: 100%;
2067 z-index: 999;
2068 top: 0;
2069 background-repeat: repeat !important;
2070 }
2071 .wp-chatbot-wrap-outer .wp-chatbot-wrap:after {
2072 content: '';
2073 position: absolute;
2074 background: url("../../chatbot/images/hud-righ-dark.png") top right;
2075 width: 41px;
2076 height: 100%;
2077 right: -22px;
2078 width: 28px;
2079 z-index: 999;
2080 top: 0;
2081 background-repeat: repeat !important;
2082 }
2083 .card-header{
2084 position: relative;
2085 max-width: 1190px;
2086 }
2087 .card-header:before {
2088 content: '';
2089 position: absolute;
2090 background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2091 /* left: -15px; */
2092 width: 100%;
2093 height: 34px;
2094 z-index: 9999999;
2095 top: -7px;
2096 background-repeat: no-repeat;
2097 background-size: cover;
2098 }
2099 .card-header .wpbot_dashboard_header {
2100 background: #222222;
2101 }
2102 .card-header .wpbot_addons_section {
2103 background: #222222;
2104 }
2105
2106
2107
2108
2109
2110
2111
2112
2113
2114 /* 09-20-2024 - CSS Updated*/
2115
2116 .qcl-openai .card.admin-maxwith .wp-chatbot-wrap {
2117 position: relative;
2118 max-width: 1170px;
2119 }
2120 .qcl-openai .card.admin-maxwith:before {
2121 content: '';
2122 position: absolute;
2123 background: url("../../chatbot/images/hud-left-dark.png") top left;
2124 left: -15px;
2125 width: 40px;
2126 height: 100%;
2127 z-index: 999;
2128 top: 0;
2129 background-repeat: repeat !important;
2130 }
2131 .qcl-openai .card.admin-maxwith:after {
2132 content: '';
2133 position: absolute;
2134 background: url("../../chatbot/images/hud-righ-dark.png") top right;
2135 width: 41px;
2136 height: 100%;
2137 right: -15px;
2138 width: 28px;
2139 z-index: 999;
2140 top: 0;
2141 background-repeat: repeat !important;
2142 }
2143 .qcl-openai .wp-chatbot-wrap-outer .card-header.bg-dark{
2144 position: relative;
2145 max-width: 1190px;
2146 }
2147 .qcl-openai .wp-chatbot-wrap-outer .card-header.bg-dark:before {
2148 content: '';
2149 position: absolute;
2150 background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2151 /* left: -15px; */
2152 width: 100%;
2153 height: 34px;
2154 z-index: 9999999;
2155 top: -7px;
2156 background-repeat: no-repeat;
2157 background-size: cover;
2158 }
2159 .qcl-openai .wp-chatbot-wrap-outer .wpbot_dashboard_header {
2160 background: #222222;
2161 }
2162 .qcl-openai .wp-chatbot-wrap-outer .wpbot_addons_section {
2163 background: #222222;
2164 }
2165 .qcl-openai h4 {
2166 padding: 20px 20px 0 20px;
2167 }
2168 .qcl-openai .card-header.bg-dark.text-white.py-sm-4.border-0 {
2169 padding: 0 0 !important;
2170 }
2171 .qcl-openai .qcl-openai .card-body {
2172 border: 20px solid #222222;
2173 }
2174 .qcl-openai .card-header.bg-dark {
2175 background-color: #222222 !important;
2176 }
2177 .qcl-openai {
2178 margin: 20px 0 0 0;
2179 }
2180 .qcl-openai .accordion .card-header:before{
2181 content: none;
2182 position: relative;
2183 }
2184
2185
2186 /* 09-25-2024 - CSS Updated*/
2187
2188 .qcld-help-debug .wrap.swpm-admin-menu-wrap{
2189 position: relative;
2190 max-width: 1170px;
2191 }
2192 .qcld-help-debug .wrap.swpm-admin-menu-wrap:before {
2193 content: '';
2194 position: absolute;
2195 background: url("../../chatbot/images/hud-left-dark.png") top left;
2196 left: -6px;
2197 width: 40px;
2198 height: 100%;
2199 z-index: 999;
2200 top: 0;
2201 background-repeat: repeat !important;
2202 }
2203 .qcld-help-debug .wrap.swpm-admin-menu-wrap:after {
2204 content: '';
2205 position: absolute;
2206 background: url("../../chatbot/images/hud-righ-dark.png") top right;
2207 width: 41px;
2208 height: 100%;
2209 right: -22px;
2210 width: 28px;
2211 z-index: 999;
2212 top: 0;
2213 background-repeat: repeat !important;
2214 }
2215 .qcld-help-debug {
2216 position: relative;
2217 max-width: 1190px;
2218 margin: 24px 0 0 0;
2219 }
2220 .qcld-help-debug:before {
2221 content: '';
2222 position: absolute;
2223 background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2224 /* left: -15px; */
2225 width: 100%;
2226 height: 34px;
2227 z-index: 9999999;
2228 top: -7px;
2229 background-repeat: no-repeat;
2230 background-size: cover;
2231 }
2232 .card-header .wpbot_dashboard_header {
2233 background: #222222;
2234 }
2235 .card-header .wpbot_addons_section {
2236 background: #222222;
2237 }
2238
2239 .qcld-help-debug .wrap.swpm-admin-menu-wrap {
2240 background: #222222;
2241 padding: 20px 20px;
2242 border-radius: 6px;
2243 width: 100%;
2244 max-width: 1220px;
2245 }
2246 .qcld-help-debug .nav-tab-wrapper, .qcld-help-debug .wrap h2.nav-tab-wrapper, .qcld-help-debug h1.nav-tab-wrapper{
2247 border-bottom: 0px solid #c3c4c7;
2248 margin: 0;
2249 padding-top: 25px;
2250 padding-bottom: 0;
2251 line-height: inherit;
2252 }
2253
2254 @media (min-width: 1200px) {
2255 .qcld-help-debug .container {
2256 width: auto !important;
2257 }
2258 }
2259
2260 .qcld-help-debug .notice, .qcld-help-debug div.error, .qcld-help-debug div.updated {
2261 background: #1c1c1c;
2262 border: 1px solid #222222;
2263 border-left-width: 4px;
2264 box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
2265 margin: 5px 15px 2px;
2266 padding: 1px 12px;
2267 margin: 20px 0 0 0 !important;
2268 }
2269
2270
2271 header.wp-chatbot-admin-header h3 {
2272 color: #fff !important;
2273 }
2274 .qcbot-str-top-notic {
2275 max-width: 1170px;
2276 padding: 0 !IMPORTANT;
2277 margin: 20px 0 0 0;
2278 }
2279 #rotationloader.fa.fa-spinner {
2280 display: none;
2281 rotate: initial;
2282 -webkit-animation: rotation 2s infinite linear;
2283 }
2284 .btn-secondary {
2285 color: #fff;
2286 background-color: #6c757d;
2287 border-color: #6c757d;
2288 }
2289 .btn-dark {
2290 color: #fff;
2291 background-color: #343a40;
2292 border-color: #343a40;
2293 }
2294
2295 .qcbot_help_secion .panel.panel-default a.nav-tab.qcld-plan-tab-text {
2296 margin: 0 !important;
2297 padding: 0 !important;
2298 line-height: normal !important;
2299 float: none !important;
2300 }
2301 .qcbot_help_secion .panel.panel-default h3.wppt_nav_container.qcld-plan-tab-text {
2302 margin: 0 0 0 0;
2303 padding: 0 0 0 0;
2304 line-height: normal !important;
2305 }
2306 .qcbot_help_secion .panel.panel-default a.collapsed {
2307 display: inline-block;
2308 width: 100%;
2309 }
2310 .qcbot_help_secion .panel.panel-default h4.panel-title a {
2311 display: inline-block;
2312 width: 100%;
2313 outline: none !important;
2314 box-shadow: none !important;
2315 }
2316
2317 .wp-chatbot-wrap-outer {
2318 position: relative;
2319 }
2320 .wp-chatbot-wrap-outer:before {
2321 content: '';
2322 position: absolute;
2323 background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2324 left: 0px;
2325 width: 100%;
2326 height: 34px;
2327 z-index: 999;
2328 top: -7px;
2329 background-repeat: no-repeat;
2330 width: 1190px;
2331 }
2332
2333 section.wp-chatbot-tab-container-inner .block-inner .cxsc-settings-blocks {
2334 display: inline-flex !important;
2335 flex-direction: column;
2336 width: 100%;
2337 }
2338 section.wp-chatbot-tab-container-inner .cxsc-settings-blocks-style {
2339 display: flex !important;
2340 flex-wrap: nowrap;
2341 flex-direction: column;
2342 gap: 0;
2343 justify-content: center;
2344 }
2345 .qc-opt-dcs-font {
2346 font-size: 14px !important;
2347 padding: 5px 12px 0 12px;
2348 margin: 0 0 0 0;
2349 }
2350 div.mce-panel {
2351 border: 1px solid #dcdcde !important;
2352 }
2353 ul.radio-list-custom {
2354 width: 260px;
2355 }
2356 ul.radio-list-custom li {
2357 width: 49% !important;
2358 }
2359 .cxsc-settings-blocks ul.radio-list input[type=checkbox], .cxsc-settings-blocks ul.radio-list input[type=radio] {
2360 margin: 0!important;
2361 }
2362
2363
2364 .qcl-openai div#wp-chatbot-openai-help .card-body {
2365 border: 0 solid #21252900;
2366 }
2367
2368
2369 .wp-chatbot-wrap-outer .wpbot_single_content {
2370 display: flex;
2371 }
2372 .wp-chatbot-wrap-outer .wpbot_single_addon {
2373 width: 32%;
2374 margin-right: 1%;
2375 display: inline-block;
2376 margin-bottom: 14px;
2377 padding: 5px;
2378 border: 1px solid #eee;
2379 background: #fff;
2380 padding: 18px 8px;
2381 border-radius: 6px;
2382 }
2383
2384 body .qcbot-str-top-notic {
2385 max-width: initial !important;
2386 padding: 0 !important;
2387 margin: 20px 20px 0 0 !important;
2388 padding: 15px 15px 15px 0 !important;
2389 border: none !important;
2390 border-radius: 6px !important;
2391 box-shadow: 0px 4px 6px 1px #ebebeb !important;
2392 margin: 20px 20px 0 0 !important;
2393 }
2394
2395 .wrap {
2396 margin: 0 !important;
2397 }
2398
2399 body .wrap .qcbot-str-top-notic {
2400 margin: 20px 20px 20px 0 !important;
2401 }
2402
2403 .content-wrap form-group label {
2404 width: auto !important;
2405 display: inline-block;
2406 font-weight: bold;
2407 }
2408 .form-group label {
2409 width: auto !important;
2410 }
2411
2412 div#promotion-wpchatbot {
2413 max-width: inherit;
2414 margin-left: 0;
2415 border: none;
2416 margin: 12px 20px 20px 0;
2417 }
2418 div#promotion-wpchatbot a{
2419 display: block;
2420 }
2421 .qc-opt-dcs-font {
2422 padding: 5px 12px 10px 0 !important;
2423 font-weight: bold !important;
2424 }
2425
2426 .qcld-faq-block .cxsc-settings-blocks {
2427 background: #eee !important;
2428 padding: 22px 12px !important;
2429 border-radius: 6px !important;
2430 }
2431 .qcld-faq-block button.wp-chatbot-remove-support {
2432 position: absolute;
2433 right: 15px;
2434 }