PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, AI Services / 6.7.7
WPBot – AI ChatBot for Live Support, Lead Generation, AI Services v6.7.7
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.7.7, at css/admin-style.css

2,625 lines 59.7 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 background: #f0f0f1;
1347 cursor: pointer;
1348 outline: none;
1349 }
1350 .qcl-openai .nav>li>a:hover {
1351 color: #fff;
1352 cursor: default;
1353 background-color: #212529;
1354 cursor: pointer;
1355 }
1356 .qcl-openai .nav-tabs>li.active>a:focus{
1357 border: none;
1358 box-shadow: none;
1359 }
1360 .qcl-openai .card-header a{
1361 outline: none;
1362 }
1363 .qcl-openai ul.nav.nav-tabs {
1364 margin: 8px 0 0 18px;
1365 }
1366 .qcl-openai a:focus {
1367 outline: 0 !important;
1368 outline-offset: 0 !important;
1369 }
1370 .qcl-openai .nav-tabs>li.active>a, .qcl-openai .nav-tabs>li.active>a:focus, .qcl-openai .nav-tabs>li.active>a:hover {
1371 color: #fff;
1372 cursor: default;
1373 background-color: #212529;
1374 border: 1px solid #ddd;
1375 border-bottom-color: transparent;
1376 }
1377 .qcl-openai .accordion .card-header {
1378 background-color: #212529 !important;
1379 color: #fff !important;
1380 }
1381 .qcl-openai .accordion .card-header button{
1382
1383 color: #fff !important;
1384 }
1385 .qcl-openai .tab-content {
1386 padding: 0 0 20px 0;
1387 }
1388 .qcl-openai .table>tbody>tr>td, .qcl-openai .table>tbody>tr>th, .qcl-openai .table>tfoot>tr>td, .qcl-openai .table>tfoot>tr>th, .qcl-openai .table>thead>tr>td, .qcl-openai .table>thead>tr>th {
1389 padding: 8px;
1390 line-height: 1.42857143;
1391 vertical-align: middle;
1392 border-top: 1px solid #ddd;
1393 }
1394 .qcl-openai h4 {
1395 margin-top: 20px;
1396 margin-bottom: 0;
1397 }
1398
1399 .qcl-openai .accordion .card-header button {
1400 width: 100% !important;
1401 text-align: justify !important;
1402 padding: 15px 10px !important;
1403 }
1404 .qcl-openai .card-header {
1405 padding: 0 !important;
1406 }
1407
1408
1409
1410 .qcl-openai .form-switch input[type=checkbox] {
1411 height: 25px;
1412 width: 25px;
1413
1414 }
1415 .qcl-openai .form-switch input[type=checkbox]{
1416 height: 15px;
1417 width: 25px;
1418
1419 }
1420 .qcl-openai input[type=checkbox] + label {
1421 margin: 0;
1422 }
1423 .qcl-openai div#wp-chatbot-post-converter {
1424 min-height: auto;
1425 }
1426 .qcl-openai .my0-py25 {
1427 margin-top: 0 !important;
1428 margin-bottom: 0 !important;
1429 padding: 25px 0;
1430 }
1431
1432 .qcl-openai .form-check-inline {
1433 margin-bottom: 15px !important;
1434 }
1435 .qcl-openai form {
1436 width: auto !important;
1437 }
1438
1439 .qcl-openai .form-check-inline {
1440 padding-left: 15px !important;
1441 }
1442
1443
1444
1445
1446 #wp-chatbot-post-converter .form-check-inline input[type=checkbox]:checked::before {
1447 height: 24px !important;
1448 width: 24px !important;
1449 }
1450 #wp-chatbot-post-converter .form-check-inline input[type=checkbox], #wp-chatbot-post-converter .form-check-inline input[type=radio] {
1451 height: 24px;
1452 width: 24px;
1453 min-width: 24px;
1454 }
1455 #wp-chatbot-post-converter input[type=checkbox]:focus{
1456 outline: 0px auto -webkit-focus-ring-color !important;
1457 outline-offset: 0px !important;
1458 }
1459
1460
1461
1462 .qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con {
1463 padding: 15px 15px 15px 0px;
1464 min-width: 15%;
1465 display: inline-block;
1466 }
1467
1468 .qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con label{
1469 display: block;
1470 }
1471
1472 .qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con input[type=url],
1473 .qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con input[type=text]{
1474 width:100%;
1475 }
1476
1477 .qcld-seohelp_ai_wrap {
1478 padding: 15px;
1479 }
1480
1481
1482 .qcld-seohelp ul.nav-tab-wrapper {
1483 padding-left: 0px;
1484 margin-top: 0;
1485 }
1486
1487 .qcld-seo-help .nav-tab-wrapper a.nav-tab{
1488 background: #fff;
1489 color: #50575e;
1490 }
1491 .qcld-seo-help .nav-tab-wrapper .ui-tabs-active a{
1492 background: #6c757d;
1493 outline: none;
1494 color: #fff;
1495 }
1496
1497 .qcld-seohelp.qcld-seohelp_ai_wrap .form-group label {
1498 display: inline-block;
1499 min-width: 35%;
1500 max-width: 35%;
1501 }
1502
1503 .qcld_seo_lang_text {
1504 width: 50%;
1505 }
1506
1507 .text-center{
1508 text-align: center;
1509 }
1510 .qcld_seo_generator_button .spinner{
1511 display: none;
1512 }
1513 .button.qcld_seo_generator_stop{
1514 display: none;
1515 }
1516 .qcld_seo-alert{
1517 border: 1px solid #ccc;
1518 padding: 10px;
1519 margin-top: 10px;
1520 border-radius: 5px;
1521 background: #fff;
1522 }
1523 .qcld_seo-alert h4{
1524 font-size: 20px;
1525 margin-top: 0;
1526 margin-bottom: 10px;
1527 color: #f00;
1528 }
1529 .qcld_seo-alert code{
1530 margin-bottom: 5px;
1531 display: inline-block;
1532 border-radius: 4px;
1533 }
1534 .qcld_seo-alert p{
1535 margin: 2px 0;
1536 }
1537 .qcld_seo-alert-form{
1538 margin-bottom: 10px;
1539 }
1540 .qcld_seo-alert-form p{
1541 color: #f00;
1542 font-size: 16px;
1543 font-weight: bold;
1544 }
1545
1546 .qcld_image_grid{
1547 display: flex;
1548 flex-wrap: wrap;
1549 flex-direction: row;
1550 }
1551
1552 .qcld_image-grid_wrap{
1553 position: relative;
1554 padding: 0px 0px;
1555 margin: 5px 5px;
1556 width: 32%;
1557 overflow: hidden;
1558 }
1559 .qcld-plan-tab-text{
1560 border: none;
1561 background: none !important;
1562 display: inline-block;
1563 padding: 0;
1564 margin: 0;
1565 line-height: 0.6;
1566 font-size: 15px;
1567 }
1568 .qcld_image-grid_wrap .qcld_image-item{
1569 padding: 0px 0px;
1570 margin: 0px 0px !important;
1571 width: 100%;
1572 }
1573
1574 .qcld_image-grid_wrap .qcld_seo_download{
1575 opacity: 0;
1576 transition: opacity .3s;
1577 position: absolute;
1578 top: 0;
1579 right: 0;
1580 bottom: 0;
1581 left: 0;
1582 cursor: pointer;
1583 background: rgba(0,0,0,.65);
1584 color: #eee;
1585 text-align: center;
1586 font-size: 14px;
1587 line-height: 1;
1588 display: flex;
1589 justify-content: center;
1590 align-items: center;
1591 flex-direction: column;
1592 }
1593
1594 .qcld_image-grid_wrap.uploading .qcld_seo_download,
1595 .qcld_image-grid_wrap:hover .qcld_seo_download{
1596 opacity: 1;
1597 transition: ease 0.3s all;
1598 }
1599
1600 .qcld_image-grid_wrap .qcld_seo_download img {
1601 height: 40px;
1602 opacity: .7;
1603 }
1604
1605 .qcld_seo-bulk-addition {
1606 padding: 10px;
1607 background: #e3e3e3;
1608 border-radius: 5px;
1609 border: 1px solid #ccc;
1610 margin-left: 16px;
1611 margin-bottom: 20px;
1612 display: none;
1613 max-width: 50%;
1614 }
1615
1616 .qcld_seo-grid-three {
1617 display: grid;
1618 grid-template-columns: repeat(3,1fr);
1619 grid-column-gap: 20px;
1620 grid-row-gap: 20px;
1621 grid-template-rows: auto auto;
1622 }
1623 .qcld-seohelp-input-field label.form-check-label.form-check-label {
1624 margin: 0 0 0 20px;
1625 position: relative;
1626 cursor: pointer;
1627 font-size: 12px;
1628 float: left;
1629 width: inherit !important;
1630 }
1631 .qcld-seohelp-input-field label.form-check-label.form-check-label:before {
1632 content: ' ';
1633 position: absolute;
1634 left: -35px;
1635 top: -3px;
1636 width: 25px;
1637 height: 25px;
1638 display: block;
1639 background: white;
1640 border: 1px solid #A9A9A9;
1641 }
1642
1643 /* .qcld-seohelp-input-field input#qcld_article_heading_img {
1644 width: 2em;
1645 margin-left: -2.5em;
1646 background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e) !important;
1647 background-position: left center;
1648 border-radius: 2em;
1649 transition: background-position 0.15s ease-in-out;
1650 } */
1651
1652 .qcld-seohelp-input-field input[type=checkbox] + label::after {
1653 content: ' ';
1654 position: absolute;
1655 left: -35px;
1656 top: -3px;
1657 width: 23px;
1658 height: 23px;
1659 display: block;
1660 z-index: 1;
1661 background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE4MS4yIDI3MyAxNyAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxODEuMiAyNzMgMTcgMTYiPjxwYXRoIGQ9Ik0tMzA2LjMgNTEuMmwtMTEzLTExM2MtOC42LTguNi0yNC04LjYtMzQuMyAwbC01MDYuOSA1MDYuOS0yMTIuNC0yMTIuNGMtOC42LTguNi0yNC04LjYtMzQuMyAwbC0xMTMgMTEzYy04LjYgOC42LTguNiAyNCAwIDM0LjNsMjMxLjIgMjMxLjIgMTEzIDExM2M4LjYgOC42IDI0IDguNiAzNC4zIDBsMTEzLTExMyA1MjQtNTI0YzctMTAuMyA3LTI1LjctMS42LTM2eiIvPjxwYXRoIGZpbGw9IiMzNzM3MzciIGQ9Ik0xOTcuNiAyNzcuMmwtMS42LTEuNmMtLjEtLjEtLjMtLjEtLjUgMGwtNy40IDcuNC0zLjEtMy4xYy0uMS0uMS0uMy0uMS0uNSAwbC0xLjYgMS42Yy0uMS4xLS4xLjMgMCAuNWwzLjMgMy4zIDEuNiAxLjZjLjEuMS4zLjEuNSAwbDEuNi0xLjYgNy42LTcuNmMuMy0uMS4zLS4zLjEtLjV6Ii8+PHBhdGggZD0iTTExODcuMSAxNDMuN2wtNTYuNS01Ni41Yy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTI1My41IDI1My41LTEwNi4yLTEwNi4yYy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTU2LjUgNTYuNWMtNS4xIDUuMS01LjEgMTIgMCAxNy4xbDExNC43IDExNC43IDU2LjUgNTYuNWM1LjEgNS4xIDEyIDUuMSAxNy4xIDBsNTYuNS01Ni41IDI2Mi0yNjJjNS4yLTMuNCA1LjItMTIgLjEtMTcuMXpNMTYzNC4xIDE2OS40bC0zNy43LTM3LjdjLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0xNjkuNSAxNjkuNS03MC4yLTcxLjljLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0zNy43IDM3LjdjLTMuNCAzLjQtMy40IDguNiAwIDEybDc3LjEgNzcuMSAzNy43IDM3LjdjMy40IDMuNCA4LjYgMy40IDEyIDBsMzcuNy0zNy43IDE3NC43LTE3Ni40YzEuNi0xLjcgMS42LTYuOS0uMS0xMC4zeiIvPjwvc3ZnPg==) no-repeat center center;
1662 -ms-transition: all .2s ease;
1663 -webkit-transition: all .2s ease;
1664 transition: all .3s ease;
1665 -ms-transform: scale(0);
1666 -webkit-transform: scale(0);
1667 transform: scale(0);
1668 opacity: 0;
1669 }
1670 .qcld-seohelp-input-field input[type=checkbox]:checked + label::after {
1671 -ms-transform: scale(1);
1672 -webkit-transform: scale(1);
1673 transform: scale(1);
1674 opacity: 1;
1675 }
1676 .qcld-seohelp .btn-info.spinning,
1677 .qc_seo_linkcheck.spinning,
1678 #qcld_article_keyword_suggestion.spinning {
1679 background-color: #212121;
1680 padding-right: 40px;
1681 position: relative;
1682 }
1683 .qcld-seohelp textarea#qcld_content_result_msg {
1684 height: 20rem;
1685 }
1686
1687 .qcld_seo-single-content-form{
1688 width: 100% !important;
1689 }
1690 .qcld-seohelp .btn-info.spinning:after,
1691 #qcld_article_keyword_suggestion.spinning:after,
1692 #qcld_article_keyword_suggestion.spinning:after {
1693 content: '';
1694 right: 6px;
1695 top: 50%;
1696 width: 0;
1697 height: 0;
1698 box-shadow: 0px 0px 0 1px transparent;
1699 position: absolute;
1700 border-radius: 50%;
1701 -webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
1702 animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
1703 }
1704 .qcld-seohelp .btn-info.spinning:before,
1705 #qcld_article_keyword_suggestion.spinning:before,
1706 #qcld_article_keyword_suggestion.spinning:before {
1707 content: "";
1708 width: 0px;
1709 height: 0px;
1710 border-radius: 50%;
1711 right: 0px;
1712 top: 50%;
1713 position: absolute;
1714 border: 2px solid #fff;
1715 border-right: 3px solid #27ae60;
1716 -webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
1717 animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
1718 }
1719 @-webkit-keyframes rotate360 {
1720 100% {
1721 -webkit-transform: rotate(360deg);
1722 transform: rotate(360deg);
1723 }
1724 }
1725 @keyframes rotate360 {
1726 100% {
1727 -webkit-transform: rotate(360deg);
1728 transform: rotate(360deg);
1729 }
1730 }
1731 @-webkit-keyframes exist {
1732 100% {
1733 width: 15px;
1734 height: 15px;
1735 margin: -8px 5px 0 0;
1736 }
1737 }
1738 @keyframes exist {
1739 100% {
1740 width: 15px;
1741 height: 15px;
1742 margin: -8px 5px 0 0;
1743 }
1744 }
1745 .qcld-seohelp input[type=checkbox] {
1746 opacity: 0;
1747 float: left;
1748 }
1749
1750 ul.checkbox-list {
1751 margin: 18px 0 0 0;
1752 }
1753
1754 ul.checkbox-list li {
1755 display: inline-block;
1756 padding: 0 8px;
1757 }
1758 ul.checkbox-list li label {
1759 font-weight: normal !important;
1760 font-size: 14px !important;
1761 }
1762
1763 ul.checkbox-list li input[type=checkbox] + label::before {
1764 content: ' ';
1765 position: absolute;
1766 left: -28px !important;
1767 top: 0 !important;
1768 width: 20px !important;
1769 height: 20px !important;
1770 display: block;
1771 background: white;
1772 border: 1px solid #A9A9A9;
1773 }
1774
1775 ul.checkbox-list li input[type=checkbox] + label::after {
1776 left: -26px !important;
1777 top: 1px !important;
1778 width: 16px !important;
1779 height: 16px !important;
1780
1781 }
1782 .cxsc-settings-blocks-addon {
1783 width: 100% !important;
1784 }
1785 .plugin-card {
1786 width: 100% !important;
1787 }
1788 .wp-chatbot-wrap .d-ib {
1789 display: inline-block;
1790 color: #fff;
1791 }
1792 .cxsc-settings-blocks-notic {
1793 background: #32373c;
1794 }
1795 .content.form-container.qcbot_help_secion {
1796 background: none;
1797 box-shadow: none;
1798 padding: 0 !important;
1799 }
1800 .qcbot_help_secion h3 {
1801 font-size: 16px;
1802 padding: 0 0 10px 0;
1803 }
1804 .qcbot_help_secion h2 {
1805 font-size: 26px;
1806 }
1807
1808 .wppt_nav_container .nav-tab-active, .wppt_nav_container .nav-tab-active:focus, .wppt_nav_container .nav-tab-active:focus:active, .wppt_nav_container .nav-tab-active:hover {
1809 border-bottom: 1px solid #f0f0f1;
1810 background: #337ab7;
1811 color: #fff;
1812 text-decoration: none !important;
1813 }
1814 .wppt_nav_container a:focus, .wppt_nav_container a:hover {
1815 color: #23527c;
1816 text-decoration: none !important;
1817 }
1818 .notification-block-inner h2{
1819 margin-top: -25px;
1820 }
1821 .notification-block-inner .qc_menu_setup_area h2 {
1822 margin-top: 0;
1823 }
1824 .h2, h2 {
1825 font-size: 20px !important;
1826 font-weight: bold !important;
1827 }
1828
1829 .wp-chatbot-tab-container-inner .nav-tabs>li.active>a, .wp-chatbot-tab-container-inner .nav-tabs>li.active>a:focus, .wp-chatbot-tab-container-inner .nav-tabs>li.active>a:hover {
1830 color: #fff !important;
1831 cursor: default;
1832 background-color: #337ab7 !important;
1833 border: 1px solid #ddd;
1834 border-bottom-color: transparent;
1835 }
1836
1837 .plugin-icon {
1838 position: absolute;
1839 top: 20px;
1840 left: 20px;
1841 width: 90px;
1842 height: 90px;
1843 margin: 0 20px 20px 0;
1844 }
1845 .plugin-card {
1846 height: auto !important;
1847 }
1848 .plugin-card-top {
1849 position: relative;
1850 padding: 20px 20px 10px;
1851 min-height: 135px;
1852 display: flex;
1853 align-items: center;
1854 }
1855 #section-flip-5 .wp-chatbot-language-center-summmery {
1856 DISPLAY: NONE !important;
1857 }
1858 .wp-chatbot-wrap .d-ib i{
1859 color: #f0ad4e !important;
1860 }
1861 .cxsc-settings-blocks-notic p{
1862 margin: 0 !important;
1863 }
1864 .wrap.swpm-admin-menu-wrap {
1865 background: #32373c;
1866 padding: 10px 10px;
1867 border-radius: 6px;
1868 width: 100%;
1869 max-width: 1220px;
1870 }
1871 .wrap.swpm-admin-menu-wrap .container {
1872 padding-right: 0;
1873 padding-left: 0;
1874 }
1875
1876 .wrap.swpm-admin-menu-wrap .cxsc-settings-blocks-notic {
1877 border: none;
1878 }
1879
1880 .wrap.swpm-admin-menu-wrap .nav-tab-wrapper, .wrap.swpm-admin-menu-wrap .wrap h2.nav-tab-wrapper, .wrap.swpm-admin-menu-wrap h1.nav-tab-wrapper {
1881 border-bottom: none;
1882 }
1883
1884 .wrap.swpm-admin-menu-wrap .nav-tab {
1885 float: left;
1886 border: none;
1887 border-bottom: none;
1888 margin-left: 0.5em;
1889 padding: 10px 25px;
1890 font-size: 14px;
1891 line-height: 1.71428571;
1892 font-weight: 600;
1893 background: #fff;
1894 color: #222;
1895 border-radius: 6px;
1896 text-decoration: none;
1897 white-space: nowrap;
1898 }
1899
1900 .wrap.swpm-admin-menu-wrap .wppt_nav_container .nav-tab-active{
1901 border-bottom: none;
1902 background-color: #337ab7 !important;
1903 color: #fff;
1904 }
1905
1906 .content.form-container.qcbot_help_secion {
1907 border: 1px solid #4a4a4a;
1908 padding: 8px 20px !important;
1909 }
1910
1911 .wrap.swpm-admin-menu-wrap .qcbot_help_secion h2.wppt_nav_container.qcld-plan-tab-text .nav-tab {
1912 float: left;
1913 border: none;
1914 border-bottom: none;
1915 margin-left: 0;
1916 padding: 0 0;
1917 font-size: 14px;
1918 line-height: 10px;
1919 font-weight: 600;
1920 background: #fff;
1921 color: #222;
1922 border-radius: 6px;
1923 text-decoration: none;
1924 white-space: nowrap;
1925 }
1926
1927
1928 .qcl-openai .row > * {
1929 flex-shrink: 0;
1930 width: 100%;
1931 max-width: 1200px;
1932 padding-right: 0;
1933 padding-left: 0;
1934 }
1935 .card-header.bg-dark.text-white.py-sm-4.border-0 {
1936 padding: 0 20px !important;
1937 }
1938 .qcl-openai .card-body {
1939 border: 20px solid #212529;
1940 padding: 20px 20px !important;
1941 }
1942 .qcl-openai .p-sm-3 {
1943 padding: 0 !important;
1944 }
1945 .qcl-openai ul.nav.nav-tabs {
1946 margin: 8px 0 0 0;
1947 }
1948 .qcl-openai .card-header {
1949 background-color: #212529 !important;
1950 border-radius: 6px 6px 0 0 !important;
1951 }
1952
1953 .wrapTexttop {
1954 background: #1a1a1a;
1955 padding: 8px 20px;
1956 border-radius: 8px;
1957 }
1958 .wrapTexttop-lite {
1959 margin-bottom: 20px;
1960 padding: 15px;
1961 }
1962 div#promotion-wpchatbot {
1963 max-width: 1165px;
1964 margin-left: 0;
1965 }
1966 .notice.is-dismissible {
1967 max-width: 1165px;
1968 margin-left: 0;
1969 }
1970
1971 div#promotion-wpchatbot {
1972 background: #c13825 !important;
1973 padding: 0 !important;
1974 padding-right: 0 !important;
1975 }
1976 div#promotion-wpchatbot .notice-dismiss:before {
1977 color: #fff !important;
1978 }
1979
1980 .wrapTexttop-lite .alert {
1981 margin-bottom: 0;
1982 }
1983
1984
1985 .form-container {
1986 background-color: #2e2e2e;
1987 }
1988 .wp-chatbot-wrap form {
1989 width: 1170px !important;
1990 }
1991 .container.form-container {
1992 position: relative;
1993 }
1994 .container.form-container:before {
1995 content: '';
1996 position: absolute;
1997 background: url("../../chatbot/images/hud-left-dark.png") top left;
1998 left: -6px;
1999 width: 40px;
2000 height: 100%;
2001 z-index: 999;
2002 top: 0;
2003 background-repeat: repeat !important;
2004 }
2005 .container.form-container:after {
2006 content: '';
2007 position: absolute;
2008 background: url("../../chatbot/images/hud-righ-dark.png") top right;
2009 width: 41px;
2010 height: 100%;
2011 right: -22px;
2012 width: 28px;
2013 z-index: 0;
2014 top: 0;
2015 background-repeat: repeat !important;
2016 }
2017
2018
2019
2020 form#wp-chatbot-admin-form {
2021 position: relative;
2022 }
2023 form#wp-chatbot-admin-form:before {
2024 content: '';
2025 position: absolute;
2026 background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2027 /* left: -15px; */
2028 width: 100%;
2029 height: 34px;
2030 z-index: 999;
2031 top: -7px;
2032 background-repeat: no-repeat;
2033 }
2034
2035
2036 .wp-chatbot-wrap form {
2037 max-width: 1170px !important;
2038 width: 96% !important;
2039 margin-top: 32px;
2040 }
2041 .container.form-container {
2042 position: relative;
2043 width: 100% !important;
2044 max-width: 1170px;
2045 }
2046 .qc-review-text img {
2047 max-width: 1170px;
2048 }
2049
2050
2051 path{stroke-dasharray:300;stroke-dashoffset:300;stroke:#c3a477;stroke-width:2px;-webkit-animation:draw ease-out infinite;animation:draw ease-out infinite}
2052 #l1{-webkit-animation-duration:3s;animation-duration:3s}
2053 #l2{-webkit-animation-duration:5.5s;animation-duration:5.5s}
2054 #l3{-webkit-animation-duration:2s;animation-duration:2s}
2055 #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}}
2056 .lineanimation{position:absolute;top:-64px;z-index:999;left:-10px;right:0;margin:0 auto;width:257px;max-width:257px;height:90px;overflow:hidden;bottom:0}
2057 .lineanimation svg{width:250px;height:95px}.lineanimation svg{width:250px;height:150px;overflow:hidden}.lineanimation path{stroke:#5e5e5e}
2058
2059
2060
2061
2062
2063
2064
2065
2066
2067 /* 09-11-2024 - CSS Updated*/
2068
2069 .wp-chatbot-wrap-outer .wp-chatbot-wrap {
2070 position: relative;
2071 max-width: 1170px;
2072 }
2073 .wp-chatbot-wrap-outer .wp-chatbot-wrap:before {
2074 content: '';
2075 position: absolute;
2076 background: url("../../chatbot/images/hud-left-dark.png") top left;
2077 left: -6px;
2078 width: 40px;
2079 height: 100%;
2080 z-index: 999;
2081 top: 0;
2082 background-repeat: repeat !important;
2083 }
2084 .wp-chatbot-wrap-outer .wp-chatbot-wrap:after {
2085 content: '';
2086 position: absolute;
2087 background: url("../../chatbot/images/hud-righ-dark.png") top right;
2088 width: 41px;
2089 height: 100%;
2090 right: -22px;
2091 width: 28px;
2092 z-index: 999;
2093 top: 0;
2094 background-repeat: repeat !important;
2095 }
2096 .card-header{
2097 position: relative;
2098 max-width: 1190px;
2099 }
2100 .card-header:before {
2101 content: '';
2102 position: absolute;
2103 background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2104 /* left: -15px; */
2105 width: 100%;
2106 height: 34px;
2107 z-index: 999;
2108 top: -7px;
2109 background-repeat: no-repeat;
2110 background-size: cover;
2111 }
2112 .card-header .wpbot_dashboard_header {
2113 background: #222222;
2114 }
2115 .card-header .wpbot_addons_section {
2116 background: #222222;
2117 }
2118
2119
2120
2121
2122
2123
2124
2125
2126
2127 /* 09-20-2024 - CSS Updated*/
2128
2129 .qcl-openai .card.admin-maxwith .wp-chatbot-wrap {
2130 position: relative;
2131 max-width: 1170px;
2132 }
2133 .qcl-openai .card.admin-maxwith:before {
2134 content: '';
2135 position: absolute;
2136 background: url("../../chatbot/images/hud-left-dark.png") top left;
2137 left: -15px;
2138 width: 40px;
2139 height: 100%;
2140 z-index: 999;
2141 top: 0;
2142 background-repeat: repeat !important;
2143 }
2144 .qcl-openai .card.admin-maxwith:after {
2145 content: '';
2146 position: absolute;
2147 background: url("../../chatbot/images/hud-righ-dark.png") top right;
2148 width: 41px;
2149 height: 100%;
2150 right: -15px;
2151 width: 28px;
2152 z-index: 999;
2153 top: 0;
2154 background-repeat: repeat !important;
2155 }
2156 .qcl-openai .wp-chatbot-wrap-outer .card-header.bg-dark{
2157 position: relative;
2158 max-width: 1190px;
2159 }
2160 .qcl-openai .wp-chatbot-wrap-outer .card-header.bg-dark:before {
2161 content: '';
2162 position: absolute;
2163 background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2164 /* left: -15px; */
2165 width: 100%;
2166 height: 34px;
2167 z-index: 9999999;
2168 top: -7px;
2169 background-repeat: no-repeat;
2170 background-size: cover;
2171 }
2172 .qcl-openai .wp-chatbot-wrap-outer .wpbot_dashboard_header {
2173 background: #222222;
2174 }
2175 .qcl-openai .wp-chatbot-wrap-outer .wpbot_addons_section {
2176 background: #222222;
2177 }
2178 .qcl-openai h4 {
2179 padding: 20px 20px 0 20px;
2180 }
2181 .qcl-openai .card-header.bg-dark.text-white.py-sm-4.border-0 {
2182 padding: 0 0 !important;
2183 }
2184 .qcl-openai .qcl-openai .card-body {
2185 border: 20px solid #222222;
2186 }
2187 .qcl-openai .card-header.bg-dark {
2188 background-color: #222222 !important;
2189 }
2190 .qcl-openai {
2191 margin: 20px 0 0 0;
2192 }
2193 .qcl-openai .accordion .card-header:before{
2194 content: none;
2195 position: relative;
2196 }
2197
2198
2199 /* 09-25-2024 - CSS Updated*/
2200
2201 .qcld-help-debug .wrap.swpm-admin-menu-wrap{
2202 position: relative;
2203 max-width: 1170px;
2204 }
2205 .qcld-help-debug .wrap.swpm-admin-menu-wrap:before {
2206 content: '';
2207 position: absolute;
2208 background: url("../../chatbot/images/hud-left-dark.png") top left;
2209 left: -6px;
2210 width: 40px;
2211 height: 100%;
2212 z-index: 999;
2213 top: 0;
2214 background-repeat: repeat !important;
2215 }
2216 .qcld-help-debug .wrap.swpm-admin-menu-wrap:after {
2217 content: '';
2218 position: absolute;
2219 background: url("../../chatbot/images/hud-righ-dark.png") top right;
2220 width: 41px;
2221 height: 100%;
2222 right: -22px;
2223 width: 28px;
2224 z-index: 999;
2225 top: 0;
2226 background-repeat: repeat !important;
2227 }
2228 .qcld-help-debug {
2229 position: relative;
2230 max-width: 1190px;
2231 margin: 24px 0 0 0;
2232 }
2233 .qcld-help-debug:before {
2234 content: '';
2235 position: absolute;
2236 background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2237 /* left: -15px; */
2238 width: 100%;
2239 height: 34px;
2240 z-index: 9999999;
2241 top: -7px;
2242 background-repeat: no-repeat;
2243 background-size: cover;
2244 }
2245 .card-header .wpbot_dashboard_header {
2246 background: #222222;
2247 }
2248 .card-header .wpbot_addons_section {
2249 background: #222222;
2250 }
2251
2252 .qcld-help-debug .wrap.swpm-admin-menu-wrap {
2253 background: #222222;
2254 padding: 20px 20px;
2255 border-radius: 6px;
2256 width: 100%;
2257 max-width: 1220px;
2258 }
2259 .qcld-help-debug .nav-tab-wrapper, .qcld-help-debug .wrap h2.nav-tab-wrapper, .qcld-help-debug h1.nav-tab-wrapper{
2260 border-bottom: 0px solid #c3c4c7;
2261 margin: 0;
2262 padding-top: 25px;
2263 padding-bottom: 0;
2264 line-height: inherit;
2265 }
2266
2267 @media (min-width: 1200px) {
2268 .qcld-help-debug .container {
2269 width: auto !important;
2270 }
2271 }
2272
2273 .qcld-help-debug .notice, .qcld-help-debug div.error, .qcld-help-debug div.updated {
2274 background: #1c1c1c;
2275 border: 1px solid #222222;
2276 border-left-width: 4px;
2277 box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
2278 margin: 5px 15px 2px;
2279 padding: 1px 12px;
2280 margin: 20px 0 0 0 !important;
2281 }
2282
2283
2284 header.wp-chatbot-admin-header h3 {
2285 color: #fff !important;
2286 }
2287 .qcbot-str-top-notic {
2288 max-width: 1170px;
2289 padding: 0 !IMPORTANT;
2290 margin: 20px 0 0 0;
2291 }
2292 #rotationloader.fa.fa-spinner {
2293 display: none;
2294 rotate: initial;
2295 -webkit-animation: rotation 2s infinite linear;
2296 }
2297 .btn-secondary {
2298 color: #fff;
2299 background-color: #6c757d;
2300 border-color: #6c757d;
2301 }
2302 .btn-dark {
2303 color: #fff;
2304 background-color: #343a40;
2305 border-color: #343a40;
2306 }
2307
2308 .qcbot_help_secion .panel.panel-default a.nav-tab.qcld-plan-tab-text {
2309 margin: 0 !important;
2310 padding: 0 !important;
2311 line-height: normal !important;
2312 float: none !important;
2313 }
2314 .qcbot_help_secion .panel.panel-default h3.wppt_nav_container.qcld-plan-tab-text {
2315 margin: 0 0 0 0;
2316 padding: 0 0 0 0;
2317 line-height: normal !important;
2318 }
2319 .qcbot_help_secion .panel.panel-default a.collapsed {
2320 display: inline-block;
2321 width: 100%;
2322 }
2323 .qcbot_help_secion .panel.panel-default h4.panel-title a {
2324 display: inline-block;
2325 width: 100%;
2326 outline: none !important;
2327 box-shadow: none !important;
2328 }
2329
2330 .wp-chatbot-wrap-outer {
2331 position: relative;
2332 }
2333 .wp-chatbot-wrap-outer:before {
2334 content: '';
2335 position: absolute;
2336 background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2337 left: 0px;
2338 width: 100%;
2339 height: 34px;
2340 z-index: 999;
2341 top: -7px;
2342 background-repeat: no-repeat;
2343 width: 1190px;
2344 }
2345 .qc-review-notice {
2346 position: relative;
2347 z-index: 9999;
2348 }
2349 section.wp-chatbot-tab-container-inner .block-inner .cxsc-settings-blocks {
2350 display: inline-flex !important;
2351 flex-direction: column;
2352 width: 100%;
2353 }
2354 section.wp-chatbot-tab-container-inner .cxsc-settings-blocks-style {
2355 display: flex !important;
2356 flex-wrap: nowrap;
2357 flex-direction: column;
2358 gap: 0;
2359 justify-content: center;
2360 }
2361 .qc-opt-dcs-font {
2362 font-size: 14px !important;
2363 padding: 5px 12px 0 12px;
2364 margin: 0 0 0 0;
2365 }
2366 div.mce-panel {
2367 border: 1px solid #dcdcde !important;
2368 }
2369 ul.radio-list-custom {
2370 width: 260px;
2371 }
2372 ul.radio-list-custom li {
2373 width: 49% !important;
2374 }
2375 .cxsc-settings-blocks ul.radio-list input[type=checkbox], .cxsc-settings-blocks ul.radio-list input[type=radio] {
2376 margin: 0!important;
2377 }
2378
2379
2380 .qcl-openai div#wp-chatbot-openai-help .card-body {
2381 border: 0 solid #21252900;
2382 }
2383
2384
2385 .wp-chatbot-wrap-outer .wpbot_single_content {
2386 display: flex;
2387 }
2388 .wp-chatbot-wrap-outer .wpbot_single_addon {
2389 width: 32%;
2390 margin-right: 1%;
2391 display: inline-block;
2392 margin-bottom: 14px;
2393 padding: 5px;
2394 border: 1px solid #eee;
2395 background: #fff;
2396 padding: 18px 8px;
2397 border-radius: 6px;
2398 }
2399
2400 body .qcbot-str-top-notic {
2401 max-width: initial !important;
2402 padding: 0 !important;
2403 margin: 20px 20px 0 0 !important;
2404 padding: 15px 15px 15px 0 !important;
2405 border: none !important;
2406 border-radius: 6px !important;
2407 box-shadow: 0px 4px 6px 1px #ebebeb !important;
2408 margin: 20px 20px 0 0 !important;
2409 }
2410
2411 .wrap {
2412 margin: 0 !important;
2413 }
2414
2415 body .wrap .qcbot-str-top-notic {
2416 margin: 20px 20px 20px 0 !important;
2417 }
2418
2419 .content-wrap form-group label {
2420 width: auto !important;
2421 display: inline-block;
2422 font-weight: bold;
2423 }
2424 .form-group label {
2425 width: auto !important;
2426 }
2427
2428 div#promotion-wpchatbot {
2429 max-width: inherit;
2430 margin-left: 0;
2431 border: none;
2432 margin: 12px 20px 20px 0;
2433 }
2434 div#promotion-wpchatbot a{
2435 display: block;
2436 }
2437 .qc-opt-dcs-font {
2438 padding: 10px 12px 10px 12px !important;
2439 font-weight: bold !important;
2440 }
2441
2442 .cxsc-settings-faq-blocks .qc-opt-dcs-font {
2443 padding: 5px 12px 10px 0 !important;
2444 }
2445
2446 .qcld-faq-block .cxsc-settings-blocks {
2447 background: #eee !important;
2448 padding: 22px 12px !important;
2449 border-radius: 6px !important;
2450 }
2451 .qcld-faq-block button.wp-chatbot-remove-support {
2452 position: absolute;
2453 right: 15px;
2454 }
2455 section#section-flip-2 .cxsc-settings-blocks .qc-opt-dcs-font {
2456 padding: 4px 6px 4px 6px !important;
2457 }
2458
2459 ul.radio-list li img {
2460 height: 65px;
2461 object-fit: cover;
2462 }
2463 .wpbot_addon_details p {
2464 padding: 4px 0;
2465 }
2466 .qc-review-ul li a {
2467 color: #950053;
2468 border: 1px solid #eee;
2469 padding: 8px 28px;
2470 }
2471 .qc-review-ul li a span {
2472 position: absolute;
2473 left: 3px;
2474 top: 6px;
2475 }
2476 body .wrap .qcbot-str-top-notic {
2477 z-index: 9999;
2478 }
2479 .to-icon-txt.fa-4x-txt h3 {
2480 font-weight: bold !important;
2481 }
2482 .plugin-action-buttons {
2483 text-align: center;
2484 }
2485 .plugin-card-top {
2486 min-height: 100px;
2487 }
2488 .plugin-icon {
2489 top: 5px;
2490 }
2491 .plugin-card h3 {
2492 margin: 0;
2493 }
2494 .plugin-card-top {
2495 padding: 20px 20px 20px 20px;
2496 }
2497 .plugin-card {
2498 border-radius: 6px;
2499 }
2500 .plugin-card .desc>p, .plugin-card .name {
2501 margin-left: 110px;
2502 }
2503 .cxsc-settings-blocks-addon {
2504 font-size: 14px;
2505 text-align: left;
2506 background: #2e2e2e;
2507 color: #fff;
2508 }
2509
2510 .qcld-seo-help-feature h3 {
2511 font-weight: bold;
2512 padding: 14px 0 14px 0;
2513 clear: both;
2514 border-bottom: 2px solid #fff;
2515 margin: 0 0 15px 0;
2516 }
2517
2518 .qcld-seo-help-feature h5 {
2519 font-weight: bold !important;
2520 font-size: 14px !important;
2521 }
2522
2523 .qcld-seo-help-feature p {
2524 line-height: 28px;
2525 font-size: 14px;
2526 }
2527 .qcld-seo-help-feature h4 {
2528 font-weight: bold !important;
2529 font-size: 18px !important;
2530 }
2531 .qcld-seo-help-feature {
2532 height: 580px;
2533 overflow: auto;
2534 clear: both;
2535 background: #eee;
2536 padding: 12px;
2537 border-radius: 8px;
2538 }
2539 .qcld-seo-help-feature ul li {
2540 font-size: 15px !important;
2541 line-height: 23px;
2542 }
2543
2544 .qcld-seo-help-feature-left {
2545 float: left;
2546 width: 60%;
2547 }
2548 .qcld-seo-help-feature-right {
2549 float: right;
2550 width: 300px;
2551 }
2552
2553 /* new css */
2554 .col-auto.me-auto.ai-settings-title-container {
2555 display: flex;
2556 align-items: center;
2557 }
2558
2559 select#ai-provider-selector {
2560 margin-top: 32px;
2561 }
2562
2563 .wpbot_addon_details p {
2564 font-size: 13px;
2565 }
2566 .wp-core-ui .button, .wp-core-ui .button-secondary {
2567 vertical-align: top;
2568 margin: 0;
2569 padding: 5px 8px;
2570 line-height: normal;
2571 height: auto;
2572 min-height: auto;
2573 }
2574 .wp-core-ui .button-primary {
2575 background: #950053;
2576 border-color: #950053;
2577 }
2578
2579
2580 div#openai-settings .form-switch input[type=checkbox]:checked::before {
2581 height: 0;
2582 width: 0;
2583 }
2584
2585 div#general_wp_nutshell .panel {
2586 margin-bottom: 10px !important;
2587 }
2588 div#general_wp_nutshell .qcbot_help_secion h3 {
2589 font-size: 22px;
2590 font-weight: bold;
2591 }
2592
2593
2594
2595
2596 div#general_int .panel {
2597 margin-bottom: 10px !important;
2598 }
2599 div#general_int .qcbot_help_secion h3 {
2600 font-size: 22px;
2601 font-weight: bold;
2602 }
2603 .card-body-openrouter {
2604 margin-left: 20px;
2605 }
2606 label.form-check-label.pro-locked span.pro-badge {
2607 font-size: 10px;
2608 position: absolute;
2609 padding-left: 4px;
2610 color: darkgray;
2611 }
2612
2613 label.form-check-label.pro-locked {
2614 position: relative;
2615 }
2616 .wp-chatbot-exclude-post-list ul.checkbox-list{
2617 margin-top: 7px;
2618 }
2619 input.wp-chatbot-show-pages,input.wp-chatbot-show-posts,input#wp-chatbot-show-home-page {
2620 margin-top: 9px !important;
2621 }
2622 .chatbot-wpbot-lite_page_wpbot_openAi button.swal2-deny.swal2-styled {
2623 font-size: 18px;
2624 display: block !important;
2625 }