PluginProbe
BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot / 4.6.1
BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot v4.6.1
4.9.1 4.9.0 4.8.2 4.8.1 4.8.0 4.7.0 4.6.2 4.6.1 4.6.0 4.5.6 4.5.5 4.5.4 4.5.3 4.5.2 4.5.1 4.5.0 4.4.1 4.4.0 3.3.4 3.4.0 3.4.1 3.4.2 3.5.0 3.5.1 3.5.2 All 199 releases
betterdocs / assets / admin / css / glossares.css

glossares.css in BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot 4.6.1, at assets/admin/css/glossares.css

3,362 lines 85.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*!*************************************************************************************************************************************************************************************************!*\
2 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/rc-pagination/assets/index.css ***!
3 \*************************************************************************************************************************************************************************************************/
4 .rc-pagination {
5 margin: 0;
6 padding: 0;
7 font-size: 14px;
8 }
9 .rc-pagination ul,
10 .rc-pagination ol {
11 margin: 0;
12 padding: 0;
13 list-style: none;
14 }
15 .rc-pagination::after {
16 display: block;
17 clear: both;
18 height: 0;
19 overflow: hidden;
20 visibility: hidden;
21 content: ' ';
22 }
23 .rc-pagination-total-text {
24 display: inline-block;
25 height: 28px;
26 margin-right: 8px;
27 line-height: 26px;
28 vertical-align: middle;
29 }
30 .rc-pagination-item {
31 display: inline-block;
32 min-width: 28px;
33 height: 28px;
34 margin-right: 8px;
35 font-family: Arial;
36 line-height: 26px;
37 text-align: center;
38 vertical-align: middle;
39 list-style: none;
40 background-color: #fff;
41 border: 1px solid #d9d9d9;
42 border-radius: 2px;
43 outline: 0;
44 cursor: pointer;
45 -webkit-user-select: none;
46 user-select: none;
47 }
48 .rc-pagination-item a {
49 display: block;
50 padding: 0 6px;
51 color: rgba(0, 0, 0, 0.85);
52 transition: none;
53 }
54 .rc-pagination-item a:hover {
55 text-decoration: none;
56 }
57 .rc-pagination-item:focus,
58 .rc-pagination-item:hover {
59 border-color: #1890ff;
60 transition: all 0.3s;
61 }
62 .rc-pagination-item:focus a,
63 .rc-pagination-item:hover a {
64 color: #1890ff;
65 }
66 .rc-pagination-item-active {
67 font-weight: 500;
68 background: #fff;
69 border-color: #1890ff;
70 }
71 .rc-pagination-item-active a {
72 color: #1890ff;
73 }
74 .rc-pagination-item-active:focus,
75 .rc-pagination-item-active:hover {
76 border-color: #40a9ff;
77 }
78 .rc-pagination-item-active:focus a,
79 .rc-pagination-item-active:hover a {
80 color: #40a9ff;
81 }
82 .rc-pagination-jump-prev,
83 .rc-pagination-jump-next {
84 outline: 0;
85 }
86 .rc-pagination-jump-prev button,
87 .rc-pagination-jump-next button {
88 background: transparent;
89 border: none;
90 cursor: pointer;
91 color: #666;
92 }
93 .rc-pagination-jump-prev button:after,
94 .rc-pagination-jump-next button:after {
95 display: block;
96 content: '•••';
97 }
98 .rc-pagination-prev,
99 .rc-pagination-jump-prev,
100 .rc-pagination-jump-next {
101 margin-right: 8px;
102 }
103 .rc-pagination-prev,
104 .rc-pagination-next,
105 .rc-pagination-jump-prev,
106 .rc-pagination-jump-next {
107 display: inline-block;
108 min-width: 28px;
109 height: 28px;
110 color: rgba(0, 0, 0, 0.85);
111 font-family: Arial;
112 line-height: 28px;
113 text-align: center;
114 vertical-align: middle;
115 list-style: none;
116 border-radius: 2px;
117 cursor: pointer;
118 transition: all 0.3s;
119 }
120 .rc-pagination-prev,
121 .rc-pagination-next {
122 outline: 0;
123 }
124 .rc-pagination-prev button,
125 .rc-pagination-next button {
126 color: rgba(0, 0, 0, 0.85);
127 cursor: pointer;
128 -webkit-user-select: none;
129 user-select: none;
130 }
131 .rc-pagination-prev:hover button,
132 .rc-pagination-next:hover button {
133 border-color: #40a9ff;
134 }
135 .rc-pagination-prev .rc-pagination-item-link,
136 .rc-pagination-next .rc-pagination-item-link {
137 display: block;
138 width: 100%;
139 height: 100%;
140 font-size: 12px;
141 text-align: center;
142 background-color: #fff;
143 border: 1px solid #d9d9d9;
144 border-radius: 2px;
145 outline: none;
146 transition: all 0.3s;
147 }
148 .rc-pagination-prev:focus .rc-pagination-item-link,
149 .rc-pagination-next:focus .rc-pagination-item-link,
150 .rc-pagination-prev:hover .rc-pagination-item-link,
151 .rc-pagination-next:hover .rc-pagination-item-link {
152 color: #1890ff;
153 border-color: #1890ff;
154 }
155 .rc-pagination-prev button:after {
156 content: '';
157 display: block;
158 }
159 .rc-pagination-next button:after {
160 content: '';
161 display: block;
162 }
163 .rc-pagination-disabled,
164 .rc-pagination-disabled:hover,
165 .rc-pagination-disabled:focus {
166 cursor: not-allowed;
167 }
168 .rc-pagination-disabled .rc-pagination-item-link,
169 .rc-pagination-disabled:hover .rc-pagination-item-link,
170 .rc-pagination-disabled:focus .rc-pagination-item-link {
171 color: rgba(0, 0, 0, 0.25);
172 border-color: #d9d9d9;
173 cursor: not-allowed;
174 }
175 .rc-pagination-slash {
176 margin: 0 10px 0 5px;
177 }
178 .rc-pagination-options {
179 display: inline-block;
180 margin-left: 16px;
181 vertical-align: middle;
182 }
183 @media all and (-ms-high-contrast: none) {
184 .rc-pagination-options *::-ms-backdrop,
185 .rc-pagination-options {
186 vertical-align: top;
187 }
188 }
189 .rc-pagination-options-size-changer.rc-select {
190 display: inline-block;
191 width: auto;
192 margin-right: 8px;
193 }
194 .rc-pagination-options-quick-jumper {
195 display: inline-block;
196 height: 28px;
197 line-height: 28px;
198 vertical-align: top;
199 }
200 .rc-pagination-options-quick-jumper input {
201 width: 50px;
202 margin: 0 8px;
203 }
204 .rc-pagination-simple .rc-pagination-prev,
205 .rc-pagination-simple .rc-pagination-next {
206 height: 24px;
207 line-height: 24px;
208 vertical-align: top;
209 }
210 .rc-pagination-simple .rc-pagination-prev .rc-pagination-item-link,
211 .rc-pagination-simple .rc-pagination-next .rc-pagination-item-link {
212 height: 24px;
213 background-color: transparent;
214 border: 0;
215 }
216 .rc-pagination-simple .rc-pagination-prev .rc-pagination-item-link::after,
217 .rc-pagination-simple .rc-pagination-next .rc-pagination-item-link::after {
218 height: 24px;
219 line-height: 24px;
220 }
221 .rc-pagination-simple .rc-pagination-simple-pager {
222 display: inline-block;
223 height: 24px;
224 margin-right: 8px;
225 }
226 .rc-pagination-simple .rc-pagination-simple-pager input {
227 box-sizing: border-box;
228 height: 100%;
229 margin-right: 8px;
230 padding: 0 6px;
231 text-align: center;
232 background-color: #fff;
233 border: 1px solid #d9d9d9;
234 border-radius: 2px;
235 outline: none;
236 transition: border-color 0.3s;
237 }
238 .rc-pagination-simple .rc-pagination-simple-pager input:hover {
239 border-color: #1890ff;
240 }
241 .rc-pagination.rc-pagination-disabled {
242 cursor: not-allowed;
243 }
244 .rc-pagination.rc-pagination-disabled .rc-pagination-item {
245 background: #f5f5f5;
246 border-color: #d9d9d9;
247 cursor: not-allowed;
248 }
249 .rc-pagination.rc-pagination-disabled .rc-pagination-item a {
250 color: rgba(0, 0, 0, 0.25);
251 background: transparent;
252 border: none;
253 cursor: not-allowed;
254 }
255 .rc-pagination.rc-pagination-disabled .rc-pagination-item-active {
256 background: #dbdbdb;
257 border-color: transparent;
258 }
259 .rc-pagination.rc-pagination-disabled .rc-pagination-item-active a {
260 color: #fff;
261 }
262 .rc-pagination.rc-pagination-disabled .rc-pagination-item-link {
263 color: rgba(0, 0, 0, 0.25);
264 background: #f5f5f5;
265 border-color: #d9d9d9;
266 cursor: not-allowed;
267 }
268 .rc-pagination.rc-pagination-disabled .rc-pagination-item-link-icon {
269 opacity: 0;
270 }
271 .rc-pagination.rc-pagination-disabled .rc-pagination-item-ellipsis {
272 opacity: 1;
273 }
274 @media only screen and (max-width: 992px) {
275 .rc-pagination-item-after-jump-prev,
276 .rc-pagination-item-before-jump-next {
277 display: none;
278 }
279 }
280 @media only screen and (max-width: 576px) {
281 .rc-pagination-options {
282 display: none;
283 }
284 }
285
286 /*!*******************************************************************************************************************************************************************************************************************!*\
287 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.css ***!
288 \*******************************************************************************************************************************************************************************************************************/
289 .rdw-option-wrapper {
290 border: 1px solid #F1F1F1;
291 padding: 5px;
292 min-width: 25px;
293 height: 20px;
294 border-radius: 2px;
295 margin: 0 4px;
296 display: flex;
297 justify-content: center;
298 align-items: center;
299 cursor: pointer;
300 background: white;
301 text-transform: capitalize;
302 }
303 .rdw-option-wrapper:hover {
304 box-shadow: 1px 1px 0px #BFBDBD;
305 }
306 .rdw-option-wrapper:active {
307 box-shadow: 1px 1px 0px #BFBDBD inset;
308 }
309 .rdw-option-active {
310 box-shadow: 1px 1px 0px #BFBDBD inset;
311 }
312 .rdw-option-disabled {
313 opacity: 0.3;
314 cursor: default;
315 }
316
317 .rdw-dropdown-wrapper {
318 height: 30px;
319 background: white;
320 cursor: pointer;
321 border: 1px solid #F1F1F1;
322 border-radius: 2px;
323 margin: 0 3px;
324 text-transform: capitalize;
325 background: white;
326 }
327 .rdw-dropdown-wrapper:focus {
328 outline: none;
329 }
330 .rdw-dropdown-wrapper:hover {
331 box-shadow: 1px 1px 0px #BFBDBD;
332 background-color: #FFFFFF;
333 }
334 .rdw-dropdown-wrapper:active {
335 box-shadow: 1px 1px 0px #BFBDBD inset;
336 }
337 .rdw-dropdown-carettoopen {
338 height: 0px;
339 width: 0px;
340 position: absolute;
341 top: 35%;
342 right: 10%;
343 border-top: 6px solid black;
344 border-left: 5px solid transparent;
345 border-right: 5px solid transparent;
346 }
347 .rdw-dropdown-carettoclose {
348 height: 0px;
349 width: 0px;
350 position: absolute;
351 top: 35%;
352 right: 10%;
353 border-bottom: 6px solid black;
354 border-left: 5px solid transparent;
355 border-right: 5px solid transparent;
356 }
357 .rdw-dropdown-selectedtext {
358 display: flex;
359 position: relative;
360 height: 100%;
361 align-items: center;
362 padding: 0 5px;
363 }
364 .rdw-dropdown-optionwrapper {
365 z-index: 100;
366 position: relative;
367 border: 1px solid #F1F1F1;
368 width: 98%;
369 background: white;
370 border-radius: 2px;
371 margin: 0;
372 padding: 0;
373 max-height: 250px;
374 overflow-y: scroll;
375 }
376 .rdw-dropdown-optionwrapper:hover {
377 box-shadow: 1px 1px 0px #BFBDBD;
378 background-color: #FFFFFF;
379 }
380
381 .rdw-dropdownoption-default {
382 min-height: 25px;
383 display: flex;
384 align-items: center;
385 padding: 0 5px;
386 }
387 .rdw-dropdownoption-highlighted {
388 background: #F1F1F1;
389 }
390 .rdw-dropdownoption-active {
391 background: #f5f5f5;
392 }
393 .rdw-dropdownoption-disabled {
394 opacity: 0.3;
395 cursor: default;
396 }
397
398 .rdw-inline-wrapper {
399 display: flex;
400 align-items: center;
401 margin-bottom: 6px;
402 flex-wrap: wrap
403 }
404 .rdw-inline-dropdown {
405 width: 50px;
406 }
407 .rdw-inline-dropdownoption {
408 height: 40px;
409 display: flex;
410 justify-content: center;
411 }
412
413 .rdw-block-wrapper {
414 display: flex;
415 align-items: center;
416 margin-bottom: 6px;
417 flex-wrap: wrap
418 }
419 .rdw-block-dropdown {
420 width: 110px;
421 }
422
423 .rdw-fontsize-wrapper {
424 display: flex;
425 align-items: center;
426 margin-bottom: 6px;
427 flex-wrap: wrap
428 }
429 .rdw-fontsize-dropdown {
430 min-width: 40px;
431 }
432 .rdw-fontsize-option {
433 display: flex;
434 justify-content: center;
435 }
436
437 .rdw-fontfamily-wrapper {
438 display: flex;
439 align-items: center;
440 margin-bottom: 6px;
441 flex-wrap: wrap
442 }
443 .rdw-fontfamily-dropdown {
444 width: 115px;
445 }
446 .rdw-fontfamily-placeholder {
447 white-space: nowrap;
448 max-width: 90px;
449 overflow: hidden;
450 text-overflow: ellipsis;
451 }
452 .rdw-fontfamily-optionwrapper {
453 width: 140px;
454 }
455
456 .rdw-list-wrapper {
457 display: flex;
458 align-items: center;
459 margin-bottom: 6px;
460 flex-wrap: wrap
461 }
462 .rdw-list-dropdown {
463 width: 50px;
464 z-index: 90;
465 }
466 .rdw-list-dropdownOption {
467 height: 40px;
468 display: flex;
469 justify-content: center;
470 }
471
472 .rdw-text-align-wrapper {
473 display: flex;
474 align-items: center;
475 margin-bottom: 6px;
476 flex-wrap: wrap
477 }
478 .rdw-text-align-dropdown {
479 width: 50px;
480 z-index: 90;
481 }
482 .rdw-text-align-dropdownOption {
483 height: 40px;
484 display: flex;
485 justify-content: center;
486 }
487 .rdw-right-aligned-block {
488 text-align: right;
489 }
490 .rdw-left-aligned-block {
491 text-align: left !important;
492 }
493 .rdw-center-aligned-block {
494 text-align: center !important;
495 }
496 .rdw-justify-aligned-block {
497 text-align: justify !important;
498 }
499 .rdw-right-aligned-block > div {
500 display: inline-block;
501 }
502 .rdw-left-aligned-block > div {
503 display: inline-block;
504 }
505 .rdw-center-aligned-block > div {
506 display: inline-block;
507 }
508 .rdw-justify-aligned-block > div {
509 display: inline-block;
510 }
511
512 .rdw-colorpicker-wrapper {
513 display: flex;
514 align-items: center;
515 margin-bottom: 6px;
516 position: relative;
517 flex-wrap: wrap
518 }
519 .rdw-colorpicker-modal {
520 position: absolute;
521 top: 35px;
522 left: 5px;
523 display: flex;
524 flex-direction: column;
525 width: 175px;
526 height: 175px;
527 border: 1px solid #F1F1F1;
528 padding: 15px;
529 border-radius: 2px;
530 z-index: 100;
531 background: white;
532 box-shadow: 3px 3px 5px #BFBDBD;
533 }
534 .rdw-colorpicker-modal-header {
535 display: flex;
536 padding-bottom: 5px;
537 }
538 .rdw-colorpicker-modal-style-label {
539 font-size: 15px;
540 width: 50%;
541 text-align: center;
542 cursor: pointer;
543 padding: 0 10px 5px;
544 }
545 .rdw-colorpicker-modal-style-label-active {
546 border-bottom: 2px solid #0a66b7;
547 }
548 .rdw-colorpicker-modal-options {
549 margin: 5px auto;
550 display: flex;
551 width: 100%;
552 height: 100%;
553 flex-wrap: wrap;
554 overflow: scroll;
555 }
556 .rdw-colorpicker-cube {
557 width: 22px;
558 height: 22px;
559 border: 1px solid #F1F1F1;
560 }
561 .rdw-colorpicker-option {
562 margin: 3px;
563 padding: 0;
564 min-height: 20px;
565 border: none;
566 width: 22px;
567 height: 22px;
568 min-width: 22px;
569 box-shadow: 1px 2px 1px #BFBDBD inset;
570 }
571 .rdw-colorpicker-option:hover {
572 box-shadow: 1px 2px 1px #BFBDBD;
573 }
574 .rdw-colorpicker-option:active {
575 box-shadow: -1px -2px 1px #BFBDBD;
576 }
577 .rdw-colorpicker-option-active {
578 box-shadow: 0px 0px 2px 2px #BFBDBD;
579 }
580
581 .rdw-link-wrapper {
582 display: flex;
583 align-items: center;
584 margin-bottom: 6px;
585 position: relative;
586 flex-wrap: wrap
587 }
588 .rdw-link-dropdown {
589 width: 50px;
590 }
591 .rdw-link-dropdownOption {
592 height: 40px;
593 display: flex;
594 justify-content: center;
595 }
596 .rdw-link-dropdownPlaceholder {
597 margin-left: 8px;
598 }
599 .rdw-link-modal {
600 position: absolute;
601 top: 35px;
602 left: 5px;
603 display: flex;
604 flex-direction: column;
605 width: 235px;
606 height: 205px;
607 border: 1px solid #F1F1F1;
608 padding: 15px;
609 border-radius: 2px;
610 z-index: 100;
611 background: white;
612 box-shadow: 3px 3px 5px #BFBDBD;
613 }
614 .rdw-link-modal-label {
615 font-size: 15px;
616 }
617 .rdw-link-modal-input {
618 margin-top: 5px;
619 border-radius: 2px;
620 border: 1px solid #F1F1F1;
621 height: 25px;
622 margin-bottom: 15px;
623 padding: 0 5px;
624 }
625 .rdw-link-modal-input:focus {
626 outline: none;
627 }
628 .rdw-link-modal-buttonsection {
629 margin: 0 auto;
630 }
631 .rdw-link-modal-target-option {
632 margin-bottom: 20px;
633 }
634 .rdw-link-modal-target-option > span {
635 margin-left: 5px;
636 }
637 .rdw-link-modal-btn {
638 margin-left: 10px;
639 width: 75px;
640 height: 30px;
641 border: 1px solid #F1F1F1;
642 border-radius: 2px;
643 cursor: pointer;
644 background: white;
645 text-transform: capitalize;
646 }
647 .rdw-link-modal-btn:hover {
648 box-shadow: 1px 1px 0px #BFBDBD;
649 }
650 .rdw-link-modal-btn:active {
651 box-shadow: 1px 1px 0px #BFBDBD inset;
652 }
653 .rdw-link-modal-btn:focus {
654 outline: none !important;
655 }
656 .rdw-link-modal-btn:disabled {
657 background: #ece9e9;
658 }
659 .rdw-link-dropdownoption {
660 height: 40px;
661 display: flex;
662 justify-content: center;
663 }
664 .rdw-history-dropdown {
665 width: 50px;
666 }
667
668 .rdw-embedded-wrapper {
669 display: flex;
670 align-items: center;
671 margin-bottom: 6px;
672 position: relative;
673 flex-wrap: wrap
674 }
675 .rdw-embedded-modal {
676 position: absolute;
677 top: 35px;
678 left: 5px;
679 display: flex;
680 flex-direction: column;
681 width: 235px;
682 height: 180px;
683 border: 1px solid #F1F1F1;
684 padding: 15px;
685 border-radius: 2px;
686 z-index: 100;
687 background: white;
688 justify-content: space-between;
689 box-shadow: 3px 3px 5px #BFBDBD;
690 }
691 .rdw-embedded-modal-header {
692 font-size: 15px;
693 display: flex;
694 }
695 .rdw-embedded-modal-header-option {
696 width: 50%;
697 cursor: pointer;
698 display: flex;
699 justify-content: center;
700 align-items: center;
701 flex-direction: column;
702 }
703 .rdw-embedded-modal-header-label {
704 width: 95px;
705 border: 1px solid #f1f1f1;
706 margin-top: 5px;
707 background: #6EB8D4;
708 border-bottom: 2px solid #0a66b7;
709 }
710 .rdw-embedded-modal-link-section {
711 display: flex;
712 flex-direction: column;
713 }
714 .rdw-embedded-modal-link-input {
715 width: 88%;
716 height: 35px;
717 margin: 10px 0;
718 border: 1px solid #F1F1F1;
719 border-radius: 2px;
720 font-size: 15px;
721 padding: 0 5px;
722 }
723 .rdw-embedded-modal-link-input-wrapper {
724 display: flex;
725 align-items: center;
726 }
727 .rdw-embedded-modal-link-input:focus {
728 outline: none;
729 }
730 .rdw-embedded-modal-btn-section {
731 display: flex;
732 justify-content: center;
733 }
734 .rdw-embedded-modal-btn {
735 margin: 0 3px;
736 width: 75px;
737 height: 30px;
738 border: 1px solid #F1F1F1;
739 border-radius: 2px;
740 cursor: pointer;
741 background: white;
742 text-transform: capitalize;
743 }
744 .rdw-embedded-modal-btn:hover {
745 box-shadow: 1px 1px 0px #BFBDBD;
746 }
747 .rdw-embedded-modal-btn:active {
748 box-shadow: 1px 1px 0px #BFBDBD inset;
749 }
750 .rdw-embedded-modal-btn:focus {
751 outline: none !important;
752 }
753 .rdw-embedded-modal-btn:disabled {
754 background: #ece9e9;
755 }
756 .rdw-embedded-modal-size {
757 align-items: center;
758 display: flex;
759 margin: 8px 0;
760 justify-content: space-between;
761 }
762 .rdw-embedded-modal-size-input {
763 width: 80%;
764 height: 20px;
765 border: 1px solid #F1F1F1;
766 border-radius: 2px;
767 font-size: 12px;
768 }
769 .rdw-embedded-modal-size-input:focus {
770 outline: none;
771 }
772
773 .rdw-emoji-wrapper {
774 display: flex;
775 align-items: center;
776 margin-bottom: 6px;
777 position: relative;
778 flex-wrap: wrap
779 }
780 .rdw-emoji-modal {
781 overflow: auto;
782 position: absolute;
783 top: 35px;
784 left: 5px;
785 display: flex;
786 flex-wrap: wrap;
787 width: 235px;
788 height: 180px;
789 border: 1px solid #F1F1F1;
790 padding: 15px;
791 border-radius: 2px;
792 z-index: 100;
793 background: white;
794 box-shadow: 3px 3px 5px #BFBDBD;
795 }
796 .rdw-emoji-icon {
797 margin: 2.5px;
798 height: 24px;
799 width: 24px;
800 cursor: pointer;
801 font-size: 22px;
802 display: flex;
803 justify-content: center;
804 align-items: center;
805 }
806
807 .rdw-spinner {
808 display: flex;
809 align-items: center;
810 justify-content: center;
811 height: 100%;
812 width: 100%;
813 }
814 .rdw-spinner > div {
815 width: 12px;
816 height: 12px;
817 background-color: #333;
818
819 border-radius: 100%;
820 display: inline-block;
821 animation: sk-bouncedelay 1.4s infinite ease-in-out both;
822 }
823 .rdw-spinner .rdw-bounce1 {
824 animation-delay: -0.32s;
825 }
826 .rdw-spinner .rdw-bounce2 {
827 animation-delay: -0.16s;
828 }
829 @keyframes sk-bouncedelay {
830 0%, 80%, 100% {
831 transform: scale(0);
832 } 40% {
833 transform: scale(1.0);
834 }
835 }
836
837 .rdw-image-wrapper {
838 display: flex;
839 align-items: center;
840 margin-bottom: 6px;
841 position: relative;
842 flex-wrap: wrap
843 }
844 .rdw-image-modal {
845 position: absolute;
846 top: 35px;
847 left: 5px;
848 display: flex;
849 flex-direction: column;
850 width: 235px;
851 border: 1px solid #F1F1F1;
852 padding: 15px;
853 border-radius: 2px;
854 z-index: 100;
855 background: white;
856 box-shadow: 3px 3px 5px #BFBDBD;
857 }
858 .rdw-image-modal-header {
859 font-size: 15px;
860 margin: 10px 0;
861 display: flex;
862 }
863 .rdw-image-modal-header-option {
864 width: 50%;
865 cursor: pointer;
866 display: flex;
867 justify-content: center;
868 align-items: center;
869 flex-direction: column;
870 }
871 .rdw-image-modal-header-label {
872 width: 80px;
873 background: #f1f1f1;
874 border: 1px solid #f1f1f1;
875 margin-top: 5px;
876 }
877 .rdw-image-modal-header-label-highlighted {
878 background: #6EB8D4;
879 border-bottom: 2px solid #0a66b7;
880 }
881 .rdw-image-modal-upload-option {
882 width: 100%;
883 color: gray;
884 cursor: pointer;
885 display: flex;
886 border: none;
887 font-size: 15px;
888 align-items: center;
889 justify-content: center;
890 background-color: #f1f1f1;
891 outline: 2px dashed gray;
892 outline-offset: -10px;
893 margin: 10px 0;
894 padding: 9px 0;
895 }
896 .rdw-image-modal-upload-option-highlighted {
897 outline: 2px dashed #0a66b7;
898 }
899 .rdw-image-modal-upload-option-label {
900 cursor: pointer;
901 height: 100%;
902 width: 100%;
903 display: flex;
904 justify-content: center;
905 align-items: center;
906 padding: 15px;
907 }
908 .rdw-image-modal-upload-option-label span{
909 padding: 0 20px;
910 }
911 .rdw-image-modal-upload-option-image-preview {
912 max-width: 100%;
913 max-height: 200px;
914 }
915 .rdw-image-modal-upload-option-input {
916 width: 0.1px;
917 height: 0.1px;
918 opacity: 0;
919 overflow: hidden;
920 position: absolute;
921 z-index: -1;
922 }
923 .rdw-image-modal-url-section {
924 display: flex;
925 align-items: center;
926 }
927 .rdw-image-modal-url-input {
928 width: 90%;
929 height: 35px;
930 margin: 15px 0 12px;
931 border: 1px solid #F1F1F1;
932 border-radius: 2px;
933 font-size: 15px;
934 padding: 0 5px;
935 }
936 .rdw-image-modal-btn-section {
937 margin: 10px auto 0;
938 }
939 .rdw-image-modal-url-input:focus {
940 outline: none;
941 }
942 .rdw-image-modal-btn {
943 margin: 0 5px;
944 width: 75px;
945 height: 30px;
946 border: 1px solid #F1F1F1;
947 border-radius: 2px;
948 cursor: pointer;
949 background: white;
950 text-transform: capitalize;
951 }
952 .rdw-image-modal-btn:hover {
953 box-shadow: 1px 1px 0px #BFBDBD;
954 }
955 .rdw-image-modal-btn:active {
956 box-shadow: 1px 1px 0px #BFBDBD inset;
957 }
958 .rdw-image-modal-btn:focus {
959 outline: none !important;
960 }
961 .rdw-image-modal-btn:disabled {
962 background: #ece9e9;
963 }
964 .rdw-image-modal-spinner {
965 position: absolute;
966 top: -3px;
967 left: 0;
968 width: 100%;
969 height: 100%;
970 opacity: 0.5;
971 }
972 .rdw-image-modal-alt-input {
973 width: 70%;
974 height: 20px;
975 border: 1px solid #F1F1F1;
976 border-radius: 2px;
977 font-size: 12px;
978 margin-left: 5px;
979 }
980 .rdw-image-modal-alt-input:focus {
981 outline: none;
982 }
983 .rdw-image-modal-alt-lbl {
984 font-size: 12px;
985 }
986 .rdw-image-modal-size {
987 align-items: center;
988 display: flex;
989 margin: 8px 0;
990 justify-content: space-between;
991 }
992 .rdw-image-modal-size-input {
993 width: 40%;
994 height: 20px;
995 border: 1px solid #F1F1F1;
996 border-radius: 2px;
997 font-size: 12px;
998 }
999 .rdw-image-modal-size-input:focus {
1000 outline: none;
1001 }
1002 .rdw-image-mandatory-sign {
1003 color: red;
1004 margin-left: 3px;
1005 margin-right: 3px;
1006 }
1007
1008 .rdw-remove-wrapper {
1009 display: flex;
1010 align-items: center;
1011 margin-bottom: 6px;
1012 position: relative;
1013 flex-wrap: wrap
1014 }
1015
1016 .rdw-history-wrapper {
1017 display: flex;
1018 align-items: center;
1019 margin-bottom: 6px;
1020 flex-wrap: wrap
1021 }
1022 .rdw-history-dropdownoption {
1023 height: 40px;
1024 display: flex;
1025 justify-content: center;
1026 }
1027 .rdw-history-dropdown {
1028 width: 50px;
1029 }
1030
1031 .rdw-link-decorator-wrapper {
1032 position: relative;
1033 }
1034 .rdw-link-decorator-icon {
1035 position: absolute;
1036 left: 40%;
1037 top: 0;
1038 cursor: pointer;
1039 background-color: white;
1040 }
1041
1042 .rdw-mention-link {
1043 text-decoration: none;
1044 color: #1236ff;
1045 background-color: #f0fbff;
1046 padding: 1px 2px;
1047 border-radius: 2px;
1048 }
1049
1050 .rdw-suggestion-wrapper {
1051 position: relative;
1052 }
1053 .rdw-suggestion-dropdown {
1054 position: absolute;
1055 display: flex;
1056 flex-direction: column;
1057 border: 1px solid #F1F1F1;
1058 min-width: 100px;
1059 max-height: 150px;
1060 overflow: auto;
1061 background: white;
1062 z-index: 100;
1063 }
1064 .rdw-suggestion-option {
1065 padding: 7px 5px;
1066 border-bottom: 1px solid #f1f1f1;
1067 }
1068 .rdw-suggestion-option-active {
1069 background-color: #F1F1F1;
1070 }
1071
1072 .rdw-hashtag-link {
1073 text-decoration: none;
1074 color: #1236ff;
1075 background-color: #f0fbff;
1076 padding: 1px 2px;
1077 border-radius: 2px;
1078 }
1079
1080 .rdw-image-alignment-options-popup {
1081 position: absolute;
1082 background: white;
1083 display: flex;
1084 padding: 5px 2px;
1085 border-radius: 2px;
1086 border: 1px solid #F1F1F1;
1087 width: 105px;
1088 cursor: pointer;
1089 z-index: 100;
1090 }
1091 .rdw-alignment-option-left {
1092 justify-content: flex-start;
1093 }
1094 .rdw-image-alignment-option {
1095 height: 15px;
1096 width: 15px;
1097 min-width: 15px;
1098 }
1099 .rdw-image-alignment {
1100 position: relative;
1101 }
1102 .rdw-image-imagewrapper {
1103 position: relative;
1104 }
1105 .rdw-image-center {
1106 display: flex;
1107 justify-content: center;
1108 }
1109 .rdw-image-left {
1110 display: flex;
1111 }
1112 .rdw-image-right {
1113 display: flex;
1114 justify-content: flex-end;
1115 }
1116 .rdw-image-alignment-options-popup-right {
1117 right: 0;
1118 }
1119
1120 .rdw-editor-main {
1121 height: 100%;
1122 overflow: auto;
1123 box-sizing: border-box;
1124 }
1125 .rdw-editor-toolbar {
1126 padding: 6px 5px 0;
1127 border-radius: 2px;
1128 border: 1px solid #F1F1F1;
1129 display: flex;
1130 justify-content: flex-start;
1131 background: white;
1132 flex-wrap: wrap;
1133 font-size: 15px;
1134 margin-bottom: 5px;
1135 -webkit-user-select: none;
1136 user-select: none;
1137 }
1138 .public-DraftStyleDefault-block {
1139 margin: 1em 0;
1140 }
1141 .rdw-editor-wrapper:focus {
1142 outline: none;
1143 }
1144 .rdw-editor-wrapper {
1145 box-sizing: content-box;
1146 }
1147 .rdw-editor-main blockquote {
1148 border-left: 5px solid #f1f1f1;
1149 padding-left: 5px;
1150 }
1151 .rdw-editor-main pre {
1152 background: #f1f1f1;
1153 border-radius: 3px;
1154 padding: 1px 10px;
1155 }
1156 /**
1157 * Draft v0.9.1
1158 *
1159 * Copyright (c) 2013-present, Facebook, Inc.
1160 * All rights reserved.
1161 *
1162 * This source code is licensed under the BSD-style license found in the
1163 * LICENSE file in the root directory of this source tree. An additional grant
1164 * of patent rights can be found in the PATENTS file in the same directory.
1165 */
1166 .DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:0}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}
1167
1168
1169 /*# sourceMappingURL=react-draft-wysiwyg.css.map*/
1170 /*!***************************************************************************************************************************************************************************************************************************************************************************!*\
1171 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./react-src/admin/glossaries/assets/scss/bd-faq.scss ***!
1172 \***************************************************************************************************************************************************************************************************************************************************************************/
1173 @charset "UTF-8";
1174 .betterdocs_page_betterdocs-faq {
1175 background: #f5f6fb;
1176 }
1177 .betterdocs_page_betterdocs-faq.swal2-height-auto {
1178 height: inherit !important;
1179 }
1180
1181 .betterdocs-faq-wrapper {
1182 display: flex;
1183 flex-direction: column;
1184 /* toggler */
1185 }
1186 .betterdocs-faq-wrapper .bd-faq-header {
1187 height: auto;
1188 background: #fff;
1189 -webkit-display: flex;
1190 display: flex;
1191 justify-content: flex-end;
1192 align-items: center;
1193 margin-bottom: 15px;
1194 border: 1px solid #e7ebf3;
1195 box-sizing: border-box;
1196 border-radius: 5px;
1197 }
1198 .betterdocs-faq-wrapper .bd-faq-header .bd-faq-header-left {
1199 display: flex;
1200 flex: 1 1 auto;
1201 align-content: center;
1202 align-items: center;
1203 }
1204 .betterdocs-faq-wrapper .bd-faq-header .bd-faq-header-left .betterdocs-admin-logo-inline {
1205 padding: 25px 0 20px 23px;
1206 }
1207 .betterdocs-faq-wrapper .bd-faq-header .bd-faq-header-left .betterdocs-admin-logo-inline svg {
1208 width: auto;
1209 height: 35px;
1210 transform: translateY(-3px);
1211 }
1212 .betterdocs-faq-wrapper .bd-faq-header .bd-faq-header-left .title {
1213 font-size: 18px;
1214 color: #23282d;
1215 font-weight: 500;
1216 margin: 0px;
1217 padding-left: 5px;
1218 line-height: 1;
1219 }
1220 .betterdocs-faq-wrapper .bd-faq-header .bd-faq-header-right {
1221 flex: 1 1 auto;
1222 text-align: right;
1223 display: flex;
1224 gap: 15px;
1225 justify-content: flex-end;
1226 padding-right: 25px;
1227 }
1228 .betterdocs-faq-wrapper .bd-faq-button-group {
1229 display: flex;
1230 column-gap: 20px;
1231 row-gap: 10px;
1232 flex-wrap: wrap;
1233 }
1234 .betterdocs-faq-wrapper .bd-faq-button-group.direction-column {
1235 flex-direction: column;
1236 }
1237 .betterdocs-faq-wrapper .bd-faq-button {
1238 display: flex;
1239 min-height: 36px;
1240 padding: 2px 15px;
1241 border-radius: 3px;
1242 justify-content: center;
1243 align-items: center;
1244 background-color: #f1fff9;
1245 background-image: none;
1246 color: #15c7a4;
1247 border: 1px solid #15c7a4;
1248 cursor: pointer;
1249 font-size: 12px;
1250 font-weight: 500;
1251 transition: all 0.3s ease 0s;
1252 text-decoration: none;
1253 box-sizing: border-box;
1254 }
1255 .betterdocs-faq-wrapper .bd-faq-button .bd-faq-icon {
1256 width: 16px;
1257 display: inline-flex;
1258 align-items: center;
1259 transform: translateX(-4px);
1260 margin-right: 4px;
1261 }
1262 .betterdocs-faq-wrapper .bd-faq-button .bd-faq-icon img,
1263 .betterdocs-faq-wrapper .bd-faq-button .bd-faq-icon svg {
1264 max-width: 100%;
1265 color: #15c7a4;
1266 fill: #15c7a4;
1267 transition: all 0.3s ease 0s;
1268 }
1269 .betterdocs-faq-wrapper .bd-faq-button:hover {
1270 background-color: #15c7a4;
1271 background-image: -webkit-linear-gradient(-169deg, #15c7a4 0%, #31da8d 100%);
1272 color: #fff;
1273 border-color: transparent;
1274 }
1275 .betterdocs-faq-wrapper .bd-faq-button:hover .bd-faq-icon img,
1276 .betterdocs-faq-wrapper .bd-faq-button:hover .bd-faq-icon svg {
1277 color: #fff;
1278 fill: #fff;
1279 }
1280 .betterdocs-faq-wrapper .bd-faq-button.button-danger {
1281 color: #f23759;
1282 border: 1px solid #f23759;
1283 background-color: #fff4f6;
1284 }
1285 .betterdocs-faq-wrapper .bd-faq-button.button-danger:hover {
1286 background-color: #f23759;
1287 color: #fff;
1288 background-image: -webkit-linear-gradient(-169deg, #f673a3 0%, #f23759 100%) !important;
1289 }
1290 .betterdocs-faq-wrapper .bd-faq-button.button-success {
1291 background-color: #15c7a4;
1292 background-image: -webkit-linear-gradient(-169deg, #15c7a4 0%, #31da8d 100%) !important;
1293 color: rgb(255, 255, 255) !important;
1294 border-color: transparent !important;
1295 }
1296 .betterdocs-faq-wrapper .bd-faq-button.button-success .bd-faq-icon img,
1297 .betterdocs-faq-wrapper .bd-faq-button.button-success .bd-faq-icon svg {
1298 color: #fff !important;
1299 fill: #fff !important;
1300 }
1301 .betterdocs-faq-wrapper .bd-faq-button.button-success:hover {
1302 background-color: #15c7a4;
1303 background-image: -webkit-linear-gradient(-169deg, #31da8d 0%, #15c7a4 100%) !important;
1304 }
1305 .betterdocs-faq-wrapper .bd-faq-label {
1306 font-size: 14px;
1307 font-weight: 500;
1308 color: #626b77;
1309 cursor: initial;
1310 }
1311 .betterdocs-faq-wrapper .bd-faq-label[required]:after {
1312 content: "*";
1313 margin-left: 5px;
1314 margin-top: 5px;
1315 color: #f23759;
1316 }
1317 .betterdocs-faq-wrapper .bd-faq-input {
1318 height: 40px;
1319 border: 1px solid #e7ebf3;
1320 background: #e7ebf3;
1321 width: 100%;
1322 color: #252525;
1323 padding: 5px 15px;
1324 font-size: 14px;
1325 outline: none;
1326 box-shadow: none;
1327 border-radius: 5px;
1328 }
1329 .betterdocs-faq-wrapper .bd-faq-input::placeholder {
1330 color: #626b77;
1331 }
1332 .betterdocs-faq-wrapper .bd-faq-input:not(:read-only) {
1333 cursor: pointer;
1334 }
1335 .betterdocs-faq-wrapper .bd-faq-input:not(:read-only):focus {
1336 border-color: rgba(49, 218, 141, 0.5);
1337 outline: none;
1338 box-shadow: none;
1339 }
1340 .betterdocs-faq-wrapper .bd-faq-input:read-only {
1341 cursor: initial;
1342 }
1343 .betterdocs-faq-wrapper .bd-faq-textarea {
1344 cursor: pointer;
1345 border: 1px solid #e7ebf3;
1346 background: #e7ebf3;
1347 width: 100%;
1348 color: #252525;
1349 padding: 10px 15px;
1350 font-size: 14px;
1351 outline: none;
1352 box-shadow: none;
1353 min-height: 100px;
1354 }
1355 .betterdocs-faq-wrapper .bd-faq-textarea::placeholder {
1356 color: #626b77;
1357 }
1358 .betterdocs-faq-wrapper .bd-faq-textarea:focus {
1359 border-color: rgba(49, 218, 141, 0.5);
1360 outline: none;
1361 box-shadow: none;
1362 }
1363 .betterdocs-faq-wrapper .bd-faq-select {
1364 z-index: 2;
1365 }
1366 .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__control {
1367 border: 1px solid #e7ebf3;
1368 background: #e7ebf3;
1369 height: 40px;
1370 border-radius: 5px;
1371 }
1372 .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__control .bd-faq-select__value-container {
1373 padding: 0 15px;
1374 }
1375 .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__control .bd-faq-select__input:focus {
1376 box-shadow: none;
1377 outline: none;
1378 border: none;
1379 }
1380 .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__control .bd-faq-select__indicator-separator {
1381 background: #626b77;
1382 }
1383 .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__control .bd-faq-select__indicator {
1384 color: #626b77;
1385 }
1386 .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__control--is-focused {
1387 border-color: rgba(49, 218, 141, 0.5);
1388 outline: none;
1389 box-shadow: none;
1390 }
1391 .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__control--is-focused .bd-faq-select__indicator-separator {
1392 background: #31da8d;
1393 }
1394 .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__control--is-focused .bd-faq-select__indicator {
1395 color: #31da8d;
1396 }
1397 .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__menu {
1398 box-shadow: none;
1399 border: 1px solid #e7ebf3;
1400 }
1401 .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__menu .bd-faq-select__menu-list {
1402 max-height: 200px;
1403 overflow: auto;
1404 scrollbar-width: 0;
1405 }
1406 .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__menu .bd-faq-select__menu-list::-webkit-scrollbar {
1407 width: 0;
1408 }
1409 .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__menu .bd-faq-select__option--is-focused {
1410 background: rgba(49, 218, 141, 0.1);
1411 }
1412 .betterdocs-faq-wrapper .bd-faq-select .bd-faq-select__menu .bd-faq-select__option--is-selected {
1413 background: #31da8d;
1414 }
1415 .betterdocs-faq-wrapper .bd-faq-editor {
1416 height: 200px;
1417 }
1418 .betterdocs-faq-wrapper .bd-faq-editor .bd-faq-editor-toolbar {
1419 margin-bottom: 0px;
1420 border: 1px solid #e7ebf3;
1421 border-radius: 5px 5px 0 0;
1422 }
1423 .betterdocs-faq-wrapper .bd-faq-editor .bd-faq-editor-main {
1424 height: calc(100% - 46px);
1425 padding: 0px 15px;
1426 box-sizing: border-box;
1427 border: 1px solid #e7ebf3;
1428 background: #e7ebf3;
1429 border-top: 0px;
1430 border-radius: 0 0 5px 5px;
1431 font-size: 14px;
1432 }
1433 .betterdocs-faq-wrapper .bd-faq-editor .bd-faq-editor-main .public-DraftEditorPlaceholder-root {
1434 color: #626b77;
1435 }
1436 .betterdocs-faq-wrapper .bd-faq-editor:focus-within .bd-faq-editor-toolbar {
1437 border-color: rgba(49, 218, 141, 0.5);
1438 }
1439 .betterdocs-faq-wrapper .bd-faq-editor:focus-within .bd-faq-editor-main {
1440 border-color: rgba(49, 218, 141, 0.5);
1441 }
1442 .betterdocs-faq-wrapper .bd-faq-toggler {
1443 position: relative;
1444 width: 48px;
1445 height: 25px;
1446 overflow: hidden;
1447 border-radius: 20px;
1448 }
1449 .betterdocs-faq-wrapper .bd-faq-toggler .checkbox {
1450 position: relative;
1451 width: 100%;
1452 height: 100%;
1453 padding: 0;
1454 margin: 0;
1455 opacity: 0;
1456 cursor: pointer;
1457 z-index: 3;
1458 }
1459 .betterdocs-faq-wrapper .bd-faq-toggler .knobs {
1460 z-index: 2;
1461 position: absolute;
1462 top: 0;
1463 right: 0;
1464 bottom: 0;
1465 left: 0;
1466 }
1467 .betterdocs-faq-wrapper .bd-faq-toggler .layer {
1468 width: 100%;
1469 background-color: #f23759;
1470 transition: 0.3s ease all;
1471 z-index: 1;
1472 position: absolute;
1473 top: 0;
1474 right: 0;
1475 bottom: 0;
1476 left: 0;
1477 }
1478 .betterdocs-faq-wrapper .bd-faq-toggler .knobs:before {
1479 position: absolute;
1480 top: 4px;
1481 width: 9px;
1482 height: 7px;
1483 font-size: 10px;
1484 font-weight: bold;
1485 text-align: center;
1486 line-height: 1;
1487 padding: 5px 4px;
1488 border-radius: 2px;
1489 transition: 0.3s ease all;
1490 border-radius: 20px;
1491 }
1492 .betterdocs-faq-wrapper .bd-faq-toggler .knobs:before {
1493 content: "";
1494 left: 5px;
1495 background-color: #fff;
1496 }
1497 .betterdocs-faq-wrapper .bd-faq-toggler .checkbox:checked + .knobs:before {
1498 left: 26px;
1499 background-color: #fff;
1500 }
1501 .betterdocs-faq-wrapper .bd-faq-toggler .checkbox:checked ~ .layer {
1502 background-color: #15c7a4;
1503 }
1504 .betterdocs-faq-wrapper .bd-error-message {
1505 font-size: 13px;
1506 color: #f23759;
1507 margin: 0;
1508 }
1509 .betterdocs-faq-wrapper .btd-pagination-wrapper {
1510 display: flex;
1511 align-items: center;
1512 }
1513 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination {
1514 display: flex;
1515 }
1516 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination > *:not(:last-child) {
1517 margin-right: 5px;
1518 }
1519 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination:after {
1520 display: block;
1521 clear: both;
1522 height: 0;
1523 overflow: hidden;
1524 visibility: hidden;
1525 content: "";
1526 }
1527 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-total-text {
1528 display: flex;
1529 align-items: center;
1530 justify-content: center;
1531 height: 24px;
1532 }
1533 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-item {
1534 display: flex;
1535 min-width: 30px;
1536 height: 30px;
1537 font-size: 14px;
1538 font-weight: 500;
1539 color: #23282d;
1540 cursor: pointer;
1541 -webkit-user-select: none;
1542 user-select: none;
1543 border-radius: 3px;
1544 padding: 5px;
1545 box-sizing: border-box;
1546 background: #fff;
1547 border: 1px solid #e7ebf3;
1548 transition: none;
1549 }
1550 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-item button,
1551 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-item a {
1552 display: inline-flex;
1553 justify-content: center;
1554 align-items: center;
1555 width: 100%;
1556 color: #23282d;
1557 transition: none;
1558 }
1559 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-item:focus, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-item-active, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-item:hover {
1560 background: linear-gradient(90deg, #32d978 3.09%, #20bf91 100%);
1561 border-color: #20bf91;
1562 }
1563 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-item:focus a, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-item-active a, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-item:hover a {
1564 color: #fff;
1565 }
1566 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-prev, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-next {
1567 cursor: pointer;
1568 border-radius: 3px;
1569 -webkit-user-select: none;
1570 user-select: none;
1571 background: transparent;
1572 border: 1px solid transparent;
1573 transition: none;
1574 }
1575 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-prev .rc-pagination-item-link,
1576 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-prev button, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-next .rc-pagination-item-link,
1577 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-next button {
1578 background: none;
1579 border-color: transparent;
1580 cursor: pointer;
1581 }
1582 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-prev .rc-pagination-item-link:after,
1583 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-prev button:after, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-next .rc-pagination-item-link:after,
1584 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-next button:after {
1585 display: block;
1586 content: "•••";
1587 color: #23282d;
1588 font-size: 14px;
1589 transition: none;
1590 }
1591 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-prev:focus, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-prev:hover, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-next:focus, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-next:hover {
1592 background: linear-gradient(90deg, #32d978 3.09%, #20bf91 100%);
1593 border-color: #20bf91;
1594 }
1595 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-prev:focus .rc-pagination-item-link:after,
1596 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-prev:focus button:after, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-prev:hover .rc-pagination-item-link:after,
1597 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-prev:hover button:after, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-next:focus .rc-pagination-item-link:after,
1598 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-next:focus button:after, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-next:hover .rc-pagination-item-link:after,
1599 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-next:hover button:after {
1600 color: #fff;
1601 }
1602 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-prev, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-next, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-prev, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-jump-next {
1603 display: flex;
1604 justify-content: center;
1605 align-items: center;
1606 min-width: 30px;
1607 height: 30px;
1608 color: #23282d;
1609 cursor: pointer;
1610 font-size: 14px;
1611 }
1612 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-prev button, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-next button {
1613 cursor: pointer;
1614 -webkit-user-select: none;
1615 user-select: none;
1616 }
1617 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-prev .rc-pagination-item-link, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-next .rc-pagination-item-link {
1618 height: 100%;
1619 width: 100%;
1620 display: flex;
1621 align-items: center;
1622 justify-content: center;
1623 color: #29c985;
1624 background: #fff;
1625 border: 1px solid #e7ebf3;
1626 transition: none;
1627 }
1628 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-prev:focus .rc-pagination-item-link, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-prev:hover .rc-pagination-item-link, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-next:focus .rc-pagination-item-link, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-next:hover .rc-pagination-item-link {
1629 background: linear-gradient(90deg, #32d978 3.09%, #20bf91 100%);
1630 border-color: #20bf91;
1631 color: #fff;
1632 }
1633 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-prev:focus:not([aria-disabled=true]), .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-prev-active:not([aria-disabled=true]), .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-prev:hover:not([aria-disabled=true]), .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-next:focus:not([aria-disabled=true]), .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-next-active:not([aria-disabled=true]), .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-next:hover:not([aria-disabled=true]) {
1634 background: linear-gradient(90deg, #32d978 3.09%, #20bf91 100%);
1635 border-radius: 3px;
1636 color: #fff;
1637 }
1638 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-prev button:after {
1639 font-size: 18px;
1640 display: inline-block;
1641 }
1642 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-next button:after {
1643 font-size: 18px;
1644 display: block;
1645 }
1646 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-disabled {
1647 color: #a7b6c7;
1648 }
1649 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-disabled:hover, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-disabled:focus {
1650 cursor: not-allowed;
1651 }
1652 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-simple .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-prev, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-simple .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-next {
1653 height: 30px;
1654 display: flex;
1655 align-items: center;
1656 justify-content: center;
1657 }
1658 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-simple .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-prev .rc-pagination-item-link, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-simple .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-next .rc-pagination-item-link {
1659 height: 24px;
1660 }
1661 .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-simple .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-prev .rc-pagination-item-link::after, .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-simple .betterdocs-faq-wrapper .btd-pagination-wrapper .rc-pagination-next .rc-pagination-item-link::after {
1662 height: 24px;
1663 }
1664 .betterdocs-faq-wrapper .bd-faq-empty-dashboard {
1665 min-height: 300px;
1666 display: flex;
1667 flex-direction: column;
1668 align-items: center;
1669 justify-content: center;
1670 text-align: center;
1671 background: #fff;
1672 border: 1px solid #e7ebf3;
1673 border-radius: 5px;
1674 padding: 50px;
1675 }
1676 .betterdocs-faq-wrapper .bd-faq-empty-dashboard .bd-faq-empty-icon {
1677 height: 120px;
1678 width: 120px;
1679 flex-shrink: 1;
1680 border-radius: 50%;
1681 background-color: #15c7a4;
1682 background-image: -webkit-linear-gradient(-169deg, #15c7a4 0%, #37de89 100%);
1683 display: flex;
1684 align-items: center;
1685 justify-content: center;
1686 }
1687 .betterdocs-faq-wrapper .bd-faq-empty-dashboard .bd-faq-empty-icon img,
1688 .betterdocs-faq-wrapper .bd-faq-empty-dashboard .bd-faq-empty-icon svg {
1689 max-width: 100%;
1690 width: 75px;
1691 }
1692 .betterdocs-faq-wrapper .bd-faq-empty-dashboard .bd-faq-empty-dashboard-title {
1693 font-size: 20px;
1694 font-weight: 400;
1695 margin-top: 20px;
1696 margin-bottom: 0;
1697 }
1698 .betterdocs-faq-wrapper .bd-faq-empty-dashboard .bd-faq-empty-dashboard-desc {
1699 font-size: 16px;
1700 font-weight: 400;
1701 margin-top: 10px;
1702 margin-bottom: 0;
1703 color: #626b77;
1704 }
1705 .betterdocs-faq-wrapper .bd-faq-empty-dashboard .bd-faq-button-group {
1706 justify-content: center;
1707 margin-top: 20px;
1708 }
1709 .betterdocs-faq-wrapper .bd-faq-create-new {
1710 background: #fff;
1711 border: 1px solid #e7ebf3;
1712 border-radius: 5px;
1713 display: flex;
1714 flex-direction: column;
1715 }
1716 .betterdocs-faq-wrapper .bd-faq-create-new .bd-faq-create-new-body {
1717 display: flex;
1718 flex-direction: column;
1719 justify-content: center;
1720 padding: 15px 20px 20px;
1721 gap: 10px;
1722 }
1723 .betterdocs-faq-wrapper .bd-faq-create-new .bd-faq-create-new-body .bd-faq-cgt-field {
1724 display: flex;
1725 flex-direction: column;
1726 gap: 5px;
1727 }
1728 .betterdocs-faq-wrapper .bd-faq-create-new .bd-faq-create-new-footer {
1729 border-top: 1px solid rgba(0, 0, 0, 0.1);
1730 padding: 15px 20px;
1731 display: flex;
1732 justify-content: flex-end;
1733 }
1734 .betterdocs-faq-wrapper .bd-faq-ctg-list {
1735 display: flex;
1736 flex-direction: column;
1737 }
1738 .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg {
1739 background: #e7ebf3;
1740 border: 1px solid #e7ebf3;
1741 border-radius: 5px;
1742 }
1743 .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head {
1744 display: flex;
1745 align-items: center;
1746 background: #fff;
1747 padding: 0 20px;
1748 border-radius: 5px;
1749 gap: 15px;
1750 min-height: 56px;
1751 box-sizing: border-box;
1752 }
1753 .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-ctg-title {
1754 font-size: 18px;
1755 line-height: 50px;
1756 margin: 0;
1757 color: #252525;
1758 flex: 1;
1759 cursor: pointer;
1760 }
1761 .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-button-reset {
1762 background: transparent;
1763 border: none;
1764 padding: 0;
1765 display: flex;
1766 align-items: center;
1767 }
1768 .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-ctg-drag-button svg,
1769 .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-ctg-drag-button img {
1770 width: 16px;
1771 color: #a0a8b2;
1772 fill: #a0a8b2;
1773 }
1774 .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-action-button {
1775 cursor: pointer;
1776 margin-left: 5px;
1777 }
1778 .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-action-button img,
1779 .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-action-button svg {
1780 width: 16px;
1781 color: #a0a8b2;
1782 fill: #a0a8b2;
1783 }
1784 .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-action-button:hover img,
1785 .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-action-button:hover svg {
1786 color: #252525;
1787 fill: #252525;
1788 }
1789 .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-accordion-icon {
1790 background: #e7ebf3;
1791 border: 1px solid #e7ebf3;
1792 height: 24px;
1793 width: 24px;
1794 min-height: 24px;
1795 border-radius: 50%;
1796 display: flex;
1797 align-items: center;
1798 justify-content: center;
1799 cursor: pointer;
1800 padding: 0;
1801 transition: all 0.3s ease;
1802 margin-left: 5px;
1803 transform: rotate(0deg);
1804 }
1805 .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-accordion-icon img,
1806 .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-accordion-icon svg {
1807 width: 11px;
1808 margin-top: 1px;
1809 color: #626b77;
1810 fill: #626b77;
1811 transition: all 0.1s ease-in-out;
1812 }
1813 .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-accordion-icon:hover, .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-accordion-icon.active {
1814 background: #15c7a4;
1815 border: 1px solid #15c7a4;
1816 }
1817 .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-accordion-icon:hover img,
1818 .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-accordion-icon:hover svg, .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-accordion-icon.active img,
1819 .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-accordion-icon.active svg {
1820 color: #fff;
1821 fill: #fff;
1822 }
1823 .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-ctg-head .bd-faq-accordion-icon.active {
1824 transform: rotate(180deg);
1825 }
1826 .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-category-body {
1827 background: #e7ebf3;
1828 overflow-y: auto;
1829 overflow-x: hidden;
1830 transition: grid-template-rows 0.1s linear;
1831 border-bottom-left-radius: 5px;
1832 border-bottom-right-radius: 5px;
1833 display: grid;
1834 grid-template-rows: 0fr;
1835 }
1836 .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-category-body.active {
1837 grid-template-rows: 1fr;
1838 }
1839 .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg .bd-faq-category-body .bd-faq-category-body-inner {
1840 padding: 15px 15px;
1841 display: flex;
1842 flex-direction: column;
1843 padding-bottom: 5px;
1844 max-height: 575px;
1845 overflow-y: auto;
1846 }
1847 .betterdocs-faq-wrapper .bd-faq-ctg-list .bd-faq-ctg-list-droppable .bd-faq-ctg {
1848 margin-bottom: 15px;
1849 }
1850 .betterdocs-faq-wrapper .bd-faq {
1851 display: flex;
1852 flex-direction: column;
1853 background: #dfe6f4;
1854 border: 2px solid #fff;
1855 border-radius: 5px;
1856 margin-bottom: 10px;
1857 }
1858 .betterdocs-faq-wrapper .bd-faq .bd-faq-head {
1859 display: flex;
1860 align-items: center;
1861 gap: 10px;
1862 padding: 0 20px;
1863 background: #fff;
1864 border-radius: 2px;
1865 min-height: 44px;
1866 box-sizing: border-box;
1867 }
1868 .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-title {
1869 font-size: 16px;
1870 line-height: 40px;
1871 margin: 0;
1872 color: #252525;
1873 flex: 1;
1874 cursor: pointer;
1875 }
1876 .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-button-reset {
1877 background: transparent;
1878 border: none;
1879 padding: 0;
1880 display: flex;
1881 align-items: center;
1882 }
1883 .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-drag-button svg,
1884 .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-drag-button img {
1885 width: 14px;
1886 color: #a0a8b2;
1887 fill: #a0a8b2;
1888 }
1889 .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-action-button {
1890 cursor: pointer;
1891 margin-left: 7px;
1892 }
1893 .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-action-button img,
1894 .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-action-button svg {
1895 width: 14px;
1896 color: #a0a8b2;
1897 fill: #a0a8b2;
1898 }
1899 .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-action-button:hover img,
1900 .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-action-button:hover svg {
1901 color: #252525;
1902 fill: #252525;
1903 }
1904 .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-action-button.magic-icon svg {
1905 color: #a0a8b2;
1906 fill: none !important;
1907 }
1908 .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-action-button.magic-icon:hover svg path {
1909 stroke: #252525 !important;
1910 }
1911 .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-accordion-icon {
1912 background: #e7ebf3;
1913 border: 1px solid #e7ebf3;
1914 height: 20px;
1915 width: 20px;
1916 min-height: 20px;
1917 border-radius: 50%;
1918 display: flex;
1919 align-items: center;
1920 justify-content: center;
1921 cursor: pointer;
1922 padding: 0;
1923 transition: all 0.1s ease-in-out;
1924 margin-left: 5px;
1925 }
1926 .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-accordion-icon img,
1927 .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-accordion-icon svg {
1928 width: 8px;
1929 margin-top: 1px;
1930 color: #626b77;
1931 fill: #626b77;
1932 transition: all 0.1s ease-in-out;
1933 }
1934 .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-accordion-icon:hover, .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-accordion-icon.active {
1935 background: #15c7a4;
1936 border: 1px solid #15c7a4;
1937 }
1938 .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-accordion-icon:hover img,
1939 .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-accordion-icon:hover svg, .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-accordion-icon.active img,
1940 .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-accordion-icon.active svg {
1941 color: #fff;
1942 fill: #fff;
1943 }
1944 .betterdocs-faq-wrapper .bd-faq .bd-faq-head .bd-faq-accordion-icon.active {
1945 transform: rotate(180deg);
1946 }
1947 .betterdocs-faq-wrapper .bd-faq .bd-faq-body {
1948 background: #dfe6f4;
1949 border-radius: 10px;
1950 transition: height 0.1s linear;
1951 overflow: hidden;
1952 max-height: 555px;
1953 }
1954 .betterdocs-faq-wrapper .bd-faq .bd-faq-body:not(.active) {
1955 max-height: 0;
1956 }
1957 .betterdocs-faq-wrapper .bd-faq .bd-faq-body .bd-faq-body-inner {
1958 padding: 15px;
1959 display: flex;
1960 flex-direction: column;
1961 gap: 10px;
1962 }
1963 .betterdocs-faq-wrapper .bd-faq-loader {
1964 height: 250px;
1965 width: 100%;
1966 display: flex;
1967 align-items: center;
1968 justify-content: center;
1969 flex-direction: column;
1970 }
1971 .betterdocs-faq-wrapper .bd-faq-loader svg {
1972 height: 25px;
1973 width: auto;
1974 animation: identifier 1.5s linear infinite;
1975 padding-bottom: 1.5px;
1976 fill: #a0a8b2;
1977 }
1978 .betterdocs-faq-wrapper .bd-faq-loader .bd-title {
1979 font-size: 20px;
1980 font-weight: 400;
1981 margin-top: 10px;
1982 margin-bottom: 0;
1983 color: #a0a8b2;
1984 }
1985 @keyframes identifier {
1986 0% {
1987 transform: rotate(0deg);
1988 }
1989 100% {
1990 transform: rotate(360deg);
1991 }
1992 }
1993 .betterdocs-faq-wrapper .bd-empty-faq-category {
1994 display: flex;
1995 flex-direction: column;
1996 justify-content: center;
1997 align-items: center;
1998 text-align: center;
1999 margin: 0 auto;
2000 padding: 30px 0;
2001 background: #fff;
2002 width: 100%;
2003 margin-bottom: 5px;
2004 border-radius: 10px;
2005 }
2006 .betterdocs-faq-wrapper .bd-empty-faq-category .bd-faq-empty-icon {
2007 height: 120px;
2008 width: 120px;
2009 flex-shrink: 1;
2010 border-radius: 50%;
2011 background-color: #15c7a4;
2012 background-image: -webkit-linear-gradient(-169deg, #15c7a4 0%, #37de89 100%);
2013 display: flex;
2014 align-items: center;
2015 justify-content: center;
2016 }
2017 .betterdocs-faq-wrapper .bd-empty-faq-category .bd-faq-empty-icon img,
2018 .betterdocs-faq-wrapper .bd-empty-faq-category .bd-faq-empty-icon svg {
2019 max-width: 100%;
2020 width: 75px;
2021 }
2022 .betterdocs-faq-wrapper .bd-empty-faq-category .bd-faq-empty-title {
2023 font-size: 20px;
2024 font-weight: 400;
2025 margin-top: 20px;
2026 margin-bottom: 0;
2027 }
2028
2029 .bd-faq-ctg-modal .bd-faq-ctg-header {
2030 background: #fff;
2031 padding: 20px 30px;
2032 display: flex;
2033 align-items: center;
2034 gap: 10px;
2035 }
2036 .bd-faq-ctg-modal .bd-faq-ctg-header .bd-faq-ctg-title {
2037 font-size: 20px;
2038 font-weight: 500;
2039 color: #23282d;
2040 margin: 0;
2041 }
2042 .bd-faq-ctg-modal .bd-faq-ctg-header .bd-faq-modal-close-button {
2043 margin-left: auto;
2044 border: none;
2045 background: transparent;
2046 display: flex;
2047 align-items: center;
2048 background: #e7ebf3;
2049 padding: 5px;
2050 border-radius: 2px;
2051 cursor: pointer;
2052 }
2053 .bd-faq-ctg-modal .bd-faq-ctg-header .bd-faq-modal-close-button img,
2054 .bd-faq-ctg-modal .bd-faq-ctg-header .bd-faq-modal-close-button svg {
2055 color: #626b77;
2056 width: 8px;
2057 fill: #626b77;
2058 }
2059 .bd-faq-ctg-modal .bd-faq-ctg-header .bd-faq-modal-close-button:hover img,
2060 .bd-faq-ctg-modal .bd-faq-ctg-header .bd-faq-modal-close-button:hover svg {
2061 color: #252525;
2062 fill: #252525;
2063 }
2064 .bd-faq-ctg-modal .bd-faq-ctg-body {
2065 background: #fff;
2066 border-top: 1px solid rgba(0, 0, 0, 0.1);
2067 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
2068 padding: 30px;
2069 display: flex;
2070 flex-direction: column;
2071 gap: 20px;
2072 }
2073 .bd-faq-ctg-modal .bd-faq-ctg-body .bd-faq-cgt-field {
2074 display: flex;
2075 flex-direction: column;
2076 gap: 10px;
2077 }
2078 .bd-faq-ctg-modal .bd-faq-ctg-body .bd-faq-cgt-field .bd-faq-label {
2079 font-size: 14px;
2080 font-weight: 500;
2081 color: #626b77;
2082 cursor: initial;
2083 }
2084 .bd-faq-ctg-modal .bd-faq-ctg-body .bd-faq-cgt-field .bd-faq-label[required]:after {
2085 content: "*";
2086 margin-left: 5px;
2087 margin-top: 5px;
2088 color: #f23759;
2089 }
2090 .bd-faq-ctg-modal .bd-faq-ctg-body .bd-faq-cgt-field .bd-faq-input {
2091 height: 40px;
2092 border: 1px solid #e7ebf3;
2093 background: #e7ebf3;
2094 width: 100%;
2095 color: #252525;
2096 padding: 5px 15px;
2097 font-size: 14px;
2098 outline: none;
2099 box-shadow: none;
2100 border-radius: 5px;
2101 }
2102 .bd-faq-ctg-modal .bd-faq-ctg-body .bd-faq-cgt-field .bd-faq-input::placeholder {
2103 color: #626b77;
2104 }
2105 .bd-faq-ctg-modal .bd-faq-ctg-body .bd-faq-cgt-field .bd-faq-input:not(:read-only) {
2106 cursor: pointer;
2107 }
2108 .bd-faq-ctg-modal .bd-faq-ctg-body .bd-faq-cgt-field .bd-faq-input:not(:read-only):focus {
2109 border-color: rgba(49, 218, 141, 0.5);
2110 outline: none;
2111 box-shadow: none;
2112 }
2113 .bd-faq-ctg-modal .bd-faq-ctg-body .bd-faq-cgt-field .bd-faq-input:read-only {
2114 cursor: initial;
2115 }
2116 .bd-faq-ctg-modal .bd-faq-ctg-body .bd-faq-cgt-field .bd-faq-textarea {
2117 cursor: pointer;
2118 border: 1px solid #e7ebf3;
2119 background: #e7ebf3;
2120 width: 100%;
2121 color: #252525;
2122 padding: 10px 15px;
2123 font-size: 14px;
2124 outline: none;
2125 box-shadow: none;
2126 min-height: 100px;
2127 }
2128 .bd-faq-ctg-modal .bd-faq-ctg-body .bd-faq-cgt-field .bd-faq-textarea::placeholder {
2129 color: #626b77;
2130 }
2131 .bd-faq-ctg-modal .bd-faq-ctg-body .bd-faq-cgt-field .bd-faq-textarea:focus {
2132 border-color: rgba(49, 218, 141, 0.5);
2133 outline: none;
2134 box-shadow: none;
2135 }
2136 .bd-faq-ctg-modal .bd-faq-ctg-body .bd-faq-cgt-field .bd-error-message {
2137 font-size: 13px;
2138 color: #f23759;
2139 margin: 0;
2140 }
2141 .bd-faq-ctg-modal .bd-faq-ctg-footer {
2142 background: #fff;
2143 border-top: 1px solid rgba(0, 0, 0, 0.1);
2144 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
2145 padding: 20px 30px;
2146 display: flex;
2147 column-gap: 20px;
2148 row-gap: 10px;
2149 flex-wrap: wrap;
2150 justify-content: flex-end;
2151 }
2152 .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button-group {
2153 display: flex;
2154 column-gap: 20px;
2155 row-gap: 10px;
2156 flex-wrap: wrap;
2157 }
2158 .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button-group.direction-column {
2159 flex-direction: column;
2160 }
2161 .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button {
2162 display: flex;
2163 min-height: 36px;
2164 padding: 2px 15px;
2165 border-radius: 3px;
2166 justify-content: center;
2167 align-items: center;
2168 background-color: #f1fff9;
2169 background-image: none;
2170 color: #15c7a4;
2171 border: 1px solid #15c7a4;
2172 cursor: pointer;
2173 font-size: 12px;
2174 font-weight: 500;
2175 transition: all 0.3s ease 0s;
2176 text-decoration: none;
2177 box-sizing: border-box;
2178 }
2179 .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button .bd-faq-icon {
2180 width: 16px;
2181 display: inline-flex;
2182 align-items: center;
2183 transform: translateX(-4px);
2184 margin-right: 4px;
2185 }
2186 .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button .bd-faq-icon img,
2187 .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button .bd-faq-icon svg {
2188 max-width: 100%;
2189 color: #15c7a4;
2190 fill: #15c7a4;
2191 transition: all 0.3s ease 0s;
2192 }
2193 .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button:hover {
2194 background-color: #15c7a4;
2195 background-image: -webkit-linear-gradient(-169deg, #15c7a4 0%, #31da8d 100%);
2196 color: #fff;
2197 border-color: transparent;
2198 }
2199 .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button:hover .bd-faq-icon img,
2200 .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button:hover .bd-faq-icon svg {
2201 color: #fff;
2202 fill: #fff;
2203 }
2204 .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button.button-danger {
2205 color: #f23759;
2206 border: 1px solid #f23759;
2207 background-color: #fff4f6;
2208 }
2209 .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button.button-danger:hover {
2210 background-color: #f23759;
2211 color: #fff;
2212 background-image: -webkit-linear-gradient(-169deg, #f673a3 0%, #f23759 100%) !important;
2213 }
2214 .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button.button-success {
2215 background-color: #15c7a4;
2216 background-image: -webkit-linear-gradient(-169deg, #15c7a4 0%, #31da8d 100%) !important;
2217 color: rgb(255, 255, 255) !important;
2218 border-color: transparent !important;
2219 }
2220 .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button.button-success .bd-faq-icon img,
2221 .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button.button-success .bd-faq-icon svg {
2222 color: #fff !important;
2223 fill: #fff !important;
2224 }
2225 .bd-faq-ctg-modal .bd-faq-ctg-footer .bd-faq-button.button-success:hover {
2226 background-color: #15c7a4;
2227 background-image: -webkit-linear-gradient(-169deg, #31da8d 0%, #15c7a4 100%) !important;
2228 }
2229
2230 /* WriteWithAI CSS */
2231 /* Override autofill text color */
2232 /* Add this CSS to your existing stylesheet or create a new one */
2233 /* Change the default checkbox color */
2234 /* Style the checked state */
2235 /* .bd-close-button {
2236 right: px;
2237 top: 1px;
2238 border-radius: 5px;
2239 width: 12px;
2240 height: 12px;
2241 color: #ffffff;
2242 background: #00b884;
2243 } */
2244 .bd-faq-cgt-field-wrapper {
2245 display: flex;
2246 align-items: center;
2247 gap: 20px;
2248 }
2249
2250 button.bd-faq-button.button-success.bd-write-with-ai-button {
2251 min-width: 150px;
2252 max-width: 180px;
2253 gap: 5px;
2254 height: 40px;
2255 border: none;
2256 }
2257
2258 .hidden {
2259 display: none !important;
2260 }
2261
2262 .disabled-input-field input {
2263 pointer-events: none;
2264 opacity: 0.6;
2265 }
2266 .disabled-input-field textarea {
2267 pointer-events: none;
2268 opacity: 0.6;
2269 }
2270 .disabled-input-field button {
2271 pointer-events: none;
2272 opacity: 0.6;
2273 }
2274 .disabled-input-field label {
2275 pointer-events: none;
2276 opacity: 0.6;
2277 opacity: 1;
2278 }
2279
2280 .betterdocs-ai-button-container {
2281 margin-left: 10px;
2282 }
2283
2284 .autowrite-icon {
2285 display: flex;
2286 align-items: center;
2287 width: 55px;
2288 height: 55px;
2289 background: #ffe4e8;
2290 justify-content: center;
2291 border-radius: 50px;
2292 }
2293 .autowrite-icon svg {
2294 width: 28px;
2295 height: 28px;
2296 }
2297
2298 .autowrite-heading {
2299 display: flex;
2300 gap: 10px;
2301 align-items: center;
2302 }
2303 .autowrite-heading h1 {
2304 color: #1d2939;
2305 font-family: "IBM Plex Sans", sans-serif;
2306 font-size: 24px;
2307 font-style: normal;
2308 font-weight: 500;
2309 line-height: normal;
2310 margin: 0;
2311 }
2312 .autowrite-heading p {
2313 margin: 0;
2314 margin-bottom: 24px;
2315 color: #475467;
2316 font-family: "IBM Plex Sans", sans-serif;
2317 font-size: 16px;
2318 font-style: normal;
2319 font-weight: 400;
2320 }
2321
2322 form#betterdocs-ai-form p {
2323 margin: 0;
2324 margin-bottom: 24px;
2325 }
2326
2327 .autowrite-subheadding p {
2328 font-family: "IBM Plex Sans", sans-serif;
2329 font-size: 14px;
2330 }
2331
2332 .prompt-field .input-description {
2333 margin: 0 !important;
2334 }
2335
2336 .betterdocs-ai-button {
2337 background: #00b884;
2338 border: 1px solid transparent;
2339 color: #fff;
2340 box-shadow: none;
2341 font-size: 12px;
2342 margin-right: 8px;
2343 padding: 0px 15px;
2344 cursor: pointer;
2345 border-radius: 3px;
2346 height: 38px;
2347 display: flex;
2348 align-items: center;
2349 justify-content: space-between;
2350 gap: 10px;
2351 }
2352 .betterdocs-ai-button img {
2353 width: 20px;
2354 height: 20px;
2355 }
2356
2357 .betterdocs-ai-autowrite-form-container {
2358 position: fixed;
2359 top: 50%;
2360 left: 50%;
2361 transform: translate(-50%, -50%);
2362 z-index: 100001;
2363 width: 650px;
2364 margin: 0 auto;
2365 background-color: #fff;
2366 border-radius: 5px;
2367 font-family: "IBM Plex Sans", sans-serif;
2368 max-height: 100%;
2369 max-width: 100%;
2370 }
2371 .betterdocs-ai-autowrite-form-container .betterdocs-ai-content-wrapper {
2372 padding: 15px;
2373 border: 1px solid #ddd;
2374 border-radius: 5px;
2375 }
2376 .betterdocs-ai-autowrite-form-container .betterdocs-ai-content-wrapper p {
2377 display: inline;
2378 background: #def2ff;
2379 line-height: 1.2rem;
2380 }
2381
2382 .betterdocs-ai-autowrite-form-content {
2383 background-color: #fff;
2384 padding: 20px 0px;
2385 border-radius: 5px;
2386 padding-bottom: 0;
2387 overflow: auto;
2388 height: 100%;
2389 }
2390
2391 .betterdocs-ai-autowrite-top-part {
2392 border-bottom: 1px solid #ddd;
2393 padding: 0 40px;
2394 }
2395
2396 #betterdocs-ai-form {
2397 display: flex;
2398 flex-direction: column;
2399 overflow: hidden;
2400 display: flex;
2401 flex-direction: column;
2402 }
2403 #betterdocs-ai-form .form-group {
2404 margin-bottom: 24px;
2405 }
2406 #betterdocs-ai-form .bd-aiform-flex {
2407 display: flex;
2408 justify-content: space-between;
2409 }
2410 #betterdocs-ai-form label {
2411 font-weight: 600;
2412 margin-bottom: 5px;
2413 display: block;
2414 font-size: 14px;
2415 line-height: 20px;
2416 }
2417 #betterdocs-ai-form input[type=text] {
2418 width: 100%;
2419 padding: 8px;
2420 box-sizing: border-box;
2421 border: 1px solid #d0d5dd;
2422 border-radius: 4px;
2423 color: #667085;
2424 font-weight: 400;
2425 }
2426 #betterdocs-ai-form textarea {
2427 width: 100%;
2428 padding: 8px;
2429 box-sizing: border-box;
2430 border: 1px solid #d0d5dd;
2431 border-radius: 4px;
2432 color: #667085;
2433 font-weight: 400;
2434 color: #667085;
2435 }
2436 #betterdocs-ai-form textarea:focus {
2437 box-shadow: none;
2438 color: inherit;
2439 box-shadow: none;
2440 }
2441 #betterdocs-ai-form input:-webkit-autofill {
2442 -webkit-text-fill-color: #667085 !important;
2443 }
2444 #betterdocs-ai-form input::placeholder {
2445 color: #acb2bf;
2446 }
2447 #betterdocs-ai-form input:focus {
2448 box-shadow: none;
2449 }
2450
2451 .form-inner-content {
2452 overflow: auto;
2453 height: 100%;
2454 max-height: 435px;
2455 padding: 0 40px;
2456 }
2457 .form-inner-content > .form-group {
2458 margin-top: 20px;
2459 }
2460
2461 #betterdocs-ai-autowrite-form-container-overlay {
2462 position: fixed;
2463 top: 0;
2464 right: 0;
2465 bottom: 0;
2466 left: 0;
2467 background-color: rgba(0, 0, 0, 0.7);
2468 z-index: 100000;
2469 }
2470
2471 select#bd-autowrtite-content-section {
2472 width: 150px !important;
2473 height: 40px;
2474 }
2475
2476 #bd-autowrtite-content-paragraph {
2477 width: 150px !important;
2478 height: 40px;
2479 }
2480
2481 #betterdocs-ai-language {
2482 width: 150px !important;
2483 height: 40px;
2484 }
2485
2486 .generate-button-container {
2487 position: sticky;
2488 bottom: 0px;
2489 width: 100%;
2490 margin-left: 0;
2491 z-index: 999999 !important;
2492 padding: 20px 0;
2493 display: flex;
2494 justify-content: end;
2495 border-top: 1px solid #ddd;
2496 background: white;
2497 border-bottom-right-radius: 5px;
2498 border-bottom-left-radius: 5px;
2499 gap: 15px;
2500 }
2501 .generate-button-container button {
2502 display: flex;
2503 gap: 8px;
2504 align-items: center;
2505 justify-content: center;
2506 opacity: 1 !important;
2507 margin-right: 40px;
2508 }
2509 .generate-button-container button.generate-btn.regenerate-btn {
2510 margin: 0;
2511 background: #fff;
2512 border: 1px solid #d0d5dd;
2513 color: #344054;
2514 }
2515 .generate-button-container .generate-btn[disabled] {
2516 cursor: unset;
2517 }
2518
2519 .input-description {
2520 font-size: 14px;
2521 color: #667085;
2522 }
2523
2524 .betterdocs-ai-checkbox-field {
2525 position: relative;
2526 font-size: 16px;
2527 }
2528 .betterdocs-ai-checkbox-field .form-group {
2529 display: flex;
2530 align-items: start;
2531 justify-content: space-between;
2532 }
2533 .betterdocs-ai-checkbox-field input {
2534 width: 20px;
2535 height: 20px;
2536 }
2537 .betterdocs-ai-checkbox-field input[type=checkbox] {
2538 border: 1px solid #00b884;
2539 }
2540 .betterdocs-ai-checkbox-field input[type=checkbox]:checked::before {
2541 padding: 2px;
2542 content: "";
2543 color: #00b884;
2544 }
2545 .betterdocs-ai-checkbox-field input[type=checkbox]:hover {
2546 -webkit-appearance: none;
2547 appearance: none;
2548 border: 1px solid #00b884;
2549 outline: none;
2550 }
2551 .betterdocs-ai-checkbox-field input[type=checkbox]:checked {
2552 border: 1px solid #00b884;
2553 }
2554
2555 .checkbox-field-label {
2556 width: calc(100% - 150px);
2557 }
2558 .checkbox-field-label p {
2559 margin: 0 !important;
2560 }
2561
2562 .checkbox-input-field {
2563 width: 300px;
2564 text-align: right;
2565 position: relative;
2566 display: inline-block;
2567 width: 60px;
2568 height: 34px;
2569 }
2570 .checkbox-input-field input {
2571 display: none;
2572 }
2573 .checkbox-input-field input:checked + .toggle-label {
2574 background-color: #00b884;
2575 }
2576 .checkbox-input-field input:checked + .toggle-label:after {
2577 transform: translateX(26px);
2578 }
2579
2580 .toggle-label {
2581 position: absolute;
2582 cursor: pointer;
2583 top: 0;
2584 left: 0;
2585 right: 0;
2586 bottom: 0;
2587 background-color: #ccc;
2588 border-radius: 34px;
2589 transition: background-color 0.3s;
2590 scale: 0.9;
2591 width: 52px;
2592 height: 26px;
2593 }
2594 .toggle-label:after {
2595 content: "";
2596 position: absolute;
2597 height: 22px;
2598 width: 22px;
2599 left: 2px;
2600 bottom: 2px;
2601 background-color: white;
2602 border-radius: 50%;
2603 transition: transform 0.3s;
2604 }
2605
2606 .generate-btn,
2607 .keep-btn {
2608 background-color: #00b884;
2609 color: #fff;
2610 border: none;
2611 padding: 10px 15px;
2612 text-align: center;
2613 text-decoration: none;
2614 display: inline-block;
2615 font-size: 16px;
2616 cursor: pointer;
2617 border-radius: 4px;
2618 }
2619
2620 button.keep-btn {
2621 margin-right: 15px;
2622 }
2623
2624 .prompt-btn {
2625 background-color: #00b884;
2626 color: #fff;
2627 border: none;
2628 padding: 10px 15px;
2629 text-align: center;
2630 text-decoration: none;
2631 display: inline-block;
2632 font-size: 16px;
2633 cursor: pointer;
2634 border-radius: 4px;
2635 }
2636
2637 .keep-btn {
2638 background-color: #00b884;
2639 color: #fff;
2640 border: none;
2641 padding: 10px 15px;
2642 text-align: center;
2643 text-decoration: none;
2644 display: inline-block;
2645 font-size: 16px;
2646 cursor: pointer;
2647 border-radius: 4px;
2648 width: 100px;
2649 }
2650
2651 .bd-close-button {
2652 cursor: pointer;
2653 font-size: 18px;
2654 font-weight: bold;
2655 float: right;
2656 position: absolute;
2657 right: 1px;
2658 top: 1px;
2659 padding: 10px;
2660 background: #ffffff;
2661 border-radius: 25px;
2662 width: 20px;
2663 height: 20px;
2664 display: flex;
2665 align-items: center;
2666 justify-content: center;
2667 color: #281617;
2668 right: -60px;
2669 }
2670
2671 div#betterdocs-ai-error-message {
2672 font-size: 14px;
2673 font-family: "IBM Plex Sans", sans-serif;
2674 color: #667085;
2675 margin-bottom: 20px;
2676 }
2677 div#betterdocs-ai-error-message a {
2678 text-decoration: none;
2679 font-weight: 600;
2680 }
2681 div#betterdocs-ai-error-message a:focus {
2682 outline: none;
2683 box-shadow: none;
2684 color: #2271b1;
2685 }
2686
2687 #betterdocs-ai-message {
2688 font-size: 14px;
2689 font-family: "IBM Plex Sans", sans-serif;
2690 color: #667085;
2691 margin-bottom: 20px;
2692 }
2693 #betterdocs-ai-message a {
2694 text-decoration: none;
2695 font-weight: 600;
2696 }
2697 #betterdocs-ai-message a:focus {
2698 outline: none;
2699 box-shadow: none;
2700 color: #2271b1;
2701 }
2702 #betterdocs-ai-message span {
2703 color: #d63638;
2704 }
2705
2706 .warning-message {
2707 display: flex;
2708 align-items: center;
2709 gap: 10px;
2710 background: #fbebed;
2711 padding: 12px;
2712 border-radius: 5px;
2713 font-size: 14px;
2714 line-height: 1.4em;
2715 border-left: 4px solid #d63638;
2716 }
2717 .warning-message svg {
2718 width: 20px;
2719 height: 20px;
2720 }
2721 .warning-message span {
2722 color: #d63638;
2723 }
2724 .warning-message .footer-message {
2725 width: calc(100% - 20px);
2726 }
2727
2728 @media only screen and (max-width: 991px) {
2729 .betterdocs-ai-autowrite-form-container {
2730 left: 0;
2731 right: 0;
2732 transform: translate(0%, -50%);
2733 }
2734 .betterdocs-ai-autowrite-form-content {
2735 overflow-x: auto;
2736 }
2737 }
2738 @media only screen and (max-width: 740px) {
2739 .bd-close-button {
2740 right: 0px;
2741 top: 0px;
2742 width: 12px;
2743 height: 12px;
2744 font-size: 14px;
2745 }
2746 }
2747 /*!********************************************************************************************************************************************************************************************************!*\
2748 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/react-toastify/dist/ReactToastify.css ***!
2749 \********************************************************************************************************************************************************************************************************/
2750 :root {
2751 --toastify-color-light: #fff;
2752 --toastify-color-dark: #121212;
2753 --toastify-color-info: #3498db;
2754 --toastify-color-success: #07bc0c;
2755 --toastify-color-warning: #f1c40f;
2756 --toastify-color-error: #e74c3c;
2757 --toastify-color-transparent: rgba(255, 255, 255, 0.7);
2758 --toastify-icon-color-info: var(--toastify-color-info);
2759 --toastify-icon-color-success: var(--toastify-color-success);
2760 --toastify-icon-color-warning: var(--toastify-color-warning);
2761 --toastify-icon-color-error: var(--toastify-color-error);
2762 --toastify-toast-width: 320px;
2763 --toastify-toast-background: #fff;
2764 --toastify-toast-min-height: 64px;
2765 --toastify-toast-max-height: 800px;
2766 --toastify-font-family: sans-serif;
2767 --toastify-z-index: 9999;
2768 --toastify-text-color-light: #757575;
2769 --toastify-text-color-dark: #fff;
2770 --toastify-text-color-info: #fff;
2771 --toastify-text-color-success: #fff;
2772 --toastify-text-color-warning: #fff;
2773 --toastify-text-color-error: #fff;
2774 --toastify-spinner-color: #616161;
2775 --toastify-spinner-color-empty-area: #e0e0e0;
2776 --toastify-color-progress-light: linear-gradient(
2777 to right,
2778 #4cd964,
2779 #5ac8fa,
2780 #007aff,
2781 #34aadc,
2782 #5856d6,
2783 #ff2d55
2784 );
2785 --toastify-color-progress-dark: #bb86fc;
2786 --toastify-color-progress-info: var(--toastify-color-info);
2787 --toastify-color-progress-success: var(--toastify-color-success);
2788 --toastify-color-progress-warning: var(--toastify-color-warning);
2789 --toastify-color-progress-error: var(--toastify-color-error);
2790 }
2791
2792 .Toastify__toast-container {
2793 z-index: var(--toastify-z-index);
2794 -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
2795 position: fixed;
2796 padding: 4px;
2797 width: var(--toastify-toast-width);
2798 box-sizing: border-box;
2799 color: #fff;
2800 }
2801 .Toastify__toast-container--top-left {
2802 top: 1em;
2803 left: 1em;
2804 }
2805 .Toastify__toast-container--top-center {
2806 top: 1em;
2807 left: 50%;
2808 transform: translateX(-50%);
2809 }
2810 .Toastify__toast-container--top-right {
2811 top: 1em;
2812 right: 1em;
2813 }
2814 .Toastify__toast-container--bottom-left {
2815 bottom: 1em;
2816 left: 1em;
2817 }
2818 .Toastify__toast-container--bottom-center {
2819 bottom: 1em;
2820 left: 50%;
2821 transform: translateX(-50%);
2822 }
2823 .Toastify__toast-container--bottom-right {
2824 bottom: 1em;
2825 right: 1em;
2826 }
2827
2828 @media only screen and (max-width : 480px) {
2829 .Toastify__toast-container {
2830 width: 100vw;
2831 padding: 0;
2832 left: 0;
2833 margin: 0;
2834 }
2835 .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
2836 top: 0;
2837 transform: translateX(0);
2838 }
2839 .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
2840 bottom: 0;
2841 transform: translateX(0);
2842 }
2843 .Toastify__toast-container--rtl {
2844 right: 0;
2845 left: initial;
2846 }
2847 }
2848 .Toastify__toast {
2849 position: relative;
2850 min-height: var(--toastify-toast-min-height);
2851 box-sizing: border-box;
2852 margin-bottom: 1rem;
2853 padding: 8px;
2854 border-radius: 4px;
2855 box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
2856 display: flex;
2857 justify-content: space-between;
2858 max-height: var(--toastify-toast-max-height);
2859 overflow: hidden;
2860 font-family: var(--toastify-font-family);
2861 cursor: default;
2862 direction: ltr;
2863 /* webkit only issue #791 */
2864 z-index: 0;
2865 }
2866 .Toastify__toast--rtl {
2867 direction: rtl;
2868 }
2869 .Toastify__toast--close-on-click {
2870 cursor: pointer;
2871 }
2872 .Toastify__toast-body {
2873 margin: auto 0;
2874 flex: 1 1 auto;
2875 padding: 6px;
2876 display: flex;
2877 align-items: center;
2878 }
2879 .Toastify__toast-body > div:last-child {
2880 word-break: break-word;
2881 flex: 1;
2882 }
2883 .Toastify__toast-icon {
2884 margin-inline-end: 10px;
2885 width: 20px;
2886 flex-shrink: 0;
2887 display: flex;
2888 }
2889
2890 .Toastify--animate {
2891 animation-fill-mode: both;
2892 animation-duration: 0.7s;
2893 }
2894
2895 .Toastify--animate-icon {
2896 animation-fill-mode: both;
2897 animation-duration: 0.3s;
2898 }
2899
2900 @media only screen and (max-width : 480px) {
2901 .Toastify__toast {
2902 margin-bottom: 0;
2903 border-radius: 0;
2904 }
2905 }
2906 .Toastify__toast-theme--dark {
2907 background: var(--toastify-color-dark);
2908 color: var(--toastify-text-color-dark);
2909 }
2910 .Toastify__toast-theme--light {
2911 background: var(--toastify-color-light);
2912 color: var(--toastify-text-color-light);
2913 }
2914 .Toastify__toast-theme--colored.Toastify__toast--default {
2915 background: var(--toastify-color-light);
2916 color: var(--toastify-text-color-light);
2917 }
2918 .Toastify__toast-theme--colored.Toastify__toast--info {
2919 color: var(--toastify-text-color-info);
2920 background: var(--toastify-color-info);
2921 }
2922 .Toastify__toast-theme--colored.Toastify__toast--success {
2923 color: var(--toastify-text-color-success);
2924 background: var(--toastify-color-success);
2925 }
2926 .Toastify__toast-theme--colored.Toastify__toast--warning {
2927 color: var(--toastify-text-color-warning);
2928 background: var(--toastify-color-warning);
2929 }
2930 .Toastify__toast-theme--colored.Toastify__toast--error {
2931 color: var(--toastify-text-color-error);
2932 background: var(--toastify-color-error);
2933 }
2934
2935 .Toastify__progress-bar-theme--light {
2936 background: var(--toastify-color-progress-light);
2937 }
2938 .Toastify__progress-bar-theme--dark {
2939 background: var(--toastify-color-progress-dark);
2940 }
2941 .Toastify__progress-bar--info {
2942 background: var(--toastify-color-progress-info);
2943 }
2944 .Toastify__progress-bar--success {
2945 background: var(--toastify-color-progress-success);
2946 }
2947 .Toastify__progress-bar--warning {
2948 background: var(--toastify-color-progress-warning);
2949 }
2950 .Toastify__progress-bar--error {
2951 background: var(--toastify-color-progress-error);
2952 }
2953 .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
2954 background: var(--toastify-color-transparent);
2955 }
2956
2957 .Toastify__close-button {
2958 color: #fff;
2959 background: transparent;
2960 outline: none;
2961 border: none;
2962 padding: 0;
2963 cursor: pointer;
2964 opacity: 0.7;
2965 transition: 0.3s ease;
2966 align-self: flex-start;
2967 }
2968 .Toastify__close-button--light {
2969 color: #000;
2970 opacity: 0.3;
2971 }
2972 .Toastify__close-button > svg {
2973 fill: currentColor;
2974 height: 16px;
2975 width: 14px;
2976 }
2977 .Toastify__close-button:hover, .Toastify__close-button:focus {
2978 opacity: 1;
2979 }
2980
2981 @keyframes Toastify__trackProgress {
2982 0% {
2983 transform: scaleX(1);
2984 }
2985 100% {
2986 transform: scaleX(0);
2987 }
2988 }
2989 .Toastify__progress-bar {
2990 position: absolute;
2991 bottom: 0;
2992 left: 0;
2993 width: 100%;
2994 height: 5px;
2995 z-index: var(--toastify-z-index);
2996 opacity: 0.7;
2997 transform-origin: left;
2998 }
2999 .Toastify__progress-bar--animated {
3000 animation: Toastify__trackProgress linear 1 forwards;
3001 }
3002 .Toastify__progress-bar--controlled {
3003 transition: transform 0.2s;
3004 }
3005 .Toastify__progress-bar--rtl {
3006 right: 0;
3007 left: initial;
3008 transform-origin: right;
3009 }
3010
3011 .Toastify__spinner {
3012 width: 20px;
3013 height: 20px;
3014 box-sizing: border-box;
3015 border: 2px solid;
3016 border-radius: 100%;
3017 border-color: var(--toastify-spinner-color-empty-area);
3018 border-right-color: var(--toastify-spinner-color);
3019 animation: Toastify__spin 0.65s linear infinite;
3020 }
3021
3022 @keyframes Toastify__bounceInRight {
3023 from, 60%, 75%, 90%, to {
3024 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
3025 }
3026 from {
3027 opacity: 0;
3028 transform: translate3d(3000px, 0, 0);
3029 }
3030 60% {
3031 opacity: 1;
3032 transform: translate3d(-25px, 0, 0);
3033 }
3034 75% {
3035 transform: translate3d(10px, 0, 0);
3036 }
3037 90% {
3038 transform: translate3d(-5px, 0, 0);
3039 }
3040 to {
3041 transform: none;
3042 }
3043 }
3044 @keyframes Toastify__bounceOutRight {
3045 20% {
3046 opacity: 1;
3047 transform: translate3d(-20px, 0, 0);
3048 }
3049 to {
3050 opacity: 0;
3051 transform: translate3d(2000px, 0, 0);
3052 }
3053 }
3054 @keyframes Toastify__bounceInLeft {
3055 from, 60%, 75%, 90%, to {
3056 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
3057 }
3058 0% {
3059 opacity: 0;
3060 transform: translate3d(-3000px, 0, 0);
3061 }
3062 60% {
3063 opacity: 1;
3064 transform: translate3d(25px, 0, 0);
3065 }
3066 75% {
3067 transform: translate3d(-10px, 0, 0);
3068 }
3069 90% {
3070 transform: translate3d(5px, 0, 0);
3071 }
3072 to {
3073 transform: none;
3074 }
3075 }
3076 @keyframes Toastify__bounceOutLeft {
3077 20% {
3078 opacity: 1;
3079 transform: translate3d(20px, 0, 0);
3080 }
3081 to {
3082 opacity: 0;
3083 transform: translate3d(-2000px, 0, 0);
3084 }
3085 }
3086 @keyframes Toastify__bounceInUp {
3087 from, 60%, 75%, 90%, to {
3088 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
3089 }
3090 from {
3091 opacity: 0;
3092 transform: translate3d(0, 3000px, 0);
3093 }
3094 60% {
3095 opacity: 1;
3096 transform: translate3d(0, -20px, 0);
3097 }
3098 75% {
3099 transform: translate3d(0, 10px, 0);
3100 }
3101 90% {
3102 transform: translate3d(0, -5px, 0);
3103 }
3104 to {
3105 transform: translate3d(0, 0, 0);
3106 }
3107 }
3108 @keyframes Toastify__bounceOutUp {
3109 20% {
3110 transform: translate3d(0, -10px, 0);
3111 }
3112 40%, 45% {
3113 opacity: 1;
3114 transform: translate3d(0, 20px, 0);
3115 }
3116 to {
3117 opacity: 0;
3118 transform: translate3d(0, -2000px, 0);
3119 }
3120 }
3121 @keyframes Toastify__bounceInDown {
3122 from, 60%, 75%, 90%, to {
3123 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
3124 }
3125 0% {
3126 opacity: 0;
3127 transform: translate3d(0, -3000px, 0);
3128 }
3129 60% {
3130 opacity: 1;
3131 transform: translate3d(0, 25px, 0);
3132 }
3133 75% {
3134 transform: translate3d(0, -10px, 0);
3135 }
3136 90% {
3137 transform: translate3d(0, 5px, 0);
3138 }
3139 to {
3140 transform: none;
3141 }
3142 }
3143 @keyframes Toastify__bounceOutDown {
3144 20% {
3145 transform: translate3d(0, 10px, 0);
3146 }
3147 40%, 45% {
3148 opacity: 1;
3149 transform: translate3d(0, -20px, 0);
3150 }
3151 to {
3152 opacity: 0;
3153 transform: translate3d(0, 2000px, 0);
3154 }
3155 }
3156 .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
3157 animation-name: Toastify__bounceInLeft;
3158 }
3159 .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
3160 animation-name: Toastify__bounceInRight;
3161 }
3162 .Toastify__bounce-enter--top-center {
3163 animation-name: Toastify__bounceInDown;
3164 }
3165 .Toastify__bounce-enter--bottom-center {
3166 animation-name: Toastify__bounceInUp;
3167 }
3168
3169 .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
3170 animation-name: Toastify__bounceOutLeft;
3171 }
3172 .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
3173 animation-name: Toastify__bounceOutRight;
3174 }
3175 .Toastify__bounce-exit--top-center {
3176 animation-name: Toastify__bounceOutUp;
3177 }
3178 .Toastify__bounce-exit--bottom-center {
3179 animation-name: Toastify__bounceOutDown;
3180 }
3181
3182 @keyframes Toastify__zoomIn {
3183 from {
3184 opacity: 0;
3185 transform: scale3d(0.3, 0.3, 0.3);
3186 }
3187 50% {
3188 opacity: 1;
3189 }
3190 }
3191 @keyframes Toastify__zoomOut {
3192 from {
3193 opacity: 1;
3194 }
3195 50% {
3196 opacity: 0;
3197 transform: scale3d(0.3, 0.3, 0.3);
3198 }
3199 to {
3200 opacity: 0;
3201 }
3202 }
3203 .Toastify__zoom-enter {
3204 animation-name: Toastify__zoomIn;
3205 }
3206
3207 .Toastify__zoom-exit {
3208 animation-name: Toastify__zoomOut;
3209 }
3210
3211 @keyframes Toastify__flipIn {
3212 from {
3213 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
3214 animation-timing-function: ease-in;
3215 opacity: 0;
3216 }
3217 40% {
3218 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
3219 animation-timing-function: ease-in;
3220 }
3221 60% {
3222 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
3223 opacity: 1;
3224 }
3225 80% {
3226 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
3227 }
3228 to {
3229 transform: perspective(400px);
3230 }
3231 }
3232 @keyframes Toastify__flipOut {
3233 from {
3234 transform: perspective(400px);
3235 }
3236 30% {
3237 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
3238 opacity: 1;
3239 }
3240 to {
3241 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
3242 opacity: 0;
3243 }
3244 }
3245 .Toastify__flip-enter {
3246 animation-name: Toastify__flipIn;
3247 }
3248
3249 .Toastify__flip-exit {
3250 animation-name: Toastify__flipOut;
3251 }
3252
3253 @keyframes Toastify__slideInRight {
3254 from {
3255 transform: translate3d(110%, 0, 0);
3256 visibility: visible;
3257 }
3258 to {
3259 transform: translate3d(0, 0, 0);
3260 }
3261 }
3262 @keyframes Toastify__slideInLeft {
3263 from {
3264 transform: translate3d(-110%, 0, 0);
3265 visibility: visible;
3266 }
3267 to {
3268 transform: translate3d(0, 0, 0);
3269 }
3270 }
3271 @keyframes Toastify__slideInUp {
3272 from {
3273 transform: translate3d(0, 110%, 0);
3274 visibility: visible;
3275 }
3276 to {
3277 transform: translate3d(0, 0, 0);
3278 }
3279 }
3280 @keyframes Toastify__slideInDown {
3281 from {
3282 transform: translate3d(0, -110%, 0);
3283 visibility: visible;
3284 }
3285 to {
3286 transform: translate3d(0, 0, 0);
3287 }
3288 }
3289 @keyframes Toastify__slideOutRight {
3290 from {
3291 transform: translate3d(0, 0, 0);
3292 }
3293 to {
3294 visibility: hidden;
3295 transform: translate3d(110%, 0, 0);
3296 }
3297 }
3298 @keyframes Toastify__slideOutLeft {
3299 from {
3300 transform: translate3d(0, 0, 0);
3301 }
3302 to {
3303 visibility: hidden;
3304 transform: translate3d(-110%, 0, 0);
3305 }
3306 }
3307 @keyframes Toastify__slideOutDown {
3308 from {
3309 transform: translate3d(0, 0, 0);
3310 }
3311 to {
3312 visibility: hidden;
3313 transform: translate3d(0, 500px, 0);
3314 }
3315 }
3316 @keyframes Toastify__slideOutUp {
3317 from {
3318 transform: translate3d(0, 0, 0);
3319 }
3320 to {
3321 visibility: hidden;
3322 transform: translate3d(0, -500px, 0);
3323 }
3324 }
3325 .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
3326 animation-name: Toastify__slideInLeft;
3327 }
3328 .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
3329 animation-name: Toastify__slideInRight;
3330 }
3331 .Toastify__slide-enter--top-center {
3332 animation-name: Toastify__slideInDown;
3333 }
3334 .Toastify__slide-enter--bottom-center {
3335 animation-name: Toastify__slideInUp;
3336 }
3337
3338 .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
3339 animation-name: Toastify__slideOutLeft;
3340 }
3341 .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
3342 animation-name: Toastify__slideOutRight;
3343 }
3344 .Toastify__slide-exit--top-center {
3345 animation-name: Toastify__slideOutUp;
3346 }
3347 .Toastify__slide-exit--bottom-center {
3348 animation-name: Toastify__slideOutDown;
3349 }
3350
3351 @keyframes Toastify__spin {
3352 from {
3353 transform: rotate(0deg);
3354 }
3355 to {
3356 transform: rotate(360deg);
3357 }
3358 }
3359
3360 /*# sourceMappingURL=ReactToastify.css.map */
3361
3362 /*# sourceMappingURL=glossares.css.map*/