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

2,549 lines 58.1 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;
1448 width: 24px;
1449 }
1450 #wp-chatbot-post-converter .form-check-inline input[type=checkbox], #wp-chatbot-post-converter .form-check-inline input[type=radio] {
1451 height: 24px;
1452 width: 24px;
1453 min-width: 24px;
1454 }
1455 #wp-chatbot-post-converter input[type=checkbox]:focus{
1456 outline: 0px auto -webkit-focus-ring-color !important;
1457 outline-offset: 0px !important;
1458 }
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: #464b50;
1955 padding: 8px 20px;
1956 }
1957 .wrapTexttop-lite {
1958 margin-bottom: 20px;
1959 padding: 15px;
1960 }
1961 div#promotion-wpchatbot {
1962 max-width: 1165px;
1963 margin-left: 0;
1964 }
1965 .notice.is-dismissible {
1966 max-width: 1165px;
1967 margin-left: 0;
1968 }
1969
1970 div#promotion-wpchatbot {
1971 background: #c13825 !important;
1972 padding: 0 !important;
1973 padding-right: 0 !important;
1974 }
1975 div#promotion-wpchatbot .notice-dismiss:before {
1976 color: #fff !important;
1977 }
1978
1979 .wrapTexttop-lite .alert {
1980 margin-bottom: 0;
1981 }
1982
1983
1984 .form-container {
1985 background-color: #2e2e2e;
1986 }
1987 .wp-chatbot-wrap form {
1988 width: 1170px !important;
1989 }
1990 .container.form-container {
1991 position: relative;
1992 }
1993 .container.form-container:before {
1994 content: '';
1995 position: absolute;
1996 background: url("../../chatbot/images/hud-left-dark.png") top left;
1997 left: -6px;
1998 width: 40px;
1999 height: 100%;
2000 z-index: 999;
2001 top: 0;
2002 background-repeat: repeat !important;
2003 }
2004 .container.form-container:after {
2005 content: '';
2006 position: absolute;
2007 background: url("../../chatbot/images/hud-righ-dark.png") top right;
2008 width: 41px;
2009 height: 100%;
2010 right: -22px;
2011 width: 28px;
2012 z-index: 0;
2013 top: 0;
2014 background-repeat: repeat !important;
2015 }
2016
2017
2018
2019 form#wp-chatbot-admin-form {
2020 position: relative;
2021 }
2022 form#wp-chatbot-admin-form:before {
2023 content: '';
2024 position: absolute;
2025 background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2026 /* left: -15px; */
2027 width: 100%;
2028 height: 34px;
2029 z-index: 999;
2030 top: -7px;
2031 background-repeat: no-repeat;
2032 }
2033
2034
2035 .wp-chatbot-wrap form {
2036 max-width: 1170px !important;
2037 width: 96% !important;
2038 }
2039 .container.form-container {
2040 position: relative;
2041 width: 100% !important;
2042 max-width: 1170px;
2043 }
2044 .qc-review-text img {
2045 max-width: 1170px;
2046 }
2047
2048
2049 path{stroke-dasharray:300;stroke-dashoffset:300;stroke:#c3a477;stroke-width:2px;-webkit-animation:draw ease-out infinite;animation:draw ease-out infinite}
2050 #l1{-webkit-animation-duration:3s;animation-duration:3s}
2051 #l2{-webkit-animation-duration:5.5s;animation-duration:5.5s}
2052 #l3{-webkit-animation-duration:2s;animation-duration:2s}
2053 #l4{-webkit-animation-duration:5.5s;animation-duration:5.5s}@-webkit-keyframes draw{50%{stroke-dashoffset:0}100%{stroke-dashoffset:-300}}@keyframes draw{50%{stroke-dashoffset:0}100%{stroke-dashoffset:-300}}
2054 .lineanimation{position:absolute;top:-64px;z-index:999;left:-10px;right:0;margin:0 auto;width:257px;max-width:257px;height:90px;overflow:hidden;bottom:0}
2055 .lineanimation svg{width:250px;height:95px}.lineanimation svg{width:250px;height:150px;overflow:hidden}.lineanimation path{stroke:#5e5e5e}
2056
2057
2058
2059
2060
2061
2062
2063
2064
2065 /* 09-11-2024 - CSS Updated*/
2066
2067 .wp-chatbot-wrap-outer .wp-chatbot-wrap {
2068 position: relative;
2069 max-width: 1170px;
2070 }
2071 .wp-chatbot-wrap-outer .wp-chatbot-wrap:before {
2072 content: '';
2073 position: absolute;
2074 background: url("../../chatbot/images/hud-left-dark.png") top left;
2075 left: -6px;
2076 width: 40px;
2077 height: 100%;
2078 z-index: 999;
2079 top: 0;
2080 background-repeat: repeat !important;
2081 }
2082 .wp-chatbot-wrap-outer .wp-chatbot-wrap:after {
2083 content: '';
2084 position: absolute;
2085 background: url("../../chatbot/images/hud-righ-dark.png") top right;
2086 width: 41px;
2087 height: 100%;
2088 right: -22px;
2089 width: 28px;
2090 z-index: 999;
2091 top: 0;
2092 background-repeat: repeat !important;
2093 }
2094 .card-header{
2095 position: relative;
2096 max-width: 1190px;
2097 }
2098 .card-header:before {
2099 content: '';
2100 position: absolute;
2101 background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2102 /* left: -15px; */
2103 width: 100%;
2104 height: 34px;
2105 z-index: 999;
2106 top: -7px;
2107 background-repeat: no-repeat;
2108 background-size: cover;
2109 }
2110 .card-header .wpbot_dashboard_header {
2111 background: #222222;
2112 }
2113 .card-header .wpbot_addons_section {
2114 background: #222222;
2115 }
2116
2117
2118
2119
2120
2121
2122
2123
2124
2125 /* 09-20-2024 - CSS Updated*/
2126
2127 .qcl-openai .card.admin-maxwith .wp-chatbot-wrap {
2128 position: relative;
2129 max-width: 1170px;
2130 }
2131 .qcl-openai .card.admin-maxwith:before {
2132 content: '';
2133 position: absolute;
2134 background: url("../../chatbot/images/hud-left-dark.png") top left;
2135 left: -15px;
2136 width: 40px;
2137 height: 100%;
2138 z-index: 999;
2139 top: 0;
2140 background-repeat: repeat !important;
2141 }
2142 .qcl-openai .card.admin-maxwith:after {
2143 content: '';
2144 position: absolute;
2145 background: url("../../chatbot/images/hud-righ-dark.png") top right;
2146 width: 41px;
2147 height: 100%;
2148 right: -15px;
2149 width: 28px;
2150 z-index: 999;
2151 top: 0;
2152 background-repeat: repeat !important;
2153 }
2154 .qcl-openai .wp-chatbot-wrap-outer .card-header.bg-dark{
2155 position: relative;
2156 max-width: 1190px;
2157 }
2158 .qcl-openai .wp-chatbot-wrap-outer .card-header.bg-dark:before {
2159 content: '';
2160 position: absolute;
2161 background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2162 /* left: -15px; */
2163 width: 100%;
2164 height: 34px;
2165 z-index: 9999999;
2166 top: -7px;
2167 background-repeat: no-repeat;
2168 background-size: cover;
2169 }
2170 .qcl-openai .wp-chatbot-wrap-outer .wpbot_dashboard_header {
2171 background: #222222;
2172 }
2173 .qcl-openai .wp-chatbot-wrap-outer .wpbot_addons_section {
2174 background: #222222;
2175 }
2176 .qcl-openai h4 {
2177 padding: 20px 20px 0 20px;
2178 }
2179 .qcl-openai .card-header.bg-dark.text-white.py-sm-4.border-0 {
2180 padding: 0 0 !important;
2181 }
2182 .qcl-openai .qcl-openai .card-body {
2183 border: 20px solid #222222;
2184 }
2185 .qcl-openai .card-header.bg-dark {
2186 background-color: #222222 !important;
2187 }
2188 .qcl-openai {
2189 margin: 20px 0 0 0;
2190 }
2191 .qcl-openai .accordion .card-header:before{
2192 content: none;
2193 position: relative;
2194 }
2195
2196
2197 /* 09-25-2024 - CSS Updated*/
2198
2199 .qcld-help-debug .wrap.swpm-admin-menu-wrap{
2200 position: relative;
2201 max-width: 1170px;
2202 }
2203 .qcld-help-debug .wrap.swpm-admin-menu-wrap:before {
2204 content: '';
2205 position: absolute;
2206 background: url("../../chatbot/images/hud-left-dark.png") top left;
2207 left: -6px;
2208 width: 40px;
2209 height: 100%;
2210 z-index: 999;
2211 top: 0;
2212 background-repeat: repeat !important;
2213 }
2214 .qcld-help-debug .wrap.swpm-admin-menu-wrap:after {
2215 content: '';
2216 position: absolute;
2217 background: url("../../chatbot/images/hud-righ-dark.png") top right;
2218 width: 41px;
2219 height: 100%;
2220 right: -22px;
2221 width: 28px;
2222 z-index: 999;
2223 top: 0;
2224 background-repeat: repeat !important;
2225 }
2226 .qcld-help-debug {
2227 position: relative;
2228 max-width: 1190px;
2229 margin: 24px 0 0 0;
2230 }
2231 .qcld-help-debug:before {
2232 content: '';
2233 position: absolute;
2234 background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2235 /* left: -15px; */
2236 width: 100%;
2237 height: 34px;
2238 z-index: 9999999;
2239 top: -7px;
2240 background-repeat: no-repeat;
2241 background-size: cover;
2242 }
2243 .card-header .wpbot_dashboard_header {
2244 background: #222222;
2245 }
2246 .card-header .wpbot_addons_section {
2247 background: #222222;
2248 }
2249
2250 .qcld-help-debug .wrap.swpm-admin-menu-wrap {
2251 background: #222222;
2252 padding: 20px 20px;
2253 border-radius: 6px;
2254 width: 100%;
2255 max-width: 1220px;
2256 }
2257 .qcld-help-debug .nav-tab-wrapper, .qcld-help-debug .wrap h2.nav-tab-wrapper, .qcld-help-debug h1.nav-tab-wrapper{
2258 border-bottom: 0px solid #c3c4c7;
2259 margin: 0;
2260 padding-top: 25px;
2261 padding-bottom: 0;
2262 line-height: inherit;
2263 }
2264
2265 @media (min-width: 1200px) {
2266 .qcld-help-debug .container {
2267 width: auto !important;
2268 }
2269 }
2270
2271 .qcld-help-debug .notice, .qcld-help-debug div.error, .qcld-help-debug div.updated {
2272 background: #1c1c1c;
2273 border: 1px solid #222222;
2274 border-left-width: 4px;
2275 box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
2276 margin: 5px 15px 2px;
2277 padding: 1px 12px;
2278 margin: 20px 0 0 0 !important;
2279 }
2280
2281
2282 header.wp-chatbot-admin-header h3 {
2283 color: #fff !important;
2284 }
2285 .qcbot-str-top-notic {
2286 max-width: 1170px;
2287 padding: 0 !IMPORTANT;
2288 margin: 20px 0 0 0;
2289 }
2290 #rotationloader.fa.fa-spinner {
2291 display: none;
2292 rotate: initial;
2293 -webkit-animation: rotation 2s infinite linear;
2294 }
2295 .btn-secondary {
2296 color: #fff;
2297 background-color: #6c757d;
2298 border-color: #6c757d;
2299 }
2300 .btn-dark {
2301 color: #fff;
2302 background-color: #343a40;
2303 border-color: #343a40;
2304 }
2305
2306 .qcbot_help_secion .panel.panel-default a.nav-tab.qcld-plan-tab-text {
2307 margin: 0 !important;
2308 padding: 0 !important;
2309 line-height: normal !important;
2310 float: none !important;
2311 }
2312 .qcbot_help_secion .panel.panel-default h3.wppt_nav_container.qcld-plan-tab-text {
2313 margin: 0 0 0 0;
2314 padding: 0 0 0 0;
2315 line-height: normal !important;
2316 }
2317 .qcbot_help_secion .panel.panel-default a.collapsed {
2318 display: inline-block;
2319 width: 100%;
2320 }
2321 .qcbot_help_secion .panel.panel-default h4.panel-title a {
2322 display: inline-block;
2323 width: 100%;
2324 outline: none !important;
2325 box-shadow: none !important;
2326 }
2327
2328 .wp-chatbot-wrap-outer {
2329 position: relative;
2330 }
2331 .wp-chatbot-wrap-outer:before {
2332 content: '';
2333 position: absolute;
2334 background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2335 left: 0px;
2336 width: 100%;
2337 height: 34px;
2338 z-index: 999;
2339 top: -7px;
2340 background-repeat: no-repeat;
2341 width: 1190px;
2342 }
2343 .qc-review-notice {
2344 position: relative;
2345 z-index: 9999;
2346 }
2347 section.wp-chatbot-tab-container-inner .block-inner .cxsc-settings-blocks {
2348 display: inline-flex !important;
2349 flex-direction: column;
2350 width: 100%;
2351 }
2352 section.wp-chatbot-tab-container-inner .cxsc-settings-blocks-style {
2353 display: flex !important;
2354 flex-wrap: nowrap;
2355 flex-direction: column;
2356 gap: 0;
2357 justify-content: center;
2358 }
2359 .qc-opt-dcs-font {
2360 font-size: 14px !important;
2361 padding: 5px 12px 0 12px;
2362 margin: 0 0 0 0;
2363 }
2364 div.mce-panel {
2365 border: 1px solid #dcdcde !important;
2366 }
2367 ul.radio-list-custom {
2368 width: 260px;
2369 }
2370 ul.radio-list-custom li {
2371 width: 49% !important;
2372 }
2373 .cxsc-settings-blocks ul.radio-list input[type=checkbox], .cxsc-settings-blocks ul.radio-list input[type=radio] {
2374 margin: 0!important;
2375 }
2376
2377
2378 .qcl-openai div#wp-chatbot-openai-help .card-body {
2379 border: 0 solid #21252900;
2380 }
2381
2382
2383 .wp-chatbot-wrap-outer .wpbot_single_content {
2384 display: flex;
2385 }
2386 .wp-chatbot-wrap-outer .wpbot_single_addon {
2387 width: 32%;
2388 margin-right: 1%;
2389 display: inline-block;
2390 margin-bottom: 14px;
2391 padding: 5px;
2392 border: 1px solid #eee;
2393 background: #fff;
2394 padding: 18px 8px;
2395 border-radius: 6px;
2396 }
2397
2398 body .qcbot-str-top-notic {
2399 max-width: initial !important;
2400 padding: 0 !important;
2401 margin: 20px 20px 0 0 !important;
2402 padding: 15px 15px 15px 0 !important;
2403 border: none !important;
2404 border-radius: 6px !important;
2405 box-shadow: 0px 4px 6px 1px #ebebeb !important;
2406 margin: 20px 20px 0 0 !important;
2407 }
2408
2409 .wrap {
2410 margin: 0 !important;
2411 }
2412
2413 body .wrap .qcbot-str-top-notic {
2414 margin: 20px 20px 20px 0 !important;
2415 }
2416
2417 .content-wrap form-group label {
2418 width: auto !important;
2419 display: inline-block;
2420 font-weight: bold;
2421 }
2422 .form-group label {
2423 width: auto !important;
2424 }
2425
2426 div#promotion-wpchatbot {
2427 max-width: inherit;
2428 margin-left: 0;
2429 border: none;
2430 margin: 12px 20px 20px 0;
2431 }
2432 div#promotion-wpchatbot a{
2433 display: block;
2434 }
2435 .qc-opt-dcs-font {
2436 padding: 10px 12px 10px 12px !important;
2437 font-weight: bold !important;
2438 }
2439
2440 .cxsc-settings-faq-blocks .qc-opt-dcs-font {
2441 padding: 5px 12px 10px 0 !important;
2442 }
2443
2444 .qcld-faq-block .cxsc-settings-blocks {
2445 background: #eee !important;
2446 padding: 22px 12px !important;
2447 border-radius: 6px !important;
2448 }
2449 .qcld-faq-block button.wp-chatbot-remove-support {
2450 position: absolute;
2451 right: 15px;
2452 }
2453 section#section-flip-2 .cxsc-settings-blocks .qc-opt-dcs-font {
2454 padding: 4px 6px 4px 6px !important;
2455 }
2456
2457 ul.radio-list li img {
2458 height: 65px;
2459 object-fit: cover;
2460 }
2461 .wpbot_addon_details p {
2462 padding: 4px 0;
2463 }
2464 .qc-review-ul li a {
2465 color: #950053;
2466 border: 1px solid #eee;
2467 padding: 8px 28px;
2468 }
2469 .qc-review-ul li a span {
2470 position: absolute;
2471 left: 3px;
2472 top: 6px;
2473 }
2474 body .wrap .qcbot-str-top-notic {
2475 z-index: 9999;
2476 }
2477 .to-icon-txt.fa-4x-txt h3 {
2478 font-weight: bold !important;
2479 }
2480 .plugin-action-buttons {
2481 text-align: center;
2482 }
2483 .plugin-card-top {
2484 min-height: 100px;
2485 }
2486 .plugin-icon {
2487 top: 5px;
2488 }
2489 .plugin-card h3 {
2490 margin: 0;
2491 }
2492 .plugin-card-top {
2493 padding: 20px 20px 20px 20px;
2494 }
2495 .plugin-card {
2496 border-radius: 6px;
2497 }
2498 .plugin-card .desc>p, .plugin-card .name {
2499 margin-left: 110px;
2500 }
2501 .cxsc-settings-blocks-addon {
2502 font-size: 14px;
2503 text-align: left;
2504 background: #2e2e2e;
2505 color: #fff;
2506 }
2507
2508 .qcld-seo-help-feature h3 {
2509 font-weight: bold;
2510 padding: 14px 0 14px 0;
2511 clear: both;
2512 border-bottom: 2px solid #fff;
2513 margin: 0 0 15px 0;
2514 }
2515
2516 .qcld-seo-help-feature h5 {
2517 font-weight: bold !important;
2518 font-size: 14px !important;
2519 }
2520
2521 .qcld-seo-help-feature p {
2522 line-height: 28px;
2523 font-size: 14px;
2524 }
2525 .qcld-seo-help-feature h4 {
2526 font-weight: bold !important;
2527 font-size: 18px !important;
2528 }
2529 .qcld-seo-help-feature {
2530 height: 580px;
2531 overflow: auto;
2532 clear: both;
2533 background: #eee;
2534 padding: 12px;
2535 border-radius: 8px;
2536 }
2537 .qcld-seo-help-feature ul li {
2538 font-size: 15px !important;
2539 line-height: 23px;
2540 }
2541
2542 .qcld-seo-help-feature-left {
2543 float: left;
2544 width: 60%;
2545 }
2546 .qcld-seo-help-feature-right {
2547 float: right;
2548 width: 300px;
2549 }