PluginProbe
WPBot – AI ChatBot for Live Support, Lead Generation, AI Services / 5.7.6
WPBot – AI ChatBot for Live Support, Lead Generation, AI Services v5.7.6
8.7.5 8.7.4 8.7.3 8.7.2 8.7.1 8.7.0 8.6.9 8.6.8 8.6.7 8.6.6 8.6.5 8.6.4 8.6.2 8.6.1 8.6.0 8.5.9 8.5.8 8.5.7 8.5.6 8.5.5 8.5.4 8.5.3 8.5.2 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 5.7.6, at css/admin-style.css

2,053 lines 47.6 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 20px;
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 box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
786 padding: 12px;
787 margin: 0 0 20px 0;
788 border-radius: 6px;
789 border: 1px solid #8c8f949c;
790 font-size: 15px;
791 line-height: 25px;
792 width: 75%;
793 }
794
795
796 .wp-chatbot-tabs-style-flip .cxsc-settings_openai_border span.wpwbot-admin-tab-icon {
797 width: 25px;
798 font-size: 16px;
799 }
800 .wp-chatbot-tabs-style-flip .cxsc-settings_openai_border span {
801 display: inline-block;
802 padding-right: 5px;
803 }
804
805 /**************** open AI *********************/
806
807 .admin-maxwith{
808 max-width: 1100px !important;
809 padding: 0;
810 }
811 .rl-col-custom{
812 flex: 0 0 auto;
813 width: 26px !important;
814 }
815
816
817 .qc_openai_addon_settings_options{
818 background: #fff;
819 padding: 20px;
820 margin: 20px 0;
821 -webkit-border-radius: 10px;
822 border-radius: 10px;
823 }
824
825 .qcl-openai body {
826 margin: 0;
827 font-family: var(--bs-font-sans-serif);
828 font-size: 1rem;
829 font-weight: 400;
830 line-height: 1.5;
831 color: #212529;
832 background-color: #fff;
833 -webkit-text-size-adjust: 100%;
834 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
835 }
836 .qcl-openai hr {
837 margin: 1rem 0;
838 color: inherit;
839 background-color: currentColor;
840 border: 0;
841 opacity: 0.25;
842 }
843
844 .qcl-openai h4{
845 font-size: 1.5rem;
846 }
847 .qcl-openai h4 {
848 margin-top: 0;
849 margin-bottom: 0.5rem;
850 font-weight: 500;
851 line-height: 1.2;
852 font-size: calc(1.275rem + 0.3vw);
853 }
854
855
856 .qcl-openai table {
857 width: 100%;
858 margin: 20px 0 0 0;
859 }
860 .qcl-openai td {
861 border-width: 1px;
862 padding: 10px 7px;
863 }
864 .qcl-openai a {
865 cursor: pointer;
866 }
867
868 .qcl-openai .gx-0 {
869 --bs-gutter-x: 0;
870 }
871 .qcl-openai .row {
872 display: flex;
873 flex-wrap: wrap;
874 margin-top: calc(var(--bs-gutter-y) * -1);
875 margin-right: calc(var(--bs-gutter-x) * -.5);
876 margin-left: calc(var(--bs-gutter-x) * -.5);
877 }
878
879 @media (min-width: 576px){
880 .qcl-openai .p-sm-3 {
881 padding: 1rem !important;
882 }
883
884 }
885 /*.qcl-openai .bg-dark {
886 background-color: #212529 !important;
887 }*/
888 .qcl-openai .row > {
889 flex-shrink: 0;
890 width: 100%;
891 max-width: 100%;
892 padding-right: 20px;
893 padding-left: 20px;
894 margin-top: var(--bs-gutter-y);
895 }
896
897 @media (min-width: 576px){
898 .qcl-openai .p-sm-4 {
899 padding: 1.5rem !important;
900 }
901
902 }
903 @media (min-width: 576px){
904 .qcl-openai .col-sm-10 {
905 flex: 0 0 auto;
906 width: 83.33333333%;
907 }
908
909 }
910 .qcl-openai .row > * {
911 flex-shrink: 0;
912 width: 100%;
913 max-width: 100%;
914 padding-right: calc(var(--bs-gutter-x) * .5);
915 padding-left: calc(var(--bs-gutter-x) * .5);
916 margin-top: var(--bs-gutter-y);
917 }
918
919 /*.qcl-openai .bg-dark {
920 background-color: #212529 !important;
921 }*/
922 @media (min-width: 576px){
923 .qcl-openai .p-sm-3 {
924 padding: 1rem !important;
925 }
926
927 }
928 /*.qcl-openai .bg-dark {
929 background-color: #212529 !important;
930 }*/
931 .qcl-openai .ms-auto {
932 margin-left: auto !important;
933 }
934 .qcl-openai .row > * {
935 flex-shrink: 0;
936 width: 100%;
937 max-width: 100%;
938 padding-right:20px;
939 padding-left: 20px;
940 margin-top: var(--bs-gutter-y);
941 }
942
943 .qcl-openai [type=button]:not(:disabled) {
944 cursor: pointer;
945 }
946 .qcl-openai button:not(:disabled) {
947 cursor: pointer;
948 }
949 .qcl-openai .mb-3 {
950 margin-bottom: 1rem !important;
951 }
952
953 .qcl-openai .my-4 {
954 margin-top: 1.5rem !important;
955 margin-bottom: 1.5rem !important;
956 }
957 .qcl-openai .form-switch {
958 padding-left: 2.5em;
959 }
960 .qcl-openai .form-check {
961 display: block;
962 min-height: 1.5rem;
963 padding-left: 1.5em;
964 margin-bottom: 0.125rem;
965 }
966
967 @media (min-width: 576px) {
968 .qcl-openai .p-sm-0 {
969 padding: 0 !important;
970 }
971 }
972 .qcl-openai .card-body {
973 flex: 1 1 auto;
974 padding: 1rem 1rem;
975 }
976
977 .qcl-openai .card {
978 position: relative;
979 display: -webkit-box;
980 display: -ms-flexbox;
981 display: flex;
982 padding: 0 !important;
983 max-width: 100% !important;
984 margin-top: 0px;
985 -webkit-box-orient: vertical;
986 -webkit-box-direction: normal;
987 -ms-flex-direction: column;
988 flex-direction: column;
989 min-width: 0;
990 word-wrap: break-word;
991 background-color: #fff;
992 background-clip: border-box;
993 border: 1px solid rgba(0,0,0,.125);
994 border-radius: 0.25rem;
995 }
996
997
998 .qcl-openai .card-header:first-child {
999 border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
1000 }
1001 .qcl-openai .py-sm-4 {
1002 padding-top: 1.5rem !important;
1003 padding-bottom: 1.5rem !important;
1004 }
1005 .qcl-openai .bg-dark {
1006 background-color: #212529 !important;
1007 }
1008 .qcl-openai .text-white {
1009 color: #fff !important;
1010 }
1011 .qcl-openai .border-0 {
1012 border: 0 !important;
1013 }
1014 .qcl-openai .card-header {
1015 padding: 0.75rem 1.25rem;
1016 margin-bottom: 0;
1017 background-color: rgba(0,0,0,.03);
1018 border-bottom: 1px solid rgba(0,0,0,.125);
1019 }
1020 .qcl-openai .card-header h2{
1021 margin-top: 0 !important;
1022 margin-bottom: 0 !important;
1023 }
1024 .qcl-openai #wp-chatbot-openai-training-model{
1025 padding-top: 20px;
1026 padding-bottom: 20px;
1027 }
1028 .qcl-openai .form-check {
1029 display: block;
1030 min-height: 1.5rem;
1031 padding-left: 1.5em;
1032 margin-bottom: 0.125rem;
1033 }
1034 .qcl-openai .form-check .form-check-input {
1035 float: left;
1036 margin-left: -1.5em;
1037 }
1038 .qcl-openai .form-check-input {
1039 width: 1em;
1040 height: 1em;
1041 margin-top: 0.25em;
1042 vertical-align: top;
1043 background-color: #fff;
1044 background-repeat: no-repeat;
1045 background-position: center;
1046 background-size: contain;
1047 border: 1px solid rgba(0, 0, 0, 0.25);
1048 -webkit-appearance: none;
1049 -moz-appearance: none;
1050 appearance: none;
1051 -webkit-print-color-adjust: exact;
1052 color-adjust: exact;
1053 }
1054 .qcl-openai .form-check-input:active {
1055 filter: brightness(90%);
1056 }
1057 .qcl-openai .form-check-input:focus {
1058 border-color: #86b7fe;
1059 outline: 0;
1060 box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
1061 }
1062 .qcl-openai .form-check-input:checked {
1063 background-color: #0d6efd;
1064 border-color: #0d6efd;
1065 }
1066 .qcl-openai .form-check-input:checked[type=checkbox] {
1067 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");
1068 }
1069 .qcl-openai .form-check-input:checked[type=radio] {
1070 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");
1071 }
1072 .qcl-openai .form-check-input:disabled {
1073 pointer-events: none;
1074 filter: none;
1075 opacity: 0.5;
1076 }
1077 .qcl-openai .form-check-input:disabled ~ .form-check-label {
1078 opacity: 0.5;
1079 }
1080 .qcl-openai .form-check-input[type=checkbox] {
1081 border-radius: 0.25em;
1082 }
1083 .qcl-openai .form-check-input[type=checkbox]:indeterminate {
1084 background-color: #0d6efd;
1085 border-color: #0d6efd;
1086 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");
1087 }
1088 .qcl-openai .form-check-input[type=radio] {
1089 border-radius: 50%;
1090 }
1091 .qcl-openai .form-check-input[disabled] ~ .form-check-label {
1092 opacity: 0.5;
1093 }
1094 .qcl-openai .form-switch {
1095 padding-left: 2.5em;
1096 }
1097 .qcl-openai .form-switch .form-check-input {
1098 width: 2em;
1099 margin-left: -2.5em;
1100 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");
1101 background-position: left center;
1102 border-radius: 2em;
1103 transition: background-position 0.15s ease-in-out;
1104 }
1105 .qcl-openai .form-switch .form-check-input:focus {
1106 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");
1107 }
1108 .qcl-openai .form-switch .form-check-input:checked {
1109 background-position: right center;
1110 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");
1111 }
1112 .qcl-openai .form-check-inline {
1113 display: inline-block;
1114 margin-right: 1rem;
1115 }
1116 .qcl-openai .form-check-inline .form-check-input ~ .valid-feedback {
1117 margin-left: 0.5em;
1118 }
1119 .qcl-openai .form-check-inline .form-check-input ~ .invalid-feedback {
1120 margin-left: 0.5em;
1121 }
1122
1123 .qcl-openai .form-range {
1124 width: 100%;
1125 height: 1.5rem;
1126 padding: 0;
1127 background-color: transparent;
1128 -webkit-appearance: none;
1129 -moz-appearance: none;
1130 appearance: none;
1131 }
1132 .qcl-openai .form-range:focus {
1133 outline: 0;
1134 }
1135 .qcl-openai .form-range:focus::-webkit-slider-thumb {
1136 box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
1137 }
1138 .qcl-openai .form-range:focus::-moz-range-thumb {
1139 box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
1140 }
1141 .qcl-openai .form-range::-moz-focus-outer {
1142 border: 0;
1143 }
1144 .qcl-openai .form-range::-webkit-slider-thumb {
1145 width: 1rem;
1146 height: 1rem;
1147 margin-top: -0.25rem;
1148 background-color: #0d6efd;
1149 border: 0;
1150 border-radius: 1rem;
1151 -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1152 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1153 -webkit-appearance: none;
1154 appearance: none;
1155 }
1156 .qcl-openai .form-range::-webkit-slider-thumb:active {
1157 background-color: #b6d4fe;
1158 }
1159 .qcl-openai .form-range::-webkit-slider-runnable-track {
1160 width: 100%;
1161 height: 0.5rem;
1162 color: transparent;
1163 cursor: pointer;
1164 background-color: #dee2e6;
1165 border-color: transparent;
1166 border-radius: 1rem;
1167 }
1168 .qcl-openai .form-range::-moz-range-thumb {
1169 width: 1rem;
1170 height: 1rem;
1171 background-color: #0d6efd;
1172 border: 0;
1173 border-radius: 1rem;
1174 -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1175 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1176 -moz-appearance: none;
1177 appearance: none;
1178 }
1179 .qcl-openai .form-range::-moz-range-thumb:active {
1180 background-color: #b6d4fe;
1181 }
1182 .qcl-openai .form-range::-moz-range-track {
1183 width: 100%;
1184 height: 0.5rem;
1185 color: transparent;
1186 cursor: pointer;
1187 background-color: #dee2e6;
1188 border-color: transparent;
1189 border-radius: 1rem;
1190 }
1191 .qcl-openai .form-range:disabled {
1192 pointer-events: none;
1193 }
1194 .qcl-openai .form-range:disabled::-webkit-slider-thumb {
1195 background-color: #adb5bd;
1196 }
1197 .qcl-openai .form-range:disabled::-moz-range-thumb {
1198 background-color: #adb5bd;
1199 }
1200
1201 .qcl-openai .text-end {
1202 text-align: right !important;
1203 }
1204
1205 .qcl-openai .form-label {
1206 margin-bottom: 0.5rem;
1207 }
1208 .qcl-openai .col-form-label {
1209 padding-top: calc(0.375rem + 1px);
1210 padding-bottom: calc(0.375rem + 1px);
1211 margin-bottom: 0;
1212 font-size: inherit;
1213 line-height: 1.5;
1214 }
1215 .qcl-openai .col-form-label-lg {
1216 padding-top: calc(0.5rem + 1px);
1217 padding-bottom: calc(0.5rem + 1px);
1218 font-size: 1.25rem;
1219 }
1220
1221 .qcl-openai .col-8 {
1222 flex: 0 0 auto;
1223 width: 66.66666667%;
1224 padding-left: 0px !important;
1225 }
1226
1227 .qcl-openai .form-select {
1228 display: block;
1229 width: 100%;
1230 padding: 0.375rem 2.25rem 0.375rem 0.75rem;
1231 -moz-padding-start: calc(0.75rem - 3px);
1232 font-size: 15px;
1233 font-weight: 400;
1234 line-height: 1.5;
1235 color: #212529;
1236 background-color: #fff;
1237 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");
1238 background-repeat: no-repeat;
1239 background-position: right 0.75rem center;
1240 background-size: 16px 12px;
1241 border: 1px solid #ced4da;
1242 border-radius: 0.25rem;
1243 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1244 -webkit-appearance: none;
1245 -moz-appearance: none;
1246 appearance: none;
1247 }
1248 .qcl-openai .form-select:focus {
1249 border-color: #86b7fe;
1250 outline: 0;
1251 box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
1252 }
1253 .qcl-openai .form-select:disabled {
1254 background-color: #e9ecef;
1255 }
1256 .qcl-openai .form-select:-moz-focusring {
1257 color: transparent;
1258 text-shadow: 0 0 0 #212529;
1259 }
1260 .qcl-openai .form-select[multiple] {
1261 padding-right: 0.75rem;
1262 background-image: none;
1263 }
1264 .qcl-openai .form-select[size]:not([size="1"]) {
1265 padding-right: 0.75rem;
1266 background-image: none;
1267 }
1268 .qcl-openai .form-select-sm {
1269 padding-top: 0.25rem;
1270 padding-bottom: 0.25rem;
1271 padding-left: 0.5rem;
1272 font-size: 0.875rem;
1273 }
1274 .qcl-openai .form-select-lg {
1275 padding-top: 0.5rem;
1276 padding-bottom: 0.5rem;
1277 padding-left: 1rem;
1278 font-size: 1.25rem;
1279 }
1280
1281 .qcl-openai .card-footer:last-child {
1282 border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
1283 }
1284 .qcl-openai .py-sm-4 {
1285 padding-top: 1.5rem !important;
1286 padding-bottom: 1.5rem !important;
1287 }
1288
1289 .p-sm-4{
1290 border-left: 20px solid #000;
1291 border-right: 20px solid #000;
1292 padding-bottom: 20px;
1293 }
1294 .qcl-openai .col-4 {
1295 flex: 0 0 auto;
1296 width: 33.33333333%;
1297 }
1298 .qcl-openai small{
1299 font-size: 0.875em;
1300 color:#3c434a;
1301 font-weight: 300;
1302 }
1303 .qcl-openai label{
1304 color:#3c434a;
1305 display: inline-block;
1306 max-width: 100%;
1307 margin-bottom: 5px;
1308 font-weight: 700;
1309
1310 }
1311 .qcl-openai .bg-dark {
1312 background-color: #21252900 !important;
1313 }
1314 .qcl-openai .card-header{
1315 background-color: #212529 !important;
1316 }
1317 .qcl-openai .accordion .card-header{
1318 background-color: #21252900 !important;
1319 }
1320 .qcl-openai .accordion .card-body {
1321 border: 25px solid #21252900;
1322 }
1323 .qcl-openai .card-body {
1324 flex: 1 1 auto;
1325 padding: 1rem 1rem;
1326 border: 25px solid #212529;
1327 }
1328
1329 .card-header button{
1330 outline: none !important;
1331 color: #3c434a;
1332 font-weight: 700;
1333 }
1334 .qcl-openai .accordion .card .card-header{
1335 margin: 8px 8px;
1336 }
1337 .qcl-openai .accordion .card {
1338 border: none !important;
1339 }
1340 .qcl-openai .card-footer.bg-dark.text-white.py-sm-4.border-0 {
1341 display: none;
1342 }
1343 .qcl-openai .nav>li>a {
1344 position: relative;
1345 display: block;
1346 padding: 15px 20px;
1347 }
1348 .qcl-openai .card-header a{
1349 outline: none;
1350 }
1351 .qcl-openai ul.nav.nav-tabs {
1352 margin: 8px 0 0 18px;
1353 }
1354 .qcl-openai a:focus {
1355 outline: 0 !important;
1356 outline-offset: 0 !important;
1357 }
1358 .qcl-openai .nav-tabs>li.active>a, .qcl-openai .nav-tabs>li.active>a:focus, .qcl-openai .nav-tabs>li.active>a:hover {
1359 color: #fff;
1360 cursor: default;
1361 background-color: #212529;
1362 border: 1px solid #ddd;
1363 border-bottom-color: transparent;
1364 }
1365 .qcl-openai .accordion .card-header {
1366 background-color: #212529 !important;
1367 color: #fff !important;
1368 }
1369 .qcl-openai .accordion .card-header button{
1370
1371 color: #fff !important;
1372 }
1373 .qcl-openai .tab-content {
1374 padding: 0 0 20px 0;
1375 }
1376 .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 {
1377 padding: 8px;
1378 line-height: 1.42857143;
1379 vertical-align: middle;
1380 border-top: 1px solid #ddd;
1381 }
1382 .qcl-openai h4 {
1383 margin-top: 20px;
1384 margin-bottom: 0;
1385 }
1386
1387 .qcl-openai .accordion .card-header button {
1388 width: 100% !important;
1389 text-align: justify !important;
1390 padding: 15px 10px !important;
1391 }
1392 .qcl-openai .card-header {
1393 padding: 0 !important;
1394 }
1395
1396
1397
1398 .qcl-openai .form-switch input[type=checkbox] {
1399 height: 25px;
1400 width: 25px;
1401
1402 }
1403 .qcl-openai .form-switch input[type=checkbox]{
1404 height: 15px;
1405 width: 25px;
1406
1407 }
1408 .qcl-openai input[type=checkbox] + label {
1409 margin: 0;
1410 }
1411 .qcl-openai div#wp-chatbot-post-converter {
1412 min-height: auto;
1413 }
1414 .qcl-openai .my0-py25 {
1415 margin-top: 0 !important;
1416 margin-bottom: 0 !important;
1417 padding: 25px 0;
1418 }
1419
1420 .qcl-openai .form-check-inline {
1421 margin-bottom: 15px !important;
1422 }
1423 .qcl-openai form {
1424 width: auto !important;
1425 }
1426
1427 .qcl-openai .form-check-inline {
1428 padding-left: 15px !important;
1429 }
1430
1431
1432
1433
1434 #wp-chatbot-post-converter .form-check-inline input[type=checkbox]:checked::before {
1435 height: 24px;
1436 width: 24px;
1437 }
1438 #wp-chatbot-post-converter .form-check-inline input[type=checkbox], #wp-chatbot-post-converter .form-check-inline input[type=radio] {
1439 height: 24px;
1440 width: 24px;
1441 min-width: 24px;
1442 }
1443 #wp-chatbot-post-converter input[type=checkbox]:focus{
1444 outline: 0px auto -webkit-focus-ring-color !important;
1445 outline-offset: 0px !important;
1446 }
1447
1448
1449
1450 .qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con {
1451 padding: 15px 15px 15px 0px;
1452 min-width: 15%;
1453 display: inline-block;
1454 }
1455
1456 .qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con label{
1457 display: block;
1458 }
1459
1460 .qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con input[type=url],
1461 .qcld-seohelp-input-field_ai_wrap .qcld_seohelp_ai_con input[type=text]{
1462 width:100%;
1463 }
1464
1465 .qcld-seohelp_ai_wrap {
1466 padding: 15px;
1467 }
1468
1469
1470 .qcld-seohelp ul.nav-tab-wrapper {
1471 padding-left: 0px;
1472 margin-top: 0;
1473 }
1474
1475 .qcld-seo-help .nav-tab-wrapper a.nav-tab{
1476 background: #fff;
1477 color: #50575e;
1478 }
1479 .qcld-seo-help .nav-tab-wrapper .ui-tabs-active a{
1480 background: #6c757d;
1481 outline: none;
1482 color: #fff;
1483 }
1484
1485 .qcld-seohelp.qcld-seohelp_ai_wrap .form-group label {
1486 display: inline-block;
1487 min-width: 35%;
1488 max-width: 35%;
1489 }
1490
1491 .qcld_seo_lang_text {
1492 width: 50%;
1493 }
1494
1495 .text-center{
1496 text-align: center;
1497 }
1498 .qcld_seo_generator_button .spinner{
1499 display: none;
1500 }
1501 .button.qcld_seo_generator_stop{
1502 display: none;
1503 }
1504 .qcld_seo-alert{
1505 border: 1px solid #ccc;
1506 padding: 10px;
1507 margin-top: 10px;
1508 border-radius: 5px;
1509 background: #fff;
1510 }
1511 .qcld_seo-alert h4{
1512 font-size: 20px;
1513 margin-top: 0;
1514 margin-bottom: 10px;
1515 color: #f00;
1516 }
1517 .qcld_seo-alert code{
1518 margin-bottom: 5px;
1519 display: inline-block;
1520 border-radius: 4px;
1521 }
1522 .qcld_seo-alert p{
1523 margin: 2px 0;
1524 }
1525 .qcld_seo-alert-form{
1526 margin-bottom: 10px;
1527 }
1528 .qcld_seo-alert-form p{
1529 color: #f00;
1530 font-size: 16px;
1531 font-weight: bold;
1532 }
1533
1534 .qcld_image_grid{
1535 display: flex;
1536 flex-wrap: wrap;
1537 flex-direction: row;
1538 }
1539
1540 .qcld_image-grid_wrap{
1541 position: relative;
1542 padding: 0px 0px;
1543 margin: 5px 5px;
1544 width: 32%;
1545 overflow: hidden;
1546 }
1547 .qcld-plan-tab-text{
1548 border: none;
1549 background: none !important;
1550 display: inline-block;
1551 padding: 0;
1552 margin: 0;
1553 line-height: 0.6;
1554 font-size: 15px;
1555 }
1556 .qcld_image-grid_wrap .qcld_image-item{
1557 padding: 0px 0px;
1558 margin: 0px 0px !important;
1559 width: 100%;
1560 }
1561
1562 .qcld_image-grid_wrap .qcld_seo_download{
1563 opacity: 0;
1564 transition: opacity .3s;
1565 position: absolute;
1566 top: 0;
1567 right: 0;
1568 bottom: 0;
1569 left: 0;
1570 cursor: pointer;
1571 background: rgba(0,0,0,.65);
1572 color: #eee;
1573 text-align: center;
1574 font-size: 14px;
1575 line-height: 1;
1576 display: flex;
1577 justify-content: center;
1578 align-items: center;
1579 flex-direction: column;
1580 }
1581
1582 .qcld_image-grid_wrap.uploading .qcld_seo_download,
1583 .qcld_image-grid_wrap:hover .qcld_seo_download{
1584 opacity: 1;
1585 transition: ease 0.3s all;
1586 }
1587
1588 .qcld_image-grid_wrap .qcld_seo_download img {
1589 height: 40px;
1590 opacity: .7;
1591 }
1592
1593 .qcld_seo-bulk-addition {
1594 padding: 10px;
1595 background: #e3e3e3;
1596 border-radius: 5px;
1597 border: 1px solid #ccc;
1598 margin-left: 16px;
1599 margin-bottom: 20px;
1600 display: none;
1601 max-width: 50%;
1602 }
1603
1604 .qcld_seo-grid-three {
1605 display: grid;
1606 grid-template-columns: repeat(3,1fr);
1607 grid-column-gap: 20px;
1608 grid-row-gap: 20px;
1609 grid-template-rows: auto auto;
1610 }
1611 .qcld-seohelp-input-field label.form-check-label.form-check-label {
1612 margin: 0 0 0 20px;
1613 position: relative;
1614 cursor: pointer;
1615 font-size: 12px;
1616 float: left;
1617 width: inherit !important;
1618 }
1619 .qcld-seohelp-input-field label.form-check-label.form-check-label:before {
1620 content: ' ';
1621 position: absolute;
1622 left: -35px;
1623 top: -3px;
1624 width: 25px;
1625 height: 25px;
1626 display: block;
1627 background: white;
1628 border: 1px solid #A9A9A9;
1629 }
1630
1631 /* .qcld-seohelp-input-field input#qcld_article_heading_img {
1632 width: 2em;
1633 margin-left: -2.5em;
1634 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;
1635 background-position: left center;
1636 border-radius: 2em;
1637 transition: background-position 0.15s ease-in-out;
1638 } */
1639
1640 .qcld-seohelp-input-field input[type=checkbox] + label::after {
1641 content: ' ';
1642 position: absolute;
1643 left: -35px;
1644 top: -3px;
1645 width: 23px;
1646 height: 23px;
1647 display: block;
1648 z-index: 1;
1649 background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE4MS4yIDI3MyAxNyAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxODEuMiAyNzMgMTcgMTYiPjxwYXRoIGQ9Ik0tMzA2LjMgNTEuMmwtMTEzLTExM2MtOC42LTguNi0yNC04LjYtMzQuMyAwbC01MDYuOSA1MDYuOS0yMTIuNC0yMTIuNGMtOC42LTguNi0yNC04LjYtMzQuMyAwbC0xMTMgMTEzYy04LjYgOC42LTguNiAyNCAwIDM0LjNsMjMxLjIgMjMxLjIgMTEzIDExM2M4LjYgOC42IDI0IDguNiAzNC4zIDBsMTEzLTExMyA1MjQtNTI0YzctMTAuMyA3LTI1LjctMS42LTM2eiIvPjxwYXRoIGZpbGw9IiMzNzM3MzciIGQ9Ik0xOTcuNiAyNzcuMmwtMS42LTEuNmMtLjEtLjEtLjMtLjEtLjUgMGwtNy40IDcuNC0zLjEtMy4xYy0uMS0uMS0uMy0uMS0uNSAwbC0xLjYgMS42Yy0uMS4xLS4xLjMgMCAuNWwzLjMgMy4zIDEuNiAxLjZjLjEuMS4zLjEuNSAwbDEuNi0xLjYgNy42LTcuNmMuMy0uMS4zLS4zLjEtLjV6Ii8+PHBhdGggZD0iTTExODcuMSAxNDMuN2wtNTYuNS01Ni41Yy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTI1My41IDI1My41LTEwNi4yLTEwNi4yYy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTU2LjUgNTYuNWMtNS4xIDUuMS01LjEgMTIgMCAxNy4xbDExNC43IDExNC43IDU2LjUgNTYuNWM1LjEgNS4xIDEyIDUuMSAxNy4xIDBsNTYuNS01Ni41IDI2Mi0yNjJjNS4yLTMuNCA1LjItMTIgLjEtMTcuMXpNMTYzNC4xIDE2OS40bC0zNy43LTM3LjdjLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0xNjkuNSAxNjkuNS03MC4yLTcxLjljLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0zNy43IDM3LjdjLTMuNCAzLjQtMy40IDguNiAwIDEybDc3LjEgNzcuMSAzNy43IDM3LjdjMy40IDMuNCA4LjYgMy40IDEyIDBsMzcuNy0zNy43IDE3NC43LTE3Ni40YzEuNi0xLjcgMS42LTYuOS0uMS0xMC4zeiIvPjwvc3ZnPg==) no-repeat center center;
1650 -ms-transition: all .2s ease;
1651 -webkit-transition: all .2s ease;
1652 transition: all .3s ease;
1653 -ms-transform: scale(0);
1654 -webkit-transform: scale(0);
1655 transform: scale(0);
1656 opacity: 0;
1657 }
1658 .qcld-seohelp-input-field input[type=checkbox]:checked + label::after {
1659 -ms-transform: scale(1);
1660 -webkit-transform: scale(1);
1661 transform: scale(1);
1662 opacity: 1;
1663 }
1664 .qcld-seohelp .btn-info.spinning,
1665 .qc_seo_linkcheck.spinning,
1666 #qcld_article_keyword_suggestion.spinning {
1667 background-color: #212121;
1668 padding-right: 40px;
1669 position: relative;
1670 }
1671 .qcld-seohelp textarea#qcld_content_result_msg {
1672 height: 20rem;
1673 }
1674
1675 .qcld_seo-single-content-form{
1676 width: 100% !important;
1677 }
1678 .qcld-seohelp .btn-info.spinning:after,
1679 #qcld_article_keyword_suggestion.spinning:after,
1680 #qcld_article_keyword_suggestion.spinning:after {
1681 content: '';
1682 right: 6px;
1683 top: 50%;
1684 width: 0;
1685 height: 0;
1686 box-shadow: 0px 0px 0 1px transparent;
1687 position: absolute;
1688 border-radius: 50%;
1689 -webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
1690 animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
1691 }
1692 .qcld-seohelp .btn-info.spinning:before,
1693 #qcld_article_keyword_suggestion.spinning:before,
1694 #qcld_article_keyword_suggestion.spinning:before {
1695 content: "";
1696 width: 0px;
1697 height: 0px;
1698 border-radius: 50%;
1699 right: 0px;
1700 top: 50%;
1701 position: absolute;
1702 border: 2px solid #fff;
1703 border-right: 3px solid #27ae60;
1704 -webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
1705 animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
1706 }
1707 @-webkit-keyframes rotate360 {
1708 100% {
1709 -webkit-transform: rotate(360deg);
1710 transform: rotate(360deg);
1711 }
1712 }
1713 @keyframes rotate360 {
1714 100% {
1715 -webkit-transform: rotate(360deg);
1716 transform: rotate(360deg);
1717 }
1718 }
1719 @-webkit-keyframes exist {
1720 100% {
1721 width: 15px;
1722 height: 15px;
1723 margin: -8px 5px 0 0;
1724 }
1725 }
1726 @keyframes exist {
1727 100% {
1728 width: 15px;
1729 height: 15px;
1730 margin: -8px 5px 0 0;
1731 }
1732 }
1733 .qcld-seohelp input[type=checkbox] {
1734 opacity: 0;
1735 float: left;
1736 }
1737
1738 ul.checkbox-list {
1739 margin: 18px 0 0 0;
1740 }
1741
1742 ul.checkbox-list li {
1743 display: inline-block;
1744 padding: 0 8px;
1745 }
1746 ul.checkbox-list li label {
1747 font-weight: normal !important;
1748 font-size: 14px !important;
1749 }
1750
1751 ul.checkbox-list li input[type=checkbox] + label::before {
1752 content: ' ';
1753 position: absolute;
1754 left: -28px !important;
1755 top: 0 !important;
1756 width: 20px !important;
1757 height: 20px !important;
1758 display: block;
1759 background: white;
1760 border: 1px solid #A9A9A9;
1761 }
1762
1763 ul.checkbox-list li input[type=checkbox] + label::after {
1764 left: -26px !important;
1765 top: 0 !important;
1766 width: 16px !important;
1767 height: 16px !important;
1768
1769 }
1770 .cxsc-settings-blocks-addon {
1771 width: 100% !important;
1772 }
1773 .plugin-card {
1774 width: 100% !important;
1775 }
1776
1777
1778 .wp-chatbot-wrap .d-ib {
1779 display: inline-block;
1780 color: #fff;
1781 }
1782 .cxsc-settings-blocks-notic {
1783 background: #32373c;
1784 }
1785 .content.form-container.qcbot_help_secion {
1786 background: none;
1787 box-shadow: none;
1788 padding: 0 !important;
1789 }
1790 .qcbot_help_secion h3 {
1791 font-size: 16px;
1792 padding: 0 0 10px 0;
1793 }
1794 .qcbot_help_secion h2 {
1795 font-size: 26px;
1796 }
1797
1798 .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 {
1799 border-bottom: 1px solid #f0f0f1;
1800 background: #337ab7;
1801 color: #fff;
1802 text-decoration: none !important;
1803 }
1804 .wppt_nav_container a:focus, .wppt_nav_container a:hover {
1805 color: #23527c;
1806 text-decoration: none !important;
1807 }
1808 .notification-block-inner h2{
1809 margin-top: -25px;
1810 }
1811 .notification-block-inner .qc_menu_setup_area h2 {
1812 margin-top: 0;
1813 }
1814 .h2, h2 {
1815 font-size: 20px !important;
1816 font-weight: bold !important;
1817 }
1818
1819 .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 {
1820 color: #fff !important;
1821 cursor: default;
1822 background-color: #337ab7 !important;
1823 border: 1px solid #ddd;
1824 border-bottom-color: transparent;
1825 }
1826
1827 .plugin-icon {
1828 position: absolute;
1829 top: 20px;
1830 left: 20px;
1831 width: 90px;
1832 height: 90px;
1833 margin: 0 20px 20px 0;
1834 }
1835 .plugin-card {
1836 height: auto !important;
1837 }
1838 .plugin-card-top {
1839 position: relative;
1840 padding: 20px 20px 10px;
1841 min-height: 135px;
1842 display: flex;
1843 align-items: center;
1844 }
1845 #section-flip-5 .wp-chatbot-language-center-summmery {
1846 DISPLAY: NONE !important;
1847 }
1848 .wp-chatbot-wrap .d-ib i{
1849 color: #f0ad4e !important;
1850 }
1851 .cxsc-settings-blocks-notic p{
1852 margin: 0 !important;
1853 }
1854
1855
1856
1857
1858
1859
1860 .wrap.swpm-admin-menu-wrap {
1861 background: #32373c;
1862 padding: 20px 20px;
1863 border-radius: 6px;
1864 width: 100%;
1865 max-width: 1220px;
1866 }
1867 .wrap.swpm-admin-menu-wrap .container {
1868 padding-right: 0;
1869 padding-left: 0;
1870 }
1871
1872 .wrap.swpm-admin-menu-wrap .cxsc-settings-blocks-notic {
1873 border: none;
1874 }
1875
1876 .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 {
1877 border-bottom: none;
1878 }
1879
1880 .wrap.swpm-admin-menu-wrap .nav-tab {
1881 float: left;
1882 border: none;
1883 border-bottom: none;
1884 margin-left: 0.5em;
1885 padding: 10px 25px;
1886 font-size: 14px;
1887 line-height: 1.71428571;
1888 font-weight: 600;
1889 background: #fff;
1890 color: #222;
1891 border-radius: 6px;
1892 text-decoration: none;
1893 white-space: nowrap;
1894 }
1895
1896 .wrap.swpm-admin-menu-wrap .wppt_nav_container .nav-tab-active{
1897 border-bottom: none;
1898 background-color: #337ab7 !important;
1899 color: #fff;
1900 }
1901
1902 .content.form-container.qcbot_help_secion {
1903 border: 1px solid #4a4a4a;
1904 padding: 8px 20px !important;
1905 }
1906
1907 .wrap.swpm-admin-menu-wrap .qcbot_help_secion h2.wppt_nav_container.qcld-plan-tab-text .nav-tab {
1908 float: left;
1909 border: none;
1910 border-bottom: none;
1911 margin-left: 0;
1912 padding: 0 0;
1913 font-size: 14px;
1914 line-height: 10px;
1915 font-weight: 600;
1916 background: #fff;
1917 color: #222;
1918 border-radius: 6px;
1919 text-decoration: none;
1920 white-space: nowrap;
1921 }
1922 #wpfooter{
1923 position: relative !important;
1924 }
1925
1926 .qcl-openai .row > * {
1927 flex-shrink: 0;
1928 width: 100%;
1929 max-width: 1200px;
1930 padding-right: 0;
1931 padding-left: 0;
1932 }
1933 .card-header.bg-dark.text-white.py-sm-4.border-0 {
1934 padding: 0 20px !important;
1935 }
1936 .qcl-openai .card-body {
1937 border: 20px solid #212529;
1938 padding: 20px 20px !important;
1939 }
1940 .qcl-openai .p-sm-3 {
1941 padding: 0 !important;
1942 }
1943 .qcl-openai ul.nav.nav-tabs {
1944 margin: 8px 0 0 0;
1945 }
1946 .qcl-openai .card-header {
1947 background-color: #212529 !important;
1948 border-radius: 6px 6px 0 0 !important;
1949 }
1950
1951 .wrapTexttop {
1952 background: #464b50;
1953 padding: 8px 20px;
1954 }
1955 .wrapTexttop-lite {
1956 box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
1957 margin-bottom: 20px;
1958 padding: 15px;
1959 }
1960 div#promotion-wpchatbot {
1961 max-width: 1165px;
1962 margin-left: 0;
1963 }
1964 .notice.is-dismissible {
1965 max-width: 1165px;
1966 margin-left: 0;
1967 }
1968
1969 div#promotion-wpchatbot {
1970 background: #c13825 !important;
1971 padding: 0 !important;
1972 padding-right: 0 !important;
1973 }
1974 div#promotion-wpchatbot .notice-dismiss:before {
1975 color: #fff !important;
1976 }
1977
1978
1979
1980
1981 .form-container {
1982 background-color: #2e2e2e;
1983 }
1984 .wp-chatbot-wrap form {
1985 width: 1170px !important;
1986 }
1987 .container.form-container {
1988 position: relative;
1989 }
1990 .container.form-container:before {
1991 content: '';
1992 position: absolute;
1993 background: url("../../chatbot/images/hud-left-dark.png") top left;
1994 left: -6px;
1995 width: 40px;
1996 height: 100%;
1997 z-index: 999;
1998 top: 0;
1999 background-repeat: repeat !important;
2000 }
2001 .container.form-container:after {
2002 content: '';
2003 position: absolute;
2004 background: url("../../chatbot/images/hud-righ-dark.png") top right;
2005 width: 41px;
2006 height: 100%;
2007 right: -22px;
2008 width: 28px;
2009 z-index: 999;
2010 top: 0;
2011 background-repeat: repeat !important;
2012 }
2013
2014
2015
2016 form#wp-chatbot-admin-form {
2017 position: relative;
2018 }
2019 form#wp-chatbot-admin-form:before {
2020 content: '';
2021 position: absolute;
2022 background: url(../../chatbot/images/hud-top-dark_new.png) top center;
2023 /* left: -15px; */
2024 width: 100%;
2025 height: 34px;
2026 z-index: 9999999;
2027 top: -7px;
2028 background-repeat: no-repeat;
2029 }
2030
2031
2032 .wp-chatbot-wrap form {
2033 max-width: 1170px !important;
2034 width: 96% !important;
2035 }
2036 .container.form-container {
2037 position: relative;
2038 width: 100% !important;
2039 max-width: 1170px;
2040 }
2041 .qc-review-text img {
2042 max-width: 1170px;
2043 width: 100%;
2044 }
2045
2046
2047 path{stroke-dasharray:300;stroke-dashoffset:300;stroke:#c3a477;stroke-width:2px;-webkit-animation:draw ease-out infinite;animation:draw ease-out infinite}
2048 #l1{-webkit-animation-duration:3s;animation-duration:3s}
2049 #l2{-webkit-animation-duration:5.5s;animation-duration:5.5s}
2050 #l3{-webkit-animation-duration:2s;animation-duration:2s}
2051 #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}}
2052 .lineanimation{position:absolute;top:-64px;z-index:99999999;left:-10px;right:0;margin:0 auto;width:257px;max-width:257px;height:90px;overflow:hidden;bottom:0}
2053 .lineanimation svg{width:250px;height:95px}.lineanimation svg{width:250px;height:150px;overflow:hidden}.lineanimation path{stroke:#5e5e5e}